From e1ccecf87c33fc2293c97ee53b118061969a2a40 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A1=D1=83=D1=85=D0=B0=D1=80=D0=B8=D0=BA?= Date: Mon, 31 Aug 2015 15:46:34 +0300 Subject: [PATCH 1/2] diletant attempt to make the page less ugly --- css/screen.css | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/css/screen.css b/css/screen.css index d767e53..20ad7f3 100644 --- a/css/screen.css +++ b/css/screen.css @@ -1,13 +1,14 @@ -html{ +html { -webkit-text-size-adjust: none; } body { - color: #000000; + color: #222; background-color: rgb(242, 242, 242); text-align: center; font-family: Helvetica, Arial, sans-serif; max-width: 75em; + line-height: 1.2; margin: 0 auto 1em auto; -moz-hyphens: auto; -ms-hyphens: auto; @@ -15,6 +16,7 @@ body { -webkit-hyphens: auto; hyphens: auto; } + a:active { color: #000099; } @@ -25,6 +27,16 @@ a:visited { color: #990099; } +ul { + margin-bottom: 0.5em; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 14px; + margin-bottom: 14px; + line-height: 1.1; +} + /*** HEADER ***/ #header #mainlinks { position: fixed; @@ -65,13 +77,15 @@ p#title_sub { /*** CONTENT ***/ #content { - width: 75%; + width: 74%; border-color: rgb(255, 247, 200); border-style: solid; border-width: 5px; margin-left: auto; margin-right: auto; padding: 1em; + padding-left: 1.5em; + padding-right: 2em; text-align: justify; background-color: #FFFFFF; } @@ -83,6 +97,7 @@ p#title_sub { /*** FOOTER ***/ #footer{ + padding-top: 1em; text-align: center; font-family: Helvetica,Arial,sans-serif; font-weight: bold; From 4db945f3659936c889fe242b2b3538402ba33607 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A1=D1=83=D1=85=D0=B0=D1=80=D0=B8=D0=BA?= Date: Mon, 31 Aug 2015 16:29:22 +0300 Subject: [PATCH 2/2] use rem instead of px --- css/screen.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/screen.css b/css/screen.css index 20ad7f3..85d579c 100644 --- a/css/screen.css +++ b/css/screen.css @@ -32,8 +32,8 @@ ul { } h1, h2, h3, h4, h5, h6 { - margin-top: 14px; - margin-bottom: 14px; + margin-top: 0.875rem; + margin-bottom: 0.875rem; line-height: 1.1; }