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

 @charset "UTF-8";
 html {
 	overflow:hidden;
+}
 body {
 	overflow:hidden;
 	padding:0;
 	margin:0;
 	width:100%;
 	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;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Présentation des listes de définitions */
 dl {
 	width:100%;
+}
 dt {
 	float:left;
 	font-weight:bold;
 	text-align:top left;
 	margin-right:0.3em;
+}
 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 #56B80E;
 	color:white;
+}
 th.headerSortDown {
     background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
     color:white;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Générique */
 .nettoyage{
 	clear:both;
+}
 hr.nettoyage{
 	visibility:hidden;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Carte */
 #carte {
 	padding:0;
 	margin:0;
 	position:absolute;
 	top:35px;
 	left:24px;
 	right:0;
 	bottom:0;
 	overflow:auto;
+}
 .bouton {
 	background-color:white;
 	border:2px solid black;
 	cursor:pointer;
 	text-align:center;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Message de chargement */
 #chargement {
+	margin:25px;
-	display:none;
+	text-align:center;
+}
-#chargement-copie img{
+#chargement img{
 	display:block;
 	margin:auto;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Avertissement */
 #zone-avertissement {
 	background-color:#4A4B4C;
 	color:#CCC;
 	padding:12px;
 	text-align:justify;
 	line-height:16px;
+}
 #zone-avertissement h1{
 	margin:0;
+}
 #zone-avertissement a {
 	border-bottom:1px dotted gainsboro;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Carte titre */
 #zone-titre {
 	padding:0;
 	margin:0;
 	position:absolute;
 	top:0;
 	left:0;
 	width:100%;
 	height:35px;
 	overflow:hidden;
 	background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px #4A4B4C;
+}
 #zone-info {
 	position:absolute;
 	top:0;
 	right:8px;
 	width:48px;
 	text-align:right;
+}
 #zone-info img {
 	display:inline;
 	padding:4px;
 	margin:0;
 	border:none;
+}
 #carte-titre {
 	display:inline-block;
 	margin:0 0 0 24px;
 	padding:0.2em;
 	color:#CCCCCC;
+}
 #carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
 	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
 	display /*\**/:inline\9;/*Hack CSS pour ie8 */
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Panneau latéral */
 #panneau-lateral {
 	padding:0;
 	margin:0;
 	position:absolute;
 	top:35px;
 	left:0;
 	bottom:0;
 	width:24px;
 	overflow:hidden;
 	background-color:#4A4B4C;
 	border-right:1px solid grey;
+}
 #pl-contenu {
 	display:none;
+}
 #pl-entete {
 	height:95px;
+}
 #pl-corps {
 	position:absolute;
 	top:105px;
 	bottom:0;
 	overflow:auto;
 	padding:5px;
 	width:290px;
+}
 #pl-ouverture, #pl-fermeture {
 	position:absolute;
 	top:0;
 	height:24px;
 	width:24px;
 	text-align:center;
 	cursor:pointer;
+}
 #pl-ouverture {
 	left:0;
 	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
+}
 #pl-fermeture {
 	display:none;
 	left:276px;
 	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
+}
 #pl-ouverture span, #pl-fermeture span{
 	display:none;
+}
 /* Panneau latéral : balises */
 #panneau-lateral h2, #panneau-lateral p {
 	color:#CCCCCC;}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Liste des taxons de la carte */
 #taxons {
 	color:#999;
+}
 #taxons .taxon-actif, #taxons .taxon-actif span {
 	color:#56B80E;
+}
 #taxons li span {
 	border-bottom:1px dotted #666;
 	color:#CCC;
+}
 #taxons li span:focus {
 	outline:thin dotted;
+}
 #taxons li span:hover {
 	color:#56B80E;
 	border-bottom:1px dotted #56B80E;
 	cursor:pointer;
+}
 .nt {
 	display:none;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Pop-up observations */
-.info-bulle-contenu {
-	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;
+	margin:-1px 0 0 0;
+	border: 1px solid #AAA;
+	border-radius:0 0 4px 4px;
+}
-#observations ol {
-	padding-left:30px;
-}
-.champ_nom_latin {
-	display:none;
-}
-#obs-msg-info {
+#obs-pieds-page {
 	font-size:10px;
 	color:#CCC;
+	clear:both;
+}
+.ui-tabs {
+	padding:0;
+}
+.ui-widget-content {
+	border:0;
+}
+.ui-widget-header {
+	background:none;
+	border:0;
+	border-bottom:1px solid #AAA;
+	border-radius:0;
+}
+.ui-tabs-selected a {
+	border-bottom:1px solid white;
+}
+.ui-tabs-selected a:focus {
+	outline:0;
+}
+.ui-tabs .ui-tabs-panel {
+	padding:0.2em;
+}
+#obs h2 {
+	margin:0;
+	text-align:center;
+}
 #observations a {
 	color:#333;
 	border-bottom:1px dotted gainsboro;
+}
 #observations a:hover {
 	color:#56B80E;
 	border-bottom:1px dotted #56B80E;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Onglets */
+/* Pop-up observations : liste */
-.onglets {
+.champ-nom-sci {
-	position:absolute;
-	top:0;
-	float:left;
-	height:22px;
-	padding:0;
-	margin:0;
-	border-bottom:1px solid black;
-	width:100%;
+	display:none;
+}
+.cel-img-principale img{
-.onglets ul {
+	float:right;
-	margin:0;
+	height:75px;
-	padding:0;
+	padding:1px;
-	list-style:none;
+	border:1px solid white;
+}
-.onglets li {
-	float:left;
-	text-transform:uppercase;
+#observations .cel-img:hover img{
-	text-align:center;
+	border: 1px dotted #56B80E;
+}
-.onglets .onglet {
+.cel-img-secondaire, .cel-infos{
-	display:block;
+	display: none;
+}
+ol#obs-liste-lignes {
-	padding:5px 15px 4px 15px;
+	padding:5px;
 	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 {
+.obs-conteneur{
-	border-bottom:1px solid white;
-	color:black;
-	background-color:white;
-	font-weight:bold;
+	counter-reset: item;
+}
-.onglets .inactif .onglet {
+.obs-conteneur .nom-sci:before {
+	content: counter(item) ". ";
-	border-bottom:1px solid #000000;
+	counter-increment: item;
-	color:white;
+	display:block;
-	background-color:gray;/*rgba(29,30,32,0.8);*/
+	float:left;
+}
-.onglets .inactif .onglet:hover {
+.obs-conteneur li {
-	color:black;
+	display: block;
-	background-color:Gainsboro;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Pop-up : liste */
+/* Diaporama */
+.cel-legende{
+	text-align:left;
+}
-.cel-img-principale img{
+.cel-legende-vei{
 	float:right;
-	height:75px;
-	padding:1px;
-	border:1px solid white;
+}
-#observations .cel-img:hover img{
+.cel-legende p{
+	color:black;
+	font-size:12px;
-	border:1px dotted #56B80E;
+	margin:5px 0;
+}
+.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
+	border-bottom:1px dotted gainsboro;
+	color:#333;
+	text-decoration:none;
+	background-image:none;
+}
-.cel-img-secondaire{
+.cel-legende a:hover {
-	display:none;
+	color:#56B80E;
+	border-bottom:1px dotted #56B80E;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Plugin Jquery Pagination */
+.navigation {
+	padding:5px;
+	float:right;
+}
 .pagination {
 	font-size: 80%;
+}
 .pagination a {
 	text-decoration: none;
-	border: solid 1px #AAE;
+	border: solid 1px #666;
-	color: #15B;
+	color: #666;
+	background:gainsboro;
+}
+.pagination a:hover {
+	color: white;
+	background: #56B80E;
+}
 .pagination a, .pagination span {
 	display: block;
 	float: left;
 	padding: 0.3em 0.5em;
 	margin-right: 5px;
 	margin-bottom: 5px;
 	min-width:1em;
 	text-align:center;
+}
 .pagination .current {
-	background: #26B;
+	background: #4A4B4C;
-	color: #fff;
+	color: white;
-	border: solid 1px #AAE;
+	border: solid 1px gainsboro;
+}
 .pagination .current.prev, .pagination .current.next{
-	color:#999;
+	color: #999;
-	border-color:#999;
+	border-color: #999;
-	background:#fff;
+	background: gainsboro;
+}

Subversion Repositories eFlore/Applications.cel

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