141 lines
9.0 KiB
CSS
141 lines
9.0 KiB
CSS
body {margin:0;padding:0;font: 13px/1.4 sans-serif;background:#404049;}
|
|
html, body {height:100%;}
|
|
|
|
p.loader,p.alert,p.error,p.info,p.done {padding-left:20px;margin:5px;line-height:16px;}
|
|
p.loader{background:url('images/loader.gif') no-repeat;}
|
|
p.alert {background:url('images/alert.png') no-repeat;}
|
|
p.error {background:url('images/error.png') no-repeat;}
|
|
p.info {background:url('images/info.png') no-repeat;}
|
|
p.done {background:url('images/done.png') no-repeat;}
|
|
|
|
a {text-decoration:none;color:#191970;}
|
|
a:hover {color:#1F3F3F;}
|
|
|
|
#alert {width:400px;margin-left:-200px;padding:5px 20px;position:absolute;left:50%;z-index:100;border:1px solid black;border-top:none;background:white;opacity:0.9;filter:alpha(opacity = 90);}
|
|
|
|
#left_container,#right_container {height:550px;float:left;display:inline;}
|
|
#left_container {width:250px;}
|
|
#right_container {width:580px;}
|
|
|
|
#directories,#control,#information,#footer,#content {border:1px solid #AFCFCF;float:left;background:white;display:inline;}
|
|
#directories,#control,#information{width:218px;margin:5px;padding:10px;}
|
|
#directories {height:214px;overflow:auto;}
|
|
#control {height:80px;}
|
|
#information {height:160px;}
|
|
#information label{font-weight:bold;}
|
|
#information p{margin:0px 0px 0px 10px;font-size:11px;}
|
|
|
|
#footer,#content {width:558px;margin:5px;padding:5px;font-size:12px;display:inline;}
|
|
#footer {height:16px;}
|
|
#content {height:490px;overflow:auto;position:relative;}
|
|
|
|
#path {float:left;}
|
|
#vmode {float:right;}
|
|
|
|
/* Directories tree */
|
|
#directories ul {padding:0px;margin:0 0 5px 24px;}
|
|
#directories li, #control li{margin:0;padding:0 0 2px 4px;line-height: 14px;height:16px;font-size:12px;list-style-image: url('images/directory.png');}
|
|
#directories a:hover, #control a:hover{color:red;}
|
|
|
|
/* Control/Options menu */
|
|
#control ul{margin:0;padding:0;margin-left:24px;}
|
|
#control li {height:22px;}
|
|
#control li.folder_add {list-style-image:url('images/folder_add.png');}
|
|
#control li.upload_file {list-style-image:url('images/upload_file.png');}
|
|
#control li.upload_image {list-style-image:url('images/upload_image.png');}
|
|
|
|
#vmode img{cursor:pointer;vertical-align:middle;}
|
|
|
|
/* THUMB STYLE */
|
|
#file-thumb {width:112px;height:139px;float:left;margin:10px;padding:0;background:#F5F5DC;border:1px solid #b5a69c;position:relative;}
|
|
#file-thumb.selected{background:#CDBA92;}
|
|
#file-thumb:hover{color:red;}
|
|
|
|
#file-thumb .options {width:112px;height:100px;position:absolute;left:0;top:0;z-index:20;padding:6px 0;background:black;opacity:0.7;filter:alpha(opacity = 70);}
|
|
#file-thumb .options a{margin:0 10px;display:block;padding:2px 2px;color:white;font-size:10px;}
|
|
#file-thumb .options a:hover{background:white;color:black;}
|
|
|
|
#file-thumb .image {width:100px;height:100px;float:left;display:inline;margin:5px;cursor:pointer;border:1px solid #b5a69c;background:url('images/file.png') center no-repeat white;}
|
|
#file-thumb .name {width:76px; height:16px; float:left;display:inline;margin:5px;}
|
|
#file-thumb .size {display:none;}
|
|
#file-thumb .dim {display:none;}
|
|
#file-thumb .ctrl {width:16px; height:16px; float:left;display:inline;margin:5px;cursor:pointer;background:url('images/options.png') center no-repeat;}
|
|
|
|
|
|
#file-row {width:500px;height:18px;margin:5px auto;padding:0;position:relative;border-bottom:1px solid #AAA;}
|
|
#file-row.selected{font-weight:bold;border-bottom:1px solid black;}
|
|
#file-row:hover{color:red;}
|
|
|
|
#file-row .options {width:auto;height:18px;position:absolute;right:20px;top:0;z-index:20;padding:0;opacity:0.9;filter:alpha(opacity = 90);}
|
|
#file-row .options a{margin:0;display:block;float:right;padding:2px 10px;color:white;font-size:10px;background:black;}
|
|
#file-row .options a:hover{background:white;color:black;}
|
|
|
|
#file-row .image {width:20px;height:18px;float:left;display:inline;background:url('images/file.png') center no-repeat white;}
|
|
#file-row .name {width:250px;height:18px;float:left;display:inline;cursor:pointer;}
|
|
#file-row .size {width:100px;height:18px;float:left;display:inline;text-align:right;}
|
|
#file-row .dim {width:100px;height:18px;float:left;display:inline;text-align:right;}
|
|
#file-row .ctrl {width:20px; height:16px;float:right;display:inline;cursor:pointer;background:url('images/options.png') center no-repeat;}
|
|
|
|
|
|
#content .ext-parent{background:url('images/parent.png') center no-repeat white;}
|
|
#content .ext-dir{background:url('images/directory.png') center no-repeat white;}
|
|
#content .ext-3gp { background: url('images/film.png') no-repeat center white; }
|
|
#content .ext-afp { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-afpa { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-asp { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-aspx { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-avi { background: url('images/film.png') no-repeat center white; }
|
|
#content .ext-bat { background: url('images/application.png') no-repeat center white; }
|
|
#content .ext-bmp { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-c { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-cfm { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-cgi { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-com { background: url('images/application.png') no-repeat center white; }
|
|
#content .ext-cpp { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-css { background: url('images/css.png') no-repeat center white; }
|
|
#content .ext-doc { background: url('images/doc.png') no-repeat center white; }
|
|
#content .ext-exe { background: url('images/application.png') no-repeat center white; }
|
|
#content .ext-gif { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-fla { background: url('images/flash.png') no-repeat center white; }
|
|
#content .ext-h { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-htm { background: url('images/html.png') no-repeat center white; }
|
|
#content .ext-html { background: url('images/html.png') no-repeat center white; }
|
|
#content .ext-jar { background: url('images/java.png') no-repeat center white; }
|
|
#content .ext-jpg { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-jpeg { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-js { background: url('images/script.png') no-repeat center white; }
|
|
#content .ext-lasso { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-log { background: url('images/txt.png') no-repeat center white; }
|
|
#content .ext-m4p { background: url('images/music.png') no-repeat center white; }
|
|
#content .ext-mov { background: url('images/film.png') no-repeat center white; }
|
|
#content .ext-mp3 { background: url('images/music.png') no-repeat center white; }
|
|
#content .ext-mp4 { background: url('images/film.png') no-repeat center white; }
|
|
#content .ext-mpg { background: url('images/film.png') no-repeat center white; }
|
|
#content .ext-mpeg { background: url('images/film.png') no-repeat center white; }
|
|
#content .ext-ogg { background: url('images/music.png') no-repeat center white; }
|
|
#content .ext-pcx { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-pdf { background: url('images/pdf.png') no-repeat center white; }
|
|
#content .ext-php { background: url('images/php.png') no-repeat center white; }
|
|
#content .ext-png { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-ppt { background: url('images/ppt.png') no-repeat center white; }
|
|
#content .ext-psd { background: url('images/psd.png') no-repeat center white; }
|
|
#content .ext-pl { background: url('images/script.png') no-repeat center white; }
|
|
#content .ext-py { background: url('images/script.png') no-repeat center white; }
|
|
#content .ext-rb { background: url('images/ruby.png') no-repeat center white; }
|
|
#content .ext-rbx { background: url('images/ruby.png') no-repeat center white; }
|
|
#content .ext-rhtml { background: url('images/ruby.png') no-repeat center white; }
|
|
#content .ext-rpm { background: url('images/linux.png') no-repeat center white; }
|
|
#content .ext-ruby { background: url('images/ruby.png') no-repeat center white; }
|
|
#content .ext-sql { background: url('images/db.png') no-repeat center white; }
|
|
#content .ext-swf { background: url('images/flash.png') no-repeat center white; }
|
|
#content .ext-tif { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-tiff { background: url('images/picture.png') no-repeat center white; }
|
|
#content .ext-txt { background: url('images/txt.png') no-repeat center white; }
|
|
#content .ext-vb { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-wav { background: url('images/music.png') no-repeat center white; }
|
|
#content .ext-wmv { background: url('images/film.png') no-repeat center white; }
|
|
#content .ext-xls { background: url('images/xls.png') no-repeat center white; }
|
|
#content .ext-xml { background: url('images/code.png') no-repeat center white; }
|
|
#content .ext-zip { background: url('images/zip.png') no-repeat center white; }
|
|
#content .ext-rar { background: url('images/zip.png') no-repeat center white; }
|