Skip to content

Instantly share code, notes, and snippets.

@NuarHaruha
Created September 14, 2011 07:57
Show Gist options
  • Save NuarHaruha/1216070 to your computer and use it in GitHub Desktop.
Save NuarHaruha/1216070 to your computer and use it in GitHub Desktop.
place holder base stylesheet
body
{ font:12px/1.5em Arial,Helvetica,Sans-serif;
color:#555;
background:#e9e9e9 url(http://1.bp.blogspot.com/-CFDJn4O_Zo0/TjtE-oRXNAI/AAAAAAAAAVI/5khH-2-zYzs/s000/bg-grid.png) repeat; }
h1,h2,h3,h4,h5,h6
{ margin:0;
color:#555;
font-family:sans-serif;
font-weight:bold; }
h1
{ font-size:2em; }
h2
{ font-size:1.8em; }
h3
{ font-size:1.6em; }
h4
{ font-size:1.2em; }
h5
{ font-size:1em; }
h6
{ font-size:0.8em; }
p
{ margin:0; }
hr
{ background-color:#e6e6e6;
border:0;
height:1px;
margin-bottom:20px; }
input,textarea
{ padding:5px;
border-color:#EFEFEF #ccc #CCC #efefef;
border-width:1px;
border-style:solid; }
a:link,a:visited
{ color:#3088ff;
text-decoration:none; }
a:hover
{ color:red;
text-decoration:underline; }
h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited
{ text-decoration:none; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
{ text-decoration:underline; }
#wrapper
{ background:url(http://2.bp.blogspot.com/-txHGXSSozJA/TjtE-zc9EYI/AAAAAAAAAVM/d5LTjO_77Qw/s000/bg-top.png) repeat-x 0 1px; }
.col-full
{ width:660px;
margin:0 auto; }
#header
{ padding:110px 0 30px;
clear:both;
position:relative; }
#logo
{ text-align:center; }
#logo img
{ ; }
#logo .site-title,#logo .site-description
{ font-family:Georgia,serif;
color:#000;
display:none; }
#logo .site-title a
{ color:#222;
text-transform:none;
font-size:40px;
line-height:40px;
font-weight:normal;
text-decoration:none;
text-shadow:0 -1px 0 #fff; }
#logo .site-title a:hover
{ text-decoration:underline; }
#logo .site-description
{ color:#999;
font:italic 14px Georgia,serif;
text-shadow:0 1px 0 #fff; }
#content
{ background:#fff;
border:1px solid #ccc;
padding:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow:0 2px 5px rgba(0,0,0,.1);
-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);
-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1); }
#main
{ padding:40px 50px; }
#main .block
{ margin-bottom:30px;
font-size:13px; }
#main .block h3
{ position:relative;
border-bottom:1px solid #e6e6e6;
text-align:center;
margin-bottom:30px; }
#main .block h3 span
{ Êdisplay:block;
position:relative;
top:10px;
background:#fff;
padding:0 15px; }
#main #intro h3
{ font-size:18px; }
#main #social
{ Êtext-align:center;
margin-bottom:40px; }
#main #social h3
{ font-size:14px; }
#main #social .social-links
{ margin:0 auto;
width:500px; }
#main #social .link
{ float:left;
width:110px;
display:inline-block;
margin-right:20px; }
#main #social .link .twitter
{ background:url(http://3.bp.blogspot.com/-I53Qi1_puiA/TjtE_DcUm9I/AAAAAAAAAVQ/t5Bgf0a43GA/s000/ico-twitter.png) no-repeat left center;
padding-left:40px;
display:block; }
#main #social .link .facebook
{ background:url(http://4.bp.blogspot.com/-pZOuYJ9fGx0/TjtE_Yp3sDI/AAAAAAAAAVU/FJi9ltv7-3g/s000/ico-facebook.png) no-repeat left center;
padding-left:40px;
display:block; }
#main #social .link .contact
{ background:url(http://3.bp.blogspot.com/-f7VQt1s6uFU/TjtE_prrLQI/AAAAAAAAAVY/zVhP0E5ws7c/s000/ico-contact.png) no-repeat left center;
padding-left:40px;
display:block; }
#main #social .link .subscribe
{ background:url(http://1.bp.blogspot.com/-mxlUTxwVf9Q/TjtE_u016MI/AAAAAAAAAVc/2K10IF4T2kY/s000/ico-subscribe.png) no-repeat left center;
padding-left:40px;
display:block; }
#main #social .last
{ margin-right:0; }
#main #social .link img
{ vertical-align:middle; }
#main #social .link a
{ padding-left:3px;
color:#555;
text-decoration:none;
font-weight:bold;
line-height:30px; }
#main #social .link a:hover
{ opacity:0.85; }
#main #countdown
{ background:#fff url(http://1.bp.blogspot.com/-CFDJn4O_Zo0/TjtE-oRXNAI/AAAAAAAAAVI/5khH-2-zYzs/s000/bg-grid.png) repeat;
padding:10px 0;
border:1px solid #e6e6e6;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px; }
#main #countdown h3
{ font-size:14px;
background:url(http://1.bp.blogspot.com/-g1EUalIziuA/TjtE_-jLvMI/AAAAAAAAAVg/C_alxRg6HvQ/s000/bg-countdown-h3.png) no-repeat center bottom;
border:none;
margin-bottom:20px; }
#main #countdown h3 span
{ background:none; }
#main #countdown #timer
{ background:url(http://1.bp.blogspot.com/-tnHQuxGzDho/TjtFAHtiNjI/AAAAAAAAAVk/H7w0A00ftbw/s000/bg-timer.png) no-repeat top;
width:406px;
height:80px;
text-align:center;
margin:0 auto 10px;
padding-left:5px; }
#main #countdown #timer span.countdown_section
{ float:left;
width:100px; }
#main #countdown #timer span.countdown_amount
{ color:#fff;
text-shadow:0 1px 2px #000;
font-size:36px;
line-height:60px; }
#main #countdown #timer .countdown_section
{ color:#555;
text-shadow:0 1px 1px #fff;
display:block;
font-size:11px;
line-height:30px;
font-style:normal;
text-transform:uppercase; }
#main #newsletter
{ ; }
#main #newsletter p
{ font-size:14px;
font-weight:bold;
color:#555;
float:left;
padding:8px 5px 0 30px; }
#main #newsletter form
{ float:right;
padding:0 30px 0 0; }
#main #newsletter form input.email
{ width:150px;
color:#888;
border:1px solid #ddd;
padding:5px 8px 4px;
height:20px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:inset 0 2px 4px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1); }
#main #newsletter form input.submit
{ margin:0 0 0 5px;
padding:0;
background:url(http://3.bp.blogspot.com/-sF1NFTPDZo4/TjtFAfTnhoI/AAAAAAAAAVo/JVL5CUj8iYM/s000/btn-submit.png) no-repeat;
width:89px;
height:31px;
border:0;
cursor:pointer;
color:#fff;
text-shadow:0 -1px 0 #777;
font:bold 13px sans-serif; }
#main #newsletter form input.submit:hover
{ opacity:0.85; }
#footer
{ padding:30px 0 0;
color:#999;
text-align:center; }
#footer p
{ text-shadow:0 1px 0 #fff; }
#footer img
{ vertical-align:middle;
opacity:0.85; }
#footer img:hover
{ opacity:1; }
#footer span
{ display:none; }
#footer .divider
{ padding:0 8px; }
#main #intro p
{ font:normal 14px/1.5em Droid Serif;
color:#555; }
#footer p
{ font:normal 14px/1em Lobster;
color:#999; }
.fix
{ clear:both;
height:1px;
overflow:hidden;
margin:-1px 0 0; }
#navbar-iframe,#navbar
{ height:0;
visibility:hidden;
display:none; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment