forked from tildetown/tilde.town
dzwdz fixes
parent
ea61f0d54d
commit
0fcc01be67
260
index.html
260
index.html
File diff suppressed because one or more lines are too long
217
style.css
217
style.css
|
@ -1,103 +1,114 @@
|
|||
body {
|
||||
background-color: #E0B0FF;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
div#tildes {
|
||||
position:absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
word-break:break-all;
|
||||
background-color:black;
|
||||
color: #E0B0FF;
|
||||
z-index: -1;
|
||||
font-size:120%;
|
||||
letter-spacing:.75em;
|
||||
}
|
||||
|
||||
section {
|
||||
font-family: monospace;
|
||||
background-color: black;
|
||||
color:#E0B0FF;
|
||||
}
|
||||
|
||||
section#summary p {
|
||||
font-size:150%;
|
||||
}
|
||||
|
||||
section#summary ul {
|
||||
font-size:150%;
|
||||
}
|
||||
|
||||
section#header {
|
||||
margin-top:5%;
|
||||
text-align:center;
|
||||
font-size:150%;
|
||||
margin-right:2%;
|
||||
margin-left:1%;
|
||||
}
|
||||
|
||||
section#summary {
|
||||
padding-left:10%;
|
||||
padding-right:10%;
|
||||
margin-right:2%;
|
||||
margin-left:1%;
|
||||
}
|
||||
|
||||
section#join {
|
||||
margin-top: 5%;
|
||||
width: 20%;
|
||||
padding:10px;
|
||||
margin-left:4%;
|
||||
}
|
||||
|
||||
section#users {
|
||||
margin-left:60%;
|
||||
width:20%;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
section#blog {
|
||||
margin-left:40%;
|
||||
width:10%;
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
section#donate {
|
||||
margin-left:5%;
|
||||
width:15%;
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
section#lostkey {
|
||||
margin-left:80%;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
section#footer {
|
||||
padding:25px;
|
||||
text-align:center;
|
||||
margin-top:65px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight:bold;
|
||||
color:blueviolet;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
animation: rainbow 1s infinite;
|
||||
}
|
||||
|
||||
@keyframes rainbow {
|
||||
20%{color: red;}
|
||||
40%{color: orange;}
|
||||
60%{color: yellow;}
|
||||
80%{color: green;}
|
||||
100%{color: blue;}
|
||||
}
|
||||
body {
|
||||
background-color: #E0B0FF;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
div#tildes {
|
||||
position:absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
word-break:break-all;
|
||||
background-color:black;
|
||||
color: #E0B0FF;
|
||||
z-index: -1;
|
||||
font-size:120%;
|
||||
letter-spacing:.75em;
|
||||
}
|
||||
|
||||
section {
|
||||
font-family: monospace;
|
||||
background-color: black;
|
||||
color:#E0B0FF;
|
||||
}
|
||||
|
||||
section#summary p {
|
||||
font-size:150%;
|
||||
}
|
||||
|
||||
section#summary ul {
|
||||
font-size:150%;
|
||||
}
|
||||
|
||||
section#header {
|
||||
margin-top:5%;
|
||||
text-align:center;
|
||||
font-size:150%;
|
||||
margin-right:2%;
|
||||
margin-left:1%;
|
||||
}
|
||||
|
||||
section#summary {
|
||||
padding-left:10%;
|
||||
padding-right:10%;
|
||||
margin-right:2%;
|
||||
margin-left:1%;
|
||||
}
|
||||
|
||||
#weird-boxes section {
|
||||
padding: 0 2ch;
|
||||
margin-top: 2em;
|
||||
border: 1px solid #e0b0ff30; /* if there isn't a border the layout goes nuts.
|
||||
if you don't want a visible border just make it black */
|
||||
}
|
||||
|
||||
section#join {
|
||||
margin-left: max((100% - 60ch) * .2, 0ch);
|
||||
max-width: 40ch;
|
||||
}
|
||||
|
||||
section#users {
|
||||
margin-left: auto;
|
||||
margin-right: max((100% - 38ch) * .25, 0ch);
|
||||
max-width: 30ch;
|
||||
}
|
||||
|
||||
section#blog {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 38ch;
|
||||
}
|
||||
|
||||
section#donate {
|
||||
margin-left: max((100% - 38ch) * .25, 0ch);
|
||||
max-width: 30ch;
|
||||
}
|
||||
|
||||
section#lostkey {
|
||||
margin-left: auto;
|
||||
margin-right: max((100% - 60ch) * .2, 0ch);
|
||||
max-width: 60ch; /* would look better if it was thinner, but the dialog
|
||||
would need to be slightly rephrased */
|
||||
}
|
||||
|
||||
#lostkey ul {
|
||||
padding-left: 2ch;
|
||||
}
|
||||
|
||||
section#footer {
|
||||
margin: auto;
|
||||
margin-top: 4em;
|
||||
text-align: center;
|
||||
max-width: 50ch;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight:bold;
|
||||
color:blueviolet;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
animation: rainbow 1s infinite;
|
||||
}
|
||||
|
||||
@keyframes rainbow {
|
||||
20%{color: red;}
|
||||
40%{color: orange;}
|
||||
60%{color: yellow;}
|
||||
80%{color: green;}
|
||||
100%{color: blue;}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue