diff options
author | luxagraf <sng@luxagraf.net> | 2024-05-10 13:55:18 -0500 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2024-05-10 13:55:18 -0500 |
commit | 0166afd8377ebb565ae0b8310d1d08a32420fb6f (patch) | |
tree | 1a9e60922c57e7cf1b2cf0fa310b995651aeeac8 | |
parent | 06085dc492c1d558c0956cad7f3b4b6e39f11187 (diff) |
gen: css bug fix
-rw-r--r-- | app/normalize/models.py | 6 | ||||
-rw-r--r-- | screenv11.css | 1464 | ||||
-rw-r--r-- | templates/base.html | 2 |
3 files changed, 6 insertions, 1466 deletions
diff --git a/app/normalize/models.py b/app/normalize/models.py index 8333681..b99ae1e 100644 --- a/app/normalize/models.py +++ b/app/normalize/models.py @@ -17,7 +17,11 @@ class RelatedPost(models.Model): def __str__(self): if self.model_name.name == 'post': - p = apps.get_model("posts", "Post").objects.get(id=self.entry_id) + print(self.entry_id) + try: + p = apps.get_model("posts", "Post").objects.get(id=self.entry_id) + except: + print(self.title) return "%s - %s" % (p.get_post_type_display(), self.title) else: return "%s - %s" % (self.model_name, self.title) diff --git a/screenv11.css b/screenv11.css deleted file mode 100644 index 3f9e349..0000000 --- a/screenv11.css +++ /dev/null @@ -1,1464 +0,0 @@ -/* 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: #b53a04; -} -a:hover { - text-decoration: none; -} -a:visited { - color: #222; -} - -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%; -} -.strike { - text-decoration: line-through; -} -.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.8rem; - } -} -/*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-new-@2x-treeonly.png") center top no-repeat; - width: 95px; - height: 65px; - background-size: 95px; - background-size: 85px; - margin: 5px auto; - text-indent: -9999em; -} -@media screen and (min-width: 750px) { - .logo-link { - text-align: left; - margin-top: 1.25rem; - } - .logo-link:before { - float: left; - height: 85px; - width: 105px; - background-size: 102px; - margin: -1rem 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; -} -/* }}} */ -/******** 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 #e0e0e0; - 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 #e0e0e0; - 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; -} -.post-afterward { - font-style: italic; -} -.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-body p { - margin-bottom: 1.5rem; -} -.post-body h3 { - font-family: mffnweb, Helvetica, sans-serif; - font-size: 28px; - font-size: 1.75rem; - font-weight: bold; - border-bottom: 1px solid #e6e6e6; -} -.post-body h4, h3 { - margin: 3rem 0 0 0; - line-height: 1.4; -} - .post-body h3+p { - margin-top: 1.5rem; - } -.post-body h4+p{ - margin-top: .125rem; -} -.post-body 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; - } - .solo ul { - column-count: 3; - column-gap: 2rem; - } -} -.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: 900px; - overflow: hidden; -} -.banner .large-top-image img { - margin: 0; -} -@media screen and (min-width: 750px) { - .banner .large-top-image img { - margin-top: -120px; - } -} - -@media screen and (min-width: 750px) { - .banner figcaption { - position: absolute; - margin: 0; - bottom: 0; - width: 100%; - z-index: 100; - background: rgba(0,0,0,0.6); - } -} -.hero-text-wrapper { - font-family: mffweb, Georgia, 'Times New Roman', serif; - text-align: center; - color: white; - padding-bottom: 1.5rem; -} -.hero-text-wrapper .post-dateline { - border-top: 1px solid #484848; -} -.hero-text-wrapper .post-smcaps, .hero-text-wrapper .post-smcaps a { - color: #bbb; -} -.hero-text-wrapper .btn { - margin-top: 18px; - color: white; -} -.recent-popular, .homepage-bio-section, .homepage-next { - margin: 6rem auto; - max-width: 96%; -} -@media screen and (min-width: 1440px) { - .recent-popular, .homepage-bio-section, .homepage-next { - max-width: 1440px; - } -} - -@media screen and (min-width: 600px) { - .homepage-map-img { - display: block; - height: auto; - margin: 2rem 2rem auto 0; - min-width: 350px; - } - .homepage-bio-wrapper { - display: flex; - flex-direction: row; - justify-content: space-between; - } -} -.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; -} -/* }}} */ -/******** Leaflet Styles *********************** {{ "{{" }}{1 */ -.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/templates/base.html b/templates/base.html index c0d815c..03be0c3 100644 --- a/templates/base.html +++ b/templates/base.html @@ -16,7 +16,7 @@ title="Luxagraf RSS feed" href="https://luxagraf.net/rss/"> {%block stylesheet%}<link rel="stylesheet" - href="/media/screenv11.css?{% now "u" %}" + href="/media/screenv11.min.css?{% now "u" %}" media="screen">{%endblock%} {%block extrahead%}{%endblock%} </head> |