From 57d44023e62b8c9c2c7c8b440de1cd5ffa1ba801 Mon Sep 17 00:00:00 2001 From: kasperisager <kasperisager@gmail.com> Date: Tue, 25 Mar 2014 12:32:19 -0400 Subject: [PATCH] Implement page headers --- design/custom_amelia.css | 9 ++++++++- design/custom_bootstrap.css | 9 ++++++++- design/custom_cerulean.css | 9 ++++++++- design/custom_cosmo.css | 9 ++++++++- design/custom_cyborg.css | 9 ++++++++- design/custom_flatly.css | 9 ++++++++- design/custom_journal.css | 9 ++++++++- design/custom_lumen.css | 9 ++++++++- design/custom_readable.css | 9 ++++++++- design/custom_simplex.css | 9 ++++++++- design/custom_slate.css | 9 ++++++++- design/custom_spacelab.css | 9 ++++++++- design/custom_superhero.css | 14 ++++++++++++-- design/custom_united.css | 9 ++++++++- design/custom_yeti.css | 9 ++++++++- design/style.css | 9 ++++++++- less/shared/type.less | 11 +++++++++++ 17 files changed, 143 insertions(+), 17 deletions(-) diff --git a/design/custom_amelia.css b/design/custom_amelia.css index 40d955f..0824f47 100644 --- a/design/custom_amelia.css +++ b/design/custom_amelia.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #b25818; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #0d747c; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_bootstrap.css b/design/custom_bootstrap.css index 5a1d5a7..feaee04 100644 --- a/design/custom_bootstrap.css +++ b/design/custom_bootstrap.css @@ -615,7 +615,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; @@ -748,6 +751,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_cerulean.css b/design/custom_cerulean.css index a274785..c98f1a6 100644 --- a/design/custom_cerulean.css +++ b/design/custom_cerulean.css @@ -615,7 +615,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; @@ -748,6 +751,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_cosmo.css b/design/custom_cosmo.css index 8520a01..2797566 100644 --- a/design/custom_cosmo.css +++ b/design/custom_cosmo.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #cc002e; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9.5px; margin: 42px 0 21px; border-bottom: 1px solid #e6e6e6; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 20px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_cyborg.css b/design/custom_cyborg.css index 0f5e9c6..f2db22a 100644 --- a/design/custom_cyborg.css +++ b/design/custom_cyborg.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #990000; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #282828; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_flatly.css b/design/custom_flatly.css index e3c3684..9b4df31 100644 --- a/design/custom_flatly.css +++ b/design/custom_flatly.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #d62c1a; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9.5px; margin: 42px 0 21px; border-bottom: 1px solid #ecf0f1; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 20px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_journal.css b/design/custom_journal.css index 99e6a97..d2ee8ea 100644 --- a/design/custom_journal.css +++ b/design/custom_journal.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9.5px; margin: 42px 0 21px; border-bottom: 1px solid #eeeeee; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 20px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_lumen.css b/design/custom_lumen.css index 911fd1f..33952d5 100644 --- a/design/custom_lumen.css +++ b/design/custom_lumen.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #ff1103; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_readable.css b/design/custom_readable.css index c5efc1d..cb0a44c 100644 --- a/design/custom_readable.css +++ b/design/custom_readable.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 10px; margin: 44px 0 22px; border-bottom: 1px solid #eeeeee; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 21px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_simplex.css b/design/custom_simplex.css index f6191ef..218f78e 100644 --- a/design/custom_simplex.css +++ b/design/custom_simplex.css @@ -615,7 +615,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #dddddd; @@ -748,6 +751,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_slate.css b/design/custom_slate.css index 9808f6e..f364cc3 100644 --- a/design/custom_slate.css +++ b/design/custom_slate.css @@ -615,7 +615,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e9322d; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #1c1e22; @@ -748,6 +751,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_spacelab.css b/design/custom_spacelab.css index 7ae6986..266ee8c 100644 --- a/design/custom_spacelab.css +++ b/design/custom_spacelab.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_superhero.css b/design/custom_superhero.css index 9068092..5e5d45e 100644 --- a/design/custom_superhero.css +++ b/design/custom_superhero.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #c9302c; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9.5px; margin: 42px 0 21px; border-bottom: 1px solid #ebebeb; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 20px; +} .container { margin-right: auto; margin-left: auto; @@ -4514,7 +4521,10 @@ body { .text-info:hover { color: #5bc0de; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { border-bottom-color: #4e5d6c; } .dropdown-menu, diff --git a/design/custom_united.css b/design/custom_united.css index fdd1a8a..c559ebe 100644 --- a/design/custom_united.css +++ b/design/custom_united.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/custom_yeti.css b/design/custom_yeti.css index 8cdcfd9..0b30815 100644 --- a/design/custom_yeti.css +++ b/design/custom_yeti.css @@ -616,7 +616,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9.5px; margin: 42px 0 21px; border-bottom: 1px solid #dddddd; @@ -749,6 +752,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 20px; +} .container { margin-right: auto; margin-left: auto; diff --git a/design/style.css b/design/style.css index bc4cc6f..2e58123 100644 --- a/design/style.css +++ b/design/style.css @@ -615,7 +615,10 @@ a.bg-warning:hover { a.bg-danger:hover { background-color: #e4b9b9; } -.page-header { +.page-header, +h1.H, +.HomepageTitle, +.PageTitle { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; @@ -748,6 +751,10 @@ address { .Message > *:last-child { margin-bottom: 0 !important; } +h1.H, +.HomepageTitle { + padding-bottom: 19px; +} .container { margin-right: auto; margin-left: auto; diff --git a/less/shared/type.less b/less/shared/type.less index 6a33b9a..3b9b9eb 100644 --- a/less/shared/type.less +++ b/less/shared/type.less @@ -26,3 +26,14 @@ margin-bottom: 0 !important; } } + +h1.H, +.HomepageTitle, +.PageTitle { + &:extend(.page-header); +} + +h1.H, +.HomepageTitle { + padding-bottom: (((@line-height-computed / 2) - 1) + (@line-height-computed / 2)); +} -- GitLab