X-Git-Url: https://git.r.bdr.sh/rbdr/grita/blobdiff_plain/0e0a67f4f172e61592d259386aa52f0635249f64..b316fed18eb47c27fcdbf8e2da4b248a6e00ce37:/views/style.less?ds=sidebyside diff --git a/views/style.less b/views/style.less index 6052c10..1f7b075 100644 --- a/views/style.less +++ b/views/style.less @@ -2,6 +2,7 @@ @background_color: #fff; @emphasis_color: #222; @light_color: #999; +@lighter_color: #ccc; @border_color: #eee; @error_color: #ffebe8; @success_color: #f0fff0; @@ -13,6 +14,10 @@ padding: 0; } +img{ + border: 0; +} + body{ color: @text_color; background-color: @background_color; @@ -36,7 +41,16 @@ body{ margin: 10px 250px; } -#header #logo span{ +#header #logomini{ + background-image: url(/images/logomini.png); + background-repeat: no-repeat; + width: 140px; + height: 65px; + display: block; + margin: 10px 410px; +} + +#header #logo span, #header #logomini span{ display: none; } @@ -54,6 +68,18 @@ body{ color: @emphasis_color; } +#body h2{ + margin: 20px 90px; + font-size: 1.8em; + color: @emphasis_color; +} + +#body h3{ + margin: 20px 90px; + font-size: 1.6em; + color: @emphasis_color; +} + #body p{ margin: 20px 90px; font-size: 1.6em; @@ -62,27 +88,79 @@ body{ text-align: justify; } +#body ul, #body ol{ + margin: 20px 90px; + font-size: 1.4em; + line-height: 1.8em; +} + +#body ul li p, #body ol li p{ + font-size: 1em; + margin: 0; + line-height: 1em; + text-indent: 0; +} + +#body ul li, #body ol li{ + margin-left: 80px; +} + +#body blockquote{ + margin: 20px 170px; + text-align: justify; + border-left: 2px solid @border_color; + padding-left: 5px; +} + +#body blockquote blockquote{ + margin: 10px; +} + +#body pre{ + margin: 20px 170px; + border: 1px solid @lighter_color; + background-color: @border_color; + padding: 10px; +} + +#body pre code{ + font-size: 1.6em; + line-height: 1.8em; +} + +#body blockquote p{ + margin: 5px 0; + text-indent: 0; + font-size: 1.4em; + line-height: 1.8em; +} + hr{ margin: 10px; border: 0; border-bottom: 1px solid @border_color; } -#body #qrcode{ - display: block; - margin: 10px 250px; +#body #sharing{ + text-align: center; } -#body input.title{ - border: 1px solid @border_color; +#body input.title, #body input.url{ + border: 1px solid @lighter_color; font-size: 1.6em; padding: 5px; margin: 0 90px; width: 770px; } +#body #sharing input.url{ + width: 290px; + margin-bottom: 10px; + margin-top: 10px; +} + #body textarea.text{ - border: 1px solid @border_color; + border: 1px solid @lighter_color; font-size: 1.6em; padding: 5px; margin: 0 90px; @@ -116,4 +194,16 @@ hr{ margin: 0 90px; width: 760px; background-color: @success_color; +} + +.tooltip{ + position: absolute; + top: 0; + left: 0; + z-index: 3; + display: none; +} + +#footer{ + height: 100px; } \ No newline at end of file