Use new HTML5/CSS coding.
This commit is contained in:
parent
ae71b8e261
commit
1ce12727df
28 changed files with 868 additions and 537 deletions
231
html/light.css
Normal file
231
html/light.css
Normal file
|
|
@ -0,0 +1,231 @@
|
|||
a:link {
|
||||
color: #2c199c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #943cc3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
background-image: url("/circuit-light.png");
|
||||
color: #000000;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
hr {
|
||||
background-color: #070707;
|
||||
border: 0;
|
||||
color: #070707;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table, td {
|
||||
border: 0;
|
||||
color: #070707;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td {
|
||||
padding-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.box {
|
||||
background: #f0f0f0;
|
||||
border: 2px solid #070707;
|
||||
box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5);
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.boxmargins {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.boxpadding {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.donatebutton {
|
||||
margin-left: 100px;
|
||||
margin-right: 100px;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-size: 200%;
|
||||
}
|
||||
|
||||
.motdcontent {
|
||||
}
|
||||
|
||||
.motdheader {
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.notice {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-bottom: 25px;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.sponsor {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
font-size: 125%;
|
||||
}
|
||||
|
||||
.torrentdescription {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.torrentlinks {
|
||||
text-align: right;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
#bwbar {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
font-size: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#donatebuttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#headingbox {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
#headingtext {
|
||||
text-align: center;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#motd {
|
||||
column-gap: 40px;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
row-gap: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#page {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
#signature {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
margin-bottom: 50px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#sponsorship {
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#theme {
|
||||
display: grid;
|
||||
column-gap: 50px;
|
||||
grid-template-columns: auto auto auto;
|
||||
}
|
||||
|
||||
#themetoggle {
|
||||
align-self: end;
|
||||
display: flex;
|
||||
height: 25px;
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
max-height: 25px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#themetoggleimg {
|
||||
height: 15px;
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#themetoggletext {
|
||||
align-content: center;
|
||||
color: #000000;
|
||||
font-size: 15px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#torrentbox {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue