jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

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

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-04-06 13:58:18 +02:00
parent 35fed453f1
commit 668a3081e9
9 changed files with 82 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/css/main.css
View file

@ -195,4 +195,28 @@ html {
.visible-xxs {
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 */

3
assets/css/main.css.map
View file

File diff suppressed because one or more lines are too long

3
assets/css/templates/home.css
View file

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

2
assets/css/templates/home.css.map
View file

@ -5,6 +5,6 @@
"../../scss/templates/home.scss"
],
"sourcesContent": [],
"mappings": "AAAA;;GAEG;;AAGE,IAAI,CAAC,GAAG,AAAA,KAAK,CAAP;EACP,UAAU,EAAE,MAAO;EACnB,UAAU,EAAE,GAAI;EAChB,aAAa,EAAE,GAAI,GAHX;;EAIR,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,EAAE,CAAb;IACD,MAAM,EAAE,CAAE;IACV,WAAW,EAAE,+CAAgD;IAC7D,WAAW,EAAE,GAAI;IACjB,SAAS,EAAE,IAAK;IAChB,UAAU,EAAE,IAAK;IACjB,aAAa,EAAE,IAAK,GANlB;;EAQJ,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,CAAC,CAAb;IACA,MAAM,EAAE,CAAE;IACV,SAAS,EAAE,IAAK,GAFf",
"mappings": "AAAA;;GAEG;AAGE,IAAI,CAAC,GAAG,AAAA,KAAK,CAAP;EACP,UAAU,EAAE,MAAO;EACnB,UAAU,EAAE,GAAI;EAChB,aAAa,EAAE,GAAI,GAHX;EAIR,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,EAAE,CAAb;IACD,MAAM,EAAE,CAAE;IACV,WAAW,EAAE,+CAAgD;IAC7D,WAAW,EAAE,GAAI;IACjB,SAAS,EAAE,IAAK;IAChB,UAAU,EAAE,IAAK;IACjB,aAAa,EAAE,IAAK,GANlB;EAQJ,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,CAAC,CAAb;IACA,MAAM,EAAE,CAAE;IACV,SAAS,EAAE,IAAK,GAFf",
"names": []
}

9
assets/css/templates/photo.css
View file

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

2
assets/css/templates/photo.css.map
View file

File diff suppressed because one or more lines are too long

26
assets/scss/main.scss
View file

@ -270,3 +270,29 @@ html {
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%;
}

24
assets/scss/templates/photo.scss
View file

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