Title / Description
Code // This import applies a global reset to any page that imports this stylesheet. @import "blueprint/reset"; // To configure blueprint, edit the partials/base.sass file. @import "partials/base"; // Import all the default blueprint modules so that we can access their mixins. @import "blueprint"; // Combine the partials into a single screen stylesheet. // @import "partials/page"; @import "partials/form"; @import "partials/code"; @import "partials/two_col"; /* High level containers */ body.two-col { @include blueprint(true); font-family: Verdana, Geneva, Arial, sans-serif; text-shadow: none; color: black; width: $blueprint-container-size; margin: auto; background-image: url('../images/body_back.jpg'); background-repeat: repeat; #container { background-color: white; background-image: url('../images/header_back.jpg'); margin-top: 10px; padding: 20px; background-clip: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#ffffff), color-stop(.5,#dddddd)); background-repeat: no-repeat; -webkit-box-shadow: 8px 8px 4px #111111, -1px 1px 4px #111111; box-shadow: 8px 8px 4px #111111, -1px 1px 4px #111111; -webkit-border-radius: 3px; border-radius: 3px; } #content { } #sidebar { text-align: left; font-family: $paragraph-font-family; font-size: 12px; img.foto { width: 4*$blueprint-grid-width; margin-right: 10px; margin-bottom: 10px; border: 3px solid black; border-radius: 5px; float: left; } img.icon { height: $blueprint-grid-width; } img.hasborder { border: none; } #references { @include prepend-top($blueprint-grid-width); } } /* Headings */ #header { height: 5*$blueprint-grid-width; h1 { font-family: "burnaby-stencil-1", "burnaby-stencil-2", sans-serif; font-size: 76px; font-weight: normal; margin: 0.4em 0px 0px; text-shadow: 1px 1px white, -1px -1px #444; a { color: black; text-decoration: none; &:hover { text-decoration: none; } } img { border-width: 0px; position: absolute; right: 0px; bottom: 10px; width: 43px; height: 23px; } } } #footer { position: relative; height: 20em; font-size: 8pt; border-top: none; padding: 5px, 15px, 5px, 5px; color: gray; border-bottom: solid 1px #aaaaaa; text-align: center; .column { width: 30%; display: inline; float: left; text-align: left; margin-top: 2em; padding-left: 2em; ul { list-style: none; padding-left: 0; } h2 { font-weight: normal; font-size: 1.2em; text-transform: uppercase; } } .bottomtext { position: absolute; bottom: 2px; } } .post { border-top: 1px solid gray; background: none; margin-bottom: 2*$blueprint-grid-width; font-size: 15px; color: #555; line-height: 20px; &:hover { color: #222; border-top: 1px solid black; } a { color: gray; text-decoration: underline; } h2 { background: transparent; font-size: 36px; text-shadow: none; line-height: 1em; display: inline-block; color: #991f1f; font-family: $headline-font-family; a { color: inherit; text-decoration: none; } } dt { color: #444; font-weight: bold; padding: 0; } dd { margin: 0 0 1em 0; padding: 0 0 0 10px; } .entrybody { text-shadow: none; text-align: justify; font-family: $paragraph-font-family; a { color: #444; text-decoration: none; border-bottom: dotted 1px #bbbbbb; &:hover { border-bottom: solid 1px #bbbbbb; } } } .date { color: #999; border: none; font-size:24px; white-space: nowrap; } } h2 a, h3, h4, h5 { color: #333333; } /* Text */ p { padding: 0px; margin-top: 0.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; } strong { color: #333333; } /* Links */ .openid { background-image: url("/images/openid_icon.png"); padding-left: 15px; background-repeat: no-repeat; background-position: 0px 2px; } a { color: #000051; text-decoration: none; } small a, label a { text-decoration: underline; } a:hover { text-decoration: underline; } img { border: solid 1px black; } /* Two columns */ #navigation { position: absolute; top: 140px; right: -1px; padding: 10px; font-size: 12px; h2 { display: inline; font-size: 12px; } label { margin-left: 0; font-style: normal; } ul { padding-left: 10px; margin-left: 0px; margin-top: 0px; list-style: none; li { padding-left: 0px; margin-left: 0px; } } h3 { font-size: 1.2em; font-weight: bold; font-family: verdana,arial,helvetica,sans-serif; } input { border: solid 1px black; margin-left: 10px; } form { margin-bottom: 1em; } } .meta { text-shadow: none; border: 1px solid #999; -webkit-border-radius: 2px; border-radius: 2px; padding: 0.4em; color: #999; a { text-decoration: none; &:hover { border-bottom: 1px solid; } } ul { list-style: none; margin: 0px; padding-left: 0em; padding-bottom: 0.5em; display: inline; font-size: 10pt; li { display: inline; &:after { content: " | "; } &:last-child:after { content: ""; } } } } .archive-month .tags { color: #bbbbbb; } .meta a, .archive-month .tags a { border-bottom: dotted 1px white; } h2 { margin-bottom: 0px; } .separator { height: 1px; margin-top:5px; clear: both; } /* Forms */ label { margin-left: 1em; } textarea, select { font: normal 12px verdana, arial, helvetica, sans-serif; } textarea { width: 500px; } #project_summary { height: 150px; } #new_comment textarea, #edit_comment textarea { height: 150px; } .alt, .container_alt { background-color: #fafafa; } .comments { .body { padding: 5px; } .meta { min-height: 0px; padding: 0px; } .separator { height: 10px; } } .errors { border: solid 1px red; background-color: #ffcccc; padding: 5px; padding-left: 10px; width: 485px; h3 { font-size: 1.0em; } } .fieldWithErrors { display: inline; } span.error { font-weight: bold; } hr { border-top: dotted 1px black; border-bottom: none; height: 1px; } #preview { height: 200px; overflow: auto; } .related { background-color: #f8f8f8; border: 1px solid silver; padding: 10px; } /* Syntax */ /* TOC */ fieldset.toc { float: right; border: dotted 1px black; background-color: #fafafa; padding: 10px; margin-left: 5px; } .toc legend { font-weight: bold; } .toc ol { margin: 0px; padding-left: 0px; list-style-position: inside; ol { list-style-type: lower-alpha; padding-left: 15px; } } }
Author
Highlight as C C++ CSS Clojure Delphi ERb Groovy (beta) HAML HTML JSON Java JavaScript PHP Plain text Python Ruby SQL XML YAML diff code
1.1.2
1.1.2