switch to new theme due to old theme not liking newer versions. New theme seems kick-arse, however
This commit is contained in:
Don Harper
parent
1909ea34ea
commit
e3ac8b96f5
531 changed files with 147790 additions and 66 deletions
419
themes/story/static/css/story.css
Normal file
419
themes/story/static/css/story.css
Normal file
|
|
@ -0,0 +1,419 @@
|
|||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
.sans-serif {
|
||||
font-family: 'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
|
||||
}
|
||||
body article {
|
||||
font-family: 'Spectral', Georgia, Times, serif;
|
||||
}
|
||||
@media only screen and (max-width: 30em) {
|
||||
body article p,
|
||||
body article li {
|
||||
font-family: 'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 50em) {
|
||||
body.is-page-true.feature-depth:not(.feature-nodepth):not(.feature-nohdr) article {
|
||||
margin-top: -2em;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.5em 0.125em;
|
||||
}
|
||||
}
|
||||
@media screen only {
|
||||
header h1,
|
||||
header h2 {
|
||||
text-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
blockquote {
|
||||
margin: 0;
|
||||
padding: 0 1rem;
|
||||
color: #6a737d;
|
||||
border-left: 0.25rem solid #dfe2e5;
|
||||
}
|
||||
pre {
|
||||
border: 1px solid #dfe2e5;
|
||||
border-radius: 3px;
|
||||
font-size: 75%;
|
||||
line-height: 1.4;
|
||||
padding: 1em;
|
||||
background: #f6f8fa;
|
||||
overflow: auto;
|
||||
}
|
||||
p > code,
|
||||
li > code,
|
||||
a > code,
|
||||
td > code {
|
||||
font-size: 80%;
|
||||
background: #f6f8fa;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
padding: 0.15em 0.25em;
|
||||
}
|
||||
article img {
|
||||
max-width: 100%;
|
||||
}
|
||||
hr {
|
||||
height: 0px;
|
||||
border-style: none none solid none;
|
||||
border-bottom-color: #dfe2e5;
|
||||
}
|
||||
table caption {
|
||||
text-align: left;
|
||||
font-family: 'Spectral', Georgia, Times, serif;
|
||||
font-style: italic;
|
||||
padding: 0px 0.5rem;
|
||||
}
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article p,
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article li,
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article td,
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article caption,
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article figcaption,
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article th {
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article pre,
|
||||
body.feature-hyphenate:not(.feature-nohyphenate) article code {
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
body.feature-justify:not(.feature-nojustify) article p,
|
||||
body.feature-justify:not(.feature-nojustify) article li {
|
||||
text-align: justify;
|
||||
}
|
||||
body.feature-hrfleuron:not(.feature-nohrfleuron) article > hr {
|
||||
border-style: none;
|
||||
width: 0px;
|
||||
text-align: center;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
body.feature-hrfleuron:not(.feature-nohrfleuron) article > hr:before {
|
||||
content: "\002766";
|
||||
}
|
||||
body.feature-hrdinkus:not(.feature-nohrdinkus) article > hr {
|
||||
border-style: none;
|
||||
width: 0px;
|
||||
text-align: center;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
body.feature-hrdinkus:not(.feature-nohrdinkus) article > hr:before {
|
||||
content: "*\000A0\000A0*\000A0\000A0*";
|
||||
}
|
||||
figure {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
figure img {
|
||||
display: block;
|
||||
}
|
||||
@media screen {
|
||||
body.feature-figcaption-hidden:not(.feature-figcaption-visible) figure {
|
||||
position: relative;
|
||||
}
|
||||
body.feature-figcaption-hidden:not(.feature-figcaption-visible) figcaption {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
padding: 1rem;
|
||||
visibility: hidden;
|
||||
}
|
||||
body.feature-figcaption-hidden figure:hover figcaption {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
body:not(.feature-tablefig) table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
font-size: 85%;
|
||||
font-family: 'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
|
||||
}
|
||||
body:not(.feature-tablefig) table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
body:not(.feature-tablefig) table th,
|
||||
body:not(.feature-tablefig) table td {
|
||||
display: table-cell;
|
||||
vertical-align: inherit;
|
||||
padding: 0.25rem 0.5rem;
|
||||
border: 1px solid #dfe2e5;
|
||||
}
|
||||
body:not(.feature-tablefig) table th {
|
||||
font-weight: 600;
|
||||
}
|
||||
body.feature-tablefw:not(.feature-tablefig) td {
|
||||
font-family: arial;
|
||||
}
|
||||
body.feature-tablefig:not(.feature-notablefig) table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
overflow: auto;
|
||||
font-size: 85%;
|
||||
font-family: inherit;
|
||||
border-top: 2px solid black;
|
||||
}
|
||||
body.feature-tablefig:not(.feature-notablefig) table thead,
|
||||
body.feature-tablefig:not(.feature-notablefig) table tbody {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
body.feature-tablefig:not(.feature-notablefig) table th,
|
||||
body.feature-tablefig:not(.feature-notablefig) table td {
|
||||
display: table-cell;
|
||||
vertical-align: bottom;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
body.feature-tablefig:not(.feature-notablefig) table th {
|
||||
font-weight: 600;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
body {
|
||||
counter-reset: figure-counter table-counter;
|
||||
}
|
||||
body.feature-fignum figure figcaption::before {
|
||||
counter-increment: figure-counter;
|
||||
content: "Figure " counter(figure-counter) ". ";
|
||||
}
|
||||
body.feature-fignum table caption::before {
|
||||
counter-increment: table-counter;
|
||||
content: "Table " counter(table-counter) ". ";
|
||||
}
|
||||
.feature-h3-cl h3 {
|
||||
clear: left;
|
||||
}
|
||||
.feature-h3-cr h3 {
|
||||
clear: right;
|
||||
}
|
||||
.feature-h3-cb h3 {
|
||||
clear: both;
|
||||
}
|
||||
.feature-nosubtitle h2 {
|
||||
display: none;
|
||||
}
|
||||
.footnotes {
|
||||
font-size: 80%;
|
||||
}
|
||||
.math {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.about-the-author img {
|
||||
float: left;
|
||||
max-width: 100px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
border-radius: 100%;
|
||||
margin: 0 1rem 1rem 0;
|
||||
}
|
||||
blockquote.tweet {
|
||||
border: 1px solid #dfe2e5;
|
||||
border-radius: 5px;
|
||||
padding: 4px 20px;
|
||||
color: black;
|
||||
}
|
||||
.pagination li {
|
||||
display: inline-block;
|
||||
}
|
||||
.pagination li a {
|
||||
padding: 0.5rem 0.625rem;
|
||||
background-color: white;
|
||||
color: #333;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.pagination li.disabled {
|
||||
display: none;
|
||||
}
|
||||
.pagination li.active a:link,
|
||||
.pagination li.active a:active,
|
||||
.pagination li.active a:visited {
|
||||
background-color: #ddd;
|
||||
}
|
||||
img[src~="3dbook"] {
|
||||
max-width: 120px;
|
||||
}
|
||||
@media screen {
|
||||
.book {
|
||||
display: inline-block;
|
||||
box-shadow: 5px 5px 20px #333;
|
||||
margin: 1rem;
|
||||
}
|
||||
.book img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.books {
|
||||
-moz-perspective: 100px;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin: 0px 0px 1rem 1rem;
|
||||
}
|
||||
.book {
|
||||
position: relative;
|
||||
-moz-perspective: 100px;
|
||||
-moz-transform: rotateY(-3deg);
|
||||
-webkit-transform: perspective(100) rotateY(-3deg);
|
||||
outline: 1px solid transparent;
|
||||
box-shadow: none;
|
||||
margin: 0;
|
||||
}
|
||||
.book img {
|
||||
position: relative !important;
|
||||
}
|
||||
.book:before,
|
||||
.book:after {
|
||||
position: absolute;
|
||||
top: 2%;
|
||||
height: 96%;
|
||||
content: ' ';
|
||||
z-index: -1;
|
||||
}
|
||||
.book:before {
|
||||
width: 100%;
|
||||
left: 6.5%;
|
||||
background-color: #484848;
|
||||
box-shadow: 0px 3px 20px 2px #333;
|
||||
}
|
||||
.book:after {
|
||||
width: 5%;
|
||||
left: 100%;
|
||||
background-color: #EFEFEF;
|
||||
box-shadow: inset 0px 0px 5px #aaa;
|
||||
-moz-transform: rotateY(20deg);
|
||||
-webkit-transform: perspective(100) rotateY(20deg);
|
||||
}
|
||||
}
|
||||
.display-print {
|
||||
display: none;
|
||||
}
|
||||
@media print {
|
||||
* {
|
||||
color: black !important;
|
||||
}
|
||||
pre,
|
||||
code {
|
||||
font-size: 0.85rem;
|
||||
background: white !important;
|
||||
padding: 3px !important;
|
||||
}
|
||||
img[src~="3dbook"] {
|
||||
border: 1px solid black;
|
||||
float: right;
|
||||
margin: 0px 0px 1rem 1rem;
|
||||
}
|
||||
.footnote-return {
|
||||
display: none;
|
||||
}
|
||||
a,
|
||||
a:link,
|
||||
a:visited,
|
||||
a:hover {
|
||||
text-decoration: underline black;
|
||||
}
|
||||
.footnote-ref a,
|
||||
.category a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
#hdr {
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 1rem !important;
|
||||
margin-bottom: 1rem !important;
|
||||
font-style: italic;
|
||||
}
|
||||
h3 a:link,
|
||||
h3 a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
.hide-print {
|
||||
display: none !important;
|
||||
}
|
||||
.display-print {
|
||||
display: inline !important;
|
||||
}
|
||||
.f4 {
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
.measure-wide {
|
||||
max-width: 45em !important;
|
||||
}
|
||||
main {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
.math {
|
||||
font-size: 0.85rem !important;
|
||||
}
|
||||
article {
|
||||
border-bottom-style: none !important;
|
||||
}
|
||||
}
|
||||
.hljs {
|
||||
display: block;
|
||||
color: #333333;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.hljs-comment,
|
||||
.hljs-meta {
|
||||
color: #969896;
|
||||
}
|
||||
.hljs-string,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-strong,
|
||||
.hljs-emphasis,
|
||||
.hljs-quote {
|
||||
color: #df5000;
|
||||
}
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-type {
|
||||
color: #a71d5d;
|
||||
}
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-attribute {
|
||||
color: #0086b3;
|
||||
}
|
||||
.hljs-section,
|
||||
.hljs-name {
|
||||
color: #63a35c;
|
||||
}
|
||||
.hljs-tag {
|
||||
color: #333333;
|
||||
}
|
||||
.hljs-title,
|
||||
.hljs-attr,
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo {
|
||||
color: #795da3;
|
||||
}
|
||||
.hljs-addition {
|
||||
color: #55a532;
|
||||
background-color: #eaffea;
|
||||
}
|
||||
.hljs-deletion {
|
||||
color: #bd2c00;
|
||||
background-color: #ffecec;
|
||||
}
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue