kollektivforeningen.dk/themes/black-and-light/layouts/partials/styles.html

378 lines
5 KiB
HTML
Raw Permalink Normal View History

2018-12-02 11:50:15 +00:00
<style>
2020-04-05 19:50:13 +00:00
/*
Link for colors:
https://coolors.co/00bbbd-d3f8e2-310a31-ddd7f7-847996
#00bbbd
#d3f8e2
#310a31
#ddd7f7
#847996
*/
2018-12-02 11:50:15 +00:00
* {
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
margin:0;
padding:0;
text-decoration-skip: ink;
}
2020-04-04 16:55:55 +00:00
a,
a:active,
a:visited
{
color: #41337a;
}
2018-12-02 11:50:15 +00:00
body {
font-family: monospace;
font-size:17px;
color:#1d1313;
max-width:700px;
margin:auto;
2020-04-05 19:50:13 +00:00
padding-left:20px;
padding-right:20px;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
section, footer
{
text-align:left;
font-size:15px;
margin: 20px 0;
line-height: 140% !important;
padding: 28px 20px 20px 20px;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
section
{
background-color: #ddd7f7; /*#8ab9b5;*/
color: #331e36;
border-radius: 20px;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
section.section_secondary
{
background-color: #d3f8e2;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
footer
{
text-align: center;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
a img {
border:none;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
img {
margin: 10px auto 10px auto;
max-width: 100%;
display: block;
2018-12-02 11:50:15 +00:00
}
strong {
font-weight:600;
}
q:before {
content:"\201C";
}
q:after {
content:"\201D";
}
del,s {
text-decoration:line-through;
}
blockquote {
font-family:"Old Standard TT",serif;
text-align:center;
padding:50px;
}
blockquote p {
display:inline-block;
font-style:italic;
}
blockquote:before,blockquote:after {
font-family:"Old Standard TT",serif;
content:'\201C';
font-size:35px;
color:#403c3b;
}
blockquote:after {
content:'\201D';
}
hr {
width:40%;
height: 1px;
background:#403c3b;
margin: 25px auto;
}
h1 {
font-size:35px;
2020-04-04 16:55:55 +00:00
text-align: center;
text-transform: uppercase;
color: #310a31;
margin-top: 40px;
2018-12-02 11:50:15 +00:00
}
h2 {
font-size:28px;
2020-04-04 16:55:55 +00:00
margin-top:28px;
2018-12-02 11:50:15 +00:00
}
h3 {
font-size:22px;
margin-top:18px;
}
h1 a,h2 a,h3 a {
text-decoration:none;
}
2020-04-04 16:55:55 +00:00
li:first-child h2 {
margin-top: 0;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
2018-12-02 11:50:15 +00:00
#sub-header, time {
font-size:13px;
}
2020-04-05 19:50:13 +00:00
#nav > a
{
text-decoration: none;
}
#nav h1 a {
2018-12-02 11:50:15 +00:00
color:#00bbbd;
padding-bottom: 10px;
display: block;
2020-04-04 16:55:55 +00:00
font-weight: bold;
text-transform: uppercase;
2020-04-05 19:50:13 +00:00
font-size: 40px;
text-decoration: none;
2018-12-02 11:50:15 +00:00
}
2019-02-21 12:23:21 +00:00
#nav
{
2020-04-04 16:55:55 +00:00
margin-bottom: 50px;
position:static;
margin-top:60px;
background-color: transparent;
2019-02-21 12:23:21 +00:00
}
2020-04-05 19:50:13 +00:00
.site-name-and-menu
{
float: right;
}
2020-04-04 16:55:55 +00:00
.clearfix
{
clear: both;
}
#nav ul {
display: table;
2020-04-05 19:50:13 +00:00
margin: 8px 0;
2020-04-04 16:55:55 +00:00
float: right;
}
#nav li {
list-style-type:none;
display:table-cell;
2018-12-02 11:50:15 +00:00
font-size:15px;
2020-04-04 16:55:55 +00:00
padding: 0 0 0 20px;
text-transform: uppercase;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
section h1,section h2 {
2018-12-02 12:06:53 +00:00
margin-bottom:15px;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
section h2 {
2018-12-02 11:50:15 +00:00
font-size:25px;
}
2020-04-04 16:55:55 +00:00
section h1 {
2018-12-02 11:50:15 +00:00
font-size:30px;
}
2020-04-04 16:55:55 +00:00
section ol,
section ul {
2018-12-02 11:50:15 +00:00
margin-left: 45px;
2020-04-04 16:55:55 +00:00
margin-bottom: 15px;
2018-12-02 11:50:15 +00:00
}
2020-04-04 16:55:55 +00:00
section p
2018-12-02 12:06:53 +00:00
{
2019-02-21 12:23:21 +00:00
margin-bottom: 15px;
}
2020-04-04 16:55:55 +00:00
section ul.posts_listing {
padding-left: 0;
margin:0 0 50px;
2018-12-02 12:06:53 +00:00
}
2018-12-02 11:50:15 +00:00
.highlight {
margin: 10px 0;
}
#links {
margin: 50px 0 0 0;
}
#links :nth-child(2) {
float:right;
}
#not-found {
text-align: center;
}
#not-found a {
font-family:"Old Standard TT",serif;
font-size: 200px;
text-decoration: none;
display: inline-block;
padding-top: 225px;
}
2020-04-04 16:55:55 +00:00
@media print {
body {
max-width: none;
padding: 0;
background-color: none;
}
#nav a h1
{
font-size: 1.5vw;
}
section
{
width: 95%;
padding: 0 !important;
}
}
2018-12-02 11:50:15 +00:00
@media (max-width: 750px) {
2020-04-05 19:50:13 +00:00
#nav img {
display: block;
float: none;
margin: 0 auto;
}
#nav h1 a {
font-size: 28px;
2018-12-02 11:50:15 +00:00
}
#nav li {
font-size:13px;
padding: 0 15px;
}
2020-04-04 16:55:55 +00:00
section {
2018-12-02 11:50:15 +00:00
font-size:14px;
}
2020-04-04 16:55:55 +00:00
section h1 {
2018-12-02 11:50:15 +00:00
font-size:25px;
}
2020-04-04 16:55:55 +00:00
section h2 {
2018-12-02 11:50:15 +00:00
font-size:22px;
}
.posts_listing li div {
2020-04-05 19:50:13 +00:00
font-size:14px;
2018-12-02 11:50:15 +00:00
}
}
@media (max-width: 400px) {
#nav li {
font-size:12px;
padding: 0 10px;
}
}
2020-04-04 16:55:55 +00:00
pre, code {
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
background-color: #f7f7f7;
}
code {
font-size: 12px;
padding: 4px;
}
pre {
margin-top: 0;
margin-bottom: 16px;
word-wrap: normal;
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
}
pre>code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
pre code {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
pre code::before,
pre code::after {
content: normal;
}
em,q,em,dfn {
font-style:italic;
}
ul.posts_listing li {
list-style: none;
}
.mono,pre,code,tt,p code,li code {
font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace;
}
.serif {
font-family:"Old Standard TT",serif;
}
2018-12-02 11:50:15 +00:00
</style>