208 lines
4.1 KiB
CSS
208 lines
4.1 KiB
CSS
@font-face {
|
|
font-family: 'FontAwesome';
|
|
src: url('../xstatic/fonts/fontawesome-webfont.eot?v=4.1.0');
|
|
src: url('../xstatic/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../xstatic/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../xstatic/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../xstatic/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, Verdana, sans-serif;
|
|
background: transparent url(image/background_04.jpg) no-repeat fixed 0% 0% / cover;
|
|
}
|
|
|
|
div#header {
|
|
margin-top: 10px;
|
|
background: transparent url(image/bandeau_portail_citoyen.png) no-repeat 0% 0%;
|
|
background-size: 100% 100%;
|
|
min-height: 187px;
|
|
z-index: 200;
|
|
}
|
|
|
|
div#header h1#logo {
|
|
display: none;
|
|
}
|
|
|
|
div#nav {
|
|
background: white;
|
|
border-radius: 10px;
|
|
padding: 0;
|
|
margin: 10px 4px;
|
|
box-shadow: 0 0 3px #444;
|
|
height: 3em;
|
|
}
|
|
|
|
div#nav ul {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
div#nav a {
|
|
color: #E27828;
|
|
border-right: 1px solid #E27828;
|
|
font-weight: bold;
|
|
padding: 0px 20px;
|
|
display: inline-block;
|
|
line-height: 3em;
|
|
transition: background 0.5s, color 0.5s;
|
|
}
|
|
|
|
div#nav li {
|
|
float: left;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div#nav li:first-child a:hover,
|
|
div#nav li:hover a,
|
|
div#nav li.selected a {
|
|
background-color: #FF6E00;
|
|
color: white;
|
|
}
|
|
|
|
|
|
div#nav li:after {
|
|
content: none;
|
|
}
|
|
|
|
div#nav li:first-child a {
|
|
background: transparent url(image/logo_accueil.png) no-repeat 10px 50%;
|
|
padding-left: 60px;
|
|
border-radius: 10px 0 0 10px;
|
|
color: #E27828;
|
|
}
|
|
|
|
div#nav li:first-child a:hover {
|
|
background: #FF6E00 url(image/logo_accueil_hover.png) no-repeat 10px 50%;
|
|
}
|
|
|
|
div#main-content {
|
|
margin: 10px 4px;
|
|
}
|
|
|
|
#toplinks {
|
|
top: 0;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
width: auto;
|
|
}
|
|
|
|
#toplinks span.logged-in .connected-user,
|
|
#toplinks a, #toplinks a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
#toplinks a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
div#member, div#new_member, div#accessibility, div#contact, div#info, div#help, div#rub_agenda, div#rub_annonce, div#rub_consultation, div#rub_service, div#gauche + div#rub_service,
|
|
#content div#services > ul > li,
|
|
div#tracking-code,
|
|
div#steps,
|
|
div#content div.a2-block,
|
|
div#login-methods > div > div,
|
|
#content div.cell, div.block {
|
|
background-color: white;
|
|
margin: 10px 0;
|
|
border-radius: 10px;
|
|
box-shadow: 0 0 3px #444;
|
|
border: 0;
|
|
}
|
|
|
|
div#login-methods > div > div,
|
|
div#content div.a2-block {
|
|
padding: 1em;
|
|
}
|
|
|
|
div#login-methods > div > #login-beid {
|
|
padding-top: 130px;
|
|
}
|
|
|
|
div#rub_consultation h2, div#rub_service h2, div#rub_annonce h2, div#rub_agenda h2, div#profile h2, div#services-2nd h3, div#member h2, div#help h2, div#info h2, div#accessibility h2, div#contact h2, div#gauche h3, div.large div#rub_service h3, div#centre h3 {
|
|
border-top: none;
|
|
}
|
|
|
|
div#rub_service h2 {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
div#footer-wrapper {
|
|
background: none;
|
|
}
|
|
|
|
div#footer {
|
|
background: url(image/logo_fontenay-sous-bois.png) no-repeat top right;
|
|
min-height: 80px;
|
|
}
|
|
|
|
#toplinks a.restricted {
|
|
top: -190px;
|
|
}
|
|
|
|
div#steps ol > li {
|
|
border: none;
|
|
}
|
|
|
|
p.command, a.edit-custom-text, div.buttons input {
|
|
background: #E27828;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
div.textcell h1,
|
|
div.textcell h2,
|
|
div.textcell h3 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* icons styles */
|
|
|
|
[class^="icon-"]:after, [class*=" icon-"]:after,
|
|
[class^="icon-"]:before, [class*=" icon-"]:before {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
a[class^="icon-"], a[class*=" icon-"] {
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
border: none;
|
|
color: #FF7800;
|
|
}
|
|
|
|
#items {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#items thead tr {
|
|
background: #ccc;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#items td {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#items tr.grey {
|
|
background:#eee;
|
|
}
|
|
|
|
#items tr.white {
|
|
background: #fff;
|
|
}
|
|
|
|
#items a.icon-view:before {
|
|
content: '\f06e';
|
|
}
|
|
|
|
#items a.icon-pdf:before {
|
|
content: '\f1c1';
|
|
} |