Converted CSS to SASS.
h3rald h3rald@h3rald.com
Sat, 05 Sep 2009 21:21:37 +0200
10 files changed,
634 insertions(+),
762 deletions(-)
M
Rules
→
Rules
@@ -14,6 +14,10 @@
compile /(rss|atom)/ do rep.filter :erb end + +compile 'css/*' do + rep.filter :sass if item[:filter] == 'sass' +end compile '*' do if item[:filters_pre] && !item[:filters_pre].empty? then@@ -32,6 +36,10 @@ end
route '/(atom|rss)/' do item.identifier.gsub(/\/$/, '') + '.xml' +end + +route 'css/*' do + item.identifier.gsub(/\/$/, '') + '.css' end route '*' do
A
content/css/code.sass
@@ -0,0 +1,61 @@
+----- +filter: sass +----- +!code_font = "Consolas", "Monaco", Monospace +.highlight + font-family: !code_font + border: 1px solid #A4282D + padding: 5px + margin: 5px 0 + overflow: auto + + +code + font-family: !code_font + + +.highlight + .hll + background-color: #ffffcc + + .c + color: #008000 + + .err + border: 1px solid #FF0000 + + .k + color: #0000ff + + .cm + color: #008000 + + .cp + color: #0000ff + + .c1, .cs + color: #008000 + + .ge + font-style: italic + + .gh, .gp, .gs, .gu + font-weight: bold + + .kc, .kd, .kn, .kp, .kr + color: #0000ff + + .kt + color: #2b91af + + .s + color: #a31515 + + .nc + color: #2b91af + + .ow + color: #0000ff + + .sb, .sc, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1, .ss + color: #a31515
A
content/css/elements.sass
@@ -0,0 +1,309 @@
+----- +filter: sass +----- +#content img + margin: 0 5px + padding: 2px + + +#content + li, dd + margin-left: 30px + line-height: 1.5em + + dt + margin-top: 1em + font-weight: bold + + dd + font-style: italic + + p + line-height: 1.5em + margin: 1.7em 0 + + +blockquote, .note + font-family: Georgia, Serif + color: #555 + font-style: italic + padding: 0 0 0 33px + margin: 0 + background: url(../images/theme/theme/quote.gif) no-repeat top left + + +.hidden + display: none + + +#nav-about + width: 115px + height: 52px + display: block + background: url(../images/theme/buttons/about.png) + + &:hover + background: url(../images/theme/buttons/about_h.png) + + +#nav-other + width: 130px + height: 52px + display: block + background: url(../images/theme/buttons/other.png) + + &:hover + background: url(../images/theme/buttons/other_h.png) + + +#nav-projects + width: 127px + height: 52px + display: block + background: url(../images/theme/buttons/projects.png) + + &:hover + background: url(../images/theme/buttons/projects_h.png) + + +#nav-archives + width: 155px + height: 52px + display: block + background: url(../images/theme/buttons/archives.png) + + &:hover + background: url(../images/theme/buttons/archives_h.png) + + +#services li + margin-left: 0 + + +.spacer-20 + display: block + height: 20px + + +.spacer-50 + display: block + height: 50px + + +.feed-item + list-style-type: none + margin: 0.8em 0.3em + + +.feed-item-text, .feed-item-date + display: block + + +.feed-item-text + margin-top: 0.3em + margin-left: 1em + font-style: italic + + +.left-column + float: left + width: 400px + + +.right-column + float: right + width: 400px + + +.clearleft + clear: both + + +.article-item + padding: 0.5em 0 + display: block + + +.tag + font-weight: bold + font-style: italic + + +.project-data + border-left: 1px solid #A4282D + padding: 0 1em 1em 1.5em + margin: 0 0 0 1.5em + height: 300px + + +ul + overflow: hidden + + &.article-meta + list-style-type: none + border-left: 3px solid #ccc + padding-left: 1em + margin-left: 0.5em + + +.date + font-style: italic + + +#content .article-meta li + margin-left: 0 + + +.inner-border img + margin-top: 7px + + +#legacy-comments, #intensedebate + max-width: 800px + margin: auto + + +.legacy-comment + padding: 5px 0 + + +.lc-header + display: block + height: 20px + border: 1px solid #232323 + background: #121212 + padding: 5px + + +table + border-bottom: 1px solid #A4282D + + +tr, td, th + padding: 5px + + +td + border-left: 1px solid #A4282D + border-right: 1px solid #A4282D + + +th + border: 1px solid #A4282D + + +#taglist, #timeline + width: 100% + border-bottom: none + margin: 20px 0 + + +#taglist tr, #timeline tr + padding: 2px + width: 100% + + +#taglist td, #timeline td + padding: 2px + border-left: none + border-right: none + + +#content input + &[type=submit] + color: #333 + border: 2px solid #333 + background: #ccc + outline: none + padding: 0.1em 0.3em + vertical-align: middle + + &:hover + border: 2px solid #CF282D + background: #eee + color: #121212 + + &:active + background: #aaa + outline: none + + &[type=text] + color: #333 + border: 2px solid #333 + background: #fff + outline: none + text-align: left + height: 21px + vertical-align: middle + + &:hover, &:focus, &:active + border: 2px solid #CF282D + background: #FFEA8D + + +#search_form + clear: both + + +.gsc-resultsHeader, .gs-visibleUrl, .gsc-trailing-more-results, .gs-watermark + display: none + + +.gsc-result + padding: 0.5em 0 + + +table.gsc-search-box + height: 25px + margin: auto + margin-top: 20px + + +.gsc-control, .gsc-resultsRoot + width: 850px + + +.gsc-search-box + border: none + + td + border: none + + +.gsc-input + width: 400px + + +.gsc-branding + color: #000 + font-style: italic + font-size: 80% + font-family: Georgia, Serif + border: none + margin: auto + padding: 0 + + +td.gsc-branding-img + text-align: left + + +div.gsc-clear-button + background: transparent url('../images/theme/icons/close.png') no-repeat center 50% + width: 10px + height: 10px + + &:hover + cursor: pointer + + +.gsc-cursor-page + display: inline + padding-right: 7px + + &:hover + cursor: pointer + + +.gsc-cursor-current-page + font-weight: bold
A
content/css/layout.sass
@@ -0,0 +1,156 @@
+----- +filter: sass +----- +* + font-family: inherit + font-style: inherit + font-size: 100% + border: none + padding: 0 + margin: 0 + + +html, body + height: 100% + line-height: 1.2 + + +p, ol, ul + margin: 0.5em 0 + + +table + border-collapse: collapse + border-spacing: 0 + + +body + margin: 0 + padding: 0 + + +#header + width: 100% + background-color: #000 + padding: 5px 0 + height: 70px + + +#header-container, #footer-container + margin: auto + width: 900px + + +#header-left + float: left + width: 300px + + +#header-right + float: right + text-align: right + width: 600px + + +ul#navigation + display: block + + +#navigation li + float: left + list-style-type: none + padding-left: 10px + + +#ie-warning + border-bottom: 1px solid #F5B800 + background-color: #FFE38F + padding: 1em + margin-top: -5px + margin-bottom: 5px + font-weight: bold + font-family: Georgia, Serif + + +#container + padding: 15px + margin: auto + width: 900px + height: 100% + + +#main + background: #fff + + +#content + text-align: justify + padding: 0 10px + + +#wrapper + min-height: 100% + margin-bottom: -40px + background: #000 + + +#border-bottom + background: #000 + height: auto + padding: 0 + padding-top: 40px + width: 100% + + +#services + margin: auto + width: 1000px + + +#footer + position: relative + height: 40px + font-family: Georgia, Serif + width: 100% + font-size: 95% + text-align: center + background-color: #000 + + +.clearfooter + height: 40px + clear: both + background: #000 + + +.footer-left, .footer-right, .footer-center + float: left + text-align: left + font-size: 90% + display: block + height: 550px + + +.footer-left, .footer-right + width: 30% + + +.footer-center + width: 40% + + +.footer-div + clear: both + font-size: 95% + color: #CACACA + + +#share + margin: auto + padding: 5px + text-align: center + + +#comments + width: 900px + margin: auto
A
content/css/main.sass
@@ -0,0 +1,7 @@
+----- +filter: sass +----- +@import layout.sass +@import elements.sass +@import text.sass +@import code.sass
A
content/css/text.sass
@@ -0,0 +1,93 @@
+----- +filter: sass +----- +/* Variables */ + +!title_font = "Palatino Linotype", Palatino, 'Book Antiqua', Serif +!body_font = Georgia, Serif +/* TEXT */ + +body + color: #000 + font: 0.9em !body_font + +h1 + height: 60px + +h2, h3, h4, h5 + margin: 0 + font-family: !title_font + font-variant: small-caps + +h2 + font-size: 2.3em + + +h3 + font-size: 1.7em + +h4 + font-size: 1.3em + +.dropcap + font-family: !titlw_font + float: left + font-size: 4.2em + line-height: 0.75em + margin-top: 0.15em + padding-right: 0.25em + text-transform: uppercase + + + +p.first-p:first-line + font-variant:small-caps + +#services h3 + padding-top: 10px + text-align: center + +#navigation a + font-size: 2em + +em + font-style: italic + + +#footer, #border-bottom + color: #BDB7BA + +/**** Article Lists ****/ + +.article-list h3, .left-column h3, .right-column h3 + margin-bottom: 1.5em + text-align: center + +.article-item h4 + margin: 0 + padding: 0 + +.article-tags + padding-top: -0.1em + font-size: 90% + padding-left: 1em + + +.article-summary + padding-top: 0.5em + padding-left: 1em + font-style: italic + +/******* LINKS *******/ + +a, a.gs-title + text-decoration:none + outline:none + + +a, a.gs-title, .gsc-cursor-page + color: #A4282D + + +a:hover, a.gs-title:hover, .gsc-cursor-page:hover + color: #CF282D
D
resources/css/code.css
@@ -1,47 +0,0 @@
-.highlight -{ - font-family: "Consolas", "Monaco", Monospace; - border: 1px solid #A4282D; - padding: 5px; - margin: 5px 0; - overflow: auto; -} - -code -{ - font-family: "Consolas", "Monaco", Monospace; -} - -.highlight .hll { background-color: #ffffcc } -.highlight .c { color: #008000 } /* Comment */ -.highlight .err { border: 1px solid #FF0000 } /* Error */ -.highlight .k { color: #0000ff } /* Keyword */ -.highlight .cm { color: #008000 } /* Comment.Multiline */ -.highlight .cp { color: #0000ff } /* Comment.Preproc */ -.highlight .c1 { color: #008000 } /* Comment.Single */ -.highlight .cs { color: #008000 } /* Comment.Special */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gh { font-weight: bold } /* Generic.Heading */ -.highlight .gp { font-weight: bold } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { font-weight: bold } /* Generic.Subheading */ -.highlight .kc { color: #0000ff } /* Keyword.Constant */ -.highlight .kd { color: #0000ff } /* Keyword.Declaration */ -.highlight .kn { color: #0000ff } /* Keyword.Namespace */ -.highlight .kp { color: #0000ff } /* Keyword.Pseudo */ -.highlight .kr { color: #0000ff } /* Keyword.Reserved */ -.highlight .kt { color: #2b91af } /* Keyword.Type */ -.highlight .s { color: #a31515 } /* Literal.String */ -.highlight .nc { color: #2b91af } /* Name.Class */ -.highlight .ow { color: #0000ff } /* Operator.Word */ -.highlight .sb { color: #a31515 } /* Literal.String.Backtick */ -.highlight .sc { color: #a31515 } /* Literal.String.Char */ -.highlight .sd { color: #a31515 } /* Literal.String.Doc */ -.highlight .s2 { color: #a31515 } /* Literal.String.Double */ -.highlight .se { color: #a31515 } /* Literal.String.Escape */ -.highlight .sh { color: #a31515 } /* Literal.String.Heredoc */ -.highlight .si { color: #a31515 } /* Literal.String.Interpol */ -.highlight .sx { color: #a31515 } /* Literal.String.Other */ -.highlight .sr { color: #a31515 } /* Literal.String.Regex */ -.highlight .s1 { color: #a31515 } /* Literal.String.Single */ -.highlight .ss { color: #a31515 } /* Literal.String.Symbol */
D
resources/css/elements.css
@@ -1,401 +0,0 @@
-/*** CONTENT ***/ - -#content img -{ - margin: 0 5px; - padding: 2px; -} - -#content li, #content dd -{ - margin-left: 30px; - line-height: 1.5em; -} - -#content dt -{ - margin-top: 1em; - font-weight: bold; -} - -#content dd -{ - font-style: italic; -} - -#content p -{ - line-height:1.5em; - margin: 1.7em 0; -} - -blockquote, .note -{ - font-family: Georgia, Serif; - color:#555; - font-style:italic; - padding:0 0 0 33px; - margin: 0; - background: url(../images/theme/theme/quote.gif) no-repeat top left; -} - -/*** NAVIGATION ***/ - -.hidden -{ - display: none; -} - -#nav-about -{ - width: 115px; - height: 52px; - display: block; - background: url(../images/theme/buttons/about.png); -} - -#nav-about:hover -{ - background: url(../images/theme/buttons/about_h.png); -} - -#nav-other -{ - width: 130px; - height: 52px; - display: block; - background: url(../images/theme/buttons/other.png); -} - -#nav-other:hover -{ - background: url(../images/theme/buttons/other_h.png); -} - -#nav-projects -{ - width: 127px; - height: 52px; - display: block; - background: url(../images/theme/buttons/projects.png); -} - -#nav-projects:hover -{ - background: url(../images/theme/buttons/projects_h.png); -} - -#nav-archives -{ - width: 155px; - height: 52px; - display: block; - background: url(../images/theme/buttons/archives.png); -} - -#nav-archives:hover -{ - background: url(../images/theme/buttons/archives_h.png); -} - -/*** HOME Page ***/ - -#services li -{ - margin-left: 0; -} - -.spacer-20 -{ - display: block; - height: 20px; -} - -.spacer-50 -{ - display: block; - height: 50px; -} - -.feed-item -{ - list-style-type: none; - margin: 0.8em 0.3em; -} - -.feed-item-text, .feed-item-date -{ - display: block; -} - -.feed-item-text -{ - margin-top: 0.3em; - margin-left: 1em; - font-style: italic; -} - -.left-column -{ - float:left; - width: 400px; -} - -.right-column -{ - float:right; - width: 400px; -} - -.clearleft -{ - clear:both; -} - -.article-item -{ - padding: 0.5em 0; - display: block; -} - -.tag -{ - font-weight: bold; - font-style: italic; -} - -.project-data -{ - border-left: 1px solid #A4282D; - padding: 0 1em 1em 1.5em; - margin: 0 0 0 1.5em; - height: 300px; -} - -ul -{ - overflow: hidden; -} - -ul.article-meta -{ - list-style-type: none; - border-left: 3px solid #ccc; - padding-left: 1em; - margin-left: 0.5em; -} - -.date -{ - font-style: italic; -} - -#content .article-meta li -{ - margin-left: 0; -} - -/** Share buttons **/ - -.inner-border img -{ - margin-top: 7px; -} - -/*** COMMENTS ***/ - -#legacy-comments, #intensedebate -{ - max-width:800px; - margin:auto; -} -.legacy-comment -{ - padding: 5px 0; -} - -.lc-header -{ - display: block; - height: 20px; - border: 1px solid #232323; - background: #121212; - padding: 5px; -} - -/**** TABLES ****/ - -table -{ - border-bottom: 1px solid #A4282D; -} - -tr, td, th -{ - padding: 5px; -} - -td -{ - border-left: 1px solid #A4282D; - border-right: 1px solid #A4282D; -} - -th -{ - border: 1px solid #A4282D; -} - -#taglist, #timeline -{ - width: 100%; - border-bottom: none; - margin: 20px 0; -} - -#taglist tr, #timeline tr -{ - padding:2px; - width: 100%; -} - -#taglist td, #timeline td -{ - padding:2px; - border-left: none; - border-right: none; -} - -/**** FORMS ****/ - -#content input[type=submit] -{ - color: #333; - border: 2px solid #333; - background: #ccc; - outline:none; - padding: 0.1em 0.3em; - vertical-align: middle; - -} - -#content input[type=submit]:hover -{ - border: 2px solid #CF282D; - background: #eee; - color: #121212; -} - -#content input[type=submit]:active -{ - background: #aaa; - outline:none; -} - -#content input[type=text] -{ - color: #333; - border: 2px solid #333; - background: #fff; - outline:none; - text-align: left; - height: 21px; - vertical-align: middle; -} - -#content input[type=text]:hover -{ - border: 2px solid #CF282D; - background: #FFEA8D; -} - -#content input[type=text]:focus, #content input[type=text]:active -{ - border: 2px solid #CF282D; - background: #FFEA8D; -} - -/* Google Search */ - -#search_form -{ - clear:both; -} - -.gsc-resultsHeader, .gs-visibleUrl, .gsc-trailing-more-results, .gs-watermark -{ - display:none; -} - -.gsc-result -{ - padding: 0.5em 0; -} - -table.gsc-search-box -{ - height: 25px; - margin:auto; - margin-top: 20px; -} - -.gsc-control, .gsc-resultsRoot -{ - width: 850px; -} - -.gsc-search-box td, .gsc-search-box -{ - border: none; -} - -.gsc-input -{ - width: 400px; -} - -.gsc-branding -{ - color: #000; - font-style: italic; - font-size: 80%; - font-family: Georgia, Serif; - border: none; - margin:auto; - padding: 0; -} - -td.gsc-branding-img -{ - text-align: left; -} - -div.gsc-clear-button -{ - background: transparent url('../images/theme/icons/close.png') no-repeat center 50%; - width: 10px; - height: 10px; -} - -div.gsc-clear-button:hover -{ - cursor: pointer; -} - -.gsc-cursor-page -{ - display: inline; - padding-right: 7px; -} - -.gsc-cursor-page:hover -{ - cursor: pointer; -} - -.gsc-cursor-current-page -{ - font-weight: bold; -} - -
D
resources/css/layout.css
@@ -1,195 +0,0 @@
-/* RESET */ - -* -{ - font-family: inherit; - font-style: inherit; - font-size: 100%; - border: none; - padding: 0; - margin: 0; -} - -html, body -{ - height: 100%; - line-height: 1.2; -} - -p, ol, ul -{ - margin: 0.5em 0; -} - -table -{ - border-collapse: collapse; - border-spacing: 0; -} - - -/*********/ - -body -{ - margin: 0; - padding: 0; -} - - -/* HEADER */ - -#header -{ - width: 100%; - background-color: #000; - padding: 5px 0; - height: 70px; -} - -#header-container, #footer-container -{ - margin: auto; - width: 900px; -} - -#header-left -{ - float: left; - width: 300px; -} - -#header-right -{ - float: right; - text-align: right; - width: 600px; -} - -ul#navigation -{ - display: block; -} - -#navigation li -{ - float:left; - list-style-type: none; - padding-left: 10px; -} - -#ie-warning -{ - border-bottom: 1px solid #F5B800; - background-color: #FFE38F; - padding: 1em; - margin-top: -5px; - margin-bottom: 5px; - font-weight: bold; - font-family: Georgia, Serif; -} - -/******** CONTENT *******/ - -#container -{ - padding: 15px; - margin: auto; - width: 900px; - height: 100%; -} - -#main -{ - background: #fff; -} - -#content -{ - text-align: justify; - padding: 0 10px; -} - -/* FOOTER */ - - -#wrapper { - min-height: 100%; - margin-bottom: -40px; - background: #000; -} - -#border-bottom -{ - background: #000; - height: auto; - padding: 0; - padding-top:40px; - width: 100%; -} - -#services -{ - margin:auto; - width: 1000px; -} - -#footer { - position: relative; - height: 40px; - font-family: Georgia, Serif; - width: 100%; - font-size: 95%; - text-align: center; - background-color: #000; -} - -.clearfooter -{ - height: 40px; - clear: both; - background: #000; -} -.footer-left, .footer-right, .footer-center -{ - float:left; - text-align: left; - font-size: 90%; - display:block; - height: 550px; -} - -.footer-left -{ - width: 30%; -} - -.footer-right -{ - width: 30%; -} - -.footer-center -{ - width: 40%; -} - -.footer-div -{ - clear: both; - font-size: 95%; - color: #CACACA; -} - -#share -{ - margin:auto; - padding: 5px; - text-align: center; -} - -#comments -{ - width: 900px; - margin:auto; -}
D
resources/css/text.css
@@ -1,119 +0,0 @@
-/* TEXT */ - -body -{ - color: #000; - font: 0.9em Georgia, Serif; -} - -h1 -{ - height: 60px; -} - -h2, h3, h4, h5 -{ - margin: 0; - font-family: 'Book Antiqua', Palatino, serif; - font-variant: small-caps; -} - -h2 -{ - font-size: 2.3em; -} - -h3 -{ - font-size: 1.7em; -} - -h4 -{ - font-size: 1.3em; -} - -.dropcap { - font-family: 'Book Antiqua', Palatino, serif; - float: left; - font-size: 4.2em; - line-height: 0.75em; - margin-top: 0.15em; - padding-right: 0.25em; - text-transform: uppercase; - -} - -p.first-p:first-line { - font-variant:small-caps; -} - -#services h3 -{ - padding-top: 10px; - text-align: center; -} - -#navigation a -{ - font-size: 2em; -} - - -em { - font-style: italic; -} - -#footer, #border-bottom -{ - color: #BDB7BA; -} - -/**** Article Lists ****/ - -.article-list h3, .left-column h3, .right-column h3 -{ - margin-bottom: 1.5em; - text-align: center; -} - -.article-item h4 -{ - margin: 0; - padding: 0; -} - -.article-tags -{ - padding-top: -0.1em; - font-size: 90%; - padding-left: 1em; -} - -.article-summary -{ - padding-top: 0.5em; - padding-left: 1em; - font-style: italic; -} - - - -/******* LINKS *******/ - -a, a.gs-title -{ - text-decoration:none; - outline:none; -} - -a, a.gs-title, .gsc-cursor-page -{ - color: #A4282D; -} - -a:hover, a.gs-title:hover, .gsc-cursor-page:hover -{ - color: #CF282D; -} -