| 1 |
aurelien |
1 |
/** Add css rules here for your application. */
|
| 244 |
gduche |
2 |
body, html {height:100%}
|
| 1 |
aurelien |
3 |
|
|
|
4 |
/** Example rules used by the template application (remove for your app) */
|
|
|
5 |
h1 {
|
|
|
6 |
font-size: 2em;
|
|
|
7 |
font-weight: bold;
|
|
|
8 |
color: #777777;
|
| 118 |
gduche |
9 |
margin: 40px 0px 0px;
|
| 1 |
aurelien |
10 |
text-align: center;
|
|
|
11 |
}
|
|
|
12 |
|
| 118 |
gduche |
13 |
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
|
|
|
14 |
|
| 1 |
aurelien |
15 |
.sendButton {
|
|
|
16 |
display: block;
|
|
|
17 |
font-size: 16pt;
|
|
|
18 |
}
|
|
|
19 |
|
|
|
20 |
/** Most GWT widgets already have a style name defined */
|
|
|
21 |
.gwt-DialogBox {
|
|
|
22 |
width: 400px;
|
|
|
23 |
}
|
|
|
24 |
|
|
|
25 |
.dialogVPanel {
|
|
|
26 |
margin: 5px;
|
|
|
27 |
}
|
|
|
28 |
|
|
|
29 |
.serverResponseLabelError {
|
|
|
30 |
color: red;
|
|
|
31 |
}
|
|
|
32 |
|
| 119 |
aurelien |
33 |
/** Erreur dans un formulaire de type texte **/
|
|
|
34 |
.erreurFormTexte {
|
|
|
35 |
background-color : red ;
|
|
|
36 |
}
|
|
|
37 |
|
| 142 |
aurelien |
38 |
/** Style pour les barres de vote **/
|
| 205 |
aurelien |
39 |
.repartitionVoteTaxonPopulaire .barreRepartition, .barreRepartitionAucunVote {
|
| 244 |
gduche |
40 |
|
| 205 |
aurelien |
41 |
}
|
| 162 |
aurelien |
42 |
|
| 205 |
aurelien |
43 |
.repartitionVoteTaxonPopulaire .conteneurBarreRepartition {
|
|
|
44 |
margin-top: 3px;
|
|
|
45 |
}
|
|
|
46 |
|
|
|
47 |
.conteneurBarreRepartition {
|
|
|
48 |
display:inline-block;
|
|
|
49 |
float:right;
|
| 336 |
gduche |
50 |
margin: 15px 15px 4px 15px;
|
| 205 |
aurelien |
51 |
float:left;
|
|
|
52 |
}
|
|
|
53 |
|
|
|
54 |
.conteneurBoutonVote {
|
|
|
55 |
float:left;
|
|
|
56 |
}
|
|
|
57 |
|
| 162 |
aurelien |
58 |
.barreRepartition, .barreRepartitionAucunVote {
|
| 175 |
gduche |
59 |
height:5px;
|
| 162 |
aurelien |
60 |
width:200px;
|
| 142 |
aurelien |
61 |
border:1px solid black;
|
| 162 |
aurelien |
62 |
}
|
|
|
63 |
|
|
|
64 |
.barreRepartition {
|
| 175 |
gduche |
65 |
background-color: #C83232;
|
|
|
66 |
-moz-box-shadow:2px 2px 2px #AAAAAA; -moz-box-shadow:2px 2px 2px #AAAAAA;
|
|
|
67 |
-moz-border-radius:8px; -webkit-border-radius:8px;
|
| 142 |
aurelien |
68 |
}
|
|
|
69 |
|
| 162 |
aurelien |
70 |
.barreRepartitionAucunVote {
|
|
|
71 |
background-color: #DDDDDD;
|
|
|
72 |
}
|
|
|
73 |
|
| 142 |
aurelien |
74 |
.elementBarreRepartition {
|
|
|
75 |
height: 100%;
|
|
|
76 |
}
|
|
|
77 |
|
|
|
78 |
.voteOui {
|
| 175 |
gduche |
79 |
-moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px;
|
|
|
80 |
background-color: #8EB533;
|
| 142 |
aurelien |
81 |
border-right: 1px solid black;
|
| 146 |
aurelien |
82 |
}
|
| 142 |
aurelien |
83 |
|
| 146 |
aurelien |
84 |
.nomTaxonBarreRepartition {
|
|
|
85 |
float: right;
|
| 336 |
gduche |
86 |
margin-top: -25px;
|
| 162 |
aurelien |
87 |
margin-right: 5px;
|
| 146 |
aurelien |
88 |
}
|
|
|
89 |
|
| 1 |
aurelien |
90 |
/** Set ids using widget.getElement().setId("idOfElement") */
|
|
|
91 |
#closeButton {
|
|
|
92 |
margin: 15px 6px 6px;
|
|
|
93 |
}
|
| 53 |
gduche |
94 |
|
| 246 |
gduche |
95 |
#titre {text-align:center; background:#B0CB70; opacity:0.9; position:fixed; width:100%}
|
|
|
96 |
#titre h1{width: 200px; background:url(./img/identiplante_mini.png) no-repeat 240px 0px; margin:0 auto; padding:10px 50px 10px 50px}
|
| 118 |
gduche |
97 |
|
| 82 |
benjamin |
98 |
.boutonPlus {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_in.png"); width:16px; height:16px; cursor:pointer;}
|
|
|
99 |
.boutonMoins {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_out.png"); width:16px; height:16px; cursor:pointer;}
|
| 118 |
gduche |
100 |
|
| 246 |
gduche |
101 |
#navigation {position:fixed; background:#a4bf64; opacity:0.9; width:100%; bottom:0;}
|
|
|
102 |
#navigation>div>div {float:left; padding:10px; background:#7DA422; margin-right:3px;}
|
|
|
103 |
#navigation>div>div:hover {background:#9Fc644}
|
|
|
104 |
#navigation a {text-decoration:none; color:#222; font-weight:bold}
|
|
|
105 |
#contenu {padding:80px}
|
| 244 |
gduche |
106 |
|
| 336 |
gduche |
107 |
.lien {
|
|
|
108 |
color:blue;
|
|
|
109 |
text-decoration:underline;
|
|
|
110 |
cursor:pointer
|
|
|
111 |
}
|
|
|
112 |
|
| 246 |
gduche |
113 |
.titre{
|
|
|
114 |
color: #FD8C13;
|
|
|
115 |
font-size: 15px;
|
|
|
116 |
margin: 20px 0 10px;
|
|
|
117 |
padding: 0 0 0 25px;
|
|
|
118 |
text-transform: uppercase;
|
|
|
119 |
font-weight:bold;
|
|
|
120 |
background:url(./img/troisCarre.png) no-repeat 0 8px;
|
|
|
121 |
}
|
| 143 |
gduche |
122 |
.sousTitre{font-size:15px; font-weight:bold}
|
|
|
123 |
.petit {font-size:11px; color:#888}
|
| 246 |
gduche |
124 |
.gris {color:#888}
|
| 143 |
gduche |
125 |
.gras {font-weight:bold}
|
|
|
126 |
.plein {width:100%;}
|
|
|
127 |
.tiers {width:30%}
|
|
|
128 |
|
|
|
129 |
.actif {background:#8EB533}
|
|
|
130 |
.inactif {background:white}
|
|
|
131 |
|
|
|
132 |
.gauche { float:left}
|
| 156 |
gduche |
133 |
.droite { float:right}
|
| 164 |
gduche |
134 |
.nettoyage {clear:both}
|
| 201 |
gduche |
135 |
hr {border:none; border-bottom:solid 1px #DDD; border-top:solid 1px #AAA}
|
|
|
136 |
|
|
|
137 |
.overlay {background-color:#777; cursor:pointer; display:block; opacity:0.7; left:0; top:0;position:fixed; width:100%; z-index:1100; height:100%}
|
|
|
138 |
.overlayContenu {cursor:pointer; display:block; opacity:1; left:0; top:0;position:fixed; width:100%; z-index:1200; height:100%}
|
| 257 |
aurelien |
139 |
.fermerOverlay {position:absolute; top:10%; right:10%; width:140px; height:40px; background:url(./img/close.png) no-repeat; border:none; color:white; font-weight:bold; cursor:pointer}
|
|
|
140 |
.gwt-SuggestBoxPopup {z-index:2000}
|