summaryrefslogtreecommitdiff
path: root/screenv1.css
diff options
context:
space:
mode:
Diffstat (limited to 'screenv1.css')
-rw-r--r--screenv1.css1424
1 files changed, 1424 insertions, 0 deletions
diff --git a/screenv1.css b/screenv1.css
new file mode 100644
index 0000000..75755f9
--- /dev/null
+++ b/screenv1.css
@@ -0,0 +1,1424 @@
+/* Crib:
+font-size: 20px
+font-size: 1.25rem
+@media screen and (min-width: 1170px)
+ */
+/******** Custom Fonts ************************* {{ "{{" }}{1 */
+@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;
+}
+
+/******** Base Styles ************************** {{ "{{" }}{1 */
+body {
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-family: mffweb, Georgia, 'Times New Roman', serif;
+ margin: 0 auto;
+ padding: 0;
+ color: #222;
+ text-align: left;
+ max-width: 96%;
+ line-height: 1.5;
+}
+@media screen and (min-width: 1170px) {
+ body {
+ font-size: 24px;
+ font-size: 1.5rem;
+ max-width: 100%;
+ }
+}
+a, button, input, select, textarea, label, summary {
+ touch-action: manipulation;
+}
+/* links */
+a {
+ color: #222;
+ transition: all 0.1s ease;
+ text-decoration-color: #007afc;
+}
+a:visited {
+ color: #222;
+}
+a:hover, a:visited:hover {
+ color: #007afc;
+}
+
+p {
+ text-align: left;
+}
+@media screen and (min-width: 1170px) {
+ p {
+ line-height: 1.6;
+ }
+}
+time {
+ display: block;
+}
+abbr {
+ cursor: help;
+}
+pre {
+ text-align: left;
+}
+object, embed, video, img {
+ max-width: 100%;
+ height: auto;
+}
+blockquote {
+ font-size: 22px;
+ font-size: 1.375rem;
+ display: block;
+ border-top: 1px solid #e6e6e6;
+ border-bottom: 1px solid #e6e6e6;
+ margin: 2rem 0;
+ position: relative;
+ text-align: left;
+ font-style: italic;
+}
+cite {
+ display: block;
+ text-align: right;
+}
+hr {
+ border: 0;
+ margin: 3rem 0;
+ display: block;
+ content: "";
+ 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));
+}
+figure {
+ margin: 0;
+}
+figcaption {
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 16px;
+ font-size: 1rem;
+ text-align: left;
+ line-height: 1.9;
+ padding: .3rem .5rem .3rem 0;
+ color: #666;
+ border-bottom: 1px #e6e6e6 solid;
+ margin-bottom: 1rem;
+}
+figcaption a, figcaption a:visited {
+ color: #666;
+}
+.figcaption {
+ display: block;
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 16px;
+ margin-top: -6px;
+}
+h1 {
+ font-size: 48px;
+ font-size: 3rem;
+ font-weight: normal;
+ margin-bottom: 0;
+ line-height: 1;
+}
+h2 {
+ font-size: 28px;
+ font-size: 1.75rem;
+ font-weight: normal;
+ margin: 0;
+}
+h3 {
+ font-size: 24px;
+ font-size: 1.5rem;
+ font-weight: normal;
+}
+h4 {
+ font-size: 22px;
+ font-size: 1.375rem;
+}
+h5 {
+ font-size: 16px;
+ font-size: 1rem;
+}
+dd {
+ display: inline;
+ margin: 0;
+}
+dd:after{
+ display: block;
+ content: '';
+}
+dt{
+ display: inline-block;
+}
+dt:after {
+ content: ":";
+}
+form fieldset {
+ margin: 1rem 0;
+ padding: 0;
+ border: none;
+ width: 100%;
+ position: relative;
+}
+form fieldset label {
+ position: absolute;
+ font-size: 14px;
+ font-size: .875rem;
+ font-family: mffnweb, Helvetica, sans-serif;
+ color: #666;
+ 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%;
+ font-size: 24px;
+ font-size: 1.5rem;
+ font-family: mffnweb, Helvetica, sans-serif;
+}
+iframe {
+ border: none !important;
+ width: 100% !important;
+}
+/* }}} */
+/******** Global Layout ************************ {{ "{{" }}{1 */
+.content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 96%;
+}
+@media screen and (min-width: 1170px) {
+ .content {
+ max-width: 100%;
+ }
+}
+@media screen and (min-width: 1440px) {
+ .content {
+ max-width: 1440px;
+ }
+}
+@media screen and (min-width: 750px) {
+ .post-body > *:not(.picwide):not(.cluster), .post-article > *:not(.picwide):not(.cluster):not(.highlight) {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 750px;
+ }
+}
+.narrow {
+ max-width: 750px;
+ margin: 0 auto;
+}
+/* }}} */
+/******** Universals *************************** {{ "{{" }}{1 */
+.hide {
+ display: none;
+}
+.alert {
+ color: red !important;
+}
+.small {
+ font-size: 85%;
+}
+.btn {
+ font-size: 15px;
+ font-size: .9375rem;
+ display: inline-block;
+ border-radius: 4px;
+ -webkit-appearance: none;
+ text-decoration: none;
+ cursor: pointer;
+ background: #b53a04;
+ color: #fff;
+ border: 1px solid #b53a04;
+ padding: 4px 14px;
+ white-space: nowrap;
+}
+.btn:hover {
+ background: #b53a04;
+ border: 1px solid #b53a04;
+}
+
+.flex {
+ display: flex;
+}
+.flex .btn, .flex .btn-hollow {
+ flex-basis: 10%;
+}
+.buy-btn {
+ font-family: mffnweb, Helvetica, sans-serif;
+ display: block;
+ padding: .5rem 1rem;
+ background: #249bd6;
+ color: white;
+ text-transform: uppercase;
+ font-size: 16px;
+ font-size: 1rem;
+ text-decoration: none;
+ margin-right: 1rem;
+}
+.buy-btn-wrapper {
+ display: flex;
+ justify-content: start;
+ align-items: center;
+ align-content: space-between;
+}
+.buy-btn-wrapper h4 {
+ margin: 0 1.5rem 0 0;
+ line-height: normal;
+}
+.buy-btn-wrapper h4:after {
+ content: ":";
+}
+.buy-btn-wrapper h5 {
+ margin-right: 1rem;
+}
+.hedtinycaps {
+ /* smcaps */
+ font-family: mffnweb, Helvetica, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 16px;
+ font-size: 1rem;
+ line-height: 1.2;
+ font-weight: 600;
+ display: inline-block;
+ margin-bottom: 2rem;
+ border-bottom: 2px solid #efefef;
+ text-align: center;
+}
+.honeypot {
+ display: none;
+}
+/* }}} */
+/******** Header Styles ************************ {{ "{{" }}{1 */
+.header-wrapper {
+ padding-top: 6px;
+ margin: 0 auto;
+ /* smcaps */
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-family: mffnweb, Helvetica, sans-serif;
+ text-align: center;
+}
+.header-wrapper a {
+ text-decoration: none;
+}
+.header-wrapper nav {
+ border-top: 1px #444444 dotted;
+ border-bottom: 1px #444444 dotted;
+ margin: 1rem 0 .5rem 0;
+ padding: 0 0 .25rem 0;
+}
+/* Rules for wider Layout */
+@media screen and (min-width: 750px) {
+ .header-wrapper {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ border-bottom: 1px #f3efef solid;
+ margin-top: 1.25rem;
+ max-width: 96%;
+ }
+ .header-wrapper nav {
+ border: none;
+ margin-top: 1.5rem;
+ }
+}
+/*Slight adjust for full width*/
+@media screen and (min-width: 1440px) {
+ .header-wrapper {
+ max-width: 1440px;
+ }
+}
+/*********** Logo styles ********************************/
+.logo-link {
+ display: block;
+ font-weight: 300;
+ font-family: 'carrois_gothicregular', Helvetica, sans-serif;
+ font-size: 2rem;
+}
+.logo-link:before {
+ display: block;
+ content: "home-icon";
+ background: url("logo.png") center top no-repeat;
+ width: 95px;
+ height: 65px;
+ background-size: 95px;
+ background-size: 85px;
+ margin: 5px auto;
+ text-indent: -9999em;
+}
+.logo-link {
+ letter-spacing: -.5px;
+}
+@media screen and (min-width: 750px) {
+ .logo-link {
+ text-align: left;
+ }
+ .logo-link:before {
+ float: left;
+ height: 55px;
+ width: 75px;
+ background-size: 72px;
+ margin: 5px 10px -4px 0;
+ }
+}
+/*********** Subtitle styles ******************************/
+.sitesubtitle {
+ display: block;
+ margin-top: -8px;
+ margin-bottom: 10px;
+ font-family: mffweb, Georgia, 'Times New Roman', serif;
+ font-style: italic;
+ font-weight: 300;
+ font-size: .75rem;
+}
+@media screen and (min-width: 750px) {
+ .sitesubtitle {
+ text-align: left;
+ }
+}
+/********** class for header and footer menus *********/
+.nav-item, .nav-item a, .nav-item:visited {
+ color: #757575;
+ margin: 0 0.25rem;
+ font-family: mffnweb, Helvetica, sans-serif;
+ text-decoration: none;
+ font-weight: 600;
+ font-size: .8125rem;;
+ line-height: 1.2;
+ text-transform: uppercase;
+}
+.nav-item:after {
+ content: "\00b7";
+ color: #9d9d9d;
+ padding-left: 0.75rem;
+}
+.nav-item:last-child:after {
+ content: " ";
+ padding-left: 0;
+}
+.nav-item span {
+ visibility: hidden;
+ display: none;
+}
+@media screen and (min-width: 750px) {
+ .nav-item span {
+ visibility: unset;
+ display: unset;
+ }
+}
+/* }}} */
+/******** Page Breadcrumbs ********************* {{ "{{" }}{1 */
+.breadcrumbs {
+ font-family: mffnweb, Helvetica, sans-serif;
+ margin: 0 auto;
+ text-align: center;
+}
+@media screen and (min-width: 750px) {
+ .breadcrumbs {
+ max-width: 96%;
+ text-align: left;
+ }
+}
+@media screen and (min-width: 1440px) {
+ .breadcrumbs {
+ max-width: 1440px;
+ }
+}
+.breadcrumbs .nav-item {
+ margin: 0;
+}
+.breadcrumbs .nav-item, .breadcrumbs .nav-item a {
+ color: #808080;
+ text-decoration: none;
+}
+.breadcrumbs .nav-item:after {
+ content: "\2192";
+ padding: 0;
+}
+.breadcrumbs .nav-item:last-of-type:after {
+ content: "";
+}
+/* }}} */
+/******** Images ******************************* {{ "{{" }}{1 */
+.picwide img {
+ max-width: 98%;
+}
+@media screen and (min-width: 750px) {
+ .picwide img {
+ max-width: 100%;
+ }
+}
+
+p + .picwide {
+ margin-top: 1.75rem;
+}
+@media screen and (min-width: 750px) {
+ p + .picwide {
+ margin-top: 2.6rem;
+ }
+}
+
+.row-2 {
+ display: flex;
+ flex-direction: row;
+ gap: .5rem;
+}
+.row-2 > *:last-of-type {
+ margin-left: 10px;
+}
+/* }}} */
+/******** Archive Grids ************************ {{ "{{" }}{1 */
+.archive-grid {
+ max-width: 96%;
+ margin-top: 2rem;
+ margin-left: auto;
+ margin-right: auto;
+ list-style-type: none;
+ padding: 0;
+}
+.archive-grid-quad {
+ /*used for books and related posts in detail pages*/
+ list-style-type: none;
+ padding: 0;
+}
+@media screen and (min-width: 750px) {
+ .archive-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 20px;
+ row-gap: 1rem;
+ }
+ /* homepage recent */
+ .archive-grid-double {
+ grid-template-columns: 1fr 1fr;
+ row-gap: 1rem;
+ grid-gap: 16px;
+ }
+ .archive-grid-quad {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-gap: 15px;
+ }
+}
+@media screen and (min-width: 860px) {
+ .archive-grid-quad {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+ /* there's only 4 related items so override the
+ 3-grid at breakpoint beta*/
+ .related .archive-grid-quad {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+@media screen and (min-width: 1170px) {
+ .archive-grid-quad, .related .archive-grid-quad {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+}
+@media screen and (min-width: 1440px) {
+ .archive-grid {
+ max-width: 1440px;
+ }
+}
+.archive-grid-single {
+ grid-template-columns: 1fr;
+ row-gap: 1rem;
+ grid-gap: 16px;
+}
+@media screen and (min-width: 750px) {
+ /* get popular and recent lined up
+ side by side on the hompage */
+ .recent-popular {
+ display: flex;
+ flex-direction: row;
+ width: calc(100% + 30px);
+ }
+ .recent-popular .popular {
+ margin-left: 30px;
+ }
+}
+.archive-grid-card a {
+ text-decoration: none;
+}
+.archive-grid-card .card-smcaps a {
+ color: #747474;
+}
+.archive-grid-card-simple {
+ /*container object for cards with no dek*/
+ line-height: 1;
+ margin-bottom: 1.4rem;
+}
+/* }}} */
+/******** Archive Cards ************************ {{ "{{" }}{1 */
+.card-smcaps, .post-smcaps {
+ /* formats date and location lines as small caps */
+ font-family: mffnweb, Helvetica, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ color: #747474;
+ font-weight: bold;
+ font-size: 13px;
+ font-size: .8125rem;
+ margin: 0;
+}
+.card-hed {
+ /* main headline of the card */
+ font-size: 32px;
+ font-size: 2rem;
+ color: #555;
+ margin: 0;
+ line-height: 1;
+}
+.card-hed-it {
+ /* italic variant of card hed
+ used on jrnl archives */
+ font-size: 26px;
+ font-size: 1.625rem;
+ line-height: 1.3;
+ font-style: italic;
+ margin: .25rem 0 .5rem;
+
+}
+.card-hed-smit {
+ /* smaller italic variant of card hed
+ used on homepage */
+ font-size: 22px;
+ font-size: 1.375rem;
+ line-height: 1.3;
+ font-style: italic;
+ margin: .25rem 0 .5rem;
+
+}
+.card-hed-btm {
+ /* hed with a little bottom margin used in book list */
+ margin-bottom: .5rem;
+}
+.card-image img {
+ border-radius: 8px;
+}
+.card-image-sm {
+ /* smaller card image
+ used on homepage */
+ max-height: 180px;
+ overflow: hidden;
+ margin-bottom: .5rem;
+}
+.card-image-sm img {
+ margin-top: -20%;
+}
+.card-image-tiny {
+ /* even smaller card image used for
+ related posts on detail pages*/
+ max-height: 120px;
+ overflow: hidden;
+ margin-bottom: .5rem;
+}
+.card-image-tiny img {
+ width: 100%;
+ margin-top: -20%;
+}
+.card-lede {
+ /* subtitle or lede */
+ font-size: 20px;
+ font-size: 1.25rem;
+ color: #747474;
+ font-style: italic;
+ line-height: 1.6;
+ margin: 0;
+}
+.card-dek {
+ /* used for p test on jrnl page and elsewhere*/
+ font-size: 16px;
+ font-size: 1rem;
+ line-height: 1.6;
+ margin: 0 0 .5rem;
+}
+.card-stars {
+ /* ratings on books */
+ font-size: 16px;
+ font-size: 1rem;
+ display: block;
+}
+.read-in {
+ /* makes read in date in books look good */
+ display: block;
+}
+.circle-img-wrapper {
+ /* small images next to archive lists */
+ border-radius: 50%;
+ width: 106px;
+ height: 106px;
+ overflow: hidden;
+ float: left;
+ border: 3px solid #666;
+}
+@media screen and (min-width: 750px) {
+ .circle-img-wrapper {
+ margin-left: -128px;
+ margin-top: -2px;
+ }
+}
+.circle-img-wrapper img {
+ width: 160px;
+ max-width: 160px;
+}
+/* }}} */
+/******** Archive Lists ************************ {{ "{{" }}{1 */
+.archive-wrapper{
+ /*page content wrapper*/
+}
+.archive-hed {
+ /*title of an archive page*/
+ font-size: 38px;
+ font-size: 2.375rem;
+ line-height: 1.1;
+ margin-bottom: .5rem;
+ text-align: center;
+}
+@media screen and (min-width: 750px) {
+ .archive-hed {
+ text-align: left;
+ }
+}
+.archive-lede {
+ /* second headline below the intro*/
+ font-size: 22px;
+ font-size: 1.375rem;
+ line-height: 1.3;
+ font-style: italic;
+ color: #999;
+ margin-top: .5rem;
+ text-align: center;
+ border-bottom: 1px solid #efefef;
+}
+@media screen and (min-width: 750px) {
+ .archive-lede {
+ text-align: left;
+ margin-bottom: 2.4rem;
+ padding-bottom: 2.4rem;
+ }
+}
+.archive-intro {
+ /*text at the top of the list/card page*/
+ max-width: 96%;
+ margin: 3rem auto 4rem auto;
+ border-bottom: 3px double #efefef;
+ padding-bottom: 3rem;
+}
+@media screen and (min-width: 750px) {
+ .archive-intro {
+ max-width: 750px;
+ }
+}
+.archive-intro p, .archive-intro ul {
+ font-size: 20px;
+ font-size: 1.25rem;
+ line-height: 1.5;
+}
+.archive-sans {
+ /* second headline below the intro */
+ max-width: 96%;
+ margin: 0 auto;
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 36px;
+ font-size: 2.25rem;
+ letter-spacing: -.5px;
+}
+@media screen and (min-width: 750px) {
+ .archive-sans {
+ max-width: 750px;
+ }
+}
+.archive-list{
+ /*the ul tag for archive lists*/
+ max-width: 96%;
+ margin: 0 auto;
+ list-style-type: none;
+ padding: 0;
+}
+@media screen and (min-width: 750px) {
+ .archive-list {
+ max-width: 750px;
+ }
+}
+.archive-list-card {
+ /* the li tag within archive lists
+ used to control spacing*/
+ margin-bottom: 4rem;
+}
+.archive-list-card a {
+ text-decoration: none;
+}
+.archive-list-card-sm {
+ /* less spacing in lists with no images
+ used on essay pages and src */
+ margin-bottom: 1.5rem;
+}
+/* }}} */
+/******** Archive Pagination ******************* {{ "{{" }}{1 */
+.pagination {
+ margin: 3rem auto 0 auto;
+ font-family: sans-serif;
+ font-size: 16px;
+ font-size: 1rem;
+}
+.pagination ul {
+ list-style-type: none;
+ padding: 0;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+.pagination li {
+ padding: 6px;
+}
+.pagination a {
+ text-decoration: none;
+ padding: 6px;
+ color: #333;
+ border: 1px solid #333;
+}
+.pagination a:hover {
+ color: white;
+ background: #b53a04;
+}
+.pagination .prev:before {
+ content: "\2190";
+}
+.pagination .next:after{
+ content: "\2192";
+}
+.pagination-top {
+ /* currently unused but adds spacing to
+ page nav when it's at the top */
+ margin: 1rem auto 3rem;
+}
+/* }}} */
+/******** Post Header, Dateline, Map *********** {{ "{{" }}{1 */
+.post-header {
+ margin: 0 auto 2.6rem;
+ padding-bottom: 2.6rem;
+ border-bottom: 1px solid #efefef;
+ text-align: center;
+ color: #555;
+}
+@media screen and (min-width: 750px) {
+ .post-header {
+ text-align: left;
+ max-width: 750px;
+ }
+}
+.post-dateline {
+ display: inline-block;
+ margin-top: 1rem;
+ padding-top: 1rem;
+ border-top: 1px solid #efefef;
+ font-size: 14px;
+ font-size: .875rem;
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ color: #747474;
+}
+.post-dateline a {
+ color: #747474;
+}
+.post-subtitle {
+ font-style: italic;
+ font-size: 22px;
+ font-size: 1.4rem;
+ line-height: 1.25;
+}
+
+.map {
+ width: 100vw;
+ position: relative;
+ left: 50%;
+ right: 50%;
+ margin-left: -50vw;
+ margin-right: -50vw;
+}
+#detail-map-canvas {
+ height: 400px;
+ width: 98vw;
+ position: relative;
+ left: 49%;
+ right: 49%;
+ margin-left: -49vw;
+ margin-right: -49vw;
+}
+#mapbtn {
+ cursor: pointer;
+ border-bottom: #b53a04 1px solid;
+}
+/* }}} */
+/******** Post Main **************************** {{ "{{" }}{1 */
+.post-article p {
+ margin-bottom: 1.5rem;
+}
+.post-article h3 {
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 26px;
+ font-size: 1.625rem;
+ font-weight: bold;
+}
+.post-article h4, h3 {
+ margin: 3rem 0 0 0;
+ line-height: 1.4;
+}
+.post-article h4+p, .post-article h3+p {
+ margin-top: .125rem;
+}
+.post-article h5 {
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 20px;
+ font-size: 1.25rem;
+}
+.post-title {
+ margin-bottom: .25rem;
+}
+.post-location, .post-location a {
+ color: #adadad
+}
+#about-luxagraf .circle-pic {
+ margin: 0 auto;
+ display: block;
+}
+.post-source {
+ text-transform: uppercase;
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 14px;
+ font-size: .875rem;
+ font-weight: 600;
+ margin: 0;
+}
+@media screen and (min-width: 1170px) {
+ #about-luxagraf .circle-pic {
+ float: left;
+ margin-left: -250px;
+ }
+}
+.circle-pic {
+ border-radius: 50%;
+ border: 3px solid #000;
+}
+/* }}} */
+/******** Post Footer, Related, Footnotes ****** {{ "{{" }}{1 */
+.entry-footer {
+ margin: 0 auto;
+ max-width: 96%;
+ border-top: 3px double #efefef;
+ border-bottom: 3px double #efefef;
+ margin-top: 3rem;
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ font-size: 90%;
+}
+@media screen and (min-width: 750px) {
+ .entry-footer {
+ max-width: 750px;
+ display: flex;
+ flex-direction: row;
+ }
+ .entry-footer #recommended-reading ul {
+ margin-left: 2rem;
+ }
+ .src .entry-footer {
+ display: block;
+ }
+}
+
+.entry-footer .hedtinycaps {
+ margin-bottom: 0;
+}
+.entry-footer #recommended-reading ul {
+ list-style-type: none;
+ padding: 0;
+}
+.entry-footer #wildlife ul {
+ padding: 0;
+}
+
+.related {
+ /* slightly wider column for related posts with
+ images on most detail pages */
+ margin: 0 auto;
+ max-width: 96%;
+ text-align: center;
+}
+@media screen and (min-width: 960px) {
+ .related {
+ max-width: 960px;
+ }
+}
+.related time { display: inline;}
+.related a { text-decoration: none;}
+.related .card-hed {
+ text-align: center;
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 20px;;
+ font-size: 1.25rem;
+ margin: 1rem auto .25rem;
+ color: #222;
+}
+.related .card-smcap {
+ text-align: center;
+ color: #999;
+}
+
+.footnote {
+ font-size: 80%;
+ line-height: 1;
+}
+
+/* }}} */
+/******** Post Interpage Nav ******************* {{ "{{" }}{1 */
+.page-navigation {
+ max-width: 96%;
+ margin: 1rem auto;
+ border-bottom: 3px double #efefef;
+ padding: 1rem 0 2rem 0;
+ text-align: center;
+}
+@media screen and (min-width: 750px) {
+ .page-navigation {
+ max-width: 750px;
+ width: 750px;
+ }
+}
+.page-navigation div {
+ line-height: 1;
+}
+.page-navigation .label {
+ display: inline-block;
+ font-size: 14px;
+ font-size: .875rem;
+ text-transform: uppercase;
+ font-weight: bold;
+ font-family: mffnweb, Helvetica, sans-serif;
+ color: #838383;
+ letter-spacing: 1px;
+ text-align: right;
+ min-width: 80px;
+}
+.page-navigation a {
+ text-decoration: none;
+ font-size: 16px;
+ font-size: 1rem;
+ font-style: italic;
+}
+/* }}} */
+/******** Post Sightings/Book Tweaks *********** {{ "{{" }}{1 */
+.center .post-header {
+ /* centers the hed */
+ text-align: center;
+ color: #222;
+}
+.center .post-smcaps {
+ text-align: center;
+}
+.post-subtitle-line{
+ font-size: 22px;
+ font-size: 1.375rem;
+ text-align: center;
+ display: inline-block;
+ border-top: #333 solid 1px;
+ margin-top: 1rem;
+ padding-top: 1rem;
+}
+.list-sm {
+ font-size: 20px;
+ font-size: 1.25rem;
+}
+.book-detail .post-hed {
+ font-size: 34px;
+ font-size: 2.125rem;
+}
+.book-detail .post-subtitle-line {
+ font-style: italic;
+}
+.book-cover-wrapper {
+ float:left;
+ padding-right: .5rem;
+}
+.book-cover-wrapper img {
+ margin-left: -.5rem;
+ max-width: 300px;
+}
+.book-metadata {
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 18px;
+ font-size: 1.125rem;
+}
+.book-highlight:after {
+ display: block;
+ content: '';
+ height: 30px;
+ border-bottom: 3px solid #efefef;
+ width: 200px;
+ margin: 0 auto 3rem auto;
+ padding-left: 30px;
+}
+.book-highlight-link {
+ font-size: 20px;
+ font-size: 1.25rem;
+ margin-right: .5rem;
+ margin-left: -1.2rem;
+ float: left;
+ line-height: 1.6;
+ text-decoration: none;
+ color: #bbb;
+}
+.book-highlight-body p:last-of-type {
+ margin-bottom: 0;
+}
+.book-highlight-footer {
+ font-size: 16px;
+ font-size: 1rem;
+ display: inline;
+}
+/* }}} */
+/******** Post SRC Tweaks/Code Styles ********** {{ "{{" }}{1 */
+.highlight {
+ margin: 0 auto;
+ max-width: 96%;
+ padding: 1rem;
+ margin-bottom: 1em;
+ font-size: 20px;
+ font-size: 1.25rem;
+}
+@media screen and (min-width: 1170px) {
+ .highlight {
+ max-width: 960px;
+ }
+}
+.go:before {
+ content: "$ ";
+}
+code > .comment::after {
+ display:none;
+}
+pre{
+ white-space: pre-wrap;
+}
+/* }}} */
+/******** Post Begging Buttons ***************** {{ "{{" }}{1 */
+.donate {
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 20px;
+ font-size: 1.25rem;
+}
+.src .donate {
+ border-bottom: 3px double #efefef;
+ padding-bottom: 3rem;
+}
+.donate p {
+ line-height: 1.3;
+}
+.donate h3 {
+ margin-top: .5rem;
+}
+.donate-btn {
+ display: inline-block;
+ margin-left: .5rem;
+}
+.donate-btn 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: 46px;
+ padding: 2px 7px 3px;
+ text-decoration: none;
+ width: 70px;
+}
+.join {
+ margin-top: 2rem;
+}
+@media screen and (min-width: 1440px) {
+ .join {
+ margin-top: 4rem;
+ }
+}
+/* }}} */
+/******** Global Footer Styles ***************** {{ "{{" }}{1 */
+.page-footer {
+ margin: 0 auto;
+ border-top: 1px #f3efef solid;
+ margin-top: 5rem;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 13px;
+ font-size: .8125rem;
+ line-height: 1.2;
+ font-weight: 600;
+ text-align: center;
+}
+.page-footer nav {
+ margin: 1.5rem 0 .5rem 0;
+}
+@media screen and (min-width: 750px) {
+ .page-footer {
+ text-align: right;
+ max-width: 96%;
+ }
+}
+/*Slight adjust for full width*/
+@media screen and (min-width: 1440px) {
+ .page-footer {
+ max-width: 1440px;
+ }
+}
+#license {
+ text-transform: none;
+ text-align: center;
+ font-family: mffnweb, Helvetica, sans-serif;
+ letter-spacing: normal;
+ font-size: 14px;
+ font-size: .875rem;
+ font-weight: 300;
+}
+#license a {
+ text-decoration: none;
+}
+@media screen and (min-width: 750px) {
+ #license {
+ text-align: right;
+ }
+}
+/* }}} */
+/******** Mailing List Styles ****************** {{ "{{" }}{1 */
+.large-top-image{
+ background: #f7f7f7;
+}
+.large-top-image img {
+ max-width: 100%;
+ margin: 4rem 0;
+}
+@media screen and (min-width: 750px) {
+ .large-top-image .exif-caption {
+ padding-bottom: .5rem;
+ padding-left: 10px;
+ }
+}
+.list-hed{
+ font-size: 32px;
+ font-size: 2rem;
+}
+.list-subhed {
+ font-size: 26px;
+ font-size: 1.625rem;
+ font-style: italic;
+ margin-bottom: 0;
+}
+.generic-form {
+ margin: 2rem 0;
+}
+.generic-form fieldset {
+ padding: 0;
+ border: none;
+ width: 100%;
+ position: relative;
+}
+.generic-form input[type=email] {
+ font-size: 18px;
+ background-color: #fff;
+ border: 2px solid darken(#efefef, 10);
+ border-radius: 5px;
+ height: 2.2rem;
+ padding: 4px 4px 4px 8px;
+ margin-right: .5rem;
+}
+.generic-form label {
+ display: block;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+.flex {
+ display: flex;
+}
+.flex .btn, .flex .btn-hollow {
+ flex-basis: 10%;
+}
+
+.newsletter-subscribe {
+ margin: 3rem 0;
+}
+.newsletter-subscribe fieldset {
+ margin: 0;
+}
+.section {
+ margin-top: 6rem;
+}
+/* }}} */
+/******** Comment Styles *********************** {{ "{{" }}{1 */
+.comment-wrapper, .comment-form-wrapper {
+ margin: 0 auto;
+ max-width: 96%;
+}
+@media screen and (min-width: 750px) {
+ .comment-wrapper, .comment-form-wrapper {
+ max-width: 750px;
+ }
+}
+.comment-wrapper {
+ margin-top: 5rem;
+ padding-top: 4rem;
+ border-top: 2px solid #efecec;
+}
+.comment-form-wrapper .submit {
+ display: flex;
+ justify-content: flex-end;
+}
+
+.comment-form-wrapper input[type="submit"] {
+ display: block;
+ width: auto;
+ margin-left: 10px;
+}
+.comment-card-wrapper:after {
+ display: block;
+ margin: 4rem auto;
+ content: " ";
+ height: 1px;
+ width: 96%;
+ 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));
+}
+.comment-card-hed {
+ border-bottom: 1px solid #ececec;
+ padding-bottom: .75rem;
+}
+.comment-card-commenter {
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 22px;
+ font-size: 1.375rem;
+ display: block;
+ line-height: 1.2
+
+}
+.comment-card-image {
+ border: 2px #222 solid;
+ float: left;
+ margin-right: 1rem;
+}
+/* }}} */
+/******** Homepage Styles ********************** {{ "{{" }}{1 */
+.homepage-section-header {
+ font-family: mffnweb, Helvetica, sans-serif;
+ font-size: 28px;
+ font-size: 1.75rem;
+}
+.banner .large-top-image {
+ position: relative;
+ max-height: 500px;
+ overflow: hidden;
+}
+.banner .large-top-image img {
+ margin: 0;
+}
+@media screen and (min-width: 750px) {
+ .banner .large-top-image img {
+ }
+}
+
+.full-two-col {
+ margin: 6rem auto;
+ max-width: 96%;
+}
+@media screen and (min-width: 1440px) {
+ .full-two-col {
+ max-width: 1440px;
+ }
+}
+
+@media screen and (min-width: 600px) {
+ .homepage-bio-wrapper {
+ }
+}
+.homepage-next {
+ margin-top: 3rem;
+}
+.homepage-next h5 {
+ text-align: center;
+}
+.homepage-next a {
+ font-family: mffnweb, Helvetica, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 14px;
+ font-size: .875rem;
+ line-height: 1.2;
+ font-weight: 600;
+ text-decoration: none;
+ padding: 12px 10px 12px;
+ border: #b53a04 1px solid;
+}
+.homepage-next a:after {
+ content: "\21E2";
+ margin-left: 4px;
+}
+.homepage-next a:hover {
+ background: #b53a04;
+ color: white;
+}
+/* }}} */
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-11-08 22:26:31 +0000