diff options
Diffstat (limited to 'design/old/v9')
-rw-r--r-- | design/old/v9/_archives.scss | 525 | ||||
-rw-r--r-- | design/old/v9/_comments.scss | 122 | ||||
-rw-r--r-- | design/old/v9/_details.scss | 601 | ||||
-rw-r--r-- | design/old/v9/_fonts.scss | 43 | ||||
-rw-r--r-- | design/old/v9/_footer.scss | 83 | ||||
-rw-r--r-- | design/old/v9/_forms.scss | 113 | ||||
-rw-r--r-- | design/old/v9/_global.scss | 267 | ||||
-rw-r--r-- | design/old/v9/_header.scss | 187 | ||||
-rw-r--r-- | design/old/v9/_images.scss | 108 | ||||
-rw-r--r-- | design/old/v9/_leaflet.scss | 1 | ||||
-rw-r--r-- | design/old/v9/_lttr.scss | 63 | ||||
-rw-r--r-- | design/old/v9/_map.scss | 73 | ||||
-rw-r--r-- | design/old/v9/_mixins.scss | 163 | ||||
-rw-r--r-- | design/old/v9/_notes.scss | 160 | ||||
-rw-r--r-- | design/old/v9/_pagination.scss | 44 | ||||
-rw-r--r-- | design/old/v9/_photos.scss | 521 | ||||
-rw-r--r-- | design/old/v9/_queries.scss | 30 | ||||
-rw-r--r-- | design/old/v9/_resume.scss | 179 | ||||
-rw-r--r-- | design/old/v9/_src.scss | 186 | ||||
-rw-r--r-- | design/old/v9/_typography.scss | 10 | ||||
-rw-r--r-- | design/old/v9/pdf_gen.scss | 140 | ||||
-rw-r--r-- | design/old/v9/print.scss | 95 | ||||
-rw-r--r-- | design/old/v9/screenv10.scss | 24 | ||||
-rw-r--r-- | design/old/v9/screenv9.scss | 20 |
24 files changed, 0 insertions, 3758 deletions
diff --git a/design/old/v9/_archives.scss b/design/old/v9/_archives.scss deleted file mode 100644 index b5cb4af..0000000 --- a/design/old/v9/_archives.scss +++ /dev/null @@ -1,525 +0,0 @@ -// container for archive intros -.intro { - @include constrain_wide; - font-family: $fancy_serif; - @include breakpoint(alpha){ - display: grid; - grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); - grid-gap: 1rem; - } - -} -// container for archive intros, narrow version -.intro-narrow { - margin-top: 3rem; - @include constrain_narrow; - p { - @include fontsize(18); - font-style: italic; - } - h1 { - @include smcaps; - @include fontsize(18); - text-align: left; - } -} -.essay-intro { - font-family: $fancy_serif; - border-bottom: 3px double #efefef; - padding-bottom: 3rem; - margin-bottom: 4rem; - margin-top: 3rem; - p { - font-style: normal !important; - @include fontsize(18); - line-height: 1.5; - margin-top: 1.2rem !important; - &:first-of-type { - margin-top: 2rem !important; - } - } - a { - text-decoration: underline !important; - text-decoration-color: $orange !important; - - } - ul { - padding-left: 1rem !important; - list-style-type: disc !important; - } - li { - margin-bottom: 4px !important; - } -} -.archive-list .essay-intro { - h2 { - @include fontsize(38); - } - h3 { - font-weight: normal; - font-family: $fancy_serif; - @include fontsize(22); - line-height: 1.3; - font-style: italic; - margin: .25rem 0 .5rem; - } -} - -// container for archive grid items -.archive-grid > article { - display: inline-block; - width: 32%; - vertical-align: top; -} -.archive-grid { - list-style-type: none; - margin: 0; - padding: 0; - @include constrain_wide; - display: grid; - margin-top: 3rem; - @include breakpoint(alpha){ - grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); - grid-gap: .75rem; - } - @include breakpoint(beta){ - grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); - grid-gap: .75rem; - } -} -.archive-circle-grid { - grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); - grid-gap: 4rem; - grid-row-gap: 3rem; - margin-top: 5rem; - img { - width: 220px; - height: 220px; - border-radius: 50%; - border: 6px solid #333; - object-fit: cover; - } -} - -// wrapper for archive pages, makes sure there isn't a narrow col width -.meta-archive { - @include constrain_wide; -} -.archive-intro { - @include constrain_narrow; - border-bottom: 3px double #efefef; - padding-bottom: 3rem; - margin-bottom: 4rem; - margin-top: 3rem; - ul { - font-family: $fancy_serif; - @include fontsize(24); - } -} - -@supports (display:grid) { - .archive-grid > article { - width: auto; - } -} -// body class archive, article header (usually inherits h2) -.archive .post-title { - font-family: $fancy_serif; - @include fontsize(26); - line-height: 1.3; - font-style: italic; - margin: .25rem 0 .5rem; - a { - @include plain_a; - } -} -// the date and location are small caps -.post-date, .post-location { - @include smcaps; - @include fontsize(14); - font-weight: bold; - color: $secondary-link-color; - line-height: 1.2; - text-align: left; - margin: 0; -} -// slightly larger summary than a p in this context -.post-summary { - font-family: $fancy_serif; - @include fontsize(16); - line-height: $archive_p_line_height; - margin-top: .25rem; - text-align: left; - margin: 0; -} - -.archive-list { - @include constrain_narrow; - @include breakpoint(epsilon) { - } - text-align: left; - h1, .list-title { - text-align: left; - @include fancy_sans; - @include fontsize(36); - font-weight: normal; - } - span { - @include fancy_sans; - @include smcaps; - @include fontsize(13); - font-weight: bold; - color: #999; - } - ul { - padding: 0; - list-style-type: none; - } - a { - text-decoration: none; - color: lighten($body_font_color, 20); - &:hover { - color: $link_color; - } - } - h2, .list-hed { - font-family: $fancy_serif; - @include fontsize(32); - margin: 0; - line-height: 1.1; - } - p { - margin: 0; - @include fontsize(20); - font-style: italic; - } -} -// Specific pages vary slightly -// Books -.book-grid { - @include breakpoint(alpha){ - grid-gap: .75rem; - grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); - } - @include breakpoint(beta){ - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - grid-gap: .75rem; - } - .post-title { - @include fontsize(22); - line-height: 1.4; - } - .author { - @include smcaps; - font-weight: 400; - @include fontsize(12); - text-align: left; - margin: 0; - - } - .book-stars { - display: block; - } -} - -// Dialogues -.dialogue-grid { - .post-title { - font-style: normal; - @include fontsize(22); - line-height: 1.4; - } -} -// Dialogues, used in both archives and details -.sci { - font-style: italic; - @include fontsize(18); -} - -// figments -.figments-grid { - @include constrain_narrow; - .post-title { - font-style: normal; - @include smcaps; - @include fontsize(16); - } -} - -.wide-list { - @include constrain_wide; - li { - margin-top: 3rem; - margin-left: auto; - margin-top: auto; - margin-bottom: 3rem; - } - .permalink { - display: block; - text-align: left; - } - @include breakpoint(gamma) { - li { - display: flex; - } - .wide-wrapper { - flex: 3 0px; - order: 1; - } - a { - flex: 3 0px; - order: 2; - } - .post-summary p { - @include fontsize(20); - margin-right: 2rem; - } - } -} - -// Homepage -#home .header-wrapper { - margin-bottom: 0; -} -#home section { - @extend %clearfix; - @include constrain_wide; - margin-top: 4rem; - margin-bottom: 4rem; -} -#home section.bio-short { - margin-bottom: 6rem; -} -@include breakpoint(gamma){ - .recent { - max-width: 64%; - width: 64%; - float: left; - } - .popular { - max-width: 33%; - width: 33%; - float: right; - } -} -.banner { - margin-top: 0 !important; - .post-image { - overflow: hidden; - } - article { - position: relative; - } - figcaption { - border: none; - position: absolute; - margin: 0; - bottom: 0; - width: 100%; - z-index: 100; - background: rgb(0, 0, 0); - background: rgba(0, 0, 0, 0.6); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; - filter: alpha(opacity = 70); - font-weight: 400; - padding-bottom: 30px; - time {display: none;} - .btn {text-decoration: none; color: white; } - } - .hero-text-wrapper { - padding-top: 2rem; - @include constrain_narrow; - color: white; - font-family: $headline_font_serif; - .post-title, .post-subtitle { - font-style: normal; - text-align: center; - margin-bottom: 0; - line-height: 1; - @include fontsize(42); - a { - color: white; - margin-bottom: 0; - text-decoration: none; - } - } - .post-subtitle { - font-style: italic; - @include fontsize(22); - margin-top: .45rem; - } - .post-location { - text-align: center; - margin-top: .5rem; - .h-adr { - border-top: 1px solid #423f3f; - display: inline-block; - padding-top: .5rem; - } - } - a { - color: $body_font_light; - padding: 0; - border: none; - margin-top: .5rem; - } - } - .post-location { - color: lighten($body_font_light, 5); - a { - color: lighten($body_font_light, 5); - text-decoration: none; - @include fontsize(14); - } - } - .btn { - @include smcaps; - @include fancy_sans_bold; - @include fontsize(12); - line-height: 1; - display: block; - max-width: 40px; - background: #b53a04; - border-radius: .35em; - color: white !important; - text-transform: uppercase; - padding: .85rem 1rem .55rem !important; - text-align: center; - margin: 2rem auto 0; - } - @include breakpoint(gamma){ - max-height: 900px; - .post-image { - max-height: 900px; - } - } -} -.homepage-map-img { - width: 350px; - height: auto; - @include breakpoint(delta){ - float: left; - width: 350px; - margin-right: 2rem; - } - -} -@include breakpoint(delta){ - .addafter { - &:after { - content: "to the left"; - } - } - .subcontent { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - } -} -.homepage-section-header { - @include fancy_sans; - @include fontsize(24); - font-weight: normal; - text-align: left; - @include breakpoint(gamma){ - @include fontsize(28); - line-height: 1.4; - } -} -.popular, .recent { - .post-title { - @include fontsize(22); - font-weight: 400; - } - .post-image { - max-height: 12rem; - overflow: hidden; - } - img { - margin-top: -20% - } -} -.homepage-next { - margin: 0 auto; - text-align: center; - a { - @include fontsize(14); - @include fancy_sans; - @include smcaps; - font-weight: 500; - text-decoration: none; - padding: 12px 10px 12px; - border: $link_color 1px solid; - &:after { - content: "\21E2"; - margin-left: 4px; - } - &:hover { - background: $link_color; - color: white; - } - } -} -.essay-archive { - li { - margin-bottom: 2.8rem; - } -} -.fancy-archive-list { - li { margin-bottom: 3.8rem } - p { - line-height: 1.3; - margin-top: 4px; - } - h3.p-summary { - @include fontsize(22); - font-weight: 300; - font-family: $headline_font_serif; - font-style: italic; - margin-top: .25rem; - margin-bottom: .25rem; - line-height: 1.2; - } - .post-location { - margin: .5rem 0 0 0; - } -} -.circle-img-wrapper { - width: 106px; - height: 106px; - float: left; - overflow: hidden; - border-radius: 50%; - border: 3px solid #666; - margin-right: .5rem; - img { - width: 160px; - max-width: 160px; - } - @include breakpoint(gamma) { - margin-left: -128px; - margin-top: -4px; - } -} - - -//.note-pad-top { -// //make a field note among photos stand out more -// margin-top: 8rem !important; -// &:before { -// margin-bottom: 2.5rem; -// @include faded_line_after; -// } -//} -//.note-pad-bottom { -// //make a field note among photos stand out more -// margin-bottom: 8rem !important; -// &:after { -// @include faded_line_after; -// } -//} diff --git a/design/old/v9/_comments.scss b/design/old/v9/_comments.scss deleted file mode 100644 index 39c7930..0000000 --- a/design/old/v9/_comments.scss +++ /dev/null @@ -1,122 +0,0 @@ -//### COMMENTS AND FORMS ### -.comments--header { - @include constrain_narrow; - @include fancy_sans; - line-height: 6em; - @include fontsize(16); - font-style: italic; - margin-top: 2em; -} -.comments--wrapper { - @include constrain_narrow(); - text-align: left; - margin-top: -2em; -} -.comment { - margin-top: 2.5em; - margin-bottom: 2.5em; - padding-top: 3rem; - &:first-child { - margin-top: none; - } - &:after { - @include faded_line_after; - } - &:last-child:after { - display: none; - } -} -.comment--head, .comment--body { - @include breakpoint(alpha) { - margin-left: 80px; - margin-top: -2rem; - } -} -.comment--head { - margin-bottom: 1em; -} -.comment--body { - margin-bottom: 3em; - @include fontsize(22); - hr { - width: 20%; - overflow: visible; - padding: 0; - border: none; - border-top: 2px solid #d4d4d4; - color: #efefef; - background: none; - } -} -.who { - @include fancy_sans; - @include fontsize(22); -} -.when { - @include fancy_sans; - @include fontsize(15); - color: #999; - margin-left: 1em; -} - -.gravatar { - border: 2px $brown solid; - background: transparent; - max-width: 100%; - padding: 0; - float: left; - margin-top: 5px; - margin-right: 8px; - @include breakpoint(alpha) { - margin-right: 0; - } -} - - -.comment--form--wrapper { - @include constrain_narrow(); - p { - font-family: $fancy_serif; - } - input[type="submit"] { - display: inline-block; - @include fancy_sans; - @include fontsize(14); - font-weight: 600; - width: auto; - text-transform: uppercase; - padding: 8px 12px 7px; - } - .submit { - @extend %clearfix; - display: block; - margin-right: 0; - } - .submit .btn { - float: right; - &:first-of-type { - margin-left: 5px; - } - } - label { - left: 1.2rem !important; - } -} -.comment-form-border{ - border-top: 3px double #efefef; -} -.comment--form--header { - margin-top: 2em; - .hed { - @include fontsize(28); - margin: 0; - } - .subhed { - font-style: italic; - @include fontsize(20); - line-height: 1.25; - margin-top: 0; - margin-bottom: 0; - } -} - diff --git a/design/old/v9/_details.scss b/design/old/v9/_details.scss deleted file mode 100644 index 53e819f..0000000 --- a/design/old/v9/_details.scss +++ /dev/null @@ -1,601 +0,0 @@ -.detail { - #article { - padding-bottom: 2rem; - border-bottom: 3px double #efefef; - } - article { - font-family: $fancy_serif; - @include constrain_narrow; - margin-top: 4rem; - h1 { - font-family: $fancy_serif; - line-height: 1em; - letter-spacing: -1px; - @include fontsize(48); - font-weight: normal; - margin-bottom: .25rem - } - ul { - text-align: left; - @include fontsize(18); - } - } - .post-subtitle { - font-style: italic; - font-size: 1.4rem; - line-height: 1.25; - margin-top: 0; - margin-bottom: 0; - } - .post-subtitle-segundo { - @include fancy_sans; - @include smcaps; - @include fontsize(13); - font-weight: bold; - color: #999; - - } - .post-linewrapper { - margin-top: 1rem; - padding-top: 1rem; - display: inline-block; - border-top: 1px solid #efefef; - } - .post-location { - color: #b6b6b6; - text-align: center; - a { - color: #b6b6b6; - text-decoration: underline; - text-decoration-color: $orange; - } - @include breakpoint(gamma) { - text-align: left; - } - } - .post-date { - text-align: center; - @include breakpoint(alpha) { - text-align: left; - } - } - .map { - width: 100vw; - position: relative; - left: 50%; - right: 50%; - margin-left: -50vw; - margin-right: -50vw; - } - .post-header { - @include fancy_sans; - @include fontsize(18); - color: lighten($body_font_color, 20); - padding-bottom: 2.6rem; - border-bottom: 1px solid #efefef; - @include breakpoint(alpha) { - text-align: left; - } - time { - } - } - p:first-of-type { - margin-top: 2.6rem; - } - h4, h5 { - @include fancy_sans; - margin: 3rem 0 0 0; - } - h4 + p, .afterward h4 + p { - margin-top: .125rem; - } - h5 { - margin: 0 - } - .afterward { - p {font-style: italic;} - h4 { - margin-bottom: 0; - } - } - p.small { - @include fontsize(18); - } - .sci { - text-align: center; - @include fontsize(24); - font-weight: 400; - margin: 0; - - } - .sci:nth-child(3) { - @include fontsize(18); - margin-bottom: 2rem; - } - ul { - list-style: circle; - margin-left: 2.5em; - list-style-position: outside; - margin-bottom: 2.4em; - } - // Ack, id selector, so wrong, but easy handles the slightly different footer - // in the dialogue section that lists all the sightings - #endnode { - h5 { - @include fontsize(14); - @include smcaps; - @include fancy_sans; - margin-bottom: 1rem; - margin-top: 2rem; - } - ul { - margin-bottom: 2em; - list-style-type: none; - padding: 0; - li { - color: lighten($body_font_color, 30); - margin-bottom: 0; - margin-top: 0; - &:before { - content: "\2022"; - color: lighten($body_font_color, 30); - margin-right: .35rem; - } - } - } - } - #detail-map-canvas { - height: 400px; - width: 98vw; - position: relative; - left: 49%; - right: 49%; - margin-left: -48vw; - margin-right: -49vw; - } -} -.post-dateline { - display: inline-block; - margin-top: 0em; - padding-top: 1rem; - padding-bottom: 2.6rem; - border-top: 1px solid #efefef; -} -header.tight { - margin-bottom: 3rem; - * { - margin: 0; - text-align: center; - } - h1 { - margin-bottom: 1rem; - } - h2 { - display: inline-block; - border-top: 1px solid darken(#efefef, 10); - padding-top: 1rem; - } - h3 { - margin-top: .35rem; - } -} -h4.post-source { - @include fontsize(14); - @include smcaps; - padding-bottom: 0em; - margin-bottom: 0; - margin-top: 0; - font-weight: bold; - color: #b6b6b6; - a { - color: #b6b6b6; - &:hover { - color: $link_color; - } - } -} -.post-location { - h3 { - display: inline; - @include fontsize(14); - } - a { - color: $secondary_link_color; - text-decoration: none; - } -} -.post-essay ~ p:first-child:first-letter { - @include fancy_sans; - font-size: 75px; - line-height: 60px; - padding-top: 4px; - padding-right: 8px; - padding-left: 3px; -} -//### GUIDE STUFF ### -.product-card { - margin: 5rem 0; -} -.detail .product-link { - a { - display: block; - padding: 1rem; - background: #249bd6; - color: white; - text-transform: uppercase; - font-size: 16px; - text-decoration: none; - } -} -.buy-btn { - @include fancy_sans; - display: block; - padding: .5rem 1rem; - background: #249bd6; - color: white; - text-transform: uppercase; - @include fontsize(16); - text-decoration: none; - margin-right: 1rem; -} -.buy-btn-wrapper { - display: flex; - justify-content: start; - align-items: center; - align-content: space-between; - h4 { - margin: 0 1.5rem 0 0; - line-height: normal; - &:after { - content: ":"; - } - } - h5 { - margin-right: 1rem; - } -} -.post-guide .buy-btn-wrapper { - margin-top: 4rem; - justify-content: center; -} -.detail .post-guide { - h3 { - @include fontsize(27); - margin: 4rem 0 .5rem 0; - & + p { - margin-top: 0; - } - } -} -//### PAGE NAVIGATION ### -.nav-wrapper { - @include constrain_narrow(); - border-bottom: 3px double #efefef; -} -#page-navigation { - margin: 2em auto; - text-align: center; - display: table; - ul { - list-style-type: none; - margin: 0 auto; - width: 100%; - text-align: center; - padding: 0; - } - li { - margin: 6px auto; - clear: both; - line-height: 24px; - text-align: center; - } - span { - @include fancy_sans; - @include fontsize(14); - min-width: 70px; - display: block; - text-align: right; - margin-right: 10px; - float: left; - } - a { - display: block; - float: left; - font-family: $fancy_serif; - text-align: left; - font-style: italic; - color: $brown; - text-decoration: none; - } -} - -.article-afterward { - @extend %clearfix; - @include constrain_narrow; - padding-bottom: 2rem; - .article-card-mini { - margin-bottom: 0 - } - .hedtinycaps { - display: inline-block; - margin-bottom: 2.5rem; - border-bottom: 2px solid #efefef; - } - @include breakpoint(gamma) { - @include constrain(960px); - } -} -.related-bottom { - @extend %clearfix; - &:after { - display: block; - content: ''; - @include constrain_narrow; - height: 30px; - border-bottom: 3px double #efefef; - } -} -.article-card-list { - padding: 0 !important; - margin: 0 !important; - list-style-type: none !important; - margin: 0 auto !important; -} -.article-card-mini, .detail .article-card-mini { - margin-left: 0; - margin-right: 0; - margin-bottom: 2rem; - max-width: 100%; - a { text-decoration: none;} - .post-title { - @include fontsize(20); - text-align: center; - line-height: 1.2; - margin: 0; - } - .post-subtitle { - @include fontsize(18); - text-align: center; - font-family: $fancy_serif; - font-style: italic; - font-weight: normal; - margin: .25rem auto 0; - } - .post-summary, .post-date{ - text-align: center; - display: inline-block; - line-height: 0.6 !important; - color: #b6b6b6; - } - @include breakpoint(omega) { - margin: 0 auto; - max-width: 70%; - margin-bottom: 0; - } - @include breakpoint(alpha) { - max-width: 50%; - } - @include breakpoint(beta) { - max-width: 47%; - float: left; - margin-right: 1rem; - margin-bottom: 1.5rem; - } - @include breakpoint(gamma) { - max-width: 230px; - float: left; - margin-right: .5rem; - } -} -.post-mini-image { - max-height: 220px; - overflow: hidden; - @include breakpoint(beta) { - margin-bottom: 1rem; - } - img { - margin-top: -20%; - } -} - - -.entry-footer { - @extend %clearfix; - @include constrain_narrow; - border-bottom: 3px double #efefef; - margin-top: 2em; - text-align: left; - h3 { - @include smcaps; - @include fontsize(16); - } - h3 + ul { - padding: 0; - } - li { - margin: .25em 0; - list-style-type: none; - } - li ul { - columns: 2 auto; - list-style-type: none; - margin-left: .5rem; - padding: 0; - } - li ul li:before { - content: "\2022"; - margin-right: .45rem; - color: lighten($body_font_color, 40); - } - .grouper { - margin-top: 1em; - } - a { - text-decoration: none; - color: lighten($body_font_color, 20); - } - #wildlife li ul li { - color: lighten($body_font_color, 40); - a { - color: lighten($body_font_color, 10); - } - } - @include breakpoint(beta) { - padding-bottom: 2rem; - #wildlife { - max-width: 55%; - float: left; - margin-right: 1.2rem; - } - #recommended-reading{ - ul { - list-style-type: none; - } - img { - max-width: 180px; - } - } - } - aside { - @extend %clearfix; - } -} -#field_notes { - @include breakpoint(beta) { - max-width: 33%; - float: left; - margin-top: .15em; - margin-left: 7em; - } - li:before { - content: "\2022"; - margin-right: .35rem; - color: $body_font_light; - } -} -.rr-clear { - clear: left; -} - -//### FOOTNOTES ### -.footnote { - margin: 1em auto 0 auto; - padding: 0; - list-style-type: none; - p { - font-size: 1rem; - line-height: 1.4; - margin-top: 0 !important; - } - hr {display: none;} - ol { - padding-left: 1em; - @include breakpoint(alpha) { - margin-left: 1em; - } - } -} -sup { - line-height: 1; - .footnote-ref { - padding: 4px 3px; - - } -} - -//### Figments ### -.downloads { - list-style-type: none; -} - -// ### Books ### -.book { - &:after { - display: block; - content: ''; - height: 30px; - border-bottom: 3px solid #efefef; - width: 200px; - margin: 0 auto 3rem auto; - padding-left: 30px; - } -} -.book-metadata { - text-align: left; - @include fancy_sans; - dd { - display: inline; - margin: 0; - } - dd:after{ - display: block; - content: ''; - } - dt{ - display: inline-block; - } - dt:after { - content: ":"; - } -} -.thoughts, .highlights, .meta-cover, .dis { - @include constrain_narrow; - font-family: $fancy_serif; - text-align: left; - p { - max-width: 100%; - } -} -.book-cover-wrapper { - @include constrain_wide; - img { - float: left; - max-width: 20rem; - } -} -.thoughts { - margin-top: 4rem; - p:first-of-type { - margin-top: 0; - } -} -.thoughts h5, .highlights h4 { - font-weight: 500; - letter-spacing: 1px; - margin: 3em 0 .5em 0; - @include fancy_sans; - @include smcaps; - @include fontsize(14); -} -.highlights div:first-of-type p:first-of-type { - margin-top: 0; -} -.book-highlight p:last-of-type { - margin-bottom: 0; -} -.book p:last-of-type, .highlights div:first-of-type p:last-of-type{ - margin-top: 8px; -} -.highlink { - @include fontsize(20); - margin-right: .5rem; - float: left; - line-height: 1.6; - text-decoration: none; - color: lighten($body_font_color, 60); - @include breakpoint(alpha) { - margin-top: 1px; - } - &:visited { - color: lighten($body_font_color, 60); - } -} -.foot { - margin-top: 16px; - @include fancy_sans; - @include fontsize(16); -} -.dis { - @include fontsize(16); - text-align: center; -} diff --git a/design/old/v9/_fonts.scss b/design/old/v9/_fonts.scss deleted file mode 100644 index 1ae40f8..0000000 --- a/design/old/v9/_fonts.scss +++ /dev/null @@ -1,43 +0,0 @@ -@font-face { - font-family: 'carrois_gothicregular'; - src: url('/media/fonts/carroisgothic-regular-webfont.eot'); - src: url('/media/fonts/carroisgothic-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('/media/fonts/carroisgothic-regular-webfont.woff') format('woff'), - url('/media/fonts/carroisgothic-regular-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'mffweb'; - src: url('/media/fonts/ffmpb.woff2') format('woff2'); - src: url('/media/fonts/ffmpb.woff') format('woff'); - font-weight: 400; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'mffweb'; - src: url('/media/fonts/ffmbi.woff2') format('woff2'); - src: url('/media/fonts/ffmbi.woff') format('woff'); - font-weight: 400; - font-style: italic; - font-display: swap; -} -@font-face { - font-family: 'mffnweb'; - src: url('/media/fonts/ffmn.woff2') format('woff2'); - src: url('/media/fonts/ffmn.woff') format('woff'); - font-weight: 400; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'mffnbweb'; - src: url('/media/fonts/ffmn.woff2') format('woff2'); - src: url('/media/fonts/ffmn.woff') format('woff'); - font-weight: 700; - font-style: normal; - font-display: swap; -} - diff --git a/design/old/v9/_footer.scss b/design/old/v9/_footer.scss deleted file mode 100644 index 08c9942..0000000 --- a/design/old/v9/_footer.scss +++ /dev/null @@ -1,83 +0,0 @@ -footer { - margin-top: 5em; - @include breakpoint(gamma) { - max-width: 960; - } - &:before { - @include breakpoint(beta) { - @include faded_line_after; - margin-bottom: 1.2em; - } - } - .footer-nav { - list-style-type: none !important; - margin-left: 0 !important; - border-top: 1px $brown dotted; - border-bottom: 1px $brown dotted; - padding: .5rem 0; - @include breakpoint(beta) { - border: none; - } - } - li { - display: inline; - margin: 0 .25em; - &:after { - content: "\00b7"; - color: #999999; - padding-left: 0.75em; - } - a { - color: $secondary-link-color; - text-decoration: none; - } - ul { display:inline;} - } - li:last-of-type { - margin-right: 0; - &:after { - content: " "; - } - } - p { - @include fontsize(10); - text-align: center; - margin-top: 1.5em; - margin-bottom: 1.5em; - } -} -.black footer, .dark footer { - &:before { - @include light_faded_line_after; - } - a { - color: $body_font_light; -} -} -.donate-btn { - display: inline-block; - margin-left: .5rem; - input[type="submit"] { - background: url("img/pp_donate.gif") 0 0 no-repeat; - border: none; - width: 100px; - text-indent: -9999em; - line-height: 19px; - padding: 2px 7px 10px; - } -} -.liberapay-btn { - background: url("img/lpdonate.svg") 0 0 no-repeat; - text-indent: -9999em; - display: inline-block; - line-height: 25px; - padding: 5px 7px 3px; - text-decoration: none; - width: 70px; -} -#license { - @include fancy_sans; - @include fontsize(12); - text-transform: none; - letter-spacing: normal; -} diff --git a/design/old/v9/_forms.scss b/design/old/v9/_forms.scss deleted file mode 100644 index 4e0227b..0000000 --- a/design/old/v9/_forms.scss +++ /dev/null @@ -1,113 +0,0 @@ -.generic-form { - margin: 2rem 0; - @extend %clearfix; - fieldset { - padding: 0; - border: none; - width: 100%; - position: relative; - } - input[type=email] { - width: 210px; - @include fontsize(18); - background-color: #fff; - border: 2px solid darken(#efefef, 10); - border-radius: 5px; - height: 2.2rem; - padding: 4px 4px 4px 8px; - margin-right: .5rem; - @include breakpoint(omega){ - width: 92%; - } - @include breakpoint(alpha){ - width: 96%; - } - } - label { - display: block; - visibility: hidden; - width: 0; - height: 0; - } - .btn-hollow { - @include fontsize(16); - display: inline-block; - padding: 10px 15px; - margin-bottom: 0; - line-height: 20px; - text-align: center; - vertical-align: middle; - cursor: pointer; - color: #ddd; - border: 0; - border-radius: 5px; - font-weight: bold; - transition: all 0.2s ease; - background: $orange; - &:hover { - color: white; - } - } -} -.flex { - display: flex; - .btn, .btn-hollow { - flex-basis: 10%; - } -} - - -form fieldset { - margin: 1rem 0; - padding: 0; - border: none; - width: 100%; - position: relative; -} -form fieldset label { - position: absolute; - -webkit-transform: translate3d(10px, 100%); - -moz-transform: translate3d(10px, 100%); - -ms-transform: translate3d(10px, 100%); - -o-transform: translate3d(10px, 100%); - transform: translate3d(10px, 100%); - @include fontsize(14); - @include fancy_sans; - color: lighten($body_font_color, 25); - line-height: 14px; - top: .7rem; - left: .75rem; - z-index: 1; -} -input, .textarea-rounded textarea { - border: 1px solid #dedddd; - border-radius: 4px; - padding: 2.2rem 0 .75rem .75rem; - width: 96%; - @include fontsize(24); - @include fancy_sans; -} - -.btn { - @include fontsize(15); - display: inline-block; - border-radius: 4px; - -webkit-appearance: none; - text-decoration: none; - cursor: pointer; - background: $link_color; - color: #fff; - border: 1px solid $link_color; - padding: 7px 14px; - white-space: nowrap; - &:hover { - background: $link_color; - border: 1px solid $link_color; - } -} -.newsletter-subscribe { - margin: 3rem 0; - fieldset { - margin: 0; - } -} diff --git a/design/old/v9/_global.scss b/design/old/v9/_global.scss deleted file mode 100644 index 5030dbf..0000000 --- a/design/old/v9/_global.scss +++ /dev/null @@ -1,267 +0,0 @@ -html { - border-top: 0.25em solid $brown; -} - -body { - margin: 0 auto; - padding: 0; - overflow-x: hidden; - font:$body_p_font; - color: $body_font_color; - text-align: center; - background-color: transparent -} -ul { - padding: 0; -} -// eliminate touch delay on mobile safari -a, button, input, select, textarea, label, summary { - touch-action: manipulation; -} -a { - color: $body_font_color; - -webkit-transition: all 0.1s ease; - -moz-transition: all 0.1s ease; - -ms-transition: all 0.1s ease; - transition: all 0.1s ease; - text-decoration-color: $orange; - &:hover { - text-decoration: none; - } - &:visited { - color: $body_font_color; - } -} -p { - text-align: left; - font-family: $fancy_serif; - @include fontsize(20); - @include breakpoint(alpha){ - @include fontsize(22); - line-height: 1.5; - } - @include breakpoint(beta){ - @include fontsize(24); - line-height: 1.6; - } -} -time { - @include smcaps; - @include fontsize(11); - display: block; - span { - @include fontsize(13); - } -} -abbr { - cursor: help; -} -pre { - text-align: left; - @include breakpoint(alpha){ - @include fontsize(18); - line-height: 1.5; - } -} -object, embed, video { - max-width: 100%; - width: 100%; - height: auto; -} -audio { - max-width: 100%; - width: 100%; -} -blockquote { - @include fontsize(18); - display: block; - border-top: 4px solid lighten($body_font_light, 20); - border-bottom: 4px solid lighten($body_font_light, 20); - margin: 3rem 0; - position: relative; - text-align: left; - font-style: italic; - cite { - display: block; - text-align: right; - } - @include breakpoint(alpha){ - @include fontsize(20); - line-height: 1.5; - } - @include breakpoint(beta){ - @include fontsize(22); - line-height: 1.6; - } -} -blockquote:before { - @include fancy_sans; - @include fontsize(68); - content: '\201C'; - position: absolute; - top: -1.35rem; - left: 50%; - transform: translate(-50%, -50%); - width: 3rem; - height: 2rem; - color: #666; - text-align: center; -} -hr { - border: 0; - height: 1px; - @include faded_line_after; - margin: 3rem 0; -} -img { - max-width: 100%; -} -figure { - margin: 0; -} -figcaption { - text-align: left; -} -figcaption, figcaption a { - @include fancy_sans; - @include fontsize(16); - text-align: left; - line-height: 1.9; - padding: .3rem .5rem .3rem 0; - color: #666; - border-bottom: 1px lighten($body_font_light, 20) solid; - margin-bottom: 1rem; -} -figcaption a:visited { - color: #666; -} -h1 { - font-family: $headline_font_serif; - @include fontsize(36); - font-weight: normal; -} -h2 { - font-family: $headline_font_serif; - @include fontsize(28); - font-weight: normal; - text-align: left; - @include breakpoint(gamma){ - @include fontsize(30); - line-height: 1.6; - } -} -h3 { - font-family: $fancy_sans; - @include fontsize(24); - text-align: left; - @include breakpoint(gamma){ - @include fontsize(28); - line-height: 1.4; - } -} -h4 { - @include fontsize(20); - text-align: left; - @include breakpoint(gamma){ - @include fontsize(22); - line-height: 1.4; - } -} -h5 { - @include fontsize(16); - text-align: left; - @include breakpoint(gamma){ - @include fontsize(18); - line-height: 1.4; - } -} -.subhead { - font-size: 26px !important; - font-style: italic; - margin-top: 0; - margin-bottom: 0; -} -.subhead + p { - margin-top: .75rem !important; -} -.essay-intro .subhead + p:first-of-type { - margin-top: .75rem !important; -} -//************** Universals ************************ -.hide { - display: none; -} - -.strike { - text-decoration: line-through; -} - -.yes { - background: green !important; - color: white; -} - -.no { - background: red !important; - color: white; -} - -.alert { - color: red !important; -} -//************** other global classes ************************ -.sans { - @include generic_sans; -} -.bl { - @include smcaps; - @include fontsize(12); - font-weight: 600; - color: $secondary-link-color; -} -.italic { - font-style: italic; -} -.small { - font-size: 90%; -} -.divide-after:after { - margin-bottom: 3em; - @include faded_line_after; -} -.margin-left-none { - margin-left: 0 !important; -} -//**************** Page Breadcrumbs ************************ - -#breadcrumbs { - @include constrain_wide(); - padding: 0; - list-style-type: none; - text-align: center; - li { - display: inline; - } - a { - color: $secondary-link-color; - } - @include breakpoint(gamma) { - text-align: left; - } -} - -.black #breadcrumbs a, .dark #breadcrumbs a { - color: $body_font_light; -} -//************* Dark Pages ********************* - -.dark body { - background: $brown; - color: $body_font_light -} - -.black body { - background: #000; - color: $body_font_light -} - diff --git a/design/old/v9/_header.scss b/design/old/v9/_header.scss deleted file mode 100644 index 4bba7a7..0000000 --- a/design/old/v9/_header.scss +++ /dev/null @@ -1,187 +0,0 @@ -.header-wrapper { - @include breakpoint(beta) { - border-bottom: 1px #f3efef solid; - } -} -.site-banner { - @extend %clearfix; - margin: 0 auto; - @include constrain_wide; - @include smcaps; - #logo { - a { - @include fontsize(32); - text-decoration: none; - display: block; - font-weight: 300; - font-family: 'carrois_gothicregular', Helvetica, sans-serif; - color: $brown; - &:before { - display: block; - content: "home-icon"; - text-indent: -9999em; - background: url("logo-new-@2x-treeonly.png") center top no-repeat; - width: 95px; - height: 65px; - background-size: 95px; - background-size: 85px; - //if sox - //background: url("img/soxlogo.svg") center top no-repeat; - //background-size: 60px; - display: block; - margin: 5px auto 0; - } - } - .sitesubtitle { - display: block; - margin-top: -8px; - font-family: $fancy_serif; - font-style: italic; - font-weight: 300; - @include fontsize(12); - } - } - nav { - border-top: 1px #444444 dotted; - border-bottom: 1px #444444 dotted; - //box-shadow: 0 3px 8px 0 #e6e6e6 - padding-left: 20px; - padding-right: 20px; - margin-right: -20px; - margin-left: -20px; - margin-top: 1em; - padding: 0.25em 0.5em; - a { - text-decoration: none; - color: lighten(#505050, 5); - &:visited { - color: lighten(#505050, 5); - } - } - ul { - @include smcaps; - @include fancy_sans; - @include fontsize(13); - max-width: 100%; - font-weight: 600; - margin-top: 0.5em; - margin-bottom: 0.5em !important; - padding: 0; - @include constrain(85%); - } - li { - display: inline; - margin: 0 0.25em; - color: lighten(#505050, 30); - &:after { - content: "\00b7"; - color: #999999; - padding-left: 0.75em; - } - &:last-of-type { - margin-right: 0; - &:after { - content: " "; - } - } - } - @include breakpoint(beta) { - } - } - @include breakpoint(beta) { - height: 90px; - position: relative; - #logo { - float: left; - text-align: left; - a { - width: 360px; - line-height: 2.5em; - &:before { - display: inline-block; - background-size: 102px; - //if sox - //background: url("img/soxlogo.svg") center bottom no-repeat; - //background-size: 70px; - height: 85px; - width: 105px; - //if sox - //width: 80px; - margin-right: 10px; - } - } - .sitesubtitle { - margin-left: 116px; - //if sox - //margin-left: 90px; - margin-top: -30px; - } - } - nav { - float: right; - border: none; - margin: 42px 0 0 0; - padding: 0; - ul { - max-width: 50em; - } - } - } -} - -.black header h1 a, .dark header h1 a { - color: $body_font_light; - &:before { - background: url("logo-new-@2x-treeonly.png") center -75px no-repeat; - background-size: 92px; - } - @include breakpoint(gamma) { - &:before { - background-position-y: -65px; - } - } -} - - -.black nav[role="navigation"] a, .dark nav[role="navigation"] a { - color: $body_font_light; -} - - -.header-wrapper { - @extend %clearfix; - margin-bottom: 1em; - @include breakpoint(beta) { - border-bottom: 1px #f3efef solid; - position: relative; - } - @include breakpoint(gamma) { - max-width: $breakpoint-gamma; - margin-left: auto; - margin-right: auto; - } - @include breakpoint(delta) { - margin-top: 1.3rem; - max-width: $breakpoint-delta; - } - @include breakpoint(epsilon) { - margin-top: 1.3rem; - max-width: $max_width; - } -} -.detail .header-wrapper, .detail #breadcrumbs { - transition: opacity .5s; - @include breakpoint(epsilon) { - opacity: .8; - &:hover { - opacity: 1; - } - } -} - -.black .header-wrapper, .dark .header-wrapper { - @include breakpoint(beta) { - border-bottom: 1px $body_font_light solid; - } -} - diff --git a/design/old/v9/_images.scss b/design/old/v9/_images.scss deleted file mode 100644 index 4c0951c..0000000 --- a/design/old/v9/_images.scss +++ /dev/null @@ -1,108 +0,0 @@ -.picwide, .cluster, .pic960 { - // this clever bit comes from https://css-tricks.com/full-width-containers-limited-width-parents/ - // I tweaked it slightly to add a bit of margin - width: 96vw; - position: relative; - left: 48%; - right: 48%; - margin-left: -46vw; - margin-right: -50vw; - @include breakpoint(gamma) { - width: 98vw; - position: relative; - left: 49%; - right: 49%; - margin-left: -48.5vw; - margin-right: -49.5vw; - } - @include breakpoint(epsilon) { - $margin: ($max_width - $narrow-max-width)/2; - left: 0; - right: 0; - margin-left: -$margin; - margin-left: -$margin; - width: $max_width; - max-width: $max_width; - } -} -p + .picwide { - margin-top: 1.5rem; - @include breakpoint(gamma) { - margin-top: 2.5rem; - } -} -.picwide + p { - margin-top: 1.5rem; - @include breakpoint(gamma) { - margin-top: 2.5rem; - } -} -.cluster { - margin-bottom: 2rem; - margin-top: 2rem; - @include breakpoint(gamma) { - margin-bottom: 3rem; - margin-top: 3rem; - } -} -.row-2 { - a:last-of-type img, figure:last-of-type { - width: 49.7%; - float: right; - margin-right: 0; - } - a:first-of-type img, figure:first-of-type { - width: 49.7%; - float: left; - margin-left: 0; - margin-right: .3%; - } - &:after { - @extend %clearfix; - margin-bottom: .5rem; - } - figure:first-of-type img, figure:last-of-type img { - width: 100%; - } -} -.banner .post-image { - // this clever bit comes from https://css-tricks.com/full-width-containers-limited-width-parents/ - // I tweaked it slightly to add a bit of margin - width: 100vw; - position: relative; - left: 50%; - right: 50%; - margin-left: -50vw; - margin-right: -50vw; -} -.embed-wrapper { - @include constrain_wide; - @include breakpoint(gamma) { - margin-left: auto; - margin-right: auto; - } -} -.embed-container { - position: relative; - padding-bottom: 56.25%; - height: 0; - overflow: hidden; - max-width: 100%; - margin-bottom: 1rem; -} -.embed-container iframe, .embed-container object, .embed-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.pullpicleft { - display: none; - @include breakpoint(gamma) { - display: block; - float: left; - margin-left: -280px; - padding-right: 1rem; - } -} diff --git a/design/old/v9/_leaflet.scss b/design/old/v9/_leaflet.scss deleted file mode 100644 index b65ffb8..0000000 --- a/design/old/v9/_leaflet.scss +++ /dev/null @@ -1 +0,0 @@ -.leaflet-map-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-pane,.leaflet-tile-container,.leaflet-overlay-pane,.leaflet-shadow-pane,.leaflet-marker-pane,.leaflet-popup-pane,.leaflet-overlay-pane svg,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden;-ms-touch-action:none}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container img{max-width:none !important}.leaflet-container img.leaflet-image-layer{max-width:15000px !important}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-tile-pane{z-index:2}.leaflet-objects-pane{z-index:3}.leaflet-overlay-pane{z-index:4}.leaflet-shadow-pane{z-index:5}.leaflet-marker-pane{z-index:6}.leaflet-popup-pane{z-index:7}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:7;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile,.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-tile-loaded,.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile,.leaflet-touching .leaflet-zoom-animated{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-clickable{cursor:pointer}.leaflet-container{cursor:-webkit-grab;cursor:-moz-grab}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-container,.leaflet-dragging .leaflet-clickable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078A8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-control-zoom-out{font-size:20px}.leaflet-touch .leaflet-control-zoom-in{font-size:22px}.leaflet-touch .leaflet-control-zoom-out{font-size:24px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{margin:0 auto;width:40px;height:20px;position:relative;overflow:hidden}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666} diff --git a/design/old/v9/_lttr.scss b/design/old/v9/_lttr.scss deleted file mode 100644 index ea59eec..0000000 --- a/design/old/v9/_lttr.scss +++ /dev/null @@ -1,63 +0,0 @@ -.large-top-image { - background: #f7f7f7; - img { - max-width: 100%; - margin: 4rem 0; - } -} -.lttr { - @include constrain_narrow; - margin-top: 6rem; - header { - padding-bottom: 3rem; - border-bottom: 1px #f0edeb solid - } -} -.lttr-box { - //background: #faf7f5; - text-align: center; - padding: .5rem; - display: inline-block; - //border: 1px #e0dedc solid; -} -.lttr-cover { - margin-right: 1.2rem; -} -#recommended-reading { - .book-title { - @include fontsize(28); - font-weight: 400; - margin-bottom: 0; - } - h6 { - margin-top: 0; - @include fontsize(18); - font-weight: 400; - } -} - -#page-navigation img { - width: 300px; - height: 160px; - object-fit: cover; -} -#page-navigation h4 { - text-align: center; - @include fontsize(22); - @include fancy_sans; - color: #333; -} -#page-navigation .nav-title { - @include fontsize(22); - line-height: 1.5; -} -#page-navigation .photo-arrow-next { - text-align: left; -} -.page-nav-photo li { - display: inline-block; - margin: 0 0 0 3rem !important; - &:first-of-type { - margin-left: 0 !important; - } -} diff --git a/design/old/v9/_map.scss b/design/old/v9/_map.scss deleted file mode 100644 index e4bd5e4..0000000 --- a/design/old/v9/_map.scss +++ /dev/null @@ -1,73 +0,0 @@ -.map--wrapper { - @include constrain_wide; - max-width: 99%; - margin-top: 2em; -} -#map-canvas { - height: 300px; - img { max-width: 100%; padding: 0; margin: 0; background: none;} - @include breakpoint(alpha) { - height: 400px; - } - @include breakpoint(beta) { - height: 500px; - } - @include breakpoint(gamma) { - border: 10px $brown solid; - width: 80%; - float: right; - } - @include breakpoint(delta) { - height: 600px; - width: 84%; - } -} - -.map-legend { - @include constrain_wide; - text-align: left; - &:after { - content: " "; - display: table; - clear: both; - } - h4 { - font-family: sans-serif; - @include fontsize(14); - @include smcaps; - font-weight: bold; - margin: 1em 0 0.25em; - @include breakpoint(gamma) { - @include fontsize(13); - } - } - a { color: $body_font_color;} - li { - display: inline; - &:after { - content: ","; - } - @include breakpoint(gamma) { - display: block; - @include fontsize(13); - &:after { - content: ""; - } - } - } -} - -.infowin { - h4 { - margin: 0 0 5px 0; - font-weight: normal; - } - .date { - text-transform: uppercase; - font-size: 11px; - letter-spacing: 1px; - } - p { - font-size: 1em; - } -} diff --git a/design/old/v9/_mixins.scss b/design/old/v9/_mixins.scss deleted file mode 100644 index 9ccd750..0000000 --- a/design/old/v9/_mixins.scss +++ /dev/null @@ -1,163 +0,0 @@ -$brown: #201a11; -$brown: #222; -$light: #ccc; -$orange: #b53a04; -$link_color: #b53a04; - -$headline_font_serif: mffweb, Georgia, 'Times New Roman', serif; -$fancy_serif: mffweb, Georgia, 'Times New Roman', serif; -$fancy_sans: mffnweb, Helvetica, sans-serif; - - -$body_p_font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif; -$body_font_color: $brown; -$body_font_light: #b3aeae; -$secondary-link-color: #838383; - -$archive_p_line_height: 1.6; -//$light; -$narrow-beta-width: 720px; -$narrow-max-width: 750px; -$max_width: 1440px; - -@mixin smcaps { - @include fancy_sans; - text-transform: uppercase; - letter-spacing: 1px; -} -@mixin plain_a { - border: none; - text-decoration: none; - color: $body_font_color; -} - -@function calc-rem($size) { - $remsize: $size/16; - @return #{$remsize}rem; -} - -@mixin fontsize($size) { - font-size: $size + px; - font-size: calc-rem($size); -} - -@function calc-em($target-px, $context) { - @return $target-px / $context * 1em; -} - -@mixin img_plain { - padding: 0; - max-width: 100%; - background: none; -} -@mixin generic-sans { - font-family: sans-serif; -} -@mixin fancy-sans { - font-family: mffnweb, Helvetica, sans-serif; -} -@mixin fancy-sans-bold { - font-family: mffnbweb, Helvetica, sans-serif; - font-weight: 700; -} -@mixin fancy-serif { - font-family: Georgia, Palatino, serif; -} -%clearfix { - *zoom: 1; - &:before { - content: " "; - display: table; - } - &:after { - content: " "; - display: table; - clear: both; - } -} - -@mixin transparent_class { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; - filter: alpha(opacity = 90); - opacity: 0.9; -} - -@mixin faded_line_after { - display: block; - content: ""; - margin-top: 3em; - height: 1px; - width: 100%; - background: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: -moz-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: -o-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); -} - -//for overriding the above on dark pages: -@mixin light_faded_line_after { - background: -webkit-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: -moz-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: -o-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); -} - -@mixin lighter_faded_line_after { - background: -webkit-linear-gradient(left, rgba(243,237,219,.1),rgba(243,237,219,0.3),rgba(243,237,219,.1)); - background: -moz-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: -o-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); -} - -//generic constrain function -@mixin constrain($size) { - max-width: $size; - margin-left: auto; - margin-right: auto; -} - -//set an element to centered, narrowish column width -//used mostly on columns of text -@mixin constrain_narrow() { - max-width: 90%; - margin-left: auto; - margin-right: auto; - @include breakpoint(beta) { - max-width: $narrow-beta-width; - } - @include breakpoint(gamma) { - max-width: $narrow-max-width; - } -} - -@mixin constrain_archive() { - max-width: 94%; - margin-left: auto; - margin-right: auto; - @include breakpoint(alpha) { - max-width: 380px; - float: left; - } - @include breakpoint(gamma) { - max-width: 680px; - } -} - -//set an element to centered, wideish column width -@mixin constrain_wide() { - max-width: 90%; - margin-left: auto; - margin-right: auto; - @include breakpoint(gamma) { - max-width: $breakpoint-gamma; - } - @include breakpoint(delta) { - max-width: $breakpoint-delta; - } - @include breakpoint(epsilon) { - max-width: $max_width; - } -} - - - diff --git a/design/old/v9/_notes.scss b/design/old/v9/_notes.scss deleted file mode 100644 index 1386751..0000000 --- a/design/old/v9/_notes.scss +++ /dev/null @@ -1,160 +0,0 @@ -//**************** Notes Structure ************************ - -.notes main, .notes--permalink main { - @include constrain_narrow(); - margin-top: 1em; - h1 { - margin-bottom: 0; - @include fontsize(28); - @include breakpoint(beta) { - @include fontsize(28); - text-align: left; - } - } -} -.notes .h-entry, .notes--permalink .h-entry { - @extend %clearfix; - border: none; - padding: 0; - margin-top: 3em; - @include breakpoint(beta) { - margin-top: 2em; - } - &:first-of-type { - margin-top: 1em; - } - &:after { - @include faded_line_after; - @include breakpoint(beta) { - margin-top: 8.5em; - } - } -} -.note--title { - @include constrain_narrow; - text-align: left; - font-weight: 400; - font-size: 1.5em; - letter-spacing: 0px; - margin-bottom: .5rem !important; - a { - text-decoration: none; - color: $body_font_color !important; - } -} - -.note--date { - @include smcaps; - @include fontsize(11); - text-align: center; - margin-bottom: 4px; - @include breakpoint(beta) { - float: right; - margin-top: 0; - } - a { - color: $brown; - text-decoration: none; - } -} -.note--date-container{ - @extend %clearfix; - -} -.e-content { - @extend %clearfix; -} -.note--location { - text-align: center; - margin-top: 0; - @include breakpoint(beta) { - float: left; - } -} -.note--footer { - margin-top: 1.7em; - @include breakpoint(beta) { - margin-top: 0; - } -} -.month--divider { - margin-top: 2em; -} -.month--header { - @include constrain_narrow(); - @include smcaps; - @include fontsize(12); - font-weight: normal; - font-family: sans-serif; - text-align: left; - margin-bottom: 3em; - border-bottom: 1px dotted rgba(0, 0, 0, 0.2); -} -.notes--permalink { - .h-entry { - margin-top: 3em; - @include breakpoint(gamma) { - margin-top: 5em; - } - } - .e-content figure.picwide { margin-left: -300px !important} - &:after { - background: none; - } - .note--title { - // @include fontsize(24); - } - .note--footer { - margin-top: 2em; - @include constrain_narrow(); - @include breakpoint(beta) { - margin-top: 1em; - } - } - #page-navigation { - clear: both; - margin-top: 10em; - } -} -/* -@include breakpoint(beta) { - .notes { - main h1 { - float: none; - margin-bottom: 1em; - width: 100%; - } - main { - @include constrain(680px); - margin-bottom: 5em; - } - article footer { - margin-top: 1em; - } - article p { - float: none; - } - .note--location { - float: left; - } - .note--date { - float: right; - } - .note--twitter { - clear: both; - float: right; - padding-top: 1em; - } - time { - display: inline; - float: right; - } - } - - .permalink { - main { - margin-top: 5em; - } - } -} -*/ diff --git a/design/old/v9/_pagination.scss b/design/old/v9/_pagination.scss deleted file mode 100644 index 7dc9cb1..0000000 --- a/design/old/v9/_pagination.scss +++ /dev/null @@ -1,44 +0,0 @@ -.pagination { - @include generic_sans; - margin-top: 2em; - margin-bottom: 2em; - font-weight: 400; - line-height: 2.3; - li { - display: inline; - } - a { - text-decoration: none; - border: 1px solid lighten($body_font_color, 30); - color: lighten($body_font_color, 20); - padding: 9px 6px 6px 6px; - margin-left: .25em; - margin-right: .25em; - } - .prev { - border: none; - &:before { - content: "\2190"; - } - } - .next { - border: none; - &:after { - content: "\2192"; - margin-left: .35em; - } - } - @include breakpoint(beta) { - .prev { - margin-right: 2em; - } - .next { - margin-left: 2em; - } - .current { - color: $link_color; - margin-right: .5em; - margin-left: .5em; - } - } -} diff --git a/design/old/v9/_photos.scss b/design/old/v9/_photos.scss deleted file mode 100644 index 95d6c45..0000000 --- a/design/old/v9/_photos.scss +++ /dev/null @@ -1,521 +0,0 @@ -// ############################################## -// Photo Gallery pages -// ############################################## - -// Add padding and create grid layout at various widths: -.image-gallery--list { - @include constrain_wide; - margin-top: 3em; - li { - display: inline-block; - margin-bottom: 10px; - } -} -@include breakpoint(alpha) { - .first, .third { - padding-right: 10px; - } -} -@include breakpoint(gamma) { - .first, .third { - padding-right: 0; - } - .one { - padding-right: 6px; - } - .two { - padding-left: 6px; - padding-right: 6px; - } - .three { - padding-left: 6px; - } -} -@include breakpoint(delta) { - .one, .two, .three { - padding: 0; - } - .first { - padding-right: 6px; - } - .second, .third { - padding-left: 6px; - padding-right: 6px; - } - .fourth { - padding-left: 6px; - } -} - -//########### GALLERY FIGURES AND CAPTIONS ################ -.image-gallery--figure { - position: relative; - margin: 0; - width: 280px; - .image-gallery--legend { - display: block; - @include transparent_class; - position: absolute; - left: 0; - bottom: -10px; - width: 272px; - background: $brown; - color: #999999; - } - h1 { - @include smcaps; - @include fontsize(13); - margin: 8px 0 4px 8px; - text-align: left; - color: white; - } - p { - @include fontsize(12); - margin: 8px 0 4px 8px; - padding-bottom: 6px; - } -} - -.image-gallery--wrapper { - @include constrain_wide; - .figcaption { - background: lighten(#000, 12); - margin: -6px 0 0 0; - padding: 1em 1em .5em 1em; - border-radius: 0 0 0.5em 0.5em; - &:after { - content: " "; - display: table; - clear: both; - } - } - h6 a { - color: darken($body_font_light, 20); - text-decoration: none; - font-family: sans-serif; - } - img { background: none; max-width: 100%; padding: 0;} -} -.directions { - color: darken($body_font_light, 35); - text-align: center; - @include fontsize(13); - margin-top: 3em; - display: none; -} -.caption { - float: left; - font-family: sans-serif; - min-height: 32px; - padding-right: 1.5em; - @include breakpoint(beta) { - width: 50%; - border-right: darken($body_font_light, 45) 1px solid; - min-height: 55px; - } - @include breakpoint(gamma) { - width: 65%; - padding-right: 2.5em; - } - @include breakpoint(delta) { - width: 70%; - } -} -.figcaption--title, .figcaption--date { - float: left; - font-weight: normal; - line-height: 24px; - vertical-align: bottom; - margin: 0; - display: block; -} -.figcaption--title { - margin-right: 1em; -} -.figcaption--date { - margin-top: 2px; -} -.caption .map-link { - @include smcaps; - @include fontsize(13); - float: right; - text-decoration: none; - padding: 7px 14px 5px; - background: lighten(#000, 18); - color: $body_font_light; - border-radius: 25px; - &:hover { - background: $orange; - } -} -.figcaption--desc { - @include fontsize(13); - padding-top: .5em; - margin-bottom: 0; - clear: left; - margin-left: 0; - text-align: left; -} -.photo-options { - float: right; - font-family: sans-serif; - p{ - @include fontsize(13); - margin-top: 12px; - margin-bottom: 2px; - color: darken($body_font_light, 35); - &:first-of-type { - margin-top: 4px; - } - } - a { color: darken($body_font_light, 35);} -} -.photo-options, .caption .map-link { - display: none; -} -@include breakpoint(beta) { - .photo-options, .caption .map-link, .directions { - display: block; - } -} -.fig { position: relative;} -.image-gallery--wrapper .map-container { - left: -3%; - background: url("/media/img/mapbg-black.png") no-repeat top left !important; - @include breakpoint(beta) { - left: 4%; - } - @include breakpoint(gamma) { - left: 22%; - } - @include breakpoint(delta) { - left: 34%; - } -} - -.map-wrapper { - width: 400px; - height: 328px; - position: absolute; - bottom: 27px; - margin: 0px 0 0 44px; -} - -.daily-figure { - figcaption { - max-width: 1432px; - } -} - -//.figcaption { -// clear: both; -// background: #1a1713; -// -moz-border-radius: 0 0 0.5em 0.5em; -// -webkit-border-radius: 0 0 0.5em 0.5em; -// border-radius: 0 0 0.5em 0.5em; -// color: white; -// margin: -0.25em 0 0 0; -// padding: 1em 0 1em 0; -// z-index: 100; -//} -// -//.caption { -// width: 100%; -// float: none; -// p { -// font: normal 0.75em Helvetica, Verdana, sans-serif; -// margin: 0.5em 0 0 0.75em; -// padding-bottom: 0.25em; -// } -//} - -.circle-pic { - border-radius: 50%; - border: 3px solid #000; -} -#about-luxagraf .circle-pic { - float: left; - margin-left: -250px; -} - -//lightbox stuff from https://github.com/felixhagspiel/jsOnlyLightbox/blob/master/css/lightbox.scss - -/** -* VARS -**/ - -// font-sizes -$font-size-huge: 2.8em; -$font-size-big: 2em; -$font-size-medium: 1.4em; - -$def-color-1: #FFFFFF; -$def-color-2: #B9CED2; - -$border-color-1: #9C9FA5; - -$def-font-color: #6c7176; -$font-color-highlight: #A99929; -$font-color-hover-1: #C3B919; - -$darkblue: #3F658B; -@mixin prefixr($var, $val) { - -webkit-#{$var}: $val; - -moz-#{$var}: $val; - -o-#{$var}: $val; - -ms-#{$var}: $val; - $var: $val; -} - -/* IE8 Stuff */ -.jslghtbx-ie8.jslghtbx { - background-image: url('../img/trans-bck.png'); - display: none; - &.jslghtbx-active { - display: block; - } - .jslghtbx-contentwrapper > img { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - display: block; - } - .jslghtbx-contentwrapper.jslghtbx-wrapper-active > img { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - } -} - -/* Main wrapper */ -.jslghtbx { - font-family: sans-serif; - overflow: auto; - visibility: hidden; - position: fixed; - z-index: 2; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0); - &.jslghtbx-active { - visibility: visible; - background-color: rgba(0, 0, 0, 0.85); - } -} - -/* loading-animation */ -.jslghtbx-loading-animation { - margin-top: -60px; - margin-left: -60px; - width: 120px; - height: 120px; - top: 50%; - left: 50%; - display: none; - position: absolute; - z-index: -1; - & > span { - display: inline-block; - width: 20px; - height: 20px; - border-radius: 20px; - margin: 5px; - background-color: #fff; - @include prefixr(transition, all .3s ease-in-out); - &.jslghtbx-active { - margin-bottom: 60px; - } - } -} - -.jslghtbx.jslghtbx-loading .jslghtbx-loading-animation { - display: block; -} - -.jslghtbx-nooverflow { - overflow: hidden !important; // prevent showing of scrollbars on prev/next -} - -.jslghtbx-contentwrapper { - margin: auto; - visibility: hidden; - & > img { - background: #fff; - padding: .5em; - display: none; - height: auto; - margin-left: auto; - margin-right: auto; - opacity: 0; - } -} - -.jslghtbx-contentwrapper.jslghtbx-wrapper-active { - visibility: visible; - & > img { - display: block; - opacity: 1; - } -} - -/* Caption */ -.jslghtbx-caption { - display: none; - margin-left: auto; - margin-right: auto; - margin-top: 5px; - margin-bottom: 5px; - max-width: 450px; - color: #fff; - text-align: center; - font-size: .9em; -} - -.jslghtbx-active .jslghtbx-caption { - display: inline; - margin-right: 1em; -} - -/* Animation Stuff */ -.jslghtbx-contentwrapper.jslghtbx-animate > img { - opacity: 0; -} - -.jslghtbx-contentwrapper > img.jslghtbx-animate-transition { - @include prefixr(transition, opacity .2s ease-in-out); -} - -.jslghtbx-contentwrapper > img.jslghtbx-animating-next { - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -} - -.jslghtbx-contentwrapper > img.jslghtbx-animating-prev { - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -} - -.jslghtbx-contentwrapper > img.jslghtbx-animate-init { - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -} - -.jslghtbx-contentwrapper > img.jslghtbx-animate-transition { - cursor: pointer; -} - -/* Controls */ -.jslghtbx-close { - position: fixed; - right: 23px; - top: 23px; - margin-top: -4px; - font-size: 2em; - color: $def-color-1; - cursor: pointer; - @include prefixr(transition, all .3s ease-in-out); - &:hover { - text-shadow: 0 0 10px #fff; - } - @media screen and(max-width: 1060px) { - font-size: 1.5em; - } -} - -.jslghtbx-next, -.jslghtbx-prev { - display: none; - position: fixed; - top: 50%; - max-width: 6%; - max-height: 250px; - cursor: pointer; - @include prefixr(transition, all .2s ease-in-out); - &.jslghtbx-active { - display: block; - } - & > img { - width: 100%; - } - -} - -.jslghtbx-next { - right: .6em; - &.jslghtbx-no-img:hover { - border-left-color: #787878; - } - @media screen and(min-width: 451px) { - right: .6em; - &.jslghtbx-no-img { - border-top: 20px solid transparent; - border-bottom: 20px solid transparent; - border-left: 20px solid #FFF; - } - } - @media screen and(max-width: 600px) { - &.jslghtbx-no-img { - right: 5px; - padding-left: 0; - border-top: 60px solid transparent; - border-bottom: 60px solid transparent; - border-left: 15px solid #FFF; - } - } - @media screen and(max-width: 450px) { - right: .2em; - padding-left: 20px; - } -} - -.jslghtbx-prev { - left: .6em; - &.jslghtbx-no-img:hover { - border-right-color: #787878; - } - @media screen and(min-width: 451px) { - left: .6em; - &.jslghtbx-no-img { - border-top: 20px solid transparent; - border-bottom: 20px solid transparent; - border-right: 20px solid #FFF; - } - } - @media screen and(max-width: 600px) { - &.jslghtbx-no-img { - left: 5px; - padding-right: 0; - border-top: 60px solid transparent; - border-bottom: 60px solid transparent; - border-right: 15px solid #FFF; - } - } - @media screen and(max-width: 450px) { - left: .2em; - padding-right: 20px; - } -} - -.jslghtbx-thmb { - @media screen and(min-width: 451px) { - margin: 1em; - } - @media screen and(max-width: 450px) { - margin: 1em 0; - } - padding: 2px; - max-width: 100%; - max-height: 140px; - cursor: pointer; - box-shadow: 0px 0px 3px 0px #000; - @include prefixr(transition, all .3s ease-in-out); - &:hover { - box-shadow: 0px 0px 14px 0px #000; - } -} - -.p-link { - color: white !important; - @include fontsize(14); - &:after { - content: "\2197"; - } -} diff --git a/design/old/v9/_queries.scss b/design/old/v9/_queries.scss deleted file mode 100644 index 8a0eec2..0000000 --- a/design/old/v9/_queries.scss +++ /dev/null @@ -1,30 +0,0 @@ -$breakpoint-omega: 420px; //728 -$breakpoint-alpha: 728px; //728 -$breakpoint-beta: 824px; //784 -$breakpoint-gamma: 960px; -$breakpoint-delta: 1170px; -$breakpoint-epsilon: $max_width; - -@mixin breakpoint($point) { - @if $point == "omega" { - @media screen and (min-width:$breakpoint-omega ){ @content; } - } - @if $point == "alpha" { - @media screen and (min-width:$breakpoint-alpha ){ @content; } - } - @else if $point == "beta" { - @media screen and (min-width: $breakpoint-beta) { @content; } - } - @else if $point == "beta-2" { - @media screen and (min-width: $breakpoint-beta-2) { @content; } - } - @else if $point == "gamma" { - @media screen and (min-width: $breakpoint-gamma) { @content; } - } - @else if $point == "delta" { - @media screen and (min-width: $breakpoint-delta) { @content; } - } - @else if $point == "epsilon" { - @media screen and (min-width: $breakpoint-epsilon) { @content; } - } -} diff --git a/design/old/v9/_resume.scss b/design/old/v9/_resume.scss deleted file mode 100644 index 41fc8e1..0000000 --- a/design/old/v9/_resume.scss +++ /dev/null @@ -1,179 +0,0 @@ -.head { - @extend %clearfix; - @include constrain(780px); - margin-top: 4em; -} -.resume main header { - width: 100%; - h1 { - @include fontsize(36); - text-transform: uppercase; - letter-spacing: 3px; - font-weight: 600; - line-height: 1; - margin-bottom: 0; - color: #444; - } - h2 { - margin-top: .5em !important; - @include fontsize(14); - text-transform: uppercase; - letter-spacing: 1px; - font-style: italic; - color: #333; - } - @include breakpoint(gamma) { - width: 60%; - float: left; - text-align: left; - margin-top: .5em; - } -} -.h-resume { - h3,h2 { - @include constrain_narrow; - text-align: left; - } - h3 { - font-family: sans-serif; - text-transform: uppercase; - letter-spacing: 1px; - font-size: 0.75rem; - margin-top: 4em; - margin-bottom: 3em; - border-bottom: 1px dotted #333; - } - h2 { - margin-top: 2.5em; - margin-bottom: .25em; - text-transform: uppercase; - letter-spacing: 1px; - font-size: 1rem; - } - h2 a, h2 a:visited { - text-decoration: none; - color: #444; - } -} -.meta { - list-style-type: none; - display: inline; - @include constrain_narrow; - text-align: left; - margin-bottom: 1em; - time{ - display: inline; - } -} -.p-experience { - &:after { - @include faded_line_after; - } - &:last-of-type:after { - background: #fff; - } -} -.p-organization { - text-transform: uppercase; - letter-spacing: 1px; - @include fontsize(13); - -} -.p-skill { - font-weight: bold; -} -.contact { - margin: 2em 0 1.5em; - @include constrain_narrow; - li { - display: block; - @extend %clearfix; - } - @include breakpoint(gamma) { - width: 160px; - float: right; - margin: 1.9em 0 1.5em; - li { - display: block; - } - } - h6, a { - font-size: 13px; - font-size: 0.8125rem; - line-height: 1.8; - margin: 0; - display: block; - float: left; - } - h6 { - font-size: 11px; - font-size: 0.6875rem; - line-height: 2.1; - text-transform: uppercase; - letter-spacing: 1px; - &:after { - content: ":"; - margin-right: 5px; - } - } - a { - font-family: sans-serif; - } -} -.publications-list { - list-style-type: none; - text-align: left; - @include constrain_narrow; - h2 { - @include smcaps; - @include fontsize(11); - font-weight: 400; - text-align: left; - border-bottom: 1px dotted #333; - margin-bottom: 2em; - &:first-of-type { - margin-top: 3em; - } - } - h3, time { - display: inline; - } - h3 { - @include fontsize(20); - @include fancy_serif; - } - time:before { - content: "\00a0 \00a0" - } - ul { - list-style-type: none; - } -} -.publisher { - margin-top: 1em; - margin-bottom: 1em; -} -.pub-title { - margin-bottom: 1.75em; - a { - color: $brown; - text-decoration: none; - font-weight: 400; - } -} -.resume h6 { - @include constrain_narrow; - text-align: left; - font-weight: 400; - @include fontsize(12); -} -.toc { - @include constrain_narrow; - text-align: left; - a { - color: $brown; - } - ul { - list-style-type: none; - } -} diff --git a/design/old/v9/_src.scss b/design/old/v9/_src.scss deleted file mode 100644 index 1896979..0000000 --- a/design/old/v9/_src.scss +++ /dev/null @@ -1,186 +0,0 @@ -pre{ - white-space: pre-wrap; -} -.latest { - @include constrain_narrow; - @include fontsize(12); - @include smcaps; - font-weight: 400; -} -.src-archive { - @include constrain_narrow; - .topic-hed { - @include fontsize(20); - margin-top: 1.5em; - margin-bottom: 1.5em; - @include breakpoint(beta) { - @include fontsize(28); - margin-top: 1em; - } - } - article { - margin-bottom: 3em; - p { - color: lighten($body_font_color, 15); - } - } - h2 { - @include fontsize(22); - font-weight: 400; - margin-bottom: .25em; - a { - color: $body_font_color; - color: lighten($body_font_color, 15); - text-decoration: none; - } - } - - p { - text-align: left; - @include fontsize(16); - } - - @include breakpoint(beta) { - text-align: left; - } -} -.src-topics { - @include smcaps; - @include fontsize(11); -} -.src article { - ul { - @include constrain_narrow; - margin-top: 2em; - margin-bottom: 2em; - } - ul li { - text-align: left; - 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; - @include constrain_narrow; - padding-left: 1em; - @include fontsize(18); - @include breakpoint(beta) { - max-width: 580px; - @include fontsize(17); - } - li { - margin-top: .75em; - } - } - .footnote ol { - list-style-position: outside; - @include breakpoint(beta) { - max-width: 680px; - } - } - p code, li code { - @include fontsize(20); - padding: 3px; - background: #eaeaea; - } - h3 { - font-family: $fancy_serif; - @include fontsize(32); - margin: 3.5rem 0 1rem; - //letter-spacing: 1px; - //border-bottom: 1px #a19d9d dotted; - //text-transform: uppercase; - } - h5 { - @include fontsize(22); - margin: 3rem 0 -.75rem 0; - text-transform: uppercase; - border-bottom: 1px #a19d9d dotted; - @include fancy_sans; - text-align: left; - } -} - -.highlight { - padding: 1rem; - margin-bottom: 1em; - // this clever bit comes from https://css-tricks.com/full-width-containers-limited-width-parents/ - // I tweaked it slightly to add a bit of margin - width: 50vw; - position: relative; - left: 33%; - right: 33%; - margin-left: -20vw; - margin-right: -20vw; - pre { - } -} -.go:before { - content: "$ "; -} -code > .comment::after { - display:none; -} -#book-page .book-list { - @include constrain_narrow; - @include breakpoint(beta) { - .book-list-item { - width: 45%; - } - } -} -#book-page section { - @include constrain_narrow; - max-width: 100%; - @include breakpoint(gamma) { - margin-left: 80px; - p { - margin-left: 0; - } - } -} -.paypal-form-wrapper { - @include constrain_narrow; - text-align: left; - @include breakpoint(gamma) { - form { - margin: 2em 5em; - } - } -} - -@include breakpoint(beta) { - .btn-top { - margin-left: 1.2em - } - .btn-bottom { - margin-left: 5em; - } -} - -.dotted { - list-style-type: disc; - li { - margin-top: .5em; - margin-bottom: .5em; - } - @include breakpoint(gamma) { - font-size: 1.25rem; - line-height: 1.6; - } -} -#donate p { - @include fancy_sans; - @include fontsize(18); - line-height: 1.4; -} diff --git a/design/old/v9/_typography.scss b/design/old/v9/_typography.scss deleted file mode 100644 index b4e3793..0000000 --- a/design/old/v9/_typography.scss +++ /dev/null @@ -1,10 +0,0 @@ -.hedtinycaps { - @include fontsize(16); - @include fancy_sans; - text-transform: uppercase; - letter-spacing: 1px; -} -.article-afterward > .hedtinycaps, p > .hedtinycaps { - text-align: left; -} - diff --git a/design/old/v9/pdf_gen.scss b/design/old/v9/pdf_gen.scss deleted file mode 100644 index b5072cd..0000000 --- a/design/old/v9/pdf_gen.scss +++ /dev/null @@ -1,140 +0,0 @@ -@import "_fonts.scss"; -@import "_mixins.scss"; - -body { - @include fancy_sans; -} -.subhead { - text-align: right; - width: 4cm; - float: right; - @extend %clearfix; - > * { - margin: 0; - font-weight: 400; - } -} -header, .row { - @extend %clearfix; - margin-top: 1cm; -} -.print-box { - width: 49%; - float: left; - > * { - padding: .125cm; - margin: 0; - } - h5, h4 { - @include smcaps; - font-size: 9pt; - line-height: .5; - } - h4 { - margin-top: -10pt; - font-size: 16pt; - line-height: 1.5; - } -} -#bill-from, #bill { - border: none; - width: 47%; - float: left; -} -#bill { - float: right; -} -#bill-to { - width: 47%; - float: right; -} -table { - font-family: "Open Sans", sans-serif; - line-height: 1; - border: 1px solid #ccc; - border-collapse: collapse; - margin: 1cm 0 0 0; - padding: 0; - width: 625px; -} -table caption { - text-align: left; - font-size: 10pt; - text-transform: uppercase; - font-weight: 600; - margin: .5em 0 .75em; - &:after { - content: ":"; - } -} -table tr { - border: 1px solid #ddd; - padding: .35em; -} -table tr.odd { background: #f6f4f4cc;} -thead {display: table-header-group; } -table th, -table td { - padding: .625em .625em .625em 1em; - text-align: left; - border-right: 1px solid #ddd; -} -table td { - white-space: -o-pre-wrap; - word-wrap: break-word; - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -pre-wrap; - font-size: 8pt; -} -table th { - font-size: 7pt; - letter-spacing: .1em; - text-transform: uppercase; - background: #f6f4f4; -} - -table .blank { - white-space: normal; - td { - padding: 1rem; - white-space: normal; - &:last-of-type { - text-align: left; - min-width: 1.2cm; - } - } -} -table .right { - text-align: right; -} -table th a { - text-decoration: none; - position: relative; - span { - position: absolute; - top: -2px; - } -} -.smfield { min-width: 50pt;} -table .total { font-size: 9pt !important;} -.thanks { - margin-top: 40pt; - font-family: times, times new roman; - font-style: italic; - font-weight: 300; - text-align: center; - color: #333; -} - -@page { - @bottom-right{ - @include fancy_sans; - @include smcaps; - content: "Page " counter(page) " of " counter(pages); - font-size: 6pt; - color: #666; - width: 2cm; - } -} - diff --git a/design/old/v9/print.scss b/design/old/v9/print.scss deleted file mode 100644 index 666a797..0000000 --- a/design/old/v9/print.scss +++ /dev/null @@ -1,95 +0,0 @@ -@import "_fonts.scss"; -@import "_mixins.scss"; - -body { - font-family: $fancy_serif; - background: white; - color: black; - 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; -} -.post-source { display: none;} -.highlight { - background: #f7f5f5 !important; -} -code, pre { - background: #f7f5f5 !important; - font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; -} -a { -} -pre { - background: #f7f5f5 !important; - padding: .5cm .25cm; -} -p code { - padding: 0 .25cm; -} -.cluster img, .picwide img, .picfull img { - width: 80%; - margin: 0 auto; - filter: grayscale(100%); -} -.row-2 img { - width: 50%; - margin: 0; - float:left; - filter: grayscale(100%); -} -.post-body p { - font-size: 11pt; -} -.post-body h3 { - font-size: 19pt; -} -.post-body h5 { - font-size: 14pt; -} -.go:before { - content: "$ "; -} -@page { - @bottom-right{ - @include fancy_sans; - @include smcaps; - content: "Page " counter(page) " of " counter(pages); - font-size: 6pt; - color: #666; - 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/old/v9/screenv10.scss b/design/old/v9/screenv10.scss deleted file mode 100644 index dadd9ee..0000000 --- a/design/old/v9/screenv10.scss +++ /dev/null @@ -1,24 +0,0 @@ -@import "_fonts.scss"; - - - - -//@import "_mixins.scss"; -//@import "_queries.scss"; -//@import "_global.scss"; -//@import "_pagination.scss"; -//@import "_header.scss"; -//@import "_images.scss"; -//@import "_comments.scss"; -//@import "_leaflet.scss"; -//@import "_map.scss"; -//@import "_forms.scss"; -//@import "_typography.scss"; -//@import "_lttr.scss"; -//@import "_footer.scss"; -//@import "_archives.scss"; -//@import "_details.scss"; -//@import "_src.scss"; -//@import "_resume.scss"; -//@import "_photos.scss"; -//@import "_notes.scss"; diff --git a/design/old/v9/screenv9.scss b/design/old/v9/screenv9.scss deleted file mode 100644 index e8666ca..0000000 --- a/design/old/v9/screenv9.scss +++ /dev/null @@ -1,20 +0,0 @@ -@import "_fonts.scss"; -@import "_mixins.scss"; -@import "_queries.scss"; -@import "_global.scss"; -@import "_pagination.scss"; -@import "_header.scss"; -@import "_archives.scss"; -@import "_details.scss"; -@import "_images.scss"; -@import "_comments.scss"; -@import "_leaflet.scss"; -@import "_map.scss"; -@import "_src.scss"; -@import "_resume.scss"; -@import "_photos.scss"; -@import "_notes.scss"; -@import "_forms.scss"; -@import "_typography.scss"; -@import "_lttr.scss"; -@import "_footer.scss"; |