Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Clean up whitespace #7

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Clean up whitespace #7

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
206 changes: 103 additions & 103 deletions stylesheets/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,13 +28,13 @@ time, mark, audio, video {
body {
padding:10px 50px 0 0;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #232323;
background-color: #FBFAF7;
margin: 0;
line-height: 1.8em;
-webkit-font-smoothing: antialiased;
font-size: 14px;
color: #232323;
background-color: #FBFAF7;
margin: 0;
line-height: 1.8em;
-webkit-font-smoothing: antialiased;

}

h1, h2, h3, h4, h5, h6 {
Expand All @@ -47,32 +47,32 @@ p, ul, ol, table, dl {
}

h1, h2, h3 {
font-family: 'Arvo', Monaco, serif;
font-family: 'Arvo', Monaco, serif;
line-height:1.3;
font-weight: normal;
font-weight: normal;
}

h1,h2, h3 {
display: block;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
display: block;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

h1 {
font-size: 30px;
font-size: 30px;
}

h2 {
font-size: 24px;
font-size: 24px;
}

h3 {
font-size: 18px;
font-size: 18px;
}

h4, h5, h6 {
font-family: 'Arvo', Monaco, serif;
font-weight: 700;
font-family: 'Arvo', Monaco, serif;
font-weight: 700;
}

a {
Expand All @@ -82,15 +82,15 @@ a {
}

a:hover {
text-decoration: underline;
text-decoration: underline;
}

a small {
font-size: 12px;
font-size: 12px;
}

em {
font-style: italic;
font-style: italic;
}

strong {
Expand All @@ -116,7 +116,7 @@ blockquote {
}

dl, dt, dd, dl p {
font-color: #444;
font-color: #444;
}

dl dt {
Expand Down Expand Up @@ -155,18 +155,18 @@ img {
/* Code blocks */

code, pre {
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
font-size:14px;
}

pre {
padding: 4px 12px;
background: #FDFEFB;
padding: 4px 12px;
background: #FDFEFB;
border-radius:4px;
border:1px solid #D7D8C8;
overflow: auto;
overflow-y: hidden;
margin-bottom: 32px;
margin-bottom: 32px;
}


Expand All @@ -184,16 +184,16 @@ table {

th {
font-family: 'Arvo', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
font-size: 18px;
font-weight: normal;
padding: 10px;
background: #232323;
color: #FDFEFB;
}

td {
padding: 10px;
background: #ccc;
background: #ccc;
}


Expand All @@ -206,47 +206,47 @@ td {
/* Header */

header {
background-color: #171717;
color: #FDFDFB;
background-color: #171717;
color: #FDFDFB;
width:170px;
float:left;
position:fixed;
border: 1px solid #000;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 34px 25px 22px 50px;
margin: 30px 25px 0 0;
-webkit-font-smoothing: antialiased;
border: 1px solid #000;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 34px 25px 22px 50px;
margin: 30px 25px 0 0;
-webkit-font-smoothing: antialiased;
}

p.header {
font-size: 16px;
font-size: 16px;
}

h1.header {
font-family: 'Arvo', sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 1.3em;
border-bottom: none;
margin-top: 0;
font-family: 'Arvo', sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 1.3em;
border-bottom: none;
margin-top: 0;
}


h1.header, a.header, a.name, header a{
color: #fff;
color: #fff;
}

a.header {
text-decoration: underline;
text-decoration: underline;
}

a.name {
white-space: nowrap;
white-space: nowrap;
}

header ul {
Expand All @@ -255,32 +255,32 @@ header ul {
}

header li {
list-style-type: none;
list-style-type: none;
width:132px;
height:15px;
margin-bottom: 12px;
line-height: 1em;
padding: 6px 6px 6px 7px;
margin-bottom: 12px;
line-height: 1em;
padding: 6px 6px 6px 7px;

background: #AF0011;
background: -moz-linear-gradient(top, #AF0011 0%, #820011 100%);
background: #AF0011;
background: -moz-linear-gradient(top, #AF0011 0%, #820011 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #AF0011 0%,#820011 100%);
background: -o-linear-gradient(top, #AF0011 0%,#820011 100%);
background: -ms-linear-gradient(top, #AF0011 0%,#820011 100%);
background: linear-gradient(top, #AF0011 0%,#820011 100%);
border-radius:4px;

border-radius:4px;
border:1px solid #0D0D0D;

-webkit-box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
-webkit-box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);

}

header li:hover {
background: #C3001D;
background: -moz-linear-gradient(top, #C3001D 0%, #950119 100%);
background: #C3001D;
background: -moz-linear-gradient(top, #C3001D 0%, #950119 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #C3001D 0%,#950119 100%);
background: -o-linear-gradient(top, #C3001D 0%,#950119 100%);
Expand All @@ -289,25 +289,25 @@ header li:hover {
}

a.buttons {
-webkit-font-smoothing: antialiased;
background: url(../images/arrow-down.svg) no-repeat 2px 1px;
background: url(../images/arrow-down.png) no-repeat 2px 1px\9;
background-size: 12px auto;
font-weight: normal;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
padding: 2px 2px 2px 22px;
height: 30px;
-webkit-font-smoothing: antialiased;
background: url(../images/arrow-down.svg) no-repeat 2px 1px;
background: url(../images/arrow-down.png) no-repeat 2px 1px\9;
background-size: 12px auto;
font-weight: normal;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
padding: 2px 2px 2px 22px;
height: 30px;
}

a.github {
background: url(../images/octocat.svg) no-repeat 1px;
background: url(../images/octocat-small.png) no-repeat 1px\9;
background-size: 14px auto;
background: url(../images/octocat.svg) no-repeat 1px;
background: url(../images/octocat-small.png) no-repeat 1px\9;
background-size: 14px auto;
}

a.buttons:hover {
color: #fff;
text-decoration: none;
color: #fff;
text-decoration: none;
}


Expand All @@ -327,41 +327,41 @@ footer {
float:left;
position:fixed;
bottom:10px;
padding-left: 50px;
padding-left: 50px;
}

@media print, screen and (max-width: 960px) {

div.wrapper {
width:auto;
margin:0;
}

header, section, footer {
float:none;
position:static;
width:auto;
}

footer {
border-top: 1px solid #ccc;
margin:0 84px 0 50px;
padding:0;
}
footer {
border-top: 1px solid #ccc;
margin:0 84px 0 50px;
padding:0;
}

header {
padding-right:320px;
}

section {
padding:20px 84px 20px 50px;
margin:0 0 20px;
}

header a small {
display:inline;
}

header ul {
position:absolute;
right:130px;
Expand All @@ -373,39 +373,39 @@ footer {
body {
word-wrap:break-word;
}

header {
padding:10px 20px 0;
margin-right: 0;
margin-right: 0;
}

section {
section {
padding:10px 0 10px 20px;
margin:0 0 30px;
}

footer {
margin: 0 0 0 30px;
}
footer {
margin: 0 0 0 30px;
}

header ul, header p.view {
position:static;
}
}

@media print, screen and (max-width: 480px) {

header ul li.download {
display:none;
}

footer {
margin: 0 0 0 20px;
}
footer a{
display:block;
}
footer {
margin: 0 0 0 20px;
}

footer a{
display:block;
}

}

Expand Down