forked from purplebored/purplebored.pl
Added new files
This commit is contained in:
193
style.css
Normal file → Executable file
193
style.css
Normal file → Executable file
@@ -1,128 +1,65 @@
|
||||
body {
|
||||
background-color: #000;
|
||||
margin:0;
|
||||
height: 100;
|
||||
overflow-x: hidden
|
||||
}
|
||||
/* 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: normal;
|
||||
color: #a57ae9;
|
||||
top: 25px;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
/* 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;
|
||||
color: #a57ae9;
|
||||
font-size: large;
|
||||
overflow-x: hidden;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
/* End of that sick badge thingy */
|
||||
body {
|
||||
background-color: #000;
|
||||
margin:0;
|
||||
height: 100;
|
||||
overflow-x: hidden
|
||||
}
|
||||
|
||||
/* Ascii logo */
|
||||
.ascii-logo {
|
||||
font-family: monospace;
|
||||
white-space: pre;
|
||||
color: #a57ae9;
|
||||
top: 50px;
|
||||
}
|
||||
/* End of Ascii logo */
|
||||
|
||||
/* The main content of the website */
|
||||
.content1 {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
font-family: monospace;
|
||||
white-space: normal;
|
||||
color: #a57ae9;
|
||||
}
|
||||
/* End of the main content of the website */
|
||||
|
||||
/* You may ask yourself why are there two identical css sections. */
|
||||
.content2 {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
font-family: monospace;
|
||||
white-space: normal;
|
||||
color: #a57ae9;
|
||||
font-size: large;
|
||||
}
|
||||
/* Very easy one is for articels or just post idk how to call them and the content1 thing if for general usage */
|
||||
|
||||
/*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;
|
||||
background: #000000;
|
||||
}
|
||||
/* End of the code which makes the footer look nice :( */
|
||||
|
||||
/* Makes hyperlinks not look like shit */
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #447fc6;
|
||||
}
|
||||
/* End of the code which makes hyperlink usable */
|
||||
/* The Css for the article website */
|
||||
.article {
|
||||
margin-left: 35px;
|
||||
margin-right: 35px;
|
||||
font-family: monospace;
|
||||
color: #a57ae9;
|
||||
font-size: small;
|
||||
}
|
||||
Reference in New Issue
Block a user