mirror of
https://github.com/jimeh/dlist.git
synced 2026-02-19 07:56:41 +00:00
added current alpha copy of slik template to repository.
git-svn-id: file:///Users/jimeh/Desktop/dlist/trunk@26 a5845835-ea0f-0410-a762-dd0bfe9bfde8
This commit is contained in:
jim
565
templates/slik/stylesheets/screen.css
Normal file
565
templates/slik/stylesheets/screen.css
Normal file
@@ -0,0 +1,565 @@
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user