94 lines
1.3 KiB
SCSS
94 lines
1.3 KiB
SCSS
html, body {
|
|
background: #E6E7EB;
|
|
}
|
|
|
|
#header,
|
|
#nav,
|
|
#main-content-wrapper,
|
|
#footer {
|
|
background: white;
|
|
border: 1px solid #ccc;
|
|
border-width: 0 1px 0 1px;
|
|
padding: 0;
|
|
}
|
|
|
|
#footer-wrapper {
|
|
background: transparent;
|
|
padding: 0;
|
|
}
|
|
|
|
#footer {
|
|
border: none;
|
|
color: black;
|
|
border-top: 5px solid #005EA9;
|
|
min-height: 100px;
|
|
background: #D5DEE3 url(logos-footer.png) no-repeat 1% 90%;
|
|
}
|
|
|
|
#logo a {
|
|
background: url(creatic-new.jpg) no-repeat 10px 10px;
|
|
height: 140px;
|
|
width: 323px;
|
|
display: inline-block;
|
|
color: transparent;
|
|
}
|
|
|
|
div#nav {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
div#nav ul {
|
|
margin: 0;
|
|
border-top: 1px solid #005EA9;
|
|
border-bottom: 5px solid #015673;
|
|
}
|
|
|
|
#top {
|
|
background: url(cdg59.png) no-repeat 98% 10px;
|
|
}
|
|
|
|
#toplinks {
|
|
top: 145px;
|
|
right: 10px;
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
font-weight: bold;
|
|
width: auto;
|
|
}
|
|
|
|
div#nav a {
|
|
border-right: 1px solid #005EA9;
|
|
}
|
|
|
|
#content {
|
|
padding: 10px;
|
|
}
|
|
|
|
@media screen and ($max-mobile-viewport) {
|
|
#top {
|
|
background: transparent;
|
|
}
|
|
#logo a {
|
|
background-size: 200px;
|
|
height: 85px;
|
|
}
|
|
|
|
div#nav-wrapper div#nav ul {
|
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
|
|
li {
|
|
height: 3em;
|
|
}
|
|
}
|
|
|
|
div#nav #nav-button {
|
|
border-radius: 0 5px 5px 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#toplinks {
|
|
max-width: none;
|
|
top: 0px;
|
|
}
|
|
}
|