imce-content.css in IMCE 6
/*Main container*/
#imce-content {
font-size: 11px;
font-family: Verdana, Tahoma;
margin: 0.1em;
padding: 0.1em;
text-align: left;
}
/*Main sections under imce-content*/
#ops-wrapper {}
#browse-wrapper {
overflow: hidden;
height: 24em;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
clear: both;
}
#browse-resizer {}
#log-prv-wrapper {
height: 12em;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
overflow: hidden;
}
#content-resizer {}
/*columns of browse-wrapper*/
#navigation-wrapper {
width: 12em;
height: 100%;
overflow: auto;
float: left;
}
#navigation-resizer {
height: 100%;
float: left;
}
#sub-browse-wrapper {
height: 100%;
overflow: hidden;
}
/*columns of log-prv-wrapper*/
#log-wrapper {
height: 100%;
width: 50%;
float: left;
overflow: auto;
background-color: #eee;
}
#log-resizer {
height: 100%;
float: left;
}
#preview-wrapper {
height: 100%;
overflow: auto;
}
/*rows of sub-browse wrapper*/
#file-header-wrapper {
height: 2.2em;
padding: 0px 22px 0px 1px;
}
#file-list-wrapper {
height: 20.2em;
overflow: auto;
padding: 0px 11px 0px 1px;
}
#dir-stat {
font-size: 0.9em;
height: 1.8em;
padding: 0em 0.5em;
background-color: #f5f5f5;
}
/*Navigation tree (ul)*/
#navigation-tree {
margin: 0.1em;
padding: 0em;
}
#navigation-tree ul {
margin: 0.1em 0em 0.1em 1.5em;
padding: 0em;
}
#navigation-tree li {
padding: 0.1em;
margin: 0em;
list-style-type: none;
list-style-image: none;
background: transparent url(collapsed.png) no-repeat 0.3em 0.6em;
white-space: nowrap;
}
#navigation-tree li.expanded {
background-image: url(expanded.png);
}
#navigation-tree li.leaf {
background-image: url(leaf.png);
}
#navigation-tree li.loading {
background-image: url(loading.gif);
background-position: 0em 0.2em;
}
#navigation-tree li span.expander {
font-size: 12px;
cursor: pointer;
margin-right: 0.1em;
}
#navigation-tree li a {
display: inline;
}
#navigation-tree li a.folder {
margin-left: 0.2em;
padding-left: 18px;
background: transparent url(folder.png) no-repeat 0em 0em;
}
#navigation-tree li a.active {
font-weight: bold;
background-image: url(folder-open.png);
}
/*File list and header. (Accessible by #file-list and #file-header. Both have the classname "files")*/
table.files {
table-layout: fixed;
width: 99%;
margin: 0.1em 0em 0em 0em;
}
table.files td {
overflow: hidden;
border-top: 1px solid #cc9;
border-bottom: 1px solid #cc9;
padding: 0.1em 0.2em;
}
table.files td.name {
min-width: 15em;
white-space: nowrap;
}
table.files td.size {
width: 6.5em;
text-align: right;
}
table.files td.width {
width: 4em;
text-align: right;
}
table.files td.height {
width: 4em;
}
table.files td.date {
width: 12.5em;
text-align: center;
}
table.files tr {
border: none;
}
table.files tbody {
border: none;
}
#file-header td {
font-weight: bold;
border: none;
}
#file-header td.asc {
color: #f60;
}
#file-header td.desc {
color: #f63;
}
#file-list tr:hover {
background-color: #f5f5f5;
}
#file-list tr.selected {}
#file-list td.name img {
vertical-align: middle;
margin-right: 0.2em;
}
/*File operations*/
#op-items {
min-height: 15px;
}
#op-contents {
text-align: center;
}
ul#ops-list {/*has classes .secondary and .tabs)*/
margin: 0.4em;
padding: 0;
float: none;
text-align: center;
border: none;
}
.op-content {
width: 50%;
min-width: 300px;
margin: 0em auto;
text-align: left;
padding: 0.3em;
display: none;
}
.op-content label, .op-content .form-checkboxes, .op-content .form-checkboxes .form-item {
display: inline;
}
.op-content .form-submit, .op-content .form-item, .op-content form {
margin: 0.2em !important;
}
.op-content input {
font-size: 1em;
}
#ops-list li.loading a, .op-content input.loading {
background-image: url(loading.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right: 18px;
}
/*Log messages*/
#log-wrapper div {
padding: 0em;
margin: 0.1em 0.5em;
border: none;
background: none;
}
#log-wrapper span.time {
color: #444;
}
#log-wrapper .status {}
#log-wrapper .warning {}
#log-wrapper .error {}
a#log-clearer {
font-size: 0.9em;
}
/*resizers*/
.y-resizer {
height: 1px;
cursor: n-resize;
background: #d4d0c8 url(y-grippie.png) no-repeat center top;
}
.x-resizer {
width: 1px;
cursor: e-resize;
background: #d4d0c8 url(x-grippie.png) no-repeat left center;
}
/*Help box*/
#help-box {
position: absolute;
text-decoration: none !important;
color: #f36;
overflow: hidden;
}
#help-box-content {
display: none;
color: #444;
background-color: #f5f5f5;
border: 1px dashed #000;
padding: 5px;
}
#help-box:hover {
overflow: visible;
}
#help-box:hover #help-box-content {
display: block;
}
#file-preview {
text-align: center;
}
.imce-hide, .js #forms-wrapper {
display: none;
}
/*Standalone page*/
body.imce {
padding: 0.1em 0.4em;
background-image: none;
}
body.imce, body.imce #imce-content {
color: #333;
background-color: #fff;
}
File
css/imce-content.css
View source
-
- /*Main container*/
- #imce-content {
- font-size: 11px;
- font-family: Verdana, Tahoma;
- margin: 0.1em;
- padding: 0.1em;
- text-align: left;
- }
-
- /*Main sections under imce-content*/
- #ops-wrapper {}
- #browse-wrapper {
- overflow: hidden;
- height: 24em;
- border-left: 1px solid #ccc;
- border-right: 1px solid #ccc;
- border-top: 1px solid #ccc;
- clear: both;
- }
- #browse-resizer {}
- #log-prv-wrapper {
- height: 12em;
- border-left: 1px solid #ccc;
- border-right: 1px solid #ccc;
- overflow: hidden;
- }
- #content-resizer {}
-
- /*columns of browse-wrapper*/
- #navigation-wrapper {
- width: 12em;
- height: 100%;
- overflow: auto;
- float: left;
- }
- #navigation-resizer {
- height: 100%;
- float: left;
- }
- #sub-browse-wrapper {
- height: 100%;
- overflow: hidden;
- }
-
- /*columns of log-prv-wrapper*/
- #log-wrapper {
- height: 100%;
- width: 50%;
- float: left;
- overflow: auto;
- background-color: #eee;
- }
- #log-resizer {
- height: 100%;
- float: left;
- }
- #preview-wrapper {
- height: 100%;
- overflow: auto;
- }
-
- /*rows of sub-browse wrapper*/
- #file-header-wrapper {
- height: 2.2em;
- padding: 0px 22px 0px 1px;
- }
- #file-list-wrapper {
- height: 20.2em;
- overflow: auto;
- padding: 0px 11px 0px 1px;
- }
- #dir-stat {
- font-size: 0.9em;
- height: 1.8em;
- padding: 0em 0.5em;
- background-color: #f5f5f5;
- }
-
- /*Navigation tree (ul)*/
- #navigation-tree {
- margin: 0.1em;
- padding: 0em;
- }
- #navigation-tree ul {
- margin: 0.1em 0em 0.1em 1.5em;
- padding: 0em;
- }
- #navigation-tree li {
- padding: 0.1em;
- margin: 0em;
- list-style-type: none;
- list-style-image: none;
- background: transparent url(collapsed.png) no-repeat 0.3em 0.6em;
- white-space: nowrap;
- }
- #navigation-tree li.expanded {
- background-image: url(expanded.png);
- }
- #navigation-tree li.leaf {
- background-image: url(leaf.png);
- }
- #navigation-tree li.loading {
- background-image: url(loading.gif);
- background-position: 0em 0.2em;
- }
- #navigation-tree li span.expander {
- font-size: 12px;
- cursor: pointer;
- margin-right: 0.1em;
- }
- #navigation-tree li a {
- display: inline;
- }
- #navigation-tree li a.folder {
- margin-left: 0.2em;
- padding-left: 18px;
- background: transparent url(folder.png) no-repeat 0em 0em;
- }
- #navigation-tree li a.active {
- font-weight: bold;
- background-image: url(folder-open.png);
- }
-
- /*File list and header. (Accessible by #file-list and #file-header. Both have the classname "files")*/
- table.files {
- table-layout: fixed;
- width: 99%;
- margin: 0.1em 0em 0em 0em;
- }
- table.files td {
- overflow: hidden;
- border-top: 1px solid #cc9;
- border-bottom: 1px solid #cc9;
- padding: 0.1em 0.2em;
- }
- table.files td.name {
- min-width: 15em;
- white-space: nowrap;
- }
- table.files td.size {
- width: 6.5em;
- text-align: right;
- }
- table.files td.width {
- width: 4em;
- text-align: right;
- }
- table.files td.height {
- width: 4em;
- }
- table.files td.date {
- width: 12.5em;
- text-align: center;
- }
- table.files tr {
- border: none;
- }
- table.files tbody {
- border: none;
- }
- #file-header td {
- font-weight: bold;
- border: none;
- }
- #file-header td.asc {
- color: #f60;
- }
- #file-header td.desc {
- color: #f63;
- }
- #file-list tr:hover {
- background-color: #f5f5f5;
- }
- #file-list tr.selected {}
- #file-list td.name img {
- vertical-align: middle;
- margin-right: 0.2em;
- }
-
-
- /*File operations*/
- #op-items {
- min-height: 15px;
- }
- #op-contents {
- text-align: center;
- }
- ul#ops-list {/*has classes .secondary and .tabs)*/
- margin: 0.4em;
- padding: 0;
- float: none;
- text-align: center;
- border: none;
- }
- .op-content {
- width: 50%;
- min-width: 300px;
- margin: 0em auto;
- text-align: left;
- padding: 0.3em;
- display: none;
- }
- .op-content label, .op-content .form-checkboxes, .op-content .form-checkboxes .form-item {
- display: inline;
- }
- .op-content .form-submit, .op-content .form-item, .op-content form {
- margin: 0.2em !important;
- }
- .op-content input {
- font-size: 1em;
- }
- #ops-list li.loading a, .op-content input.loading {
- background-image: url(loading.gif);
- background-repeat: no-repeat;
- background-position: center right;
- padding-right: 18px;
- }
-
- /*Log messages*/
- #log-wrapper div {
- padding: 0em;
- margin: 0.1em 0.5em;
- border: none;
- background: none;
- }
- #log-wrapper span.time {
- color: #444;
- }
- #log-wrapper .status {}
- #log-wrapper .warning {}
- #log-wrapper .error {}
- a#log-clearer {
- font-size: 0.9em;
- }
-
- /*resizers*/
- .y-resizer {
- height: 1px;
- cursor: n-resize;
- background: #d4d0c8 url(y-grippie.png) no-repeat center top;
- }
- .x-resizer {
- width: 1px;
- cursor: e-resize;
- background: #d4d0c8 url(x-grippie.png) no-repeat left center;
- }
-
- /*Help box*/
- #help-box {
- position: absolute;
- text-decoration: none !important;
- color: #f36;
- overflow: hidden;
- }
- #help-box-content {
- display: none;
- color: #444;
- background-color: #f5f5f5;
- border: 1px dashed #000;
- padding: 5px;
- }
- #help-box:hover {
- overflow: visible;
- }
- #help-box:hover #help-box-content {
- display: block;
- }
-
- #file-preview {
- text-align: center;
- }
- .imce-hide, .js #forms-wrapper {
- display: none;
- }
-
- /*Standalone page*/
- body.imce {
- padding: 0.1em 0.4em;
- background-image: none;
- }
- body.imce, body.imce #imce-content {
- color: #333;
- background-color: #fff;
- }