diff --git a/src/style.css b/src/style.css index 3f39fb3..c8cc36e 100644 --- a/src/style.css +++ b/src/style.css @@ -2,10 +2,47 @@ body { padding-top: 70px; overflow-y: scroll !important; } + +a { cursor: pointer !important; } +a.ifmitem:focus { outline: 0 } + +img.imgpreview { max-width: 100%; } + +div#content { width: 100%; height: 350px; } /* is for the ACE editor */ + +label { + display: inline-block; + margin-bottom: .5rem; + font-weight: 700; +} + +/* Make tables more compact (overwrites bootstrap default of 0.75rem) */ +.table td, .table th { + padding: 0.25rem; +} + +/* narrow navbar */ +.navbar { + padding: 0.3rem; +} + +/* + * Icon size + */ .icon { font-size: 14pt; } +@media (max-width: 768px) { + .icon { font-size: 12pt; } + #filetable tr th.buttons { min-width: 85px !important; } +} +/* + * Filetable related settings + */ +#filetable th { + border-top: 0; +} #filetable td:nth-child(5), #filetable th:nth-child(5) { text-align: center; } @@ -18,15 +55,12 @@ body { #filetable td:last-child a:hover { text-decoration: none; } +.td-permissions { width: 1px; } -a { cursor: pointer !important; } -a.ifmitem:focus { outline: 0 } - -img.imgpreview { max-width: 100%; } - -div#content { width: 100%; height: 350px; } - -input[name=newpermissions] { padding: 6px 8px; } +input[name=newpermissions] { + padding: 6px 8px; + width: 6.5rem; +} #filetable tr th.buttons { min-width: 95px; } #filetable tbody tr.highlightedItem { box-shadow: 0px 0px 10px 2px #337ab7; } @@ -35,16 +69,12 @@ input[name=newpermissions] { padding: 6px 8px; } #filetable tbody tr.selectedItem * a { color: #FFF; } #filetable tbody tr td { vertical-align: inherit; } -#navbar { max-width: 100%; } - div.ifminfo { color: #adadad; font-size: 10pt; } div.ifminfo div.panel div.panel-body { padding: 0px !important; text-align: center; } -@media (max-width: 768px) { - .icon { font-size: 12pt; } - #filetable tr th.buttons { min-width: 85px !important; } -} - +/* + * Footer / Task-Queue settings + */ footer { position: fixed; padding-top: 1em; @@ -53,11 +83,11 @@ footer { bottom: 0; width: 100%; max-height: 6em; - overflow:hidden; + overflow: hidden; } #waitqueue .progress { - position:relative; + position: relative; margin-bottom: 0; } #waitqueue .progbarlabel { @@ -67,6 +97,9 @@ footer { font-weight: bold; } +/* + * File drop overlay + */ #filedropoverlay { display: none; position: fixed; @@ -92,28 +125,40 @@ footer { pointer-events: none; } -.td-permissions { width: 1px; } -/* datatables */ +/* + * Datatables related settings + */ table.dataTable thead th { position: relative; background-image: none !important; } +/* remove original sort icons */ +table.dataTable thead .sorting:before, +table.dataTable thead .sorting_asc:before, +table.dataTable thead .sorting_desc:before, +table.dataTable thead .sorting_asc_disabled:before, +table.dataTable thead .sorting_desc_disabled:before { + right: 0 !important; + content: "" !important; +} +/* custom sort icons */ table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after { position: absolute; - top: 12px; + top: 6px; right: 8px; display: block; font-family: fontello; + font-size: 0.8em; + opacity: 1; + color: #000; } - table.dataTable thead th.sorting:after { content: "\F0DC"; - font-size: 0.8em; - padding-top: 0.12em; + color: #ddd; } table.dataTable thead th.sorting_asc:after { content: "\f0de"; @@ -122,6 +167,9 @@ table.dataTable thead th.sorting_desc:after { content: "\f0dd"; } +/* + * Modal related settings + */ #copyMoveTree { max-height: 80vh; overflow: auto; @@ -139,9 +187,3 @@ table.dataTable thead th.sorting_desc:after { max-width: 800px; } } - -label { - display: inline-block; - margin-bottom: .5rem; - font-weight: 700; -} \ No newline at end of file