libretic/grav-theme-libretic
6
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

lots of fixes and polishing

Browse source
This commit is contained in:
Karol Orzeł 2015-01-20 12:31:35 +01:00
parent 3cc8fae333
commit 714086a312
8 changed files with 118 additions and 109 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
css-compiled/template.css
View file

@ -157,7 +157,7 @@ b, strong, label, th {
.header-image .listing-row:last-child {
margin-bottom: 2rem; }
.header-image #body .flush-top {
margin-top: -16.5rem;
margin-top: -15.5rem;
padding-top: 16rem; }
.header-image #breadcrumbs {
margin-top: 1rem; }
@ -176,7 +176,7 @@ b, strong, label, th {
color: #558042; }
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 400; }
h1, h2, h3, h4, h5, h6 {
@ -193,7 +193,8 @@ h1 {
h2 {
font-weight: normal;
text-transform: uppercase; }
text-transform: uppercase;
font-size: 1.4rem; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h2 {
font-size: -1rem; } }
@ -233,7 +234,7 @@ h1 + h2 {
font-size: 1.4rem;
line-height: 1;
text-align: center;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h1 + h2 {
@ -247,7 +248,7 @@ h2 + h3 {
font-size: 1.3rem;
line-height: 1;
text-align: center;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: normal; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
h2 + h3 {
@ -674,8 +675,9 @@ ul.pagination {
text-align: center;
color: #FFFFFF; }
.modular .showcase h1 {
font-size: 2.5rem;
margin-top: 0; }
font-size: 2.2rem;
margin-top: 0;
text-transform: uppercase; }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
.modular .showcase h1 {
font-size: 3rem; } }
@ -766,6 +768,8 @@ ul.pagination {
margin: 0;
line-height: 100%;
color: #656161; }
.modular .features hr {
margin-top: 4rem; }
.modular .features p {
margin: 1rem 0; }
@media only all and (max-width: 47.938em) {
@ -853,6 +857,7 @@ ul.pagination {
font-size: 1rem; }
.modular .footer {
font-size: 0.9rem;
background: #333;
width: 100%;
padding-top: 4rem; }
@ -912,8 +917,7 @@ ul.pagination {
.modular .footer .quickmenu {
margin: 0;
padding: 0;
list-style: none;
font-family: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
list-style: none; }
.modular .footer .quickmenu i {
padding-right: 0.5rem;
color: #fff;

2
css-compiled/template.css.map
View file

File diff suppressed because one or more lines are too long

2
scss/configuration/template/_typography.scss
View file

@ -1,5 +1,5 @@
// Font Family
$font-family-default: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
$font-family-default: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
$font-family-header: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
$font-family-logo: "Pacifico", "monospace";
$font-family-mono: "Inconsolata", monospace;

2
scss/template/_header.scss
View file

@ -143,7 +143,7 @@
#body {
.flush-top {
margin-top: - $header-height - $padding-vert - 1.5rem;
margin-top: - $header-height - $padding-vert - 0.5rem;
padding-top: $header-height + 4rem;
}
}

1
scss/template/_typography.scss
View file

@ -28,6 +28,7 @@ h2 {
}
font-weight: normal;
text-transform: uppercase;
font-size: 1.4rem;
}
h3 {

4
scss/template/modular/_features.scss
View file

@ -12,6 +12,10 @@
color: $light-gray;
}
hr {
margin-top: 4rem;
}
p {
margin: 1rem 0;

3
scss/template/modular/_footer.scss
View file

@ -1,6 +1,8 @@
// Modular Showcase styling
.modular {
.footer {
font-size: $core-font-size - 0.1rem;
background: #333;
width: 100%;
@extend .padding-horiz;
@ -61,7 +63,6 @@
margin: 0;
padding: 0;
list-style: none;
font-family: $font-family-header;
i {
padding-right: 0.5rem;
color: $white;

191
scss/template/modular/_showcase.scss
View file

@ -1,111 +1,110 @@
// Modular Showcase styling
.modular {
// special case for header
&.header-image {
// special case for header
&.header-image {
#header {
background-color: rgba(255,255,255,0);
box-shadow: none;
#header {
background-color: rgba(255,255,255,0);
box-shadow: none;
#logo h3 {
color: $header-text;
}
#navbar a {
color: $header-text;
}
}
}
.slideme {
height: $header-height + 5rem !important;
}
.showcase {
position: relative;
z-index: 1;
padding-bottom: 10rem;
background-color: #666;
background-size: cover;
background-position: center;
text-align: center;
color: $header-text;
h1 {
font-size: 2.5rem;
margin-top: 0;
@include breakpoint(tablet-range) {
font-size: 3rem;
}
@include breakpoint(mobile-only) {
font-size: 2.5rem;
line-height: 1.2;
margin-bottom: 2.5rem;
}
strong {
color: $core-accent;
}
}
h2 {
text-transform: none;
}
.button {
@extend .default-animation;
#logo h3 {
color: $header-text;
}
#navbar a {
color: $header-text;
font-family: $font-family-header;
padding: 0.3rem 1rem;
background: rgba(255,255,255,0);
border: 2px solid $header-text;
border-radius: $border-radius;
box-shadow: none;
font-size: $core-font-size;
&:hover {
background: rgba(255,255,255,0.2);
}
}
}
// Slideshow Arrows and Pagination
.slideme_container {
.arrow {
@extend .default-animation;
position: absolute;display: block;width: 3.7rem;height: 3.7rem;cursor: pointer;z-index: 50;text-align: center;line-height: 3.8rem;background: $white;top: 10%;border-radius: 100%;font-size: 2.5rem;opacity: 0.5;color: $black;
&:hover {opacity: 1;}
&.prev {left: 4rem;}
&.next {right: 4rem;}
&:disabled {opacity: 0.1}
}
.slideme {
height: $header-height + 5rem !important;
}
.showcase {
position: relative;
z-index: 1;
padding-bottom: 10rem;
background-color: #666;
background-size: cover;
background-position: center;
text-align: center;
color: $header-text;
h1 {
font-size: 2.2rem;
margin-top: 0;
@include breakpoint(tablet-range) {
font-size: 3rem;
}
.arrow.next:before {content: '\f054';font-family: FontAwesome;margin-left: 0.4rem;}
.arrow.prev:before {content: '\f053';font-family: FontAwesome;margin-right: 0.5rem;}
@include breakpoint(mobile-only) {
font-size: 2.5rem;
line-height: 1.2;
margin-bottom: 2.5rem;
}
strong {
color: $core-accent;
}
text-transform: uppercase;
}
h2 {
text-transform: none;
}
.button {
@extend .default-animation;
color: $header-text;
font-family: $font-family-header;
padding: 0.3rem 1rem;
background: rgba(255,255,255,0);
border: 2px solid $header-text;
border-radius: $border-radius;
box-shadow: none;
font-size: $core-font-size;
.pagination {
text-align: center;
z-index: 10;
position: absolute;
left: 0;
right: 0;
vertical-align: middle;
bottom: 0;
.numbers {
li {
@extend .default-animation;
@include transition-duration(0.2s);
background: $white;
width: 0.5rem;
height: 0.5rem;
display: inline-block;
border-radius: 100%;
cursor: pointer;
margin: 0 0.2rem;
vertical-align: middle;
&:hover {
background: rgba(255,255,255,0.2);
}
}
}
// Slideshow Arrows and Pagination
.slideme_container {
.arrow {
@extend .default-animation;
position: absolute;display: block;width: 3.7rem;height: 3.7rem;cursor: pointer;z-index: 50;text-align: center;line-height: 3.8rem;background: $white;top: 10%;border-radius: 100%;font-size: 2.5rem;opacity: 0.5;color: $black;
&:hover {opacity: 1;}
&.prev {left: 4rem;}
&.next {right: 4rem;}
&:disabled {opacity: 0.1}
}
.arrow.next:before {content: '\f054';font-family: FontAwesome;margin-left: 0.4rem;}
.arrow.prev:before {content: '\f053';font-family: FontAwesome;margin-right: 0.5rem;}
&.current {
width: 1rem;
height: 1rem;
}
.pagination {
text-align: center;
z-index: 10;
position: absolute;
left: 0;
right: 0;
vertical-align: middle;
bottom: 0;
.numbers {
li {
@extend .default-animation;
@include transition-duration(0.2s);
background: $white;
width: 0.5rem;
height: 0.5rem;
display: inline-block;
border-radius: 100%;
cursor: pointer;
margin: 0 0.2rem;
vertical-align: middle;
&.current {
width: 1rem;
height: 1rem;
}
}
}
}
}
}