damnit four
This commit is contained in:
1
themes/kiera/static/css/katex.min.css
vendored
Normal file
1
themes/kiera/static/css/katex.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
themes/kiera/static/css/normalize.min.css
vendored
Normal file
2
themes/kiera/static/css/normalize.min.css
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
|
||||
/*# sourceMappingURL=normalize.min.css.map */
|
||||
463
themes/kiera/static/css/styles-dark.css
Normal file
463
themes/kiera/static/css/styles-dark.css
Normal file
@ -0,0 +1,463 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
font-family: "Roboto Slab", serif;
|
||||
color: #ffffff;
|
||||
background: #2A2829;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
time {
|
||||
font-family: "Ruda", sans-serif;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: 100vw;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#container > * {
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#container > * {
|
||||
width: auto;
|
||||
margin: 0 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
#container header {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#container header h1 {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
|
||||
#container header h1 a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#container header ul {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#container header ul li {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#container header ul {
|
||||
float: none;
|
||||
}
|
||||
#container header ul li {
|
||||
margin: 0 1em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
#container nav {
|
||||
border-bottom: solid 3px #cecece;
|
||||
padding-bottom: 0.5em;
|
||||
font-family: "Ruda", sans-serif;
|
||||
}
|
||||
|
||||
#container nav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#container nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
#container nav ul li {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#container nav ul li a.active {
|
||||
border-bottom: 0.5em solid #ffffff;
|
||||
}
|
||||
|
||||
#container main {
|
||||
flex: 1 0 0;
|
||||
line-height: 1.5;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
#container main section#home ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#container main section#home ul li {
|
||||
margin: 0.5em 0;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
#container main section#home ul li h2 {
|
||||
margin: 0.2em 0;
|
||||
}
|
||||
|
||||
#container main section#home span {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
#container main section#list ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#container main section#list ul li {
|
||||
padding: 0.5em 0;
|
||||
border-bottom: 1px solid #cecece;
|
||||
}
|
||||
|
||||
#container main section#list ul li time, #container main section#list ul li span.count {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#container main section#list ul li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#container main section.post-nav ul {
|
||||
margin: 0.5em 0;
|
||||
padding: 0.5em 0 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid #f7f7f7;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#container main section.post-nav ul li:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#container main article > pre {
|
||||
background-color: #a0a04b;
|
||||
overflow-x: auto;
|
||||
padding: 0.8em;
|
||||
font-size: 0.9em;
|
||||
box-shadow: 0 -1px 0 #bbbbbb inset;
|
||||
}
|
||||
|
||||
#container main article .highlight pre {
|
||||
overflow-x: auto;
|
||||
font-size: 0.9em;
|
||||
padding: 0.8em;
|
||||
}
|
||||
|
||||
#container main article pre code {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#container main article p code {
|
||||
padding: 0.2em;
|
||||
background-color: #d03232;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#container main article p kbd {
|
||||
display: inline-block;
|
||||
padding: 0.2em 0.3em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1em;
|
||||
color: #555555;
|
||||
vertical-align: middle;
|
||||
background-color: #fcfcfc;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #cccccc #cccccc #bbbbbb;
|
||||
border-image: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 -1px 0 #bbbbbb inset;
|
||||
}
|
||||
|
||||
#container main h1 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#container footer {
|
||||
border-top: solid 1px #cecece;
|
||||
}
|
||||
|
||||
#container footer h6 {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#container footer ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
#container footer ul li:first-child {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#container footer ul li:not(:first-child) {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#container footer ul li a.active {
|
||||
border-bottom: 0.2em solid #ffffff;
|
||||
}
|
||||
|
||||
#container textarea, input {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border: 1px solid #cecece;
|
||||
border-radius: 3px;
|
||||
color: #000000;
|
||||
/*display: -webkit-inline-box;*/
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
font-size: 14px;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
line-height: 24px;
|
||||
padding: 8px;
|
||||
position: relative;
|
||||
box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.1);
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#container button {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border: 1px solid #d3d6db;
|
||||
border-radius: 3px;
|
||||
color: #666666;
|
||||
/*display: -webkit-inline-box;*/
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#container button:hover {
|
||||
border: solid #cecece 2px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.meta-aside, #container main section#home ul li aside, #container main article aside {
|
||||
margin: 0.5em 0;
|
||||
font-family: "Ruda", sans-serif;
|
||||
color: #909090;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.meta-aside ul, #container main section#home ul li aside ul, #container main article aside ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.meta-aside ul li, #container main section#home ul li aside ul li, #container main article aside ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffffff;
|
||||
/*text-decoration: none;*/
|
||||
}
|
||||
|
||||
.image, figure img, img {
|
||||
width: 100%;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
/**
|
||||
:not(#home) and :not(#list) is avoiding full width image in list of posts, e.g. home and taxonomy pages
|
||||
*/
|
||||
header .full-image, header figure.full img, header img[src*="full"],
|
||||
article .full-image, article figure.full img, article img[src*="full"],
|
||||
section:not(#list):not(#home) .full-image, section:not(#list):not(#home) figure.full img, section:not(#list):not(#home) img[src*="full"] {
|
||||
width: 100%;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@supports (width: 100vw) {
|
||||
header .full-image, header figure.full img, header img[src*="full"],
|
||||
article .full-image, article figure.full img, article img[src*="full"],
|
||||
section:not(#list):not(#home) .full-image, section:not(#list):not(#home) figure.full img, section:not(#list):not(#home) img[src*="full"] {
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw;
|
||||
}
|
||||
}
|
||||
|
||||
.mid-image, figure.mid img, img[src*="mid"] {
|
||||
width: 100%;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@supports (width: 100vw) {
|
||||
.mid-image, figure.mid img, img[src*="mid"] {
|
||||
width: 800px;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -400px;
|
||||
margin-right: -400px;
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
.mid-image, figure.mid img, img[src*="mid"] {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.float-image, figure.float img, img[src*="float"] {
|
||||
width: 300px;
|
||||
float: left;
|
||||
margin: 0 1em 1em -3em;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.float-image, figure.float img, img[src*="float"] {
|
||||
float: none;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.float-image-right, figure.float-right img, img[src*="float-right"] {
|
||||
width: 300px;
|
||||
float: right;
|
||||
margin: 0 -3em 1em 1em;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.float-image-right, figure.float-right img, img[src*="float-right"] {
|
||||
float: none;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figure figcaption p {
|
||||
margin-top: 0.3em;
|
||||
font-size: 0.8em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
figure.full {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figure.mid {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figure.float {
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
figure.float-right {
|
||||
margin: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
figure.float-right figcaption {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-bottom: solid 1px #cecece;
|
||||
}
|
||||
|
||||
table thead {
|
||||
background-color: #cecece;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em;
|
||||
border-left: solid 0.1em #797979;
|
||||
padding: 0.5em 2em;
|
||||
position: relative;
|
||||
background-color: #3e3b3c;
|
||||
box-shadow: 0 -1px 0 #797979 inset;
|
||||
}
|
||||
|
||||
blockquote::before {
|
||||
content: "\f10d";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
font-size: 3em;
|
||||
color: rgba(192, 192, 192, 0.3);
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
blockquote {
|
||||
margin: 1em 0;
|
||||
padding: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
dl dd {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ul.pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 1em 0 0;
|
||||
padding: 0.5em 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.pagination li {
|
||||
padding: 0 1em;
|
||||
}
|
||||
462
themes/kiera/static/css/styles-light.css
Normal file
462
themes/kiera/static/css/styles-light.css
Normal file
@ -0,0 +1,462 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
font-family: "Roboto Slab", serif;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
time {
|
||||
font-family: "Ruda", sans-serif;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: 100vw;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#container > * {
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#container > * {
|
||||
width: auto;
|
||||
margin: 0 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
#container header {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#container header h1 {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
|
||||
#container header h1 a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#container header ul {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#container header ul li {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#container header ul {
|
||||
float: none;
|
||||
}
|
||||
#container header ul li {
|
||||
margin: 0 1em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
#container nav {
|
||||
border-bottom: solid 3px #cecece;
|
||||
padding-bottom: 0.5em;
|
||||
font-family: "Ruda", sans-serif;
|
||||
}
|
||||
|
||||
#container nav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#container nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
#container nav ul li {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#container nav ul li a.active {
|
||||
border-bottom: 0.5em solid #666666;
|
||||
}
|
||||
|
||||
#container main {
|
||||
flex: 1 0 0;
|
||||
line-height: 1.5;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
#container main section#home ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#container main section#home ul li {
|
||||
margin: 0.5em 0;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
#container main section#home ul li h2 {
|
||||
margin: 0.2em 0;
|
||||
}
|
||||
|
||||
#container main section#home span {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
#container main section#list ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#container main section#list ul li {
|
||||
padding: 0.5em 0;
|
||||
border-bottom: 1px solid #cecece;
|
||||
}
|
||||
|
||||
#container main section#list ul li time, #container main section#list ul li span.count {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#container main section#list ul li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#container main section.post-nav ul {
|
||||
margin: 0.5em 0;
|
||||
padding: 0.5em 0 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid #f7f7f7;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#container main section.post-nav ul li:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#container main article > pre {
|
||||
background-color: #ffffcc;
|
||||
overflow-x: auto;
|
||||
padding: 0.8em;
|
||||
font-size: 0.9em;
|
||||
box-shadow: 0 -1px 0 #bbbbbb inset;
|
||||
}
|
||||
|
||||
#container main article .highlight pre {
|
||||
overflow-x: auto;
|
||||
font-size: 0.9em;
|
||||
padding: 0.8em;
|
||||
}
|
||||
|
||||
#container main article pre code {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#container main article p code {
|
||||
padding: 0.2em;
|
||||
background-color: #ffcccc;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#container main article p kbd {
|
||||
display: inline-block;
|
||||
padding: 0.2em 0.3em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1em;
|
||||
color: #555555;
|
||||
vertical-align: middle;
|
||||
background-color: #fcfcfc;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #cccccc #cccccc #bbbbbb;
|
||||
border-image: none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 -1px 0 #bbbbbb inset;
|
||||
}
|
||||
|
||||
#container main h1 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#container footer {
|
||||
border-top: solid 1px #cecece;
|
||||
}
|
||||
|
||||
#container footer h6 {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#container footer ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
#container footer ul li:first-child {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#container footer ul li:not(:first-child) {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#container footer ul li a.active {
|
||||
border-bottom: 0.2em solid #666666;
|
||||
}
|
||||
|
||||
#container textarea, input {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border: 1px solid #cecece;
|
||||
border-radius: 3px;
|
||||
color: #000000;
|
||||
/*display: -webkit-inline-box;*/
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
font-size: 14px;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
line-height: 24px;
|
||||
padding: 8px;
|
||||
position: relative;
|
||||
box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.1);
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#container button {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border: 1px solid #d3d6db;
|
||||
border-radius: 3px;
|
||||
color: #666666;
|
||||
/*display: -webkit-inline-box;*/
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#container button:hover {
|
||||
border: solid #cecece 2px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.meta-aside, #container main section#home ul li aside, #container main article aside {
|
||||
margin: 0.5em 0;
|
||||
font-family: "Ruda", sans-serif;
|
||||
color: #909090;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.meta-aside ul, #container main section#home ul li aside ul, #container main article aside ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.meta-aside ul li, #container main section#home ul li aside ul li, #container main article aside ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #666666;
|
||||
/*text-decoration: none;*/
|
||||
}
|
||||
|
||||
.image, figure img, img {
|
||||
width: 100%;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
/**
|
||||
:not(#home) and :not(#list) is avoiding full width image in list of posts, e.g. home and taxonomy pages
|
||||
*/
|
||||
header .full-image, header figure.full img, header img[src*="full"],
|
||||
article .full-image, article figure.full img, article img[src*="full"],
|
||||
section:not(#list):not(#home) .full-image, section:not(#list):not(#home) figure.full img, section:not(#list):not(#home) img[src*="full"] {
|
||||
width: 100%;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@supports (width: 100vw) {
|
||||
header .full-image, header figure.full img, header img[src*="full"],
|
||||
article .full-image, article figure.full img, article img[src*="full"],
|
||||
section:not(#list):not(#home) .full-image, section:not(#list):not(#home) figure.full img, section:not(#list):not(#home) img[src*="full"] {
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw;
|
||||
}
|
||||
}
|
||||
|
||||
.mid-image, figure.mid img, img[src*="mid"] {
|
||||
width: 100%;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@supports (width: 100vw) {
|
||||
.mid-image, figure.mid img, img[src*="mid"] {
|
||||
width: 800px;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -400px;
|
||||
margin-right: -400px;
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
.mid-image, figure.mid img, img[src*="mid"] {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.float-image, figure.float img, img[src*="float"] {
|
||||
width: 300px;
|
||||
float: left;
|
||||
margin: 0 1em 1em -3em;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.float-image, figure.float img, img[src*="float"] {
|
||||
float: none;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.float-image-right, figure.float-right img, img[src*="float-right"] {
|
||||
width: 300px;
|
||||
float: right;
|
||||
margin: 0 -3em 1em 1em;
|
||||
box-shadow: 0 3px 3px #bbbbbb;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.float-image-right, figure.float-right img, img[src*="float-right"] {
|
||||
float: none;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figure figcaption p {
|
||||
margin-top: 0.3em;
|
||||
font-size: 0.8em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
figure.full {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figure.mid {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figure.float {
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
figure.float-right {
|
||||
margin: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
figure.float-right figcaption {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-bottom: solid 1px #cecece;
|
||||
}
|
||||
|
||||
table thead {
|
||||
background-color: #cecece;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em;
|
||||
border-left: solid 0.1em #cecece;
|
||||
padding: 0.5em 2em;
|
||||
position: relative;
|
||||
background-color: #efefef;
|
||||
box-shadow: 0 -1px 0 #bbbbbb inset;
|
||||
}
|
||||
|
||||
blockquote::before {
|
||||
content: "\f10d";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
font-size: 3em;
|
||||
color: rgba(192, 192, 192, 0.3);
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
blockquote {
|
||||
margin: 1em 0;
|
||||
padding: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
dl dd {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ul.pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 1em 0 0;
|
||||
padding: 0.5em 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.pagination li {
|
||||
padding: 0 1em;
|
||||
}
|
||||
2
themes/kiera/static/css/styles.css
Normal file
2
themes/kiera/static/css/styles.css
Normal file
@ -0,0 +1,2 @@
|
||||
@import url(./styles-light.css);
|
||||
@import url(./styles-dark.css) (prefers-color-scheme: dark);
|
||||
Reference in New Issue
Block a user