Wobbly-Website/styles.css

166 lines
2.8 KiB
CSS
Raw Normal View History

2023-07-30 18:32:42 +02:00
.p {
font-family: ubuntu, arial;
}
.background {
background-image: url(backgrounds/eknr1_and_lottilx.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100%;
min-height: 400px;
}
.topnav {
background-color: rgba(51, 51, 51, 0.863);
overflow: hidden;
}
.topnav-inactive {
font-family: ubuntu, arial;
float: left;
color: #f2f2f2;
text-align: center;
padding: 5px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav-inactive:hover {
background-color: #ddd;
color: black;
}
.topnav-active {
font-family: ubuntu, arial;
background-color: #04AA6D;
color: white;
float: left;
padding: 5px 16px;
text-decoration: none;
font-size: 17px;
}
.scriptsinactive:hover {
background-color: #ddd;
color: black;
}
.big-text {
font-family: ubuntu, arial;
color: white;
font-size: 26px;
}
.tiny-text {
font-family: ubuntu, arial;
color: white;
font-size: 10px;
}
.center-text {
text-align: center;
}
.fat-text {
font-weight: bold;
}
.background-text {
background-color: rgba(0,0,0,0.7);
}
.normal-text {
font-family: ubuntu, arial;
color: white;
font-size: 16px;
}
.normal-link {
font-family: ubuntu, arial;
color: #5865f2;
}
.ytbutton {
border-radius: 5px;
background-color: #ff0000;
border-color: #ff0000;
color: white;
font-family: ubuntu;
font-size: 18px;
cursor: pointer;
}
.scratchbutton {
border-radius: 5px;
background-color: #f7aa36;
border-color: white;
color: white;
font-family: ubuntu;
font-size: 18px;
cursor: pointer;
}
.discordbutton {
border-radius: 5px;
background-color: #5865f2;
border-color: #5865f2;
color: white;
font-family: ubuntu;
font-size: 18px;
cursor: pointer;
}
.normal-link-button {
font-family: ubuntu, arial;
float: left;
color: #f2f2f2;
background-color: rgba(51, 51, 51, 0.8);
text-align: center;
padding: 5px 16px;
text-decoration: none;
font-size: 17px;
border-style: inset;
}
.normal-link-button:hover {
background-color: rgba(240, 240, 240, 0.6);
cursor: pointer;
}
.normal-emoji {
height: 16px;
width: 16px;
align: center;
}
.pythonscripts {
background-color: rgba(51, 51, 51, 0.863);
width: 160px;
height: 32px;
}
.merge_box {
font-family: ubuntu;
color: white;
font-size: 18px;
padding: 5px 16px;
background-color: rgba(51, 51, 51, 0.863);
position: relative;
left: 50%;
}
.normal-list {
font-family: ubuntu;
color: white;
font-size: 18px;
}
.program {
font-family: ubuntu;
color: white;
font-size: 18px;
padding: 5px 16px;
background-color: rgba(51, 51, 51, 0.863);
position: relative;
}