198 lines
No EOL
4 KiB
CSS
198 lines
No EOL
4 KiB
CSS
/*************************************************************
|
|
..
|
|
.... ............ ........
|
|
. ....... . .... ..
|
|
. ... .. .. .. .. ..... . ..
|
|
.. .. ....@@@. .. . ........ .
|
|
.. . .. ..@.@@..@@. .@@@@@@@ @@@@@@. ....
|
|
.@@@@. .@@@@. .@@@@..@@.@@..@@@..@@@..@@@@.... ....
|
|
@@@@... .@@@.. @@ @@ .@..@@..@@...@@@. .@@@@@. ..
|
|
.@@@.. . @@@. @@.@@..@@.@@..@@@ @@ .@@@@@@.. .....
|
|
...@@@.... @@@ .@@.......... ........ ..... ..
|
|
. ..@@@@.. . .@@@@. .. ....... . .............
|
|
. .. .... .. .. . ... ....
|
|
. . .... ............. .. ...
|
|
.. .. ... ........ ... ...
|
|
................................
|
|
|
|
==============================================================
|
|
mainInterface.css - Intranet Style
|
|
|
|
STYLE GLOBAL ET MISE EN PAGE DES ELEMENTS COMMUNS
|
|
|
|
|
|
Copyright (c) 2006 by www.crans.org
|
|
|
|
**************************************************************/
|
|
|
|
/* STYLE GLOBAL
|
|
- body
|
|
- liens
|
|
- titres
|
|
- images
|
|
- ...
|
|
*/
|
|
|
|
body
|
|
{
|
|
background:white;
|
|
padding:150px 5px 5px 5px;
|
|
margin:0;
|
|
}
|
|
|
|
a, a:hover, a:visited {color:blue;}
|
|
|
|
h1#pageTitle {
|
|
border:5px solid #e2e2e2; /* #acc0ff */
|
|
background-color:#f2f2f2;
|
|
width:100%;
|
|
margin:0;
|
|
}
|
|
|
|
img {
|
|
border:none;
|
|
}
|
|
|
|
|
|
div#pageContent {
|
|
padding:0;
|
|
margin:10px;
|
|
}
|
|
|
|
/**************************************************************************/
|
|
|
|
|
|
/* LE HAUT DES PAGES
|
|
- le logo a gauche
|
|
- petit menu a droite
|
|
*/
|
|
|
|
div#topContent {
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height:150px;
|
|
padding:0;
|
|
}
|
|
|
|
img#main_topContentLogo {
|
|
height:100%;
|
|
}
|
|
/*<!-- MENU EN HAUT -->*/
|
|
|
|
ul#main_topContentMenu {
|
|
/* Position */
|
|
z-index:2;
|
|
position:absolute;
|
|
right:0px;
|
|
top:0px;
|
|
/* taille */
|
|
height:30px;
|
|
float:right;
|
|
/* disposition */
|
|
padding:0;
|
|
margin:0;
|
|
background:transparent;
|
|
/* suppression des puces de liste */
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul#main_topContentMenu li {
|
|
float:left;
|
|
padding:0 10px;
|
|
border-right:1px black solid;
|
|
}
|
|
ul#main_topContentMenu li.last {
|
|
border-right-style:none;
|
|
}
|
|
|
|
ul#main_topContentMenu hr, div#topMenu h1 {
|
|
display:none;
|
|
}
|
|
|
|
/**************************************************************************
|
|
* LE BAS DES PAGES
|
|
**************************************************************************/
|
|
/*<!-- footer -->*/
|
|
|
|
#mainFooter {
|
|
text-align:center;
|
|
color:gray;
|
|
font-size:small;
|
|
}
|
|
#mainFooter a {
|
|
color:gray;
|
|
margin:5px;
|
|
}
|
|
|
|
/**************************************************************************
|
|
* DIVERS
|
|
**************************************************************************/
|
|
|
|
|
|
/*<!-- MENU A GAUCHE -->*/
|
|
#leftMenu ul {
|
|
list-style-type: none;
|
|
/* disposition */
|
|
padding:0 25px;
|
|
}
|
|
|
|
#leftMenu h2 {
|
|
display:none;
|
|
}
|
|
|
|
|
|
div.visualClear {clear:both;}
|
|
|
|
div.framed_gray {
|
|
border:5px solid #e2e2e2; /* #acc0ff */
|
|
background-color:#f2f2f2;
|
|
padding:10px;
|
|
}
|
|
|
|
div.framed_gray fieldset {
|
|
border-width:2px;
|
|
border-style:solid none none none;
|
|
border-color:#a2a2a2;
|
|
padding:10px;
|
|
margin:10px 10px;
|
|
}
|
|
|
|
div.framed_gray fieldset legend {
|
|
color:#a2a2a2;
|
|
}
|
|
|
|
div.framed_gray fieldset ul {
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
div.framed_gray fieldset ul li {
|
|
float:left;
|
|
height:70px;
|
|
width:100px;
|
|
margin:5px;
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
|
|
div.framed_gray fieldset ul li span {
|
|
margin-bottom:0;
|
|
display:block;
|
|
}
|
|
div.framed_gray fieldset ul a {
|
|
color:black;
|
|
text-decoration:none;
|
|
}
|
|
|
|
div.framed_gray fieldset ul li img {
|
|
margin:2px auto;
|
|
width:32px;
|
|
height:32px;
|
|
}
|
|
|
|
.aide {
|
|
font-size:0.8em;
|
|
} |