Your IP : 216.73.216.108
body {
font: 62.5%/1.5em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
color : #000;
background : #fff url(page-bg.png) repeat-y top left;
margin : 0;
padding : 0;
}
body.auth {
background-image: none;
}
body.install #content {
margin-top: 1em;
font-size: 1.1em;
}
a img,:link img,:visited img { border:none }
a, a:link, a:visited {
color : #06c;
text-decoration : none;
border-bottom : 1px dotted #f90;
}
a:hover, a:active, a:focus {
}
h1, h2, h3, h4, h5, h6, p {
margin-top : 0;
margin-bottom: 0.6em;
}
h2 {
font-family : Arial,Helvetica,sans-serif;
color : #069;
font-size : 1.4em;
}
h3 {
color : #333;
font-size : 1.2em;
}
p, div.p {
margin : 0 0 1em 0;
}
hr {
height : 1px;
border-width : 1px 0 0 0;
border-color : #999;
border-style : solid;
}
pre, code {
font: 100% "Andale Mono","Courier New",monospace;
}
/* LAYOUT
-------------------------------------------------------- */
/* General font-size */
#top, #info-box, #main, #main-menu, #footer {
font-size: 1.1em;
}
#top {
margin : 0;
padding : 0;
background : transparent url(head-bg.png) repeat-x;
}
#top h1 {
padding : 0;
margin : 0;
height : 58px;
text-indent : -1000px;
background : transparent url(head-logo.png) no-repeat 0 0;
}
#top h1 a {
position: absolute;
top: 3px;
left: 0;
width: 170px;
height: 35px;
border: none;
}
#info-box {
position : absolute;
right : 20px;
top : 6px;
margin : 0;
padding : 3px 3px 4px 15px;
}
#info-box div {
margin: 0; padding: 0;
}
#info-box div div {
display: inline;
}
#info-box select {
width : 160px;
}
#info-box a {
font-weight : bold;
}
#main {
width : 100%;
float : right;
margin-left : -155px;
margin-top : 0;
}
#content {
margin-left : 155px;
margin-bottom : 10px;
padding-top : 1px;
margin-right : 15px;
}
#main-menu {
width : 135px;
float : left;
margin-top : 0;
margin-bottom : 10px;
}
#main-menu h3 {
margin : 0;
padding : 0 0 0 5px;
}
#main-menu ul {
margin : 0 0 1em 0;
padding : 0;
list-style : none;
}
#main-menu li {
display : block;
margin : 0.5em 0 0 5px;
padding : 2px 0 1px 20px;
background-repeat: no-repeat;
background-position: 0 0;
}
#main-menu a {
font-weight : bold;
}
#main-menu .active a {
border-bottom-style: solid;
}
#default-blog {
position: absolute;
top: 58px;
right: 30px;
height: 1.5em;
font-size : 140%;
font-weight: bold;
}
#footer {
clear : both;
padding : 3px 5px 0 25px;
}
#footer a {
border: none;
}
#debug {
position: absolute;
top: 0;
width: 100%;
height: 4px;
background: #d99;
}
#debug div {
display: none;
padding: 3px 0.5em 2px;
}
#debug p {
margin : 0.5em 0;
}
#debug:hover {
height: auto;
}
#debug:hover div {
display: block;
}
/* DASHBOARD */
#dashboard {
font-size: 120%;
padding-top: 2em;
clear: left;
}
#dashboard p img {
vertical-align: middle;
}
#dashboard ul {
display: block;
margin: 0;
padding-left: 1.5em;
list-style: square;
}
#dashboard li {
margin: 0.25em 0 0 0;
color: #666;
}
#dashboard-icons p {
float: left;
width: 32%;
text-align: center;
margin: 2em 0 0 0;
}
#dashboard-icons span {
display: block;
}
#dashboard-icons a {
border-bottom-width: 0;
}
#dashboard-icons span a {
border-bottom-width: 1px;
}
/* POST */
#entry-sidebar {
width : 200px;
float : right;
}
#entry-content {
margin-right : 220px;
}
#comments {
clear : both;
}
/* MEDIA */
#media-icon {
float: left;
}
#media-details {
margin-left: 70px;
}
#media-details ul {
display: block;
margin-left: 0;
padding: 0;
}
#media-details li {
list-style: square inside;
margin: 0;
padding: 0;
}
#media-original-image {
overflow: auto;
}
#media-original-image.overheight {
height: 500px;
}
#add-file-f {
position: relative;
}
#add-file-f .more-file {
position:absolute;
right: 0.5em;
background: #999;
color: #fff;
border: none;
}
/* POPUP */
body.popup {
background-position : -120px 0;
}
body.popup #top h1 {
background-position : -120px 0;
}
body.popup #main {
margin-left : -35px;
}
body.popup #content {
margin-left : 35px;
}
body.popup #footer {
clear : both;
padding-top : 20px;
padding-left : 35px;
}
/* CLASSES
-------------------------------------------------------- */
a.help-link {
border: none;
}
.help-content dt {
font-weight: bold;
color: #666;
margin: 0;
}
.help-content dd {
margin: 0.3em 0 1.5em 0;
}
.clear {
clear : both;
}
.lclear {
clear : left;
}
div.clearer {
height : 1px;
font-size : 1px;
}
.hide {
display : none;
}
.right {
text-align : right;
}
.frame-shrink {
border: 1px solid #666;
padding: 0.5em;
margin-bottom: 1em;
height: 120px;
overflow: auto;
}
div.error {
border : 2px solid #c00;
padding : 0.5em 0.5em 0.5em 40px;
margin-bottom : 1em;
background : transparent url(msg-error.png) no-repeat 5px 50%;
}
.line p {
margin : 0;
}
.message, .static-msg {
font-weight : bold;
color : #f60;
padding : 0.5em 0.5em 0.5em 40px;
border : 1px solid #ccc;
background : transparent url(msg-std.png) no-repeat 5px 50%;
}
.offline {
color : #666;
}
ul.nice {
margin: 1em 0;
padding: 0 0 0 2em;
list-style: square;
}
ul.nice li {
margin:0;
padding: 0;
}
.three-cols {
}
.three-cols .col {
width : 32.3%;
float : left;
margin-left : 1%;
}
.three-cols .col:first-child {
width : 33.3%;
margin-left : 0;
}
.two-cols {
position : static;
}
.two-cols .col {
width : 49%;
margin-left : 1%;
float : left;
}
.two-cols .col:first-child {
width : 50%;
margin-left : 0;
}
.comment {
border-top : 2px solid #ccc;
margin-bottom : 1em;
padding : 2em 0 1em 0;
position : relative;
}
.comment form p {
margin : 0;
position : absolute;
top : 2px;
right : 0;
}
.part-tabs {
float: left;
width: 100%;
background: transparent url(tab-bg.png) repeat-x bottom;
margin-bottom: 2em;
}
.part-tabs ul {
margin: 0;
padding: 10px 10px 0;
list-style: none;
}
.part-tabs li {
float: left;
background: transparent url(tab-n-l.png) no-repeat top left;
margin: 0 3px 0 0;
padding: 0 0 0 5px;
}
.part-tabs a {
display: block;
background: transparent url(tab-n-r.png) no-repeat top right;
padding: 1px 10px 1px 5px;
border: none;
}
.part-tabs li.part-tabs-active {
background-image: url(tab-c-l.png);
}
.part-tabs li.part-tabs-active a {
background-image: url(tab-c-r.png);
padding-bottom: 2px;
font-weight : bold;
}
.part-tabs li.part-tabs-link {
background-image: url(tab-l-l.png);
}
.part-tabs li.part-tabs-link a {
background-image: url(tab-l-r.png);
}
.screenshot {
width: 250px;
float: left;
margin-left: 10px;
}
.screenshot img {
border : 1px solid #333;
}
.screenshot p {
font-size: 0.9em;
}
.media-list {
position : static;
}
.media-col-0 {
clear: left;
}
.media-item {
position: relative;
border-top: 1px solid #ccc;
margin-bottom: 1em;
padding: 5px 0;
}
div.media-list .media-item {
width: 49%;
float: left;
margin-right: 1%;
}
a.media-icon {
display: block;
border-bottom: none;
float: left;
}
.media-icon img {
display: block;
}
.media-item ul {
display: block;
list-style: none;
margin: 0 0 0 60px;
padding: 0;
}
li.media-action {
display: block;
position: absolute;
top: 5px;
right: 5px;
height: 16px;
}
li.media-action a {
border: none;
}
li.media-action form {
display: inline;
}
li.media-action input {
border: none;
}
select.l10n option {
padding-left: 16px;
}
option.avail10n {
background: transparent url(../images/check-on.png) no-repeat 0 50%;
}
/* TABLES
-------------------------------------------------------- */
table {
font-size : 1em;
border-collapse : collapse;
margin : 0 0 1em 0;
}
tr.line:hover {
background : #ddd;
}
th, td {
border-width : 0 0 1px 0;
border-style : solid;
border-color : #ccc;
padding : 2px 5px;
vertical-align : top;
}
th {
text-align : left;
border-bottom-color : #666;
}
.noborder td, td.noborder, .noborder th, th.noborder {
border-width : 0;
}
table .maximal, table.maximal {
width : 100%;
}
table .minimal {
width : 1px;
}
table .nowrap {
white-space : nowrap;
}
td.status {
vertical-align: middle;
}
td.status img {
margin-bottom: -2px;
}
td.status a {
border: none;
}
tr.line img.expand {
margin-right: 10px;
margin-bottom: -2px;
}
tr.expand td {
border-bottom: none;
}
td.expand {
padding: 1em;
}
.dragable {
border-collapse: separate;
}
.dragable tbody td {
}
.handle {
padding : 0;
}
.handler {
cursor : move;
background : transparent url(drag.png) no-repeat 0 50%;
padding-left : 15px;
}
/* FORMS
-------------------------------------------------------- */
form {
display : block;
margin : 0;
padding : 0;
}
fieldset {
display : block;
margin : 0 0 1em 0;
padding : 1em 0.5em;
border-width : 1px 0;
border-style: solid;
border-color: #ccc;
background: #fbfbfb;
}
legend {
font-weight : bold;
padding: 0.2em 0.6em;
border-width: 1px;
border-style: solid;
border-color: #ccc;
background: #fbfbfb;
}
optgroup {
font-weight : bold;
font-style : normal;
}
option {
font-weight : normal;
}
input, textarea, select {
background : #f9f9f9;
border-width : 1px;
border-style : solid;
border-color : #000 #ccc #ccc #000;
}
input, textarea, select, option {
font: 1em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
input[type=text], input[type=password], textarea {
padding : 2px 0;
}
input[type=checkbox], input[type=radio] {
border: none;
}
textarea {
padding : 2px 0;
}
/*input[type=text]:focus, input[type=password]:focus, textarea:focus, option {
background : #dfdcc7;
} can't select text with opera */
input[type=submit], input[type=reset], input[type=button] {
padding : 1px 2px;
background : #d2e0e6 url(button-normal.png) repeat-x bottom left;
border-width : 1px;
border-style : outset;
border-color : #ccc;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
background-color : #fc3;
background-image : url(button-hover.png);
}
input[type=submit] {
font-weight : bold;
}
input[type=checkbox], input[type=radio] {
margin : 0;
padding : 0;
background : transparent;
}
label {
display : block;
}
label input, label select, label span {
display : block;
}
p.form-note {
margin-top : -1em;
color : #f60;
}
label.classic {
display : inline;
}
label.classic input, label span input, label.classic select, label span select {
display : inline;
}
label.area, p.area {
width: inherit !important;
margin-right : 6px !important;
}
.area textarea {
display : block;
width : 100%;
}
label.required {
font-weight : bold;
}
label.required:before {
content : '* ';
color : #c00;
}
label .maximal, textarea.maximal, input.maximal {
width : 100%;
}
a.form-control {
display : none;
font-weight: bold;
background: url(magnifier.png) no-repeat 0 0;
color: green;
padding-left: 20px;
}
fieldset.constrained {
margin: 0;
padding: 0;
border: none;
background: transparent;
}
#login-screen {
display: block;
width : 180px;
margin : 30px auto 0;
font-size: 1.1em;
}
#login-screen h1 {
text-indent: -2000px;
background: transparent url(dotclear-logo.png) no-repeat top left;
height: 25px;
}
#login-screen fieldset {
border: 1px solid #999;
padding: 1em 10px;
}
#login-screen input[type=text], #login-screen input[type=password] {
width: 100%;
}