From 668a3081e9f40209789de13b7c7907214a4cb627 Mon Sep 17 00:00:00 2001
From: Jannik Beyerstedt <code@jannikbeyerstedt.de>
Date: Wed, 6 Apr 2016 13:58:18 +0200
Subject: [PATCH] [SITE CSS] add style for kirbytags + darken footer color at
 photo pages

---
 assets/css/main.css                |  24 ++++++++++++++++++++++++
 assets/css/main.css.map            | Bin 6930 -> 7376 bytes
 assets/css/templates/home.css      |   3 ---
 assets/css/templates/home.css.map  | Bin 536 -> 533 bytes
 assets/css/templates/photo.css     |   9 +++++++++
 assets/css/templates/photo.css.map | Bin 7140 -> 7320 bytes
 assets/scss/main.scss              |  26 ++++++++++++++++++++++++++
 assets/scss/templates/photo.scss   |  24 +++++++++++++++++++-----
 site/templates/photo.php           |   1 -
 9 files changed, 78 insertions(+), 9 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 13ed05a..e03d9df 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -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 */
\ No newline at end of file
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index dc9136274901b8b81e9adaf4c270c287ad614a91..469b046f1e9fef96cf94e8b357fb377700f63c78 100644
GIT binary patch
delta 967
zcma)4OHUI~6wXL}w6qt>BNBYj;KBu05C}z`m~du#XL@It*0G6{5@SkJT0(iHSi`~)
z*DidV#0`lHwr<cG*T$7g+_+@t&L82K-hwo7;jC`Hob#RUF>jMccVGXC)JygH#FO>n
z>c*S*xA923)C_6wE@;{2{>2wsms>ILdiYw`eAU4F;cr^*Q{=N2a%)BnN5WUS#QZb-
z**zYunLd{QlG{+h-sl074dHSZz~#2HCh%+Y1Cz7DYz^t2b4TEA%pZ_7%Wm&Et5!<)
zK;-db&p1X|ACo)QBc27w>b~>TLe8$n30e*yk61UY72U&;{vn);oyWsi43Ak9U$Jc_
zXRP)i-$`0c*0ZTGIceK1GTPj=@nvr|fKJDzY-Bw*usd!rSxuj68nbaJZZo-+R!V4j
zJ&lL)M#!B=6)+JV4iaeEeGRR9Q7W<0%H#L`>ABeyc?Yn$X(dy>%EAON`2xU#E|W&X
zX_&kSP~>9T7|Zx=W7e!F=+dj9K5#3MnUWb^1}Jj@AcClf)SH$ox(=B&XBmGC4dcPU
z!<d|L-IFBis0|*+<m9~ap-X3~`FpTHwN+iKEqWU(m-j>NjFV{tn*`i!IzwO1?GZO*
ztA?)IAZ&V@X}$=s$OHAd05h-5oGJ>i0{4PiI<RG4F#sxtLg{Cq+8|vB=)Jtk2IxDP
zB6=&J+N&Ad2k_Mzy>bD%Vf^>i9IbRJsT#ZlP*Nb3A_K-Pqg6%cB;DTodz?IFN$3L+
zXwErjl$y#fX{MlvZ08@Esj$`$&<cen1r4ear8?Ti%pLQrw{a?2O?E~~WR^3^BZ<W5
QMsdAdAHA1YdK`KF2jl+;{{R30

delta 565
zcmX|8O>fgc5S1&3(gZJY(w0wAE2ssj3p9lUfiH|VYisQ^(Oz09s8UnmG|)7m(58tH
zQsK-2G2(>8fg@ayj5zWe_yycJa^Q@RSl2FxJ<QCTH}Adue&<c~^-s*}R&-T+dqR`Z
zx5*cpF2b&Zzt5f5h2Po4%+wsdocf@(qxtL?EhC0bFP>hQ@T>SIcfGjBBozRHdN5!e
zTY#vcnVZ9bk-?2q2QzTn31|QiD8Pa9Kmp{IlOnR{8O!Pk0)57gXzUe5gYOMVV8py*
z=6!~L4VOTLt<oky)0R+WD9OdRwHdco6#WvzXXGP+UM=O4uv0_Byd15bu4@Fk+&kJ<
z(8U^l&Nt)Mf9ON5pdo=hg-Q+Way&G>B9wV@RxOTsOG)(bkXX2Gp2QpZN!%_PI9sUb
z;xTWf(L}w%P|Gz%qE@&K{8hYpugBvQz@yCF<}yiz0Wi7-ux5)}PQ@QG+6HJ-UUn86
zGIi#T)Kw7-abx=0rTUiNpdmm=IRKBPD$=0qcWfK#`}k?PZ$LQ+jy();VdjScqk7^>
z<v)(h*_Qg|CxM%&UBXvq-s$2|&`9dBs;@+YvtK6)C7QLYQop?uJ}up~?yqN`{{vk&
Bq4@v+

diff --git a/assets/css/templates/home.css b/assets/css/templates/home.css
index 99e81b4..8695aec 100644
--- a/assets/css/templates/home.css
+++ b/assets/css/templates/home.css
@@ -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; }
diff --git a/assets/css/templates/home.css.map b/assets/css/templates/home.css.map
index 03a99e374221ee217594b0af5654ba411c4e3f19..25b92f0f807873072d8b4c3bee6480e7a78d0d05 100644
GIT binary patch
delta 35
qcmbQiGL>b*WEMw9ch|`q8D%GKb!BmN^b7*B<tNKA_Dx>Pm<<5a6bsD&

delta 37
scmbQrGJ|EpWL9fOM|aoB>lkGxZgFL`c6Ia&0&?Uh%P{s$UdfmP0OmIgIRF3v

diff --git a/assets/css/templates/photo.css b/assets/css/templates/photo.css
index e3518cf..977269d 100644
--- a/assets/css/templates/photo.css
+++ b/assets/css/templates/photo.css
@@ -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; }
diff --git a/assets/css/templates/photo.css.map b/assets/css/templates/photo.css.map
index fd8341f3aec265efc15e192939ede78a2ae7c1cd..d60cf23b2c7c21482a15d786f4228248d610195c 100644
GIT binary patch
delta 298
zcmZ8cJqp4w7==!{I_ecZa1xOW@{*>pwy}aJI5;Rmr9(k+(8<vQ6vSf)Udb~!n>1R*
zZ+zeTeRQwA+og7z4=4me5`bV5Vn8VeQce=_kP;v<sLnY>KxDy*<145&V@5eDrIj8Z
zB4nv11%G8M<kazC&OIayrDJoc1T~;7XU0N^O%?d#qfB6O<QXs8&6YRLi)XDn-E;MB
rG~9CER*EuCAG2~({N3c-v|W1mi_oTOFt!HExaijdZzt~O`l9gyY0FTL

delta 116
zcmbPX`NVv~G!ExL4;@cOM^7DRM@MICS4U?LopdKh$8;whS4T%z9e+p1K#-`Rla9Be
zqc=nlsNP%0-O(+`+S<`S*V%2d7pDxP`Q&s?bD=1Ah-vO#;VwW~$K;gBpE=!_%A7V^
IbHxe)0D&1GP5=M^

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index c8953a5..f4f43cd 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -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%;
+}
+
diff --git a/assets/scss/templates/photo.scss b/assets/scss/templates/photo.scss
index b6e5ba4..37b5ded 100644
--- a/assets/scss/templates/photo.scss
+++ b/assets/scss/templates/photo.scss
@@ -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";
diff --git a/site/templates/photo.php b/site/templates/photo.php
index 26637ca..020c2f5 100644
--- a/site/templates/photo.php
+++ b/site/templates/photo.php
@@ -11,7 +11,6 @@ snippet('base/cont-header');
 ?>
 
 <main class="section photo">
-
   <?php echo snippet('plg-carousel', array('currentPage'=>$page,
                                            'preNormal'=>'',
                                            'preAlt'=>'')); ?>