tildetown
/
tilde.town
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

dzwdz fixes

trunk
vilmibm 2021-08-06 18:31:08 +00:00
parent ea61f0d54d
commit 0fcc01be67
2 changed files with 250 additions and 227 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

260
index.html
View File

File diff suppressed because one or more lines are too long

217
style.css
View File

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