dzwdz fixes

trunk
vilmibm 2 years ago
parent ea61f0d54d
commit 0fcc01be67

File diff suppressed because one or more lines are too long

@ -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…
Cancel
Save