Différence entre les versions 44 et version actuelle
Modifié(e) :
< background-color: #8a9f98;
< color: white;
à
> background-color: white;
> color: #6d8588;
Modifié(e) :
< border: solid 1px red;
à
> margin-bottom: 50px;
Ajouté(e) :
> /* on supprime la gotobar dans le header */
> .header .gotobar.bar {
> display: none;
> }
Modifié(e) :
< border: solid 1px white;
à
> border: dashed 1px #a6b6b1;
Modifié(e) :
< -moz-opacity: 0.60; filter: alpha(opacity=60);
< opacity: 0.60;
< padding-top: 0px;
à
> -moz-opacity: 0.75; filter: alpha(opacity=75);
> opacity: 0.75;
> padding: 10px;
Ajouté(e) :
> margin-right: 50px;
Modifié(e) :
< #text, #summary {
< border: dashed 1px white;
à
> #text, #aftertext, #summary {
> border: dashed 1px #a6b6b1;
Modifié(e) :
< background-color: #8a9f98;
< color: white;
à
> background-color: white;
> color:#728c8f;
/*
Appliquer: [1]
Retour au style par défaut: [2]
*/
@media screen { body { margin: 0; padding: 0; background-color: white; color: #6d8588; font-family: sans-serif; } div.header { position: relative; margin-left: 200px; } div.header h1 { left: 180px; width: 800px; font-size: 30px; } div.wrapper h1,h2 { font-size: 26px; } div.wrapper h3,h4 { font-size: 22px; } div.wrapper { margin-left: 200px; padding: 0; } div.footer { margin-left: 200px; margin-bottom: 50px; padding: 0; } /* on supprime la gotobar dans le header */ .header .gotobar.bar { display: none; }
/* le menu des liens est extrait du footer et positionné de façon */ /* absolue */ .footer .gotobar.bar { position: absolute; top: 80px; left: 80px; border: dashed 1px white; width: 48px; height: 0px; padding-top: 48px; background-image: url("/css/icon1.png"); background-position: 0% 0%; background-repeat: no-repeat; overflow: hidden; z-index: 5; }
.footer .edit.bar.bar { position: absolute; top: 160px; left: 80px; padding-top: 50px; border: dashed 1px white; width: 48px; height: 0px; padding-top: 48px; background-image: url("/css/icon2.png"); background-position: 0% 0%; background-repeat: no-repeat; overflow: hidden; z-index: 5; } .footer .edit.bar.bar:hover, .footer .gotobar.bar:hover { border: dashed 1px #a6b6b1; background-color: white; background-image: none; -moz-opacity: 0.75; filter: alpha(opacity=75); opacity: 0.75; padding: 10px; color: #8a9f98; width: auto; height: auto; z-index: 10; }
/* les éléments des header/footer sont alignés de haut en bas comme */ /* une liste, mais sans puces */ .footer .edit.bar a, .footer .gotobar.bar a { display: list-item; list-style-type: none; margin: 10px 0 10px 0; text-decoration: none; } .header .gotobar.bar a:hover, .footer .edit.bar a:hover { text-decoration: underline; } .footer .time { display: block; font-size: 75%; } a { text-decoration:none; font-weight:bold; color:#fff; } .footer .gotobar.bar a, .footer .edit.bar.bar a { text-decoration:none; font-weight:bold; color:#8a9f98; } a:hover { text-decoration: underline; } a:visited { color:#ddd; } div.content.browse { /* border: dashed 1px white; */ margin-right: 50px; }
#text, #aftertext, #summary { border: dashed 1px #a6b6b1; padding: 15px; background-color: white; color:#728c8f; } }