214 lines
4.5 KiB
CSS
214 lines
4.5 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
|
|
- messages
|
|
- aides
|
|
- ...
|
|
*/
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
/**************************************************************************
|
|
* Messages
|
|
* (les messages affichés sur les pages pour indiquer le bon déroulement
|
|
* ou non d'une action)
|
|
**************************************************************************/
|
|
#_crans_main_message_place_holder {
|
|
height:0;
|
|
overflow:visible;
|
|
position:absolute;
|
|
top:100px;
|
|
width:100%;
|
|
}
|
|
|
|
.messageText {
|
|
padding:2px 10px;
|
|
display:block;
|
|
}
|
|
|
|
.message {
|
|
padding: 0;
|
|
background: #fad163;
|
|
width: 300px;
|
|
text-align: center;
|
|
margin : 1px auto 10px auto;
|
|
}
|
|
.errorMessage {
|
|
display:block;
|
|
background:white;
|
|
border:2px #cc0000 solid;
|
|
padding:5px;
|
|
text-align:center;
|
|
min-width:230px;
|
|
max-width:430px;
|
|
font-weight:bold;
|
|
margin : 1px auto 10px auto;
|
|
}
|
|
|
|
#_crans_main_message_chargement {
|
|
background:#cc0000;
|
|
position:fixed;
|
|
top:1px;
|
|
right:1px;
|
|
z-index:1000;
|
|
display:none;
|
|
padding:2px 3px;
|
|
color:white;
|
|
}
|
|
|
|
/**************************************************************************
|
|
* DIVERS
|
|
**************************************************************************/
|
|
|
|
|
|
/*<!-- MENU A GAUCHE -->*/
|
|
#leftMenu ul {
|
|
list-style-type: none;
|
|
/* disposition */
|
|
padding:0 25px;
|
|
}
|
|
|
|
#leftMenu h2 {
|
|
display:none;
|
|
}
|
|
|
|
div.visualClear {clear:both;}
|
|
|
|
|
|
.aide {
|
|
font-size:0.8em;
|
|
}
|
|
|
|
|
|
.crans_warning {
|
|
font-style: italic;
|
|
font-size: .8em;
|
|
border : thin black solid;
|
|
display: block;
|
|
width:80%;
|
|
padding:3px 5px 3px 30px;
|
|
margin:auto;
|
|
background: center left no-repeat url('/static/images/crans_mini_warning.png');
|
|
}
|
|
|
|
.crans_signature {
|
|
text-align: right;
|
|
display: block;
|
|
}
|