532 lines
No EOL
9.1 KiB
CSS
532 lines
No EOL
9.1 KiB
CSS
/* ***** BEGIN LICENSE BLOCK *****
|
||
* This file is part of DotClear.
|
||
* Copyright (c) 2004 Olivier Meunier and contributors. All rights
|
||
* reserved.
|
||
*
|
||
* DotClear is free software; you can redistribute it and/or modify
|
||
* it under the terms of the GNU General Public License as published by
|
||
* the Free Software Foundation; either version 2 of the License, or
|
||
* (at your option) any later version.
|
||
*
|
||
* DotClear is distributed in the hope that it will be useful,
|
||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
* GNU General Public License for more details.
|
||
*
|
||
* You should have received a copy of the GNU General Public License
|
||
* along with DotClear; if not, write to the Free Software
|
||
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||
*
|
||
* ***** END LICENSE BLOCK ***** */
|
||
|
||
body {
|
||
font-family : Verdana,Arial,Helevetica,sans-serif;
|
||
color : #000;
|
||
font-size : 0.8em;
|
||
margin : 2em 5%;
|
||
padding : 0;
|
||
background : #fcfcfc url(fond.jpg);
|
||
}
|
||
|
||
body.popup {
|
||
margin : 2em 3% 2em 3%;
|
||
}
|
||
|
||
a {
|
||
color : #039;
|
||
}
|
||
|
||
html*a:hover, html*a:focus {
|
||
text-decoration : none;
|
||
}
|
||
|
||
h1, h2, h3, h4 {
|
||
font-family : "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
|
||
}
|
||
|
||
h1 { font-size: 1.7em; margin: .67em 0; }
|
||
h2 { font-size: 1.5em; margin: .83em 0; color : #069;}
|
||
h3 { font-size: 1.17em; margin: 1em 0; color : #f60; }
|
||
h4 { margin: 1.33em 0; color : #090; }
|
||
h5 { font-size: 0.83em; margin: 1.67em 0; }
|
||
h6 { font-size: 0.67em; margin: 2.33em 0; }
|
||
|
||
h2 { position : relative; }
|
||
div>h2 { position : static; }
|
||
|
||
p { margin : 1em 0; }
|
||
img { border : 0; }
|
||
|
||
dt {
|
||
margin-top : 1em;
|
||
margin-bottom : 0.5em;
|
||
font-weight : bold;
|
||
}
|
||
|
||
dd {
|
||
margin-left : 0.5em;
|
||
}
|
||
|
||
pre, code, kbd, samp {
|
||
font-family:"Courier New",Courier,monospace;
|
||
font-size : 1.1em;
|
||
}
|
||
|
||
pre, code {
|
||
color : #666;
|
||
font-weight : bold;
|
||
}
|
||
|
||
table {
|
||
font-size : 1em;
|
||
}
|
||
|
||
/* LAYOUT
|
||
-------------------------------------------------------- */
|
||
/* Main */
|
||
#main {
|
||
margin : 0 0 1px 0;
|
||
padding : 0 0 1px 0;
|
||
background : #fff;
|
||
color : #000;
|
||
clear : left;
|
||
border-width : 0 1px 1px 1px;
|
||
border-style : solid;
|
||
border-color : #999;
|
||
}
|
||
|
||
body.popup #main {
|
||
border-width : 1px;
|
||
-moz-border-radius : 8px 8px 0 0;
|
||
}
|
||
|
||
/* Contenu */
|
||
#content {
|
||
padding : 1em;
|
||
}
|
||
#content img {
|
||
}
|
||
|
||
/* footer */
|
||
#footer {
|
||
text-align : right;
|
||
margin : 10px 0 5px 0;
|
||
}
|
||
|
||
/* ONGLETS
|
||
-------------------------------------------------------- */
|
||
#header {
|
||
float : left;
|
||
width : 100%;
|
||
line-height : normal;
|
||
background-image : url(dot999.png);
|
||
background-repeat : repeat-x;
|
||
background-position : 0 100%;
|
||
}
|
||
#header ul {
|
||
margin : 0;
|
||
padding : 0;
|
||
list-style : none;
|
||
}
|
||
#header li {
|
||
float : left;
|
||
margin : 0 -1px 0 0;
|
||
padding : 0 0 0 25px;
|
||
background-repeat : no-repeat;
|
||
background-position : 0 -110px;
|
||
}
|
||
#header a {
|
||
float : left;
|
||
display : block;
|
||
background-image : url(onglet_right.png);
|
||
background-repeat : no-repeat;
|
||
background-position : 100% -110px;
|
||
padding : 10px 10px 5px 3px;
|
||
font-family : Arial,Helvetica,sans-serif;
|
||
font-weight : bold;
|
||
text-decoration : none;
|
||
color : #000;
|
||
}
|
||
|
||
/* Commented Backslash Hack
|
||
Cache des r<>gles <20> IE5-Mac \*/
|
||
#header a {float:none;}
|
||
/* Fin du hack IE5-Mac */
|
||
|
||
#header li.actif, #header li.actif:hover {
|
||
background-position : 0 0;
|
||
}
|
||
#header li.actif a, #header li.actif:hover a {
|
||
padding-bottom : 6px;
|
||
background-position : 100% 0;
|
||
}
|
||
#header li:hover {
|
||
background-position : 0 -220px;
|
||
}
|
||
#header li:hover a {
|
||
background-position : 100% -220px;
|
||
}
|
||
|
||
|
||
#menuBillets {
|
||
background-image : url(onglet_billet.png);
|
||
}
|
||
#menuComments {
|
||
background-image : url(onglet_comment.png);
|
||
}
|
||
#menuCategories {
|
||
background-image : url(onglet_cat.png);
|
||
}
|
||
#menuUsers {
|
||
background-image : url(onglet_user.png);
|
||
}
|
||
#menuPref {
|
||
background-image : url(onglet_pref.png);
|
||
}
|
||
#menuTools {
|
||
background-image : url(onglet_tools.png);
|
||
}
|
||
|
||
#submenu {
|
||
display : block;
|
||
position : relative;
|
||
clear : left;
|
||
border-bottom : 1px solid #ccc;
|
||
padding : 0.5em 1em;
|
||
margin : 0;
|
||
background : #eceade url("degrade_beige.png") repeat-x bottom left;
|
||
color : #666;
|
||
|
||
}
|
||
|
||
#submenu li {
|
||
display : inline;
|
||
list-style : none;
|
||
}
|
||
|
||
/* CLASSES
|
||
-------------------------------------------------------- */
|
||
hr.hidden {
|
||
height : 1px;
|
||
border-width : 1px 0 0 0;
|
||
border-style : solid;
|
||
border-color : #fff;
|
||
}
|
||
|
||
hr.thin {
|
||
height : 1px;
|
||
border-width : 1px 0 0 0;
|
||
border-style : solid;
|
||
border-color : #ddd;
|
||
}
|
||
|
||
.small {
|
||
font-size : 0.8em;
|
||
}
|
||
|
||
.center {
|
||
text-align : center;
|
||
}
|
||
|
||
.right {
|
||
text-align : right;
|
||
}
|
||
|
||
.inline {
|
||
display : inline;
|
||
}
|
||
|
||
.semi {
|
||
margin : 0.5em 0;
|
||
}
|
||
|
||
.message {
|
||
color : #f60;
|
||
font-weight : bold;
|
||
}
|
||
|
||
|
||
.ligne {
|
||
border : 1px solid #ccc;
|
||
border-top-width : 2px;
|
||
padding : 0 0.5em;
|
||
margin : 0 0 1.5em 0;
|
||
}
|
||
.ligne img.status {
|
||
float : right;
|
||
margin : 2px 0 0 4px;
|
||
position : relative;
|
||
}
|
||
|
||
.ligneTitre {
|
||
background : #eceade;
|
||
margin : 0 -0.5em;
|
||
padding : 0.2em 0.5em;
|
||
font-size : 1em;
|
||
font-family : Verdana,Arial,Helevetica,sans-serif;
|
||
}
|
||
|
||
.ligneInfo {
|
||
margin : 0;
|
||
}
|
||
|
||
.ligne p.action {
|
||
float : right;
|
||
}
|
||
|
||
.sort {
|
||
border : 1px solid #ccc;
|
||
padding : 0.3em;
|
||
margin : 5px 0 0 0;
|
||
background : #f7f5f0;
|
||
clear : both;
|
||
}
|
||
.sort p {
|
||
margin : 0.5em 0 0 0;
|
||
}
|
||
.sortJS {
|
||
padding : 0 0.3em 0.5em 35px;
|
||
cursor : move;
|
||
background : #f7f5f0 url(updown.png) no-repeat 5px 5px;
|
||
}
|
||
|
||
.imgBrowse, .imgBrowsedir {
|
||
float : left;
|
||
margin : 0 10px 10px 0;
|
||
text-align : center;
|
||
border : 1px dashed #ccc;
|
||
}
|
||
.thumbnail {
|
||
width : 190px;
|
||
height : 180px;
|
||
margin : 0;
|
||
padding : 1px;
|
||
}
|
||
.imgBrowse .action, .imgBrowsedir .action {
|
||
height : 20px;
|
||
margin : 4px 4px 0 0;
|
||
text-align : right;
|
||
}
|
||
.imgBrowse .thumbnail img {
|
||
display : block;
|
||
margin : 10px auto;
|
||
}
|
||
.imgBrowsedir .thumbnail img {
|
||
display : block;
|
||
margin-left : 60px;
|
||
margin-top : 70px;
|
||
}
|
||
|
||
|
||
.erreur {
|
||
border-left : 6px solid #f93;
|
||
padding : 0 0 0 0.5em;
|
||
}
|
||
.erreur strong {
|
||
color : #f60;
|
||
}
|
||
|
||
.errno {
|
||
color : #666;
|
||
}
|
||
|
||
.errmsg {
|
||
color : #c00;
|
||
font-weight : bold;
|
||
}
|
||
|
||
.post-info {
|
||
color : #f60;
|
||
}
|
||
|
||
.cancel, .cancel .post-info {
|
||
color : #666;
|
||
}
|
||
|
||
.post-attr {
|
||
margin : 0;
|
||
padding : 0 0.5em;
|
||
border : 1px solid #ccc;
|
||
}
|
||
|
||
ul.user-info {
|
||
float : right;
|
||
width : 102px;
|
||
position : relative;
|
||
margin : 0 0 1em 1em;
|
||
padding : 5px 0 0 30px;
|
||
background : transparent url(user_info_top.png) no-repeat top left;
|
||
list-style : none;
|
||
}
|
||
li.ui-name {
|
||
}
|
||
li.ui-logout {
|
||
display : block;
|
||
background : transparent url(user_info_bottom.png) no-repeat bottom left;
|
||
padding : 8px 0 10px 10px;
|
||
margin : 0 0 0 -30px;
|
||
}
|
||
|
||
.nowrap {
|
||
white-space : nowrap;
|
||
}
|
||
|
||
.max {
|
||
width : 97%;
|
||
}
|
||
*>.max {
|
||
width : 100%;
|
||
}
|
||
|
||
.clear {
|
||
clear : both;
|
||
}
|
||
|
||
.bloc-droite {
|
||
display : block;
|
||
text-align : right;
|
||
position : relative;
|
||
top : 1em;
|
||
}
|
||
|
||
#dctoolbar {
|
||
font-size:1px;
|
||
}
|
||
|
||
dl.plugin-list dt {
|
||
margin : 0;
|
||
padding : 0 0 0 35px;
|
||
}
|
||
|
||
dl.plugin-list dt img {
|
||
float : left;
|
||
margin-left : -35px;
|
||
position : relative;
|
||
}
|
||
|
||
dl.plugin-list dd {
|
||
margin : 0.5em 0 1.5em 35px;
|
||
}
|
||
|
||
table.clean-table {
|
||
border-collapse : collapse;
|
||
}
|
||
|
||
table.clean-table tr {
|
||
}
|
||
|
||
table.clean-table th {
|
||
border : 1px solid #000;
|
||
padding : 0.5em;
|
||
}
|
||
|
||
table.clean-table td {
|
||
border : 1px solid #666;
|
||
padding : 0.5em;
|
||
}
|
||
|
||
table.post-entry-info {
|
||
border: none;
|
||
border-collapse: collapse;
|
||
}
|
||
table.post-entry-info td {
|
||
padding : 0.3em 1.5em 0.3em 0em;
|
||
}
|
||
|
||
|
||
/* FORMULAIRES
|
||
-------------------------------------------------------- */
|
||
input, textarea, option, select {
|
||
background : #eef3f5;
|
||
color : #000;
|
||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||
font-size : 1em;
|
||
}
|
||
input, textarea {
|
||
border-width : 1px;
|
||
}
|
||
*>input, *>textarea {
|
||
border-color : #333;
|
||
}
|
||
|
||
label, span.label {
|
||
display : block;
|
||
}
|
||
|
||
input.submit {
|
||
border-style : outset;
|
||
background : #d2e0e6 url(degrade_bleu.png) repeat-x 0 100%;
|
||
font-weight : bold;
|
||
}
|
||
|
||
input.submit:hover, input.submit:focus {
|
||
background : #fc3 url(degrade_orange.png) repeat-x 0 100%;
|
||
}
|
||
|
||
input.submit:active {
|
||
border-style : inset;
|
||
}
|
||
|
||
fieldset {
|
||
border: 1px solid #ccc;
|
||
padding: 1em;
|
||
margin: 1em 0;
|
||
width : 95%;
|
||
}
|
||
legend {
|
||
color: #999;
|
||
background: #fff;
|
||
padding: 0 .25em;
|
||
font-weight: bold;
|
||
}
|
||
|
||
p.field {
|
||
clear : left;
|
||
margin : 0;
|
||
padding : 1em 0 0 0;
|
||
}
|
||
|
||
label.float, span.label {
|
||
position : relative;
|
||
float : left;
|
||
width : 25%;
|
||
padding-right : 0.5em;
|
||
}
|
||
|
||
div.login {
|
||
width : 14em;
|
||
margin : auto;
|
||
text-align : left;
|
||
padding : 2em 1em;
|
||
background : #fff;
|
||
color : #000;
|
||
border : 1px solid #ccc;
|
||
}
|
||
|
||
h3.moreOptions {
|
||
background : #eceade;
|
||
margin : 0;
|
||
padding : 0.5em;
|
||
font-size : 1em;
|
||
font-family : Verdana,Arial,Helevetica,sans-serif;
|
||
}
|
||
div.moreOptions {
|
||
background : #f7f5e9;
|
||
padding : 0.5em;
|
||
margin : 0;
|
||
}
|
||
|
||
|
||
/* Zone de pr<70>visualisation
|
||
-------------------------------------------------------- */
|
||
.cadre {
|
||
padding : 0.5em;
|
||
border : 1px outset #999;
|
||
}
|
||
|
||
.preview {
|
||
}
|
||
|
||
.preview h3, .preview h4 {
|
||
color : #000;
|
||
} |