Created
October 2, 2013 10:45
-
-
Save riklomas/6791900 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
font-family: Helvetica, Arial; | |
font-size: 16px; | |
line-height: 1.5; | |
background: #ecf0f1; | |
color: #444444; | |
width: 960px; | |
margin: 40px auto; | |
} | |
a { | |
color: #3498db; | |
} | |
article { | |
background: white; | |
margin: 10px 0; | |
} | |
article h3, | |
article p, | |
article .tags, | |
article #author { | |
margin-left: 200px; | |
margin-right: 200px; | |
} | |
article img { | |
vertical-align: bottom; | |
} | |
article h2 { | |
margin: 20px 0 40px; | |
} | |
.tags, #author { | |
padding: 20px 0; | |
} | |
.actions { | |
background: #2ecc71; | |
padding: 20px; | |
text-align: center; | |
a { | |
color: #2ecc71; | |
display: inline-block; | |
background: white; | |
padding: 5px 10px; | |
text-decoration: none; | |
} | |
} | |
.draft { | |
background: #bdc3c7; | |
color: white; | |
text-align: center; | |
padding: 10px; | |
a { | |
color: white; | |
} | |
} | |
header { | |
overflow: hidden; | |
background: white; | |
padding: 0 10px 0 20px; | |
} | |
h1 { | |
float: left; | |
margin: 0; | |
font-size: 21px; | |
line-height: 64px; | |
} | |
h1 a { | |
color: #c0392b; // dark red on flatuicolors | |
text-decoration: none; | |
} | |
h2 { | |
text-align: center; | |
font-size: 36px; | |
background: white; | |
margin: 20px 0; | |
padding: 10px 0; | |
line-height: 1.25; | |
} | |
nav { | |
float: right; | |
font-size: 16px; | |
line-height: 64px; | |
} | |
nav a { | |
color: #e74c3c; // normal red on flatui | |
text-decoration: none; | |
margin: 0 10px; | |
} | |
article.snippet { | |
overflow: hidden; | |
margin: 10px 0; | |
padding: 20px; | |
h3 { | |
font-size: 31px; | |
margin-top: 0; | |
margin-bottom: 20px; | |
line-height: 1.25; | |
} | |
h3 a { | |
color: #3498db; | |
} | |
img { | |
float: right; | |
margin: 0 200px 20px 20px; | |
} | |
} | |
form { | |
padding: 40px 250px; | |
background: white; | |
div { | |
margin: 10px 0; | |
} | |
} | |
.string, .email, .text, .password { | |
label { | |
display: block; | |
} | |
input, textarea { | |
font-size: 21px; | |
padding: 5px 7px; | |
border: 1px solid #bdc3c7; | |
width: 500px; | |
} | |
textarea { | |
font-size: 16px; | |
} | |
} | |
#post_body { | |
height: 400px; | |
} | |
.file label { | |
display: block; | |
} | |
span.error { | |
color: red; | |
display: block; | |
font-size: 14px; | |
font-weight: 700; | |
margin-bottom: 10px; | |
} | |
div#success { | |
background: #2ecc71; // emerald on flatui | |
color: white; | |
padding: 10px 20px; | |
margin: 10px 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment