Files
dlist/templates/simple/stylesheets/screen.css
jim 7762f5f5a6 - removed Tiles view from simple template cause Icons view is better :P
- added "Icons" and "Details" strings to language files

git-svn-id: file:///Users/jimeh/Desktop/dlist/trunk@13 a5845835-ea0f-0410-a762-dd0bfe9bfde8
2006-04-05 08:32:53 +00:00

159 lines
2.0 KiB
CSS

BODY {
background-color: #FFF;
color: #000;
font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;
margin: 0xp;
padding: 18px;
}
#header {
font: 20px "Myriad Pro", "Trebuchet MS", Verdana, sans-serif;
padding: 15px 15px 30px 30px;
}
#files {
}
/* Details View (#list) */
#list {
background-color: #DDD;
width: 100%;
}
/* list leaders */
#list TH {
background-color: #EEE;
padding: 2px 5px 2px 5px;
}
#list TH.name {
text-align: left;
}
#list TH.icon {
padding: 2px;
height: 16px;
width: 16px;
}
#list TH.size {
width: 75px;
}
#list TH.mtime {
width: 175px;
}
#list TH.perms {
width: 100px;
}
#list TH.owner {
width: 85px;
}
#list TH A {
width: 100%;
display: block;
}
/* list cells */
#list TD {
background-color: #FFF;
padding: 2px 5px 2px 5px;
}
#list TD.icon {
padding: 2px;
}
#list TD.size {
text-align: right;
}
#list TD.mtime {
text-align: right;
}
#list TD.perms {
}
#list TD.owner {
}
#list TD.name A {
width: 100%;
display: block;
}
/* Icon view */
#icons {
border: 1px solid #CCC;
width: 100%;
}
#icons UL {
list-style: none;
margin-top: 5px;
}
#icons UL A {
color: #000;
text-decoration: none;
}
#icons LI {
display: block;
float: left;
margin: 12px 12px 12px 12px;
width: 140px;
height: 100px;
text-align: center;
vertical-align: top;
}
#icons LI .name {
display: block;
font-size: 12px;
font-weight: bold;
padding-top: 6px;
margin: 0px;
}
#icons LI .info {
color: #999;
display: block;
font-size: 10px;
margin: 0px;
}
#icons #sort-nav {
text-align: center;
margin: 20px 20px 0px 20px;
}
/* misc. */
#view-nav {
color: #999;
font-size: 10px;
position: absolute;
top: 80px;
left: 30px;
}
#view-nav A {
color: #999;
font-size: 10px;
text-decoration: none;
}
#stats {
}
#server-info {
color: #999;
padding: 3px;
font-style: italic;
font-size: 9px;
text-align: right;
position: absolute;
top: 77px;
right: 30px;
}
#timer {
color: #999;
padding: 3px;
font-style: italic;
font-size: 9px;
text-align: left;
}