Skip to content

Instantly share code, notes, and snippets.

@AndiH
Created January 3, 2013 10:32
Show Gist options
  • Save AndiH/4442490 to your computer and use it in GitHub Desktop.
Save AndiH/4442490 to your computer and use it in GitHub Desktop.
Stylesheet for Andinstagram (http://gram.andreasherten.de/), my WordPress-based Instagram mirror. This stylesheet builds up on the Response (2.0) WordPress theme.
/*
gram.andreasherten.de custom CSS file to mimic the looks of Instagram.
Done by Andreas Herten // @AndiH // www.andreasherten.de.
Feel free to copy. Maybe leave a backlink to me in it. Thx.
*/
body {
background: rgb(231,231,231) url('http://gram.andreasherten.de/wp-content/uploads/2012/12/noise.png');
}
h1 a {
color: rgb(87,149,199);
}
h1 a:hover {
color: rgb(74,127,170);
}
.main-navigation.navbar {
display: none;
}
article.post {
padding: 0;
margin-bottom: 60px;
}
article.post, #footer-widgets, .more-content, .comments-area, article.page {
border: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 5px rgba(165,165,165,0.85);
-moz-box-shadow: 1px 1px 5px rgba(165,165,165,0.85);
box-shadow: 1px 1px 5px rgba(165,165,165,0.85);
font-family: Open Sans;
}
.entry-content {
margin-top: 0;
margin-bottom: -10px;
}
.entry-header {
margin-top: 0;
padding: 10px 10px 0;
margin-bottom: 0;
text-align: center;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
.entry-header, .more-content {
background: #5f8cb0 url('http://gram.andreasherten.de/wp-content/uploads/2012/12/noise.png');
}
h2.entry-title a {
color: rgb(250,250,250);
}
h2.entry-title a:hover {
color: rgb(231,231,240);
}
header .entry-meta {
text-align: center;
padding: 5px 0;
}
header .entry-meta, .more-content {
color: rgb(183,195,211);
font-family: Open Sans;
}
footer.entry-meta {
margin-top: -30px;
text-align: right;
}
.entry-meta a, .more-content a {
color: rgb(183,195,211);
}
.entry-meta a {
font-weight: 600;
}
.entry-meta a:hover, .more-content a:hover {
color: rgb(202,214,231);
}
.more-content {
margin-top: -60px;
margin-bottom: 25px;
font-size: .85em;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
#footer-widget-container aside {
margin: auto;
width: auto;
}
#search-2.widget_search {
float: right;
}
#search-2.widget_search #searchform {
margin-top: 0;
}
.site-footer {
display: none;
}
.page header.entry-header {
background: white;
}
.page .entry-title {
font-weight: 700;
margin-bottom: 40px;
}
/* Lightbox stuff */
#cboxTitle {
padding: 20px 0;
background: #5f8cb0 url('http://gram.andreasherten.de/wp-content/uploads/2012/12/noise.png');
font-weight: 600;
font-family: Open Sans;
font-size: 2em;
color: rgb(250,250,250);
line-height: 100%;
}
#cboxClose {
color: rgb(183,195,211);
padding-right: 5px;
font-family: Open Sans;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment