128 lines
2.3 KiB
CSS
128 lines
2.3 KiB
CSS
body {
|
|
background-color: #000;
|
|
margin:0;
|
|
height: 100;
|
|
}
|
|
/* Ascii logo */
|
|
.ascii-logo {
|
|
font-family: monospace;
|
|
white-space: pre;
|
|
color: #a57ae9;
|
|
top: 50px;
|
|
}
|
|
/* End of Ascii logo */
|
|
|
|
/* time widget */
|
|
.time-widget {
|
|
position: fixed;
|
|
top: 50px;
|
|
right: 10px;
|
|
transform: translateY(-50%);
|
|
background-color: black;
|
|
color: #a57ae9;
|
|
padding: 10px;
|
|
border: 2px solid white;
|
|
width: 100px;
|
|
text-align: center;
|
|
font-family: monospace;
|
|
}
|
|
|
|
#time {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#location {
|
|
font-size: 12px;
|
|
}
|
|
/* End of time widget */
|
|
|
|
/*Content of the website ig no idea how to name this lmfao*/
|
|
.content1 {
|
|
font-family: monospace;
|
|
white-space: pre;
|
|
color: #a57ae9;
|
|
top: 25px;
|
|
}
|
|
/* End of the content thingy */
|
|
|
|
/*Code to make footer look cool and ncie :D*/
|
|
footer {
|
|
font-family: monospace;
|
|
position: fixed;
|
|
text-align: center;
|
|
bottom: 0;
|
|
width: 100%;
|
|
padding: 1em;
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
/* End of the code which makes the footer look nice :( */
|
|
|
|
/* Makes hyerpinks not look ugly */
|
|
a {
|
|
text-decoration: none;
|
|
color: #6200ff;
|
|
}
|
|
/* End of hyperlink styling */
|
|
|
|
/* SICK Ascii logo */
|
|
.ascii-logo-blog {
|
|
font-family: monospace;
|
|
white-space: pre;
|
|
color: #a57ae9;
|
|
top: 50px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
/* End of SICK Ascii logo */
|
|
|
|
/*Blog Content 1 (Yes there is a second one of these and yes ik that i am terible and naming shit*/
|
|
.content-blog {
|
|
font-family: monospace;
|
|
white-space: pre;
|
|
color: #a57ae9;
|
|
top: 25px;
|
|
font-size: large;
|
|
}
|
|
/* End of the Blog content thingy */
|
|
/*Blog Content 2 (This is mostly for the content of the blogs like the blog posts themself */
|
|
.content-blog-2{
|
|
font-family: monospace;
|
|
white-space: pre;
|
|
color: #a57ae9;
|
|
top: 25px;
|
|
font-size: large;
|
|
}
|
|
/* End of the Blog content 2thingy */
|
|
|
|
/* That sick badge / banner thing */
|
|
.banner1 {
|
|
position: fixed;
|
|
top: 89px;
|
|
right: 10px;
|
|
}
|
|
|
|
.banner2 {
|
|
position: fixed;
|
|
top: 123px;
|
|
right: 10px;
|
|
}
|
|
|
|
.banner3 {
|
|
position: fixed;
|
|
top: 160px;
|
|
right: 10px;
|
|
}
|
|
|
|
.banner4 {
|
|
position: fixed;
|
|
top: 200px;
|
|
right: 10px;
|
|
}
|
|
|
|
.banner5 {
|
|
position: fixed;
|
|
top: 234px;
|
|
right: 10px;
|
|
}
|
|
/* End of that sick badge thingy */ |