From 3ed43cf31ad555b7a19a499427ea548e6fe80825 Mon Sep 17 00:00:00 2001 From: Thomas LEBEAU Date: Thu, 20 Nov 2014 15:14:03 +0100 Subject: [PATCH] responsive theme courgette --- searx/static/courgette/css/style.css | 160 +++++++++++++++++--- searx/static/courgette/img/searx-mobile.png | Bin 0 -> 10208 bytes 2 files changed, 139 insertions(+), 21 deletions(-) create mode 100644 searx/static/courgette/img/searx-mobile.png diff --git a/searx/static/courgette/css/style.css b/searx/static/courgette/css/style.css index 6c5c99053..55db91317 100644 --- a/searx/static/courgette/css/style.css +++ b/searx/static/courgette/css/style.css @@ -25,21 +25,6 @@ html { min-height: 100%; } -.center:after { - content: ""; - z-index: -1; - background: url(../img/bg-body-index.jpg) no-repeat; - background-size: cover; - width: 100%; - height: 100%; - top: 0; - left: 0; - position: fixed; -} - .center.search:after { - content: none; - } - .title h1 { background: url(../img/searx.png) no-repeat; width: 319px; @@ -49,16 +34,12 @@ html { } .center { - width: 55em; + max-width: 55em; text-align: center; background: rgba(255,255,255,0.6); padding: 4em 2em; margin: 7% auto 0; position: relative; - /*position: absolute; - top: 50%; - left: 50%; - margin:-220px 0 0 -408px;*/ } .center.search { @@ -69,6 +50,23 @@ html { padding-top: 1.8em; } +@media screen and (min-width: 1001px) { + .center:after { + content: ""; + z-index: -1; + background: url(../img/bg-body-index.jpg) no-repeat; + background-size: cover; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + } + .center.search:after { + content: none; + } +} + .autocompleter-choices { position: absolute; margin: 0; @@ -106,11 +104,19 @@ html { text-decoration: underline; } +@media screen and (max-width: 1000px) { + .center { background: none; } + .top_margin a { + color: #333; + } +} + .checkbox_container { margin-top: 1.5em; } .checkbox_container label { padding: 0.5em 1em; color: #333; cursor: pointer; + font-size: 0.9em; } .checkbox_container label:hover { background: #3498DB; @@ -127,10 +133,70 @@ html { color: #FFF; } -#categories > div { +#categories_container > div { display: inline-block; } +#categories .hidden { + display: none; + position: absolute; + bottom: 1em; + left: 0; + text-align: center; + width: 100%; + font-size: 0.9em; + font-style: italic; + color: #333; +} + +#categories:hover .hidden { + display: block; +} + +@media screen and (max-width: 900px) { + #categories_container { letter-spacing: -5px; } + #categories_container > div { + letter-spacing: normal; + margin-top: 1em; + } + .checkbox_container { + margin: 0; + } + .checkbox_container label { + display: block; + background: #CCC; + padding: 1em; + border: 1px solid #FFF; + } + .top_margin { position: static; } + #categories .hidden { + position: static; + display: block; + } +} + +@media screen and (max-width: 900px) and (min-width: 501px) { + #categories_container > div { + width: 31%; + margin-left: 2.333%; + } + #categories_container > div:nth-child(3n+1) { margin-left: 0; } +} + +@media screen and (max-width: 500px) { + #categories_container > div { + width: 48%; + margin-left: 2%; + font-size: 0.9em; + } + #categories_container > div:nth-child(2n+1) { margin-left: 0; } + .title h1 { + background: url(../img/searx-mobile.png) no-repeat; + width: 200px; + height: 39px; + } +} + #search_wrapper { position: relative; } @@ -284,6 +350,12 @@ html { text-decoration: underline; } +.cache_link { + color: #666; + font-size: 0.9em; + font-style: italic; +} + .search.center { padding-right: 17em; } @@ -339,6 +411,10 @@ input[type="submit"]:focus { margin: auto; } +.row a { + color: #3498db; +} + .row form { letter-spacing: -5px; } @@ -368,6 +444,48 @@ input[type="submit"]:focus { min-height: 10.5em; } +@media screen and (max-width: 900px) { + .row { + margin: 0 1em; + } + .row fieldset { width: 49%; } + .row fieldset, + .row fieldset:nth-child(odd) { + margin-right: 0; + } + + .row fieldset:first-child { + width: 100%; + margin-right: 0; + } + + .row fieldset:nth-child(even) { + margin-right: 2%; + } + +} + +@media screen and (max-width: 800px) { + .row fieldset { width: 100%; } + + select { width: 100%; } + + table { font-size: 0.8em; } + .right {display: none;} + #sidebar { display: none; } + #results { padding: 0 2em; } + .search.center { + padding-right: 2em; + } +} + +@media screen and (max-width: 400px) { + .row #categories_container > div { + width: 100%; + margin-left: 0; + } +} + fieldset { border: 0; margin: 1em 0; diff --git a/searx/static/courgette/img/searx-mobile.png b/searx/static/courgette/img/searx-mobile.png new file mode 100644 index 0000000000000000000000000000000000000000..2b9383a5ddbd29a3755b4fa5f86066718c806213 GIT binary patch literal 10208 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