/************************************************ File list *************************************************/ table tr td { padding: 0; height: 30px; width: 100%; margin: 0; } td{ width: 100%; } tr{ width: 100%; } tr:hover{ background: #CCCCCC; } table{ width: 100%; } #icon{ width: 35px; border: none; } a.file{ display: block; text-decoration: none; color: black; width:100%; height: 30px; } #up{ font-weight: bold; } /************************************************ Menu *************************************************/ #menu{ position: fixed; top:0; right: 0; margin-top: 10px; margin-right: 30px; color: white; } .menu-item{ height: 50px; width: 50px; margin: 10px; display:inline-block; text-align: center; cursor: pointer; } .logout-item-link{ text-decoration: none; color: white; } .menu-item:hover{ margin: 10px; background:#2669AB; height: 50px; width: 50px; border-radius: 10px; box-shadow: 3px -3px 5px black; } /************************************************ Tools *************************************************/ #new-folder-bg{ width: 100%; height: 100%; background: white; position: fixed; z-index: 99; top: 0px; opacity: 0.75; visibility: hidden; } #new-folder-form{ } #new-folder-area{ height: 190px; width: 400px; position: fixed; top: 50%; margin-top: -100px; padding: 10px; left: 50%; margin-left: -200px; border: 1px solid black; } input.new-folder-input[type=text]{ border: none; box-shadow: inset 0px 0px 1px 1px #1F3D4C; border-radius: 0; height: 40px; font-size: 25px; margin-top: 15px; width: 395px; padding-left: 5px; } input[type=checkbox]{ display:inline; margin-left: 5px; margin-top: 10px; width: 10px; } input.new-folder-input:focus{ background: #D6E0E5 } #upload-bg{ width: 100%; height: 100%; background: white; position: fixed; z-index: 99; top: 0px; opacity: 0.75; visibility: hidden; } #upload-form{ } #upload-area{ height: 190px; width: 400px; position: fixed; top: 50%; margin-top: -100px; padding: 10px; left: 50%; margin-left: -200px; border: 1px solid black; } input.upload-input[type=file]{ border: none; margin-top: 15px; margin-bottom: 15px; display:block; padding-left: 5px; } #button-input{ height: 40px; width: 120px; border: none; box-shadow: inset 0px 0px 1px 1px #1F3D4C; border-radius: 0; font-size: 25px; margin-top: 15px; display:block; } label{ display: inline; } #close{ font-size: 25px; position: absolute; top: 0; right: 00px; margin-right: 10px; cursor: pointer; } /*Context Menu*/ #context-menu{ box-shadow: 1px 1px 1px 1px #1F3D4C; background-color: white; } .context-menu-item{ cursor: pointer; } #copy-link.zeroclipboard-is-hover { background: #CCCCCC; }