From e48a9d406fbd5489dc25bcdd92b1df2b0c862105 Mon Sep 17 00:00:00 2001 From: Carlos Sosa Date: Tue, 28 Aug 2018 00:22:45 -0700 Subject: Initial commit --- css/style.css | 456 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 456 insertions(+) create mode 100755 css/style.css (limited to 'css/style.css') diff --git a/css/style.css b/css/style.css new file mode 100755 index 0000000..6ce4527 --- /dev/null +++ b/css/style.css @@ -0,0 +1,456 @@ +/* +Theme Name: Journalist +Theme URI: http://lucianmarin.com/ +Description: Journalist is a smart, minimal theme designed for professional journalists. +Version: 1.9 +Author: Lucian E. Marin +Tags: white, two columns, fixed width, light, minimal +For the WordPress community (GPL), enjoy it guys. +by Lucian E. Marin - lucianmarin.com +*/ + +hr { color:#aaa; background-color:#aaa; height:1px; border:0; } + +body { + font-family: "EB Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; + font-size: 1em; + color:#333; + margin:0 5px 0 5px; + text-rendering: optimizeLegibility; + font-feature-settings: "kern"; + -webkit-font-feature-settings: "kern"; + -moz-font-feature-settings: "kern"; + -moz-font-feature-settings: "kern=1"; + font-kerning: normal; +} + +code { + font-family: "Droid Sans Mono"; + font-size: 0.9em; + background-color: #F3F5F7 + +} + +.about-link { + float: right; + margin-top: 30px; +} + +pre { + + border-top:1px solid #ddd; + border-bottom:1px solid #ddd; + padding-top:15px; + padding-left:-50px; + margin-bottom:15px; + padding: 1em 0; + font-family: "Droid Sans Mono"; + font-size: .8em; +} + +blockquote { font-family: "Droid Sans Mono"; } + +.prettyprint { + font-family: "Droid Sans Mono"; + line-height: 1.2em; + font-size: 0.85em; +} + +sup { + line-height:0; + font-size:9px; +} + + + +.post-separator { + text-align:center; + margin-bottom:5px; + font-weight:bold; +} + +* { +padding:0; +margin:0; +text-align:left; +} + +a { +color:#444; +} + +a:hover { +color:#444; +text-decoration:none; +border-bottom: none; +} + +#container { +width:600px; +margin:0 auto; +position:relative; +padding: 0 10px 0 10px; +} + +#container h1 { +font-size:1.9em; +font-weight:normal; +letter-spacing:0px; +float: left; +margin:0 0 10px 0; +padding:15px 0 1px 0; +} + +#container h1 a { + text-decoration:none; + border:none; +} + +#container h1 a:hover { + +} + +#bubble { +top:66px; +position:absolute; +display:block; +height:28px; +} + +#content { +float:left; +width:600px; +} + +#content h2 { +font-weight:normal; +font-size:1.6em; +line-height:34px; +margin:0px 0px 10px -1000px; +padding:5px 5px 5px 1000px; +border-bottom:1px solid #888; +} + +#content .edit_link { + font-size:9px; +} + +#content h2 a { +color:#333; +text-decoration:none; +border-bottom: none; + +} + +#content h2 a:hover { + +} + +#content h2.archive { +font-weight:normal; +color:#1c1c1c; +padding:0; +margin:5px 0 20px 0; +border:none; +text-align:left; +} + +.navigation { +padding:5px 10px 0 1000px; +margin:0 0 20px -1000px; +border-top:#888 1px solid; +} + +.navigation a { +color:#555; +text-decoration:none; +} + +.navigation a:hover { +color:#555; +text-decoration:none; +} + +.main h3 { +font-size:1.4em; +font-weight:normal; +margin:0 0 15px 0; +} + +.main h4 { +font-size:1.2em; +font-weight:normal; +margin:0 0 15px 0; +} + +.main a img { +padding:2px; +border:#0085b5 2px solid; +} + +.main a:hover img { +padding:2px; +border:#ca0002 2px solid; +} + +.main p { +margin:0 0 15px 0; +text-align:justify; +} + +.main ol { +line-height:18px; +margin:0 0 15px 30px; +} + +.main ul { +line-height:18px; +margin:0 0 15px 30px; +} + +.main li { +margin:0 0 5px 0; +} + +.signature { +float:left; +padding:0 15px 0 0; +border-right:#bbb 1px solid; +width:220px; +} + +.about { padding: 39px 0 16.5px 0; } + +#author h3 { +margin:5px 0 5px 0; +} + +#searchform { +margin:15px 0 0 0; +} + +#searchform input { +background:#222; +font-size:11px; +margin:2px 0; +padding:1px 4px 2px 4px; +border:#888 1px solid; +color:#eee; +} + +#searchform input:hover { +background:#333; +border:#999 1px solid; +color:#fff; +cursor:pointer; +} + +#searchform #s { +background:#f6f6f6; +font-size:11px; +margin:2px 0; +padding:2px 4px; +border:#aaa 1px solid; +color:#000; +} + +#searchform #s:hover { +cursor:text; +} + +input.searchfield { +background:#f6f6f6; +font-size:11px; +display:inline; +margin:5px 0 8px 0; +padding:2px 4px; +border:#aaa 1px solid; +color:#000; +size:20; +} + +input.searchfield:hover { +background:#eee; +color:#000; +} + +input.submit { +background:#222; +font-size:11px; +margin:0 0 10px 0; +padding:1px 4px 2px 4px; +border:#888 1px solid; +color:#eee; +} + +input.submit:hover { +background:#333; +cursor:pointer; +border:#999 1px solid; +color:#fff; +} + +input.subcom { +background:#eee; +font-size:11px; +margin:0 0 10px 0; +padding:1px 4px 2px 4px; +border:#888 1px solid; +color:#000; +} + +input.subcom:hover { +background:#222; +cursor:pointer; +border:#888 1px solid; +color:#eee; +} + +textarea { +background:#f6f6f6; +font-size:13px; +width:400px; +padding:2px 4px; +border:#aaa 1px solid; +color:#000; +} + +.postinput small { +font-size:11px; +margin:0 0 0 5px; +} + +p.logged { +font-size:13px; +} + +h3.reply { +font-size:15px; +margin:0 0 10px 0; +} + +.nocomments { +margin:0 0 30px 0; +} + +blockquote { +background:url(images/quote.gif) no-repeat top left; +padding:0 0 0 60px; +min-height:50px; +} + +#footer { +background:#eee; +font-size:11px; +color:#555; +margin:0 auto; +padding:10px 0 10px 10px; +text-align:center; +position:relative; +border-top:#bbb 1px solid; +border-bottom:#222 6px solid; +} + +#footer a { +color:#555; +font-weight:bold; +text-decoration:none; +} + +#footer a:hover { +color:#333; +text-decoration:none; +} + +.clear { +clear:both; +} + +.warning p { +background:url(images/warning.gif) no-repeat left; +height:160px; +padding:20px 0 0 90px; +font-size:20px; +margin:0 0 0 10px; +} + +input:focus, textarea:focus{ +background-color:#ffc; +} + +abbr { +border:none; +} + +.aligncenter { +display: block; +margin-left: auto; +margin-right: auto; +} + +.alignleft { +float:left; +} + +.alignright { +float:right; +} + +/* self-clear floats */ + +.group:after { +content: "."; +display: block; +height: 0; +clear: both; +visibility: hidden; +} + +/* IE Hacks */ + +*html #bubble { +display:none; +} + +*html #bubble p { +display:none; +} + +* html .group, +* html #nav ul li a { +height: 1%; +} + +*:first-child+html .group { +min-height: 1px; +} + +* html #nav ul li a { +display: inline; +} + +/* resize videos to screen size */ +.video-container { + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; height: 0; overflow: hidden; +} +.video-container iframe, +.video-container object, +.video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +@media handheld, only screen and (max-width: 767px) { + #container { + width:350px; + } + + #content { + width:350px; + } +} -- cgit v1.3-2-g0d8e