WebSVN – eFlore/Applications.del – Diff – /trunk/war/del.css


/** Add css rules here for your application. */
 
body, html {height:100%}
 
/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 0px;
  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 {
	background-color : red ; 
}
 
/** Style pour les barres de vote **/
.repartitionVoteTaxonPopulaire .barreRepartition, .barreRepartitionAucunVote {
	
}
 
.repartitionVoteTaxonPopulaire .conteneurBarreRepartition {
    margin-top: 3px;
}
 
.conteneurBarreRepartition {
	display:inline-block;
	float:right;
	margin: -5px 5px 0 25px;
 	float:left;
}
 
.conteneurBoutonVote {
	float:left;
}
 
.barreRepartition, .barreRepartitionAucunVote {
	height:5px;	
	width:200px;
	border:1px solid black;
}
 
.barreRepartition {
	background-color: #C83232;
	-moz-box-shadow:2px 2px 2px #AAAAAA; -moz-box-shadow:2px 2px 2px #AAAAAA;
	-moz-border-radius:8px; -webkit-border-radius:8px;
}
 
.barreRepartitionAucunVote {
	background-color: #DDDDDD;
}
 
.elementBarreRepartition {
	height: 100%;
}
 
.voteOui {
	-moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px;
	background-color: #8EB533;
	border-right: 1px solid black;	
}
 
.nomTaxonBarreRepartition {
    float: right;
    margin-top: -21px;
    margin-right: 5px;
}
 
/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
 
#titre {background:url(./img/identiplante.png) no-repeat center -1px; padding-top:80px}
 
 
.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;}
 
#contenuPrincipal {width:70%; margin:auto; -moz-box-shadow:0px -10px 10px #333; padding:10px; height:100%;}
#menuGauche {float:left; height:100%; border-right:solid 1px #DDD; padding-right:10px}
#contenu {margin-left:170px; height:100%; padding-left:10px}
 
.titre{font-size:20px; font-weight:bold}
.sousTitre{font-size:15px; font-weight:bold}
.petit {font-size:11px; color:#888}
.gras {font-weight:bold}
.plein {width:100%;}
.tiers {width:30%}
 
.actif {background:#8EB533}
.inactif {background:white}
 
.gauche { float:left}
.droite { float:right}
.nettoyage {clear:both}
hr {border:none; border-bottom:solid 1px #DDD; border-top:solid 1px #AAA}
 
.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 {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}

Rev 211	Rev 244
1	`/** Add css rules here for your application. */`	1	`/** Add css rules here for your application. */`
2		-
-		2	`body, html {height:100%}`
3		3
4	`/** Example rules used by the template application (remove for your app) */`	4	`/** Example rules used by the template application (remove for your app) */`
5	`h1 {`	5	`h1 {`
6	`font-size: 2em;`	6	`font-size: 2em;`
7	`font-weight: bold;`	7	`font-weight: bold;`
8	`color: #777777;`	8	`color: #777777;`
9	`margin: 40px 0px 0px;`	9	`margin: 40px 0px 0px;`
10	`text-align: center;`	10	`text-align: center;`
11	`}`	11	`}`
12		12
13	`/#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}/`	13	`/#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}/`
14		14
15	`.sendButton {`	15	`.sendButton {`
16	`display: block;`	16	`display: block;`
17	`font-size: 16pt;`	17	`font-size: 16pt;`
18	`}`	18	`}`
19		19
20	`/** Most GWT widgets already have a style name defined */`	20	`/** Most GWT widgets already have a style name defined */`
21	`.gwt-DialogBox {`	21	`.gwt-DialogBox {`
22	`width: 400px;`	22	`width: 400px;`
23	`}`	23	`}`
24		24
25	`.dialogVPanel {`	25	`.dialogVPanel {`
26	`margin: 5px;`	26	`margin: 5px;`
27	`}`	27	`}`
28		28
29	`.serverResponseLabelError {`	29	`.serverResponseLabelError {`
30	`color: red;`	30	`color: red;`
31	`}`	31	`}`
32		32
33	`/ Erreur dans un formulaire de type texte /`	33	`/ Erreur dans un formulaire de type texte /`
34	`.erreurFormTexte {`	34	`.erreurFormTexte {`
35	`background-color : red ;`	35	`background-color : red ;`
36	`}`	36	`}`
37		37
38	`/ Style pour les barres de vote /`	38	`/ Style pour les barres de vote /`
39	`.repartitionVoteTaxonPopulaire .barreRepartition, .barreRepartitionAucunVote {`	39	`.repartitionVoteTaxonPopulaire .barreRepartition, .barreRepartitionAucunVote {`
40	`width: 640px;`	40
41	`}`	41	`}`
42		42
43	`.repartitionVoteTaxonPopulaire .conteneurBarreRepartition {`	43	`.repartitionVoteTaxonPopulaire .conteneurBarreRepartition {`
44	`margin-top: 3px;`	44	`margin-top: 3px;`
45	`}`	45	`}`
46		46
47	`.conteneurBarreRepartition {`	47	`.conteneurBarreRepartition {`
48	`display:inline-block;`	48	`display:inline-block;`
49	`float:right;`	49	`float:right;`
50	`margin: -5px 5px 0 25px;`	50	`margin: -5px 5px 0 25px;`
51	`float:left;`	51	`float:left;`
52	`}`	52	`}`
53		53
54	`.conteneurBoutonVote {`	54	`.conteneurBoutonVote {`
55	`float:left;`	55	`float:left;`
56	`}`	56	`}`
57		57
58	`.barreRepartition, .barreRepartitionAucunVote {`	58	`.barreRepartition, .barreRepartitionAucunVote {`
59	`height:5px;`	59	`height:5px;`
60	`width:200px;`	60	`width:200px;`
61	`border:1px solid black;`	61	`border:1px solid black;`
62	`}`	62	`}`
63		63
64	`.barreRepartition {`	64	`.barreRepartition {`
65	`background-color: #C83232;`	65	`background-color: #C83232;`
66	`-moz-box-shadow:2px 2px 2px #AAAAAA; -moz-box-shadow:2px 2px 2px #AAAAAA;`	66	`-moz-box-shadow:2px 2px 2px #AAAAAA; -moz-box-shadow:2px 2px 2px #AAAAAA;`
67	`-moz-border-radius:8px; -webkit-border-radius:8px;`	67	`-moz-border-radius:8px; -webkit-border-radius:8px;`
68	`}`	68	`}`
69		69
70	`.barreRepartitionAucunVote {`	70	`.barreRepartitionAucunVote {`
71	`background-color: #DDDDDD;`	71	`background-color: #DDDDDD;`
72	`}`	72	`}`
73		73
74	`.elementBarreRepartition {`	74	`.elementBarreRepartition {`
75	`height: 100%;`	75	`height: 100%;`
76	`}`	76	`}`
77		77
78	`.voteOui {`	78	`.voteOui {`
79	`-moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px;`	79	`-moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px;`
80	`background-color: #8EB533;`	80	`background-color: #8EB533;`
81	`border-right: 1px solid black;`	81	`border-right: 1px solid black;`
82	`}`	82	`}`
83		83
84	`.nomTaxonBarreRepartition {`	84	`.nomTaxonBarreRepartition {`
85	`float: right;`	85	`float: right;`
86	`margin-top: -21px;`	86	`margin-top: -21px;`
87	`margin-right: 5px;`	87	`margin-right: 5px;`
88	`}`	88	`}`
89		89
90	`/** Set ids using widget.getElement().setId("idOfElement") */`	90	`/** Set ids using widget.getElement().setId("idOfElement") */`
91	`#closeButton {`	91	`#closeButton {`
92	`margin: 15px 6px 6px;`	92	`margin: 15px 6px 6px;`
93	`}`	93	`}`
94		94
95	`#titre {background:url(./img/identiplante.png) no-repeat center -1px; padding-top:80px}`	95	`#titre {background:url(./img/identiplante.png) no-repeat center -1px; padding-top:80px}`
96		-
97	`.contenu {width:50%; margin:auto}`	96
98	`.boutonPlus {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_in.png"); width:16px; height:16px; cursor:pointer;}`	97	`.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;}`	98	`.boutonMoins {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_out.png"); width:16px; height:16px; cursor:pointer;}`
-		99
-		100	`#contenuPrincipal {width:70%; margin:auto; -moz-box-shadow:0px -10px 10px #333; padding:10px; height:100%;}`
-		101	`#menuGauche {float:left; height:100%; border-right:solid 1px #DDD; padding-right:10px}`
-		102	`#contenu {margin-left:170px; height:100%; padding-left:10px}`
100		103
101	`.titre{font-size:20px; font-weight:bold}`	104	`.titre{font-size:20px; font-weight:bold}`
102	`.sousTitre{font-size:15px; font-weight:bold}`	105	`.sousTitre{font-size:15px; font-weight:bold}`
103	`.petit {font-size:11px; color:#888}`	106	`.petit {font-size:11px; color:#888}`
104	`.gras {font-weight:bold}`	107	`.gras {font-weight:bold}`
105	`.plein {width:100%;}`	108	`.plein {width:100%;}`
106	`.tiers {width:30%}`	109	`.tiers {width:30%}`
107		110
108	`.actif {background:#8EB533}`	111	`.actif {background:#8EB533}`
109	`.inactif {background:white}`	112	`.inactif {background:white}`
110		113
111	`.gauche { float:left}`	114	`.gauche { float:left}`
112	`.droite { float:right}`	115	`.droite { float:right}`
113	`.nettoyage {clear:both}`	116	`.nettoyage {clear:both}`
114	`hr {border:none; border-bottom:solid 1px #DDD; border-top:solid 1px #AAA}`	117	`hr {border:none; border-bottom:solid 1px #DDD; border-top:solid 1px #AAA}`
115		118
116	`.overlay {background-color:#777; cursor:pointer; display:block; opacity:0.7; left:0; top:0;position:fixed; width:100%; z-index:1100; height:100%}`	119	`.overlay {background-color:#777; cursor:pointer; display:block; opacity:0.7; left:0; top:0;position:fixed; width:100%; z-index:1100; height:100%}`
117	`.overlayContenu {cursor:pointer; display:block; opacity:1; left:0; top:0;position:fixed; width:100%; z-index:1200; height:100%}`	120	`.overlayContenu {cursor:pointer; display:block; opacity:1; left:0; top:0;position:fixed; width:100%; z-index:1200; height:100%}`
118	`.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}`	121	`.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}`

Subversion Repositories eFlore/Applications.del

(root)/trunk/war/del.css @ 2108 – Rev 211 → 244