diff options
Diffstat (limited to 'css')
| -rwxr-xr-x | css/fonts.css | 4 | ||||
| -rwxr-xr-x | css/main.css | 248 | ||||
| -rwxr-xr-x | css/notebook.css | 48 | ||||
| -rwxr-xr-x | css/style.css | 456 | ||||
| -rwxr-xr-x | css/syntax.css | 60 |
5 files changed, 816 insertions, 0 deletions
diff --git a/css/fonts.css b/css/fonts.css new file mode 100755 index 0000000..eddce04 --- /dev/null +++ b/css/fonts.css @@ -0,0 +1,4 @@ +@font-face { + font-family: 'EB Garamond'; + src: url('fonts/EBGaramond.otf'); +} diff --git a/css/main.css b/css/main.css new file mode 100755 index 0000000..84647e4 --- /dev/null +++ b/css/main.css @@ -0,0 +1,248 @@ +*, *:after, *:before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +body { + font-family: "EB Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; + margin: 0px; + font-size: 16px; + text-rendering: optimizeLegibility; + font-feature-settings: "kern"; + -webkit-font-feature-settings: "kern"; + -moz-font-feature-settings: "kern"; + -moz-font-feature-settings: "kern=1"; +} + +h1 { + font-size: 25px; + padding-bottom: 0px; + margin: 0 0 0px 0; + font-weight: normal; +} + +h2 { + padding-top: 9px; + border-top: 1px solid #bbb; + font-size: 20px; + margin-top: 0; + margin-bottom: 0; + padding-bottom: 3px; + font-weight: normal; +} + +h3 { + border-top: 1px solid #bbb; + padding-top: 10px; + font-size: 18px; + margin: 0 0 2px 0; + font-weight: normal; +} + +p { + margin-top: 0; +} + +.about { + margin-top: 17px; +} + +a { color: black; text-decoration:underline; } +a:visited { } +a:hover { text-decoration: none; } + +h1 a { color: black; text-decoration: none; } + +h3 a { text-decoration:none; } +h3 a:hover { text-decoration:underline; } + +ul { list-style: none; margin: -2px 0 0 0; padding: 0; } +li { padding: 2px 0 2px 0; color: #888; } + +li a { text-decoration: none; } +li a:visited { text-decoration: none; } +li a:hover { text-decoration: underline; } + +.project { + margin-top: 0; + padding-top: 0; + width: 320px; + position: relative; + margin-bottom: 0; +} + +.project p { + margin-bottom: 0; +} + +.project h2 { + margin-bottom: 0; +} + +.divider { + margin-left: auto; + margin-right: auto; + width: 20px; +} + +.project .links { + padding-bottom: 5px; +} + +.content { + padding: 5px; +} + +[class*='col-'] { + float: left; + padding-right: 20px; +} + +[class*='col-']:last-of-type { + padding-right: 0px; +} + +.grid { + max-width: 940px; + min-width: 940px; + margin: 0 auto; + overflow: hidden; +} + +.grid:after { + content: ""; + display: table; + clear: both; +} + +.grid-pad { + padding: 10px 0 0px 20px; +} + +.grid-pad > [class*='col-']:last-of-type { + padding-right: 20px; +} + +.push-right { + float: right; +} + +/* Content Columns */ + +.col-1-1 { + width: 100%; +} +.col-2-3, .col-8-12 { + width: 66.66%; +} + +.col-1-2, .col-6-12 { + width: 50%; +} + +.col-1-3, .col-4-12 { + width: 33.33%; +} + +.col-4point5-12 { + width: 37.5%; +} + +.col-1-4, .col-3-12 { + width: 25%; +} + +.col-1-5 { + width: 20%; +} + +.col-1-6, .col-2-12 { + width: 16.667%; +} + +.col-1-7 { + width: 14.28%; +} + +.col-1-8 { + width: 12.5%; +} + +.col-1-9 { + width: 11.1%; +} + +.col-1-10 { + width: 10%; +} + +.col-1-11 { + width: 9.09%; +} + +.col-1-12 { + width: 8.33% +} + +/* Layout Columns */ + +.col-11-12 { + width: 91.66% +} + +.col-10-12 { + width: 83.333%; +} + +.col-9-12 { + width: 75%; +} + +.col-5-12 { + width: 41.66%; +} + +.col-7-12 { + width: 58.33% +} + +@media handheld, only screen and (max-width: 767px) { + body { + font-size: 17px; + } + + .grid { + min-width: 320px; + max-width: 320px; + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; + } + + .col-3-12.left-shunt { + width: 0; + height: 0; + padding: 0; + margin: 0; + } + + h1 { + margin-bottom: 0; + } + + .project { + height: auto; + width: 310px; + } + + [class*='col-'] { + width: auto; + float: none; + margin-left: 0px; + margin-right: 0px; + padding-left: 5px; + padding-right: 5px; + } +} diff --git a/css/notebook.css b/css/notebook.css new file mode 100755 index 0000000..5816446 --- /dev/null +++ b/css/notebook.css @@ -0,0 +1,48 @@ +body { + max-width: 60em; + margin:0 auto; +} + +pre.example { + text-align:left; + border: 1pt solid #A0A0A0; + background-color: #F0F0F0; + padding: 1ch; + display: block; + clear: right; +} + +div.note { + border: 1pt solid #A0A0A0; + padding: 1ch; + display: block; +} + +p { + margin-left: auto; + margin-right: auto; +} + +pre { + border: 1pt solid #AEBDCC; + background-color: #F3F5F7; + padding: 5pt; + font-family: monospace; + font-size: small; + overflow:auto; +} + +h1 { + font-size: x-large; +} + +h2 { + font-size: large; +} + +html { font-family: serif; +} + +a:link, a:visited { + color: navy; +}
\ No newline at end of file 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: <a href="http://lucianmarin.com/">Lucian E. Marin</a> +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; + } +} diff --git a/css/syntax.css b/css/syntax.css new file mode 100755 index 0000000..2774b76 --- /dev/null +++ b/css/syntax.css @@ -0,0 +1,60 @@ +.highlight { background: #ffffff; } +.highlight .c { color: #999988; font-style: italic } /* Comment */ +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.highlight .k { font-weight: bold } /* Keyword */ +.highlight .o { font-weight: bold } /* Operator */ +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gh { color: #999999 } /* Generic.Heading */ +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #aaaaaa } /* Generic.Subheading */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { font-weight: bold } /* Keyword.Constant */ +.highlight .kd { font-weight: bold } /* Keyword.Declaration */ +.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ +.highlight .kr { font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #d14 } /* Literal.String */ +.highlight .na { color: #008080 } /* Name.Attribute */ +.highlight .nb { color: #0086B3 } /* Name.Builtin */ +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ +.highlight .no { color: #008080 } /* Name.Constant */ +.highlight .ni { color: #800080 } /* Name.Entity */ +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ +.highlight .nn { color: #555555 } /* Name.Namespace */ +.highlight .nt { color: #000080 } /* Name.Tag */ +.highlight .nv { color: #008080 } /* Name.Variable */ +.highlight .ow { font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sb { color: #d14 } /* Literal.String.Backtick */ +.highlight .sc { color: #d14 } /* Literal.String.Char */ +.highlight .sd { color: #d14 } /* Literal.String.Doc */ +.highlight .s2 { color: #d14 } /* Literal.String.Double */ +.highlight .se { color: #d14 } /* Literal.String.Escape */ +.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ +.highlight .si { color: #d14 } /* Literal.String.Interpol */ +.highlight .sx { color: #d14 } /* Literal.String.Other */ +.highlight .sr { color: #009926 } /* Literal.String.Regex */ +.highlight .s1 { color: #d14 } /* Literal.String.Single */ +.highlight .ss { color: #990073 } /* Literal.String.Symbol */ +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #008080 } /* Name.Variable.Class */ +.highlight .vg { color: #008080 } /* Name.Variable.Global */ +.highlight .vi { color: #008080 } /* Name.Variable.Instance */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ |