271 lines
4.7 KiB
SCSS
271 lines
4.7 KiB
SCSS
@font-face {
|
|
font-family: 'Ionicons';
|
|
src: url('assets/fonts/ionicons.eot');
|
|
src: url('assets/fonts/ionicons.eot') format('embedded-opentype'),
|
|
url('assets/fonts/ionicons.woff2') format('woff2'),
|
|
url('assets/fonts/ionicons.ttf') format('truetype'),
|
|
url('assets/fonts/ionicons.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
/* styles for authentic page */
|
|
body.authentic-page {
|
|
background: #efefef;
|
|
div#header-wrapper {
|
|
border-top: 0;
|
|
background: none;
|
|
}
|
|
div#header {
|
|
#toplinks {
|
|
top: -50px;
|
|
}
|
|
h1#logo {
|
|
padding-left: 0;
|
|
margin: 50px 0 10px 0;
|
|
a {
|
|
margin: 0;
|
|
background-image: url('img/logo.png'), url('img/logo-ville.png');
|
|
background-position: center left, center right;
|
|
background-repeat: no-repeat, no-repeat;
|
|
background-size: contain, contain;
|
|
@media screen and (max-width: $mobile-limit) {
|
|
background-image: url('img/logo.png');
|
|
background-repeat: no-repeat;;
|
|
background-position: center left;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
div#nav-wrapper {
|
|
display: none;
|
|
}
|
|
div.block, div.a2-block {
|
|
h2 {
|
|
background: #6699cc;
|
|
}
|
|
|
|
}
|
|
div#footer-wrapper {
|
|
border: 0;
|
|
}
|
|
button {
|
|
color: #ffffff;
|
|
background: #7aa63e;
|
|
&:hover {
|
|
background: #6699cc;
|
|
}
|
|
}
|
|
div#toplinks {
|
|
display: none;
|
|
}
|
|
div#login-page > div.block {
|
|
margin: 2ex auto;
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
div#header-wrapper {
|
|
border-top: 25px solid #ffffff;
|
|
background: url('img/back-header.png');
|
|
}
|
|
|
|
div#header {
|
|
h1#logo {
|
|
a {
|
|
background: url('img/logo.png') no-repeat;
|
|
background-size: 180px 75px;
|
|
display: block;
|
|
height: 93px;
|
|
text-indent: -9999px;
|
|
margin: 15px 0;
|
|
@media screen and (max-width: $mobile-limit) {
|
|
background-size: contain;
|
|
}
|
|
}
|
|
}
|
|
#toplinks {
|
|
top: -45px;
|
|
border: 0;
|
|
box-shadow: 0 0 0;
|
|
a {
|
|
font-size: 75%;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#nav-wrapper {
|
|
@media screen and (min-width: $mobile-limit) {
|
|
margin-top: -30px;
|
|
}
|
|
}
|
|
|
|
div#nav {
|
|
margin-bottom: 3ex;
|
|
font-family: 'Roboto Condensed', sans-serif;
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
div.gru-nav {
|
|
@media screen and (min-width: $mobile-limit) {
|
|
@include vendor-prefix(transform, skewY(-1deg));
|
|
}
|
|
padding: 5px 0;
|
|
@media screen and (max-width: $mobile-limit) {
|
|
padding: 0;
|
|
}
|
|
> ul {
|
|
@media screen and (min-width: $mobile-limit) {
|
|
@include vendor-prefix(transform, skewY(1deg));
|
|
}
|
|
> li a {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
li.selected > a {
|
|
color: #000000;
|
|
text-decoration: underline;
|
|
&:hover {
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#footer-wrapper {
|
|
border-top: 0.5rem solid $primary-color;
|
|
h2 {
|
|
color: #222222;
|
|
}
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
li {
|
|
list-style-type: none;
|
|
a {
|
|
padding: .33em;
|
|
font-size: 90%;
|
|
&::before {
|
|
content: '\f284'; /* arrow-dropright */
|
|
font-family: "Ionicons";
|
|
display: inline-block;
|
|
color: #878787;
|
|
margin-right: .67em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.gru-content {
|
|
div.cell.wcsformsofcategorycell {
|
|
> div {
|
|
position: relative;
|
|
}
|
|
&.foldable {
|
|
border: 0;
|
|
picture {
|
|
display: block;
|
|
img {
|
|
padding: 0;
|
|
};
|
|
}
|
|
&.folded {
|
|
> div > * {
|
|
display: block;
|
|
}
|
|
picture img {
|
|
border-bottom: 3px solid $primary-color;
|
|
}
|
|
ul {
|
|
display: none;
|
|
}
|
|
h2:first-child {
|
|
&::after {
|
|
content: '\f110'; /* arrow-dropdown */
|
|
}
|
|
&:hover::after {
|
|
content: '\f10f'; /* arrow-dropdown-circle */
|
|
}
|
|
}
|
|
}
|
|
}
|
|
h2:first-child {
|
|
position: absolute;
|
|
font-size: 1.25em;
|
|
font-weight: normal;
|
|
border: 0;
|
|
padding: 0.5rem 2rem 0.5rem 1rem;
|
|
line-height: 1;
|
|
background: rgba(0,0,0,0.75);
|
|
color: #ffffff;
|
|
width: 100%;
|
|
margin: auto 1px;
|
|
&::after {
|
|
content: '\f116'; /* arrow-dropup */
|
|
font-family: Ionicons;
|
|
color: $primary-color;
|
|
width: 1em;
|
|
height: 1em;
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
&:hover {
|
|
background: rgba(0,0,0,0.85);
|
|
&::after {
|
|
content: '\f115'; /* arrow-dropup-circle */
|
|
}
|
|
}
|
|
& + div {
|
|
padding: 0;
|
|
}
|
|
}
|
|
ul {
|
|
border: 1px solid $cell-entry-border-color;
|
|
border-bottom: 3px solid $primary-color;
|
|
top: -5px;
|
|
a {
|
|
font-weight: bold;
|
|
padding: .5rem 1.5rem .5rem 1rem;
|
|
position: relative;
|
|
align-items: center;
|
|
&::after {
|
|
content: '\f287'; /* arrow-round-forward */
|
|
font-family: Ionicons;
|
|
color: #158424;
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
}
|
|
li {
|
|
&:last-child {
|
|
a, div.description {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
&.more-items a::after {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
span.required {
|
|
color: #ff0000;
|
|
}
|
|
|
|
form > div.buttons {
|
|
button {
|
|
background: #222222;
|
|
color: #ffffff;
|
|
}
|
|
div.submit-button {
|
|
float: right;
|
|
button {
|
|
background: $primary-color;
|
|
color: #000000;
|
|
}
|
|
}
|
|
}
|