colour refresh

This commit is contained in:
tengel 2024-10-25 08:39:20 -05:00
parent 2ef062f494
commit 0eaa0dfb45

View file

@ -5,30 +5,25 @@ body{
font-size:16px; font-size:16px;
margin:0 auto; margin:0 auto;
line-height:1.4; line-height:1.4;
background:#0b0c0d; background:#1c1c1c;
color:#d4d4d4; color:#d4d4d4;
font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif; font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
} }
a{ a{
color:#c79908; color:#64d7ff;
text-decoration:none; text-decoration:none;
} }
a:hover{ a:hover{
text-decoration:underline; text-decoration:underline;
} }
::selection { ::selection {
color:#000; color:#1c1c1c;
background:#7a9e55; background:#c79908;
} }
h1{ h1{
font-size:2em; font-size:2em;
margin:.67em 0; margin:.67em 0;
} }
kbd {
border-radius: 3px;
padding: 1px 2px 0;
border: 1px solid #666666;
}
#page{ #page{
position:relative; position:relative;
} }
@ -47,9 +42,6 @@ kbd {
z-index:2; z-index:2;
min-width:270px; min-width:270px;
} }
.title-group.animate{
animation:slide-fade-in .8s ease;
}
.title{ .title{
font-size:42px; font-size:42px;
line-height:1.2; line-height:1.2;
@ -65,7 +57,7 @@ kbd {
text-decoration:none; text-decoration:none;
} }
.description{ .description{
color:#7a9e55; color:#c79908;
margin:50px 0 0; margin:50px 0 0;
display:block; display:block;
} }
@ -85,9 +77,6 @@ kbd {
.footlink { .footlink {
text-align: center; text-align: center;
} }
.footlink.animate {
animation:slide-fade-in .8s ease;
}
.middle { .middle {
overflow: auto; overflow: auto;
margin: auto; margin: auto;
@ -95,72 +84,6 @@ kbd {
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
} }
@media screen and (max-width:568px){
.content{
padding:1px 10px;
}
.title{
font-size:36px;
margin-top:30px;
}
.description{
margin-top:35px;
max-width:80%;
margin-left:auto;
margin-right:auto;
}
.title+.description{
margin-top:4px!important;
}
}
@keyframes slide-fade-in{
0%{
opacity:0;
transform:translate3d(0,20px,0);
}
to{
opacity:1;
transform:translate3d(0,0,0);
}
}
.divTable {
font-size: 16px;
line-height: 2.0;
display: table;
margin: auto;
border: 1px solid #444;
}
.divTable.animate {
animation:slide-fade-in .8s ease;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
display: table-header-group;
background-color: #ddd;
}
.divTableCell, .divTableHead {
vertical-align: middle;
display: table-cell;
padding: 5px 10px;
border: 1px solid #444;
}
.divTableHeading {
display: table-header-group;
background-color: #ddd;
font-weight: bold;
}
.divTableFoot {
display: table-footer-group;
font-weight: bold;
background-color: #ddd;
}
.divTableBody {
display: table-row-group;
}
.valign { .valign {
vertical-align: middle; vertical-align: middle;
} }