File size: 5.58Kb
@CHARSET "UTF-8";
/* GENERAL */
body{
background-color: #fff;
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
font-size: 12px;
margin:0px;
padding:0px;
}
h1,h2,h3,h4,h5,p{padding: 0px; margin:5px 0px;}
h1{font-size: 160%; margin: 20px 0;}
h2{font-size: 140%;}
h3{font-size: 120%;}
h4,h5{font-size: 110%;}
a{color: #666;}
a:hover{text-decoration: none;}
img{border: none;}
.clear{clear: both;}
.hidden{display: none;}
/* login */
body.login{ text-align: center; background-color: #eee;}
body.login .content{
margin: 30px auto;
text-align: left;
width: 500px;
padding: 20px;
background-color: #fff;
border:solid 5px #ddd;
}
/* setup */
body.setup{ text-align: center; line-height: 160%;}
body.setup .content{margin: 30px auto; text-align: left; width: 800px; padding: 20px;}
/* big_message */
.big_message{ font-size: 130%;}
/* rounded corners */
.round_20{
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
/* messages */
/* http://css.dzone.com/news/css-message-boxes-different-me */
.msg-error,.msg-success,.msg-info { border: 1px solid; margin: 10px 0px; padding: 15px 10px; background-repeat: no-repeat; background-position: 10px center;}
.msg-success { color: #4F8A10; background-color: #DFF2BF;}
.msg-error { color: #D8000C; background-color: #FFBABA;}
.msg-info { color: #00529B; background-color: #BDE5F8;}
.msg-error a, .msg-success a, .msg-info a { color: #000; text-decoration: underline;}
.msg-success-line { color: #4F8A10; }
.msg-error-line { color: #D8000C; }
/* layout */
.header{ background-color: #eee; border-bottom: solid 5px #ddd; padding:5px; }
.header h1 span{ font-size: 12px; margin-left: 10px; font-weight: normal;}
.header h1{ margin:5px 0;}
.header h1 a{ text-decoration: none;}
.wrap{ padding:5px;}
.footer{ padding:5px; font-size: 10px; color: #666;}
.sidebar{width: 160px; padding-right: 10px;}
.sidebar ul{ padding: 0px; margin: 0px; list-style: none; font-weight: bold; text-shadow: 1px 1px #fff;}
.sidebar ul li:first{border:none;}
.sidebar ul li{ padding: 0; margin: 0 0 15px; border-top: solid 1px #ddd;
overflow: hidden;
background-color: #eee;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.sidebar ul ul{ padding: 0; font-weight: normal; font-size: 90%;overflow: hidden;}
.sidebar ul ul li{
margin:0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background-color: #f5f5f5;
}
.sidebar li a{ display: block; text-decoration: none; padding:5px;overflow: hidden;}
.sidebar li li a{padding-left: 20px; }
.sidebar li a:hover{background-color: #fcfcfc;}
/* table */
.grid{ border-collapse: collapse; width: 100%; background-color: #fcfcfc; border:solid 3px #ddd;}
.grid td,.grid th{ border-bottom: solid 1px #ddd; padding: 5px;}
.grid th{ background-color: #eee; text-align: left; padding: 10px 5px;}
.grid tr.r1 td{ background-color: #f9f9f9;}
.grid tr:hover td{background-color: #fff;}
/* report */
.report{ text-align: left; background-color: #fff; border-collapse: collapse;}
.report td{ border:solid 1px #eee; vertical-align: top;}
/* thumb grid */
.thumb_grid{ list-style: none; padding:0px; margin: 20px 0px;}
.thumb_grid li{padding:10px; margin: 0px 20px 20px 0px; width:100px; float:left; overflow: hidden;background-color: #F9F9F9; text-align: center;}
.thumb_grid li:hover{background-color: #eee;}
.thumb_grid .img_thumb{ width: 100px; height:100px; overflow: hidden; display: block; font-size: 10px;}
.thumb_grid a.img_thumb{text-decoration: none; color: #000;}
.thumb_grid a.img_thumb:hover{background-color: #eee;}
.thumb_grid .img_thumb img{ width: 100px; height:75px;}
/* tags in admin */
.tags{font-size: 10px;}
/* paginator */
.paginator{margin:20px 0px;font-weight:bold;}
.paginator a,
.paginator span{ padding:3px 6px; border:solid 1px #ddd; background-color: #F9F9F9;}
.paginator a{ text-decoration:none;}
.paginator a:hover,
.paginator span,
.paginator a.sel{background-color:#ddd;}
/* category_check */
.category_check{width: 120px; float:left;}
/* buttons */
.button {
padding: 5px 10px;
display: inline-block;
background: #777 url(../images/button.png) repeat-x bottom;
border: none;
color: #fff;
cursor: pointer;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow: 1px 1px #666;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.button:hover {
background-position: 0 -5px;
}
.button:active {
background-position: 0 top;
position: relative;
top: 1px;
padding: 6px 10px 4px;
}
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }
.dashboard{width: 100%;}
.dashboard tr{}
.dashboard tr td{ padding: 3px; vertical-align: top;}