aboutsummaryrefslogtreecommitdiff
path: root/public/stylesheets
diff options
context:
space:
mode:
Diffstat (limited to 'public/stylesheets')
-rw-r--r--public/stylesheets/style.css32
1 files changed, 18 insertions, 14 deletions
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