WebSVN – eFlore/Applications.eflore-consultation – Diff – /trunk/presentations/styles/eflore.css

 @CHARSET "UTF-8";
 /*----------------------------------------------------------------------------------------------------------*/
 /* Générique */
 body {
 	font-family:Arial, Helvetica, Verdana, sans-serif;
 	font-size:0.85em;
 	background-color:#fff;
 	margin:2px;
+}
 h1, h2, h3, h4 {
 	font-weight:bold;
 	letter-spacing:0;
+}
 h1 {
 	padding:0 0 0 25px;
 	margin:20px 0 10px 0;
 	font-size:15px;
 	text-transform:uppercase;
 	color:#fd8c13;
+}
 h2 {
 	margin:20px 0 12px 0;
 	font-size:15px;
 	color:#FD8C13;
+}
 h3 {
 	margin:20px 0 12px;
 	font-size:14px;
 	color:#454341;
+}
 h4 {
 	margin:2px 2px 2px 0;
 	font-size:11px;
 	font-weight:normal;
 	color:#AAAAAA;
+}
 h1 a, h2 a, h3 a, h4 a {
 	color:inherit;
 	border-bottom: dotted 1px;
+}
 h3 a {
 	border-color:#CCCCCC;
+}
 a {
 	color:#598000;
 	border-bottom:1px dotted #95ae5d;
+}
 a:hover {
 	color:#FD8C13;
 	border-bottom:1px dotted #95ae5d;
+}
 hr{
 	color:#62210F;
+}
 table{
 	border-collapse: collapse;
 	width:100%;
 	margin:5px 0;
+}
 td,th{
 	border:1px solid #36560B;
 	padding:7px 5px;
+}
 th{
 	background-color:#EEE;
+}
 th[title]:after {
     content: " " url("../images/aide.png") !important;
+}
 caption{
 	border:1px solid #36560B;
 	background-color:#EEE;
 	font-weight:bold;
 	padding:2px;
+}
 img{
 	border:0;
+}
 img a{
 	display:block;
+}
 legend{
 	color:#AD5A40;
+}
 dl {
 	width:100%;
+}
 dt {
 	float:left;
 	font-weight:bold;
 	text-align:top left;
 	margin-right:0.3em;
+}
 dd {
 	width:auto;
 	margin:0.5em 0;
+}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Disposition */
 #zone-centrale {
 	text-align:center;
+}
 #zone-logo{
 	left:18px;
 	margin:1px 10px;
 	position:absolute;
 	top:2px;
 	z-index:1;
+}
 #zone-entete{
 	height:121px;
 	margin:0;
+}
 #zone-titre{
 	height:38px;
 	margin:0;
 	text-align:right;
+}
 #zone-titre h1{
 	margin:0 20px 0 0;
 	padding:0;
 	background-color:transparent;
 	font-size:28px;
 	font-weight:bold;
+}
 #zone-corps{
 	margin:0;
 	text-align:left;
+}
 #zone-menu{
 	position:relative;
 	float:left;
 	height:21px;
 	width:100%;
 	margin:0;
 	padding:0;
 	text-align:left;
 	font-weight:bold;
 	border-bottom:1px solid #62210F;
+}
 #zone-contenu{
 	clear:both;
 	min-height:300px;
 	padding:0 2px;
 	text-align:justify;
 	border-top:medium none !important;
 	border:1px solid #62210F;
+}
 #zone-pied{
 	clear:both;
 	text-align:center;
+}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Logo */
 #zone-logo img{
 	border:0;
+}
 #zone-logo a{
 	position:absolute;
 	top:0;
 	left:0;
+}
 #zone-logo a:hover{
 	border:1px dotted;
+}
 #zone-logo a:hover:after{
 	content:" Retour à l'accueil ";
+}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Navigation : onglets */
 .onglets {
 	display:inline-block;
 	padding:0;
 	margin:0;
+}
 .onglets a {
 	border:none
+}
 .onglets li a, .onglets li{
 	list-style-image:none;
 	padding:5px 3px 5px 3px;
 	margin-top:2px;
 	background-color:#C2C0AD;
+}
 .onglets li{
 	cursor:pointer;
 	float:left;
 	list-style:none;
 	margin-right:5px;
 	font-size:13px;
 	text-transform:uppercase;
 	letter-spacing:0;
 	padding:5px 2px 5px 5px;
 	margin:0 1px 0 0;
 	background:none no-repeat 5px 9px #C2C0AD;
 	color:#fd8c13;
 	border:1px solid #c2c0ad;
 	border-bottom:0px solid #c2c0ad;
 	text-decoration:none;
 	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
+}
 .onglets .menu_actif a{
 	background:none;
 	color:#FD8C13;
 	font-weight:bold;
+}
 .onglets .menu_actif{
 	background:none;
 	border:1px solid #C2C0AD;
 	border-bottom:0 solid #c2c0ad;
 	text-decoration:none;
 	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
+}
 .onglets .menu_inactif a, .onglets h1{
 	color:#6C6865;
+}
 .onglets .menu_actif h1{
 	color:#FD8C13;
+}
 .onglets li:hover{
 	background:white;
 	border-bottom:0;
+}
 .onglets li a:hover{
 	color:#FD8C13;
 	background:white
+}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Général */
 .centrer{
 	text-align:center;
+}
 .discretion{
 	color:#A9A9A9;
 	font-size:10px;
 	font-weight:normal;}
 .attention {
 	display:inline-block;
 	background-color:#ffffcc;
 	background-image:url("../images/attention.png");
 	background-repeat:no-repeat;
 	background-position:2% 50%;
 	padding:10px 5px 5px 40px;
 	margin:0 0 3px 16px;
 	background-size:24px 24px;
 	-webkit-background-size:24px 24px;
 	-o-background-size:24px 24px;
 	-moz-background-size:24px 24px;
 	max-width:600px;
 	min-height:20px;}
 .information {
 	display:inline-block;
 	background-color:#e7ebfd;
 	background-image:url("../images/information.png");
 	background-repeat:no-repeat;
 	background-position:2% 50%;
 	padding:10px 5px 5px 40px;
 	margin:0 0 3px 16px;
 	background-size:24px 24px;
 	-webkit-background-size:24px 24px;
 	-o-background-size:24px 24px;
 	-moz-background-size:24px 24px;
 	max-width:600px;
 	min-height:20px;}
 hr.nettoyage{
 	clear:both;
 	width:0;}
 .debogage pre{
 	white-space:-moz-pre-wrap; /* Mozilla depuis 1999 */
     white-space:-pre-wrap; /* Opera 4 à 6 */
     white-space:-o-pre-wrap; /* Opera 7 */
     word-wrap:break-word; /* IE 5.5+ */
     overflow:auto;/* IE 6 */
 	white-space:pre-wrap;/* CSS 3 */
+}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
 .largeur-01{
 	width:60px;}
 .largeur-02{
 	width:120px;}
 .largeur-03{
 	width:180px;}
 .largeur-04{
 	width:240px;}
 .largeur-05{
 	width:300px;}
 .largeur-06{
 	width:360px;}
 .largeur-07{
 	width:420px;}
 .largeur-08{
 	width:480px;}
 .largeur-09{
 	width:540px;}
 .largeur-10{
 	width:600px;}
 .largeur-11{
 	width:660px;}
 .largeur-12{
 	width:720px;}
 .largeur-13{
 	width:780px;}
 .largeur-14{
 	width:840px;}
 .largeur-15{
 	width:900px;}
 .largeur-16{
 	width:960px;}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Formulaire de Recherche Simple */
 #bloc-recherche fieldset {
 	border:none;
 	padding:0;
 	width:100%;
+}
 #ef-form-niveau fieldset {
 	float: right;
 	margin-top: -30px;
 	padding: 0;
 	width: auto;
+}
 /* couleur des boutons non sélectionnés*/
 #ef-form-niveau .ui-buttonset {
 	margin-right: 25px;
+}
 #ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 	background-color:#C2C0AD;
 	color: #9AC343;
 	font-weight: bold;
+}
 #ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
 	background-color: #FFFFFF;
 	color: #EB8F00;
 	font-weight: bold;
+}
 #ef-form-niveau .ui-button-text-only .ui-button-text {
 	padding: 0.2em 0.5em;
+}
 #bloc-recherche h1, #contenu h1 {
 	background: none;
 	padding: 0 0 0 20px;
+}
 #bloc-recherche {
 	padding-bottom: 0;
+}
 #ef-form-nomenclature table {
 	width:100%;
+}
 #ef-form-nomenclature h1 {
 	margin:0 0 3px 16px;
+}
 #ef-form-nomenclature .champ {
 	padding:3px;
 	font-size:12px;
+}
 #ef-form-nomenclature .zone-choix-type-nom {
 	float:left;
 	padding:0 10px
+}
 #ef-form-nomenclature .titre-choix-nom {
 	padding:12px;
 	font-weight:bold
+}
 #ef-form-nomenclature #zone-liens-recherche  {
 	padding:5px;
+}
 #eflore_nomenclature_fiche {
 	background:url(../images/lien.png) no-repeat 0 -1px;
 	padding:0 0 0 17px;
 	color:#598000;
 	border:1px dotted #95AE5D;
 	border-width:0 0 1px 0;
 	cursor:pointer;
 	margin:0 0 0 19px;
 	font-size:12px
+}
 #ef-form-nomenclature input.ok {
 	color:rgba(0,0,0,0);
 	font-size:12px;
 	font-weight:bold;
 	padding:3px 10px 3px 10px;
 	background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
+}
 #ef-form-nomenclature input.ok:hover {
 	background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
 	cursor:pointer;
+}
 #ef-form-nomenclature label {
 	font-size:12px
+}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Formulaire d'autocompletion */
 .ui-autocomplete a {
 	text-decoration:none;
 	border-bottom:none;
+}
 .ui-menu {
 	list-style:none;
 	padding: 2px;
 	margin: 0;
 	display:block;
 	float: left;
 	font-size: 11px;
 	font-family: arial;
+}
 .ui-menu .ui-menu-item a {
 	text-decoration:none;
 	display:block;
 	padding:.2em .4em;
 	line-height:0.8;
 	zoom:1;
+}
 #nom.valeur-defaut-recherche {
 	color:#848484;
 	font-style:italic;
 	font-weight:0.9em;
+}
 /*----------------------------------------------------------------------------------------------------------*/
 /* Résultats */
 .zone-resultat {
 	margin-left:-40px;
 	min-height:101px;
 	padding:10px;
 	margin-bottom:10px;
 	background:#f8f9ec;
 	border:solid 1px #f1f3de;
 	-moz-border-radius:10px;
 	-webkit-border-radius:10px;
 	border-radius:10px;
 	font-size:13px;
 	-moz-box-shadow:3px 3px 3px #DDD;
+}
 .zone-resultat img {
 	border:solid 2px #DDD
+}
 .surlignage {
 	background-color: #E6FFA2;
+}
 #ef-resultats-decomposition #col-ns{
 	width:33%;
+}
 #ef-resultats-decomposition .retenu, #ef-resultats-decomposition .synonyme{
 	font-size:0.8em;
+}
 #ef-resultats-decomposition .retenu{
 	font-weight:bold;
+}
 #ef-resultats-determination .synonymes li {
 	background: none;
 	line-height: 18px;
 	list-style: none outside none;
 	padding-left: 15px;
+}
 #ef-resultats-nv-determination table, #ef-resultats-nv-determination table tbody, #ef-resultats-nv-determination table td {
 	border: none;
 	background: none;
+}
 #ef-resultats-nv-determination .nom {
 	width: 30%;
 	vertical-align: top;
 	margin-top: 5px;
+}
 #ef-resultats-nv-determination .nom ul, li{
 	margin: 0;
 	margin-bottom: 5px
-}
+}
+/*----------------------------------------------------------------------------------------------------------*/
+/* Fiche */
+#bloc-fiche h1 {
+	background: none repeat scroll 0 0 transparent;
+	padding: 0 0 0 20px;
+}
+#zone_contenu_fiche { /* fond des onglets */
+	border:solid 1px #DDD;
+	border-width:0px 1px 1px 1px;
+	background-color:#FFFFFF;
+	width:100%;
+	min-height:300px;
+	clear:left;
+	padding-top: 0.4em;
+}
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /* onglets + blocs */
+	border-bottom-right-radius: 0;
+}
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /* onglets + blocs */
+	border-bottom-left-radius: 0;
+}
+.colonne {
+	float:left;
+	padding-bottom:10px;
+	width:33%;
+	margin: 0 1px;
+}
+/* bloc */
+.module {
+	margin: 0 1em 0.5em 0;
+	width: 99%;
+}
+.module .titre{
+	padding-bottom: 4px;
+	padding-left: 0.2em;
+	cursor:move;
+}
+.module .titre .ui-icon {
+	float: right;
+}
+.lienToggle { /* +/- du titre */
+	cursor:pointer
+}
+.module .contenu {
+	padding: 0.4em;
+}
+.ui-sortable-placeholder { /* déplacement bloc */
+	border: 1px dotted black;
+	visibility: visible !important;
+	height: 50px !important;
+}
+.ui-sortable-placeholder * {
+	visibility: hidden;
+}
+/* Onglets */
+#zone_onglets {
+	margin-top: 0.1em;
+	border-width: 1px 1px 0 1px;
+	border-radius:0;
+	width:100%;
+	font-size:12px
+}
+#zone_onglets .ui-tabs { /* taille de la barre d'onglets */'
+	padding:0;
+	position: relative;
+}
+.ui-tabs .ui-tabs-nav li a {
+	float: left;
+	padding: 0.3em 1em;
+	text-decoration: none;
+}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /* couleur des onglets */
+	color: #9AC343;
+	text-decoration: none;
+}
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
+	color: #EB8F00;
+	text-decoration: none;
+}
+#zone_onglets ul li {
+	list-style:none;
+}
+#zone_onglets li {
+	float:left;
+}
+#zone_onglets li .ui-icon-close {
+	float: left;
+	margin: 0.4em 0.2em 0 0;
+	cursor: pointer;
+}
+#zone_onglets li a.lien-onglet {
+	overflow: hidden;
+	text-decoration: none;
+	border-bottom: none;
+}
+#zone_onglets li a.lien-onglet hover {
+	overflow: hidden;
+	text-decoration: none;
+	border-bottom: none;
+}
+/* Menu et + */
+#zone_onglets #ongletEtPlus {
+	cursor: pointer;
+	float:right;
+	z-index:2001;
+}
+#zone_onglets #ongletEtPlus a {
+	border-bottom: none;
+}
+#lienOngletEtPlus { /* icone */
+	width:6px;
+}
+.menuModules { /* liste */
+	left: 495px;
+	width: 187px;
+	position: absolute;
+	border: 1px solid #DCD1CC;
+	margin: 0px;
+	padding: 0px;
+	top: 30px;
+	z-index:2000;
+	background-color: #F9F9F9;
+	color: #9AC343;
+	font-weight: bold;
+}
+.elementMenuModules { /* element de la liste */
+	display:block;
+	border: 1px solid white;
+	width: 150px;
+	padding: 10px 10px 10px 25px;
+	margin:0px;
+	cursor: pointer;
+}
+.elementMenuModules:hover {
+	background-color: #FEBF01;
+}
+.elementMenuModulesSelectionne {
+	background-color: #F6AF39;
+	color: white;
+}
+#dialog label, #dialog input { display:block; }
+#dialog label { margin-top: 0.5em; }
+#dialog input, #dialog textarea { width: 95%; }

Subversion Repositories eFlore/Applications.eflore-consultation

(root)/trunk/presentations/styles/eflore.css – Rev 206 → 226