From 7f4bad421070279a0732edc3cb989cd6033d45aa Mon Sep 17 00:00:00 2001 From: connors Date: Tue, 17 Sep 2013 15:12:25 -0700 Subject: [PATCH] Derping on status bar stuff. --- dist/theme-classic.css | 13 +++++++++++++ examples/app-classic/checkout.html | 2 +- examples/app-classic/choose-movie.html | 2 +- examples/app-classic/choose-theater.html | 2 +- examples/app-classic/index.html | 2 +- examples/app-classic/settings.html | 2 +- examples/app-classic/theaters.html | 2 +- lib/sass/theme-classic.scss | 14 ++++++++++++++ 8 files changed, 33 insertions(+), 6 deletions(-) diff --git a/dist/theme-classic.css b/dist/theme-classic.css index cf15a6f..e07ed1d 100644 --- a/dist/theme-classic.css +++ b/dist/theme-classic.css @@ -8,6 +8,10 @@ * ===================================================== */ +.bar-header-secondary ~ .content { + padding-top: 108px; +} + [class*="bar-"] { background-color: rgba(30, 176, 233, 0.98); } @@ -15,6 +19,15 @@ background-color: rgba(245, 245, 245, 0.98); } +.bar-title { + top: 20px; + box-shadow: 0 -20px 0 rgba(30, 176, 233, 0.98), 0 0 1px rgba(0, 0, 0, 0.85); +} + +[class*="bar-"].bar-header-secondary { + top: 64px; +} + .title { color: #fff; } diff --git a/examples/app-classic/checkout.html b/examples/app-classic/checkout.html index d56764a..d5e26be 100644 --- a/examples/app-classic/checkout.html +++ b/examples/app-classic/checkout.html @@ -5,7 +5,7 @@ Movie finder - + diff --git a/examples/app-classic/choose-movie.html b/examples/app-classic/choose-movie.html index 4a275f2..16bd3b2 100644 --- a/examples/app-classic/choose-movie.html +++ b/examples/app-classic/choose-movie.html @@ -5,7 +5,7 @@ Movie finder - + diff --git a/examples/app-classic/choose-theater.html b/examples/app-classic/choose-theater.html index 4f04458..e135464 100644 --- a/examples/app-classic/choose-theater.html +++ b/examples/app-classic/choose-theater.html @@ -5,7 +5,7 @@ Movie finder - + diff --git a/examples/app-classic/index.html b/examples/app-classic/index.html index c3cb36a..5f726a2 100644 --- a/examples/app-classic/index.html +++ b/examples/app-classic/index.html @@ -5,7 +5,7 @@ Movie finder - + diff --git a/examples/app-classic/settings.html b/examples/app-classic/settings.html index 6893aed..975f291 100644 --- a/examples/app-classic/settings.html +++ b/examples/app-classic/settings.html @@ -5,7 +5,7 @@ Movie finder - + diff --git a/examples/app-classic/theaters.html b/examples/app-classic/theaters.html index 7b02d4c..b52ea3e 100644 --- a/examples/app-classic/theaters.html +++ b/examples/app-classic/theaters.html @@ -5,7 +5,7 @@ Movie finder - + diff --git a/lib/sass/theme-classic.scss b/lib/sass/theme-classic.scss index c373831..0e0347d 100644 --- a/lib/sass/theme-classic.scss +++ b/lib/sass/theme-classic.scss @@ -14,6 +14,13 @@ $default-color: rgba(0, 0, 0, .3); $positive-color: #34ba15; $negative-color: #e71e1e; +// Global +// -------------------------------------------------- + +.bar-header-secondary ~ .content { + padding-top: 108px; +} + // Bars // -------------------------------------------------- @@ -25,6 +32,13 @@ $negative-color: #e71e1e; background-color: rgba(245,245,245,.98); } } +.bar-title { + top: 20px; + box-shadow: 0 -20px 0 rgba(30,176,233,.98), 0 0 1px rgba(0, 0, 0, 0.85) +} +[class*="bar-"].bar-header-secondary { + top: 64px; +} .title { color: #fff; }