617 lines
18 KiB
CSS
617 lines
18 KiB
CSS
|
/* ------------------------------------------------------------------------------- */
|
||
|
|
/* Feuille de style du thème Snowblind pour zpip */
|
||
|
|
/* */
|
||
|
|
/* (c) 2009 Collectif SPIP */
|
||
|
|
/* (c) 2009 c.bavota, Juan Gordillo (http://themes.bavotasan.com/) */
|
||
|
|
/* (c) 2009 Denis Chenu (http://www.gsill.net) */
|
||
|
|
/* Released under GPL . http://www.opensource.org/licenses/gpl-license.php */
|
||
|
|
/* */
|
||
|
|
/* ------------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
Theme Name: Snowblind
|
||
|
|
Theme URI: http://themes.bavotasan.com/our-themes/basic-themes/snowblind
|
||
|
|
Description: A clean and modern theme with a fully customizable layout. Theme options include site width, widgetized sidebars and footer bar, logo uploader, Google Analytics, Twitter feed, RSS feeds and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.7.x and up, using Firefox 3.5, IE 7 & 8. Fully optimized for search engine ranking. 100% valid xHTML. Translation ready. Designed by <a href="http://themes.bavotasan.com">Themes by bavotasan.com</a>.
|
||
|
|
Version: 1.1.2
|
||
|
|
Author: c.bavota, Juan Gordillo
|
||
|
|
Author URI: http://themes.bavotasan.com/
|
||
|
|
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,silver,custom-header,theme-options,threaded-comments,translation-ready,sticky-post
|
||
|
|
|
||
|
|
The CSS, XHTML and design is released under GPL:
|
||
|
|
http://www.opensource.org/licenses/gpl-license.php
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
/* Typographie generale (style transversaux) */
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
html { }
|
||
|
|
body {
|
||
|
|
font-family: Helvetica, sans-serif;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
color: #444;
|
||
|
|
background: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Titraille / Intertitres */
|
||
|
|
h1,h2,h3,h4,h5,h6,
|
||
|
|
.h1,.h2,.h3,.h4,.h5,.h6 { font-weight: normal;}
|
||
|
|
h1,.h1 { font-size: 2em; }
|
||
|
|
h2,.h2 { font-size: 1.70em; }
|
||
|
|
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { }
|
||
|
|
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { }
|
||
|
|
h3,.h3 { font-size:1.50em; }
|
||
|
|
h3.spip {} /* Cf.: spip_style.css */
|
||
|
|
hr.spip {} /* Cf.: spip_style.css */
|
||
|
|
|
||
|
|
/* Autres enrichissements typo */
|
||
|
|
strong { font-weight: bold; }
|
||
|
|
em { font-style: italic; }
|
||
|
|
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
||
|
|
small { font-size: 0.90em; color: #666; }
|
||
|
|
dfn { font-weight: bold; color: #666; }
|
||
|
|
del { text-decoration: line-through; }
|
||
|
|
ins { color: red !important; text-decoration: none; }
|
||
|
|
sup, sub { font-size: .8em; font-variant: normal; }
|
||
|
|
|
||
|
|
/* Listes */
|
||
|
|
ul.spip {} /* Cf.: spip_style.css */
|
||
|
|
ol.spip {} /* Cf.: spip_style.css */
|
||
|
|
dl {}
|
||
|
|
dt {}
|
||
|
|
dd {}
|
||
|
|
|
||
|
|
/* Citations, code et poesie */
|
||
|
|
cite {}
|
||
|
|
q {}
|
||
|
|
blockquote {}
|
||
|
|
blockquote.spip {} /* Cf.: spip_style.css */
|
||
|
|
blockquote.spip_poesie {} /* Cf.: spip_style.css */
|
||
|
|
/* Cf.: spip_style.css */
|
||
|
|
.spip_code {color:#f63;}
|
||
|
|
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em;width:90%; }
|
||
|
|
address {}
|
||
|
|
|
||
|
|
/* Tableaux */
|
||
|
|
/* Cf.: spip_style.css */
|
||
|
|
table.spip { width: 99%; }
|
||
|
|
table.spip tr.row_first { background: #5ac; color:white;}
|
||
|
|
table.spip td, table.spip th {border:white 2px solid;}
|
||
|
|
|
||
|
|
/* Logos, documents et images */
|
||
|
|
img { margin: 0; padding: 0; border: 0; }
|
||
|
|
.spip_logos {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents_center {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents_left {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents_right {} /* Cf.: spip_style.css */
|
||
|
|
.spip_doc_titre {} /* Cf.: spip_style.css */
|
||
|
|
.spip_doc_descriptif {} /* Cf.: spip_style.css */
|
||
|
|
|
||
|
|
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
/* Disposition et habillage des blocs principaux */
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
body {text-align: center; }
|
||
|
|
|
||
|
|
|
||
|
|
#page { position: relative;margin:0 auto;padding:0; text-align: left; }
|
||
|
|
.page { position: relative;margin:0 auto;padding:0; text-align: left; }
|
||
|
|
#page { width: 800px; }
|
||
|
|
.page { width: 800px; }
|
||
|
|
#entete-wrap{ background: url(img/topbg.png);
|
||
|
|
width: 100%;
|
||
|
|
float: left;
|
||
|
|
border-bottom: 1px solid #444;}
|
||
|
|
#entete {margin: auto;position:relative;}
|
||
|
|
#entete .accueil {
|
||
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
||
|
|
margin: 20px 0 30px;
|
||
|
|
margin-right:145px;
|
||
|
|
padding: 0;
|
||
|
|
color:#FFF;
|
||
|
|
}
|
||
|
|
#entete .accueil .spip_logos { vertical-align: middle; line-height: 1em; }
|
||
|
|
#entete .accueil #nom_site_spip { vertical-align: middle;font-size: 48px;line-height: 50px;}
|
||
|
|
#entete .accueil strong#nom_site_spip { font-weight:normal;}
|
||
|
|
#entete .accueil a {color:#FFF;}
|
||
|
|
#entete .accueil a:hover {color: #1e82a6; text-decoration: none;}
|
||
|
|
#entete .accueil #slogan_site_spip {margin-left:1em;}
|
||
|
|
|
||
|
|
#entete .formulaire_spip { position: absolute; top: 30px;right: 5px;width: 175px;font-size:12px;} /*Cf.: spip_formulaires.css*/
|
||
|
|
#entete .formulaire_spip form{ } /*Cf.: spip_formulaires.css*/
|
||
|
|
#entete .formulaire_spip input.text, #entete .formulaire_spip select{ float:left; } /*Cf.: spip_formulaires.css*/
|
||
|
|
|
||
|
|
#entete .formulaire_spip input.submit {background-color:#2c2c2c;border:1px solid #1a1a1a;color:#FFF;padding:3px 5px;}
|
||
|
|
#entete .formulaire_spip input.text, #entete .formulaire_spip select {background:#2c2c2c;border:1px solid #2c2c2c;color:#888;padding:3px 5px;}
|
||
|
|
|
||
|
|
/*Habillage du menu de navigation pricipale */
|
||
|
|
#nav{
|
||
|
|
position: relative;
|
||
|
|
clear: both;
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#nav{
|
||
|
|
padding-top: 10px;
|
||
|
|
/*height:53px;*/
|
||
|
|
/*overflow:hidden;*/
|
||
|
|
background: transparent url(./img/nav.png) repeat-x 0 10px;
|
||
|
|
}
|
||
|
|
#nav ul {
|
||
|
|
display:block;
|
||
|
|
/*height:53px;*/
|
||
|
|
width:100%;
|
||
|
|
background: #696b6d url(./img/nav.png) repeat-x;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
border-right:1px solid #444444;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav ul li {
|
||
|
|
position:relative;
|
||
|
|
list-style-type: none;
|
||
|
|
float: left;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.5em;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav ul a {
|
||
|
|
display: block;
|
||
|
|
color: #fff;
|
||
|
|
margin: 0;
|
||
|
|
padding: 10px 30px 25px;
|
||
|
|
background: #696b6d url(./img/nav.png) repeat-x;
|
||
|
|
border-right: 1px dotted #aaa;
|
||
|
|
border-left: 1px solid #444;
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav ul a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav li ul{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Conteneur*/
|
||
|
|
#conteneur-wrap {
|
||
|
|
width: 100%;
|
||
|
|
float: left;
|
||
|
|
margin-top: -10px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
#conteneur-wrap { background: url(./img/800bg.png) repeat-y #333 center; }
|
||
|
|
|
||
|
|
#conteneur {
|
||
|
|
margin: auto;
|
||
|
|
position: relative;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
#tritop {
|
||
|
|
background: url(img/tri.png) repeat-x top left;
|
||
|
|
margin: -10px auto 0;
|
||
|
|
float: left;
|
||
|
|
width:100%;
|
||
|
|
height: 10px;
|
||
|
|
}
|
||
|
|
#contenu { padding-top: 30px; float:right; margin:0 4px 0 20px;}
|
||
|
|
#contenu{width: 553px;}
|
||
|
|
|
||
|
|
#navigation { padding-top: 30px;float: left; overflow: hidden; margin: 0 10px 0 20px;}
|
||
|
|
#navigation{width: 180px;}
|
||
|
|
|
||
|
|
#extra-wrap{
|
||
|
|
clear:both;
|
||
|
|
margin: 60px auto 0;
|
||
|
|
padding: 0 0 10px;
|
||
|
|
color: #ccc;
|
||
|
|
overflow:auto;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
#extra-wrap{ background: url(./img/800bottom-alt.png) no-repeat top #333;}
|
||
|
|
#extra {
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 60px 0 10px;
|
||
|
|
color: #ccc;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#pied {
|
||
|
|
clear: both;
|
||
|
|
margin:0 auto;
|
||
|
|
padding:1em 0;
|
||
|
|
font-size: 11px;
|
||
|
|
color: #fff; }
|
||
|
|
#pied img { vertical-align: middle; }
|
||
|
|
|
||
|
|
#copyleft{display:inline;float:right;}
|
||
|
|
#copyright{display:inline;float:right;} /*bug zpip*/
|
||
|
|
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
/* Habillage des elements de extra */
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
#extra .formulaire_spip, #extra .liste, #extra .special{
|
||
|
|
float: left;
|
||
|
|
width: 22%;
|
||
|
|
margin: 0 1.5%;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
#extra .formulaire_spip legend, #extra .h2{
|
||
|
|
text-transform: uppercase;
|
||
|
|
display:block;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
#extra .formulaire_spip legend, #extra .h2{
|
||
|
|
font-size:13px;
|
||
|
|
font-family:Helvetica,sans-serif;
|
||
|
|
}
|
||
|
|
#extra .h2 a{
|
||
|
|
color:#CCC;
|
||
|
|
}
|
||
|
|
#extra .formulaire_spip legend{
|
||
|
|
background:#151515;
|
||
|
|
color:#CCC;
|
||
|
|
white-space:normal;
|
||
|
|
}
|
||
|
|
#extra .formulaire_spip fieldset{
|
||
|
|
border:1px solid #222222;
|
||
|
|
/*width:100%;*/
|
||
|
|
padding:0 2px;
|
||
|
|
}
|
||
|
|
#extra .formulaire_spip input.text{width:99%}
|
||
|
|
|
||
|
|
#extra .liste-item,#extra .item{
|
||
|
|
list-style-type:none;
|
||
|
|
}
|
||
|
|
#extra .liste-items{
|
||
|
|
padding: 0 0 20px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
#extra .item{
|
||
|
|
list-style-type: none;
|
||
|
|
padding: 10px 0;
|
||
|
|
border-bottom: 1px solid #222;
|
||
|
|
font-size:10px;
|
||
|
|
}
|
||
|
|
#extra .item a{
|
||
|
|
display:block;
|
||
|
|
font-size:13px;
|
||
|
|
}
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
/* Habillage des elements du contenu */
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
#contenu{font-size:12px;}
|
||
|
|
|
||
|
|
#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
|
||
|
|
#hierarchie, #hierarchie a { color: #666; }
|
||
|
|
|
||
|
|
.cartouche { margin-bottom: 2em;border-bottom: 2px solid #ddd; padding-bottom:3px;}
|
||
|
|
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
|
||
|
|
.cartouche .spip_logos { background:#FFF;border:1px solid #DDD}
|
||
|
|
.cartouche .info-publi { margin: 0; padding: 0;text-align:right; }
|
||
|
|
.cartouche .h1{
|
||
|
|
color: #1e82a6;
|
||
|
|
font-size:30px;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
line-height:32px;
|
||
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }
|
||
|
|
.texte { line-height: 1.60em; }
|
||
|
|
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
|
||
|
|
.notes { clear: both; font-size: 0.90em; }
|
||
|
|
|
||
|
|
#contenu .h3 {
|
||
|
|
|
||
|
|
}
|
||
|
|
#contenu .texte, #contenu .ps, #contenu div.hyperlien {border-bottom:1px solid #DDDDDD;}
|
||
|
|
|
||
|
|
/* Portfolio */
|
||
|
|
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
|
||
|
|
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
|
||
|
|
.documents_portfolio a.on .spip_logos { border-color: #f63; }
|
||
|
|
.documents_portfolio a:focus .spip_logos,
|
||
|
|
.documents_portfolio a:hover .spip_logos,
|
||
|
|
.documents_portfolio a:active .spip_logos { border-color: #5ac; }
|
||
|
|
|
||
|
|
/* Forum */
|
||
|
|
.forum {list-style:none;margin:0;padding:0;}
|
||
|
|
.forum .forum-fil{list-style:none;margin:0;margin-bottom:1em;padding:0;
|
||
|
|
border-bottom:2px solid #DDDDDD;}
|
||
|
|
.forum .forum-fil .forum-fil{border-bottom:0px none #FFF;}
|
||
|
|
.forum .forum-titre{
|
||
|
|
font-family:Georgia,"Times New Roman",Times,serif;
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:bold;
|
||
|
|
text-transform:capitalize;
|
||
|
|
}
|
||
|
|
.forum .forum-titre a{
|
||
|
|
display:block;
|
||
|
|
color:#000;
|
||
|
|
}
|
||
|
|
.forum .forum-chapo{
|
||
|
|
color:#888888;
|
||
|
|
display:block;
|
||
|
|
font-size:10px;
|
||
|
|
}
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
/* Sous-navigation et autres menus */
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
|
||
|
|
/* Habillage general des menus de navigation */
|
||
|
|
|
||
|
|
.menu { clear:both;
|
||
|
|
margin: 0 0 25px;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
.menu .h2{
|
||
|
|
font-size: 26px;
|
||
|
|
color: #888;
|
||
|
|
margin: 0 0 8px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
font-weight: normal;
|
||
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
||
|
|
border-bottom: 2px solid #ddd;
|
||
|
|
}
|
||
|
|
#navigation .h2, #navigation #formulaire_recherche label,#navigation #formulaire_menu_lang label{
|
||
|
|
font-size: 26px;
|
||
|
|
color: #888;
|
||
|
|
margin: 0 0 8px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
font-weight: normal;
|
||
|
|
border-bottom: 2px solid #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
#navigation #formulaire_recherche input.text{
|
||
|
|
width:130px;
|
||
|
|
padding:1px;
|
||
|
|
}
|
||
|
|
#navigation #formulaire_recherche input.submit{
|
||
|
|
width:38px;
|
||
|
|
}
|
||
|
|
.menu .menu-liste {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu .menu-liste .menu-entree {
|
||
|
|
padding: 0 0 5px 0;
|
||
|
|
padding-left:15px;
|
||
|
|
margin: 5px 0;
|
||
|
|
border-bottom: 1px dotted #ddd;
|
||
|
|
background: url(./img/bluedot.png) no-repeat left 1px;
|
||
|
|
}
|
||
|
|
.menu .menu-liste .menu-entree .menu-liste { margin-left: 1em;}
|
||
|
|
.menu a {
|
||
|
|
color: #444;
|
||
|
|
}
|
||
|
|
#navigation .formulaire_recherche{margin-bottom:2em;}
|
||
|
|
|
||
|
|
/*
|
||
|
|
*/
|
||
|
|
/* Pagination */
|
||
|
|
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
|
||
|
|
.pagination .on { font-weight: bold; color: #666; }
|
||
|
|
|
||
|
|
/* Rubriques */
|
||
|
|
/*
|
||
|
|
.rubriques ul { border: 0; }
|
||
|
|
.rubriques ul li { background: #EEE; border: 0; }
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Listes d'articles et extraits introductifs */
|
||
|
|
.liste-items {margin:0 0 20px 0; padding: 0 0 20px 0; list-style: none; border-bottom:0;clear:both;}
|
||
|
|
.liste-items .item {list-style:none;overflow:hidden;overflow-y:auto;}
|
||
|
|
.liste-items .item {margin-top:2em}
|
||
|
|
.liste .item:first-child {margin-top:1em}
|
||
|
|
|
||
|
|
.liste .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
|
||
|
|
.liste .spip_logos { background:#FFF;border:1px solid #DDD }
|
||
|
|
.liste-items .item .h3 {
|
||
|
|
margin: 0;
|
||
|
|
margin-bottom:5px;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 30px;
|
||
|
|
line-height: 32px;
|
||
|
|
color: #1e82a6;
|
||
|
|
font-weight: normal;
|
||
|
|
/*clear: both;*/
|
||
|
|
/*float: left;
|
||
|
|
width: 70%;*/
|
||
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
||
|
|
}
|
||
|
|
.liste-items .item .h3 a {
|
||
|
|
color: #1e82a6;
|
||
|
|
}
|
||
|
|
.liste-items .item .info-publi {
|
||
|
|
/*clear: right;*/
|
||
|
|
text-align: right;
|
||
|
|
font-size: 11px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.liste-items .item .introduction {
|
||
|
|
/*clear: both;*/
|
||
|
|
width: 100%;
|
||
|
|
line-height: 24px;
|
||
|
|
font-size: 12px;
|
||
|
|
border-top: 2px solid #ddd;
|
||
|
|
margin: 4px 0 5px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.liste-items .item .meta-publi {
|
||
|
|
clear:right;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.liste-items .item .meta-publi .sep{position:absolute;top:-3000px;height: 1%; }
|
||
|
|
.liste-items .item .nb_commentaires{
|
||
|
|
float:right;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Couleurs des liens
|
||
|
|
---------------------------------------------- */
|
||
|
|
a, a.spip_in, a.spip_out,a.spip_note,a.spip_ancre,a.spip_url,a.spip_glossaire, a.spip_mail{
|
||
|
|
text-decoration: none;
|
||
|
|
outline: none;
|
||
|
|
color: #1e82a6;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:focus,a:hover,a:active {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
a.spip_out, a.spip_glossaire {
|
||
|
|
background:transparent url(img/link-out.gif) no-repeat scroll right center;
|
||
|
|
padding-right:12px;
|
||
|
|
}
|
||
|
|
a.spip_mail {
|
||
|
|
background:transparent url(img/link-mail.gif) no-repeat scroll right center;
|
||
|
|
padding-right:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
/* Habillage des formulaires */
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
input, select, textarea {
|
||
|
|
font-size: 100%;
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input.submit, input.text, select, textarea{
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-top: 1px solid #888;
|
||
|
|
border-left: 1px solid #888;
|
||
|
|
background: #eee;
|
||
|
|
}
|
||
|
|
#contenu input.submit, #contenu input.text, #contenu select, #contenu textarea {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
/* Structure generale des formulaires
|
||
|
|
----------------------------------------------- */
|
||
|
|
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
|
||
|
|
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
|
||
|
|
|
||
|
|
/* Fieldset */
|
||
|
|
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
|
||
|
|
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
||
|
|
.formulaire_spip fieldset fieldset { margin-top: 1em; }
|
||
|
|
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
|
||
|
|
|
||
|
|
/* Explications */
|
||
|
|
.formulaire_spip .explication { margin: 0.50em 0; }
|
||
|
|
|
||
|
|
/* Lignes */
|
||
|
|
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
|
||
|
|
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
|
||
|
|
|
||
|
|
/* Labels */
|
||
|
|
.formulaire_spip label { display: block; text-align: left; font-weight: bold; /* pour IE/Win */ position: relative; }
|
||
|
|
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
|
||
|
|
|
||
|
|
.formulaire_spip .choix label{display:inline;font-weight:normal;}
|
||
|
|
.formulaire_spip .choix input.radio,
|
||
|
|
.formulaire_spip .choix input.checkbox {width:auto;}
|
||
|
|
|
||
|
|
|
||
|
|
/* Champs de saisie */
|
||
|
|
.formulaire_spip input.text { width: 15em; border: 1px inset; }
|
||
|
|
.formulaire_spip textarea { width: 99%; border: 1px inset; }
|
||
|
|
.formulaire_spip select { width: 99%; }
|
||
|
|
|
||
|
|
/* Boutons */
|
||
|
|
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
|
||
|
|
.formulaire_spip .boutons input { margin-left: 1em; }
|
||
|
|
.formulaire_spip .boutons input, input.submit {
|
||
|
|
cursor: pointer;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-bottom: 1px solid #888;
|
||
|
|
border-right: 1px solid #888;
|
||
|
|
}
|
||
|
|
.formulaire_spip .boutons input:hover, input.submit:hover {
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-top: 1px solid #888;
|
||
|
|
border-left: 1px solid #888;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Reponses, previsu et erreurs
|
||
|
|
----------------------------------------------- */
|
||
|
|
|
||
|
|
/* Champs obligatoires */
|
||
|
|
.formulaire_spip li.obligatoire {}
|
||
|
|
.formulaire_spip li.obligatoire label {}
|
||
|
|
|
||
|
|
/* Previsualisation du message */
|
||
|
|
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
|
||
|
|
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
|
||
|
|
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
|
||
|
|
.formulaire_spip fieldset.previsu p { margin: 1em 0; }
|
||
|
|
|
||
|
|
/* Reponse du formulaire */
|
||
|
|
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
|
||
|
|
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
|
||
|
|
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
||
|
|
|
||
|
|
/* * Erreurs */
|
||
|
|
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
|
||
|
|
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
|
||
|
|
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }
|
||
|
|
|
||
|
|
/* * OK */
|
||
|
|
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Variantes et cas particuliers
|
||
|
|
----------------------------------------------- */
|
||
|
|
|
||
|
|
/* Barre de raccourcis typographiques */
|
||
|
|
table.spip_barre { width: 100%; }
|
||
|
|
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
|
||
|
|
table.spip_barre a:focus img,
|
||
|
|
table.spip_barre a:hover img,
|
||
|
|
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
|
||
|
|
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }
|
||
|
|
|
||
|
|
/* Formulaire de forum */
|
||
|
|
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
|
||
|
|
|
||
|
|
/* Selection des langues */
|
||
|
|
.formulaire_menu_lang { padding: 0; background: none; }
|
||
|
|
|
||
|
|
/* Formulaires de recherche (site / petitions) */
|
||
|
|
.formulaire_recherche { margin: 0; padding: 0; background: none; }
|
||
|
|
.formulaire_recherche * { display: inline; vertical-align: middle; }
|
||
|
|
.formulaire_recherche label {}
|
||
|
|
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
|
||
|
|
.formulaire_recherche input.submit {}
|
||
|
|
|
||
|
|
|
||
|
|
/* Choix des mots-clefs */
|
||
|
|
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
|
||
|
|
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
|
||
|
|
ul.choix_mots li label { display: inline; font-weight: normal; }
|
||
|
|
|
||
|
|
.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
|
||
|
|
|
||
|
|
/* Formulaire de login dans une page */
|
||
|
|
.formulaire_login ul li {clear:left;}
|
||
|
|
.formulaire_login .editer_password .details {display:block;}
|
||
|
|
.formulaire_login #spip_logo_auteur {float:right;}
|