web/drupal/modules/imce/css/imce-content.css
branchdrupal
changeset 74 0ff3ba646492
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/drupal/modules/imce/css/imce-content.css	Fri Aug 21 16:26:26 2009 +0000
@@ -0,0 +1,285 @@
+/* $Id: imce-content.css,v 1.1.2.2 2009/01/29 11:34:21 ufku Exp $ */
+
+/*Main container*/
+#imce-content {
+  font-size: 11px;
+  font-family: Verdana, Tahoma;
+  margin: 0.1em;
+  padding: 0.1em;
+}
+
+/*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;
+}
\ No newline at end of file