WebSVN – eFlore/Applications.cel – Diff – /branches/v1.6-croc/widget/modules/cartopoint/squelettes/css/carto.css

 @charset "UTF-8";
 html, body {
 	margin:0;
 	padding:0;
 	height: 100%;
 	font-family:Arial;
 	font-size:12px;
+}
 h1 {
 	font-size:1.6em;
+}
 h2 {
 	font-size:1.4em;
+}
+a, a:active, a:visited {
+	border-bottom:1px dotted #666;
+	color:#CCC;
+	text-decoration:none;
+}
+a:active {
+	outline:none;
+}
+a:focus {
+	outline:thin dotted;
+}
+a:hover {
+	color:#56B80E;
+	border-bottom:1px dotted #56B80E;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Carte */
 #carte {
 	width:100%;
-	height:100%;
+	height:95%;
+}
 .bouton {
 	background-color:white;
 	border:2px solid black;
 	cursor:pointer;
 	text-align:center;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Message de chargement */
 #chargement {
 	display:none;
+}
 #chargement-copie img{
 	display:block;
 	margin:auto;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
+/* Avertissement */
+#zone-avertissement {
+	background-color:rgba(29,30,32,0.8);
+}
+#zone-avertissement h1, #zone-avertissement p {
+	color:#CCCCCC;
+}
+/*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Carte titre */
+#zone-titre {
+	background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px rgba(29,30,32,0.8);
+	padding-left:24px;
+	min-height:30px;
+	height:5%;
+}
+#zone-info {
+	float:right;
+	text-align:right;
+}
+#zone-info img {
+	display:block;
+	padding:7px;
+	border:none;
+}
 #carte-titre {
+	display:inline-block;
 	margin:0;
 	padding:0.2em;
-	background-color:rgba(29,30,32,0.8);
 	color:#CCCCCC;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Panneau latéral */
 #panneau-lateral {
 	z-index:10;
 	width:300px;
 	height:100%;
 	padding:0;
 	display:none;
 	background-color:rgba(29,30,32,0.8);
 	border-right:1px solid grey;
 	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
+}
 #pl-entete {
-	height:5%;
+	height:10%;
+	min-height:75px;
+}
 #pl-corps {
-	position:relative;
-	top:12px;
 	height:80%;
 	overflow:auto;
 	padding:5px;
 	width:290px;
+}
 #pl-ouverture, #pl-fermeture {
 	z-index:11;
 	position:relative;
 	top:0;
 	background-color:#FFF;
 	text-align:center;
 	cursor:pointer;
 	height:16px;
 	width:16px;
+}
 #pl-ouverture {
 	background:url(../images/ouverture.png) no-repeat top left;
 	background-color:rgba(29,30,32,0.8);
 	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
 	height:100%;
+}
 #pl-fermeture {
 	float:right;
 	height:6%;
 	background:url(../images/fermeture.png) no-repeat top right;
+}
 #pl-ouverture span, #pl-fermeture span{
 	display:none;
+}
 /* Panneau latéral : balises */
 #panneau-lateral h2, #panneau-lateral p {
 	color:#CCCCCC;}
-/* Panneau latéral : Liens */
-#panneau-lateral a, #panneau-lateral a:active, #panneau-lateral a:visited {
-	border-bottom:1px solid #333333;
-	color:#CCCCCC;
-	text-decoration:none;
-}
-#panneau-lateral a:active {
-	outline:none;
-}
-#panneau-lateral a:focus {
-	outline:thin dotted;
-}
-#panneau-lateral a:hover {
-	color:#56B80E;
-}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Liste des taxons de la carte */
 #taxons {
 	color:#999;
+}
 #taxons .taxon-actif, #taxons .taxon-actif a {
 	color:#56B80E;}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Pop-up observations */
+#contenu {
+	overflow:none;
+	margin:0;
+	padding:0;
+}
 #observations {
 	margin:23px 0 0 0;
 	padding:5px;
 	border:1px solid black;
 	border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
 	border-top:none !important;
 	overflow:none;
+}
 #observations ol {
 	padding-left:20px;
+}
 .champ_nom_latin {
 	display:none;
+}
 #obs-msg-info {
 	font-size:10px;
 	color:#CCC;
+}
-#observations a, #observations a:active, #observations a:visited {
-	border-bottom:1px solid #333333;
-	color:rgba(29,30,32,0.8);
-	text-decoration:none;
-}
-#observations a:active {
+#observations a {
-	outline:none;
+	color:#333;
-}
-#observations a:focus {
-	outline:thin dotted;
+	border-bottom:1px dotted #EEE;
+}
 #observations a:hover {
 	color:#56B80E;
+	border-bottom:1px dotted #56B80E;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Onglets */
 .onglets {
 	position:relative;
 	float:left;
 	height:22px;
 	padding:0;
 	margin:0;
 	border-bottom:1px solid black;
 	width:100%;
+}
 .onglets ul {
 	margin:0;
 	padding:0;
 	list-style:none;
+}
 .onglets li {
 	float:left;
 	text-transform:uppercase;
 	text-align:center;
+}
 .onglets .onglet {
 	display:block;
 	padding:5px 15px 4px 15px;
 	margin:0;
 	font-size:12px;
 	line-height:12px;
 	border:1px solid black;
 	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
 	text-decoration:none;
+}
 .onglets .actif .onglet {
 	border-bottom:1px solid white;
 	color:black;
 	background-color:white;
 	font-weight:bold;
+}
 .onglets .inactif .onglet {
 	border-bottom:1px solid #000000;
 	color:white;
 	background-color:gray;/*rgba(29,30,32,0.8);*/
+}
 .onglets .inactif .onglet:hover {
 	color:black;
 	background-color:Gainsboro;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Présentation des listes de définitions */
 dl {
 	width:100%;
+}
 dt {
 	float:left;
 	font-weight:bold;
 	text-align:top left;
 	margin-right:0.3em;
+}
 dt:after {
 	content:" :";
+}
 dd {
 	width:auto;
 	margin:0.5em 0;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Tableau : */
 table {
 	border:1px solid gray;
 	border-collapse:collapse;
+}
 table thead, table tfoot, table tbody {
 	background-color:Gainsboro;
 	border:1px solid gray;
+}
 table tbody {
 	background-color:#FFF;
+}
 table th {
 	font-family:monospace;
 	border:1px dotted gray;
 	padding:5px;
 	background-color:Gainsboro;
+}
 table td {
 	font-family:arial;
 	border:1px dotted gray;
 	padding:5px;
 	text-align:left;
+}
 table caption {
 	font-family:sans-serif;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Tableau : tablesorter */
 th.header {
 	background:url(../images/trie.png) no-repeat center right;
 	padding-right:20px;
+}
 th.headerSortUp {
-	background:url(../images/trie_croissant.png) no-repeat center right #3399FF;
+	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
+	color:white;
+}
 th.headerSortDown {
-    background:url(../images/trie_decroissant.png) no-repeat center right #3399FF;
+    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
+    color:white;
+}

Subversion Repositories eFlore/Applications.cel

(root)/branches/v1.6-croc/widget/modules/cartopoint/squelettes/css/carto.css @ 3220 – Rev 494 → 501