diff options
Diffstat (limited to '')
| -rw-r--r-- | static/css/reset.css | 98 | ||||
| -rw-r--r-- | static/css/screen.css | 9 | ||||
| -rw-r--r-- | static/css/style.css | 186 |
3 files changed, 8 insertions, 285 deletions
diff --git a/static/css/reset.css b/static/css/reset.css deleted file mode 100644 index b002e1a..0000000 --- a/static/css/reset.css +++ /dev/null @@ -1,98 +0,0 @@ -/* -html5doctor.com Reset Stylesheet -v1.4 -2009-07-27 -Author: Richard Clark - http://richclarkdesign.com -*/ - -html, body, div, span, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -abbr, address, cite, code, -del, dfn, em, img, ins, kbd, q, samp, -small, strong, sub, sup, var, -b, i, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, dialog, figure, footer, header, -hgroup, menu, nav, section, menu, -time, mark, audio, video { - margin:0; - padding:0; - border:0; - outline:0; - font-size:100%; - vertical-align:baseline; - background:transparent; -} -body { - line-height:1; -} - -article, aside, dialog, figure, footer, header, -hgroup, nav, section { - display:block; -} - -nav ul { - list-style:none; -} - -blockquote, q { - quotes:none; -} - -blockquote:before, blockquote:after, -q:before, q:after { - content:''; - content:none; -} - -a { - margin:0; - padding:0; - border:0; - font-size:100%; - vertical-align:baseline; - background:transparent; -} - -ins { - background-color:#ff9; - color:#000; - text-decoration:none; -} - -mark { - background-color:#ff9; - color:#000; - font-style:italic; - font-weight:bold; -} - -del { - text-decoration: line-through; -} - -abbr[title], dfn[title] { - border-bottom:1px dotted #000; - cursor:help; -} - -table { - border-collapse:collapse; - border-spacing:0; -} - -hr { - display:block; - height:1px; - border:0; - border-top:1px solid #cccccc; - margin:1em 0; - padding:0; -} - -input, select { - vertical-align:middle; -} diff --git a/static/css/screen.css b/static/css/screen.css index aa55e3f..0b207f4 100644 --- a/static/css/screen.css +++ b/static/css/screen.css @@ -6,6 +6,9 @@ /* Global Reset */ +@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold); +@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular); + * { margin: 0; padding: 0; @@ -17,9 +20,11 @@ html, body { body { background-color: white; - font: 13.34px helvetica, arial, clean, sans-serif; + font-family: 'Droid Sans',Verdana, sans-serif; + /*font: 13.34px helvetica, arial, clean, sans-serif;*/ *font-size: small; text-align: center; + background: #eeeeee; } h1, h2, h3, h4, h5, h6 { @@ -79,6 +84,8 @@ ul.posts { /*****************************************************************************/ .site { + background: #ffffff; + padding: 1em; font-size: 110%; text-align: justify; width: 50em; diff --git a/static/css/style.css b/static/css/style.css deleted file mode 100644 index 03d2041..0000000 --- a/static/css/style.css +++ /dev/null @@ -1,186 +0,0 @@ -@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold); -@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular); - -body { - font-family: 'Droid Sans',Verdana, sans-serif; - font-size: 1em; - line-height: 16pt; - background: #EEEEEE; -} - -a, a:visited { - color: #666666; -} - -a:hover { - color: #999999, -} - -h1 { - font-size: 24pt; -} - -h2 { - font-size: 20pt; - padding-top: 12px; - padding-bottom: 12px; -} - -h3 { - font-size: 14pt; - margin-top: 10px; -} - -h1 a, h1 a:visited { - color: #C33C33; -} - -ul { - list-style: disc; -} - -li { - margin-left: 2em; -} - -li#title { - color: red; - font-weight: bold; -} -li.sep { - color: white; -} -li.section { - font-weight: bold; -} - -p, h1, h2, h3, ul { - margin-bottom: 0.5em; -} - -section { - margin-top: 2em; -} - -section h1 { - font-size: 20pt; - color: #C33C33; - margin-bottom: 8px; -} - -section small { - font-size: 10pt; - color: gray; -} - -section div.highlight { - padding: 10px 0px 20px 25px; -} - -#container { - margin-top: 10px; - margin-bottom: 10px; - margin-left: auto; - margin-right: auto; - width: 960px; - background: #FFFFFF; - padding: 20px; -} - -header { - margin: -20px -20px 20px -20px; - padding: 5px; - background: #000000; -} - -header h1 { - color: #C33C33; - font-size: 28pt; -} - -header h1 a { - text-decoration: none; -} - -header #nav { - display: inline; - list-style-type: none; - list-style: none; -} - -header #nav li { - display: inline; - margin-left: 0; - margin-right: 10px; -} - -header #nav li a { - padding-top: 0px; - color: #FFFFFF; - text-decoration: none; -} - -header #nav li a:hover { - color: #CCCCCC; -} - -footer { - margin: 0 -20px -20px -20px; - padding: 10px; - background: #000000; -} - -footer p { - color: #FFFFFF; -} - -footer p img { - margin-bottom: -5px; -} - -div.highlight { - background-color: #333333; - border: 5px solid #CCCCCC; - margin: 20px; - overflow: auto; - padding: 5px; -} - -.clear { - clear: both; -} - -.right { - float: right; -} - -img { - margin-top: 10px; - margin-bottom: 10px; - display: block; - border: 1px solid black; - margin-left: auto; - margin-right: auto; -} - -.entry:after { - content: '\002701'; - font-size: 18pt; - text-align: center; - clear:both; - display: block; - margin: 5ex 0; -} - -/*code {*/ - /*margin-top: 15px;*/ - /*margin-bottom: 15px;*/ - /*font-size: 0.9em;*/ - /*font-weight: bold;*/ - /*display: block; */ - /*padding-top: 10px; */ - /*padding-left: 10px; */ - /*padding-bottom: 10px; */ - /*background-color: #000000; */ - /*color: #ffffff*/ -/*}*/ |