350 lines
6.1 KiB
CSS
350 lines
6.1 KiB
CSS
/* CSS teleservices Orleans
|
|
*surcharge apres artifica.css
|
|
*/
|
|
|
|
/* pas de bloc "mon espace" */
|
|
div#myspace {
|
|
display: none;
|
|
}
|
|
|
|
/* pas de titre "démarche" sur les pages */
|
|
h2#services {
|
|
display: none;
|
|
}
|
|
|
|
/* pas de point bizarres devant les listes */
|
|
.rteContent ul li {
|
|
background: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/*
|
|
* fix breadcrumbs... (hacks)
|
|
*/
|
|
|
|
.breadcrumbs li.auquobc {
|
|
visibility: hidden;
|
|
}
|
|
.breadcrumbs li.auquobc a:first-child {
|
|
display: none;
|
|
}
|
|
.breadcrumbs li.auquobc a {
|
|
visibility: visible;
|
|
}
|
|
.breadcrumbs li.auquobc a:before {
|
|
content: "/";
|
|
padding-right: 7px;
|
|
text-decoration: none;
|
|
white-space: pre-wrap;
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
/*
|
|
* page d'accueil
|
|
*
|
|
*/
|
|
|
|
/* ne pas afficher le mot "démarches" */
|
|
div#centre div#services h3 {
|
|
display: none;
|
|
}
|
|
|
|
/* affichage des catégories */
|
|
div#centre div#services ul li strong a {
|
|
color: #666;
|
|
font-family: "RokkittRegular", Times New Roman;
|
|
font-size: 3em;
|
|
line-height: 1em;
|
|
}
|
|
|
|
/* description catégories */
|
|
div#centre div#services ul li p {
|
|
font-size: 1em;
|
|
}
|
|
|
|
/* liste des formulaires */
|
|
div#centre div#services ul li ul li a {
|
|
background: url("img/icons/ico-link-hover.png") no-repeat left center;
|
|
padding-left: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/*
|
|
* page d'une catégorie
|
|
*
|
|
*/
|
|
|
|
/* nom en gros */
|
|
.rteContent h3 {
|
|
color: #666;
|
|
font-family: "RokkittRegular", Times New Roman;
|
|
font-size: 3.667em;
|
|
line-height: 1em;
|
|
}
|
|
|
|
ul.catforms li a {
|
|
background: url("img/icons/ico-link-hover.png") no-repeat left center;
|
|
padding-left: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/*
|
|
* dans un formulaire : form.quixote
|
|
*
|
|
*/
|
|
|
|
/* message d'erreur général, très visible */
|
|
form.quixote div.errornotice {
|
|
font-size: 1.5em;
|
|
border: solid 2px black;
|
|
padding: 10px;
|
|
margin: 25px;
|
|
background-color: #ffa;
|
|
}
|
|
|
|
/* un peu d'espace en dessous de chaque champ */
|
|
form.quixote div.widget {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* titre d'un champ */
|
|
form.quixote div.widget div.title {
|
|
color: #000;
|
|
font-size: 1.5em;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* champ obligatoire */
|
|
form.quixote span.required {
|
|
color: #f00;
|
|
margin-left: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* contenu du champ */
|
|
form.quixote div.widget div.content {
|
|
float: none;
|
|
width: auto;
|
|
}
|
|
|
|
/* tooltips en dessous des champs */
|
|
/* message (par exemple préremplis) */
|
|
form.quixote div.widget div.content div.message {
|
|
color: #666;
|
|
font-size: 1.1em;
|
|
}
|
|
/* hint / aide */
|
|
form.quixote div.widget div.content div.hint {
|
|
color: #000;
|
|
font-size: 1.1em;
|
|
}
|
|
/* message d'erreur en rouge */
|
|
form.quixote div.widget-with-error div.error {
|
|
color: #f00;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* titre et sous-titres */
|
|
form.quixote h3 {
|
|
font-size: 2.66em;
|
|
}
|
|
form.quixote h4 {
|
|
font-size: 2em;
|
|
color: #666;
|
|
font-family: "RokkittRegular", Times New Roman;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
/* texte : remettre un peu d'espace après le dernier paragraphe
|
|
(car artifica le retire) */
|
|
form.quixote div p:last-child {
|
|
margin-bottom: 15px;
|
|
}
|
|
form.quixote p:last-child {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/*
|
|
* widgets
|
|
*
|
|
*/
|
|
|
|
form.quixote input, form.quixote select {
|
|
display: inline;
|
|
font-size: 1.55em;
|
|
color: #000;
|
|
padding: 2px;
|
|
}
|
|
|
|
form.quixote input {
|
|
background: #fff;
|
|
border: 1px solid #cdcdcd;
|
|
}
|
|
|
|
/* boutons checkbox*/
|
|
form.quixote div.widget input[type="checkbox"] {
|
|
margin-right: 10px;
|
|
}
|
|
form.quixote ul.inline {
|
|
margin: 0;
|
|
}
|
|
|
|
/* boutons radio */
|
|
form.quixote div.RadiobuttonsWidget div.content {
|
|
font-size: 1.5em;
|
|
line-height: 1.5em;
|
|
color: #000;
|
|
}
|
|
form.quixote div.RadiobuttonsWidget div.content input {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* liste en "readonly" simulé */
|
|
form.quixote div.wcs-readonly select {
|
|
border: 0;
|
|
background: transparent;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
}
|
|
form.quixote div.wcs-readonly span.required {
|
|
display: none;
|
|
}
|
|
|
|
/* upload de fichier */
|
|
|
|
form.quixote div.FileWidget {
|
|
margin-bottom: 0px;
|
|
}
|
|
form.quixote div.FileWidget div.content {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
form.quixote div.file-upload-widget div.fileprogress {
|
|
font-size: 1em;
|
|
width: 500px;
|
|
}
|
|
form.quixote div.file-upload-widget div.bar {
|
|
background: url("img/progressbar.gif") repeat-x !important;
|
|
height: 22px;
|
|
}
|
|
form.quixote div.file-upload-widget div.fileinfo span.filename {
|
|
color: #000;
|
|
font-size: 1.5em;
|
|
border: 1px solid #cdcdcd;
|
|
padding: 2px;
|
|
}
|
|
form.quixote div.file-upload-widget div.fileinfo a.remove {
|
|
background: url("img/icons/edit-delete.png") no-repeat left center;
|
|
padding-left: 20px;
|
|
margin-left: 15px;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
/* boutons d'action (en bas de page) */
|
|
form.quixote div.buttons div.SubmitWidget {
|
|
margin-bottom: 0px;
|
|
}
|
|
form.quixote div.buttons div.SubmitWidget div.content {
|
|
float: left;
|
|
}
|
|
|
|
form.quixote div.buttons div.SubmitWidget input {
|
|
background: #ccc;
|
|
border: none;
|
|
border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
color: #29ABD2;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
padding: 10px 25px;
|
|
text-transform: uppercase;
|
|
width: auto;
|
|
}
|
|
form.quixote div.buttons div.submit-button input {
|
|
background: #333;
|
|
}
|
|
|
|
|
|
form.quixote div.buttons {
|
|
margin: 1em 0;
|
|
clear: both;
|
|
height:1%;
|
|
padding: 20px 0px;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
div.form-validation div.block-edit-custom-text {
|
|
font-size: 1.5em;
|
|
border: solid 2px black;
|
|
padding: 10px;
|
|
margin: 25px;
|
|
background-color: #ffa;
|
|
}
|
|
|
|
/*
|
|
* page de fin d'un formulaire
|
|
*/
|
|
|
|
/* ne pas afficher le rappel des données */
|
|
div.dataview {
|
|
display: none;
|
|
}
|
|
|
|
/* ne pas afficher le retour à l'accueil */
|
|
div.back-home-button {
|
|
/* display: none; ah ben si en fait */
|
|
float: right;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
/*
|
|
* page de statut
|
|
*/
|
|
|
|
/* pas d'info générique */
|
|
/* div#receipt-intro {
|
|
display: none;
|
|
} */
|
|
|
|
/* pas de résumé */
|
|
div#summary {
|
|
display: none;
|
|
}
|
|
|
|
/* journal */
|
|
|
|
div#evolution-log {
|
|
background: #ddd;
|
|
padding: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
div#evolution-log dt {
|
|
font-size: 1em;
|
|
color: #777;
|
|
}
|
|
div#evolution-log dd {
|
|
font-size: 1.2em;
|
|
color: #000;
|
|
margin-left: 20px;
|
|
}
|
|
div#evolution-log dd span.status {
|
|
font-weight: bold;
|
|
}
|
|
div#evolution-log dd span.status:before {
|
|
content: "Statut : ";
|
|
font-weight: bold;
|
|
}
|
|
div#evolution-log dd .comment p {
|
|
font-weight: bold;
|
|
font-size: inherit;
|
|
}
|
|
|