mirror of
https://github.com/jimeh/dlist.git
synced 2026-02-19 07:56:41 +00:00
3c61821287
git-svn-id: file:///Users/jimeh/Desktop/dlist/trunk@26 a5845835-ea0f-0410-a762-dd0bfe9bfde8
566 lines
9.8 KiB
CSS
566 lines
9.8 KiB
CSS
|
|
BODY {
|
|
background-color: #f4f4f4;
|
|
margin: 0px 0px 5px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
IMG {
|
|
border-style: none;
|
|
}
|
|
|
|
SELECT, INPUT {
|
|
font-size: 11px;
|
|
}
|
|
|
|
|
|
|
|
/* LINKS */
|
|
A, A:link, A:visited, A:active, A:focus {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
A:visited {
|
|
color: #333333;
|
|
}
|
|
A:hover {
|
|
color: #000000;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#main {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
/* HEAD */
|
|
#head {
|
|
background-image: url("<?=$dir?>images/head-center.jpg");
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
height: 90px;
|
|
}
|
|
#head .left {
|
|
background-image: url("<?=$dir?>images/head-left.jpg");
|
|
background-position: bottom;
|
|
background-repeat: no-repeat;
|
|
float: left;
|
|
height: 90px;
|
|
width: 26px;
|
|
}
|
|
#head .right {
|
|
background-image: url("<?=$dir?>images/head-right.jpg");
|
|
background-position: bottom;
|
|
background-repeat: no-repeat;
|
|
float: right;
|
|
height: 90px;
|
|
width: 26px;
|
|
position: relative;
|
|
}
|
|
|
|
#headbar {
|
|
color: #000000;
|
|
background-image: url("<?=$dir?>images/bar-bg.jpg");
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
border-bottom: 1px solid #c0c0c0;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
height: 15px;
|
|
}
|
|
|
|
|
|
|
|
/* CONTENT */
|
|
#content {
|
|
color: #000000;
|
|
background-color: #FFFFFF;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#content .body {
|
|
vertical-align: top;
|
|
}
|
|
#content .left {
|
|
background-image: url("<?=$dir?>images/list-left.jpg");
|
|
background-position: right;
|
|
background-repeat: repeat-y;
|
|
width: 20px;
|
|
}
|
|
#content .right {
|
|
background-image: url("<?=$dir?>images/list-right.jpg");
|
|
background-position: left;
|
|
background-repeat: repeat-y;
|
|
width: 20px;
|
|
}
|
|
#content-spacer {
|
|
background-color: #000;
|
|
height: 1px;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
/* FOOT */
|
|
#foot {
|
|
background-image: url("<?=$dir?>images/foot-center.jpg");
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
height: 15px;
|
|
width: 100%;
|
|
}
|
|
#foot .left {
|
|
background-image: url("<?=$dir?>images/foot-left.jpg");
|
|
background-position: top right;
|
|
background-repeat: no-repeat;
|
|
float: left;
|
|
height: 15px;
|
|
width: 30px;
|
|
}
|
|
#foot .right {
|
|
background-image: url("<?=$dir?>images/foot-right.jpg");
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
float: right;
|
|
height: 15px;
|
|
width: 30px;
|
|
}
|
|
|
|
|
|
|
|
/* FORMATING */
|
|
.nodisplay {
|
|
display: none;
|
|
}
|
|
.display {
|
|
|
|
}
|
|
.serverinfo {
|
|
color: #FFFFFF;
|
|
cursor: default;
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
padding: 25px 28px 0px 0px;
|
|
text-align: right;
|
|
}
|
|
.copyright {
|
|
color: #CCCCCC;
|
|
cursor: default;
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
padding-top: 7px;
|
|
text-align: center;
|
|
}
|
|
.listcount {
|
|
color: #FFFFFF;
|
|
cursor: default;
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
height: 10px;
|
|
}
|
|
.listcount .text {
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
right: 27px;
|
|
top: 70px;
|
|
}
|
|
.listcount .shadow {
|
|
color: #7aaccb;
|
|
position: absolute;
|
|
right: 26px;
|
|
top: 71px;
|
|
}
|
|
.path {
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 21px;
|
|
}
|
|
.path .text {
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 46px;
|
|
top: 42px;
|
|
}
|
|
.path .shadow {
|
|
color: #4e7195;
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 21px;
|
|
position: absolute;
|
|
left: 47px;
|
|
top: 43px;
|
|
}
|
|
.path .text A, .path .text A:link, .path .text A:visited, .path .text A:active, .path .text A:focus {
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
}
|
|
.path .text A:hover {
|
|
color: #d8e5f3;
|
|
}
|
|
|
|
/* END FORMATING */
|
|
|
|
|
|
|
|
/* VIEW CHANGER */
|
|
#navselect {
|
|
color: #FFFFFF;
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
height: 16px;
|
|
width: 50px;
|
|
text-align: right;
|
|
position: absolute;
|
|
right: 29px;
|
|
top: 47px;
|
|
}
|
|
#navselect .icons {
|
|
cursor: pointer;
|
|
height: 16px;
|
|
width: 17px;
|
|
}
|
|
#navselect .details {
|
|
cursor: pointer;
|
|
height: 16px;
|
|
width: 17px;
|
|
}
|
|
|
|
|
|
/* LOADING MESSAGE */
|
|
#loading {
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 15px;
|
|
}
|
|
#loadingbox {
|
|
margin-top: 20px;
|
|
padding: 20px 20px 20px 25px;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
#loadingtext {
|
|
display: inline;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
|
|
/* ICONS VIEW */
|
|
#icons-view #sort {
|
|
font-size: 9px;
|
|
position: absolute;
|
|
top: 110px;
|
|
right: 25px;
|
|
cursor: pointer;
|
|
}
|
|
#icons-view #sortby {
|
|
color: #707070;
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
#icons-view #sortby A {
|
|
color: #222222;
|
|
}
|
|
#icons-view #sortby #active {
|
|
color: #000000;
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#icons-view A:hover {
|
|
text-decoration: none;
|
|
}
|
|
#icons-view UL {
|
|
list-style: none;
|
|
padding: 0px 10px 10px 10px;
|
|
}
|
|
#icons-view LI {
|
|
display: block;
|
|
float: left;
|
|
height: 95px;
|
|
width: 130px;
|
|
margin: 8px;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
}
|
|
#icons-view LI SPAN {
|
|
display: none;
|
|
}
|
|
#icons-view LI .p {
|
|
height: 48px;
|
|
margin: 0px;
|
|
}
|
|
#icons-view LI .n {
|
|
display: block;
|
|
color: #000000;
|
|
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin: 4px 0px 0px 0px;
|
|
}
|
|
#icons-view LI .i {
|
|
display: block;
|
|
font-size: 10px;
|
|
color: #999999;
|
|
margin: 0px;
|
|
}
|
|
|
|
/* END ICONS VIEW */
|
|
|
|
|
|
|
|
/* DETAILS VIEW */
|
|
#details-view {
|
|
|
|
}
|
|
#details-view TABLE {
|
|
color: #000000;
|
|
background-color: #FFFFFF;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
width: 100%;
|
|
}
|
|
#details-view .head {
|
|
color: #000000;
|
|
background-image: url("<?=$dir?>images/bar-bg.jpg");
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
height: 15px;
|
|
}
|
|
#details-view .head .height {
|
|
height: 15px;
|
|
width: 1px;
|
|
}
|
|
#details-view .head TD {
|
|
border-bottom: 1px solid #c0c0c0;
|
|
border-right: 1px solid #d0d0d0;
|
|
cursor: default;
|
|
height: 15px;
|
|
padding-left: 8px;
|
|
padding-right: 0px;
|
|
vertical-align: middle;
|
|
}
|
|
#details-view .head DIV {
|
|
height: 15px;
|
|
}
|
|
#details-view .head A {
|
|
width: 100%;
|
|
display: block;
|
|
text-decoration: none;
|
|
}
|
|
#details-view .head .icon {
|
|
width: 14px;
|
|
}
|
|
#details-view .head .size {
|
|
width: 80px;
|
|
}
|
|
#details-view .head .mtime {
|
|
width: 185px;
|
|
}
|
|
#details-view .head .atime {
|
|
width: 185px;
|
|
}
|
|
#details-view .head .perms {
|
|
width: 85px;
|
|
}
|
|
#details-view .head .owner {
|
|
width: 100px;
|
|
}
|
|
#details-view .head .ownerid {
|
|
width: 100px;
|
|
}
|
|
#details-view .head .group {
|
|
width: 100px;
|
|
}
|
|
#details-view .head .groupid {
|
|
width: 100px;
|
|
}
|
|
#details-view .head .last {
|
|
border-right-style: none;
|
|
}
|
|
#details-view .head .sorted-a {
|
|
background-image: url("<?=$dir?>images/sorted-bg.jpg");
|
|
background-position: right top;
|
|
background-repeat: repeat-x;
|
|
border-right-style: none;
|
|
}
|
|
#details-view .head .sorted-a DIV {
|
|
background-image: url("<?=$dir?>images/sort-a.jpg");
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
#details-view .head .sorted-d {
|
|
background-image: url("<?=$dir?>images/sorted-bg.jpg");
|
|
background-position: right top;
|
|
background-repeat: repeat-x;
|
|
border-right-style: none;
|
|
}
|
|
#details-view .head .sorted-d DIV {
|
|
background-image: url("<?=$dir?>images/sort-d.jpg");
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* item1 */
|
|
#details-view .i1 TD {
|
|
border-right: 1px solid #EDEDED;
|
|
height: 18px;
|
|
padding: 0px 5px 0px 5px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
#details-view .i1 .l {
|
|
border-right-style: none;
|
|
}
|
|
#details-view .i1 .i {
|
|
padding: 1px 3px 1px 3px;
|
|
text-align: left;
|
|
}
|
|
#details-view .i1 .n {
|
|
padding: 0px 5px 0px 5px;
|
|
text-align: left;
|
|
}
|
|
#details-view .i1 .n P {
|
|
display: none;
|
|
}
|
|
#details-view .i1 .n A {
|
|
display: block;
|
|
width: 100%;
|
|
text-decoration: none;
|
|
}
|
|
#details-view .i1 .n A:visited {
|
|
background-image: url("<?=$dir?>images/visited1.jpg");
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* item2 */
|
|
#details-view .i2 TD {
|
|
background-color: #F6F9FE;
|
|
border-right: 1px solid #E5E7EC;
|
|
height: 18px;
|
|
padding: 0px 5px 0px 5px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
#details-view .i2 .l {
|
|
border-right-style: none;
|
|
}
|
|
#details-view .i2 .i {
|
|
padding: 1px 3px 1px 3px;
|
|
text-align: left;
|
|
}
|
|
#details-view .i2 .n {
|
|
padding: 0px 5px 0px 5px;
|
|
text-align: left;
|
|
}
|
|
#details-view .i2 .n P {
|
|
display: none;
|
|
}
|
|
#details-view .i2 .n A {
|
|
display: block;
|
|
width: 100%;
|
|
text-decoration: none;
|
|
}
|
|
#details-view .i2 .n A:visited {
|
|
background-image: url("<?=$dir?>images/visited2.jpg");
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* item hover */
|
|
#details-view .ih TD {
|
|
background-color: #e1e9f8;
|
|
border-right: 1px solid #dce2ec;
|
|
height: 18px;
|
|
padding: 0px 5px 0px 5px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
#details-view .ih .l {
|
|
border-right-style: none;
|
|
}
|
|
#details-view .ih .i {
|
|
padding: 1px 3px 1px 3px;
|
|
text-align: left;
|
|
}
|
|
#details-view .ih .n {
|
|
padding: 0px 5px 0px 5px;
|
|
text-align: left;
|
|
}
|
|
#details-view .ih .n P {
|
|
display: none;
|
|
}
|
|
#details-view .ih .n A {
|
|
display: block;
|
|
width: 100%;
|
|
text-decoration: none;
|
|
}
|
|
#details-view .ih .n A:visited {
|
|
background-image: url("<?=$dir?>images/visited-hover.jpg");
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* END DETAILS VIEW */
|
|
|
|
|
|
/* OPTIONS */
|
|
#options-switch {
|
|
position: absolute;
|
|
top: 71px;
|
|
left: 23px;
|
|
cursor: pointer;
|
|
}
|
|
#options {
|
|
background-color: #f0f0f0;
|
|
border-bottom: 1px solid #c0c0c0;
|
|
height: 30px;
|
|
padding: 4px;
|
|
}
|
|
#options P {
|
|
margin: 4px 20px 0px 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
#options .title {
|
|
font-size: 12px;
|
|
}
|
|
#options SELECT {
|
|
width: 110px;
|
|
}
|
|
|
|
|
|
/* POPUPS */
|
|
.pop-bg {
|
|
background-color: #D2D2D2;
|
|
}
|
|
.pop-fg {
|
|
background-color: #FFF;
|
|
padding: 1px 3px 1px 3px;
|
|
}
|
|
.pop-text {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
.preview {
|
|
border-top: 1px solid #DDD;
|
|
margin-top: 4px;
|
|
padding: 5px 1px 2px 1px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|