Included mareike theme
This commit is contained in:
255
lib/mareike-theme/style.css
Normal file
255
lib/mareike-theme/style.css
Normal file
@@ -0,0 +1,255 @@
|
||||
/*
|
||||
Theme Name: mareike
|
||||
Theme URI: https://repos.contelli.de/mareike-theme/
|
||||
Author: Max Mustermann
|
||||
Author URI: https://contelli.de
|
||||
Description: Ein einfaches WordPress-Theme für den Einstieg.
|
||||
Version: 1.0
|
||||
Text Domain: mareike-theme
|
||||
*/
|
||||
|
||||
/* Hier kannst du deine Styles hinzufügen */
|
||||
body {
|
||||
font-family: Figtree, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
|
||||
background-color: #edf2f7;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 150%;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
top: -40px;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
background-color: #e5e7eb;
|
||||
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
|
||||
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
min-height: 250px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
h2 {
|
||||
position: absolute;
|
||||
top: 140px;
|
||||
background-color: #ffffff;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #e5e7eb;
|
||||
border-radius: 10px;
|
||||
padding: 0 60px 5px 20px;
|
||||
border-left-width: 40px;
|
||||
font-size: 12pt;
|
||||
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: rgb(255, 203, 4);
|
||||
color: #fff;
|
||||
height: 150px;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: #e5e7eb !important;
|
||||
width: 20rem;
|
||||
min-height: 100% !important;
|
||||
height: 100% !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.navcontainer {
|
||||
min-height: 100% !important;
|
||||
height: 100% !important;
|
||||
background-color: #ffffff;
|
||||
margin: 0 !important;
|
||||
|
||||
}
|
||||
|
||||
.navcontainer ul {
|
||||
margin: 0px;
|
||||
margin-left: -40px;
|
||||
|
||||
}
|
||||
|
||||
.navcontainer li {
|
||||
border-bottom-color: #e5e7eb;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
padding: 10px 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.navcontainer li:hover {
|
||||
background-color: #29c2f8;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.navcontainer li a {
|
||||
text-decoration: none;
|
||||
color: #374151;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.navcontainer li:hover a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
main {
|
||||
background-color: #ffffff !important;
|
||||
width: 100%;
|
||||
padding-bottom: 650px;
|
||||
padding-right: 20px;
|
||||
padding-top: 50px;
|
||||
color: rgb(107, 114, 128);
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #e5e7eb;
|
||||
color: #fff;
|
||||
padding: 1px !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#wpadminbar {
|
||||
display: none !important;
|
||||
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
button {
|
||||
background-color: #ffffff;
|
||||
padding: 7px;
|
||||
border-color: #e5e7eb;
|
||||
border-radius: 5px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type="submit"]{
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
background-color: #ffffff;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
input[type="submit"]:hover {
|
||||
background-color: #0d66c2;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
select {
|
||||
padding: 7px;
|
||||
border-color: #e5e7eb;
|
||||
border-radius: 5px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.theme_mareike_mainpage_button {
|
||||
background-color:#F3F4F6;
|
||||
padding: 5px 30px;
|
||||
border-radius: 10px;
|
||||
border-style: solid;
|
||||
border-width: 0px;
|
||||
width: 150px;
|
||||
font-size: 12pt;
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.navbar {
|
||||
width: 20rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
position: absolute;
|
||||
top: 140px;
|
||||
background-color: #ffffff;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #e5e7eb;
|
||||
border-radius: 10px;
|
||||
padding: 0 40px 5px 20px;
|
||||
border-left-width: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Styling für das Registrierungsformular */
|
||||
.register {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background: #000000;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.message {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#registerform {
|
||||
position: relative;
|
||||
width: 768px;
|
||||
left: -200px !important;
|
||||
}
|
||||
|
||||
.login h1 {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#login #nav,
|
||||
#backtoblog,
|
||||
.language-switcher
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.register input[type="text"],
|
||||
.register input[type="password"],
|
||||
.register input[type="email"] {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.register input[type="submit"] {
|
||||
background: #0073aa;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.register input[type="submit"]:hover {
|
||||
background: #005177;
|
||||
}
|
||||
Reference in New Issue
Block a user