|
- * {
- vertical-align: baseline;
- font-weight: inherit;
- font-family: inherit;
- font-style: inherit;
- text-decoration:inherit;
- font-size: 100%;
- padding: 0;
- border: 0;
- margin: 0;
- }
-
- article,aside,details,figcaption,figure,
- footer,header,hgroup,menu,nav,section {
- display:block;
- }
-
- table {
- border-collapse: collapse;
- }
-
- :focus {
- outline: 0;
- }
-
- ::-moz-focus-inner {
- border: 0;
- }
-
- .clear {
- clear: both;
- }
-
- /* clearfix */
- .clearfix:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
-
- .clearfix {
- display: block;
- }
-
-
- * html .clearfix {
- height: 1%;
- }
-
- a {
- color: #37e;
- text-decoration: underline;
- }
-
- a:hover{
- color: #222;
- }
-
- body{
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- background-color: #efefef;
- padding: 0;
- margin: 0;
- }
-
- #container{
- background-color: #eaeaea;
- width: 640px;
- margin: 0 auto;
- padding: 12px;
- -moz-box-shadow: 0px 4px 12px #ccc; /* FF3.5+ */
- -webkit-box-shadow: 0px 4px 12px #ccc; /* Saf3.0+, Chrome */
- box-shadow: 0px 4px 12px #ccc; /* Opera 10.5, IE 9.0 */
- filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=12px, OffY=12px, Color='#ccc'); /* IE6,IE7 */
- -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=12px, OffY=12px, Color='#ccc')"; /* IE8 */
- }
-
- footer{
- font-size: 10px;
- text-align: center;
- margin-top: 24px;
- }
-
- /* Button styles from the awesome: http://www.webdesignerwall.com/demo/css-buttons.html */
-
- .button {
- display: inline-block;
- zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
- *display: inline;
- vertical-align: baseline;
- margin: 0 2px;
- outline: none;
- cursor: pointer;
- text-align: center;
- text-decoration: none;
- font: 14px/100% Arial, Helvetica, sans-serif;
- padding: .5em 2em .55em;
- text-shadow: 0 1px 1px rgba(0,0,0,.3);
- -webkit-border-radius: .5em;
- -moz-border-radius: .5em;
- border-radius: .5em;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
- box-shadow: 0 1px 2px rgba(0,0,0,.2);
- }
- .button:hover {
- text-decoration: none;
- }
- .button:active {
- position: relative;
- top: 1px;
- }
-
- .bigrounded {
- -webkit-border-radius: 2em;
- -moz-border-radius: 2em;
- border-radius: 2em;
- }
- .medium {
- font-size: 12px;
- padding: .4em 1.5em .42em;
- }
- .small {
- font-size: 11px;
- padding: .2em 1em .275em;
- }
-
-
- /* white */
- .white {
- color: #606060;
- border: solid 1px #b7b7b7;
- background: #fff;
- background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
- background: -moz-linear-gradient(top, #fff, #ededed);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
- }
- .white:hover {
- background: #ededed;
- background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
- background: -moz-linear-gradient(top, #fff, #dcdcdc);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
- }
- .white:active {
- color: #999;
- background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
- background: -moz-linear-gradient(top, #ededed, #fff);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
- }
-
- .banner{
- border-bottom: 12px solid #222;
- padding: 0 12px;
- position: relative;
- }
-
- .banner h1{
- font-weight: 100;
- font-size: 32px;
- line-height: 48px;
- }
-
-
- .banner h3{
- color: #666;
- font-weight: normal;
- font-size: 16px;
- line-height: 24px;
- margin-bottom: 12px;
- }
-
- .banner nav{
- position: absolute;
- right: 0;
- bottom: 0;
- }
-
- .banner nav li{
- list-style-type: none;
- float: left;
- }
-
- .banner nav li a.button{
- margin:0;
- -webkit-border-bottom-left-radius: 0;
- -webkit-border-bottom-right-radius: 0;
- -moz-border-radius-bottomleft: 0;
- -moz-border-radius-bottomright: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .banner nav li a.button:hover{
- color: #000;
- }
- .banner nav li a.button.active{
- color: #d7d7d7;
- border: solid 1px #333;
- background: #333;
- background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
- background: -moz-linear-gradient(top, #666, #000);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
- }
-
- .blog_excerpt{
- padding-bottom: 24px;
- }
-
- .blog_excerpt .post time{
- float: none;
- clear: left;
- }
-
- .blog_excerpt .button{
- float: right;
- }
-
- .blog_excerpt h3,
- h1.title{
- font-size: 24px;
- line-height: 36px;
- border-bottom: 1px solid #ccc;
- }
-
- .blog_excerpt h3{
- margin-bottom: 24px;
- }
-
- section.content{
- padding: 12px;
- }
-
- /* listing */
-
- .listing{
- margin-top: 24px;
- }
-
- .listing img{
- width: 120px;
- height: 120px;
- }
-
- .listing li{
- background-color: #ededed;
- list-style-type: none;
- float: left;
- width: 272px;
- margin-right: 24px;
- margin-bottom: 24px;
- padding: 12px;
- -moz-box-shadow: 0px 4px 12px #ccc; /* FF3.5+ */
- -webkit-box-shadow: 0px 4px 12px #ccc; /* Saf3.0+, Chrome */
- box-shadow: 0px 4px 12px #ccc; /* Opera 10.5, IE 9.0 */
- filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=12px, OffY=12px, Color='#ccc'); /* IE6,IE7 */
- -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=12px, OffY=12px, Color='#ccc')"; /* IE8 */
-
- }
-
- .listing li:nth-child(2){
- margin-right: 0;
- }
-
- .listing li:nth-child(3){
- clear: left;
- }
-
- .listing li p{
- font-size: 10px;
- line-height: 12px;
- margin-bottom: 12px;
- }
-
-
- .listing h3{
- font-size: 16px;
- line-height: 20px;
- }
-
- .listing time{
- display:block;
- border-top: 1px solid #ccc;
- padding-top: 4px;
- font-size: 10px;
- }
-
- /* Content */
-
- article.post p{
- font-size: 12px;
- line-height: 24px;
- margin: 6px 0;
- }
-
- article.post img{
- display: block;
- margin-bottom: 24px;
- }
-
- .post time{
- font-size: 12px;
- color: #999;
- float:left;
- margin-top: 6px;
- }
-
- ul.tags{
- margin-bottom: 24px;
- text-align: right;
- }
-
- ul.tags li{
- list-style-type: none;
- display: inline;
- }
-
- ul.tags li a{
- color: #999;
- text-decoration: none;
- }
-
- h1.tag:before,
- ul.tags li a:before{
- content: '\00AB';
- }
-
- h1.tag:after,
- ul.tags li a:after{
- content: '\00BB';
- }
-
- ul.tags li a:hover{
- color: #222;
- }
-
- h1 a, h2 a, h3 a{
- text-decoration: none;
- }
-
- nav.post_nav{
- background-color: #efefef;
- position: fixed;
- width: 124px;
- margin-left: -186px;
- font-size: 12px;
- padding: 12px;
- padding-right: 24px;
- -moz-box-shadow: 0px 2px 4px #ccc; /* FF3.5+ */
- -webkit-box-shadow: 0px 2px 4px #ccc; /* Saf3.0+, Chrome */
- box-shadow: 0px 2px 4px #ccc; /* Opera 10.5, IE 9.0 */
- filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=12px, OffY=12px, Color='#ccc'); /* IE6,IE7 */
- -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=12px, OffY=12px, Color='#ccc')"; /* IE8 */
-
- }
-
- a.backlink{
- display:block;
- line-height: 24px;
- margin-bottom: 12px;
- }
-
- a.backlink:before{
- content: '\2190';
- }
-
- a.prev:before{
- content: '\00AB';
- }
-
- a.next:after{
- content: '\00BB';
- }
-
- a.prev{
- margin-right: 12px;
- }
-
- a.prev,
- a.next{
- display: block;
- float: left;
- margin-bottom: 12px;
- }
-
- a.next{ float: right };
-
- a.backlink:hover, a.prev:hover, a.next:hover{
- color: #222;
- }
-
- .post_nav a.disabled{
- color: #ccc;
- }
-
- .post_nav a{
- color: #666;
- text-decoration: none;
- }
-
- .post_nav div{
- display: block;
- float: left;
- width: 58px;
- overflow: hidden;
- margin-left: 4px;
- }
-
- #facebook_like{
- margin-top: 1px;
- }
-
- .archives ul.posts{
- margin-top: 24px;
- }
-
- .archives li.post{
- list-style-type: none;
- border-bottom: 1px dotted #ccc;
- padding: 12px 0;
-
- }
-
- .archives li.post time{
- color: #999;
- margin-right: 24px;
- display:block;
- float: left;
- width: 120px;
- }
-
- .archives li.post a{
- float: left;
- }
-
- .archives ul.tags{
- float: right;
- margin-bottom:0;
- }
-
-
- .codebox {
- margin-top: 8px;
- margin-bottom: 12px;
- }
- .code {
- position: relative;
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
- -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
- background-color: #F0F3F3;
- }
- .code figcaption {
- font-size: 10px;
- position: absolute;
- bottom: 3px;
- right: 12px;
- color: rgba(0, 0, 0, 0.5);
- }
- .highlight pre {
- font-size: 12px;
- padding: 16px 12px 12px;
- line-height: 24px;
- margin-bottom: 8px;
- }
|