Create a gist now

Instantly share code, notes, and snippets.

quick sass version of site.css - using the scss syntax
$link-color: #bca36c;
$hover-color: #004263;
$disabled-color: #bbb;
$text-color: #333;
html {
height: 100%;
}
body {
@extend html;
background-image:url(img/Background.png);
background-repeat:repeat;
margin:0;
font-family:Georgia;
}
a {
font-size: 14px;
font-weight: 700;
&[disabled] {
font-style:normal;
font-weight:400;
color:$disabled-color;
cursor:default;
}
&:link,&:visited {
text-decoration:none;
color:$link-color;
}
&:hover,&:active,&.selected {
font-style:italic;
color:$hover-color;
}
p &:hover, p &:active {
font-style: normal;
}
}
p, h1, h2 {
font-size:16px;
line-height:22px;
margin:0;
}
h1 {
font-size:24px;
font-weight:400;
font-style:italic;
text-align:center;
}
h2 {
color:$text-color;
font-weight:700;
.daily & {
font-style:italic;
}
}
hr {
margin:0 auto;
border:none;
border-top:1px dashed $link-color;
}
.content {
background:url(img/Paper.png) repeat-y right top;
width:1060px;
margin:0 auto;
overflow:hidden;
min-height:100%;
position:relative;
}
.logo {
width:517px;
height:287px;
float:left;
a, img {
border:0;
}
}
.head {
width:543px;
height:287px;
float:left;
margin-bottom:20px;
}
.footer {
width:500px;
clear:both;
margin-left:370px;
padding:22px 0;
border-top:1px dashed $text-color;
text-align:center;
}
.about {
width:90px;
height:94px;
margin-top:20px;
margin-left:150px;
float:left;
text-align:center;
hr, a {
border-top-style:dashed;
}
a {
display:block;
line-height:16px;
padding:6px 0;
border:1px none $link-color;
}
}
.directions {
width:230px;
height:138px;
margin-top:112px;
float:left;
& > p {
margin:0;
font-size:14px;
line-height:16px;
text-align:center;
color:$text-color;
}
hr {
width:50px;
border-color:$text-color;
&.top {
margin-bottom:5px;
}
&.middle {
width:80px;
margin-top:5px;
margin-bottom:5px;
}
&.bottom {
margin-top:5px;
}
}
}
.left {
margin-left:145px;
width:190px;
float:left;
text-align:center;
}
.center {
margin:0 0 0 35px;
width:500px;
float:left;
border-top:1px dashed $text-color;
padding-top:22px;
p,hr {
margin-bottom:22px;
}
img {
display:block;
margin:0 auto;
}
span.bullet {
display:block;
text-align:center;
}
}
.right {
width:190px;
float:left;
}
nav ul {
margin:0;
padding:0;
list-style-type:none;
}
.main-nav {
a {
display:block;
line-height:18px;
}
& > li {
padding:5px 0;
border:1px none $link-color;
border-top-style:dashed;
}
.level2 {
padding:0;
border-top-style:none;
display:none;
a {
line-height:20px;
}
}
}
.cat {
font-size:14px;
font-style:italic;
font-weight:400;
color:$link-color;
display:block;
text-align:center;
}
.price {
font-style:italic;
}
.caption {
text-align:center;
font-weight:700;
}
@mixin grid-img {
width:298px;
margin:0 40px 11px;
border:1px solid $text-color;
border-radius:13px;
}
.deck {
margin:0 60px 22px;
text-align:center;
img {
@include grid-img;
}
}
.impressions img {
@include grid-img;
width:auto;
margin:0 0 0 10px;
float:left;
&.first {
margin:0;
}
}
.box .bullet {
margin:-22px 0 22px;
&:last-child {
display:none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment