david
802479ed64
git-svn-id: https://192.168.0.254/svn/Proyectos.FundacionLQDVI_WebCongresos/trunk@2 94ccb1af-fd9d-d947-8d90-7f70ea60afc8
469 lines
9.4 KiB
CSS
469 lines
9.4 KiB
CSS
/* Manager CSS */
|
|
|
|
/* Message Block */
|
|
img.icon {
|
|
border: 0px;
|
|
vertical-align: middle;
|
|
}
|
|
div.layout-header {
|
|
width: 100%;
|
|
height: 20px;
|
|
}
|
|
div.layout-left,
|
|
div.layout-center,
|
|
div.layout-right {
|
|
margin: 0px 0px 1px 0px;
|
|
height: inherit;
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
div.layout-left{
|
|
width: 30%;
|
|
}
|
|
div.layout-center {
|
|
width: 40%;
|
|
}
|
|
div.layout-right {
|
|
width: 30%;
|
|
}
|
|
div.action, div.button, div#message-status, div#message-info, div#searchbox {
|
|
background-image: url(../img/icons.gif);
|
|
background-repeat: no-repeat;
|
|
}
|
|
/*Layout Top*/
|
|
div#message-status, div#message-info{
|
|
border: 1px solid #ccc;
|
|
padding: 1px 0px 1px 0px;
|
|
height: 20px;
|
|
margin: 0px 0px 1px 0px;
|
|
width: auto;
|
|
}
|
|
div#message-status {
|
|
background-position: 0 -320px;
|
|
}
|
|
div#message-status.load {
|
|
background: url(../img/load.gif) no-repeat;
|
|
}
|
|
div#message-status span, div#message-info span {
|
|
margin-left: 22px;
|
|
line-height: 20px;
|
|
font-size: 0.9em;
|
|
}
|
|
div#message-info.alert{
|
|
background-position: 0 -20px;
|
|
}
|
|
div#message-info.error{
|
|
background-position: 0 -340px;
|
|
}
|
|
div#message-info.info{
|
|
background-position: 0 0px;
|
|
}
|
|
/*Layout Left*/
|
|
div#searchbox {
|
|
border: 1px solid #ccc;
|
|
vertical-align: middle;
|
|
padding: 1px 25px 1px 0px;
|
|
background-position: 0 -440px;
|
|
height: 20px;
|
|
margin: 0px 1px 1px 0px;
|
|
}
|
|
div#searchbox input {
|
|
width: 100%;
|
|
margin-left: 20px;
|
|
margin-top: 2px;
|
|
}
|
|
div#tree, div#info {
|
|
/*position: relative;*/
|
|
}
|
|
div#tree, div#dir-list, div#info {
|
|
margin-right: 1px;
|
|
}
|
|
div#info {}
|
|
div#info-body, div#tree-body {
|
|
border-width: 0px 1px 1px 1px;
|
|
border-style: solid;
|
|
border-color: #ccc;
|
|
background-color:#ffffff;
|
|
vertical-align: middle;
|
|
font-size: 7pt;
|
|
line-height: 10pt;
|
|
overflow: auto;
|
|
padding: 2px;
|
|
}
|
|
div#tree-body {
|
|
height: 250px;
|
|
}
|
|
div#info-body {
|
|
height: 220px;
|
|
padding-bottom: 7px;
|
|
}
|
|
div#info-text {
|
|
position: absolute;
|
|
width: 85%;
|
|
}
|
|
div#info-comment {
|
|
position: absolute;
|
|
width: 80%;
|
|
height: 60px;
|
|
bottom: 30px;
|
|
}
|
|
div#dir-list {
|
|
background: #FFFFFF;
|
|
border: 1px solid #ccc;
|
|
overflow: auto;
|
|
clear: both;
|
|
height: 270px;
|
|
padding-bottom: 6px;
|
|
}
|
|
/*Layout Center*/
|
|
div#sort-ext, div#sort-name {
|
|
border: 1px solid #ccc;
|
|
height: 20px;
|
|
padding: 1px 0px 1px 0px;
|
|
cursor:pointer;
|
|
margin: 0px 1px 1px 0px;
|
|
}
|
|
div#sort-ext {
|
|
width: 27px;
|
|
float: left;
|
|
}
|
|
div#sort-name {
|
|
width: auto;
|
|
margin-left: 30px;
|
|
}
|
|
div.asc {
|
|
background: url(../img/icons.gif) no-repeat 0 -40px;
|
|
}
|
|
div.desc {
|
|
background:url(../img/icons.gif) no-repeat 0 -60px;
|
|
}
|
|
/*Layout Right*/
|
|
#info-body dl {
|
|
margin: 0pt;
|
|
padding: 2px 0px 0px 2px;
|
|
}
|
|
#info-body dt {
|
|
font-weight: bold;
|
|
}
|
|
#info-body dd {
|
|
margin: 0pt;
|
|
vertical-align: middle;
|
|
}
|
|
#info-body dd.comments {
|
|
line-height: 20px;
|
|
}
|
|
#info-body dd span {
|
|
margin-left: 20px;
|
|
}
|
|
dd#info-preview {
|
|
margin: 0pt;
|
|
width: 100%;
|
|
}
|
|
dd#info-preview dl {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
dd#info-preview dl dd {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-top: 2px;
|
|
}
|
|
dd#info-preview dl dd.preview-error {
|
|
background: url(../img/empty.gif) no-repeat center;
|
|
}
|
|
dd#info-preview dl dd.loader {
|
|
background: url(../img/load.gif) no-repeat center;
|
|
}
|
|
#info-buttons {
|
|
width: 20px;
|
|
position: absolute;
|
|
right: 7px;
|
|
height: inherit;
|
|
}
|
|
#info-nav {
|
|
height: 20px;
|
|
border: 1px solid #ccc;
|
|
background-color: #ffffff;
|
|
margin: 1px 0px 0px 0px;
|
|
padding: 1px 0px 1px 0px;
|
|
clear: both;
|
|
}
|
|
#info-nav-text {
|
|
float: left;
|
|
visibility: hidden;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
line-height: 20px;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
width: 79%;
|
|
}
|
|
#info-nav-left, #info-nav-right {
|
|
height: 20px;
|
|
cursor: pointer;
|
|
background: url(../img/icons.gif) no-repeat;
|
|
visibility: hidden;
|
|
width: 10%;
|
|
}
|
|
#info-nav-left {
|
|
background-position: 0 -360px;
|
|
float: left;
|
|
}
|
|
#info-nav-right {
|
|
background-position: 0 -380px;
|
|
float: right;
|
|
}
|
|
div.spacer {
|
|
border: 1px solid #ccc;
|
|
padding: 1px;
|
|
}
|
|
div.spacer.horizontal {
|
|
height: 20px;
|
|
margin: 0px 0px 1px 0px;
|
|
}
|
|
div.spacer.vertical {
|
|
width: 20px;
|
|
float: left;
|
|
height: 270px;
|
|
padding-bottom: 5px;
|
|
}
|
|
div#info-body .spacer {
|
|
position: absolute;
|
|
height: inherit;
|
|
padding: 0px 1px 10px 0px;
|
|
margin-top: -2px;
|
|
right: 28px;
|
|
background: #f0f0ee;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
dd#loader {
|
|
height: 100px;
|
|
width: 100%;
|
|
text-align: center;
|
|
background: url(../img/load.gif) no-repeat center center;
|
|
}
|
|
span.message {
|
|
line-height: 20px;
|
|
background: url(../img/icons.gif) no-repeat;
|
|
padding-left: 25px;
|
|
display: block;
|
|
}
|
|
span.message.info {
|
|
background-position: 0 0px;
|
|
}
|
|
span.message.alert {
|
|
background-position: 0 -20px;
|
|
}
|
|
span.message.error {
|
|
background-position: 0 -340px;
|
|
}
|
|
div.action.view{
|
|
background-position: 0 -500px;
|
|
}
|
|
div.action.folder_new{
|
|
background-position: 0 -260px;
|
|
}
|
|
div.action.help{
|
|
background-position: 0 -280px;
|
|
}
|
|
div.action.upload{
|
|
background-position: 0 -460px;
|
|
}
|
|
div.button.rename{
|
|
background-position: 0 -420px;
|
|
}
|
|
div.button.delete{
|
|
background-position: 0 -180px;
|
|
}
|
|
div.button.cut{
|
|
background-position: 0 -140px;
|
|
}
|
|
div.button.copy{
|
|
background-position: 0 -120px;
|
|
}
|
|
div.button.paste{
|
|
background-position: 0 -160px;
|
|
}
|
|
div.button.view{
|
|
background-position: 0 -500px;
|
|
}
|
|
div.button.insert{
|
|
background-position: 0 -480px;
|
|
}
|
|
.noedit {
|
|
height: 20px;
|
|
background: url(../img/icons.gif) no-repeat 0 -680px;
|
|
padding-left: 25px;
|
|
vertical-align: middle;
|
|
display: block;
|
|
}
|
|
/*File List*/
|
|
ul.item-list {
|
|
list-style: none;
|
|
white-space: nowrap;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
vertical-align: middle;
|
|
}
|
|
ul.item-list li {
|
|
cursor: pointer;
|
|
margin: 1px 2px 1px 2px;
|
|
padding: 0px;
|
|
line-height: 20px;
|
|
}
|
|
ul.item-list li.file.hover, ul.item-list li.file:hover, ul.item-list li.folder.hover, ul.item-list li.folder:hover {
|
|
background-color: #ddd;
|
|
color: black;
|
|
}
|
|
ul.item-list li a{
|
|
margin-left: 30px;
|
|
text-decoration: none;
|
|
line-height: 20px;
|
|
}
|
|
ul.item-list li a:visited, ul.item-list li a:active, ul.item-list li a:link{
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
ul.item-list li.selected {
|
|
background-color: #eee;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
/*extension icons*/
|
|
li.folder.notwritable, dd.folder.notwritable {
|
|
background: url(../img/icons.gif) no-repeat 0 -580px;
|
|
}
|
|
li.folder.notsafe, dd.folder.notsafe {
|
|
background: url(../img/icons.gif) no-repeat 0 -600px;
|
|
}
|
|
li.folder {
|
|
background: url(../img/icons.gif) no-repeat 0 -220px;
|
|
}
|
|
li.folder-up {
|
|
background: url(../img/icons.gif) no-repeat 0 -200px;
|
|
}
|
|
/* File List */
|
|
li.nofile {
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #ddd;
|
|
cursor: default;
|
|
}
|
|
li.file, li.file.default {
|
|
background: url(../img/ext.gif) no-repeat 0 0;
|
|
}
|
|
li.file.css {
|
|
background: url(../img/ext.gif) no-repeat 0 -420px;
|
|
}
|
|
li.file.doc, li.file.docx {
|
|
background: url(../img/ext.gif) no-repeat 0 -20px;
|
|
}
|
|
li.file.zip, li.file.tar, li.file.gz {
|
|
background: url(../img/ext.gif) no-repeat 0 -40px;
|
|
}
|
|
li.file.html, li.file.htm {
|
|
background: url(../img/ext.gif) no-repeat 0 -60px;
|
|
}
|
|
li.file.mp3, li.file.wav {
|
|
background: url(../img/ext.gif) no-repeat 0 -80px;
|
|
}
|
|
li.file.pdf {
|
|
background: url(../img/ext.gif) no-repeat 0 -100px;
|
|
}
|
|
li.file.ppt {
|
|
background: url(../img/ext.gif) no-repeat 0 -120px;
|
|
}
|
|
li.file.rar {
|
|
background: url(../img/ext.gif) no-repeat 0 -140px;
|
|
}
|
|
li.file.xls {
|
|
background: url(../img/ext.gif) no-repeat 0 -160px;
|
|
}
|
|
li.file.rtf, li.file.txt {
|
|
background: url(../img/ext.gif) no-repeat 0 -180px;
|
|
}
|
|
li.file.php {
|
|
background: url(../img/ext.gif) no-repeat 0 -200px;
|
|
}
|
|
li.file.sql {
|
|
background: url(../img/ext.gif) no-repeat 0 -220px;
|
|
}
|
|
li.file.gif {
|
|
background: url(../img/ext.gif) no-repeat 0 -240px;
|
|
}
|
|
li.file.jpg, li.file.jpeg {
|
|
background: url(../img/ext.gif) no-repeat 0 -260px;
|
|
}
|
|
li.file.png {
|
|
background: url(../img/ext.gif) no-repeat 0 -280px;
|
|
}
|
|
li.file.mov, li.file.mpeg, li.file.mpe, li.file.mpg, li.file.mp4, li.file.mp3 {
|
|
background: url(../img/ext.gif) no-repeat 0 -300px;
|
|
}
|
|
li.file.ra, li.file.rm {
|
|
background: url(../img/ext.gif) no-repeat 0 -320px;
|
|
}
|
|
li.file.swf {
|
|
background: url(../img/ext.gif) no-repeat 0 -340px;
|
|
}
|
|
li.file.wmv, li.file.wma, li.file.asf, li.file.asx, li.file.avi {
|
|
background: url(../img/ext.gif) no-repeat 0 -360px;
|
|
}
|
|
li.file.flv {
|
|
background: url(../img/ext.gif) no-repeat 0 -380px;
|
|
}
|
|
li.file.dcr {
|
|
background: url(../img/ext.gif) no-repeat 0 -400px;
|
|
}
|
|
li.file.js, li.file.xml {
|
|
background: url(../img/ext.gif) no-repeat 0 -440px;
|
|
}
|
|
li.file.notwritable, dd.file.notwritable {
|
|
background: url(../img/icons.gif) no-repeat 0 -620px;
|
|
}
|
|
li.file.notsafe, dd.file.notsafe {
|
|
background: url(../img/icons.gif) no-repeat 0 -640px;
|
|
}
|
|
/* end extension icons */
|
|
div#buttons {}
|
|
div#actions {}
|
|
div.action, div.button {
|
|
color : #919B9C;
|
|
border: 1px solid #ccc;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 1px;
|
|
}
|
|
div.action:hover, div.button:hover {
|
|
color : #C64934;
|
|
border: 1px solid #0A246A;
|
|
}
|
|
div.action{
|
|
float: right;
|
|
margin-left: 1px;
|
|
}
|
|
div.button{
|
|
margin-bottom: 1px;
|
|
}
|
|
/* Display */
|
|
div.mceMiddle div.image-preview, div.media-preview {
|
|
top: 5px;
|
|
left: -5px;
|
|
height: 100%;
|
|
width: 100%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
div.mceMiddle div.iframe-preview {
|
|
top: 0px;
|
|
left: -5px;
|
|
height: 90%;
|
|
width: 98%;
|
|
text-align: center;
|
|
}
|
|
/* Loader */
|
|
div.mceMiddle div.loader {
|
|
background: #ffffff url(../img/load.gif) center 50% no-repeat;
|
|
} |