custom-modern-theme/style.css

1072 lines
23 KiB
CSS
Raw Permalink Normal View History

2024-07-31 20:14:58 +02:00
/*!
2024-08-19 02:48:01 +02:00
Theme Name: Custom Modern Theme
2024-07-31 20:14:58 +02:00
Template: modern
Version: 1.0.0
2024-08-19 02:48:01 +02:00
Theme URI: https://git.systemausfall.org/newyorck/custom-modern-theme
Gitea Theme URI: https://git.systemausfall.org/newyorck/custom-modern-theme
Author: NewYorck Website Devs
Author URI: https://newyorck.net/
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html
2024-07-31 20:14:58 +02:00
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md
Child theme CSS styles:
*/
.wp-block-file__button {
border-radius: 0;
}
.wp-block-button__link {
border-radius: 0!important;
}
.site-header-content {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
.wp-block-latest-posts__list li a{
display: block;
}
.wp-block-heading a {
display: block;
width: 100%;
}
a.wp-block-latest-posts__post-title:hover {
text-decoration: none;
background-color: transparent!important;
}
.wp-block-button {
margin-bottom: 2rem!important;
}
.wp-block-buttons a {
text-decoration: none;
}
.wp-block-separator {
display: none;
}
/*vernetzung*/
.entry-content a{
display: inline;
}
.entry-content li {
line-height: 2rem;
}
.entry-content a:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
/*kontakte heading h2*/
.entry-content h2 {
text-decoration: none !important;
}
/*projekte text colour differently? */
.content-area h2 {
color: #efbbff;
text-decoration: underline;
}
.content-area h2:hover {
text-decoration: none;
}
.content-area h2 a:hover {
color: #660066;
text-decoration: none;
}
/* Proposal - aktuelles */
.wp-block-latest-posts__post-title:hover {
text-decoration: none;
}
h2.entry-title {
background-color: transparent;
color: #660066;
text-decoration: underline;
font-size: 1.2rem;
}
h2.entry-title:hover {
background-color: transparent;
text-decoration: none;
}
h2.entry-title a {
display: block;
width: 100%;
}
h2.entry-title a:hover {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.entry-summary {
font-size: 1rem!important;
line-height: 1.4rem!important;
letter-spacing: 0.01rem;
color: rgba(0,0,0,0.7)
}
/* test*/
.entry-summary a {
background-color: #efbbff;
color: #660066;
-webkit-box-shadow: 1px 1px 3px gray;
box-shadow: 1px 1px 3px gray;
width: auto;
display: inline;
font-size: 1rem;
text-decoration: none;
}
a.more-link {
display: inline;
text-decoration: none;
}
.more-link {
background-color: #efbbff;
-webkit-box-shadow: 1px 1px 3px gray;
box-shadow: 1px 1px 3px gray;
display: none!important;
}
.more-link:hover {
color: #660066;
}
/*radar-icon*/
.radar-icon {
font-family: "Typewriter",Consolas,Monaco,"Courier New",Courier,monospace,sans-serif;
letter-spacing: 0.1rem;
font-weight: 100;
font-size: 0.9rem;
}
.radar-icon-point {
color: #efbbff;
font-weight: 100;
letter-spacing: -0.5rem;
}
.radar-icon-double-clip {
font-size:1.2rem;
font-weight: 10;
letter-spacing: -0.5rem;
font-family: "Typewriter",Consolas,Monaco,"Courier New",Courier,monospace,sans-serif;
}
.last-clip {
font-size: 1.6rem;
letter-spacing: -0.5rem;
}
/*Design-Termine-Seite*/
#primary, #main {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#post-1597 {
background-color: rgba(0,0,0,0);
}
#post-1597 h1.entry-title {
color: rgba(250,250,250,0.8);
}
/*radar-widget*/
.squat-radar {
border-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
margin-bottom: 0;
padding-bottom: 0;
background-color: #660066!important;
-o-box-shadow: 3px 1px 1px gray;
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.squat-radar.radar-event {
padding: 0;
margin: 2rem 0;
height:160px;
overflow: hidden!important;
background-color: transparent;
/*border-radius: 15px;*/
border-bottom-color: transparent;
}
.squat-radar.radar-event:hover {
background-color: rgba(255,255,255,0.1)!important;
height: auto;
}
.squat-radar-title {
font-weight: 400;
pointer-events: none;
}
.squat-radar-title a {
display: block!important;
font-size: 1.2rem;
line-height: 2.2rem;
}
.squat-radar-url-title {
color: #efbbff;
background-color: #660066;
text-decoration: underline;
display: block;
width:100%;
margin-bottom: 0;
padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.squat-radar-url-title:hover {
color: #660066;
background-color: #efbbff!important;
}
.squat-radar .squat-radar-datetime {
font-weight: normal;
}
.squat-radar-event-start {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
color: #660066;
background-color: #efbbff;
font-size: 1.5rem;
padding: 0 0.5rem 0 0.5rem;
}
.squat-radar-date::before {
content: ' \f425';
font-family: Genericons-Neue;
font-weight: normal;
position: relative;
top: 0.19rem;
margin-right: 0.3rem;
font-size: 1.4rem;
}
.squat-radar-time::before {
content: ' \f303';
font-family: Genericons-Neue;
margin-right: 0.3rem;
font-size: 1.4rem;
margin-bottom: -0.1rem;
position: relative;
top: 0.17rem;
}
.squat-radar-title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
line-height: unset !important;
}
.squat-radar .squat-radar-title {
margin: 0;
}
.squat-radar-body-summary {
margin-top: 1rem;
margin-left: 1rem;
color: rgba(255,255,255,0.8);
line-height: 1.38rem;
word-spacing: 5px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
background-color: transparent;
}
.squat-radar-body {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin-top: 2rem;
}
.squat-radar-image {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
margin: 1rem auto 0.5rem 1rem;
height: 15px;
width: auto;
}
.squat-radar-image:hover {
cursor: pointer;
width: auto!important;
height: 150px!important;
padding-left: 1rem;
}
a.squat-radar-url-more {
text-decoration: none;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
padding-left: unset !important;
background-color: #660066;
color: #efbbff;
display: inline-block;
-o-box-shadow: 3px 1px 1px gray;
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
text-align: center;
max-width: 30%;
margin-bottom: 0.5rem;
margin-top: 1rem;
}
/* BUTTON HOVER WHITE */
a.squat-radar-url-more:hover, .wpcf7-submit:hover {
color: #fff !important;
}
.squat-radar-list {
color: #efbbff;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
padding-left: 0.625em !important;
line-height: 1.5em !important;
}
.squat-radar-list::before {
content: '\f302';
font-family: Genericons-Neue;
margin: 0 0.5rem 0 0 !important;
}
.squat-radar .squat-radar-list li {
padding: 0 !important;
margin: 0 !important;
line-height: 0.1em !important;
}
/*radar-widget-landigpage*/
.post-2 .squat-radar.radar-event {
height: 100%;
background-color: white!important;
-webkit-box-shadow: none;
box-shadow: none;
}
.post-2 .wp-block-buttons {
display: none;
}
.post-2 .squat-radar-body-summary {
display: none;
}
.post-2 .squat-radar-body{
display: none;
}
.post-2 .squat-radar-image{
display: none
}
.post-2 a.squat-radar-url-more{
display: none;
}
.post-2 .squat-radar-title {
pointer-events: auto!important;
}
.post-2 .squat-radar-list {
color: #efbbff;
background-color: #660066;
margin: 0;
}
/*end radar*/
.page-header, .entry-meta {
display:none
}
.genericons-neue {
font-size: 1.5rem;
}
/* style nav */
.menu li:hover {
cursor: context-menu;
color: #efbbff;
text-decoration: none;
}
ul#menu-primary li button {
border: 0px solid transparent !important;
}
.main-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.main-navigation-container .menu-search {
margin: 5vh auto 0;
}
.toggle-sub-menus .button-toggle-sub-menu {
width: 100% !important;
height: 3.4375rem;
display: block;
top: 0;
position: absolute;
}
.toggle-sub-menus .button-toggle-sub-menu::after, .toggle-sub-menus .button-toggle-sub-menu::before {
left: unset;
right: 0;
}
.sub-menu {
margin-top: 0.59375rem !important;
}
.custom-logo {
background-color: rgba(0,0,0,0.2);
border-radius: 45px;
}
.site-branding {
background-color: rgba(0,0,0,0.2);
border-radius: 45px;
padding-right:1rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
}
.site-title {
text-shadow: 3px 1px 5px rgba(0,0,0,.5);
}
.site-description{
color: whitesmoke;
text-shadow: 3px 1px 5px rgba(0,0,0,1);
}
p.site-description {
padding-left: 2rem;
}
/* style suche*/
.menu-search {
width: 100%;
margin-top: 5rem !important;
position: relative;
}
search-form, form[role=search]
{
background-color: transparent;
width: 100%;
position: relative;
right: 0;
}
.search-field {
border: 3px solid rgba(200,200,200,0.5);
border-style: groove;
padding: 1rem 0.3rem;
/*border-radius: 5px;*/
}
/* style button*/
.wp-element-button {
background-color: #660066;
color: #efbbff;
text-decoration: underline;
margin-bottom: 1rem;
-o-box-shadow: 1px 1px 3px black;
-ms-box-shadow: 1px 1px 3px black;
-webkit-box-shadow: 1px 1px 3px black;
box-shadow: 1px 1px 3px black;
}
.wp-block-button__link {
color: #efbbff;
background-color: #660066;
margin-bottom: 1.2rem;
}
.wp-element-button:hover {
color: #fff !important;
text-decoration: none;
}
.language-switcher {
background-color: #660066;
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
box-shadow: 1px 1px 3px rgba(0,0,0,.2);
position: absolute;
top: 1rem;
right: 0;
z-index: 2000;
}
.language-switcher-button {
padding: 1px 5px;
cursor: pointer;
margin-right: 5px;
background-color: #660066!important;
}
.language-switcher-button:hover {
border-color: transparent;
color: white;
}
.language-switcher-dropdown {
display: none;
list-style-type: none;
position: absolute;
background-color: var(--color_accent);
min-width: 100px;
left: -1.5rem;
z-index:2000;
}
.language-switcher:hover .language-switcher-dropdown {
display: block;
cursor: pointer;
}
.language-switcher-dropdown {
padding: 5px 8px;
}
.language-switcher-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.language-switcher-icon {
background-image: url(https://newyorck.net/wp-content/uploads/2023/06/icon128px-exported-black-1-e1687520804849.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
margin-right: 5px;
}
/* contact form styling */
.wpcf7-form input, .wpcf7-form textarea {
border-color: #000000;
width: 100%
}
.wpcf7-form label{
width: 100%
}
/* Anpassung des Hintergrundbildes, damit der Abschluss nach unten passt */
.intro-media{
position:absolute;
width:100%;
height:100vH;
left:0;
top:0;
text-align:center;
background-color:inherit;
overflow:hidden;
z-index:0}
/*Schriftgröße
* Wir sollten !important überdenken*/
p:not(.site-title),li, ul, ol, span, td {
font-size: 20px !important;
}
nav a {
font-size: 20px;
}
h1, h2, h3, h4, h5, h6 {
font-size: 38px;
}
.entry-summary {
font-size: 20px !important;
}
/* FONTS --> sollte in ein stylesheet.css des Childthemes verschoben werden */
/* Atkinson-Hyperlegible */
/*style: regular*/
@font-face {
font-family: 'Atkinson-Hyperlegible';
src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.woff") format('woff'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.woff2") format('woff2'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.ttf") format('ttf'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.eot"),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.svg#Atkinson-Hyperlegible") format('svg');
font-weight: normal;
font-style: normal;
}
/*für italic*/
@font-face {
font-family: 'Atkinson-Hyperlegible';
src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.woff") format('woff'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.woff2") format('woff2'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.ttf") format('ttf'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.eot"),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.svg#Atkinson-Hyperlegible") format('svg');
font-weight: normal;
font-style: italic;
}
/*Style Bold*/
@font-face {
font-family: 'Atkinson-Hyperlegible';
src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.woff") format('woff'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.woff2") format('woff2'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.ttf") format('ttf'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.eot"),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.svg#Atkinson-Hyperlegible") format('svg');
font-weight: bold;
font-style: normal;
}
/*Style Bold-Italic*/
@font-face {
font-family: 'Atkinson-Hyperlegible';
src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff") format('woff'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff2") format('woff2'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.ttf") format('ttf'),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.eot"),
url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.svg#Atkinson-Hyperlegible") format('svg');
font-weight: bold;
font-style: italic;
}
h1, h2, h3 {
font-family: 'Atkinson-Hyperlegible';
}
/*
@import url('https://fonts.googleapis.com/css?family=Roboto'); */
html, body, p {
font-family: 'Atkinson-Hyperlegible';
}
.site-title {
font-family: 'Atkinson-Hyperlegible';
}
.site-description {
font-family: 'Atkinson-Hyperlegible';
}
.wp-block-latest-posts__list li .entry-summary a {
display: none;
}
.wp-block-latest-posts__list li .entry-summary {
margin-bottom: 0;
}
.wp-block-latest-posts__list > li {
margin-bottom: 0;
border: solid;
padding: 1rem;
border-color: #660066;
}
.wp-block-latest-posts__list {
margin-bottom: 0;
margin-left: 0;
}
.post-grid .item .element_2, .post-grid .item .element_3{
display: none !important;
}
.timeline li::before{
background-color: #660066;
}
.site-branding {
padding-bottom: 0;
padding-left: 0;
}
.language-switcher-button {
font-weight: 100;
}
h1.site-title, .site-description{
color: black !important;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.site-branding {
background: none;
}
.pll-switcher-select {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
background-image: none;
border: none;
}
p.site-description {
padding-left: 0;
border: none;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.custom-logo {
background: none;
}
/*responsive style*/
/* 278px */
@media only screen and (min-width: 17.375rem){
.squat-radar.radar-event {
height: 90px;
}
}
/* 586px */
@media only screen and (min-width: 36.625rem){
.wp-block-button {
margin-bottom: 2rem!important;
}
.wp-block-latest-posts__list li a{
display: inline;
}
.entry-content a{
display: inline;
}
.wp-block-heading a {
display: inline!important;
}
.squat-radar.radar-event {
padding: 0;
margin: 2rem 0;
}
}
/*672px*/
@media only screen and (min-width: 42rem){
.site-header-content {
background-color: transparent!important;
}
.squat-radar.radar-event {
height: 100px;
}
}
@media only screen and (max-width: 54.9375em) and (max-height: 27.9375em) {
.language-switcher {
margin-right: 6%
}
}
/* 880px menü */
@media only screen and (min-width: 55rem){
.site-header-content {
margin-top: 5.8rem;
}
.entry-content li {
line-height: 1.5rem;
}
/*nav-hover*/
.main-navigation-container .menu:hover .current-menu-ancestor>a,
.main-navigation-container .menu:hover .current-menu-item>a {
border-color:white;
}
/*search*/
.site .search-form::before, .site
form[role="search"]::before
{
top: 44%;
font-size: 1rem;
}
.menu-search {
width: 100%;
margin-top: 0 !important;
position: relative;
}
search-form, form[role=search]
{
background-color: transparent;
top: unset;
right: unset;
border: 1px solid transparent;
max-width: unset;
position: relative;
right: unset;
}
.search-field {
border: 3px solid rgba(200,200,200,0.5);
border-style: groove;
padding: 0.1rem 0.3rem;
margin-bottom: 0.5rem;
}
.main-navigation-container .menu-search{
margin: 0;
width: 20%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
float: right;
}
.language-switcher {
display: inline-block;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
background-color: transparent;
}
/*Menu*/
.main-navigation-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
float: left;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.toggle-sub-menus .button-toggle-sub-menu {
position: relative;
width: var(--button_toggle_sub_menu_size) !important;
height: var(--button_toggle_sub_menu_size);
display: unset;
}
.site-header-navigation, .site-header-navigation::before{
-webkit-box-shadow: 0 0 2em rgba(0,0,0,0.4);
box-shadow: 0 0 2em rgba(0,0,0,0.4);
background-color: #0a0c0e;
color: #ffffff;
border-color: rgba(255,255,255,0.2);
background-color: var(--color_header_background);
}
.toggle-sub-menus .button-toggle-sub-menu::after, .toggle-subus .button-toggle-sub-menu::before {
display: block;
position: absolute;
width: 10px;
height: 2px;
top: 50%;
}
.sub-menu {
margin-top: 0 !important;
padding-top: 0 !important;
}
/*radar-widget-landigpage*/
.squat-radar .squat-radar-title {
margin-bottom: 0;
}
/*radar-landig-page*/
.post-2 .squat-radar {
display: -ms-grid;
display: grid;
-ms-grid-rows: 0.9fr 0.1fr;
grid-template-rows: 0.9fr 0.1fr;
-ms-grid-columns: 0.2fr 0.9fr;
grid-template-columns: 0.2fr 0.9fr;
height: 100%;
font-size: 0.9rem;
}
.post-2 .squat-radar > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.post-2 .squat-radar > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.post-2 .squat-radar > *:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.post-2 .squat-radar > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.post-2 .squat-radar-date {
width: 100%;
display: block;
}
.post-2 .squat-radar-year {
font-size: 0.85rem;
width: 100%;
display: block;
line-height: 0;
margin-top: 0.3rem;
margin-bottom: 0.5rem;
margin-left: 0.7rem
}
.post-2 .squat-radar-event-start {
/*border-radius: 5px 0 0 5px;*/
padding: 0.2rem;
text-align: center;
font-size: 1.5rem;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
-ms-grid-column-span: 1;
grid-column-end: 2;
}
.post-2 .squat-radar .squat-radar-title {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
}
.post-2 a.squat-radar-url-title {
line-height: 1.2em;
width: 100%;
height: 100%;
display: block;
}
.post-2 .squat-radar-time::before {
content: '\f303';
font-family: Genericons-Neue;
font-size: 1.4rem;
margin-right: 0.4rem
}
.post-2 .squat-radar-list {
display: block;
background-color: #660066;
color: #efbbff;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-column-span: 1;
grid-column-end: 3;
padding-left: 0.5rem;
}
/*radar-widget*/
a.squat-radar-url-more {
width: 15%;
}
/*Anpassungen der Ränder*/
/*innen für alles außer POSTs*/
.entry-content-container {
max-width:inherit;
margin-left: 80px;
margin-right: 80px;
}
/*innen für POSTS*/
.post .entry-content-container {
max-width: inherit;
margin-left: 0px;
margin-right: 0px;
}
/*oben (Titel weiter oben)*/
.content-area h1{
margin-top: -20px;
}
.main-navigation {
font-size: 1rem;
}
.timeline li {
list-style: none;
padding-bottom: 1.8rem !important;
border-left: 1px dotted #897B76;
position: relative;
padding-left: 20px !important;
margin-left: -10px !important;
margin-bottom: 0px !important;
}
.timeline li:last-child {
border: 0px;
padding-bottom: 0;
margin-bottom: 0px !important;
}
.timeline li:before {
content: '';
width: 15px;
height: 15px;
-webkit-box-shadow: 4px 4px 2px #ddd;
box-shadow: 4px 4px 2px #ddd;
position: absolute;
left: -8px;
top: 0px;
}
.timeline li span {
margin-top: -6px;
}
.borderedtext {
border-style: solid;
border-width: thin;
border-color: #000000;
padding: 15px 15px 15px 15px;
}
}
/* width 994px*/
@media only screen and (min-width: 62.125rem) {
#squat_radar-6 .squat-radar-url-title {
border: 3px solid transparent;
font-size: 0.85rem;
}
#squat_radar-6 .squat-radar-url-title:hover {
color: whitesmoke !important;
font-size: 1.5rem !important;
}
#squat_radar-6 .squat-radar-event-start {
font-size: 1rem;
font-weight: bold;
}
#squat_radar-6 .squat-radar-time::before {
font-size: 1rem
}
#squat_radar-6 .squat-radar-date::before {
font-size: 1rem;
}
}
/*width 1146px*/
@media only screen and (min-width: 71.625rem){
.site-header-content {
margin-top: 3.5rem;
}
.main-navigation-container .menu-search {
margin-top: 1.1rem !important;
width: 15%;
margin-right: 5rem;
}
.main-navigation-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row
}
#squat_radar-6 .squat-radar-url-title {
border: 3px solid transparent;
font-size: 1.2rem;
}
#squat_radar-6 .squat-radar-event-start {
font-size: 1.2rem;
font-weight: bold;
}
#squat_radar-6 .squat-radar-time::before {
font-size: 1.2rem
}
#squat_radar-6 .squat-radar-date::before {
font-size: 1.2rem
}
}
/* 1312 px */
/*@media only screen and (min-width: 82rem){
.prison-escape {
flex-flow: row;
}
}*/