Skip to content

Instantly share code, notes, and snippets.

@spooky
Created October 8, 2012 13:21
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 spooky/3852510 to your computer and use it in GitHub Desktop.
Save spooky/3852510 to your computer and use it in GitHub Desktop.
quick less version of site.css
@link-color: #bca36c;
@hover-color: #004263;
@disabled-color: #bbb;
@text-color: #333;
html, body {
height:100%;
}
body {
background-image:url(img/Background.png);
background-repeat:repeat;
margin:0;
font-family:Georgia;
}
a {
font-size:14px;
font-weight:700;
&:link, &:visited {
text-decoration:none;
color: @link-color;
}
&:hover,&:active,&.selected {
font-style:italic;
color: @hover-color;
}
&[disabled] {
font-style:normal;
font-weight:400;
color:@disabled-color;
cursor:default;
}
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;
margin-bottom:22px;
color: @text-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;
a {
display:block;
line-height:16px;
padding:6px 0;
border:1px none @link-color;
border-top-style:dashed;
}
hr {
border-top-style:dashed;
}
}
.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 {
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;
}
.grid-img() {
width:298px;
margin:0 40px 11px;
border:1px solid @link-color;
border-radius:13px;
}
.deck {
margin:0 60px 22px;
text-align:center;
img {
.grid-img;
}
}
.impressions img {
.grid-img;
width:auto;
margin:0 0 0 10px;
float:left;
img.first {
margin:0;
}
}
.price, .daily h2 {
font-style:italic;
}
.caption {
text-align:center;
font-weight:700;
}
.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