diff options
Diffstat (limited to 'www/css/planet.css')
| -rw-r--r-- | www/css/planet.css | 233 |
1 files changed, 53 insertions, 180 deletions
diff --git a/www/css/planet.css b/www/css/planet.css index eb4e820..46896c0 100644 --- a/www/css/planet.css +++ b/www/css/planet.css @@ -1,204 +1,77 @@ -body { - font-family: verdana, sans-serif; - color: #000000; - background-color: #ffffff; - margin: 0 0 0 0; - padding: 0 0 0 0; - font-size: 13px; -} - -div#planetHeader { - width: 100%; - background: url(/img/hdr_fill.png); - padding: 0 0 0 0; - height: 80px; - margin: 5px 0 2px 0; -} - -div#planetWrap { - margin-left: 20px; - margin-right: 20px; -} - -div#planetWrap img { - /* applies to all images */ - border: none; -} - -div#planetMain { - width: 100%; -} - -div#planetLeft { - margin-right: 300px; - padding-top: 10px; -} - -div.planetPostHeaderWrap { -} - -div.planetNewDate { - display: none; - color: #ec5800; - font-size: 20px; - text-align: left; - margin-left: 40px; -} - -div.planetPost { - margin-bottom: 15px; - padding: 5px 5px 15px 5px; - text-align: left; - border-bottom: thin solid #dadada; -} - -div.planetPostHeader { - float: left; - width: 100%; -} +/** CUSTOM FONTS */ +@import url('https://fonts.googleapis.com/css?family=Open+Sans'); +@import url('https://fonts.googleapis.com/css?family=Maven+Pro'); -div.planetPostTitle { - font-size: 1.5em; - font-style: bold; - font-family: verdana, helvetica, arial, sans-serif; - padding-bottom: 5px; -} - -div.planetPostTitle a { - text-decoration: none; -} - -div.planetPostTitle a:hover { - text-decoration: underline; -} - -div.planetPostAuthor { - color: #909090; - font-size: .8em; - margin: 0; - padding: 0 10px 0 10px; - background-color: #dadada; - overflow: hidden; -} - -div.planetPostAuthor a { - font-style: italic; -} - -div.planetPostAuthor span.date { - font-style: italic; -} - -div.planetPostContent { - text-align: left; - margin-top: 20px; -} - -div.planetPostContent img { - display: block; - margin-left: auto; - margin-right: auto; - max-height: 100px; - max-width: 300px; - width: auto; - height: auto; - clear: left; -} - -div.planetPostContent img.wp-smiley { - display: inline-block; - height: 1em; - max-width: 2em; - width: auto; +body { + padding-top: 4rem; + font-family: 'Open Sans', sans-serif; + font-weight: 400; + color: #515151; + font-size: 11.5pt; } -div#planetRight { - width: 280px; - margin-top: 10px; - float: right; - text-align: left; - border-left: 1px solid #dadada; - clear: both; +h1, h2, h3, h4, h5, h6 { + font-family: 'Maven Pro', sans-serif; + font-weight: 700; + text-transform: uppercase; + color: #515151; + margin-top: 0.5em; } -div#planetRight div.planetRightTitle { - font-weight: bold; - font-size: 20px; - padding-left: 10px; +a { + color: #336791; + font-weight: 600; + text-decoration: none; + -moz-transition: color .2s ease-in-out; + -webkit-transition: color .2s ease-in-out; + -ms-transition: color .2s ease-in-out; + transition: color .2s ease-in-out; } -div#planetRight div.planetRightDescription { - font-size: 0.7em; - padding-left: 15px; +.navbar { + box-shadow: 0px 3px 15px rgba(0,0,0,0.2); } -div#planetRight ul { - list-style: none; - padding-left: 15px; +.navbar img.logo { + height: 2rem; + margin-left: 10px; + margin-bottom: 0; } -div#planetRight p { - padding-left: 15px; +#footer { + text-align: center; + padding: 5em 0 2em 0; + display: block; } -div.fl { float: left; border: none; text-align: left; } -div.fr { float: right; } -div.cb { clear: both; } -div.cl { clear: left; } - -a:link { color:#0085B0; text-decoration: underline; } -a:visited { color:#004E66; text-decoration: underline; } -a:active { color:#0085B0; text-decoration: underline; } -a:hover { color:#000000; text-decoration: underline; } - -/* Toplist on the right */ -div#planetRight ul.toplist li { - padding-left: 20px; +#sidenav { + padding: 1em; } -div#planetRight ul.toplist li img { - margin-left: -20px; - float: left; +div.contentwrap h2 { + font-size: 2em; + display: flex; + flex-direction: row; } -/* blog-specific hackery */ -div.serendipity_authorpic { - display: block; - float: right; - margin: 5px; +div.contentwrap h2:after { + background-color: #e7eae8; + content: '\a0'; + flex-grow: 1; + height: 2px; + position: relative; + margin: .5em 0 .5em .75em; } -.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;} -.b1f {height:1px; background:#ddd; margin:0 5px;} -.b2f {height:1px; background:#ddd; margin:0 3px;} -.b3f {height:1px; background:#ddd; margin:0 2px;} -.b4f {height:2px; background:#ddd; margin:0 1px;} -.contentf {background: #ddd;} -.contentf div {margin-left: 5px;} - -/* fix for long pre lines */ -pre { - white-space: pre-wrap; /* css-3 */ - white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ - white-space: -pre-wrap; /* Opera 4-6 */ - white-space: -o-pre-wrap; /* Opera 7 */ - word-wrap: break-word; /* Internet Explorer 5.5+ */ +h2 a, h3 a { + text-decoration: none; + color: #515151; } -/* Add pretty boxes for code */ - -div.planetPostContent code { - background-color: #ECF1EF; - border-width: 5px; - border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px +span.nobr { + white-space:nowrap; } -div.planetPostContent pre { - background-color: #ECF1EF; - border-width: 5px; - border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px +small { + font-size: 0.85em; } |