diff options
Diffstat (limited to 'css/base.css')
-rw-r--r-- | css/base.css | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/css/base.css b/css/base.css new file mode 100644 index 0000000..2143bb7 --- /dev/null +++ b/css/base.css @@ -0,0 +1,120 @@ +body, html { + width: 100%; + height: 100%; +} +html { + min-height:100%; + position:relative + background-color: #fff; + font-size: 16px; + font-family: sans-serif; + line-height: 24px; +} +body { + color: #333; + font-size:16px; + margin:0px; + padding: 0; +} +h1, h2, h3 { + margin: 0px 0px 18px 0px; + padding: 24px 0px 0px 0px; +} + +p, ul { + margin: 18px 0px 18px 0px; +} + +img { + margin: 12px 0px 12px 0px; + max-width: 100%; +} + +ul { + padding-left: 18px; +} + +a { + color: #111; + text-decoration: none; +} + +h1, h2, h3 { + font-weight: normal; +} + +h1 { + font-size: 26px; +} + +h2 { + font-size: 22px; +} + +h3 { + font-size: 18px; +} +@media screen and (min-width: 768px) { + aside { + width: 20%; + height: 100%; + position: fixed; + top:0; + left:0; + + } + main { + width: 80%; + position: absolute; + top: 0; + left: 20%; + } +} +aside h1, aside h2, aside h3{ + margin: 0px 0px 8px 0px; + padding: 8px 0px 0px 0px; +} +aside ul { + padding-left: 0px; + margin: 8px 0px 8px 0px; +} +aside { + background-color: #333333; + color: #ffffff; + text-align: center; +} +aside a{ + color: #eeeeee; +} +aside div{ + padding-bottom: 1em; +} +aside div img{ + border-radius: 50%; + max-width: 120px; +} +aside div nav ul li{ + display: block; + text-transform: lowercase; +} + +footer { + color:#999999; + font-size:12px; + text-align:center; + height:4em; + width:100%; + padding-top:1.2em; + font-family:sans-serif + bottom: 0; +} +footer a{ + color: #111111; + font-weight: bold; +} +div#content { + padding-left: 4%; +} +main a{ + border-bottom: 1px solid #555; +} |