Created
June 16, 2014 23:58
-
-
Save KatieK2/465b24d5f67befbe2673 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains 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
// ---- | |
// Sass (v3.3.8) | |
// Compass (v1.0.0.alpha.19) | |
// ---- | |
$text-dark: #492a35; | |
$text-light: #bdc1ad; | |
$border-light: #bdc1ad; | |
$rgba-lighten: rgba(255, 255, 255, 0.4); | |
$rgba-darken: rgba(0, 0, 0, 0.65); | |
$font-small: 0.75em; | |
@mixin border-underline { | |
text-decoration: none; | |
border-bottom: 1px solid $text-light; | |
} | |
@mixin quotenote($bgimage: none) { | |
border-left: solid 5px $text-light; | |
background-color: $rgba-darken; | |
padding: 1%; | |
width: 80%; | |
margin-bottom: 1.5em; | |
@if $bgimage != none { | |
background: image-url(#{$bgimage}) $rgba-darken no-repeat 5px 8px; | |
padding-left: 45px; | |
} | |
a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
.source { | |
font-size: 80%; | |
text-align: right; | |
margin-bottom: 0; | |
} | |
} | |
// #492A35 - Dark Purple: background, | |
// #BDC1AD - Lt. Tan: text-light, borders | |
// #E6D684 - Lt. Yellow: ads | |
// #453D6B - Blue: future | |
// #858674 - Tan: future | |
body { | |
color: $text-light; | |
background: #492a35 image-url("bg.jpg") left top; | |
} | |
h1 { | |
color: $text-light; | |
width: 58%; | |
float: left; | |
margin-left: 1%; | |
padding-left: 1%; | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); | |
} | |
h2 { | |
color: $text-light; | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); | |
} | |
h3 { | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); | |
} | |
article { | |
clear: right; | |
border-top: dashed $text-light 1px; | |
overflow: auto; | |
&:first-of-type { | |
border-top: none; | |
} | |
img { | |
float: right; | |
margin-bottom: .5em; | |
margin-left: .5em; | |
} | |
} | |
img { | |
border: solid $rgba-darken 1px; | |
border-radius: 5px; | |
box-shadow: 1px 1px 2px $rgba-darken; | |
} | |
a { | |
color: $text-light; | |
@include border-underline; | |
&:hover, &:focus, &:active { | |
color: $text-dark; | |
background-color: $text-light; | |
} | |
} | |
pre { | |
color: #000; | |
background-color: $rgba-lighten; | |
font-family: "Source Code Pro", "Courier New", "Droid Mono", "Courier", monospace; | |
padding: .5em; | |
margin-bottom: 1.5333em; | |
line-height: 100%; | |
overflow: auto; | |
a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
} | |
code { | |
@extend pre; | |
padding: .1em .25em; | |
} | |
kbd { | |
color: #FFF; | |
background-color: $rgba-darken; | |
font-family: "Source Code Pro", "Courier New", "Droid Mono", "Courier", monospace; | |
border-radius: 5px; | |
padding: 2px; | |
} | |
dd { | |
@include quotenote; | |
border-top: 1px solid $text-light; | |
} | |
nav { | |
overflow: auto; | |
li { | |
margin-bottom: 0; | |
} | |
a { | |
display: block; | |
float: left; | |
width: 19%; | |
margin-right: 1%; | |
margin-bottom: 1%; | |
background: $rgba-darken; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
color: $text-light; | |
box-shadow: 0 0 15px #000; | |
text-decoration: none; | |
font-size: 1.6em; | |
border-right: 1px solid $text-light; | |
padding: .3em; | |
} | |
} | |
body#home a.home, body#articles a.articles, body#recipes a.recipes, body#pictures a.pictures, body#contact a.contact, body#archives a.archives { | |
color: $text-dark; | |
background-color: $text-light; | |
} | |
date { | |
font-style: italic; | |
font-size: $font-small; | |
display: block; | |
text-align: right; | |
padding-right: .1em; | |
} | |
#main { | |
color: $text-light; | |
background-color: rgba(52, 52, 45, 0.65); | |
border-radius: .4em; | |
float: left; | |
padding-right: 1%; | |
padding-left: 1%; | |
width: 58%; | |
margin: 1%; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
ol, dl, ul { | |
padding-left: 2em; | |
ol, dl, ul { | |
margin-bottom: 0; | |
} | |
& blockquote, & pre { | |
margin-bottom: 0; | |
} | |
} | |
ul { | |
list-style-type: disc; | |
} | |
} | |
.sm-links { | |
width: 39%; | |
margin-right: 1%; | |
float: left; | |
overflow: auto; | |
margin-top: 1.1795em; | |
line-height: 75%; | |
a { | |
color: $text-light; | |
width: 24%; | |
margin-right: 1%; | |
margin-bottom: 2%; | |
min-height: 32px; | |
background-repeat: no-repeat; | |
background-position: left center; | |
border-bottom: none; | |
padding-top: 1em; | |
padding-left: 1em; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
font-weight: bold; | |
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(0, 0, 0, 0.8); | |
float: left; | |
display: block; | |
&:hover, &:focus, &:active { | |
color: $text-dark; | |
background-color: $text-light; | |
text-shadow: none; | |
} | |
} | |
} | |
#sidebar { | |
float: left; | |
width: 39%; | |
margin-right: 1%; | |
iframe#twitter-widget-0 { | |
margin-top: 1.5333em; | |
} | |
} | |
.pictures { | |
overflow: auto; | |
figure { | |
width: 30%; | |
margin-right: 2%; | |
float: left; | |
&:nth-of-type(3n+1) { | |
clear: left; | |
} | |
img { | |
max-width: 100%; | |
display: block; | |
} | |
} | |
figcaption { | |
margin: .25em .1em 1em; | |
font-style: italic; | |
font-size: $font-small; | |
line-height: 153.333%; | |
} | |
a:hover, a:focus, a:active { | |
color: inherit; | |
} | |
} | |
footer { | |
width: 96%; | |
margin: 1%; | |
padding: 1%; | |
border-top: 4px double $border-light; | |
border-bottom: 4px double $border-light; | |
clear: both; | |
float: left; | |
font-size: .8em; | |
text-align: center; | |
color: $text-light; | |
background: none repeat scroll 0 0 $rgba-darken; | |
margin-top: .5em; | |
p { | |
margin-bottom: 0; | |
} | |
ul { | |
list-style-type: none; | |
margin-top: .75em; | |
margin-bottom: .75em; | |
li { | |
display: inline; | |
&:after { | |
content: " \00A6 "; | |
} | |
&:last-child:after { | |
content: none; | |
} | |
} | |
} | |
} | |
table { | |
border: solid #000 1px; | |
border-collapse: collapse; | |
line-height: 1; | |
thead { | |
color: #000; | |
background-color: $text-light; | |
color: $text-dark; | |
font-weight: bold; | |
text-align: center; | |
} | |
td { | |
border: solid #666 1px; | |
padding: .25em; | |
a { | |
border-bottom: none; | |
text-decoration: underline; | |
} | |
} | |
&.tags, &.history { | |
float: left; | |
width: 48%; | |
margin-right: 1%; | |
} | |
} | |
hr.fancy { | |
background: transparent image-url("hr.png") center center no-repeat; | |
width: 100%; | |
height: 27px; | |
margin-top: 2em; | |
margin-bottom: 2em; | |
border: none; | |
} | |
blockquote { | |
@include quotenote; | |
} | |
blockquote.song { | |
@include quotenote($bgimage: "music_notes.gif"); | |
background-repeat: repeat-y; | |
border-left-color: #FFF; | |
} | |
blockquote.sql_pirate { | |
@include quotenote($bgimage: "sql_pirate.png"); | |
} | |
.caution { | |
@include quotenote($bgimage: "caution.png"); | |
} | |
.note { | |
@include quotenote($bgimage: "note.png"); | |
} | |
.comment { | |
font-size: small; | |
overflow: auto; | |
border-bottom: dotted $border-light 1px; | |
padding-top: .5em; | |
padding-bottom: .5em; | |
.who { | |
float: left; | |
width: 20%; | |
text-align: center; | |
a { | |
display: block; | |
margin-right: auto; | |
margin-left: auto; | |
border: none; | |
} | |
img { | |
box-shadow: none; | |
border: none; | |
max-width: 50px; | |
} | |
} | |
blockquote { | |
padding: 1%; | |
float: left; | |
width: 79%; | |
max-width: inherit; | |
margin-bottom: 0; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
&:last-of-type { | |
border-bottom: none; | |
} | |
} | |
form { | |
outline: solid #666 1px; | |
width: 28em; | |
padding: .5em; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
fieldset { | |
border: none; | |
} | |
label { | |
width: 6em; | |
float: left; | |
text-align: right; | |
margin: .5em 1em; | |
clear: both; | |
} | |
input, textarea { | |
font-family: Arial, Verdana, Helvetica, sans-serif; | |
font-size: small; | |
margin: .5em 0; | |
width: 17em; | |
} | |
input[type="submit"] { | |
float: none; | |
clear: both; | |
width: auto; | |
margin-bottom: 1em; | |
margin-left: 8em; | |
} | |
form br { | |
clear: both; | |
} | |
body#recipes #main li { | |
margin-bottom: 0; | |
} | |
body#recipes #main img { | |
border: 2px solid #FFFFFF; | |
float: right; | |
margin-left: .25em; | |
padding: 0; | |
} | |
body#archives table tr:hover { | |
background-color: $text-light; | |
} | |
body#archives table tr:hover, body#archives table tr:hover a { | |
color: $text-dark !important; | |
} | |
body#pix #main img { | |
display: block; | |
margin: 0 auto 1.5333em; | |
max-width: 98%; | |
} | |
body#pix #main article:hover:before { | |
color: rgba(189, 193, 172, 0.48); | |
content: " #" attr(id); | |
float: right; | |
margin-top: 1.1em; | |
} | |
/* Google AdSense iframe CSS */ | |
#gas_container { | |
width: 58%; | |
margin: 1%; | |
} | |
#affiliate_container { | |
margin: 20px auto 0; | |
width: 728px; | |
font-size: 13px; | |
} | |
#gas_container a, #affiliate_container a { | |
color: #E6D684; | |
font-weight: bold; | |
} | |
@media only screen and (max-width: 950px) and (min-width: 571px) { | |
/* Medium (Most tablets) */ | |
h1 { | |
font-size: 1.5em; | |
} | |
h1, #main { | |
width: 73%; | |
float: left; | |
margin-right: 1%; | |
margin-left: 0; | |
} | |
#sidebar, #gas_container { | |
width: 25%; | |
} | |
.sm-links { | |
display: none; | |
} | |
nav a { | |
font-size: 1em; | |
width: 24%; | |
} | |
.pictures figure { | |
width: 98%; | |
margin-right: 1%; | |
margin-left: 1%; | |
float: none; | |
} | |
.pictures figure:nth-of-type(3n+1) { | |
clear: none; | |
} | |
} | |
@media only screen and (max-width: 570px) { | |
/* Small (Most phones) */ | |
h1 { | |
font-size: 1.5em; | |
} | |
h1, #main, #sidebar, #gas_container { | |
width: 98%; | |
float: none; | |
margin-right: 1%; | |
margin-left: 1%; | |
} | |
.sm-links { | |
display: none; | |
} | |
nav a { | |
font-size: 1em; | |
width: 32%; | |
} | |
.pictures figure { | |
width: 98%; | |
margin-right: 1%; | |
margin-left: 1%; | |
float: none; | |
} | |
.pictures figure:nth-of-type(3n+1) { | |
clear: none; | |
} | |
} |
This file contains 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 { | |
color: #bdc1ad; | |
background: #492a35 url('/images/bg.jpg') left top; | |
} | |
h1 { | |
color: #bdc1ad; | |
width: 58%; | |
float: left; | |
margin-left: 1%; | |
padding-left: 1%; | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); | |
} | |
h2 { | |
color: #bdc1ad; | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); | |
} | |
h3 { | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); | |
} | |
article { | |
clear: right; | |
border-top: dashed #bdc1ad 1px; | |
overflow: auto; | |
} | |
article:first-of-type { | |
border-top: none; | |
} | |
article img { | |
float: right; | |
margin-bottom: .5em; | |
margin-left: .5em; | |
} | |
img { | |
border: solid rgba(0, 0, 0, 0.65) 1px; | |
border-radius: 5px; | |
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65); | |
} | |
a { | |
color: #bdc1ad; | |
text-decoration: none; | |
border-bottom: 1px solid #bdc1ad; | |
} | |
a:hover, a:focus, a:active { | |
color: #492a35; | |
background-color: #bdc1ad; | |
} | |
pre, code { | |
color: #000; | |
background-color: rgba(255, 255, 255, 0.4); | |
font-family: "Source Code Pro", "Courier New", "Droid Mono", "Courier", monospace; | |
padding: .5em; | |
margin-bottom: 1.5333em; | |
line-height: 100%; | |
overflow: auto; | |
} | |
pre a, code a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
code { | |
padding: .1em .25em; | |
} | |
kbd { | |
color: #FFF; | |
background-color: rgba(0, 0, 0, 0.65); | |
font-family: "Source Code Pro", "Courier New", "Droid Mono", "Courier", monospace; | |
border-radius: 5px; | |
padding: 2px; | |
} | |
dd { | |
border-left: solid 5px #bdc1ad; | |
background-color: rgba(0, 0, 0, 0.65); | |
padding: 1%; | |
width: 80%; | |
margin-bottom: 1.5em; | |
border-top: 1px solid #bdc1ad; | |
} | |
dd a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
dd .source { | |
font-size: 80%; | |
text-align: right; | |
margin-bottom: 0; | |
} | |
nav { | |
overflow: auto; | |
} | |
nav li { | |
margin-bottom: 0; | |
} | |
nav a { | |
display: block; | |
float: left; | |
width: 19%; | |
margin-right: 1%; | |
margin-bottom: 1%; | |
background: rgba(0, 0, 0, 0.65); | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
color: #bdc1ad; | |
box-shadow: 0 0 15px #000; | |
text-decoration: none; | |
font-size: 1.6em; | |
border-right: 1px solid #bdc1ad; | |
padding: .3em; | |
} | |
body#home a.home, body#articles a.articles, body#recipes a.recipes, body#pictures a.pictures, body#contact a.contact, body#archives a.archives { | |
color: #492a35; | |
background-color: #bdc1ad; | |
} | |
date { | |
font-style: italic; | |
font-size: 0.75em; | |
display: block; | |
text-align: right; | |
padding-right: .1em; | |
} | |
#main { | |
color: #bdc1ad; | |
background-color: rgba(52, 52, 45, 0.65); | |
border-radius: .4em; | |
float: left; | |
padding-right: 1%; | |
padding-left: 1%; | |
width: 58%; | |
margin: 1%; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
} | |
#main ol, #main dl, #main ul { | |
padding-left: 2em; | |
} | |
#main ol ol, #main ol dl, #main ol ul, #main dl ol, #main dl dl, #main dl ul, #main ul ol, #main ul dl, #main ul ul { | |
margin-bottom: 0; | |
} | |
#main ol blockquote, #main ol pre, #main ol code, #main dl blockquote, #main dl pre, #main dl code, #main ul blockquote, #main ul pre, #main ul code { | |
margin-bottom: 0; | |
} | |
#main ul { | |
list-style-type: disc; | |
} | |
.sm-links { | |
width: 39%; | |
margin-right: 1%; | |
float: left; | |
overflow: auto; | |
margin-top: 1.1795em; | |
line-height: 75%; | |
} | |
.sm-links a { | |
color: #bdc1ad; | |
width: 24%; | |
margin-right: 1%; | |
margin-bottom: 2%; | |
min-height: 32px; | |
background-repeat: no-repeat; | |
background-position: left center; | |
border-bottom: none; | |
padding-top: 1em; | |
padding-left: 1em; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
font-weight: bold; | |
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(0, 0, 0, 0.8); | |
float: left; | |
display: block; | |
} | |
.sm-links a:hover, .sm-links a:focus, .sm-links a:active { | |
color: #492a35; | |
background-color: #bdc1ad; | |
text-shadow: none; | |
} | |
#sidebar { | |
float: left; | |
width: 39%; | |
margin-right: 1%; | |
} | |
#sidebar iframe#twitter-widget-0 { | |
margin-top: 1.5333em; | |
} | |
.pictures { | |
overflow: auto; | |
} | |
.pictures figure { | |
width: 30%; | |
margin-right: 2%; | |
float: left; | |
} | |
.pictures figure:nth-of-type(3n+1) { | |
clear: left; | |
} | |
.pictures figure img { | |
max-width: 100%; | |
display: block; | |
} | |
.pictures figcaption { | |
margin: .25em .1em 1em; | |
font-style: italic; | |
font-size: 0.75em; | |
line-height: 153.333%; | |
} | |
.pictures a:hover, .pictures a:focus, .pictures a:active { | |
color: inherit; | |
} | |
footer { | |
width: 96%; | |
margin: 1%; | |
padding: 1%; | |
border-top: 4px double #bdc1ad; | |
border-bottom: 4px double #bdc1ad; | |
clear: both; | |
float: left; | |
font-size: .8em; | |
text-align: center; | |
color: #bdc1ad; | |
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65); | |
margin-top: .5em; | |
} | |
footer p { | |
margin-bottom: 0; | |
} | |
footer ul { | |
list-style-type: none; | |
margin-top: .75em; | |
margin-bottom: .75em; | |
} | |
footer ul li { | |
display: inline; | |
} | |
footer ul li:after { | |
content: " \00A6 "; | |
} | |
footer ul li:last-child:after { | |
content: none; | |
} | |
table { | |
border: solid #000 1px; | |
border-collapse: collapse; | |
line-height: 1; | |
} | |
table thead { | |
color: #000; | |
background-color: #bdc1ad; | |
color: #492a35; | |
font-weight: bold; | |
text-align: center; | |
} | |
table td { | |
border: solid #666 1px; | |
padding: .25em; | |
} | |
table td a { | |
border-bottom: none; | |
text-decoration: underline; | |
} | |
table.tags, table.history { | |
float: left; | |
width: 48%; | |
margin-right: 1%; | |
} | |
hr.fancy { | |
background: transparent url('/images/hr.png') center center no-repeat; | |
width: 100%; | |
height: 27px; | |
margin-top: 2em; | |
margin-bottom: 2em; | |
border: none; | |
} | |
blockquote { | |
border-left: solid 5px #bdc1ad; | |
background-color: rgba(0, 0, 0, 0.65); | |
padding: 1%; | |
width: 80%; | |
margin-bottom: 1.5em; | |
} | |
blockquote a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
blockquote .source { | |
font-size: 80%; | |
text-align: right; | |
margin-bottom: 0; | |
} | |
blockquote.song { | |
border-left: solid 5px #bdc1ad; | |
background-color: rgba(0, 0, 0, 0.65); | |
padding: 1%; | |
width: 80%; | |
margin-bottom: 1.5em; | |
background: url('/images/music_notes.gif') rgba(0, 0, 0, 0.65) no-repeat 5px 8px; | |
padding-left: 45px; | |
background-repeat: repeat-y; | |
border-left-color: #FFF; | |
} | |
blockquote.song a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
blockquote.song .source { | |
font-size: 80%; | |
text-align: right; | |
margin-bottom: 0; | |
} | |
blockquote.sql_pirate { | |
border-left: solid 5px #bdc1ad; | |
background-color: rgba(0, 0, 0, 0.65); | |
padding: 1%; | |
width: 80%; | |
margin-bottom: 1.5em; | |
background: url('/images/sql_pirate.png') rgba(0, 0, 0, 0.65) no-repeat 5px 8px; | |
padding-left: 45px; | |
} | |
blockquote.sql_pirate a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
blockquote.sql_pirate .source { | |
font-size: 80%; | |
text-align: right; | |
margin-bottom: 0; | |
} | |
.caution { | |
border-left: solid 5px #bdc1ad; | |
background-color: rgba(0, 0, 0, 0.65); | |
padding: 1%; | |
width: 80%; | |
margin-bottom: 1.5em; | |
background: url('/images/caution.png') rgba(0, 0, 0, 0.65) no-repeat 5px 8px; | |
padding-left: 45px; | |
} | |
.caution a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
.caution .source { | |
font-size: 80%; | |
text-align: right; | |
margin-bottom: 0; | |
} | |
.note { | |
border-left: solid 5px #bdc1ad; | |
background-color: rgba(0, 0, 0, 0.65); | |
padding: 1%; | |
width: 80%; | |
margin-bottom: 1.5em; | |
background: url('/images/note.png') rgba(0, 0, 0, 0.65) no-repeat 5px 8px; | |
padding-left: 45px; | |
} | |
.note a { | |
color: inherit; | |
border-bottom-color: inherit; | |
} | |
.note .source { | |
font-size: 80%; | |
text-align: right; | |
margin-bottom: 0; | |
} | |
.comment { | |
font-size: small; | |
overflow: auto; | |
border-bottom: dotted #bdc1ad 1px; | |
padding-top: .5em; | |
padding-bottom: .5em; | |
} | |
.comment .who { | |
float: left; | |
width: 20%; | |
text-align: center; | |
} | |
.comment .who a { | |
display: block; | |
margin-right: auto; | |
margin-left: auto; | |
border: none; | |
} | |
.comment .who img { | |
box-shadow: none; | |
border: none; | |
max-width: 50px; | |
} | |
.comment blockquote { | |
padding: 1%; | |
float: left; | |
width: 79%; | |
max-width: inherit; | |
margin-bottom: 0; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.comment:last-of-type { | |
border-bottom: none; | |
} | |
form { | |
outline: solid #666 1px; | |
width: 28em; | |
padding: .5em; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
fieldset { | |
border: none; | |
} | |
label { | |
width: 6em; | |
float: left; | |
text-align: right; | |
margin: .5em 1em; | |
clear: both; | |
} | |
input, textarea { | |
font-family: Arial, Verdana, Helvetica, sans-serif; | |
font-size: small; | |
margin: .5em 0; | |
width: 17em; | |
} | |
input[type="submit"] { | |
float: none; | |
clear: both; | |
width: auto; | |
margin-bottom: 1em; | |
margin-left: 8em; | |
} | |
form br { | |
clear: both; | |
} | |
body#recipes #main li { | |
margin-bottom: 0; | |
} | |
body#recipes #main img { | |
border: 2px solid #FFFFFF; | |
float: right; | |
margin-left: .25em; | |
padding: 0; | |
} | |
body#archives table tr:hover { | |
background-color: #bdc1ad; | |
} | |
body#archives table tr:hover, body#archives table tr:hover a { | |
color: #492a35 !important; | |
} | |
body#pix #main img { | |
display: block; | |
margin: 0 auto 1.5333em; | |
max-width: 98%; | |
} | |
body#pix #main article:hover:before { | |
color: rgba(189, 193, 172, 0.48); | |
content: " #" attr(id); | |
float: right; | |
margin-top: 1.1em; | |
} | |
/* Google AdSense iframe CSS */ | |
#gas_container { | |
width: 58%; | |
margin: 1%; | |
} | |
#affiliate_container { | |
margin: 20px auto 0; | |
width: 728px; | |
font-size: 13px; | |
} | |
#gas_container a, #affiliate_container a { | |
color: #E6D684; | |
font-weight: bold; | |
} | |
@media only screen and (max-width: 950px) and (min-width: 571px) { | |
/* Medium (Most tablets) */ | |
h1 { | |
font-size: 1.5em; | |
} | |
h1, #main { | |
width: 73%; | |
float: left; | |
margin-right: 1%; | |
margin-left: 0; | |
} | |
#sidebar, #gas_container { | |
width: 25%; | |
} | |
.sm-links { | |
display: none; | |
} | |
nav a { | |
font-size: 1em; | |
width: 24%; | |
} | |
.pictures figure { | |
width: 98%; | |
margin-right: 1%; | |
margin-left: 1%; | |
float: none; | |
} | |
.pictures figure:nth-of-type(3n+1) { | |
clear: none; | |
} | |
} | |
@media only screen and (max-width: 570px) { | |
/* Small (Most phones) */ | |
h1 { | |
font-size: 1.5em; | |
} | |
h1, #main, #sidebar, #gas_container { | |
width: 98%; | |
float: none; | |
margin-right: 1%; | |
margin-left: 1%; | |
} | |
.sm-links { | |
display: none; | |
} | |
nav a { | |
font-size: 1em; | |
width: 32%; | |
} | |
.pictures figure { | |
width: 98%; | |
margin-right: 1%; | |
margin-left: 1%; | |
float: none; | |
} | |
.pictures figure:nth-of-type(3n+1) { | |
clear: none; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment