diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_header.scss | 12 | ||||
| -rw-r--r-- | design/sass/_src.scss | 32 | ||||
| -rw-r--r-- | design/sass/print.scss | 48 | ||||
| -rw-r--r-- | design/templates/lib/breadcrumbs_detail.html | 14 |
4 files changed, 82 insertions, 24 deletions
diff --git a/design/sass/_header.scss b/design/sass/_header.scss index 445a0ad..f819d54 100644 --- a/design/sass/_header.scss +++ b/design/sass/_header.scss @@ -26,8 +26,8 @@ background-size: 95px; background-size: 85px; //if sox - #background: url("img/soxlogo.svg") center top no-repeat; - #background-size: 60px; + //background: url("img/soxlogo.svg") center top no-repeat; + //background-size: 60px; display: block; margin: 5px auto 0; } @@ -102,19 +102,19 @@ display: inline-block; background-size: 102px; //if sox - #background: url("img/soxlogo.svg") center bottom no-repeat; - #background-size: 70px; + //background: url("img/soxlogo.svg") center bottom no-repeat; + //background-size: 70px; height: 85px; width: 105px; //if sox - #width: 80px; + //width: 80px; margin-right: 10px; } } .sitesubtitle { margin-left: 116px; //if sox - #margin-left: 90px; + //margin-left: 90px; margin-top: -30px; } } diff --git a/design/sass/_src.scss b/design/sass/_src.scss index 3cdaa57..f627a49 100644 --- a/design/sass/_src.scss +++ b/design/sass/_src.scss @@ -56,9 +56,18 @@ pre{ } ul li { text-align: left; - list-style-type: disc; - margin-left: 1em; - padding-left: .5em; + list-style: none; + margin-left: .5rem; + padding-left: .5rem; + font-size: 1.5rem; + } + ul li:before { + content:"ยท"; + display: inline-block; + vertical-align: bottom; + font-size: 2.8rem; + margin-right: 1rem; + line-height: 2.8rem; } ol { text-align: left; @@ -79,21 +88,24 @@ pre{ max-width: 680px; } } - p code { + p code, li code { @include fontsize(20); padding: 3px; background: #eaeaea; } h3 { - @include fontsize(22); - margin: 3.5rem 0 0; - letter-spacing: 1px; - border-bottom: 1px #a19d9d dotted; - text-transform: uppercase; + font-family: $fancy_serif; + @include fontsize(32); + margin: 3.5rem 0 1rem; + //letter-spacing: 1px; + //border-bottom: 1px #a19d9d dotted; + //text-transform: uppercase; } h5 { - margin: 3rem 0 -1.5rem 0; + @include fontsize(22); + margin: 3rem 0 -.75rem 0; text-transform: uppercase; + border-bottom: 1px #a19d9d dotted; @include fancy_sans; text-align: left; } diff --git a/design/sass/print.scss b/design/sass/print.scss index f0f31a9..2a2bea5 100644 --- a/design/sass/print.scss +++ b/design/sass/print.scss @@ -2,11 +2,13 @@ @import "_mixins.scss"; body { - @include fancy_sans; + font-family: $fancy_serif; background: white; color: black; - font-size: 12pt; - margin: 0 5%; + max-width: 660px; + font-size: 11pt; + margin: 0 auto; + line-height: 1.6; } .header-wrapper, #breadcrumbs, #page-navigation, .post-subtitle, .comment--form--wrapper, footer { display: none; @@ -28,12 +30,13 @@ pre { p code { padding: 0 .25cm; } -.post-body img { - width: 100%; - border: 5px solid #f7f5f5; +.picwide img, .picfull img { + width: 80%; + margin: 0 auto; + filter: grayscale(100%); } .post-body p { - font-size: 13pt; + font-size: 11pt; } .post-body h3 { font-size: 19pt; @@ -54,4 +57,33 @@ p code { width: 2cm; } } - +main .post--body { + max-width: 660px; + margin: 0; +} +figure { + width: 100%; + margin: 0; +} +figcaption { + @include fancy_sans; + color: #999; + font-size: 9pt; + margin-top: 0; +} +.post-location { + @include fancy_sans; + color: #333; + font-size: 12pt; + a { + text-decoration: none; + display: none; + } + .region { + display: inline; + color: #333 !important; + } +} +.entry-footer, .article-afterward, .jslghtbx { + display: none; +} diff --git a/design/templates/lib/breadcrumbs_detail.html b/design/templates/lib/breadcrumbs_detail.html new file mode 100644 index 0000000..170c53a --- /dev/null +++ b/design/templates/lib/breadcrumbs_detail.html @@ -0,0 +1,14 @@ +<ol class="bl" id="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList"> + <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> + <a itemprop="item" href="/"><span itemprop="name">Home</span></a> → + <meta itemprop="position" content="1" /> + </li> + {% for crumb in breadcrumbs %}<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">{% if forloop.last %} + <span itemprop="item"> + <span itemprop="name" class="faint">{{crumb}}</span> + </span> + <meta itemprop="position" content="{{ forloop.counter|add:"+1"}}" />{%else%} + <a href="{{crumb_url}}" itemprop="item"><span itemprop="name">{{crumb}}</span></a> → + <meta itemprop="position" content="{{ forloop.counter|add:"+1" }}" />{% endif %} + </li>{%endfor%} + </ol> |