New file |
0,0 → 1,920 |
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */ |
select { |
background: #FFF; |
} |
/** Add css rules here for your application. */ |
body,html { |
height: 100%; |
} |
|
body div { |
font-family:arial; |
} |
|
/** Example rules used by the template application (remove for your app) */ |
h1 { |
font-size: 2em; |
font-weight: bold; |
color: #777777; |
margin: 0; |
text-align: center; |
} |
|
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/ |
.sendButton { |
display: block; |
font-size: 16pt; |
} |
|
/** Most GWT widgets already have a style name defined */ |
.gwt-DialogBox { |
width: 400px; |
} |
|
.dialogVPanel { |
margin: 5px; |
} |
|
.serverResponseLabelError { |
color: red; |
} |
|
/** Erreur dans un formulaire de type texte **/ |
.erreurFormTexte, .erreurFormTexte input { |
background-color: red !important; |
} |
|
/** Set ids using widget.getElement().setId("idOfElement") */ |
#closeButton { |
margin: 15px 6px 6px; |
} |
|
#zoneTitre { |
width:45%; |
margin-top:13px; |
} |
#zoneLiens { |
clear:both; |
} |
#zoneTitre h1 { |
font-size:72px; |
} |
|
|
.titre2 { |
color: #FD8C13; |
font-size: 13px; |
margin: 20px 0 10px; |
padding: 0 0 0 25px; |
text-transform: none; |
font-weight: bold; |
background: url(./img/troisCarre.png) no-repeat 0 8px; |
} |
|
.boutonPlus { |
border: none; |
color: rgba(0, 0, 0, 0); |
background: url("./img/zoom_in.png"); |
width: 16px; |
height: 16px; |
cursor: pointer; |
} |
|
.boutonMoins { |
border: none; |
color: rgba(0, 0, 0, 0); |
background: url("./img/zoom_out.png"); |
width: 16px; |
height: 16px; |
cursor: pointer; |
} |
.lienRetour { |
display:inline-block; |
} |
.lienRetour a { |
border: 1px solid #99C242 !important; |
border-radius: 10px; |
box-shadow: 1px 2px 2px #AAAAAA; |
padding: 5px 5px 5px 23px; |
background: url("./img/16x16/retour.png") no-repeat 5px 5px; |
color: #598000; |
cursor: pointer; |
font-weight: bold; |
text-decoration: none; |
} |
.lienRetour a:hover { |
color:white !important; |
background-color:#8EB533; |
background: #8EB533 url("./img/16x16/retour_actif.png") no-repeat 3px 3px; |
} |
|
#navigation { |
} |
|
#navigation>div>div { |
} |
|
#navigation>div>div:hover { |
} |
|
#navigation a { |
} |
|
#main { |
width:1000px; |
margin:0 auto; |
} |
|
#contenu a { |
border-bottom: 1px dotted #95AE5D; |
color: #598000; |
} |
|
#contenu a:hover { |
border-bottom: 1px dotted #95AE5D; |
color: #FD8C13; |
} |
|
.labelLien { |
border-bottom: 1px dotted #95AE5D; |
line-height: 18px; |
color: #598000; |
cursor:pointer; |
} |
.labelLien:hover { |
border-bottom: 1px dotted #95AE5D; |
color: #FD8C13; |
} |
|
.lien { |
color: blue; |
text-decoration: underline; |
cursor: pointer |
} |
|
.titre { |
color: #FD8C13; |
font-size: 15px; |
margin: 20px 0 10px; |
padding: 0 0 0 25px; |
text-transform: uppercase; |
font-weight: bold; |
background: url(./img/troisCarre.png) no-repeat 0 8px; |
} |
|
.titre3 { |
color: #FD8C13; |
font-size: 15px; |
margin: 20px 0 10px; |
font-weight: bold; |
} |
|
.titre-minuscule { |
color: #FD8C13; |
font-size: 15px; |
margin: 20px 0 10px; |
padding: 0 0 0 25px; |
font-weight: bold; |
background: url(./img/troisCarre.png) no-repeat 0 8px; |
} |
|
.sousTitre { |
font-size: 15px; |
font-weight: bold |
} |
|
.petit { |
font-size: 11px; |
color: #888 |
} |
|
.gris { |
color: #888 |
} |
|
.gras { |
font-weight: bold |
} |
|
.plein { |
width: 100%; |
} |
|
.tiers { |
width: 30% |
} |
|
.quart { |
width: 25%; |
} |
|
.actif { |
background: #8EB533 |
} |
|
.inactif { |
background: white |
} |
|
.gauche { |
float: left |
} |
|
.droite { |
float: right |
} |
|
.nettoyage { |
clear: both |
} |
hr.nettoyage { |
width:0; |
height:0; |
border:none; |
} |
hr { |
border: none; |
border-bottom: solid 1px #DDD; |
border-top: solid 1px #AAA |
} |
|
.gwt-SuggestBoxPopup { |
z-index: 10000 |
} |
|
.fenetreDefilante { |
position: fixed; |
margin: auto |
} |
|
.overlay { |
background-color: #777; |
cursor: pointer; |
display: block; |
opacity: 0.7; |
left: 0; |
top: 0; |
position: fixed; |
width: 100%; |
z-index: 1100; |
height: 100% |
} |
|
.overlayContenu { |
cursor: pointer; |
display: block; |
opacity: 1; |
left: 0; |
top: 0; |
position: fixed; |
width: 100%; |
z-index: 1200; |
height: 100% |
} |
|
.fermerOverlay { |
z-index: 1210; |
position: fixed; |
width: 30px; |
height: 30px; |
background: url(./img/close.png) no-repeat 5px 0; |
border: none; |
color: white; |
font-weight: bold; |
cursor: pointer; |
border: 1px dotted #95AE5D; |
border-width: 0 0 1px 0; |
padding-right: 30px |
} |
|
.precedentOverlay:hover { |
opacity: 1; |
} |
|
.precedentOverlay { |
display: block; |
z-index: 1210; |
position: fixed; |
width: 30px; |
height: 40px; |
background: url(./img/precedent_overlay.png) no-repeat 50px 170px; |
border: none; |
color: white; |
font-weight: bold; |
cursor: pointer; |
margin-top: -170px; |
padding-bottom: 200px; |
padding-left: 200px; |
padding-top: 200px; |
opacity: 0; |
} |
|
.suivantOverlay:hover { |
opacity: 1; |
} |
|
.suivantOverlay { |
display: block; |
z-index: 1210; |
position: fixed; |
width: 30px; |
height: 40px; |
background: url(./img/suivant_overlay.png) no-repeat 90px 170px; |
border: none; |
color: white; |
font-weight: bold; |
cursor: pointer; |
margin-top: -170px; |
padding-bottom: 200px; |
padding-right: 200px; |
padding-top: 200px; |
opacity: 0; |
margin-left: -150px; |
} |
|
.acceder-outil { |
background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12; |
text-decoration: none; |
border: medium none; |
border-radius: 10px 10px 10px 10px; |
color: #6C6865; |
font-size: 14px; |
padding: 4px 10px 4px 30px; |
cursor: pointer; |
display: inline-block; |
} |
|
.acceder-outil:hover { |
color: #FD8C13; |
} |
|
#contenu a.acceder-aide { |
color:white; |
} |
.acceder-aide { |
background: none repeat scroll 0 0 #3d5fbf; |
border: medium none; |
border-radius: 10px 10px 10px 10px; |
color: white; |
cursor: pointer; |
display: inline-block; |
font-size: 14px; |
padding: 4px 10px; |
text-decoration: none; |
} |
|
.acceder-aide:hover { |
border-bottom: 1px dotted #95AE5D; |
color: #FD8C13; |
} |
|
.colonne { |
float: left; |
} |
|
.ligne { |
clear: left; |
} |
|
.ombre-forte { |
box-shadow: 2px 2px 2px #666; |
-moz-box-shadow: 2px 2px 2px #666; |
-webkit-box-shadow: 2px 2px 2px #666; |
} |
|
.ombre-faible { |
box-shadow: 2px 2px 2px #DDD; |
-moz-box-shadow: 2px 2px 2px #DDD; |
-webkit-box-shadow: 2px 2px 2px #DDD; |
} |
|
.limiteMin { |
min-width:870px; |
} |
|
.limiteMax { |
max-width:1150px; |
margin:0 auto; |
} |
.limiteMaxResultat { |
max-width:1000px; |
margin:0 auto; |
} |
|
.arrondi { |
border-radius:10px; |
-moz-border-radius:10px; |
-webkit-border-radius:10px; |
} |
|
.arrondi-faible { |
border-radius:3px; |
-moz-border-radius:3px; |
-webkit-border-radius:3px; |
} |
|
.bouton { |
background: none repeat scroll 0 0 white; |
border: 1px solid #99C242; |
border-radius: 10px 10px 10px 10px; |
box-shadow: 1px 2px 2px #AAAAAA; |
color: #598000; |
cursor: pointer; |
font-size: 0.9em; |
font-weight: bold; |
padding: 5px; |
} |
|
.bouton:hover { |
background:#8EB533; |
color:#FFF; |
} |
|
.bouton-petit { |
background: none repeat scroll 0 0 white; |
border: 1px solid #99C242; |
box-shadow: 1px 2px 2px #AAAAAA; |
color: #598000; |
cursor: pointer; |
font-size: 11px; |
font-weight: bold; |
padding: 1px; |
width:100px; |
margin:0 5px; |
} |
|
.bouton-petit:hover { |
background:#8EB533; |
color:#FFF; |
} |
|
.votePrisEnCompteOui { |
background:#8EB533; |
position:absolute; |
font-size:11px; |
padding:5px; |
margin-top:-30px; |
border-radius:10px; |
} |
|
.votePrisEnCompteNon, .voteSupprime { |
background:#f06a6a; |
position:absolute; |
font-size:11px; |
padding:5px; |
margin-top:-30px; |
border-radius:10px; |
} |
|
.boutonVoteOuiDesactive { |
background-image: url("img/pouce_haut_desactive.png") !important; |
color:#999999; |
cursor: default !important; |
} |
|
.boutonVoteNonDesactive { |
background-image: url("img/pouce_bas_desactive.png") !important; |
color:#999999; |
cursor: default !important; |
} |
|
.chapeau { |
color: #6C6865; |
font-family: arial; |
font-size: 13px; |
font-weight: bold; |
letter-spacing: 0; |
line-height: 18px; |
text-transform: none; |
font-style:italic; |
} |
|
.enfant { |
background:#EEE; |
margin-left:20px; |
clear:both; |
border-left:solid 1px; |
padding-left:5px; |
border-color:#DDD |
} |
|
.image_determinee { |
/*background: #333;*/ |
} |
|
.image_non_determinee { |
background: #CF1313 !important; |
} |
.suiteImages { |
background:url(./img/suiteImages.png) 3px 0 no-repeat; |
cursor:pointer; |
color:rgba(0, 0, 0, 0) |
} |
|
.propositionRetenue { |
background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee; |
border: 1px dotted green; |
margin-bottom: 5px; |
padding: 10px; |
width: 550px; |
} |
|
.propositionRetenuePetit { |
background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee; |
background-size: 20px 20px; |
height: 23px; |
width: 372px; |
padding: 0; |
margin: 0; |
} |
|
.propostionRetenue .nomTaxonProposition { |
font-weight: bold; |
} |
|
.boutonValiderTaxon { |
position: absolute; |
margin-left: -3px; |
margin-top: 15px; |
padding: 3px 5px 0px; |
font-size: 1.3em; |
} |
|
.conteneurIntermediaireProposition { |
display: table; |
width: 95%; |
} |
|
.boutonValider img { |
cursor: pointer; |
} |
|
.propositionValidable { |
margin-left: 35px; |
} |
|
.indicationPropositionInitiale { |
font-weight : bold; |
} |
|
.etoiles { |
height: 26px; |
margin-left: 38px; |
margin-top: -2px; |
width: 26px; |
} |
|
.etoiles_0 { |
background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px, |
} |
.etoiles_1 { |
background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px, |
} |
.etoiles_2 { |
background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px, |
} |
.etoiles_3 { |
background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px; |
} |
.etoiles_4 { |
background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px; |
} |
.etoiles_5 { |
background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px; |
} |
|
.boutonOK { |
background:url("./img/tick.png") no-repeat; |
width:15px; |
height:15px; |
display:block; |
margin-top:2px; |
border:none; |
cursor:pointer; |
} |
|
.enligne { |
display:inline; |
} |
|
.aide { |
background:url(./img/information.png) no-repeat; |
padding-left:20px; |
} |
|
.lienListe { |
background:url('./img/traitTela.jpg') no-repeat 0 0px; |
cursor:pointer; |
padding-left:31px; |
padding-bottom:5px; |
padding-top:2px; |
border:none; |
} |
|
.nombreVotes { |
background:url('./img/user.png') no-repeat; |
cursor: pointer; |
} |
|
.notesVotes { |
width: 196px; |
margin-top: 3px; |
/*border: solid white 1px;*/ |
} |
/*.notesVotes td { |
border: solid white 1px; |
}*/ |
.notesVotes td.image { |
text-align: left; |
} |
.notesVotes td.barre { |
width: 135px; |
} |
.notesVotes td.votants { |
width: 30px; |
} |
.notesVotes .avancement { |
height: 5px; |
background-color: #d0d0d0; |
} |
|
img.etoile { |
width: 16px; |
} |
|
.chiffreDroite { |
float: right; |
margin-right: 10px; |
} |
|
#contenu .lienRss a{ |
padding-right:20px; |
background:url('./img/rss.png') no-repeat right center; |
cursor:pointer; |
padding-bottom:1px; |
border:none; |
} |
|
.invisible { |
visibility:hidden; |
} |
|
.motCleCel { |
display: inline-block; |
margin-right: 3px; |
border: 1px solid grey; |
background-color: #B1BEBE; |
padding-left: 2px; |
padding-right: 2px; |
line-height: 20px; |
border-radius: 5px; |
opacity:1; |
color: black; |
} |
|
div.motClePictoCoche { |
background-color: #96B944; |
} |
|
div.motclesPicto > div > span > input[type="checkbox"] { |
opacity:0; |
} |
|
span.texteMotClePicto label { |
cursor: pointer; |
} |
|
|
/** FROM TELA */ |
.importance1 { |
margin:10px 0px 25px 0px; |
background-color:#eaedcd; |
padding:8px; |
font-family:arial; |
font-size:11px; |
color:#3a3633; |
border-radius:10px; |
-moz-border-radius:10px; |
-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555; |
-moz-box-shadow:2px 2px 5px #aaa; |
-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
} |
|
.traitTela li { |
background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent; |
font-family: arial; |
font-size: 12px; |
font-weight: bold; |
color:#777; |
list-style: none outside none; |
padding: 10px 0 0 30px; |
} |
.connect { |
width:130px; |
margin:0; |
padding:0; |
} |
|
.contenuCentre { |
text-align:center; |
} |
|
|
#zoneFooter{ |
width:1000px; |
margin:0 auto; |
text-align:center; |
color:#555; |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
margin-top:30px; |
} |
|
#zoneFooter a { |
margin-right:30px; |
|
} |
|
.pictoplante-contact { |
font-weight: normal; |
} |
|
.pictoplante-contact a { |
color: green; |
text-decoration : none; |
font-weight: bold; |
} |
|
.pictoplante-contact a:visited { |
color: #06BD1E; |
text-decoration : none; |
} |
|
.pictoplante-contact a:hover { |
color: #FD8C13; |
text-decoration : none; |
} |
/*----------------------------------------------------------------------------------------------------------*/ |
/* ONGLETS */ |
.zone-onglets { |
margin-bottom:5px; |
width:100%; |
height:31px; |
text-align:left; |
border:solid 1px #AAA; |
border-width:0 0 1px 0; |
padding-left:5px; |
} |
.onglet { |
border:solid 1px #AAA; |
border-width:1px; |
padding:3px 15px; |
padding-top:6px; |
padding-left:25px; |
border-radius:12px 12px 0 0; |
width:100px; |
float:left; |
background:#C2C0AD; |
cursor:pointer; |
height:21px; |
font-size:16px; |
color:#598000 |
} |
.onglet * { |
cursor:pointer; |
} |
.onglet:hover { |
background:#d0ccaa; |
} |
.onglet-actif { |
font-weight:bold; |
background:white; |
color:#FD8C13; |
text-transform:uppercase; |
width:140px; |
} |
|
.elementMasque { |
background-color: #777; |
cursor: default; |
display: block; |
opacity: 0.7; |
left: 0; |
top: 0; |
position: relative; |
width: 100%; |
z-index: 1100; |
height: 100% |
} |
|
/*+---------------------------------------------------------------------------------------------------------*/ |
/* ENTETE */ |
|
#zoneEntete { |
width:1000px; |
margin:0 auto; |
min-height:230px; |
} |
#zoneEntete .acceder-aide { |
color:white; |
} |
#zoneEntete .acceder-outil { |
color:inherit; |
} |
#zoneTitre { |
float:left; |
height:50px; |
width:50%; |
margin:10px 0; |
font-size:3.2em; |
} |
#zoneTitre a, #zoneTitre a:visited { |
color:#777; |
text-decoration:none; |
} |
#zoneTitre a:hover { |
color:#FD8C13; |
text-decoration:none; |
border-bottom:1px dotted #95AE5D; |
} |
#zoneChapeau { |
float:left; |
height:130px; |
width:52%; |
} |
#zoneLogos { |
float:right; |
height:50px; |
width:50%; |
text-align:center; |
margin:10px 0; |
} |
|
/*+---------------------------------------------------------------------------------------------------------*/ |
/* LOGOS */ |
.logo_tela { |
padding-bottom:44px; |
padding-left:145px; |
background:url('./img/logos/tela.jpg'); |
background-repeat: no-repeat; |
background-position: bottom; |
} |
.logo_pn { |
padding-bottom:35px; |
padding-left:263px; |
background:url('./img/logos/pn.jpg'); |
} |
.logo_ue { |
padding-bottom:59px; |
padding-left:103px; |
background:url('./img/logos/ue.jpg'); |
} |
.logo_lr { |
padding-bottom:59px; |
padding-left:47px; |
background:url('./img/logos/lr.jpg'); |
} |
.logo_nd { |
padding-bottom:55px; |
padding-left:148px; |
background:url('./img/logos/nd.jpg'); |
} |
.logo_nh { |
padding-bottom:46px; |
padding-left:59px; |
background:url('./img/logos/fnh.png'); |
} |
.logo_nh:hover { |
padding-bottom:46px; |
padding-left:59px; |
background:url('./img/logos/fnh-hover.png'); |
} |
.logo_tela:hover { |
background:url('./img/logos/tela_hover.jpg'); |
background-repeat: no-repeat; |
background-position: bottom; |
} |
.logo_pn:hover { |
background:url('./img/logos/pn_hover.jpg'); |
} |
.logo_ue:hover { |
background:url('./img/logos/ue_hover.jpg'); |
} |
.logo_lr:hover { |
background:url('./img/logos/lr_hover.jpg'); |
} |
.logo_nd:hover { |
background:url('./img/logos/nd_hover.jpg'); |
} |
|
.erreurConfig { |
width: 400px; |
margin: 20px auto auto; |
font-size: 16px; |
color: #cc0000; |
font-weight: bold; |
} |