add theme for lattes

This commit is contained in:
Frédéric Péters 2019-06-10 14:24:58 +02:00
parent bc498c3c65
commit 0a14ee2707
6 changed files with 115 additions and 0 deletions

View File

@ -0,0 +1,82 @@
@import '../includes/font-montserrat';
body {
background: #3F3F3F url(img/background-lattes-1.jpg) top left no-repeat;
background-size: cover;
background-attachment: fixed;
}
#header-wrapper {
background: white;
background: rgba(248, 248, 248, 0.8);
h1 {
padding-top: 20px;
a {
display: block;
background: url(img/logo-web3.png) top left no-repeat;
background-size: auto 100px;
height: 120px;
text-indent: -1000px;
overflow: hidden;
}
@media screen and (max-width: $mobile-limit) {
padding-left: 0;
padding-top: 70px;
a {
width: 100%;
background-size: contain;
}
}
}
}
@media screen and (max-width: $mobile-limit) {
div#nav-wrapper {
background: inherit;
}
}
div#nav {
margin-top: 0;
& > ul {
margin-top: 0;
margin-bottom: 0;
a {
text-transform: uppercase;
}
}
}
#toplinks {
background: white;
border: none;
box-shadow: none;
border-radius: 0;
a {
display: inline-block;
color: $font-color;
padding: 10px 10px 15px 10px;
@media screen and (max-width: $mobile-limit) {
font-size: 80%;
}
}
@media screen and (max-width: $mobile-limit) {
left: 0;
right: 0;
max-width: none;
}
}
div#main-content {
background: white;
padding: 20px 10px 0 10px;
@media screen and (max-width: $mobile-limit) {
padding: 20px 0 0 0;
}
}
footer {
div.textcell a {
color: white;
}
}

22
static/lattes/_vars.scss Normal file
View File

@ -0,0 +1,22 @@
$primary-color: #1e73be;
$font-color: #3F3F3F;
$font-size: 14px;
$font-family: Montserrat, sans-serif;
$width: 1100px;
$border-radius: 0;
$nav-background: rgba(248, 248, 248, 0.8);
$nav-full-width-background: true;
$nav-color: #222;
$nav-active-color: $primary-color;
$nav-submenu-background: white;
$nav-submenu-color: #222;
$nav-item-selected-mode: bottom-border;
$border-radius: 0px;
$button-background: $primary-color;
$title-background: $primary-color;
$title-transform: uppercase;
$title-color: white;
$footer-background: #1c1c1c;
$footer-color: white;

View File

@ -0,0 +1,6 @@
{
"label": "Lattes",
"variables": {
"theme_color": "#1e73be"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 KiB

5
static/lattes/style.scss Normal file
View File

@ -0,0 +1,5 @@
@charset "UTF-8";
@import 'vars';
@import '../includes/publik';
@import 'custom';