#lang at-exp s-exp "../common.rkt"
(require "../common/resources.rkt"
(prefix-in www: (only-in "../www/shared.rkt" the-resources))
racket/port)
(define-context "stubs/blog" #:resources www:the-resources)
(define racket-css
@text{
@;{
Instead of hiding the blogger navbar (and eliminate what it is used for),
just make it appear below the Racket bar, and make it transparent. The
next one is supposed to make it get back to being opaque when the mouse
hovers on it, but it doesn't seem to work on IE.
;}
#navbar-iframe {
position: absolute;
top: 160px; right: 0px;
opacity: 0.33; filter: alpha(opacity=33);
}
#navbar-iframe:hover {
opacity: 1.0; filter: alpha(opacity=100);
}
/* --- navbar styles --- */
@navbar-style
})
(define (get-resource-text . args)
(let ([str (xml->string (apply www:the-resources args))])
;; due to some obscure xml issue the `nbsp' entity is not recognized
;; in blogger pages
(regexp-replace* #rx" " str "\\ ")))
(define (racket-navbar) (get-resource-text 'navbar 'community))
(define (racket-favicon) (get-resource-text 'favicon-headers))
(provide blog)
(define blog
@plain[#:file ""
#:referrer (lambda (u) @a[href: u]{Blog})]{
@; This is the blogger style template file, with one hole for the CSS and one
@; for the navbar, and a few more tweaks (first by soegaard and then by eli).
@;
<data:blog.pageTitle/>
*/
/* Use this with templates/template-twocol.html */
body {
background: $bgcolor;
margin: 0;
color: $textcolor;
// ELI: I don't know why this was here, it was butchering the whole layout
// font: x-small Georgia Serif;
// font-size/* */:/**/small;
// font-size: /**/small;
// text-align: center;
}
a:link {
color: $linkcolor;
text-decoration: none;
}
a:visited {
color: $visitedlinkcolor;
text-decoration: none;
}
a:hover {
color: $titlecolor;
text-decoration: underline;
}
a img {
border-width: 0;
}
/* Header
----------------------------------------------- */
/* ELI: seems like this has no effect on anything */
#header-wrapper {
width: 800px; /* this used to be 660 [soegaard] */
margin: 0 auto 10px;
border: 1px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color: $pagetitlecolor;
}
#header h1 {
margin: 5px 5px 0;
padding:15px 20px .25em;
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: .2em;
font: $pagetitlefont;
}
#header a {
color: $pagetitlecolor;
text-decoration: none;
}
#header a:hover {
color: $pagetitlecolor;
}
#header .description {
margin: 0 5px 5px;
padding: 0 20px 15px;
max-width: 840px; /* this used to be 700 [soegaard] */
text-transform: uppercase;
letter-spacing: .2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Wrappers
----------------------------------------------- */
/* The whole main area */
#outer-wrapper {
// ELI:
margin-top: 0;
margin-bottom: 0;
@page-sizes
padding: 10px;
text-align: left;
font: $bodyfont;
}
/* The text area */
#main-wrapper {
width: 63%; /* used to be 410px [soegaard,ELI] */
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Sidebar stuff */
#sidebar-wrapper {
width: 33%; /* used to be 220px [ELI] */
font-size: 87.5%; /* ELI */
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin: 1.5em 0 .75em;
font: $headerfont;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .2em;
color: $sidebarcolor;
}
/* Posts
----------------------------------------------- */
h2.date-header {
margin: 1.5em 0 .5em;
}
.post {
margin: .5em 0 1.5em;
border-bottom: 1px dotted $bordercolor;
padding-bottom: 1.5em;
}
.post h3 {
margin: .25em 0 0;
padding: 0 0 4px;
font-size: 140%;
font-weight: normal;
line-height: 1.4em;
color: $titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display: block;
text-decoration: none;
color: $titlecolor;
font-weight: normal;
}
.post h3 strong, .post h3 a:hover {
color: $textcolor;
}
.post p {
margin: 0 0 .75em;
line-height: 1.6em;
}
.post-footer {
margin: .75em 0;
color: $sidebarcolor;
text-transform: uppercase;
letter-spacing: .1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-left: .6em;
}
.post img {
padding: 4px;
border: 1px solid $bordercolor;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}
.post-header-line-1 { /* add some vertical space after author [soegaard] */
margin-bottom: .6em;
font-style: italic;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .2em;
color: $sidebarcolor;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.6em;
}
#comments-block .comment-author {
margin: .5em 0;
}
#comments-block .comment-body {
margin: .25em 0 0;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar ul {
list-style: none;
margin: 0 0 0;
padding: 0 0 0;
}
.sidebar li {
margin: 0;
padding: 0 0 .25em 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar .widget, .main .widget {
border-bottom: 1px dotted $bordercolor;
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin: 0;
text-transform: uppercase;
letter-spacing: .1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin: .5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Colors for highlighting via http://www.scheme.dk/paste/ */
.scheme { color: brown; margin: 4pt; } /* background punctuation */
.scheme .keyword { color: rgb(68,0,203); font-weight: bold; }
.scheme .builtin { color: navy; }
.scheme .variable { color: black; }
.scheme .global { color: purple; }
.scheme .selfeval { color: green; }
.scheme .comment { color: teal; }
/* Footer
----------------------------------------------- */
#footer {
width: 660px;
clear: both;
margin: 0 auto;
padding-top: 15px;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
/*** Racket CSS begin ***/
@racket-css
/*** Racket CSS end ***/
]]>
@racket-favicon
@racket-navbar
})
