Skip to content

Instantly share code, notes, and snippets.

@riklomas
Created October 2, 2013 10:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save riklomas/6791900 to your computer and use it in GitHub Desktop.
Save riklomas/6791900 to your computer and use it in GitHub Desktop.
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