diff options
Diffstat (limited to 'design/old')
58 files changed, 0 insertions, 9037 deletions
diff --git a/design/old/v6/_480.sass b/design/old/v6/_480.sass deleted file mode 100644 index 3d426ca..0000000 --- a/design/old/v6/_480.sass +++ /dev/null @@ -1,456 +0,0 @@ -//layout small - - -//**************** Masthead ************************ -header[role="banner"] - margin: 0 auto - text-align: center - h1 - background: url('/media/img/tree.png') 0 0 no-repeat - text-indent: -9999px - width: 151px - height: 84px - margin: 0 auto - h2 - background: url('/media/img/text-centered.png') 0 0 no-repeat - text-indent: -9999px - width: 184px - height: 54px - margin: 0 auto -nav[role="navigation"], footer[role="contentinfo"] nav - margin: 1em auto - border-top: 1px $brown dotted - border-bottom: 1px $brown dotted - padding: .5em - text-align: center - ul - margin: .25em 0 .25em -30px - li - display: inline - margin: 0 .125em - - - -//**************** Page Breadcrumbs ************************ - -#breadcrumbs - text-align: center - li - display: inline - - - -//**************** Images ************************ - -img - width: 95% - height: auto - -.postpic, .postpicright - display: block - width: auto -object, embed - width: 100% -.postpic - float: left - margin: 0.3em 10px 10px 0 - -.postpicright - float: right - margin: 0.3em 0 10px 10px - -.postpicleft - float: left - margin: 5px - -.picfull - margin-top: 20px - -.picwide - clear: both - margin: 1em 0 - -.figure - position: relative - .legend - display: block - +transparent_class - position: absolute - bottom: 10px - left: 0 - font-size: 13px - padding: 8px 0 8px 12px - width: 95% - background: $brown - color: #999999 - - -//**************** Writing Archive Structure ************************ - -.dateline - text-align: center -.archive - h1 - font-size: 1.5em - text-align: center - article - padding-bottom: 1em - border-bottom: 1px #ececec solid -.home - article - border: none - margin-bottom: 2em - h1 - font-size: 1.2em - margin: 0 - text-align: center - img - float: left - width: auto - margin: 20px 8px 0 0 - .sh - text-transform: uppercase - font-weight: bold - font-size: .75em - margin: 2em 0 -//**************** Photo Archive Structure ************************ - -#photo-galleries - margin-top: 2em - h1 - font: 13px bold unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif - color: white - li - margin: 10px 0 0 0 - - -//**************** Entry Structure ************************ -.geo, article[role="main"] time - margin: .5em 0 - display: block - text-align: center -article[role="main"] - margin-top: 3em - h1 - text-align: center - font-size: 1.5em - p > a - color: $orange - &:hover - text-decoration: underline -.footnote - border-top: 1px $brown dotted - margin: 1.5em 0 0 0 - padding: 1em 0 0 0 - p - font-size: .875em !important - line-height: 20px !important - - -#page-navigation - margin: 2em auto - text-align: center - display: table - ul - margin: 0 auto - width: 100% - text-align: center - padding: 0 - li - margin: 6px auto - clear: both - line-height: 24px - text-align: center - span - min-width: 70px - display: block - text-align: right - margin-right: 10px - margin-top: 2px - float: left - a - display: block - float: left - text-align: left - font-style: italic - - -//**************** Map Structure ************************ - -#map-canvas - border: 10px $brown solid - width: 95% - height: 300px -.map-legend - h4 - font-size: 1em - font-weight: bold - margin: 1em 0 .25em - li - display: inline - &: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 - - -//**************** Notes Structure ************************ - -.notes main - margin-top: 3em -.notes .h-entry - border: none - padding: 0 - margin-top: 3em - &: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)) - //&:last-child:after - // background: none - -.notes .e-content - a - color: $orange -.notes time - font-family: sans-serif -.notes .note--twitter - font-size: .75em - action a:after, a:first-child:after - content: "\2219" - margin-left: .25em - padding-right: .35em - padding-left: .35em - action:last-child a:after - content: "" - padding-right: 0 - padding-left: 0 - margin-left: 0 - -.notes--location - text-align: left -.month--divider - margin-top: 2em -.month--header - font-size: .75em - margin: 0 - letter-spacing: 1px - text-transform: uppercase - border-bottom: 1px dotted rgba(0,0,0,0.2) -.permalink .h-entry:after - background: none -//******************* Footer ********************** - - -footer[role="contentinfo"] - margin-top: 2em - -nav:after, footer:before, -footer:after, .archive article:after, #archive:after, article[role="main"] header:after, #map-canvas:after - content: "." - display: block - height: 0 - clear: both - visibility: hidden - - -//****************************************************** -//****************************************************** -//********** DARK BROWN PAGES ************** -//****************************************************** -//****************************************************** - - -.dark - background: $brown - body - color: #ccc - *:focus - outline: $orange dotted thin - a - color: $orange - &:visited - color: white - text-decoration: none - &:hover - color: white - text-decoration: none - &:visited > :hover - color: $orange - img - border: none - header[role="banner"], footer[role='contentinfo'] - margin-bottom: .5em - nav - margin-bottom: 0 - a - color: white - &:hover - color: $orange - &:visited - color: white - h1 - background: url('/media/img/tree.png') left -84px no-repeat - h2 - background: url('/media/img/text-centered.png') 0 -60px no-repeat - header[role="banner"] - border-bottom: #cccccc 1px solid - article[role="main"] - .legend - bottom: 0 - // National parks page - .park - text-align: center - position: relative - h1 - font-size: 1.5em - margin-bottom: 5px - - h2 - font-size: 1.125em - margin: 0 - img - width: 100% - .legend - position: relative - .meta - height: 0 - .buttons li - margin: 5px - display: inline - text-transform: uppercase - font: normal .5em unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif - .map-container - width: 469px - height: 392px - position: absolute - right: 20px - bottom: 60px - z-index: 2000 - margin: 0 - padding: 0 - background: url("/media/img/mapbg-dark.png") no-repeat top left - .map-wrapper - width: 400px - height: 328px - margin: 37px 0 0 44px - .more-container - width: 405px - height: 260px - position: absolute - right: -30px - bottom: 40px - z-index: 2000 - background: url("/media/img/parkbg.png") no-repeat top left - font: normal .9em/25px unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif - dl - margin-top: 45px - margin-left: 45px - text-align: left - dt,dd - - margin: 4px 0 - - color: white - dt - clear: left - float: left - width: 65px - //border-bottom: 1px solid #999 - font-weight: bold - line-height: 25px - font-size: 0.7em - text-transform: uppercase - text-align: right - margin-right: 8px - dd - float: left - width: 250px - overflow: hidden - //border-bottom: 1px solid #999 - a:hover - color: $orange - - -//****************************************************** -//****************************************************** -//********** BLACK PAGES ************** -//****************************************************** -//****************************************************** -.black - background: #14100b - color: #ccc - *:focus - outline: $orange dotted thin - a - text-decoration: none - color: $orange - &:visited - color: white - text-decoration: none - &:hover - color: white - text-decoration: none - #breadcrumbs - color: #ccc - header[role="banner"] - h1 - background: url('/media/img/tree.png') left -168px no-repeat - h2 - background: url('/media/img/text-centered.png') 0 -121px no-repeat - nav[role="navigation"] - border-top: 1px #ccc dotted - border-bottom: 1px #ccc dotted - .directions - display: none - #slides - width: 100% - h3 - font-size: 1em - margin: 0 .5em - h6 - display: none - #slides - article - clear: both - margin: 20px 0 - img - width: 100% - border: none - .photo-options, .map-link - display: none - .figcaption - clear: both - background: #1a1713 - -moz-border-radius: 0 0 .5em .5em - -webkit-border-radius: 0 0 .5em .5em - border-radius: 0 0 .5em .5em - color: white - margin: -.25em 0 0 0 - padding: 1em 0 1em 0 - z-index: 100 - .caption - width: 100% - float: none - p - font: normal .75em Helvetica, Verdana, sans-serif - margin: .5em 0 0 .75em - padding-bottom: .25em - footer[role='contentinfo'] - nav - border-top: #ccc 1px dotted - border-bottom: #ccc 1px dotted - p - color: #ccc diff --git a/design/old/v6/_768.sass b/design/old/v6/_768.sass deleted file mode 100644 index 9c4f8b8..0000000 --- a/design/old/v6/_768.sass +++ /dev/null @@ -1,440 +0,0 @@ -//768px -@media only screen and (min-width: 768px) - - //**************** Masthead ************************ - - header[role="banner"] - margin-top: 2em - height: 60px - padding-bottom: 12px - border-bottom: 1px solid $brown - margin-bottom: 2em - h1 - float: left - width: 160px - margin-top: -12px - h2 - background: url('/media/img/text.png') 0 0 no-repeat - margin-top: 5px - float: left - nav[role="navigation"] - border: none - float: left - margin-left: 2em - ul - margin-top: 14px - - #breadcrumbs - text-align: left - - - //writing archives - .archive - article - margin-bottom: 2em - padding-bottom: 2em - border: none - h1, p - float: left - text-align: left - margin: 0 - p - line-height: 1.25em - h1 - line-height: 2.4em - margin-top: .15em - width: 100% - .dateline - clear: left - width: 38% - - .hyphenate - text-align: justify - width: 38% - margin-top: .5em - font-size: 1em - time - display: inline - float: right - img - float: right - width: 56% - .home - article - clear: both - min-height: 300px - h1 - margin-top: 2em - text-align: left - .dateline - text-align: left - img - margin-bottom: 2em - margin-left: 2em - float: right - //Photos - #photo-galleries - margin: 0 auto - padding-left: 12px - width: 100% - img - width: auto - .legend - width: 291px - li - float: left - margin-right: 16px - #photo-galleries:after - content: "." - display: block - height: 0 - clear: both - visibility: hidden - - //individual posts - .single - article - width: 35.625em - margin: 4em auto - header - width: 35.625em - h1 - font-size: 2em - text-align: left - margin: 0 0 .675em 0 - aside, time - text-align: left - #code article h1, #contact article h1 - font-size: 2em - text-align: left - margin: 0 0 .675em 0 - .drop - font-size: 4.8em - padding: 35px 10px 5px 0 - - // generic two col layout - .col - float: left - width: 38% - margin-right: 2em - .two - width: 53% - .top - margin-bottom: 2em - font-size: .875em - padding-bottom: 2em - border-bottom: #e3e3e3 1px solid - - .top:after - content: "." - display: block - height: 0 - clear: both - visibility: hidden - - //#page-navigation - // margin-left: 10% - // specifics for two column posts - .double article[role="main"] - header - width: 9em - float: left - margin-left: 0 - h1, aside - text-align: right - line-height: 1.1em - margin-top: 16px - h1 - font-size: 1.875em - time - display: block - text-align: right - .col - margin-left: 1.25em - width: 34% - .sec - margin-right: 0 - margin-left: 1em - .narrow - width: 35.625em - margin: 0 auto - //#page-navigation - // margin-left: 10% - - .post-body-single .legend - width: 98% - .post-body-single - p:first-of-type - font-size: 1.25em - line-height: 28px - #about .post-body-single - p:nth-of-type(1) - font-size: 1.063em - .addendum - line-height: 25px - dt - margin-left: -30px - font-style: italic - padding-left: 30px - text-indent: -30px - margin-bottom: .5em - dd - margin-left: 0 - h4.notes - text-transform: uppercase - font-size: 1em - .pullquote - width: 10em - margin: 0 1em 1em -2em - font-style: italic - font-size: 1.3em - float: left - line-height: 1.6em - //#page-navigation - // margin-left: 15% - .numeral - display: block - font: bold 1.2em Helvetica, Verdana, sans-serif - margin-bottom: 0 - margin-top: 60px - - .post-body-single h3 - font-size: 1.6em - line-height: 1.2em - font-weight: normal - - - .notes - main h1 - float: none - margin-bottom: 1em - width: 100% - main - max-width: 600px - margin-left: auto - margin-right: auto - 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 - - //map - #map-canvas - height: 400px - - //about - #about img - width: auto - clear: both - - footer[role="contentinfo"] - font-size: 110% - nav - border: none - li - margin: 0 .5em - - //****************************************************** - //****************************************************** - //********** DARK PAGES ************** - //****************************************************** - //****************************************************** - .dark - header[role="banner"] - h2 - background: url('/media/img/text.png') 0 -61px no-repeat - - .park - position: relative - display: block - margin: 2em 0 2em 0 - h1 - display: block - position: absolute - top: 0px - background: $brown - z-index: 1000 - +transparent_class - color: white - margin: 0 - width: 100% - text-align: left - line-height: 2em - font-size: 2em - padding-left: .25em - - .figure - position: relative - border: none - .legend - position: absolute - bottom: 0 - width: 100% - margin: 0 - background: $brown - +transparent_class - h2 - font: normal 1.2em/2.6 Helvetica, Verdana, sans-serif - color: white - margin: 0 0 0 1em - float: left - padding: .3em 0 - .legend:after - content: "." - display: block - height: 0 - clear: both - visibility: hidden - .buttons - - margin: .5em 10px 0 0 - line-height: 2.6em - float: right - li - margin: 0 .25em - font-size: 10px - a - font-weight: bold - padding: 0.875em 1.75em 0.75em - background: #463215 - color: white - -moz-border-radius: 25px - -webkit-border-radius: 25px - border-radius: 25px - &:hover - background: $orange - - - - - - - - //****************************************************** - //****************************************************** - //********** BLACK PAGES ************** - //****************************************************** - //****************************************************** - - .black - header[role="banner"] - border-bottom: 1px #ccc solid - h2 - background: url('/media/img/text.png') 0 -121px no-repeat - h6 - display: block - text-align: center - text-transform: uppercase - font-size: .625em - margin: 0 0 1.25em 0 - a - color: #b5b5b5 - a:hover - color: $orange - #slides - article - position: relative - img - display: block - margin: 0 auto - .v - width: auto - .photo-options, .map-link - display: block - .figcaption - margin: 0 - padding: 1em 0 1em 0 - h3 - float: left - padding: 0 - font-weight: normal - .caption - border-right: 1px solid #1f1f21 - width: 58% - float: left - padding-right: 1em - p - margin-left: .5em - font-size: .875em - clear: both - .map-link - float: right - background: #211d19 - line-height: 1em - color: white - text-align: center - text-transform: uppercase - margin: 0 .25em - font: normal .75em Helvetica, Verdana, sans-serif - padding: .5em 1em - -moz-border-radius: 1em - -webkit-border-radius: 1em - border-radius: 1em - .map-link:hover - background: $orange - .photo-options - float: left - margin-left: 1em - p - font: normal .75em Helvetica, Verdana, sans-serif - color: #414144 - line-height: 1.5em - a - color: #414144 - font-weight: normal - a:hover - color: $orange - li - display: inline - margin: 0 .25em - font: normal 1em Helvetica, Verdana, sans-serif - a - font-weight: bold - p - margin: 0 1em - color: #74757A - font-size: 1em - .figcaption:after - content: "." - display: block - height: 0 - clear: both - visibility: hidden - - - .map-container - //clear: left - width: 469px - height: 392px - position: absolute - bottom: 100px - left: 20px - z-index: 2000 - margin: 0 - padding: 0 - background: url("/media/img/mapbg.png") no-repeat top left - - .map-wrapper - width: 400px - height: 328px - position: absolute - bottom: 27px - margin: 0px 0 0 44px - footer[role='contentinfo'] - nav - border: none diff --git a/design/old/v6/_992.sass b/design/old/v6/_992.sass deleted file mode 100644 index 9cb47a3..0000000 --- a/design/old/v6/_992.sass +++ /dev/null @@ -1,169 +0,0 @@ -///mediaquery - -//992px __________________________________________________________________________________________________________ -@media only screen and (min-width: 992px) - body - width: 61.75em - img - width: auto !important - header[role="banner"] - margin-top: 5.5em - h1 - width: 190px - nav[role="navigation"] - margin-left: 8% - .archive - padding-top: 2em - article - margin-bottom: 2em - padding-bottom: 2em - border: none - h1 - width: 42% - font-size: 1.5em - line-height: 1.3em - margin-top: .15em - margin-bottom: .25em - letter-spacing: .5px - p - line-height: 1.5em - img - float: right - .hyphenate, .dateline - width: 41% - .hyphenate - font-size: 1em - - //individual posts - .single - article - margin-left: 20% - .picwide - clear: both - margin: 30px 0 30px -200px - .pullquote - margin-left: -6em - #page-navigation - margin-left: auto - margin-right: auto - - .home - .sh - text-align: left - article - width: 19em - float: left - margin-right: 2em - clear: none - .last - margin-right: 0 - .post-image - float: left - margin: 20px 8px 8px 0 - .hyphenate, .dateline - width: auto - text-align: left - .hyphenate - text-align: justify - // specifics for two column posts - .double article[role="main"] - header - width: 10em - float: left - margin-left: 0 - margin-top: 1em - h1, aside - text-align: right - line-height: 1.2em - h1 - font-size: 1.875em - .col - width: 47% - margin-left: .875em - .sec - margin-left: 0 - .post-body-double - margin: 2em 0 0 1.25em - float: left - width: 48.75em - p - margin: 0 0 1em 0 - .narrow - width: 35.625em - margin-bottom: 1em - clear: both - margin-left: 1em - .hyphenate - margin-top: 0 - //#page-navigation - // margin-left: 12em - //maps - #map-canvas - width: 48.5em - height: 31.25em - float: right - margin-bottom: 3em - .map-legend - ul - margin-bottom: 1em - h4 - margin-bottom: .3em - letter-spacing: 1px - font-size: .75em - text-transform: uppercase - li - display: block - font-size: .875em - margin: 2px 0 - li:after - content: "" - .two - margin-left: 3em - width: 51% - .black - #slides - width: 62.5em - img - width: auto - .directions - display: block - font: normal .675em Helvetica, Verdana, sans-serif - color: #414144 - text-align: center - margin-bottom: 1.75em - .caption - width: 70% !important - .map-container - margin-left: 17em - - //The new guide section - .guide - .intro - margin-bottom: 2.5em - .formatted - column-count: 3 - column-gap: 1.5em - -moz-column-count: 3 - -moz-column-gap: 24px - -webkit-column-count: 3 - -webkit-column-gap: 1.5em - img - border: 8px $brown solid - .date, .meta - float: left - .meta - line-height: 18px - .tags - margin: 20px 0 10px 0 - .guide-dek - padding: 0 - width: 610px - float: right - h1 - margin: 0 !important - article:after, .intro:after - content: "." - display: block - height: 0 - clear: both - visibility: hidden diff --git a/design/old/v6/_leaflet.scss b/design/old/v6/_leaflet.scss deleted file mode 100644 index b65ffb8..0000000 --- a/design/old/v6/_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/v6/_mixins.sass b/design/old/v6/_mixins.sass deleted file mode 100644 index cbc8bdc..0000000 --- a/design/old/v6/_mixins.sass +++ /dev/null @@ -1,16 +0,0 @@ -$brown: #201a11 -$orange: #b53a04 - -=transparent_class - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" - filter: alpha(opacity = 90) - -moz-opacity: 0.9 - -khtml-opacity: 0.9 - opacity: 0.9 - -=photo_overlays - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" - filter: alpha(opacity = 70) - -moz-opacity: 0.7 - -khtml-opacity: 0.7 - opacity: 0.7
\ No newline at end of file diff --git a/design/old/v6/_typography.sass b/design/old/v6/_typography.sass deleted file mode 100644 index 64f25fc..0000000 --- a/design/old/v6/_typography.sass +++ /dev/null @@ -1,318 +0,0 @@ -// font-sizes: -// base: 16px = 1em -// 10px = .625em -// 12px = .75em -// 14px = .875em -// 16px = 1em -// 17px = 1.0625em (body text in articles) -// 18px = 1.125em -// 24px = 1.5em -// 30px = 1.875em -// 32px = 2em - -ol, ul, li, dl - list-style: none - margin: 0 - padding: 0 - border: 0 - outline: 0 - background: transparent - -blockquote, q - quotes: none -hr - display: none -\:focus - outline: 0 - -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section - display: block - margin: 0 - padding: 0 - -// 1.ROOT - -html - overflow-y: scroll - background: rgb(255, 255, 255) /*url(../img/grid.jpg) 50% 0 repeat-y*/ - border-top: 3px $brown solid - -body - margin: 0 auto - padding: 0 - width: 90% - font: normal 100% ff-meta-serif-web-pro, unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif - color: $brown - background-color: transparent - - -// 2.HEADINGS - -h1, h2, h3, h4, h5, h6 - font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif - -h1 - font-size: 1.875em - line-height: 1.3em - font-weight: normal - -h2 - margin-bottom: .75em - font-size: 1.5em /* 36 / 16 = 2 */ - line-height: 1.5 - font-weight: normal - -h3 - margin-bottom: 1em - font-size: 1.6em - line-height: 1.5 - -h4 - margin-bottom: 1.25em - font-size: 1.25em /* 20 / 16 = 1.25 */ - line-height: 1.25 - -h5 - margin-bottom: 1.5em - font-size: 1em /* 16 / 16 = 1 */ - -h6 - font-size: 1em /* 16 / 16 = 1 */ - -// 3.TYPOGRAPHY - -p - font-size: 1.0625em /* 17px / 16px */ - line-height: 1.5em /* 24px / 16px */ - margin: 1em 0 0 - -ul, ol - margin: 0 0 1.5em -24px - padding-left: 24px - -ul - list-style-type: disc - -ol - list-style-type: decimal - -li - ul, ol - margin: 0 - font-size: 1em /* 16 / 16 = 1 */ - -dl, dd - margin-bottom: 1.5em - -dt - font-weight: normal - - -b, strong - font-weight: bold - -i, em - font-style: italic - -footer p - font-size: .625em - text-align: center -a - text-decoration: none - color: $brown - -webkit-transition: color 0.3s ease-out - -moz-transition: color 0.3s ease-out - -o-transition: color 0.3s ease-out - -ms-transition: color 0.3s ease-out - transition: color 0.3s ease-out - &:hover - color: $orange -sup - font: normal .625em Helvetica, Verdana, sans-serif -small - font: normal .75em Helvetica, Verdana, sans-serif - -blockquote - font-style: italic - font-size: 1em - line-height: 1.625em - p - font-size: 1em - cite - font-style: normal -img - border: 10px $brown solid - -pre - margin-bottom: 1.5em - white-space: pre - white-space: pre-wrap - word-wrap: break-word - -pre, code - font: .875em 'andale mono', 'lucida console', monospace - line-height: 1.5 - -//Classes - -//.dateline, .breadcrumbs li, .geo, .legend h3, time - -.bl, time, #photo-galleries h1 - text-transform: uppercase - font-size: 11px - letter-spacing: 1px - -.drop - font-size: 3em - float: left - display: block - padding: 18px 10px 5px 0 - overflow: visible -.double .drop, .drop-small - font-size: 3.1em - display: block - float: left - padding: 16px 8px 5px 0 - overflow: visible -.button - display: block - margin-top: 8px - a - padding: 9px 14px 7px 14px - font-weight: bold - line-height: 25px - text-transform: uppercase - background: #d7d7d7 - color: #666 !important - -moz-border-radius: 25px - -webkit-border-radius: 25px - border-radius: 25px - font: bold 10px Helvetica, Verdana, sans-serif - width: auto - a:hover - background: $orange - color: white !important -.alert - color: #ff3530 -//Pagination -//next previous table -#page-navigation - margin: 24px auto - strong - display: block - text-align: right - margin-top: 1px - text-transform: uppercase - font-size: .75em - letter-spacing: .1625em - font-weight: normal - font-style: normal - -//pagination in archives -#pagination - margin-top: 1em - border-top: 1px $brown dotted - border-bottom: 1px $brown dotted - text-align: center - font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif - padding: .25em 0 - ul - margin-bottom: 0 - li - display: inline - text-align: center - -// 4.LINKS - -a - outline: none - color: #111 - text-decoration: none - &:visited - outline: none - color: #111 - text-decoration: none - &:hover - outline: none - color: $orange - text-decoration: none - &:active, &:focus - outline: none - color: rgb(0, 0, 0) - -/* 5.FIGURES & IMAGES - -figure - margin-bottom: 1.5em - img, object, embed - margin-bottom: .75em - max-width: 100% - -figcaption - display: block - font-weight: normal - -// 6.TABLES - -table - border-collapse: collapse - border-spacing: 0 - margin-bottom: 1.4em - width: 100% - font-size: .875em - /* 14 / 16 = .875 - -th - font-weight: bold - padding: .25em 10px .25em 5px - -td, caption - padding: .25em 10px .25em 5px - -tfoot - font-style: italic - -caption - background-color: transparent - -// 14.GLOBAL OBJECTS - -.clearfix - zoom: 1 - &:before, &:after - content: "\0020" - display: block - height: 0 - overflow: hidden - &:after - clear: both - -.hide - display: none - -///* 15.VENDOR-SPECIFIC - -body - -webkit-text-size-adjust: 100% - -ms-text-size-adjust: 100% - -a:link - -webkit-tap-highlight-color: rgb(52, 158, 219) - -::-webkit-selection - background: rgb(23, 119, 175) - color: rgb(250, 250, 250) - text-shadow: none -::-moz-selection - background: rgb(23, 119, 175) - color: rgb(250, 250, 250) - text-shadow: none -::selection - background: rgb(23, 119, 175) - color: rgb(250, 250, 250) - text-shadow: none - - -.ie7 img, .iem7 img - -ms-interpolation-mode: bicubic - diff --git a/design/old/v6/ie.sass b/design/old/v6/ie.sass deleted file mode 100644 index 8ba7172..0000000 --- a/design/old/v6/ie.sass +++ /dev/null @@ -1,49 +0,0 @@ -.archive - clear: both - article - *clear: both -#pagination - clear: both -.figcaption - *clear: both - *display: inline-block -.top - clear: both - display: inline-block -#projects-archive - clear: both - display: inline-block -.black, .dark - nav - a, a:visited - color: white !important - a:hover - color: #b53a04 !important -#map-canvas img - border: none -.park - h1, .legend - *margin-left: -490px !important - .legend - height: 60px !important - .buttons - margin-top: 15px !important - a - display: block - float: left - margin-left: 8px - padding: 7px !important - .map-wrapper - *margin-left: 22px !important -.drop - font-size: 5em !important - padding: 24px 10px 20px 0 !important -.double .drop, .drop-small - padding: 14px 8px 5px 0 -.picfull - display: block !important - float: none !important - clear: both !important - display: inline-block !important -.dark body:focus, .black body:focus - outline: none\9 diff --git a/design/old/v6/stylesv6.sass b/design/old/v6/stylesv6.sass deleted file mode 100644 index 41ed20f..0000000 --- a/design/old/v6/stylesv6.sass +++ /dev/null @@ -1,50 +0,0 @@ -//basic stuff -@import _mixins.sass -@import _typography.sass -@import _480.sass -@import _768.sass -@import _992.sass -@import _leaflet.scss - - - -//Print __________________________________________________________________________________________________________ - -@media print - * - background: transparent !important - color: black !important - text-shadow: none !important - filter: none !important - -ms-filter: none !important - a - color: #444 !important - text-decoration: underline - &:visited - color: #444 !important - text-decoration: underline - &[href]:after - content: " (" attr(href) ")" - abbr[title]:after - content: " (" attr(title) ")" - a - &[href^="javascript:"]:after, &[href^="#"]:after - content: "" - pre, blockquote - border: 1px solid #999 - page-break-inside: avoid - thead - display: table-header-group - tr, img - page-break-inside: avoid - @page - margin: .5cm - - p, h2, h3 - orphans: 3 - widows: 3 - h2, h3 - page-break-after: avoid - - -///mediaquery*/ diff --git a/design/old/v8/_birds.scss b/design/old/v8/_birds.scss deleted file mode 100644 index c50b22e..0000000 --- a/design/old/v8/_birds.scss +++ /dev/null @@ -1,162 +0,0 @@ -.iframe-wrapper { - @include constrain_wide() -} - -.taxon { - display: none !important; -} - -#birds, .birds { - .post--title { - @include fontsize(18); - a { - font-style: normal; - @include fontsize(22); - } - } - .audio-figure { - audio { - display: block; - width: 100%; - } - small { display: block;} - } - .post--image { - position: relative; - width: 100%; - figcaption { - opacity: 0; - @include fancy-sans; - @include fontsize(13); - position: absolute; - bottom: 0; - text-align: left; - width: 99%; - background: rgba(0, 0, 0, 0.75); - padding: .5em 0 .5em .5em; - margin-bottom: .5em; - color: #ccc; - - a { - color: #ccc; - } - } - img { - max-width: 100%; - width: 100%; - padding: 0; - background: none; - } - .picfull { - margin: 0; - } - } - .post--image:hover figcaption { - -webkit-transition: opacity .25s ease-in; - -moz-transition: opacity .25s ease-in; - transition: opacity .25s ease-in; - opacity: 1; - } -} - -.sci { - font-style: italic; -} -.birds { - article { - @include constrain_narrow; - } - audio { width: 100%;} - .audio-figure { - margin-top: 2em; - margin-bottom: 2em; - } - article h2, h3 { font-weight: 400;} - article h2 { margin-bottom: 0;} - h3 { - margin-top: 0; - } - .map { - margin: 0 auto; - width: 99%; - height: 400px; - @include breakpoint(beta) { - @include constrain_narrow; - } - } - #endnode { - @include breakpoint(beta) { - text-align: left; - } - @include fancy-sans; - @include fontsize(14); - margin-top: 4rem; - h5 { - @include fontsize(14); - @include smcaps; - @include fancy_sans; - margin-bottom: 1rem; - margin-top: 2rem; - } - ul { - margin-bottom: 2em; - li { - color: lighten($body_font, 30); - &:before { - content: "\2022"; - color: lighten($body_font, 30); - margin-right: .35rem; - } - } - } - a { - text-decoration: none; - color: lighten($body_font, 10); - } - &:before { - @include faded_line_after; - } - } - #detail-map-canvas { - width: 100vw; - @include constrain_wide; - position: relative; - @include breakpoint(gamma) { - left: calc(-20%); - } - @include breakpoint(delta) { - left: calc(-38%); - } - @include breakpoint(epsilon) { - left: calc(-45%); - } - } -} -.life-list { - @include constrain_wide; - text-align: left; - h4 { @include fancy_sans;} - ul { - @include breakpoint(beta){ - height: 1200px; - display: flex; - flex-direction: column; - flex-wrap: wrap; - } - @include breakpoint(gamma){ - height: 1000px; - } - @include breakpoint(epsilon){ - height: 800px; - } - } - li { - margin-bottom: .35rem; - } - a { - color: $body_font; - text-decoration: none; - - } -} - diff --git a/design/old/v8/_books.scss b/design/old/v8/_books.scss deleted file mode 100644 index db38624..0000000 --- a/design/old/v8/_books.scss +++ /dev/null @@ -1,125 +0,0 @@ -.book-list { - @extend %clearfix; - @include constrain_wide; -} - -.book-list-item { - margin: 2em 0; - h2 { - text-align: left; - margin: .25rem 4px; - font-weight: normal; - @include fontsize(24); - line-height: 1.2; - a { - color: $body_font; - text-decoration: none; - font-style: italic; - } - @include breakpoint(gamma) { - @include fontsize(22); - margin: .1rem 4px; - } - } - img { max-width: 100%;} - h4, { - @include fontsize(12); - @include smcaps; - font-weight: normal; - margin-top: 0; - margin-bottom: 0; - &:before { - content: "by " - } - } - @include breakpoint(alpha-2) { - text-align: left; - width: 45%; - float: left; - margin-right: 30px; - margin-top: 1em; - min-height: 500px; - .img-wrapper { - min-height: 350px; - } - } - @include breakpoint(gamma) { - width: 31%; - height: 650px; - float: left; - margin-right: 30px; - .img-wrapper { - min-height: 400px; - } - } - @include breakpoint(delta) { - width: 23%; - margin-right: 25px; - height: 550px; - } -} -.book-list .even { - @include breakpoint(alpha-2) { - margin-right: 0; - } - @include breakpoint(gamma) { - margin-right: 25px; - } -} -.book-list .tres { - @include breakpoint(gamma) { - margin-right: 0; - } - @include breakpoint(delta) { - margin-right: 25px; - } -} -.book-stars { - display: block; -} -.book { - margin-top: 2em; - @include breakpoint(gamma) { - margin-top: 3em; - } -} -.book:after { - @include constrain_narrow; - color: white; - @include faded_line_after; - margin-top: 2em; - @include breakpoint(gamma) { - margin-top: 3em; - } -} -.book-title { - @include constrain_wide; - line-height: 1.3; - @include breakpoint(gamma) { - max-width: 660px; - text-align: left; - position: relative; - left: 150px; - } - @include breakpoint(delta) { - left: 165px; - max-width: 850px; - } -} -.book-cover-wrapper { - @include breakpoint(gamma) { - display: block; - @include constrain_wide; - img { - float: left; - width: 250px; - margin-right: 32px; - } - } - @include breakpoint(delta) { - img { - max-width: 250px; - } - } -} - diff --git a/design/old/v8/_figments.scss b/design/old/v8/_figments.scss deleted file mode 100644 index e834469..0000000 --- a/design/old/v8/_figments.scss +++ /dev/null @@ -1,47 +0,0 @@ -.kindle, .epub { - display: inline; - @include smcaps; - @include fontsize(11); -} -.kindle:after { - content: "ยท"; - color: #999; - padding-left: 0.75em; -} -.fig-archive { - @include constrain_narrow; - @include breakpoint(beta) { - text-align: left; - - } - h1 { - margin-top: 2.5em; - @include smcaps; - @include fontsize(16); - } - p.intro { - @include breakpoint(beta) { - text-align: left; - @include fontsize(18); - font-style: italic - } - } - p.intro:last-of-type { - margin-bottom: 4em; - } - h2 { - @include smcaps; - @include fontsize(18); - } -} -.figments hr, .resume hr { - @include constrain_narrow; - border: 0; - margin-top: 2em; - margin-bottom: 2em; - height: 1px; - 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)); -} diff --git a/design/old/v8/_fonts.scss b/design/old/v8/_fonts.scss deleted file mode 100644 index dfe632a..0000000 --- a/design/old/v8/_fonts.scss +++ /dev/null @@ -1,10 +0,0 @@ -@font-face { - font-family: 'carrois_gothicregular'; - src: url('carroisgothic-regular-webfont.eot'); - src: url('carroisgothic-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('carroisgothic-regular-webfont.woff') format('woff'), - url('carroisgothic-regular-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - -} diff --git a/design/old/v8/_footer.scss b/design/old/v8/_footer.scss deleted file mode 100644 index 9bfe4b7..0000000 --- a/design/old/v8/_footer.scss +++ /dev/null @@ -1,55 +0,0 @@ -footer[role="contentinfo"] { - margin-top: 5em; - @include breakpoint(gamma) { - max-width: 960; - } - &:before { - @include breakpoint(beta) { - @include faded_line_after; - margin-bottom: 1.2em; - } - } - ul { - 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: $brown; - 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[role="contentinfo"], .dark footer[role="contentinfo"] { - &:before { - @include light_faded_line_after; - } - a { - color: $body_font_light; -} -} - diff --git a/design/old/v8/_global.scss b/design/old/v8/_global.scss deleted file mode 100644 index c5b7ca2..0000000 --- a/design/old/v8/_global.scss +++ /dev/null @@ -1,186 +0,0 @@ -html { - border-top: 0.25em solid $brown; -} - -body { - margin: 0 auto; - padding: 0; - overflow-x: hidden; - font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif; - color: $body_font; - text-align: center; - background-color: transparent -} - -// eliminate touch delay on mobile safari -a, button, input, select, textarea, label, summary { - touch-action: manipulation; -} -a { - color: $orange; - -webkit-transition: all 0.1s ease; - -moz-transition: all 0.1s ease; - -ms-transition: all 0.1s ease; - transition: all 0.1s ease; - &:hover { - text-decoration: none; - } - &:visited { - color: $orange; - } -} - -p { - @include constrain_narrow(); - text-align: left; - @include breakpoint(alpha){ - @include fontsize(18); - line-height: 1.5; - } - @include breakpoint(gamma){ - @include fontsize(20); - line-height: 1.6; - } -} -time { - @include smcaps; - @include fontsize(11); - display: block; - span { - @include fontsize(13); - } -} -abbr { - cursor: help; -} -pre { - @include constrain_narrow(); - text-align: left; - @include breakpoint(alpha){ - @include fontsize(18); - line-height: 1.5; - margin-top: 2em; - margin-bottom: 2em; - } -} -object, embed, video { - max-width: 100%; - height: auto; -} - -img { - max-width: 100%; -} - -h1 { - font-family: Georgia, 'Times New Roman', serif; - @include fontsize(36); - font-weight: normal; -} -//************** 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(11); -} -.italic { - font-style: italic; -} -.small { - font-size: 90%; -} -.hed { - @include fancy_sans; - @include fontsize(24); - font-weight: 500; - @include breakpoint(beta) { - text-align: left; - @include fontsize(32); - } -} - -.subhead { - font-style: italic; - font-weight: 400; - margin-top: 0; - @include constrain_narrow; - @include breakpoint(beta) { - text-align: left; - } -} -.mailing-list--wrapper { - @include constrain_narrow; - @include breakpoint(gamma) { - margin-top: 3em; - max-width: 580px; - h5 { - margin-bottom: .5em; - margin-top: 2em; - } - } - h5 { - font-weight: normal; - text-align: left; - @include fontsize(18); - } - &:before { - @include faded_line_after; - margin-top: 5em; - } -} -.divide-after:after { - margin-bottom: 3em; - @include faded_line_after; -} -//**************** Page Breadcrumbs ************************ - -#breadcrumbs { - @include constrain_wide(); - text-align: center; - li { - display: inline; - } - a { color: $brown;} - @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/v8/_header.scss b/design/old/v8/_header.scss deleted file mode 100644 index 10174e3..0000000 --- a/design/old/v8/_header.scss +++ /dev/null @@ -1,154 +0,0 @@ -header[role="banner"] { - margin: 0 auto; - @include smcaps; - a { - text-decoration: none; - } - h1 { - margin: -10px 0 0 0; - padding: 0; - } - h1 a { - display: block; - margin: 0.25em auto 0 auto; - font-size: 0.875em; - font-weight: 300; - font-family: 'carrois_gothicregular', Helvetica, sans-serif; - line-height: 0.75em; - color: $brown; - } - h1 a:before { - content: "home-icon"; - text-indent: -9999em; - width: 95px; - height: 75px; - background: url("logo-new-@2x-treeonly.png") center top no-repeat; - background-size: 95px; - background-size: 85px; - display: block; - margin: 0.75em auto 0; - } - h2 { - margin-top: 0.25em; - font-size: 0.675em; - font-style: italic; - font-weight: 300; - } - @include breakpoint(beta) { - float: left; - position: relative; - bottom: 0; - h1, h2 { - text-align: left; - } - h1 { - width: 360px; - } - h1 a { line-height: 2.5em;} - h1 a:before { - display: inline-block; - background-size: 102px; - height: 85px; - width: 105px; - margin-right: 10px; - } - h2 { margin-left: 116px; - margin-top: -30px; - } - } -} -.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; - } - } -} - - -nav[role="navigation"] { - 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: #505050; - } - ul { - @include smcaps; - max-width: 100%; - font-weight: 300; - margin-top: 0.5em; - margin-bottom: 0.5em; - padding: 0; - @include constrain(85%); - } - li { - display: inline; - margin: 0 0.25em; - &:after { - content: "\00b7"; - color: #999999; - padding-left: 0.75em; - } - } - li.last { - margin-right: 0; - &:after { - content: " "; - } - } - @include breakpoint(beta) { - float: right; - border: none; - margin: 52px 0 0 0; - padding: 0; - ul { - max-width: 50em; - } - } -} -.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 $brown solid; - position: relative; - } - @include breakpoint(gamma) { - max-width: $breakpoint-gamma; - margin-left: auto; - margin-right: auto; - } - @include breakpoint(delta) { - margin-top: 1.5em; - max-width: $breakpoint-delta; - } - @include breakpoint(epsilon) { - margin-top: 1.5em; - max-width: $max_width; - } -} - -.black .header-wrapper, .dark .header-wrapper { - @include breakpoint(beta) { - border-bottom: 1px $body_font_light solid; - } -} - diff --git a/design/old/v8/_homepage.scss b/design/old/v8/_homepage.scss deleted file mode 100644 index db375ed..0000000 --- a/design/old/v8/_homepage.scss +++ /dev/null @@ -1,265 +0,0 @@ -.homepage--section { - @include constrain_wide; - @extend %clearfix; - &:before { - margin-top: 3em; - } -} -.homepage--arc-header { - @include fontsize(14); - font-family: sans-serif; - font-weight: 500; - text-transform: uppercase; - letter-spacing: 1px; - margin-bottom: 2em; - @include breakpoint(beta) { - text-align: left; - } -} -.homepage--archives { - max-width: 100%; - margin-top: 0; - @include breakpoint(beta) { - article { - display: block; - width: 100%; - text-align: left; - } - } - @include breakpoint(gamma) { - float: left; - margin-top: 0; - margin-right: 3em; - article { - width: 620px; - margin-left: 0; - } - } - @include breakpoint(delta) { - article { - width: 780px; - margin-left: 0; - } - } -} - -.homepage--bright { - max-width: 100%; - article { - margin-top: 0; - margin-bottom: 20px; - max-width: 100%; - } - .odd, .even { margin-left: 0; margin-right: 0; padding-left: 0; min-height: 270px;} - @include breakpoint(delta) { - margin-left: 0; - float: right; - max-width: 33%; - article { - float: left; - width: 45%; - margin-left: 1em; - } - .odd { margin-right: 10px;} - } - @include breakpoint(gamma) { - float: right; - max-width: 33%; - margin-top: 0; - article { - max-width: 100%; - } - } - @include breakpoint(beta) { - margin-top: 0; - article { - max-width: 50%; - } - } - @include breakpoint(beta-2) { - margin-top: 0; - article { - max-width: 47%; - } - .odd { margin-right: 10px;} - } - .post--image { - margin-left: 0 !important; - margin-bottom: .5em; - max-height: 130px; - overflow: hidden; - img { - max-width: 100%; - width: 100%; - display: block; - /* just in case, to force correct aspect ratio */ - height: auto !important; - width: auto\9; /* ie8+9 */ - /* lt ie8 */ - -ms-interpolation-mode: bicubic; - } - @include breakpoint(epsilon){ - max-height: 160px; - } - } -} -.homepage--arc-big { - max-width: 100%; - @include breakpoint(gamma) { - float: left; - max-width: 63%; - article { - max-width: 47%; - width: 47%; - } - } - @include breakpoint(delta) { - float: left; - max-width: 63%; - article { - max-width: 49%; - - } - } -} -.popular { - @include breakpoint(gamma) { - article { - width: 100%; - max-width: 100%; - } - } - @include breakpoint(epsilon) { - float: right; - max-width: 33%; - } -} -.homepage--next { - @extend %clearfix; - text-align: center; - clear: left; - padding-top: 3em; - a { - @include fontsize(14); - font-family: sans-serif; - font-weight: 500; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - padding: 9px 10px 8px; - border: $link_color 1px solid; - } - a:after { - content: "\21E2"; - margin-left: 4px; - } - a:hover { - background: $link_color; - color: white; - } -} -.has-hero { - .header-wrapper { - margin-bottom: 0; - } - .homepage--hero { - border: 0; - padding: 0; - max-width: 100%; - position: relative; - z-index: 1; - width: 100vw; - } - .hero--wrapper { - @include constrain_wide; - position: relative; - 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); - color: $body_font_light; - font-weight: 400; - padding-bottom: 30px; - p { max-width: 100%; } - a { color: $body_font_light;} - time {display: none;} - .btn {text-decoration: none; color: white; } - @include breakpoint(gamma) { - margin-top: -218px; - max-width: 100%; - padding-left: 5px; - .btn { margin-top: -15px} - } - } - .main--header { - margin-bottom: 12px; - margin-top: .67em; - font-family: 'robotoslab', Georgia, Times; - font-weight: normal; - @include fontsize(36); - padding-top: .25em; - a { - color: white; - text-decoration: none; - } - } - .main--location { - @include fontsize(9); - text-align: center; - margin-top: -12px; - margin-bottom: 22px; - } - .main--tag { - color: white; - text-align: center; - @include breakpoint(gamma) { - margin-top: -10px; - } - } -} -.homepage--about { - &:after, &:before { - @include faded_line_after; - } - &:before { margin-bottom: 50px;} - @include breakpoint(gamma) { - p { - @include fontsize(18); - } -} -} -.black { - .post--title a { - color: white; - } - .homepage--archives { - .post--location a { - color: $body_font_light; - } - img { @include img_plain; } - } -} -.black .homepage--about { - &:after, &:before { - @include lighter_faded_line_after; - } -} -.v082016 { - .header-wrapper { - @include breakpoint(beta) { - border-bottom: none; - } - } - .banner .post--image { - @include breakpoint(gamma) { - max-height: 800px; - overflow: hidden; - } - } - .hero--wrapper { - @include breakpoint(gamma) { - margin-top: -225px; - } - } -} diff --git a/design/old/v8/_house.scss b/design/old/v8/_house.scss deleted file mode 100644 index a0604b6..0000000 --- a/design/old/v8/_house.scss +++ /dev/null @@ -1,125 +0,0 @@ -$blue: #39deea; - -.house .map img { background: none !important;} -.house .map { - height:234px; - width:100%; - margin-bottom: 8px; - @include breakpoint(gamma){ - float: left; - max-width: 33%; - } - @include breakpoint(delta){ - max-width: 44%; - } - @include breakpoint(epsilon){ - max-width: 50.5%; - } -} -.house #gmap_canvas { - height:234px; - max-width:100%; -} -.house main { @include constrain_wide;} -.house .picwide { - background: none; - max-width: 100%; - margin-left: 0; - margin-right: 0; - @include breakpoint(epsilon){ - width: 1280px; - } -} -.flist { - @extend %clearfix; - @include constrain(900px); - @include fancy_sans; - @include fontsize(18); - margin-top: 4em; - text-align: left; - list-style-position: inside; - color: #393939; - li { - margin: 1.5em 0; - min-height: 140px; - - } - li:first-of-type { margin-top: 0 ;} - - h3 { - @include fontsize(24); - max-width: 100%; - font-weight: 400; - margin: .25em 0 0 0; - padding-top: .15em; - } - .inner{ - display: inline-block; - width: 22px; - height: 22px; - border-radius: 30em; - position: absolute; - top: 19px; - left: 19px; - background: white url("/media/img/check.png") 50% 50% no-repeat; - background-size: 15px; - } - .outer { - display: inline-block; - float: left; - width: 60px; - height: 60px; - margin: 10px 40px 90px 0; - background: $blue; - border-radius: 30em; - position: relative; - } -} -.fsubhed { - @extend %clearfix; - @include constrain(1140px); - clear: both; - margin-top: 6em; - margin-bottom: 6em; - h2 { - margin-top: 0; - float: left; - position: relative; - font-weight: 400; - @include fontsize(32); - //&:after { - // content: ""; - // position: absolute; - // top: 50%; - // height: 2px; - // width: 200px; - // display: block; - // margin-top: -3px; - // margin-left: 3em; - // background-color: #e5e5e5; - //} - } - p { - @include constrain(800px); - float: right; - } - a, a:visited, a:hover { - color: $blue; - } -} -.house { - a, a:visited, a:hover { - color: $blue; - } - b { - @include fancy_sans; - } -} -.house .image-cluster { - margin-bottom: 3em; -} -.house .post--article h1 { - @include fancy_sans; - margin-top: 2.2em; - margin-bottom: 1em; -} diff --git a/design/old/v8/_inbox.scss b/design/old/v8/_inbox.scss deleted file mode 100644 index c1801d9..0000000 --- a/design/old/v8/_inbox.scss +++ /dev/null @@ -1,77 +0,0 @@ -.links main { - @include constrain_narrow; - .link-title a { - color: $body_font; - font-weight: 400; - text-decoration: none; - } - @include breakpoint(beta) { - text-align: left; - } -} -.videos { - margin-top: 3em; - @include constrain_wide; -} - -.photo-gallery { - margin: 0 auto; - margin-top: 1.5em; - position: relative; - width: 100%; /* for IE 6 */ - img { - width: 100%; - max-width: 100%; - padding: 0; - } - h4 { - font-weight: 500; - margin: .5em 0; - letter-spacing: 1px; - font-size: 2em; - } - time { display: inline; } - a { color: inherit;} - @include breakpoint(alpha) { - div { - position: absolute; - bottom: 28%; - left: .35em; - text-align: left; - } - time { - margin-left: .5em; - } - h4 { - font-size: 2.75em; - margin-bottom: 0; - } - p { - line-height: 1.3; - max-width: 80%; - margin-left: .25em; - @include fontsize(18); - } - } - @include breakpoint(beta) { - div { - bottom: 22%; - } - } - @include breakpoint(gamma) { - div { - bottom: 20%; - } - @include constrain_wide; - } -} -.tags { - .tag-list { - li { - display: inline-block; - a { - padding: 3px; - } - } - } -} diff --git a/design/old/v8/_leaflet.scss b/design/old/v8/_leaflet.scss deleted file mode 100644 index b65ffb8..0000000 --- a/design/old/v8/_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/v8/_mailing-list.scss b/design/old/v8/_mailing-list.scss deleted file mode 100644 index 561c059..0000000 --- a/design/old/v8/_mailing-list.scss +++ /dev/null @@ -1,35 +0,0 @@ -//Flexbox mixins rely on https://github.com/timhettler/compass-flexbox -.mailing-list { - text-align: left; - @extend %clearfix; - .form--flex-container { - @include display-flex; - } -} -.form--label { - display: block; - font-weight: 600; - letter-spacing: 1px; - font-family: "Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - @include fontsize(12); - margin-bottom: 6px; -} -.form--input { - @include flex-grow(1); - padding: .25em; - border: #c5c5c5 1px solid; - border-radius: .125em; - color: darken($body_font_light, 20); -} -.btn { - display: inline-block; - margin-left: 5px; - border-radius: .25em; - border: none; - padding: 8px 12px 7px; - max-width: 8.75em; - background: $orange; - color: white; - font: bold .75em Verdana,sans-serif; - text-transform: uppercase; -} diff --git a/design/old/v8/_map.scss b/design/old/v8/_map.scss deleted file mode 100644 index f7d958b..0000000 --- a/design/old/v8/_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;} - 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/v8/_mixins.scss b/design/old/v8/_mixins.scss deleted file mode 100644 index 0e29edf..0000000 --- a/design/old/v8/_mixins.scss +++ /dev/null @@ -1,126 +0,0 @@ -$brown: #201a11; -$brown: #222; -$light: #ccc; -$orange: #b53a04; -$link_color: #b53a04; -$body_font: $brown; -$body_font_light: #b3aeae; -//$light; - -$max_width: 1280px; - -@mixin smcaps { - text-transform: uppercase; - letter-spacing: 1px; -} - -@function calc-em($target-px, $context) { - @return $target-px / $context * 1em; -} - -@mixin fontsize($size: 24, $base: 16) { - font-size: $size + px; - font-size: ($size / $base) * 1rem; -} - -@mixin img_plain { - padding: 0; - max-width: 100%; - background: none; -} - -@mixin generic-sans { - font-family: sans-serif; -} - -@mixin fancy-sans { - font-family: Helvetica, sans-serif; -} - -@mixin fancy-sans-bold { - font-family: Helvetica, sans-serif; - font-weight: 600; -} - -%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: 640px; - } - @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/v8/_normalize.scss b/design/old/v8/_normalize.scss deleted file mode 100644 index c451141..0000000 --- a/design/old/v8/_normalize.scss +++ /dev/null @@ -1 +0,0 @@ -/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}ul{list-style-type: none;margin:0;padding:0}
\ No newline at end of file diff --git a/design/old/v8/_notes.scss b/design/old/v8/_notes.scss deleted file mode 100644 index ef49655..0000000 --- a/design/old/v8/_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 !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/v8/_pagination.scss b/design/old/v8/_pagination.scss deleted file mode 100644 index 404aeb7..0000000 --- a/design/old/v8/_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, 30); - color: lighten($body_font, 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/v8/_photos.scss b/design/old/v8/_photos.scss deleted file mode 100644 index d152bf4..0000000 --- a/design/old/v8/_photos.scss +++ /dev/null @@ -1,506 +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: 8px; - width: 100%; - 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; -} - -//.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; -// } -//} - -//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/v8/_projects.scss b/design/old/v8/_projects.scss deleted file mode 100644 index 0bf4db2..0000000 --- a/design/old/v8/_projects.scss +++ /dev/null @@ -1,257 +0,0 @@ -.projects, .projects--intro p { - @include constrain_wide; -} -@include breakpoint(gamma) { - .projects--intro { - margin-top: 3rem; - -moz-column-count: 2; - -moz-column-gap: 30px; - -webkit-column-count: 2; - -webkit-column-gap: 30px; - column-count: 2; - column-gap: 30px; - } - p { - margin-top: 0; - } -} -.projects--list { - margin-top: 2em; - li { @extend %clearfix; margin-bottom: 2em; } - h1 { - @include fontsize(32); - a { - color: $body_font; - text-decoration: none; - } - } - @include breakpoint(gamma) { - h1 { - @include fontsize(24); - text-align: left; - font-weight: bold; - width: 40%; - float: left; - margin-top: -4px; - } - img { - float: right; - margin-left: 30px; - max-width: 640px; - } - li { margin-bottom: 4em } - p { - @include constrain_wide; - @include fontsize(17); - margin-right: 1em; - clear: left; - } - } - .projects--button { text-align: left; margin-left: 0} -} - -//################# NATIONAL PARKS PROJECT ####################### - -.main--full { - @include constrain_wide; - margin-top: 3em; - article { max-width: 100%; position: relative; margin-bottom: 3em;} - img { max-width: 100%; padding: 0;} - .buttons li { - display: inline; - @include fontsize(11); - text-transform: uppercase; - font-family: Helvetica Neue, Helvetica, sans-serif; - font-weight: 500; - margin: 5px; - line-height: 2.6em; - a { - color: $body_font_light; - } - } - @include breakpoint(beta) { - h2 { - text-align: left; - @include fontsize(14); - } - .buttons { - margin: 2px 10px .5em 0; - line-height: 2.6em; - float: right; - li { - a { - text-decoration: none; - padding: 0.75em 1.5em 0.65em; - background: #463215; - -moz-border-radius: 25px; - -webkit-border-radius: 25px; - border-radius: 25px; - } - } - } - @include breakpoint(gamma) { - h2 { @include fontsize(20); - } - .buttons { - margin: 0.5em 10px 0 0; - li a { - padding: 0.875em 1.75em 0.75em; - } - } - } - -} - .meta {height: 0;} -} - -.park--title { - @include fontsize(18); - font-family: Helvetica Neue, Helvetica, sans-serif; - color: white; - @include breakpoint(beta) { - @include transparent_class; - @include fontsize(32); - position: absolute; - top: 0px; - background: #201a11; - z-index: 1000; - margin: 0; - width: 100%; - text-align: left; - line-height: 2em; - font-size: 2em; - padding-left: 0.25em; -} -} -.park--subtitle { - @include fontsize(16); - @include breakpoint(beta) { - @include fontsize(20); - font-family: Helvetica Neue, Helvetica, sans-serif; - font-weight: normal; - line-height: 2.5; - color: white; - margin: 0 0 0 1em; - float: left; - padding: 0.3em 0; - } -} -.park--legend { - font-family: Helvetica Neue, Helvetica, sans-serif; - line-height: .6; - @include breakpoint(beta) { - @include transparent_class; - position: absolute; - bottom: 0; - width: 100%; - margin: 0; - background: #201a11; - } -} -.map-container { - width: 469px; - height: 392px; - position: absolute; - right: 20px; - bottom: 60px; - z-index: 2000; - margin: 0; - padding: 0; - background: url("/media/img/mapbg-dark.png") no-repeat top left; -} - -.map-wrapper { - width: 400px; - height: 328px; - margin: 37px 0 0 44px; -} - -.more-container { - width: 405px; - height: 260px; - position: absolute; - right: -30px; - bottom: 40px; - z-index: 2000; - background: url("/media/img/parkbg.png") no-repeat top left; - font: normal 0.9em / 25px unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif; - dl { - margin-top: 45px; - margin-left: 45px; - text-align: left; - dt,dd { - margin: 4px 0; - color: white; - } - dt { - clear: left; - float: left; - width: 65px; - //border-bottom: 1px solid #999 - font-weight: bold; - line-height: 25px; - font-size: 0.7em; - text-transform: uppercase; - text-align: right; - margin-right: 8px; - } - dd { - float: left; - width: 250px; - overflow: hidden; - //border-bottom: 1px solid #999 - a:hover { - color: $orange; - } - } - } -} - -//################# EXPENSE TRACKER TABLES ####################### - -.expense-wrapper { - @include constrain_narrow(); -} -.expense { - min-width: 90%; - margin-bottom: 3em; - caption { - text-align: left; - padding: 1em 0; - @include fontsize(18); - } - thead tr { - border-bottom: 1px solid darken(#eff7ff, 10); - padding: 0; - font-weight: bold; - @include smcaps; - font-family: sans-serif; - @include fontsize(12); - } - text-align: left; - td { - width: 80%; - } - tr td { - padding: .5em .25em; - color: lighten($body_font, 10); - } - .odd, .total { - background-color: #eff7ff; - } - .total { - border-top: 1px solid darken(#eff7ff, 10); - } - tfoot:after { - @include faded_line_after; - } -} - -.end:after { - @include faded_line_after; -} -.upfront tfoot:after { - margin: 0; - height: 0; - background: none; - } diff --git a/design/old/v8/_queries.scss b/design/old/v8/_queries.scss deleted file mode 100644 index db165ae..0000000 --- a/design/old/v8/_queries.scss +++ /dev/null @@ -1,31 +0,0 @@ -$breakpoint-alpha: 38em; //608 -$breakpoint-alpha-2: 450px; -$breakpoint-beta: 49em; //784 -$breakpoint-beta-2: 620px; -$breakpoint-gamma: 960px; -$breakpoint-delta: 1170px; -$breakpoint-epsilon: $max_width; - -@mixin breakpoint($point) { - @if $point == "alpha" { - @media screen and (min-width:$breakpoint-alpha ){ @content; } - } - @if $point == "alpha-2" { - @media screen and (min-width:$breakpoint-alpha-2 ){ @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/v8/_resume.scss b/design/old/v8/_resume.scss deleted file mode 100644 index 37cc20e..0000000 --- a/design/old/v8/_resume.scss +++ /dev/null @@ -1,149 +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 { - @include constrain_narrow; - text-align: left; - margin-bottom: 1em; - time{ - display: inline; - } -} -.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 { - text-align: left; - @include constrain_narrow; - h2 { - @include smcaps; - @include fontsize(12); - font-weight: 400; - text-align: left; - border-bottom: 1px dotted #333; - margin-bottom: 2em; - &:first-of-type { - margin-top: 3em; - } - } - h3, time { - display: inline; - } - time:before { - content: "\00a0 \00a0" - } -} -.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; - } -} diff --git a/design/old/v8/_src.scss b/design/old/v8/_src.scss deleted file mode 100644 index 2be4ef3..0000000 --- a/design/old/v8/_src.scss +++ /dev/null @@ -1,160 +0,0 @@ -.latest { - @include constrain_narrow; - @include fontsize(12); - @include smcaps; - font-weight: 400; -} -.src-archive { - .topic-hed { - @include fontsize(20); - @include constrain_narrow; - 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 constrain_narrow; - @include fontsize(22); - font-weight: 400; - margin-bottom: .25em; - a { - color: $body_font; - color: lighten($body_font, 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-type: disc; - margin-left: 1em; - padding-left: .5em; - } - 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; - } - } -} -.post--body pre { - margin: 1em auto !important; -} -.highlight { - padding: .5em; - margin-bottom: 1em; -} -.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; - } -} - -.smcaps{ - font-weight: 500; - letter-spacing: 1px; - margin: 3em 0 .5em 0; - @include generic_sans; - @include smcaps; - @include fontsize(14); - @include breakpoint(gamma) { - margin-left: 80px; - } -} -.dotted { - list-style-type: disc; - li { - margin-top: .5em; - margin-bottom: .5em; - } - @include breakpoint(gamma) { - font-size: 1.25rem; - line-height: 1.6; - } -} - -#essay-archive h1 { - @include constrain_narrow; -} -#essay-archive h4 { - margin-bottom: 3em; - margin-top: -.85em; -} diff --git a/design/old/v8/_writing_archive.scss b/design/old/v8/_writing_archive.scss deleted file mode 100644 index 69397b1..0000000 --- a/design/old/v8/_writing_archive.scss +++ /dev/null @@ -1,150 +0,0 @@ -.archive { - @extends %clearfix; - @include constrain_wide(); - margin-top: 3em; - .post--title { - text-align: left; - margin: .25rem 4px; - font-weight: normal; - @include fontsize(24); - a { - color: $body_font; - text-decoration: none; - font-style: italic; - } - @include breakpoint(gamma) { - @include fontsize(22); - margin: .1rem 4px; - } - } - .post--location { - @include fontsize(11); - } - .post--date{ - margin: 0 4px; - text-align: left; - } - .post--image img { background: none; max-width: 100%; padding: 0} - article { - width: 100%; - margin: 0; - display: inline-block; - margin-bottom: 2em; - vertical-align: top; - } - p { - margin-top: 0; - margin-left: 4px; - margin-right: 4px; - } - @include breakpoint(alpha) { - article { - width: 45.25%; - } - p { - @include fontsize(16); - } - .odd { - padding-right: 10px; - } - .even { - padding-left: 10px; - } - } - @include breakpoint(gamma) { - article { - width: 31%; - } - .odd, .even { padding: 0;} - .first { - padding-right: 10px; - } - .second { - padding-right: 10px; - padding-left: 10px; - } - .third { - padding-left: 10px; - } - p { - @include fontsize(14); - margin-top: 0; - margin-left: 4px; - margin-right: 4px; - } - } - @include breakpoint(delta) { - article { width: 354px;} - } - @include breakpoint(epsilon) { - article, article img { width: 410px;} - } -} - -.date-archive { - @extends %clearfix; - @include constrain_wide(); - margin: 0 auto; - margin-bottom: 9em; - max-width: 460px !important; - text-align: left; -} -.dater { - @extends %clearfix; - margin-top: 3em; - margin-bottom: 3em; - span { - @include smcaps; - @include fontsize(11); - font-family: sans-serif; - } - ul { - margin-top: .5em; - margin-bottom: 1.5em; - li { - @extends %clearfix; - clear: both; - } - } - -} -.arc-item { - clear: both; - margin: 0 auto; - a { - display: block; - float: left; - } - time { - float: right; - line-height: 36px; - } -} -.homepage--about .homepage--arc-header:after{ - @extend %clearfix; - display: block; - width: 100%; - margin: 2em auto 1em; - height: 150px; - background: url("/media/img/usa-resize.svg") 50% no-repeat; - background-size: 230px; - @include breakpoint(gamma) { - display: inline; - width: 0; - height: 0; - background: none; - } -} - -.homepage--about { - @include breakpoint(gamma) { - background: url("/media/img/usa-resize.svg") 0 60% no-repeat; - background-size: 120px; - } - @include breakpoint(delta) { - background-size: 170px; - } - @include breakpoint(epsilon) { - background-size: 250px; - } -} diff --git a/design/old/v8/_writing_details.scss b/design/old/v8/_writing_details.scss deleted file mode 100644 index 9ba4015..0000000 --- a/design/old/v8/_writing_details.scss +++ /dev/null @@ -1,829 +0,0 @@ -// ############################################## -// Most of the basic formatting for paragraphs is -// handled in _global.scss. This just handles the -// bits specific to article detail pages -// e.g. header, footnotes, images, page nav, two -// col and dark page -// ############################################## - -figcaption, figcaption a { - line-height: 1.9; - padding-left: .5em; - text-align: left !important; - @include fancy_sans; - @include fontsize(12); - color: #666; -} -figcaption a:visited { - color: #666; -} -.post--header { - @include constrain_narrow(); - @include breakpoint(beta) { - text-align: left; - margin-top: 3em; - margin-bottom: .75em; - } - @include breakpoint(delta) { - margin-top: 4em; - } -} -.page--title { - @include constrain_narrow(); - @include breakpoint(beta) { - text-align: left; - margin-top: 2em; - } -} -.post--location { - @include smcaps; - @include fontsize(11); -} -.post--article, .notes .h-entry, { - h2, h3 { - @include constrain_narrow; - font-family: Helvetica Neue, Helvetica, sans-serif; - text-align: left; - } - blockquote { - @include constrain_narrow; - text-align: left; - padding: 20px; - font-style: italic; - p { - margin-left: 1em; - margin-right: 1em; - } - } - .notes { - @include smcaps; - @include constrain_narrow; - font-weight: normal; - text-align: left; - &:before { - @include faded_line_after; - margin-bottom: 3em; - } - } - .addendum { - @include constrain_narrow; - text-align: left; - dt { - margin-left: -30px; - font-style: italic; - padding-left: 30px; - text-indent: -30px; - margin-bottom: .5em; - } - dd { margin-left: 0; margin-bottom: 1.5em;} - } - .numeral { - display: block; - font: bold 1.2em sans-serif; - margin-bottom: 0; - margin-top: 1em; - } - .vid { - margin: 4em 0; - } - .small { - font-size: 96%; - } - figure { - @include constrain_wide; - margin-bottom: 2em; - } - figure.picfull { - max-width: 680px; - margin-bottom: 2em; - border-bottom: 1px solid #eae6e6; - padding-bottom: .5em; - } - cite { - font-style: italic; - } -} -.footnote-ref { - padding: 0 2px; - @include fontsize(16); -} -.dark, .black { - .footnote-ref { - padding: 0px 3px 0 4px; - } - figure.picfull { - border-color: #424040; - } - figcaption { - color: #8F8B8B; - } -} -.black { - .post--article { - color: #9C9292; - } - .post--article img { - padding: none; - background: none; - } - #page-navigation a { - color: $body_font_light; - } -} - - -//### Inline Maps ### -#detail-map-canvas { - width: 100%; - height: 0; - margin: 0 auto; - float: none; - border: none !important; -} -#detail-map-canvas .detail-map-inner-canvas { - width: 100%; - height: 100%; - border: none !important; -} -#detail-map-canvas img { - max-width: 100%; - padding: 0; - margin: 0; - background: none; -} - -/* special case for debi's master list*/ -.list-debi { - @include constrain_narrow(); - text-align: left; - > li { - font-weight: bold; - margin: .25em 0 .25em 0; - } - li ul li { - font-weight: normal; - margin: .25em 0 .25em .5em; - &:before { - content: "\2022"; - display: inline-block; - margin-right: 10px; - margin-top: 2px; - } - } -} - -/* occassionally I have section breaks */ -.break { - display: block; - margin: 3em auto; - content: ""; - height: 1px; - width: 100%; - background: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); - background: -moz-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); - background: -o-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); - background: linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); -} - -//### FOOTNOTES ### -.footnote { - @include constrain_narrow(); - margin: 1em auto 0 auto; - padding: 0; - list-style-type: none; - &:before, &:after { - @include faded_line_after; - @include breakpoint(beta) { - margin-bottom: 2em; - } - } - p { - font-size: 0.875em; - line-height: 1.4; - } - hr {display: none;} - ol { - padding-left: 1em; - @include breakpoint(alpha) { - margin-left: 1em; - } - } -} -.dark .footnote:before { - @include light_faded_line_after; -} - -//### IMAGES AND FIGURES ### -.postpic, .postpicright { - display: block; - width: auto; -} -.postpic { - float: left; - margin: 0.3em 10px 10px 0; -} -.postpicright { - float: right; - margin: 0.3em 0 10px 10px; -} -.postpicleft { - float: left; - margin: 5px; -} -.picfull { - margin-top: 20px; -} -.picfullv { - margin-top: 20px; -margin-left: auto; -margin-right: auto; -display: block; -} -img.picwide { - background: none; - max-width: 100%; - clear: both; - margin: 1em 0; - @include breakpoint(gamma) { - margin-left: -140px; - max-width: $breakpoint-gamma; - } - @include breakpoint(delta) { - margin-left: -245px; - max-width: $breakpoint-delta; - } - @include breakpoint(epsilon) { - margin-left: -300px; - max-width: $max_width *.99; - } -} -.picwide figcaption { - margin-bottom: 2em; - border-bottom: 1px solid #eae6e6; - padding-bottom: .5em; - @include generic_sans; - @include breakpoint(gamma) { - text-align: right; - width: $breakpoint-gamma; - max-width: $breakpoint-gamma; - } - @include breakpoint(delta) { - width: $breakpoint-delta; - max-width: $breakpoint-delta; - } - @include breakpoint(epsilon) { - width: $max_width; - max-width: $max_width; - } -} -figure.picwide img.picwide { - margin: auto !important; - padding: 0 !important; - @include breakpoint(epsilon) { - margin-left: 0; - } -} -.notes figure.picwide, .h-entry figure.picwide, .birds figure.picwide { - @include breakpoint(gamma) { - margin-left: -140px; - } - @include breakpoint(delta) { - margin-left: -245px; - } - @include breakpoint(epsilon) { - margin-left: -300px; - max-width: 100% !important; - } -} -.src .picwide, .h-entry figure.picwide { - margin-left: auto !important; -} -.picwide960 { - clear: both; - margin: 1em 0; - @include breakpoint(gamma) { - margin-left: -140px; - width: 960px; - max-width: 960px; - } -} -.sans-caption { - @include generic_sans; - small, a { - display: block; - font-size: 64%; - } - & > .picwide960 { - margin-bottom: 0; - } -} - -.figure { - position: relative; - max-width: 90%; - margin: 0 auto; - @include breakpoint(gamma) { - max-width: 640px; - } - @include breakpoint(delta) { - max-width: 680px; - } - .legend { - display: block; - @include transparent_class; - position: absolute; - bottom: 10px; - left: 10px; - font-size: 13px; - padding: 8px 0 8px 2%; - width: 96%; - background: $brown; - color: #999999; - } -} -.picgroup { - margin: 0 auto 1.5em; - max-width: 90%; - .picgroup-cap { - font-size: 88%; - max-width: 550px; - margin: -8px auto 0; - text-align: left; - background: $brown; - color: #999999; - padding: 8px 1.4%; - } - @include breakpoint(gamma) { - img { - max-width: 555px; - padding: 8px; - } - } - @include breakpoint(delta) { - .picgroup-cap { - padding: 8px 1%; - } - } - @include breakpoint(epsilon) { - .picgroup-cap { - max-width: 1128px; - margin: -14px auto 0; - padding: 9px; - } - } -} -.image-cluster, .cluster { - .row-2, .row-3, .row-4, .stack-2, .stack-3 { - display: block; - } - @include constrain_wide; - @extend %clearfix; - margin-bottom: 2em; - margin-top: 2em; - max-width: 100%; - p { - max-width: 100%; - margin-top: 0; - margin-bottom: 0; - } - - img { - width: 100%; - padding: 0; - margin-top: 0; - max-width: 100%; - } - img.picwide { - margin: 0; - } - figcaption, figure { - margin-bottom: 0; - border: none; - } - .stack-2 { - float: left; - } - @include breakpoint(beta-2) { - figure { - max-width: 99%; - } - img.picwide { - padding: 0; - margin-bottom: 0; - max-width: 100%; - width: 100%; - background: none; - } - .row-2 { - a:last-of-type img, figure:last-of-type { - float: right; - margin-right: 0; - } - figure:first-child { - float:left; - } - } - .pic66 { - max-width: 63.9%; - } - figure.pic66 { float: left; max-width: 65.9%;} - .row-right .pic25 { - max-width: 49%; - } - .pic25 { - max-width: 24.5%; - } - .stack-2 { - max-width: 32.95%; - float: left; - } - .stack-2 + a img { - max-width: 66.6%; - float: right - } - .extra-2 { - max-width: 65.9%; - } - .right { float: right;} - .right + a img { - float:left - } - } - @include breakpoint(beta) { - img.picwide { - max-width: 100%; - } - div img { - width: 100%; - padding: 0; - margin: 0 6px 0 0; - } - div a:last-of-type { - img { - margin-right: 0; - } - } - .pic5 { - max-width: 49.5%; - margin: 0; - float: left; - figcaption { - padding-bottom: .5em; - } - } - img.pic5 { - margin: 0 6px 6px 0; - } - .pic25 { - max-width: 50%; - } - .row-3 .pic33 { - float: left; - max-width: 32.3%; - margin: 0 0 6px 0; - padding-right: 6px; - background: transparent; - } - } - @include breakpoint(gamma) { - figure { - max-width: 100%; - } - .row-right { - float: right; - } - .row-3 .pic33 { - max-width: 32.6%; - } - } - @include breakpoint(epsilon) { - .row-3 .pic33 { - max-width: 32.8%; - } - .pic5 { - max-width: 49.7%; - } - } - -} - -.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%; - height: auto; -} -.embed-container iframe, .embed-container object, .embed-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.post--body--single ul { - @include constrain_narrow(); - margin: 1em auto; - text-align: left; - list-style-type: disc; -} - -//### PAGE NAVIGATION ### -#page-navigation { - margin: 2em auto; - @include constrain_narrow(); - text-align: center; - display: table; - ul { - margin: 0 auto; - width: 100%; - text-align: center; - padding: 0; - } - li { - margin: 6px auto; - clear: both; - line-height: 24px; - text-align: center; - } - span { - min-width: 70px; - display: block; - text-align: right; - margin-right: 10px; - margin-top: 2px; - float: left; - } - a { - display: block; - float: left; - text-align: left; - font-style: italic; - color: $brown; - text-decoration: none; - } -} - -//### COMMENTS AND FORMS ### -.comments--header { - font-family: Helvetica Neue, Helvetica, sans-serif; - line-height: 6em; - @include fontsize(16); - font-style: italic; - &:before { - @include faded_line_after; - margin-top: 2em; - } -} -.comments--wrapper { - @include constrain_narrow(); - text-align: left; - margin-top: -2em; -} -.comment { - margin-top: 2.5em; - margin-bottom: 2.5em; - &:first-child { - margin-top: none; - } - &:after { - @include faded_line_after; - } - &:last-child:after { - display: none; - } -} -.comment--head, .comment--body { - margin-left: 80px; -} -.comment--head { - margin-bottom: 1em; -} -.comment--body { - margin-bottom: 3em; -} -.who { - font-family: Helvetica Neue, Helvetica, sans-serif; - @include fontsize(18); -} -.when { - @include fontsize(13); - margin-left: 1em; - font-style: italic; -} - -.gravatar { - border: 2px $brown solid; - background: transparent; - max-width: 100%; - padding: 0; - float: left; - margin-top: 5px; -} - - -.comment--form--wrapper { - @include constrain_narrow(); - &:before { - @include faded_line_after; - } -} -.comment--form--header { - margin-top: 2em; -} -.comment--form { - margin: 0 auto; - @include breakpoint(delta) { - margin-left: 20% - } - label { - display: block; - font-weight: 500; - letter-spacing: 1px; - font-family: "Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - @include fontsize(13); - } - input, textarea { - padding: .25em; - border: #c5c5c5 1px solid; - border-radius: .125em; - color: darken($body_font_light, 20); - width: 100%; - @include breakpoint(gamma) { - width: 70%; - } - } - input[type="submit"] { - width: auto; - color: white; - letter-spacing: 1px; - background: $orange; - font: bold .65em Verdana,sans-serif; - text-transform: uppercase; - border: none; - border-radius: .25em; - padding: 8px 12px 7px; - } - blockquote { - margin: 3em 0; - p { - @include fontsize(18); - } - } - h2, h3 { text-align: left} -} -.comment--form--header-h1 { - @include breakpoint(delta) { - text-align: left; - margin-left: 30%; - @include fontsize(24); - } -} -.cform-arc { - @include breakpoint(delta) { - margin-left: 30%; - } -} - -// ############################################## -// On double and double-dark make the top wide -// with two columns of text (nothing for ie9- -// ############################################## -@include breakpoint(gamma) { - .post--header--double { - float: left; - max-width: 200px; - margin-right: 2em; - margin-top: 5px; - .post--title, .post--date, .post--location { - text-align: right; - } - .post--title { - line-height: 1.1; - margin-top: 1.2em; - } - } - .col { - margin-top: 3rem; - -moz-column-count: 2; - -moz-column-gap: 30px; - -webkit-column-count: 2; - -webkit-column-gap: 30px; - column-count: 2; - column-gap: 30px; - p { margin-top: 0; margin-bottom: 2em;} - p:first-of-type:first-letter { - @include fontsize(60); - line-height: 42px; - display: block; - float: left; - padding: 11px 8px 5px 0; - } - } -} -.post--article--double { - @include constrain_wide(); -} - -// ############################################## -// On dark and double-dark pages we invert the -// colors, most of which happens in _global but -// the page nav links need to be done here -// ############################################## -.dark #page-navigation a { - color: $body_font_light; -} - -.map--icon { - @include constrain_wide; - display: block; - width: 35px; - height: 35px; - border-radius: 50%; - border: 2px solid $brown; - margin: -38px 3em 0; - float: right; - @include breakpoint(gamma) { - margin: 0 auto; - float: none; - } -} -.entry-footer { - @extend %clearfix; - @include constrain_narrow; - margin-top: 2em; - text-align: left; - li { - margin: .25em 0; - } - li ul { - columns: 2 auto; - } - li ul li:before { - content: "\2022"; - margin-right: .35rem; - color: lighten($body_font, 40); - } - .grouper { - margin-top: 1em; - } - a { - text-decoration: none; - color: lighten($body_font, 20); - } - #wildlife li ul li { - color: lighten($body_font, 40); - a { - color: lighten($body_font, 10); - } - } - @include breakpoint(beta) { - margin-bottom: 4em; - #wildlife { - max-width: 55%; - float: left; - margin-right: 1.2rem; - } - #recommended-reading{ - img { - max-width: 180px; - } - } - } - aside { - @extend %clearfix; - margin-bottom: 3em; - } - &:after, &:before { - @include faded_line_after; - @include breakpoint(beta) { - display: block; - margin-bottom: 2em; - } - } -} -#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; -} diff --git a/design/old/v8/iev8.scss b/design/old/v8/iev8.scss deleted file mode 100644 index 574ab55..0000000 --- a/design/old/v8/iev8.scss +++ /dev/null @@ -1,23 +0,0 @@ -h1 a:before { - background: url("/media/logo-new-treeonly.png") center top no-repeat !important; -} -.logo { - zoom: expression( - this.runtimeStyle.zoom="1", - /* ::before polyfill - creates <i class="ie-before"></i> */ - this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before", - /* ::after polyfill - creates <i class="ie-after"></i> */ - this.appendChild( document.createElement("i") ).className="ie-after" - ); -} - -.ie-before { - background: url("/media/logo-new-treeonly.png") center top no-repeat !important; - content: "home-icon"; - text-indent: -9999em; - width: 95px; - height: 85px; - display: block; - float: left; - margin-right: 20px; -} diff --git a/design/old/v8/screenv8.scss b/design/old/v8/screenv8.scss deleted file mode 100644 index 71988d2..0000000 --- a/design/old/v8/screenv8.scss +++ /dev/null @@ -1,29 +0,0 @@ -//@import 'flexbox'; //Flexbox relies on https://github.com/timhettler/compass-flexbox -@import "compass/css3/flexbox"; -@import "_normalize.scss"; -@import "_fonts.scss"; -@import "_mixins.scss"; -@import "_queries.scss"; -@import "_global.scss"; -@import "_header.scss"; -@import "_footer.scss"; -@import "_pagination.scss"; -@import "_writing_details.scss"; -@import "_notes.scss"; -@import "_writing_archive.scss"; -@import "_photos.scss"; -@import "_leaflet.scss"; -@import "_map.scss"; -@import "_projects.scss"; -@import "_homepage.scss"; -@import "_mailing-list.scss"; -@import "_birds.scss"; -@import "_books.scss"; -@import "_src.scss"; -@import "_figments.scss"; -@import "_resume.scss"; -@import "_inbox.scss"; -@import "_house.scss"; - -//@import _large.sass -//@import _desktop_lg.sass 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"; |