summaryrefslogtreecommitdiff
path: root/themes/conspiracy/assets/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/conspiracy/assets/css/style.css')
-rw-r--r--themes/conspiracy/assets/css/style.css269
1 files changed, 0 insertions, 269 deletions
diff --git a/themes/conspiracy/assets/css/style.css b/themes/conspiracy/assets/css/style.css
deleted file mode 100644
index 9ab9203..0000000
--- a/themes/conspiracy/assets/css/style.css
+++ /dev/null
@@ -1,269 +0,0 @@
-
-@font-face {
- font-family: "Manuskript Gothisch";
- src: url("{{ (resources.Get "fonts/manuskript_gothisch/Manuskript Gothisch UNZ1A.ttf").RelPermalink }}");
-}
-
-@font-face {
- font-family: "Roboto Slab";
- src: url("{{ (resources.Get "fonts/roboto_slab/RobotoSlab-VariableFont_wght.ttf").RelPermalink }}") format("truetype-variations");
- font-weight: 100 200 300 400 500 600 700 800 900;
-}
-
-@font-face {
- font-family: "Bodoni Moda";
- src: url("{{ (resources.Get "fonts/bodoni_moda/static/BodoniModa_9pt/BodoniModa_9pt-MediumItalic.ttf").RelPermalink }}");
- font-style: italic;
-}
-
-html, body {
- border: 0;
- margin: 0;
- padding: 0;
-}
-
-body {
- display: flex;
- flex-direction: column;
- align-items: stretch;
- font-family: "Roboto Slab";
- font-weight: 350;
- color: #d0d0d0;
- background-color: #0d1015;
-}
-
-strong {
- font-family: "Bodoni Moda";
- font-style: italic;
-}
-
-a:hover, a:visited, a:active, a:link {
- color: #ff9449;
- text-decoration: none;
-}
-
-a:hover {
- background: #fc0daf;
- color: #d0d0d0;
-}
-
-nav {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- background-color: #272c35;
- box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.8);
- padding: 0 10px 0 10px;
-}
-
-nav > a:link, nav > a:active, nav > a:visited, nav > a:hover {
- flex-grow: 1;
- color: inherit;
- padding: 10px 10px 10px 10px;
-}
-
-nav > a:hover {
- background: #fc0daf;
-}
-
-nav > .spacer {
- flex-grow: 100;
-}
-
-.breadcrumbs {
- max-width: 40em;
- text-align: center;
- align-self: center;
- margin: 0;
- padding: 0;
-}
-
-.breadcrumbs li {
- list-style: none;
- display: inline;
-}
-
-.breadcrumbs li + li::before {
- content: "/";
- margin: 0 5px 0 5px;
-}
-
-main {
- align-self: center;
- margin-top: -100px;
- padding: 100px 100px 40px 100px;
- max-width: 40em;
- background-color: #272c35;
- box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
- text-align: justify;
- hyphens: auto;
-}
-
-main > .intro {
- margin-top: 40px;
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-family: "Manuskript Gothisch";
- margin-top: 50px;
- margin-bottom: 8px;
-}
-
-body > header {
- z-index: 1;
- margin-top: 100px;
- margin-bottom: 0;
- text-align: center;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-body > header > h1 {
- text-align: center;
- background-image: linear-gradient(to right, #fc00b9, #ff9449);
- background-clip: text;
- -webkit-background-clip: text;
- color: transparent;
- filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));
- font-size: 32px;
-}
-
-body > header > h1::first-line {
- /* https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ */
- --min-fs: 3;
- --max-fs: 10;
- --min-vw: 20;
- --max-vw: 40;
-
- --min-fs-rem: var(--min-fs) * 1rem;
- --max-fs-rem: var(--max-fs) * 1rem;
- --min-vw-rem: var(--min-vw) * 1rem;
-
- --slope: (var(--max-fs) - var(--min-fs)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw));
-
- font-size: clamp(var(--min-fs-rem), var(--min-fs-rem) + var(--slope), var(--max-fs-rem));
-}
-
-
-main.cards {
- background-color: #1f232a;
-}
-
-.card {
- background-color: #272c35;
- box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
- padding: 30px 20px 30px 20px;
- margin-top: 50px;
-
-}
-
-.card > .links {
- margin-left: -20px;
- margin-bottom: -30px;
- border-top: 0.5px dotted rgba(255, 255, 255, 0.3);
- margin-top: 20px;
- width: calc(100% + 40px);
- display: flex;
- flex-direction: row;
- justify-content: space-around;
-}
-
-.card > .links > a {
- padding: 10px 10px 10px 10px;
- flex-grow: 1;
- text-align: center;
-}
-
-/* un-mess-up rst2html output */
-.card > .summary > .document, .card > .summary > .document > p {
- display: inline;
-}
-
-.card > h1,
-.card > h2,
-.card > h3,
-.card > h4,
-.card > h5,
-.card > h6 {
- margin-top: 0px;
-}
-
-tt {
- font-family: monospace;
- font-weight: bold;
- font-size: 14px;
-}
-
-cite {
- font-family: monospace;
- font-weight: bold;
- font-size: 14px;
- font-style: normal;
-}
-
-figure {
- margin-top: 2em;
- margin-bottom: 2em;
- margin-left: auto;
- margin-right: auto;
- background-color: #b5bcc8;
- box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
- display: flex;
- flex-direction: column;
-}
-
-.subfigure {
- margin-top: 2em;
- margin-bottom: 2em;
- display: grid;
- grid-template-columns: 1fr 1fr;
- justify-items: stretch;
- align-items: stretch;
- column-gap: 40px;
- row-gap: 40px;
-}
-
-.subfigure > figure {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-figure.side-by-side {
- min-width: 15em;
- margin: 0 0 0 0;
- padding: 0 40px 0 0;
-}
-
-figure img, figure video {
- display: block;
- margin-left: auto;
- margin-right: auto;
- width: 100%;
-}
-
-figcaption {
- background-color: #383f4c;
- line-height: 16pt;
- padding: 1em;
- flex-grow: 1;
-}
-
-
-figure.header {
- margin-left: 0;
- margin-right: 0;
- margin-top: 0;
-}
-
-img {
- max-width: 100%;
- margin: 40px auto 40px auto;
- display: block;
-}
-
-footer {
- margin-top: 30px;
- align-self: center;
- margin-bottom: 10px;
-}