Fichier style.css du thème Fresh de FreeGlobes
/* caractéristiques globales du site => header.html */
<![CDATA[body {
font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
word-spacing:2px;
color:#444;
margin:20px;
background:url(images/body.jpg) top repeat-x #121212;
background-attachment:fixed;
}
* {
margin:0;
padding:0;
}
#wrapper {
background:#fff;
border:3px solid #ccc;
max-width:1200px;
min-width:760px;
margin:0 auto;
}
* html #wrapper
{
max-width:1200px;
min-width: 760px;
}
#innerwrapper {
margin:1px;
background:url(images/innerwrapper.jpg) top repeat-x;
padding:20px;
}]]>
/* en-tête => header.html */
<![CDATA[#header input {
width:150px;
padding:5px;
background:#fff;
border:2px solid #f6f6f6;
font:150% Arial;
color:#999;
}
#header input:hover {
border:2px solid #ccc;
}
#header input:focus {
border:2px solid #79B5D6;
color:#555;
}
#header form {
padding:27px 25px 20px 25px;
float:right;
background:#fff;
width:160px;
margin:-20px -20px 0 0 !important;
margin:-20px -10px 0 0;
border:none;
}
#header h1 {
float:left;
font:250% Georgia;
color:#333;
padding:5px 20px 5px 5px;
margin:0 20px 0 0;
}
#header h1 a {
color:#333;
text-decoration:none;
}
#header h1 a:hover {
color:#111;
}
#header h2 {
font:150% Georgia;
font-weight:normal;
color:#555;
padding:14px 0 0 0;
border:none;
}
#header h2 a {
text-decoration:none;
border-bottom:2px solid #f6f6f6;
}]]>
/* navigation horizontale => header.html */
<![CDATA[#header #nav {
clear:both;
background:url(images/nav.jpg) top repeat-x #4F9EC9;
border-bottom:2px solid #4F9EC9;
border-top:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
padding:10px 10px 10px 0 !important;
padding:4px 10px 10px 0;
}
#header a em {
font-style:normal;
text-decoration:underline;
}
#header #nav a {
font:120% Arial;
text-decoration:none;
font-weight: bold;
padding:8px;
}
#header #nav a:hover {
background:#4F9EC9;
}
#header #nav a.active {
background:#4F9EC9;
}
#header #nav li {
display:inline;
list-style:none;
margin:0 1px 0 0;
}]]>
/* 2e menu navigation => header.html */
<![CDATA[#header #subnav {
background:#4F9EC9;
padding:5px 7px 7px 7px;
font:90% Verdana;
color:#DEEDF5;
border-bottom:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
}
#header #subnav li {
list-style:none;
display:inline;
}
#header #subnav a {
color:#DEEDF5;
text-decoration:none;
font:100% Verdana;
padding:5px;
border-bottom:2px solid #4F9EC9;
}
#header #subnav a:hover {
border-bottom:2px solid #388CBA;
}
#header #subnav a.active {
border-bottom:2px solid #388CBA;
}]]>
/* colonne latérale gauche => header.html */
<![CDATA[#sidebar {
width:170px;
padding:10px 0px 0px 20px;
float:left;
color:#666;
}
#sidebar h2 {
font:160% Arial;
color:#333;
margin:10px 0 10px 0;
border:none;
}
#sidebar h3 {
color:#999;
font:100% Verdana;
font-weight:bold;
letter-spacing:1px;
margin:0 0 -10px 0;
}
#sidebar p {
margin:15px 0;
}
#sidebar p.news {
background:#fefefe;
}
#sidebar p.news a.more {
display:block;
text-align:right;
font:80% Verdana;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
padding:10px 0;
}
#sidebar p.news a:hover {
color:#666;
}
#sidebar .subnav {
border-top:1px solid #fafafa;
}
#sidebar .subnav li {
list-style:none;
border-bottom:1px solid #fafafa;
}
#sidebar .subnav li a {
color:#666;
text-decoration:none;
display:block;
}
#sidebar .subnav li a:hover {
color:#666;
}
#sidebar .subnav li a b {
float:right;
display:none;
color:#666;
}
#sidebar .subnav li a:hover b {
display:inline;
}
#sidebar input {
padding:2px;
background:#f6f6f6;
border:1px solid #ccc;
color:#666;
font:90% Verdana;
}]]>
/* colonne latérale droite => header.html */
<![CDATA[#sidebarright {
width:170px;
float:right;
padding:10px 0 0 20px;
background:url(images/sidebarright.jpg) top left no-repeat;
}
#sidebarright p {
font:90% Verdana;
color:#777;
line-height:20px;
margin:10px 0;
}
#sidebarright h2 {
font:160% Arial;
color:#333;
margin:10px 0;
border:none;
}
#sidebarright ul {
margin:10px 0 10px 15px;
font:90% Verdana;
}
#sidebarright ul li {
margin:5px 0;
}
#sidebarright a {
border-bottom:1px dotted #eee;
color:#444;
text-decoration:none;
}
#sidebarright a:hover {
border-bottom:1px dashed #ccc;
}]]>
/* contenu du site => header.html */
<![CDATA[#content {
margin:0 200px 0 200px;
padding:20px 0 0 20px;
}]]>
/* remplace #content si vous supprimez la colonne latérale droite*/
<![CDATA[#contentnorightbar {
margin:0 0 0 240px;
padding:20px 0 0 20px;
}]]>
/* éléments généraux */
<![CDATA[p {
margin:15px 0;
line-height:22px;
}
h2 {
font:160% Arial;
color:#79B933;
border-bottom:2px solid #f6f6f6;
}
h2 a {
color:#79B933;
text-decoration:none;
}
h2 a:hover {
color:#5F9128;
}
h4 {
font-family: Arial;
font-weight: bold;
color:#79B933;
}
h4 a {
color:#79B933;
text-decoration:none;
}
h4 a:hover {
color:#5F9128;
}]]>
/* pied de page => footer.html */
<![CDATA[#footer {
clear:both;
border-top:1px solid #eee;
padding:10px;
margin:30px 0 0;
}]]>
/* liens généraux */
<![CDATA[a {
color:#222;
}
a:hover {
text-decoration:none;
}]]>
/* éléments généraux */
<![CDATA[h3 {
font:140% "Trebuchet MS";
margin:10px 0;
}]]>
/* listes du contenu du site */
<![CDATA[#content ul {
margin-bottom: 3px;
color:#333;
}
#content ul span {
color:#444;
}]]>
/* listes du contenu du site sans colonne latérale droite */
<![CDATA[#contentnorightbar ul {
margin:15px 0 15px 20px;
line-height:25px;
padding:15px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
color:#79B933;
}
#contentnorightbar ul span {
color:#444;
}]]>
/* éléments généraux */
<![CDATA[img {
padding:1px;
border: 0px;
}
form {
padding:10px;
border:1px dotted #ccc;
}
label {
display:block;
font-weight:bold;
color:#444;
margin:5px 0;
}
input {
padding: 2px;
margin: 2px;
border :1px dotted #ccc;
font:90% Verdana;
color:#666;
}
textarea {
padding:4px;
font:90% Verdana;
border:1px solid #eee;
height:200px;
display:block;
color:#777;
}
p img {
float:left;
margin:0 10px 0 0;
}
blockquote p {
font:160% Georgia;
color:#aaa;
padding:0 10% 0 0;
line-height:30px;
}]]>
/* AutoCompletion CSS */
<![CDATA[#autocompletion {
border: 1px solid #999;
background: #fafafa;
text-align: left;
}
#autocompletion ul {
margin: 0;
padding: 0;
list-style: none;
}
#autocompletion li {
}
#autocompletion a {
display: block;
padding: .2em .3em;
text-decoration: none;
color: #333;
}
.selected {
background: #CCC;
}]]>
/* flux RSS des fiches des sites => feed.html */
<![CDATA[#feed {
color: #0098EF;
font-weight: bold;
}]]>
/* vote => sites.html et single.html */
<![CDATA[.vote a{
color: #119FF0;
font-size: 28px;
font-weight: bold;
}
.votetable {
background: white;
width : 70px;
height: 92px;
margin-right: 5px;
}
/*ajout resux*/
.votelargeur {width: 80px;}]]>
/* liste des catégories en page d'accueil => categories-alternate.html */
<![CDATA[a.cat_display {
text-decoration: none;
font-weight: bold;
font-size: 12px;
color:#8CC739;
}
a.subcat_display {
text-decoration: none;
font-size: 10px;
border-bottom : 1px dotted #CCC;
}]]>
/* classe des liens sur les fiches des sites => sites.html*/
<![CDATA[.lien {
text-align: justify;
}
.lien a, .lien a:hover {
font-size: 12px;
color: #8CC739;
text-decoration: underline;
font-weight: bold;
}
.lien span {
color: #F7560F;
}]]>
/* fil d'ariane => sites.html et partout où vous affichez ce chemin */
<![CDATA[.ariane {
color: #A9A9A9;
}
.ariane a {
color: #A9A9A9;
text-decoration: underline;
font-weight: normal;
font-size: 11px;
}
.ariane a:hover {
color: #A9A9A9;
text-decoration: none;
font-weight: normal;
font-size: 11px;
}]]>
/* tables des sites et du boost site */
<![CDATA[.sitetable {
background: #F7F7F7;
width: 100%;
border: 1px dashed #CCC;
vertical-align : top;
}
.sitetd {
border: 1px solid #CCC;
}]]>
/* avertissement */
<![CDATA[.warning {
background: #CFEBF7 url(images/notice.png) no-repeat 1em ;
border: 2px solid #000;
text-align: center;
padding: 10px;
font-family: tahoma, verdana;
font-weight: bold;
max-width: 780px;
}]]>
/* Onglets fiches site => single.html */
<![CDATA[#container {
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
#container hr {
clear: both;
border: 1px solid #CCC;
margin-top: 10px;
}
#container ul#menu {
font-weight: bold;
}
#container ul#menu li {
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
display: inline;
margin: 5px;
}
#container ul#menu li a {
text-decoration: none;
}
#container ul#menu li a:hover {
text-decoration: underline;
color: #333333;
}
#container h1,
#container h2 {
margin: 0.5em 0 0.5em 0;
font-size: 1.4em;
}
#container .content {
border: 1px solid #d5d5d5;
padding: 10px;
}
#container a.current {
padding: 3px 7px;
border: 1px solid #d5d5d5;
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}
#container a.ghost {
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #d5d5d5;
color: #333333;
background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
display: block;
}
#container .off {
display: none;
}
]]>