From 94e41bde9061e691e5b3fcd093f14effe6ea7ffe Mon Sep 17 00:00:00 2001 From: "mb@mb" Date: Wed, 3 Oct 2018 16:00:32 +0200 Subject: [PATCH] small changes --- static/css/stylesheet.css | 110 ++++++++++++++++++++++++++++++++------ 1 file changed, 95 insertions(+), 15 deletions(-) diff --git a/static/css/stylesheet.css b/static/css/stylesheet.css index 69c2334..6e4e1bf 100644 --- a/static/css/stylesheet.css +++ b/static/css/stylesheet.css @@ -9,10 +9,33 @@ h1, h2, h3{ margin:30px 0 0 0; } h2{ - font-size: 12px; + font-size: 80%; font-weight: normal; - border-bottom:1px solid; + padding:10px; + border:1px dotted; + border-radius: 5px; + } + h2.black{ + background-color: black; + color:white; } +hr{ + border:0; + border-bottom:1px dotted black; + clear: both; + margin:50px 0; + top: 0px; + clear: both; + position: relative; + padding: 10px 0; +} +a, a:active, a:hover{ + color:black; + text-decoration: none; + border-bottom:1px dotted; + padding:0; + margin:0; +} #logo, #search{ display: inline-block; } @@ -20,7 +43,7 @@ h1, h2, h3{ margin:15px 0; } #search{ - width: 220px; + width: 300px; position: relative; margin:0 0 0 20px; top:-3px; @@ -46,19 +69,63 @@ h1, h2, h3{ #search #submit:hover{ cursor: pointer; } -input#frustrated{ - position: relative; - display: inline-block; - top:-3px; - height: 44px; - margin:-3px 0 0 20px; -} #results, #intro{ - width:calc(100% - 371px); + width:calc(100% - 280px); margin:10px 0 0 0; } + #results.list, #results.list .title, #results.list .sentence{ + font-weight: normal; + font-size: 12px; + line-height: 1.4; + } .result{ margin:10px 0 0 0; + } + .result h2{ + background-color: black; + color:white; + } + /*.result:nth-of-type(1) h2{ + border:1px dotted #800000; + } + .result:nth-of-type(2){ + color:red; + } + .result:nth-of-type(3){ + color:olive; + } + .result:nth-of-type(4){ + color:yellow; + } + .result:nth-of-type(5){ + color:green; + } + .result:nth-of-type(6){ + color:lime; + } + .result:nth-of-type(7){ + color:turquoise; + } + .result:nth-of-type(8){ + color:navy; + } + .result:nth-of-type(9){ + color:blue; + } + .result:nth-of-type(10){ + color:purple; + } + .result:nth-of-type(11){ + color:magenta; + } + .result:nth-of-type(12){ + color:#2b0000; + }*/ + .sentence:before{ + position: absolute; + content:'- '; + left:8px; + display: inline; } #more{ margin:10px 0; @@ -66,15 +133,28 @@ input#frustrated{ #more-descr{ margin:10px 0; } - #more sup{ + #more sup, .asterix{ color:#800000; } .sentence{ margin:10px 0 0 0; } - .sentence strong{ - color:#800000; + #results strong{ + font-family: 'Liberation Sans Narrow'; + color:inherit; + line-height: 0.65; + } + #results.ordered strong{ + font-family: 'Liberation Sans Narrow'; + color:inherit; + line-height: 1.1; } + .title{ + float: right; + margin:0 -11px 10px 10px; + width: 100px; + word-wrap: break-word; + } #txt-list{ position: absolute; width:200px; @@ -82,7 +162,7 @@ input#frustrated{ top:-7px; margin:20px; font-size: 12px; - color:#800000; + /*color:#800000;*/ } #txt-list ul{ margin:0;