Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

New spring styles!

  • Loading branch information...
commit f053e383c06e056eaf126ca41d18d89cf147c3fa 1 parent 8eea230
@cmoore authored
Showing with 223 additions and 163 deletions.
  1. +0 −15 _layouts/default.html
  2. +223 −148 css/screen.css
View
15 _layouts/default.html
@@ -21,21 +21,6 @@
</script>
</head>
<body>
- <script src="http://ajax.googleapis.com/ajax/libs/webfont/1.0.9/webfont.js"></script>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Cantarell', 'Open Sans','Anonymous Pro'] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })();
- </script>
<div class="site">
<div class="title">
<span class="lambada"> (λ) </span>
View
371 css/screen.css
@@ -1,179 +1,267 @@
-* {
- margin: 0;
- padding: 0;
-}
+@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
+@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro:300italic,700italic,300,700);
body {
- text-align: center;
+ padding:50px;
font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight:300;
color:#777;
+ font-weight:300;
}
h1, h2, h3, h4, h5, h6 {
- color:#222;
- font-size: 16px;
- font-weight: bold;
-}
-
-h1, h2, h3 {
- line-height: 1.1;
- margin-bottom: 1em;
-}
-
-h2 { color: #393939; }
-h3, h4, h5, h6 { color: #494949; }
-
-p {
- margin: 1em 0;
- width: 800px;
-}
-
-a {
- color: #39c;
- font-weight:400;
- text-decoration: none;
-}
-
-a:hover {
- //color: black;
+// color:#222;
+// margin:0 0 20px;
}
-a:visited {
- //color: #6C88A2;
- text-decoration: none;
+p, ul, ol, table, pre, dl {
+ margin:0 0 20px;
}
-table {
- font-size: inherit;
-}
-
-ul.posts {
- list-style-type: none;
- margin-bottom: 2em;
-}
-
-ul.posts li {
- line-height: 1.75em;
+h1, h2, h3 {
+ line-height:1.1;
}
-ul.posts span {
- font-weight: bold;
- font-size: 11px;
+h1 {
+ font-size:18px;
}
-.site {
- text-align: justify;
- width: 60em;
- margin: 3em auto 2em auto;
- line-height: 1.5em;
+h2 {
+ color:#393939;
}
-.title {
-// color: #a00;
+h3, h4, h5, h6 {
+ color:#494949;
font-weight: bold;
- margin-bottom: 2em;
-}
-
-.site .title a {
-// color: #a00;
- text-decoration: none;
-}
-
-.site .title a:hover {
-// color: black;
-}
-
-.site .title a.extra {
-// color: #aaa;
- text-decoration: none;
- margin-left: 1em;
-}
-
-.site .title a.extra:hover {
-// color: black;
-}
-
-.site .meta {
-// color: #aaa;
}
-.site .footer {
-// color: #666;
- border-top: 4px solid #eee;
- margin-top: 2em;
- overflow: hidden;
+a {
+ color:#39c;
+ font-weight:400;
+ text-decoration:none;
}
-.site .footer .contact {
- float: left;
- margin-right: 3em;
+a small {
+ font-size:11px;
+ color:#777;
+ margin-top:-0.6em;
+ display:block;
}
-.site .footer .contact a {
-// color: #8085C1;
+.wrapper {
+ width:860px;
+ margin:0 auto;
}
-.site .footer .rss {
- margin-top: 1.1em;
- margin-right: -.2em;
- float: right;
+blockquote {
+ border-left:1px solid #e5e5e5;
+ margin:0;
+ padding:0 0 0 20px;
+ font-style:italic;
}
-.site .footer .rss img {
- border: 0;
+code, pre {
+ font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ color:#333;
+ font-size:12px;
}
-#post {
-
+pre {
+ padding:8px 15px;
+ background: #f8f8f8;
+ border-radius:5px;
+ border:1px solid #e5e5e5;
+ overflow-x: auto;
}
-/* standard */
-
-#post pre {
- border: 1px solid #ddd;
- background-color: #eef;
- padding: 0 .4em;
-}
-
-#post ul,
-#post ol {
- margin-left: 1.25em;
+table {
+ width:100%;
+ border-collapse:collapse;
}
-#post code {
- border: 1px solid #ddd;
- background-color: #eef;
- padding: 0 .2em;
+th, td {
+ text-align:left;
+ padding:5px 10px;
+ border-bottom:1px solid #e5e5e5;
}
-#post pre code {
- border: none;
+dt {
+ color:#444;
+ font-weight:700;
}
-/* terminal */
-
-#post pre.terminal {n
- border: 1px solid black;
- background-color: #333;
-// color: white;
+th {
+ color:#444;
}
-#post pre.terminal code {
-// background-color: #333;
+img {
+ max-width:100%;
}
-#related {
- margin-top: 2em;
+header {
+ width:270px;
+ float:left;
+ position:fixed;
}
-#related h2 {
- margin-bottom: 1em;
+header ul {
+ list-style:none;
+ height:40px;
+
+ padding:0;
+
+ background: #eee;
+ background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
+ background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+
+ border-radius:5px;
+ border:1px solid #d2d2d2;
+ box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
+ width:270px;
+}
+
+header li {
+ width:89px;
+ float:left;
+ border-right:1px solid #d2d2d2;
+ height:40px;
+}
+
+header ul a {
+ line-height:1;
+ font-size:11px;
+ color:#999;
+ display:block;
+ text-align:center;
+ padding-top:6px;
+ height:40px;
+}
+
+strong {
+ color:#222;
+ font-weight:700;
+}
+
+header ul li + li {
+ width:88px;
+ border-left:1px solid #fff;
+}
+
+header ul li + li + li {
+ border-right:none;
+ width:89px;
+}
+
+header ul a strong {
+ font-size:14px;
+ display:block;
+ color:#222;
+}
+
+section {
+ width:500px;
+ float:right;
+ padding-bottom:50px;
+}
+
+small {
+ font-size:11px;
+}
+
+hr {
+ border:0;
+ background:#aaa;
+ height:1px;
+ margin:0 0 20px;
+}
+
+footer {
+ width:270px;
+ float:left;
+ position:fixed;
+ bottom:50px;
+}
+
+@media print, screen and (max-width: 960px) {
+
+ div.wrapper {
+ width:auto;
+ margin:0;
+ }
+
+ header, section, footer {
+ float:none;
+ position:static;
+ width:auto;
+ }
+
+ header {
+ padding-right:320px;
+ }
+
+ section {
+ border:1px solid #e5e5e5;
+ border-width:1px 0;
+ padding:20px 0;
+ margin:0 0 20px;
+ }
+
+ header a small {
+ display:inline;
+ }
+
+ header ul {
+ position:absolute;
+ right:50px;
+ top:52px;
+ }
+}
+
+@media print, screen and (max-width: 720px) {
+ body {
+ word-wrap:break-word;
+ }
+
+ header {
+ padding:0;
+ }
+
+ header ul, header p.view {
+ position:static;
+ }
+}
+
+@media print, screen and (max-width: 480px) {
+ body {
+ padding:15px;
+ }
+
+ header ul {
+ display:none;
+ }
+}
+
+@media print {
+ body {
+ padding:0.4in;
+ font-size:12pt;
+ color:#444;
+ }
}
-.cite {
- font-family: 'Anonymous Pro';
- width: 70%;
+.lambada {
+ font-size: 564px;
+ font-family: 'Anonymous Pro';
+ color: black;
+ z-index: -1;
+ opacity: .05;
+ position: absolute;
+// top: 50%;
+ height: 240px;
+ margin-top: -120px;
}
.ohai {
@@ -185,22 +273,9 @@ ul.posts span {
// color: #555;
}
-.gist .gist-file {
- font-size: 13px;
- font-family: 'Consolas', 'Anonymous Pro', 'Bitstream Vera Sans Mono', 'Courier', monospace;
-}
-
-/* Truly the forbidden dance... */
-.lambada {
- font-size: 564px;
- color: black;
- z-index: -1;
- opacity: .05;
- font-family: 'Anonymous Pro';
- position: absolute;
- top: 50%;
- height: 240px;
- margin-top: -120px;
+.cite {
+ width:510px;
+ background-color:#eee;
+ border:1px solid #ccc;
+ padding:6px;
}
-
-
Please sign in to comment.
Something went wrong with that request. Please try again.