1
0
Fork 0

[SITE CSS] add style for kirbytags + darken footer color at photo pages

This commit is contained in:
Jannik Beyerstedt 2016-04-06 13:58:18 +02:00
parent 35fed453f1
commit 668a3081e9
9 changed files with 78 additions and 9 deletions

View file

@ -195,4 +195,28 @@ html {
.visible-xxs { .visible-xxs {
display: block !important; } } display: block !important; } }
/*
* KIRBYTAGS
*/
.html5player {
width: 100%;
height: auto;
background-color: black; }
div.video-container {
position: relative;
width: 100%;
height: auto;
max-width: 100%;
padding-bottom: 53%;
padding-top: 30px;
overflow: hidden; }
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=main.css.map */

Binary file not shown.

View file

@ -1,12 +1,10 @@
/* STYLE for jannikbeyerstedt.de /* STYLE for jannikbeyerstedt.de
* for specific template * for specific template
*/ */
/* line 6, /Users/jannik/Sites/aquila-jannik4/assets/scss/templates/home.scss */
main div.home { main div.home {
text-align: center; text-align: center;
margin-top: 20%; margin-top: 20%;
margin-bottom: 20%; } margin-bottom: 20%; }
/* line 10, /Users/jannik/Sites/aquila-jannik4/assets/scss/templates/home.scss */
main div.home h1 { main div.home h1 {
margin: 0; margin: 0;
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
@ -14,7 +12,6 @@ main div.home {
font-size: 60px; font-size: 60px;
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; } margin-bottom: 15px; }
/* line 18, /Users/jannik/Sites/aquila-jannik4/assets/scss/templates/home.scss */
main div.home p { main div.home p {
margin: 0; margin: 0;
font-size: 20px; } font-size: 20px; }

Binary file not shown.

View file

@ -5,10 +5,19 @@ body {
background-color: #424242; background-color: #424242;
color: #fff; } color: #fff; }
a {
color: #108ffd; }
a:active, a:hover {
color: #75bffe; }
@media (min-width: 544px) { @media (min-width: 544px) {
nav ul.nav.main { nav ul.nav.main {
color: #fff; } } color: #fff; } }
footer {
background-color: #303030;
color: #e6e6e6; }
div.carousel { div.carousel {
max-width: 1300px; max-width: 1300px;
margin: 0 auto; } margin: 0 auto; }

Binary file not shown.

View file

@ -270,3 +270,29 @@ html {
display: block!important; display: block!important;
} }
} }
/*
* KIRBYTAGS
*/
.html5player {
width: 100%;
height: auto;
background-color: black;
}
div.video-container {
position: relative;
width: 100%;
height: auto;
max-width: 100%;
padding-bottom: 53%;
padding-top: 30px;
overflow: hidden;
}
.video-container iframe {
position: absolute; top: 0; left: 0;
width: 100%; height: 100%;
}

View file

@ -7,10 +7,20 @@
@import "../mainvariables"; @import "../mainvariables";
// change main.scss behavior
$inv_bgColor: #424242;
$inv_fontcolor: #fff;
// change main.scss behavior - inverted color style
body { body {
background-color: #424242; background-color: $inv_bgColor;
color: #fff; color: $inv_fontcolor;
}
a {
color: lighten($link-color, 10%);
&:active, &:hover {
color: lighten($link-color, 30%);
}
} }
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
nav { nav {
@ -19,6 +29,10 @@ body {
} }
} }
} }
footer {
background-color: darken($inv_bgColor, 7%);
color: darken($inv_fontcolor, 10%);
}
// additional css // additional css
@ -36,7 +50,7 @@ div.carousel {
// ---- from boostrap ---- // ---- from boostrap ----
// @requires animation.scss (already in main.scss) and carousel.js, util.js
@import "images"; @import "images";
// @requires animation.scss (already in main.scss) and carousel.js, util.js
@import "carousel"; @import "carousel";

View file

@ -11,7 +11,6 @@ snippet('base/cont-header');
?> ?>
<main class="section photo"> <main class="section photo">
<?php echo snippet('plg-carousel', array('currentPage'=>$page, <?php echo snippet('plg-carousel', array('currentPage'=>$page,
'preNormal'=>'', 'preNormal'=>'',
'preAlt'=>'')); ?> 'preAlt'=>'')); ?>