Yes
My Personal Theme by SatinFoil
Details
AuthorSatinFoil
LicenseNo License
Categorymetahoepfner.net
Created
Updated
Size7.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name My theme
@version 20230711.20.44
@namespace ?
==/UserStyle== */
@-moz-document domain("metahoepfner.net") {
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&family=Playfair:ital,wght@0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Nunito:wght@200&family=Playfair:ital,wght@0,300;1,300&display=swap');
body {
margin: 0%;
}
.header {
height: 50px;
background-color: rgb(2, 129, 248) !important;
display: flex;
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.28);
align-items: center;
justify-content: center;
z-index: 5;
}
.header:hover {
height: 50px;
background-color: rgb(2, 129, 248) !important;
display: flex;
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.28);
align-items: center;
justify-content: center;
z-index: 5;
}
header {
height: 50px;
background-color: rgb(2, 129, 248) !important;
display: flex;
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.28);
align-items: center;
justify-content: center;
z-index: 5;
}
header:hover {
height: 50px;
background-color: rgb(2, 129, 248) !important;
display: flex;
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.28);
align-items: center;
justify-content: center;
z-index: 5;
}
header h1 {
font-family: 'Roboto Slab', serif;
font-size: 25px;
color: white;
}
header a {
font-family: 'Roboto Slab', serif;
font-size: 20px;
color: white;
margin-left: 10px;
text-decoration: none;
transition: 0.3s;
background-color: transparent !important;
}
header a:hover {
font-family: 'Roboto Slab', serif;
font-size: 20px;
color: rgba(210, 210, 210, .589) !important;
margin-left: 10px;
text-decoration: none;
transition: 0.3s; }
background-color: transparent !important;
.div1img2 {
height: 350px;
width: auto;
margin-top: 50px;
z-index: 3;
}
.div1 {
display: flex;
align-items: center;
z-index: 1;
}
.div1h1 {
color: rgb(0, 0, 0);
font-family: 'Roboto Slab', serif;
font-size: 50px;
z-index: 1;
}
.div1img
{
margin-right: 15px;
float: left;
z-index: 1;
}
.div1p {
color: rgb(0, 0, 0);
font-family: 'Roboto Slab', serif;
font-size: 30px;
z-index: 1;
}
.button {
color: black;
background-color: white;
border: 3px solid black;
font-size: 28px;
font-family: 'Roboto slab', serif;
padding: 5px;
border-radius: 2px;
text-decoration: none;
margin-left: 10px;
transition: 0.3s;
z-index: 1;
}
.button:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);
border: 3px solid black;
font-size: 28px;
font-family: 'Roboto slab', serif;
padding: 5px;
border-radius: 2px;
text-decoration: none;
margin-left: 10px;
transition: 0.3s;
z-index: 1;
}
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
float: left;
width: 33.33%;
padding: 5px;
}
/* Clear floats after image containers */
.row::after {
content: "";
clear: both;
display: table;
}
.row {
display: flex;
}
.column {
flex: 33.33%;
padding: 5px;
}
.underimageright {
font-size: 37px;
font-family: 'Roboto Slab', serif;
display: flex;
justify-content: right;
position:relative;
top:0px;
left:0px;
margin-left:0px;
margin-right:280px;
z-index: 1;
}
.bigimgleft {
height: 648px;
width: 840px;
display: flex;
justify-content: right;
}
.bigimgright {
height: 648px;
width: 840px;
display: flex;
justify-content: right;
transition: 0.3s;
}
.bigimgright:hover {
height: 650px;
width: 842px;
display: flex;
justify-content: right;
box-shadow: 5px 5px 22px 4px rgba(0,0,0,0.5);
transition: 0.3s;
}
.testies {
background-color: black;
}
.testiesh1 {
color: white;
font-size: 56px;
font-family: 'Nunito', sans-serif;
justify-content: center;
text-align: center;
}
.testiesp {
color: white;
font-size: 25px;
font-family: 'Nunito', sans-serif;
justify-content: center;
text-align: center;
}
.content {
padding: 16px;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
position: fixed;
top: 0;
width: 100%
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
padding-top: 102px;
}
.underimageleft {
font-size: 37px;
font-family: 'Roboto Slab', serif;
display: flex;
justify-content: left;
position:relative;
top:0px;
left:0px;
margin-left:48px;
margin-right:0px;
z-index: 1;
}
.roundimgright {
height: 340px;
width: 340px;
display: flex;
justify-content: right;
border-radius: 50%;
transition: 0.3s;
z-index: 1;
}
.roundimgright:hover {
height: 350px;
width: 350px;
display: flex;
justify-content: right;
border-radius: 50%;
box-shadow: 5px 5px 22px 4px rgba(0,0,0,0.5);
transition: 0.3s;
z-index: 1;
}
.roundedimg {
height: 340px;
width: 340px;
display: flex;
justify-content: left;
border-radius: 50%;
transition: 0.3s;
z-index: 1;
}
.roundedimg:hover {
height: 350px;
width: 350px;
display: flex;
justify-content: left;
border-radius: 50%;
box-shadow: 5px 5px 22px 4px rgba(0,0,0,0.5);
transition: 0.3s;
z-index: 1;
}
.testies {
background-color: black;
}
.testiesh1 {
color: white;
font-size: 56px;
font-family: 'Nunito', sans-serif;
justify-content: center;
text-align: center;
z-index: 1;
}
.testiesp {
color: white;
font-size: 25px;
font-family: 'Nunito', sans-serif;
justify-content: center;
text-align: center;
z-index: 1;
}
.normalpp {
font-size: 27px;
font-family: 'Roboto Slab', serif, cursive;
color: rgb(0, 0, 0);
display: flex;
justify-content: left;
position:relative;
top:0px;
left:0px;
margin-left:48px;
margin-right:0px;
z-index: 1;
}
.blackbg {
background-color: black;
}
.middleImg {
display: flex;
justify-content: center;
position:relative;
top:-38px;
left:500px;
margin-left:48px;
margin-right:0px;
margin-top: 80px;
height: 500px;
width: auto;
transition: 0.3s;
}
.middleImg:hover {
display: flex;
justify-content: center;
position:relative;
top:-38px;
left:500px;
margin-left:48px;
margin-right:0px;
margin-top: 80px;
height: 510px;
width: auto;
transition: 0.3s;
box-shadow: 10px 10px 28px 15px rgba(0,0,0,0.38);
box-shadow: 0px 0px 0px 8px #000000, 0px 0px 0px 16px #4B4C4B, 0px 0px 0px 24px #828482, 0px 0px 0px 31px #B2B5B2, 0px 0px 0px 39px #DADDDA, 10px 10px 28px 15px rgba(0,0,0,0);
}
}
.normalh11 {
color: white;
font-family: 'Roboto Slab', serif;
}
.normalpp {
color: white;
}