310 lines
5.2 KiB
CSS
310 lines
5.2 KiB
CSS
@import url(qommon.css);
|
|
|
|
html {
|
|
background: white;
|
|
color: black;
|
|
}
|
|
|
|
html, body, ul, li {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
font-family: sans-serif;
|
|
font-size: 15px;
|
|
}
|
|
|
|
div#top {
|
|
position: relative;
|
|
height: 50px;
|
|
border-bottom: 1px solid #777;
|
|
background: #222;
|
|
background: linear-gradient(to bottom, #666, #222);
|
|
}
|
|
|
|
div#top h1 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
a#menu {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
a#gear {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
#top h1 {
|
|
margin: 0;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
}
|
|
|
|
#top h1 a {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
#nav-site h3 { display: none; }
|
|
|
|
ul.catforms li a,
|
|
#nav-site li a,
|
|
#nav-user li a {
|
|
padding: 2ex;
|
|
display: block;
|
|
border-bottom: 1px solid #888;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nav-site li a:hover,
|
|
#nav-user li a:hover {
|
|
background: #eee;
|
|
}
|
|
|
|
ul#categories {
|
|
margin-top: 1ex;
|
|
}
|
|
|
|
ul#categories li {
|
|
width: 50%;
|
|
float: left;
|
|
height: 100px;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
display: table;
|
|
background: url(mobile/58303-42.png) center center no-repeat;
|
|
}
|
|
|
|
ul#categories li a {
|
|
padding: 1ex;
|
|
}
|
|
|
|
ul#categories li a {
|
|
display: table-cell;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
div#main-content {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
div#login form {
|
|
text-align: center;
|
|
}
|
|
|
|
div#login form input {
|
|
width: 80%;
|
|
}
|
|
|
|
form div.buttons {
|
|
clear: both;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
form div.buttons input {
|
|
padding: 1ex;
|
|
font-family: sans-serif; /* makes sure buttons all go through the same code path in firefox */
|
|
width: 45%;
|
|
}
|
|
|
|
form div.buttons div.savedraft-button input {
|
|
width: 93%;
|
|
}
|
|
|
|
div.back-home-button a {
|
|
width: 90%;
|
|
display: block;
|
|
padding: 1ex;
|
|
text-align: center;
|
|
}
|
|
|
|
div.TextWidget textarea,
|
|
div.RankedItemsWidget input,
|
|
div.StringWidget input,
|
|
div.IntWidget input,
|
|
div.DateWidget input,
|
|
div.WcsExtraStringWidget input,
|
|
div.RegexStringWidget input,
|
|
div.EmailWidget input,
|
|
div.PasswordWidget input,
|
|
div.PrefillSelectionWidget input[type=text] {
|
|
width: 90%;
|
|
}
|
|
|
|
div.category h3 {
|
|
font-size: 150%;
|
|
}
|
|
|
|
#content > h2, div.category h3 {
|
|
margin: 0 -10px 1em -10px;
|
|
border-bottom: 1px solid black;
|
|
padding: 1ex;
|
|
text-align: center;
|
|
}
|
|
|
|
div.error {
|
|
text-align: left;
|
|
}
|
|
|
|
div#services h3 {
|
|
display: none;
|
|
}
|
|
|
|
div#services > ul > li {
|
|
width: 50%;
|
|
float: left;
|
|
height: 100px;
|
|
background: white;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
display: table;
|
|
transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
}
|
|
|
|
@media screen and (min-width: 361px) {
|
|
div#services > ul > li {
|
|
width: 33%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 960px) {
|
|
div#services > ul > li {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
|
|
div#services > ul > li.active {
|
|
width: 100%;
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 0;
|
|
}
|
|
|
|
div#services > ul strong a {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
div#services > ul strong a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
div#services > ul > li:active {
|
|
-moz-transform: scale(1.3);
|
|
-webkit-transform: scale(1.3);
|
|
}
|
|
|
|
div#services > ul > li.active:active {
|
|
-moz-transform: none;
|
|
-webkit-transform: none;
|
|
}
|
|
|
|
div#services > ul > li.active > strong {
|
|
display: block;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
div#services > ul > li.active > ul {
|
|
text-align: center;
|
|
background: white;
|
|
display: block;
|
|
}
|
|
|
|
div#services > ul > li.active > ul a {
|
|
padding: 1ex;
|
|
display: block;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
div#services ul li.active strong {
|
|
background-position: 1ex 50%;
|
|
}
|
|
|
|
div#services ul p, div#services ul ul {
|
|
display: none;
|
|
}
|
|
|
|
div#droite {
|
|
display: none;
|
|
}
|
|
|
|
li.required-authentication span {
|
|
display: none;
|
|
}
|
|
|
|
ul#categories {
|
|
margin: 0 -1ex;
|
|
}
|
|
|
|
|
|
div#services > ul > li,
|
|
ul#categories li {
|
|
background-color: #eee;
|
|
}
|
|
|
|
div#services > ul strong {
|
|
cursor: pointer;
|
|
}
|
|
|
|
div#services > ul strong a {
|
|
color: #008;
|
|
}
|
|
|
|
div#services ul strong {
|
|
display: table-cell;
|
|
vertical-align: bottom;
|
|
padding-bottom: 1ex;
|
|
border: 1px solid white;
|
|
background: url(../images/categories/icon_placeholder_58303.png) center center no-repeat;
|
|
}
|
|
|
|
div#services #category-emploi strong,
|
|
div#services #category-formalites-pour-les-entreprises strong {
|
|
background-image: url(../images/categories/icon_businessperson_1673.png);
|
|
}
|
|
|
|
div#services #category-eau-et-assainissement strong,
|
|
div#services #category-hygiene-salubrite-environnement strong {
|
|
background-image: url(../images/categories/icon_sanitation_4335.png);
|
|
}
|
|
|
|
div#services #category-vie-pratique strong {
|
|
background-image: url(../images/categories/icon_crosswalk_23557.png);
|
|
}
|
|
|
|
div#services #category-culture strong {
|
|
background-image: url(../images/categories/icon_culture_13644.png);
|
|
}
|
|
|
|
div#services #category-etat-civil strong {
|
|
background-image: url(../images/categories/icon_document_14004.png);
|
|
}
|
|
|
|
div#services #category-formalites-administratives strong {
|
|
background-image: url(../images/categories/icon_document_32231.png);
|
|
}
|
|
|
|
div#services #category-vos-enfants strong {
|
|
background-image: url(../images/categories/icon_people_39826.png);
|
|
}
|
|
|
|
div#services #category-sport strong {
|
|
background-image: url(../images/categories/icon_triathlon_10860.png);
|
|
}
|
|
|
|
div#services #category-telealarme strong {
|
|
background-image: url(../images/categories/icon_mobile-alarm_6412.png);
|
|
}
|
|
|
|
div#services #category-collecte-des-dechets-menagers strong {
|
|
background-image: url(../images/categories/icon_trash_207.png);
|
|
}
|