X-Git-Url: https://git.r.bdr.sh/rbdr/grita/blobdiff_plain/0e0a67f4f172e61592d259386aa52f0635249f64..a847ac2f16eab830b4421a4a9643cb9ee58b30ae:/views/style.less?ds=sidebyside diff --git a/views/style.less b/views/style.less index 6052c10..972269c 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; @@ -54,6 +59,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,6 +79,53 @@ 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; @@ -70,11 +134,11 @@ hr{ #body #qrcode{ display: block; - margin: 10px 250px; + margin: 10px 90px; } -#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; @@ -82,7 +146,7 @@ hr{ } #body textarea.text{ - border: 1px solid @border_color; + border: 1px solid @lighter_color; font-size: 1.6em; padding: 5px; margin: 0 90px;