From 0e2ef2aa2495fa19d7cc7a25cceef58c572494ca Mon Sep 17 00:00:00 2001 From: BuildTools Date: Tue, 6 Dec 2016 17:59:59 +0100 Subject: .no-input is now on body --- public/stylesheets/style.css | 32 ++++++++++++++++++-------------- 1 file changed, 18 insertions(+), 14 deletions(-) (limited to 'public/stylesheets') diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index c4c2581..bf9ab43 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -209,16 +209,20 @@ ul a { } @media screen and (min-height: 400px) { - #search.no-input { + body.no-input { + background-color: #ececec; + } + + body.no-input #search { height: 100%; background-color: #ececec; } - #search.no-input button { + body.no-input #search button { display: none; } - #search.no-input #overflow-button { + body.no-input #search #overflow-button { position: absolute; display: block; top: 0; @@ -226,16 +230,16 @@ ul a { color: #757575; } - #search.no-input .print-page { + body.no-input #search .print-page { display: none; } - #search.no-input #overflow-button:focus { + body.no-input #search #overflow-button:focus { background-color: inherit; color: #212121; } - #search.no-input .logo { + body.no-input #search .logo { background-image: url(/icons/mml-logo.png); background-position: center; background-repeat: no-repeat; @@ -248,47 +252,47 @@ ul a { margin: 0 auto; } - #search.no-input .title { + body.no-input #search .title { display: block; font-size: 55px; padding-bottom: 32px; } - #search.no-input .title .text { + body.no-input #search .title .text { text-align: center; line-height: 55px; } - #search.no-input .top-bar { + body.no-input #search .top-bar { position: static; display: block; margin-top: 50vh; transform: translateY(-75%); } - #search.no-input input[type='text'] { + body.no-input #search input[type='text'] { background-color: #FFF; } /* WebKit, Blink, Edge */ - #search.no-input input::-webkit-input-placeholder { + body.no-input #search input::-webkit-input-placeholder { color: #757575; } /* Mozilla Firefox 4 to 18 */ - #search.no-input input:-moz-placeholder { + body.no-input #search input:-moz-placeholder { color: #757575; opacity: 1; } /* Mozilla Firefox 19+ */ - #search.no-input input::-moz-placeholder { + body.no-input #search input::-moz-placeholder { color: #757575; opacity: 1; } /* Internet Explorer 10-11 */ - #search.no-input input:-ms-input-placeholder { + body.no-input #search input:-ms-input-placeholder { color: #757575; } } \ No newline at end of file -- cgit v1.1