From 9db296e84412c42fb170cfa52833ccfefcd8774e Mon Sep 17 00:00:00 2001 From: Serghei MIHAI Date: Tue, 8 Oct 2013 15:06:50 +0200 Subject: [PATCH] Forms styles updated --- wcs.css | 307 ++++++++++++++++++++++++++------------------------------ 1 file changed, 143 insertions(+), 164 deletions(-) diff --git a/wcs.css b/wcs.css index 7aa11aa..79cecec 100644 --- a/wcs.css +++ b/wcs.css @@ -22,7 +22,6 @@ /* 17 - Presse */ /* 18 - Mediatheques */ /* 19 - Formulaires */ -/* 20 - Carousel */ /* 21 - Plan du site */ /* 22 - Calendrier */ /* 23 - RTE */ @@ -552,125 +551,105 @@ p.empty {margin:10px 0;} .mediatheque .gallery .abstract {color:#4d4d4d; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin-bottom:10px; font-size:15px;} /* 19 : Formulaires */ -.artifica-form {clear:both; margin:0 0 20px;} -.artifica-form label {cursor:pointer;} -.artifica-form input, .artifica-form select {font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;} -.artifica-form fieldset {background-color:#e6e6e6; border:none; margin-top:20px; padding:0;} -.artifica-form legend {background:#ab9fb4; color:#FFF; font-size:1.25em; font-weight:bold; margin:0; padding:5px 0 5px 30px; text-transform:uppercase; width:610px;} -.artifica-form div, -.artifica-form fieldset dl {margin:0 0 10px;} -.artifica-form div label {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:3px 0; text-align:right; width:160px;} /* TAILLE A MODIFIER POUR CENTRER */ -.artifica-form dt {display:block; min-height:33px;} -.artifica-form div input, -.artifica-form div textarea {background:#FFF; border:1px solid #CDCDCD; color:#4c4c4c; display:block; font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px; width:280px;} /* TAILLE A MODIFIER */ -.artifica-form div input:hover, -.artifica-form div textarea:hover, -.artifica-form div input:focus, -.artifica-form div textarea:focus {border-color:#F15A24;} -.artifica-form div select {background:#FFF; border:1px solid #CDCDCD; color:#666; padding:2px 0 0; height:28px; width:286px;} -.artifica-form div textarea {padding:5px 0 0 5px; width:280px; overflow:auto; vertical-align:top; resize:vertical;} -.artifica-form div input, -.artifica-form div input[type="file"] {background:#fff; border:1px solid #cdcdcd; display:inline; text-indent:0;} -/*.artifica-form .file-infos {display:block; font-size:smaller;}*/ -.artifica-form .submit {background:#000; -webkit-border-radius:5px; border:none; border-radius:5px; color:#29ABD2; cursor:pointer; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase; width:auto;} -.artifica-form .submit:active {position:relative; top:1px;} -.artifica-form dd {font:1em/1.250em Arial,sans-serif; margin:0 0 0 160px; padding:0;} /* TAILLE A MODIFIER */ -.artifica-form fieldset div {clear:both; margin:0; overflow:visible; padding:5px 0; position:relative;} -.artifica-form small, -.artifica-form .file-infos {/*color:#4c4c4c; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.667em; line-height:13px; font-weight:normal; margin-top:-2px;*/color:#4c4c4c; display:block; float:right; font-size:1em; line-height:13px; margin:0 20px 0 0; width:130px;} -.artifica-form .file-uploaded {display:block; margin:1em 0;} -.ie7 .artifica-form .file-uploaded {clear:both; margin:1em auto; width:75%;} -.artifica-form .file-uploaded a {background:#fff; border:1px solid #CDCDCD; line-height:1.5; padding:2px 5px;} -.ie7 .artifica-form .file-uploaded label {float:none; margin:0 0 0 5px;} -.artifica-form .file-uploaded input {left:0; margin:0 0 0 5px; position:relative; top:3px;} -.artifica-form em {font:bold 11px/13px Verdana, sans-serif; color:#f15a24;} -.artifica-form .error {clear:none; color:#ee333a; display:block; font:bold 11px/10px Arial, sans-serif; margin:0 0 3px 171px; padding:0;} -.artifica-form p {margin:7px; font:1em/1.250em Arial, sans-serif;} -.artifica-form .comments {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; margin:5px 0; padding:10px 30px; background:#D2C3D2; color:#4c4c4c; border:none;} -.artifica-form .buttons {margin:0; overflow:hidden; -height:1%; padding:0; text-align:center;} -.artifica-form-response-output {background:url("../img/icons/error.png") no-repeat 25px 17px; color:#EE333A; border:2px solid #EE333A; margin:0 0 20px 0; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;} -.artifica-form-confirmation {color:#f00; margin:0 0 20px 0; padding:10px;} -.artifica-form .radio span, -.artifica-form .label_check {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:0; text-align:right; width:160px;} /* TAILLE A MODIFIER */ -.artifica-form .radio .error {top:0;} -.artifica-form .radio ul {padding:0;} -.artifica-form .radio ul input, -.artifica-form .check input {float:left; width:auto;} -.artifica-form .check {margin-left:150px; overflow:hidden;} /* TAILLE A MODIFIER POUR CENTRER */ -.artifica-form .radio ul {margin-left:170px;} /* TAILLE A MODIFIER POUR CENTRER */ -.artifica-form .radio ul li {height:1.6em;} -.artifica-form .radio ul label {text-align:left; margin:0 10px 0 5px; width:auto;} -.artifica-form .alert {background:url("../img/icons/error.png") no-repeat scroll 463px 21px; overflow:visible; padding:5px 0;} -.artifica-form div input, -.artifica-form div textarea, -.artifica-form div select {background:#FFF;} -.artifica-form input[type="radio"], -.artifica-form input[type="checkbox"] {border:0; width:auto;} -.artifica-form .champs {color:#ee333a; font-size:10px; left:690px; line-height:12px; margin:0; text-align:right;} -.artifica-form .buttons .require {color:#F15A24; display:block; font-size:0.833em; text-align:right;} -.artifica-form div .radio ul label, -.artifica-form div .check label {padding:0;} +.widget {clear:both; margin:0 0 20px;} +.widget label {cursor:pointer;} +.widget input, .widget select {font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;} +.widget fieldset {background-color:#e6e6e6; border:none; margin-top:20px; padding:0;} +.widget legend {background:#ab9fb4; color:#FFF; font-size:1.25em; font-weight:bold; margin:0; padding:5px 0 5px 30px; text-transform:uppercase; width:610px;} +.widget div, +.widget fieldset dl {margin:0 0 10px;} +.widget div label {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:3px 0; text-align:right; width:230px;} +.widget dt {display:block; min-height:33px;} +.widget div input[type=text], +.widget div textarea {background:#FFF; border:1px solid #CDCDCD; color:#4c4c4c; display:block; font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px; width:280px;} /* TAILLE A MODIFIER */ +.widget div input:hover, +.widget div textarea:hover, +.widget div input:focus, +.widget div textarea:focus {border-color:#F15A24;} +.widget div select {background:#FFF; border:1px solid #CDCDCD; color:#666; padding:2px 0 0; height:28px; width:286px;} +.widget div textarea {padding:5px 0 0 5px; width:280px; overflow:auto; vertical-align:top; resize:vertical;} +.widget div input, +.widget div input[type="file"] {background:#fff; border:1px solid #cdcdcd; display:inline; text-indent:0;} +.widget .submit {background:#000; -webkit-border-radius:5px; border:none; border-radius:5px; color:#29ABD2; cursor:pointer; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase; width:auto;} +.widget .submit:active {position:relative; top:1px;} +.widget dd {font:1em/1.250em Arial,sans-serif; margin:0 0 0 160px; padding:0;} /* TAILLE A MODIFIER */ +.widget fieldset div {clear:both; margin:0; overflow:visible; padding:5px 0; position:relative;} +.widget small, +.widget .file-infos {/*color:#4c4c4c; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.667em; line-height:13px; font-weight:normal; margin-top:-2px;*/color:#4c4c4c; display:block; float:right; font-size:1em; line-height:13px; margin:0 20px 0 0; width:130px;} +.widget .file-uploaded {display:block; margin:1em 0;} +.ie7 .widget .file-uploaded {clear:both; margin:1em auto; width:75%;} +.widget .file-uploaded a {background:#fff; border:1px solid #CDCDCD; line-height:1.5; padding:2px 5px;} +.ie7 .widget .file-uploaded label {float:none; margin:0 0 0 5px;} +.widget .file-uploaded input {left:0; margin:0 0 0 5px; position:relative; top:3px;} +.widget em {font:bold 11px/13px Verdana, sans-serif; color:#f15a24;} +.widget .error {clear:none; color:#ee333a; display:block; font:bold 11px/10px Arial, sans-serif; margin:0 0 3px 171px; padding:0;} +.widget p {margin:7px; font:1em/1.250em Arial, sans-serif;} +.widget .comments {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; margin:5px 0; padding:10px 30px; background:#D2C3D2; color:#4c4c4c; border:none;} +.widget .buttons {margin:0; overflow:hidden; -height:1%; padding:0; text-align:center;} +.widget-response-output {background:url("../img/icons/error.png") no-repeat 25px 17px; color:#EE333A; border:2px solid #EE333A; margin:0 0 20px 0; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;} +.widget-confirmation {color:#f00; margin:0 0 20px 0; padding:10px;} +.widget .radio span, +.widget .label_check {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:0; text-align:right; width:160px;} /* TAILLE A MODIFIER */ +.widget .radio .error {top:0;} +.widget .radio ul {padding:0;} +.widget .radio ul input, +.widget .check input {float:left; width:auto;} +.widget .check {margin-left:150px; overflow:hidden;} /* TAILLE A MODIFIER POUR CENTRER */ +.widget .radio ul {margin-left:170px;} /* TAILLE A MODIFIER POUR CENTRER */ +.widget .radio ul li {height:1.6em;} +.widget .radio ul label {text-align:left; margin:0 10px 0 5px; width:auto;} +.widget .alert {background:url("../img/icons/error.png") no-repeat scroll 463px 21px; overflow:visible; padding:5px 0;} +.widget div input, +.widget div textarea, +.widget div select {background:#FFF;} +.widget input[type="radio"], +.widget input[type="checkbox"] {border:0; width:auto;} +.widget .champs {color:#ee333a; font-size:10px; left:690px; line-height:12px; margin:0; text-align:right;} +.widget .buttons .require {color:#F15A24; display:block; font-size:0.833em; text-align:right;} +.widget div .radio ul label, +.widget div .check label {padding:0;} /*-CAPTCHA-*/ -.artifica-form .captcha {text-align:left;} -.artifica-form .captcha .alert {background-position:486px 10px; margin-top:12px;} -.artifica-form .captcha ul {color:#000; margin:0 0 0 250px; padding:0; list-style:none;} -.artifica-form .captcha li {margin:0 10px 0 0; padding:0; display:inline;} -.artifica-form .captcha p {text-align:center;} -.artifica-form .captcha p strong {color:#F15A24;} -.artifica-form .captcha label {margin:0 10px 0 40px; padding:3px 0; width:140px;} /* TAILLE A MODIFIER POUR CENTRER */ +.widget .captcha {text-align:left;} +.widget .captcha .alert {background-position:486px 10px; margin-top:12px;} +.widget .captcha ul {color:#000; margin:0 0 0 250px; padding:0; list-style:none;} +.widget .captcha li {margin:0 10px 0 0; padding:0; display:inline;} +.widget .captcha p {text-align:center;} +.widget .captcha p strong {color:#F15A24;} +.widget .captcha label {margin:0 10px 0 40px; padding:3px 0; width:140px;} /* TAILLE A MODIFIER POUR CENTRER */ /*-ALERT-*/ -.artifica-form div.alert input, -.artifica-form div.alert textarea, -.artifica-form div.alert select {border-color:#EE333A;} +.widget div.alert input, +.widget div.alert textarea, +.widget div.alert select {border-color:#EE333A;} -.artifica-form .date select {width:93px;} +.widget .date select {width:93px;} /* ===== Fomulaire avec label au-dessus des éléments de formulaire -Attention IE6- ===== */ -.artifica-form .label-top .radio span {display:block; float:none; margin:0 0 5px; text-align:left; width:auto;} -.artifica-form .label-top .alert .radio span {display:block; float:none; margin:0 0 15px; text-align:left; width:auto;} -.artifica-form .label-top label {display:block; float:none; margin:0; text-align:left; width:auto;} -.artifica-form .label-top .alert label {margin:0 0 15px;} -.artifica-form .label-top .error {bottom:30px; left:0; margin:0; top:auto;} -.artifica-form .label-top input, -.artifica-form .label-top textarea, -.artifica-form .label-top select {margin:0;} -.artifica-form .label-top .file-infos, -.artifica-form .label-top .file-uploaded {margin-left:0;} -.artifica-form .label-top .radio ul input {margin:0;} -.artifica-form .label-top div .radio ul label, -.artifica-form .label-top div .check label {margin:0 0 0 15px;} -.artifica-form .label-top div .radio ul label {overflow:hidden;/*IE9*/} -.artifica-form .label-top .alert {background-position:291px 43px;} -.artifica-form .label-top .radio ul {margin-left:0;} -.artifica-form .label-top small {display:inline; margin-left:5px;} -.artifica-form .label-top .comments {margin:10px 0;} -.artifica-form .label-top .captcha ul {margin:0 0 0 10px;} -.artifica-form .label-top .radio .error {left:0; top:14px;} -.artifica-form .label-top .check {margin:0; padding-bottom:25px; top:15px;} -.artifica-form .label-top .label_check {width:auto;} +.widget .label-top .radio span {display:block; float:none; margin:0 0 5px; text-align:left; width:auto;} +.widget .label-top .alert .radio span {display:block; float:none; margin:0 0 15px; text-align:left; width:auto;} +.widget .label-top label {display:block; float:none; margin:0; text-align:left; width:auto;} +.widget .label-top .alert label {margin:0 0 15px;} +.widget .label-top .error {bottom:30px; left:0; margin:0; top:auto;} +.widget .label-top input, +.widget .label-top textarea, +.widget .label-top select {margin:0;} +.widget .label-top .file-infos, +.widget .label-top .file-uploaded {margin-left:0;} +.widget .label-top .radio ul input {margin:0;} +.widget .label-top div .radio ul label, +.widget .label-top div .check label {margin:0 0 0 15px;} +.widget .label-top div .radio ul label {overflow:hidden;/*IE9*/} +.widget .label-top .alert {background-position:291px 43px;} +.widget .label-top .radio ul {margin-left:0;} +.widget .label-top small {display:inline; margin-left:5px;} +.widget .label-top .comments {margin:10px 0;} +.widget .label-top .captcha ul {margin:0 0 0 10px;} +.widget .label-top .radio .error {left:0; top:14px;} +.widget .label-top .check {margin:0; padding-bottom:25px; top:15px;} +.widget .label-top .label_check {width:auto;} /* Récapitulation */ -.artifica-form .recap {margin:30px;} -.artifica-form .recap.rteContent h3 {color:#29ABD2;} - -/* 20 = Carousel */ -.carousel {margin-bottom:20px;} -.carousel .contentTitle {background:#FFF; color:#4c4c4c; display:block; font-family:"PTSansBold", Trebuchet MS; font-size:15px; padding-bottom:5px; text-transform:uppercase;} -.home .carousel .contentTitle {margin:0; padding:0 0 5px;} -.carousel li {display:none;} -.carousel .illustration {height:268px; overflow:hidden; position:relative; width:640px;} -.carousel .cartouche {background:url("../img/bgBlack80.png") repeat 0 0; height:232px; left:0; padding:36px 23px 0; position:absolute; top:0; width:204px;} -.carousel .cartouche .category {color:#999; font-family:"PTSansBold", Trebuchet MS; font-size:22px; line-height:22px;} -.carousel .cartouche .title {color:#FFF; font-family:"RokkittRegular","Times New Roman"; font-size:28px; font-weight:normal; line-height: 0.9;} -.carousel .cartouche .title a {color:#FFF;} -.carousel .cartouche .abstract {color:#FFF; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin-bottom:10px; font-size:15px;} -.carousel .cartouche .more {font-family:"PTSansRegular", Trebuchet MS; font-size:13px; text-transform:uppercase;} -.carousel .cartouche .more a:hover {color:#A9DDED; text-decoration:none;} -.carousel .bgBottom {background:url("../img/bgCarousel.png") no-repeat 0 0; height:7px; width:641px;} -.carousel .controls {margin-top:5px; text-align:center;} -.carousel .controls a {background:url("../img/sprites_v.png") no-repeat 0 -1005px; display:inline-block; height:8px; margin-right:5px; text-indent:-9999px; width:8px;} -.carousel .controls a.on {background-position:0 -1113px;} -.carousel .illustration .imageCopyright {display:none;} +.widget .recap {margin:30px;} +.widget .recap.rteContent h3 {color:#29ABD2;} /* 21 = Plan du site */ .csc-sitemap {margin-bottom:10px;} @@ -891,21 +870,21 @@ p.empty {margin:10px 0;} /* Rajouts modal */ img.btn_close {float:right; margin:-55px -55px 0 0;} .overlay-modal .close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} -.artifica-form .info-form {display:block; padding-left:39px; width:450px;} -.artifica-form .obligatoire {position:absolute; right:0;} +.widget .info-form {display:block; padding-left:39px; width:450px;} +.widget .obligatoire {position:absolute; right:0;} #popup {padding:0 10px;} -#overlay-modal .artifica-form.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;} +#overlay-modal .widget.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;} /* MODAL */ #fade {background:#000; display:none; height:100%; left:0; opacity:.80; position:fixed; top:0; width:100%; z-index:11000;} .overlay-modal {background:#333; border:1px solid #666; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; display:none; float:left; font-size:1.2em; left:50%; padding:0px; position:fixed; top:50%; z-index:12000;} img.btn_close {float:right; margin:-55px -55px 0 0;} .overlay-modal .close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} -.artifica-form .info-form {display:block; padding-left:39px; width:450px;} -.artifica-form .obligatoire {position:absolute; right:0;} +.widget .info-form {display:block; padding-left:39px; width:450px;} +.widget .obligatoire {position:absolute; right:0;} #popup {padding:0 10px;} #popup h1 {color:#003B6E; font-size:24px; text-align:left;} -#overlay-modal .artifica-form.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;} +#overlay-modal .widget.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;} #overlay-modal a.close {background-image:url(../img/galerie/close.png); padding:0; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; z-index:9999;} #overlay-modal .info {background:#333 !important; position:absolute; bottom:0; left:0; padding:10px 5%; color:#fff; font:12px/16px Arial, sans-serif; border-top:1px solid #666; opacity:0.8; width:90%;} #overlay-modal .info strong {display:block;} @@ -1006,13 +985,13 @@ html.modalHTML {background:#FFF;} .directoriesSingle .singleColRight .blocDirectory .email a {background:url("../img/sprites_v.png") no-repeat 9px -3398px;} /*-Recherche-*/ -.directorySearch .artifica-form {margin:0; padding:20px;} -.directorySearch .artifica-form fieldset {background:none; border:none; margin:0; padding:0;} -.directorySearch .artifica-form legend, .directorySearch .artifica-form label {display:none;} -.directorySearch .artifica-form div input, .directorySearch .artifica-form div textarea {border:10px solid #29ABD2; width:180px;} -.directorySearch .artifica-form div select {width:206px;} -.directorySearch .artifica-form .buttons .require {display:none;} -.directorySearch .artifica-form .submit {background:#000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#29abd2; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase;} +.directorySearch .widget {margin:0; padding:20px;} +.directorySearch .widget fieldset {background:none; border:none; margin:0; padding:0;} +.directorySearch .widget legend, .directorySearch .widget label {display:none;} +.directorySearch .widget div input, .directorySearch .widget div textarea {border:10px solid #29ABD2; width:180px;} +.directorySearch .widget div select {width:206px;} +.directorySearch .widget .buttons .require {display:none;} +.directorySearch .widget .submit {background:#000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#29abd2; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase;} /*-Listing-*/ .directoryListing .searchResults, @@ -1105,16 +1084,16 @@ html.modalHTML {background:#FFF;} .artifica-feuser {margin:0 auto 20px; width:424px;} .artifica-feuser fieldset {padding:20px;} .artifica-feuser legend, -.gestionAnnuaire .artifica-form legend {background:none; color:#4D4D4D; display:block; left:0; padding:0; position:absolute; top:-25px; width:auto;} +.gestionAnnuaire .widget legend {background:none; color:#4D4D4D; display:block; left:0; padding:0; position:absolute; top:-25px; width:auto;} .artifica-feuser .connexion, .gestionAnnuaire .rubriques li {background:url("../img/sprite_a.png") no-repeat 20px 25px #E6E6E6; border-bottom:1px solid #FFF; padding:20px 20px 20px 114px; position:relative;} -.artifica-form div input {color:#666; font-size:1.333em;} +.widget div input {color:#666; font-size:1.333em;} .artifica-feuser #user, .artifica-feuser #pass, -.gestionAnnuaire .artifica-form div input, -.gestionAnnuaire .artifica-form div textarea, -.gestionAnnuaire .artifica-form div select, -.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea iframe {-webkit-box-shadow:0 0 3px 0 #AAA inset; box-shadow:0 0 3px 0 #AAA inset; float:right; margin:0 429px 0 0; padding:5px 5px 5px 17px; width:308px;} +.gestionAnnuaire .widget div input, +.gestionAnnuaire .widget div textarea, +.gestionAnnuaire .widget div select, +.gestionAnnuaire .management .widget fieldset .jHtmlArea iframe {-webkit-box-shadow:0 0 3px 0 #AAA inset; box-shadow:0 0 3px 0 #AAA inset; float:right; margin:0 429px 0 0; padding:5px 5px 5px 17px; width:308px;} .artifica-feuser #user, .artifica-feuser #pass {margin:0;} .hiddenLabel label, @@ -1123,12 +1102,12 @@ html.modalHTML {background:#FFF;} .artifica-feuser .buttons .submit {font-size:1.25em; width:200px;} .artifica-feuser .oubli a {color:#333; font-size:1.25em; left:-80px; position:relative; top:0;} /*-Formulaires-*/ -.gestionAnnuaire .artifica-form {margin:0 0 20px 108px; width:468px;} +.gestionAnnuaire .widget {margin:0 0 20px 108px; width:468px;} .gestionAnnuaire fieldset {margin:50px 0 0; padding:20px; position:relative;} -.gestionAnnuaire .artifica-form div label {width:auto;} -.artifica-form .captcha label {margin:0 10px 0 20px; width:auto;} -.gestionAnnuaire .artifica-form .captcha ul {margin:0 0 0 172px;} -.gestionAnnuaire .artifica-form .captcha label {margin:0; text-align:left; width:90px;} +.gestionAnnuaire .widget div label {width:auto;} +.widget .captcha label {margin:0 10px 0 20px; width:auto;} +.gestionAnnuaire .widget .captcha ul {margin:0 0 0 172px;} +.gestionAnnuaire .widget .captcha label {margin:0; text-align:left; width:90px;} /*-lien connexion-*/ .artifica-feuser-id {font-size:1.167em; position:absolute; right:113px; top:3px;} .artifica-feuser-id a {font-weight:bold;} @@ -1137,7 +1116,7 @@ html.modalHTML {background:#FFF;} .gestionAnnuaire .content > article > h1 {color:#4D4D4D; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.25em; margin:0 0 10px; padding:0; text-transform:uppercase; width:auto;} .gestionAnnuaire .management .titrePrincipal {margin:20px 0 30px;} .gestionAnnuaire .rubriques li, -.gestionAnnuaire .ajoutEven .artifica-form fieldset {background:url("../img/sprite_a.png") no-repeat 20px -375px #8cc63f; float:left; height:80px; margin:0 10px 10px 0; position:relative; width:309px;} +.gestionAnnuaire .ajoutEven .widget fieldset {background:url("../img/sprite_a.png") no-repeat 20px -375px #8cc63f; float:left; height:80px; margin:0 10px 10px 0; position:relative; width:309px;} .gestionAnnuaire .rubriques .list-2, .modifierEven {background:url("../img/sprite_a.png") no-repeat 20px -175px #bb7e36; margin:0 0 10px;} @@ -1147,35 +1126,35 @@ html.modalHTML {background:#FFF;} .gestionAnnuaire .rubriques li a {bottom:20px; position:absolute; right:20px}; .gestionAnnuaire .btnBlack {bottom:20px; font-size:15px !important; left:auto; top:auto;} -.gestionAnnuaire .management .artifica-form {margin:0 0 20px; width:897px;} +.gestionAnnuaire .management .widget {margin:0 0 20px; width:897px;} -.gestionAnnuaire .management .artifica-form fieldset div {border-top:1px solid #aaa; margin:0 0 10px; overflow:hidden; padding:15px 0 5px;} -.gestionAnnuaire .management .artifica-form fieldset div div {border:0; border:0; margin:0; overflow:visible; padding:0;} +.gestionAnnuaire .management .widget fieldset div {border-top:1px solid #aaa; margin:0 0 10px; overflow:hidden; padding:15px 0 5px;} +.gestionAnnuaire .management .widget fieldset div div {border:0; border:0; margin:0; overflow:visible; padding:0;} -.gestionAnnuaire .management .artifica-form fieldset {margin:0; padding:30px 20px 20px;} -.gestionAnnuaire .management .artifica-form label {float:left; width:113px;} -.gestionAnnuaire .management .artifica-form .date select {float:left; margin:0; padding:3px 5px 5px; width:90px;} -.gestionAnnuaire .management .artifica-form legend {margin:30px 0 0 20px;} -.gestionAnnuaire .management .artifica-form div input, -.gestionAnnuaire .management .artifica-form div textarea {width:290px;} -.gestionAnnuaire .artifica-form div select {width:302px;} -.gestionAnnuaire .management .artifica-form .radio input[type="checkbox"] {background:none; border:0; float:left; margin:0 10px 0 125px; width:15px;} -.gestionAnnuaire .management .artifica-form .label-top .error {bottom:auto; left:130px; top:-6px;} +.gestionAnnuaire .management .widget fieldset {margin:0; padding:30px 20px 20px;} +.gestionAnnuaire .management .widget label {float:left; width:113px;} +.gestionAnnuaire .management .widget .date select {float:left; margin:0; padding:3px 5px 5px; width:90px;} +.gestionAnnuaire .management .widget legend {margin:30px 0 0 20px;} +.gestionAnnuaire .management .widget div input, +.gestionAnnuaire .management .widget div textarea {width:290px;} +.gestionAnnuaire .widget div select {width:302px;} +.gestionAnnuaire .management .widget .radio input[type="checkbox"] {background:none; border:0; float:left; margin:0 10px 0 125px; width:15px;} +.gestionAnnuaire .management .widget .label-top .error {bottom:auto; left:130px; top:-6px;} -.ie7.gestionAnnuaire .management .artifica-form .radio input[type="checkbox"], -.ie8.gestionAnnuaire .management .artifica-form .radio input[type="checkbox"] {margin:0x; padding:0;} +.ie7.gestionAnnuaire .management .widget .radio input[type="checkbox"], +.ie8.gestionAnnuaire .management .widget .radio input[type="checkbox"] {margin:0x; padding:0;} -.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea {border:0; clear:none; float:left; overflow:visible; padding:0;} -.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea .ToolBar {background:#E6E6E6; height:26px; left:12px;} -.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea .ToolBar ul {position:relative;} -.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea div {/*clear:none;*/} -.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea iframe {background:#fff; border:1px solid #ccc; left:21px; margin:0; position:relative;} +.gestionAnnuaire .management .widget fieldset .jHtmlArea {border:0; clear:none; float:left; overflow:visible; padding:0;} +.gestionAnnuaire .management .widget fieldset .jHtmlArea .ToolBar {background:#E6E6E6; height:26px; left:12px;} +.gestionAnnuaire .management .widget fieldset .jHtmlArea .ToolBar ul {position:relative;} +.gestionAnnuaire .management .widget fieldset .jHtmlArea div {/*clear:none;*/} +.gestionAnnuaire .management .widget fieldset .jHtmlArea iframe {background:#fff; border:1px solid #ccc; left:21px; margin:0; position:relative;} -.gestionAnnuaire .management .artifica-form .radio ul li {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; height:20px;} -.gestionAnnuaire .management .artifica-form .radio label {float:none; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.167em; font-weight:normal; margin:0; width:auto;} -.gestionAnnuaire .management .artifica-form .label-top small {background:url("../img/icons/help_icon.png") no-repeat 0 0; color:#666; display:block; float:right; font-size:0.733em; line-height:1.2; padding:0 0 5px 25px; width:370px;} +.gestionAnnuaire .management .widget .radio ul li {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; height:20px;} +.gestionAnnuaire .management .widget .radio label {float:none; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.167em; font-weight:normal; margin:0; width:auto;} +.gestionAnnuaire .management .widget .label-top small {background:url("../img/icons/help_icon.png") no-repeat 0 0; color:#666; display:block; float:right; font-size:0.733em; line-height:1.2; padding:0 0 5px 25px; width:370px;} .ajoutEven {position:relative;} -.gestionAnnuaire .ajoutEven .artifica-form fieldset {padding:20px; width:600px;} +.gestionAnnuaire .ajoutEven .widget fieldset {padding:20px; width:600px;} .ajoutEven .encart p, .modifierEven .texte, .management .agendaList .tags {color:#fff; font-family:"PTSansBold",Trebuchet MS; font-size:1.25em; margin:0 0 0 95px;} @@ -1211,11 +1190,11 @@ html.modalHTML {background:#FFF;} .management .agendaList .tag-active {background:#8cc63f;} .management .agendaList .tag-hidden {background:#c1272d;} -.artifica-feuser #user, .artifica-feuser #pass, .gestionAnnuaire .artifica-form div input, .gestionAnnuaire .artifica-form div textarea, .gestionAnnuaire .artifica-form div select, .gestionAnnuaire .management .artifica-form fieldset .jHtmlArea iframe {padding:5px;} +.artifica-feuser #user, .artifica-feuser #pass, .gestionAnnuaire .widget div input, .gestionAnnuaire .widget div textarea, .gestionAnnuaire .widget div select, .gestionAnnuaire .management .widget fieldset .jHtmlArea iframe {padding:5px;} /*-Alert-*/ -.management .artifica-form .label-top .alert {background-position:107px 3px;} +.management .widget .label-top .alert {background-position:107px 3px;} -.artifica-form-response-output.success {background:#8CC63F; border:0; clear:both; color:#fff; overflow:hidden; text-transform:uppercase;} +.widget-response-output.success {background:#8CC63F; border:0; clear:both; color:#fff; overflow:hidden; text-transform:uppercase;} .backToTheFuture {margin:10px 0;} .backToTheFuture a {background:#000; border:0; -webkit-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-family:"PTSansBold",Trebuchet MS; font-size:14px; padding:5px 10px; text-transform:uppercase; width:50px;}