Created
May 13, 2013 01:19
-
-
Save bernatfortet/5565619 to your computer and use it in GitHub Desktop.
Css Temp
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
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ | |
html, | |
body, | |
div, | |
span, | |
applet, | |
object, | |
iframe, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
blockquote, | |
pre, | |
a, | |
abbr, | |
acronym, | |
address, | |
big, | |
cite, | |
code, | |
del, | |
dfn, | |
em, | |
img, | |
ins, | |
kbd, | |
q, | |
s, | |
samp, | |
small, | |
strike, | |
strong, | |
sub, | |
sup, | |
tt, | |
var, | |
b, | |
u, | |
i, | |
center, | |
dl, | |
dt, | |
dd, | |
ol, | |
ul, | |
li, | |
fieldset, | |
form, | |
label, | |
legend, | |
table, | |
caption, | |
tbody, | |
tfoot, | |
thead, | |
tr, | |
th, | |
td, | |
article, | |
aside, | |
canvas, | |
details, | |
embed, | |
figure, | |
figcaption, | |
footer, | |
header, | |
hgroup, | |
menu, | |
nav, | |
output, | |
ruby, | |
section, | |
summary, | |
time, | |
mark, | |
audio, | |
video { | |
border: 0; | |
font-size: 100%; | |
font: inherit; | |
vertical-align: baseline; | |
margin: 0; | |
padding: 0; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
menu, | |
nav, | |
section { | |
display: block; | |
} | |
body { | |
line-height: 1; | |
} | |
ol, | |
ul { | |
list-style: none; | |
} | |
blockquote, | |
q { | |
quotes: none; | |
} | |
blockquote:before, | |
blockquote:after, | |
q:before, | |
q:after { | |
content: none; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
.cover-all { | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
left: 0; | |
top: 0; | |
} | |
.ir { | |
display: block; | |
text-indent: -999em; | |
overflow: hidden; | |
background-repeat: no-repeat; | |
text-align: left; | |
direction: ltr; | |
} | |
.rel { | |
position: relative; | |
} | |
.abs { | |
position: absolute; | |
} | |
.fixed { | |
position: fixed; | |
} | |
.overflow { | |
overflow: hidden; | |
} | |
.block { | |
display: block; | |
} | |
.ib { | |
display: inline-block; | |
} | |
.fl { | |
float: left; | |
} | |
.fr { | |
float: right; | |
} | |
.anchor { | |
cursor: pointer; | |
} | |
.unselectable { | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
} | |
.selectable { | |
-webkit-user-select: text; | |
-khtml-user-select: text; | |
-moz-user-select: text; | |
-o-user-select: text; | |
user-select: text; | |
} | |
.hide, | |
.hidden { | |
display: none; | |
visibility: hidden; | |
} | |
.show, | |
.shown { | |
display: block; | |
visibility: visible; | |
} | |
.white { | |
color: #fff ; | |
} | |
.grey3 { | |
color: #dddddd ; | |
} | |
.grey2 { | |
color: #b3b3b3 ; | |
} | |
.grey1 { | |
color: #999999 ; | |
} | |
.grey { | |
color: #808080 ; | |
} | |
.grey-3 { | |
color: #202020 ; | |
} | |
.grey-2 { | |
color: #404040 ; | |
} | |
.grey-1 { | |
color: #595959 ; | |
} | |
.black { | |
color: #000 ; | |
} | |
.red { | |
color: #ce3232 ; | |
} | |
.green { | |
color: #a0ce32 ; | |
} | |
.orange { | |
color: #ff8c00 ; | |
} | |
.blue { | |
color: #3babd4 ; | |
} | |
.bold { | |
font-weight: bold; | |
} | |
.upcase { | |
text-transform: uppercase; | |
} | |
.lowcase { | |
text-transform: lowercase; | |
} | |
.ignorecase { | |
text-transform: none; | |
} | |
.tcenter { | |
text-align: center; | |
} | |
.hyphen { | |
-hyphens: auto; | |
-moz-hyphens: auto; | |
-webkit-hyphens: auto; | |
} | |
.icon-16 { | |
width: 16px; | |
height: 16px; | |
display: inline-block; | |
background-image: url("../images/sprite.png"); | |
background-repeat: no-repeat; | |
} | |
.icon-16 { | |
width: 16px; | |
height: 16px; | |
overflow: hidden; | |
display: inline-block; | |
vertical-align: top; | |
background-image: url("../images/sprite.png"); | |
background-repeat: no-repeat; | |
text-indent: -9999px; | |
} | |
/*== TRANSITIONS ==*/ | |
.clearfix:before, | |
.clearfix:after { | |
content: "\0020"; | |
display: block; | |
height: 0; | |
visibility: hidden; | |
} | |
.clearfix:after { | |
clear: both; | |
} | |
.clearfix { | |
zoom: 1; | |
} | |
body { | |
background: #ffffd8; | |
} | |
.ocr { | |
font-size: 9px; | |
line-height: 1; | |
letter-spacing: 0; | |
font-family: "OCR A Std"; | |
} | |
.bodoni { | |
font-family: "Bodoni Std Poster"; | |
font-style: italic; | |
} | |
.purple { | |
color: #772345; | |
} | |
.blue-grey { | |
color: #6f7a83; | |
} | |
header { | |
width: 1122px; | |
margin: 0 auto; | |
} | |
.carousel { | |
width: 100%; | |
height: 450px; | |
margin: 10px 0 0; | |
background: url("http://payload159.cargocollective.com/1/0/2503/5497012/top_nav_flower.jpg") no-repeat center center; | |
} | |
nav { | |
width: 705px; | |
margin: 0 auto; | |
} | |
nav a { | |
padding: 10px 12px; | |
color: #772345; | |
font-size: 9px; | |
line-height: 1; | |
letter-spacing: 0; | |
font-family: "OCR A Std"; | |
text-decoration: none; | |
} | |
nav a:hover { | |
text-decoration: underline; | |
} | |
.logo { | |
width: 667px; | |
height: 116px; | |
margin: 20px auto; | |
background: url("http://payload159.cargocollective.com/1/0/2503/5497012/logo_640.jpg") no-repeat; | |
display: block; | |
text-indent: -999em; | |
overflow: hidden; | |
background-repeat: no-repeat; | |
text-align: left; | |
direction: ltr; | |
} | |
.category { | |
width: 300px; | |
margin: 0 auto 20px; | |
} | |
.category .title { | |
font-family: "Bodoni Std Poster"; | |
font-style: italic; | |
font-size: 28px; | |
line-height: 1; | |
letter-spacing: 0; | |
text-align: center; | |
color: #772345; | |
} | |
.category .desc { | |
font-size: 9px; | |
line-height: 1; | |
letter-spacing: 0; | |
font-family: "OCR A Std"; | |
color: #6f7a83; | |
text-align: center; | |
} | |
#content_container { | |
width: 1122px; | |
margin: 0 auto; | |
} | |
.project_thumb { | |
width: 214px; | |
height: 266px; | |
position: relative; | |
float: left; | |
margin: 0 13px 13px 0; | |
background: url("../images/thumb.jpg") no-repeat; | |
cursor: pointer; | |
overflow: hidden; | |
} | |
.project_thumb:nth-child(5n) { | |
margin-right: 0; | |
} | |
.project_thumb .thumb_title { | |
width: 100%; | |
position: absolute; | |
top: 266px; | |
bottom: 0; | |
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+IzdiYTdiMiNiN2U2Y2Y8L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); | |
background-image: -moz-linear-gradient(top, #7ba7b2, #b7e6cf); | |
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(,#7ba7b2),color-stop(,#b7e6cf)); | |
background-image: -webkit-linear-gradient(top, #7ba7b2, #b7e6cf); | |
background-image: -o-linear-gradient(top, #7ba7b2, #b7e6cf); | |
background-image: linear-gradient(to bottom, #7ba7b2, #b7e6cf); | |
text-align: center; | |
color: white; | |
font-family: "Bodoni Std Poster"; | |
font-style: italic; | |
-webkit-transition-property: all; | |
-webkit-transition-duration: 100ms; | |
-webkit-transition-timing-function: linear; | |
-moz-transition-property: all; | |
-moz-transition-duration: 100ms; | |
-moz-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 100ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 100ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 100ms; | |
transition-timing-function: linear; | |
} | |
.project_thumb .thumb_title:hover { | |
-webkit-transition-property: all; | |
-moz-transition-property: all; | |
-webkit-transition-duration: 150ms; | |
-webkit-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 150ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 150ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 150ms; | |
transition-timing-function: linear; | |
} | |
.project_thumb .thumb_title .text { | |
padding: 10px 0 6px; | |
display: block; | |
} | |
.project_thumb .thumb_tag { | |
width: 100%; | |
position: absolute; | |
bottom: -50px; | |
background: white; | |
overflow: hidden; | |
-webkit-transition-property: all; | |
-webkit-transition-duration: 100ms; | |
-webkit-transition-timing-function: linear; | |
-moz-transition-property: all; | |
-moz-transition-duration: 100ms; | |
-moz-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 100ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 100ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 100ms; | |
transition-timing-function: linear; | |
} | |
.project_thumb .thumb_tag:hover { | |
-webkit-transition-property: all; | |
-moz-transition-property: all; | |
-webkit-transition-duration: 150ms; | |
-webkit-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 150ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 150ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 150ms; | |
transition-timing-function: linear; | |
} | |
.project_thumb .thumb_tag a { | |
padding: 2px 5px; | |
font-size: 9px; | |
line-height: 1; | |
letter-spacing: 0; | |
font-family: "OCR A Std"; | |
float: left; | |
color: #6f7a83; | |
} | |
.project_thumb:hover .thumb_title { | |
top: inherit; | |
bottom: 13px; | |
-webkit-transition-property: all; | |
-webkit-transition-duration: 100ms; | |
-webkit-transition-timing-function: linear; | |
-moz-transition-property: all; | |
-moz-transition-duration: 100ms; | |
-moz-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 100ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 100ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 100ms; | |
transition-timing-function: linear; | |
} | |
.project_thumb:hover .thumb_title:hover { | |
-webkit-transition-property: all; | |
-moz-transition-property: all; | |
-webkit-transition-duration: 150ms; | |
-webkit-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 150ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 150ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 150ms; | |
transition-timing-function: linear; | |
} | |
.project_thumb:hover .thumb_tag { | |
bottom: 0; | |
-webkit-transition-property: all; | |
-webkit-transition-duration: 100ms; | |
-webkit-transition-timing-function: linear; | |
-moz-transition-property: all; | |
-moz-transition-duration: 100ms; | |
-moz-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 100ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 100ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 100ms; | |
transition-timing-function: linear; | |
} | |
.project_thumb:hover .thumb_tag:hover { | |
-webkit-transition-property: all; | |
-moz-transition-property: all; | |
-webkit-transition-duration: 150ms; | |
-webkit-transition-timing-function: linear; | |
-ms-transition-property: all; | |
-ms-transition-duration: 150ms; | |
-ms-transition-timing-function: linear; | |
-o-transition-property: all; | |
-o-transition-duration: 150ms; | |
-o-transition-timing-function: linear; | |
transition-property: all; | |
transition-duration: 150ms; | |
transition-timing-function: linear; | |
} | |
.loader_holder { | |
display: none; | |
position: absolute; | |
top: 8px; | |
left: 8px; | |
z-index: 3; | |
} | |
#nav_loadspin { | |
display: none; | |
position: fixed; | |
top: 10px; | |
left: 19px; | |
z-index: 100; | |
} | |
.view_tag_info { | |
display: none; | |
visibility: hidden; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment