731 lines
11 KiB
CSS
731 lines
11 KiB
CSS
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%;
|
|
} |