103 lines
3.1 KiB
CSS
103 lines
3.1 KiB
CSS
/*************************************************************
|
|
..
|
|
.... ............ ........
|
|
. ....... . .... ..
|
|
. ... .. .. .. .. ..... . ..
|
|
.. .. ....@@@. .. . ........ .
|
|
.. . .. ..@.@@..@@. .@@@@@@@ @@@@@@. ....
|
|
.@@@@. .@@@@. .@@@@..@@.@@..@@@..@@@..@@@@.... ....
|
|
@@@@... .@@@.. @@ @@ .@..@@..@@...@@@. .@@@@@. ..
|
|
.@@@.. . @@@. @@.@@..@@.@@..@@@ @@ .@@@@@@.. .....
|
|
...@@@.... @@@ .@@.......... ........ ..... ..
|
|
. ..@@@@.. . .@@@@. .. ....... . .............
|
|
. .. .... .. .. . ... ....
|
|
. . .... ............. .. ...
|
|
.. .. ... ........ ... ...
|
|
................................
|
|
|
|
==============================================================
|
|
boxes.css - MoinMoin Style
|
|
|
|
Style pour les elements {{{#!box ...}}}
|
|
|
|
Copyright (c) 2006 by www.crans.org
|
|
|
|
**************************************************************/
|
|
/* les boites */
|
|
|
|
/* Show only to IE PC \*/
|
|
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
|
|
|
|
|
|
.sidebox {
|
|
margin: 0 auto; /* center for now */
|
|
padding:0;
|
|
font-size: 100%;
|
|
float:left;
|
|
max-width:600px;
|
|
}
|
|
.boxhead {
|
|
background: url(sbhead-l-orange.png) no-repeat top left;
|
|
margin: 0;
|
|
padding: 0 0 0 35px;
|
|
text-align: center;
|
|
}
|
|
.boxhead h3 {
|
|
background:transparent url(sbhead-r-orange.png) no-repeat top right;
|
|
border:none;
|
|
margin: 0;
|
|
padding: 22px 55px 5px 5px;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
line-height: 1em;
|
|
|
|
/* Safari-only, but cool */
|
|
text-shadow: black 0px 2px 5px ;/* valeur originale non valide : rgba(0,0,0,.4) 0px 2px 5px;*/
|
|
|
|
overflow:hidden;
|
|
}
|
|
|
|
.boxbody1 {
|
|
background: url(sbbody-l.png) no-repeat bottom left;
|
|
padding: 0 0 0 42px;
|
|
}
|
|
.boxbody2 {
|
|
background: transparent url(sbbody-r.png) no-repeat bottom right;
|
|
margin: 0;
|
|
padding: 5px 50px 47px 0;
|
|
color:black;
|
|
|
|
}
|
|
|
|
.orange_box .boxhead {background-image: url(sbhead-l-orange.png);}
|
|
.orange_box .boxhead h4 {background-image: url(sbhead-r-orange.png);}
|
|
|
|
.blue_box .boxhead {background-image: url(sbhead-l-blue.png);}
|
|
.blue_box .boxhead h3 {background-image: url(sbhead-r-blue.png);}
|
|
|
|
|
|
.black_box .boxhead {background-image: url(sbhead-l-black.png);}
|
|
.black_box .boxhead h3 {background-image: url(sbhead-r-black.png);}
|
|
|
|
|
|
.green_box .boxhead {background-image: url(sbhead-l-green.png);}
|
|
.green_box .boxhead h3 {background-image: url(sbhead-r-green.png);}
|
|
|
|
|
|
.red_box .boxhead {background-image: url(sbhead-l-red.png);}
|
|
.red_box .boxhead h3 {background-image: url(sbhead-r-red.png);}
|
|
|
|
|
|
.gray_box .boxhead {background-image: url(sbhead-l-gray.png);}
|
|
.gray_box .boxhead h3 {background-image: url(sbhead-r-gray.png);}
|
|
|
|
/* on est oblige de mettre des clear aux titres pour respecter une certaine cohérence */
|
|
|
|
h2, h3, h4, h5, hr {clear:left;}
|
|
|
|
hr { width:100%; }
|
|
|
|
.visualclear, #bottom, #bottom_preview {
|
|
clear:both;
|
|
}
|