Permalink
Browse files

Tweak css for lists and headers

  • Loading branch information...
1 parent bfc1aca commit de216d432c28145b50b4b98725bd79cd49b7f620 @kscherer committed Mar 29, 2012
Showing with 40 additions and 305 deletions.
  1. +2 −2 _layouts/default.html
  2. +16 −22 css/base.css
  3. +18 −19 css/layout.css
  4. +0 −258 css/screen.css
  5. +4 −4 pages/hostel_intro.md
View
@@ -29,8 +29,8 @@
{{ content }}
</div>
<div class="four columns offset-by-one">
- <h1>Pages</h1>
- <ul class="posts">
+ <h2>Pages</h2>
+ <ul class="pages">
<li><a href="{{ site.baseurl }}pages/about.html">About</a></li>
<li><a href="{{ site.baseurl }}pages/projects.html">Projects</a></li>
</ul>
View
@@ -62,16 +62,21 @@
/* #Typography
================================================== */
- h1, h2, h3, h4, h5, h6 {
- color: #181818;
- font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
- font-weight: normal; }
+ h1, h2, h3, h4, h5, h6
+ {
+ font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: bold;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ line-height: normal;
+ }
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
- h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
- h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
- h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
- h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
- h5 { font-size: 17px; line-height: 24px; }
+ h1 { font-size: 26px; line-height: 40px; margin-bottom: 14px;}
+ h2 { font-size: 22px; line-height: 35px; margin-bottom: 10px; }
+ h3 { font-size: 20px; line-height: 30px; margin-bottom: 8px; }
+ h4 { font-size: 18px; line-height: 36px; margin-bottom: 4px; }
+ h5 { font-size: 16px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
@@ -102,20 +107,9 @@
/* #Lists
================================================== */
- ul, ol { margin-bottom: 20px; }
- ul { list-style: none outside; }
+ ul, ol { margin: 10px 0 10px 10px; }
+ ul { list-style: disc inside; }
ol { list-style: decimal; }
- ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
- ul.square { list-style: square outside; }
- ul.circle { list-style: circle outside; }
- ul.disc { list-style: disc outside; }
- ul ul, ul ol,
- ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
- ul ul li, ul ol li,
- ol ol li, ol ul li { margin-bottom: 6px; }
- li { line-height: 18px; margin-bottom: 12px; }
- ul.large li { line-height: 21px; }
- li p { line-height: 21px; }
/* #Images
================================================== */
View
@@ -2,8 +2,8 @@
* Copyright 2012, Julian Yap
* This file contains all the base layout overrides that differ from Skeleton (www.getskeleton.com).
* Feel free to use the HTML and CSS as you please but I would greatly appreciate if you put a little bit of effort into changing the colors and look of your site.
-* Please do not use the diamond glyph since I want to keep that unique in my design.
-*
+* Please do not use the diamond glyph since I want to keep that unique in my design.
+*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
@@ -64,10 +64,10 @@ a:hover {
color: black;
}
-a, a:visited {
- color: #0000a9;
- text-decoration: non;
- outline: 0;
+a, a:visited {
+ color: #0000a9;
+ text-decoration: non;
+ outline: 0;
}
.title {
@@ -110,23 +110,22 @@ blockquote {
padding: 0pt 0pt 0pt 19px;
}
-blockquote, blockquote p {
- font-size: 15px;
+blockquote, blockquote p {
+ font-size: 15px;
}
-h1 {
- font-size: 18px;
- font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
- font-weight: bold;
- margin-top: 20px;
- margin-bottom: 20px;
- line-height: normal;
+ul.posts {
+ margin-left: 0;
}
-ul.posts span.post_date {
- color: #aaa;
- font-family: Monaco, "Courier New", monospace;
- font-size: 80%;
+ul.pages {
+ list-style-type: none;
+ margin-left: 0;
+}
+
+ul.pages li {
+ line-height: 18px;
+ margin-bottom: 12px;
}
hr.front {
View
@@ -1,258 +0,0 @@
-/*****************************************************************************/
-/*
-/* Common
-/*
-/*****************************************************************************/
-
-/* Global Reset */
-
-* {
- margin: 0;
- padding: 0;
-}
-
-html, body {
- height: 100%;
-}
-
-body {
- background-color: white;
- font: 13.34px helvetica neue, helvetica, arial, clean, sans-serif;
- *font-size: small;
- text-align: center;
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-size: 110%;
-}
-
-h1 {
- font-size: 14pt;
- margin-bottom: 1em;
-}
-
-p {
- margin: 1em 0;
-}
-
-a {
- text-decoration: none;
- color: #0000a9;
-}
-
-a:hover {
- text-decoration: underline;
- color: black;
-}
-
-table {
- font-size: inherit;
- font: 100%;
-}
-
-blockquote {
- font-style: italic;
- /* margin: 1em 3em; */
- margin: 2em 2em 2em 1em;
- border-left: 2px solid #999;
- padding-left: 0.5em;
- color: #404040;
-}
-
-/*****************************************************************************/
-/*
-/* Home
-/*
-/*****************************************************************************/
-
-ul.posts {
- list-style-type: none;
- margin-bottom: 2em;
-}
-
-ul.posts li {
- line-height: 1.75em;
-}
-
-ul.posts span.post_date {
- color: #aaa;
- font-family: Monaco, "Courier New", monospace;
- font-size: 80%;
-}
-
-hr.front {
- border: 0;
- height: 0;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
- border-bottom: 1px solid rgba(255, 255, 255, 0.3);
- width: 50%;
- position: relative;
- margin: 15px auto;
-}
-
-a.glyph-permalink {
- text-decoration: none;
- color: #808080;
- font-size: 110%;
- margin-left: .5em;
- border: 0;
- padding: 3px;
- font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats";
-}
-
-a.glyph-permalink:hover {
- color: #aa0000;
-}
-
-/*****************************************************************************/
-/*
-/* Site
-/*
-/*****************************************************************************/
-
-.site {
- font-size: 110%;
- text-align: justify;
- width: 45em;
- margin: 3em auto 2em auto;
- line-height: 1.5em;
-}
-
-.title {
- color: #aa0000;
- font-weight: bold;
- margin-bottom: 3em;
- text-shadow: 1px 1px rgb(204, 204, 204);
-}
-
-.site .title a {
- font-size: 30pt;
- color: #aa0000;
- text-decoration: none;
-}
-
-.site .title a:hover {
- color: black;
- text-decoration: underline;
-}
-
-.site .title a.extra {
- color: #aaa;
- text-decoration: none;
- margin-left: 1em;
-}
-
-.site .title a.extra:hover {
- color: black;
-}
-
-.site .title .twitter-follow-button {
- float: right;
- margin-right: -10em;
-}
-
-.site .meta {
- color: #aaa;
-}
-
-.site .footer {
- font-size: 80%;
- color: #666;
- border-top: 4px solid #eee;
- margin-top: 2em;
- overflow: hidden;
-}
-
-.site .footer .contact {
- float: right;
- margin-right: 1em;
-}
-
-.site .footer .contact a {
- color: #8085C1;
-}
-
-.site .footer .rss {
- margin-left: 1em;
- margin-top: 0em;
- float: left;
-}
-
-.site .footer .rss img {
- border: 0;
-}
-
-.date-container {
- margin-bottom: 2em;
-}
-
-/*****************************************************************************/
-/*
-/* Posts
-/*
-/*****************************************************************************/
-
-/* standard */
-
-#post pre {
-border: 1px solid #ddd;
-background-color: #eef;
-padding: 0 .4em;
-}
-
-#post ul,
-#post ol {
-margin-left: 1.35em;
-}
-
-#post code {
-border: 1px solid #ddd;
-background-color: #eef;
-font-size: 85%;
-padding: 0 .2em;
-}
-
-#post pre code {
- border: none;
-}
-
-/* terminal */
-
-#post pre.terminal {
-border: 1px solid black;
-background-color: #333;
-color: white;
-}
-
-#post pre.terminal code {
-background-color: #333;
-}
-
-#related {
- text-align: left;
- margin-top: 3em;
-}
-
-/* iPad [portrait + landscape] */
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
-.title {
- margin-bottom: 3.5em;
-}
-.site .title .twitter-follow-button {
- margin-left: 0em;
- margin-right: auto;
- margin-top: 1.5em;
- margin-bottom: 1em;
-}
-}
-
-/* iPhone [portrait + landscape] */
-@media only screen and (max-device-width: 480px) {
- .site { width: 300px; }
-.site .title .twitter-follow-button {
- float: left;
- margin-right: auto;
- margin-top: 1em;
- margin-bottom: 1em;
-}
-}
Oops, something went wrong.

0 comments on commit de216d4

Please sign in to comment.