TildeClub
/
site
mirror of https://github.com/tildeclub/site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

implemented style.css from ~maz.

This commit is contained in:
deepend 2020-03-08 19:42:32 -06:00
parent 2306e66d74
commit 06c0c248bd
1 changed files with 26 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
style.css
View File

@ -4,55 +4,42 @@ table {
border-collapse: collapse; border-collapse: collapse;
} }
td { td {
border: 6px double darkorange; border: 6px double #fb5;
padding: 10px; padding: 1em;
} }
ol { ol {
margin-left: 1em; margin-left: 1em;
} }
body { body {
margin: 1em; margin: auto;
padding: 1em;
max-width: 64em;
font-family: "courier new", monospace; font-family: "courier new", monospace;
color: #f89406; color: #fb5;
background: #000400; background: #111;
word-wrap: break-word; word-wrap: break-word;
} }
a { a {
color: #f89406; text-decoration: none;
color: #f70;
font-weight: bold; font-weight: bold;
padding-right: 0.25em; padding-right: 0.25em;
} }
a:hover {color: #f20;}
hr { hr {
border-color: darkorange; border-color: #fb5;
} }
.advisory { .advisory {
background: darkorange; background: #fc4;
color: #223; color: #222;
font-weight: bold; font-weight: bold;
padding-right: 0.25em; padding: 1em;
border-radius: 0.25em;
} }
h1 { h1 {
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; color: #fb5;
color: #000400; font-family: monospace;
background: darkorange;
}
.advisory {
-webkit-animation-name: blinker;
-webkit-animation-duration: 8s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 8s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 8s;
animation-timing-function: linear;
animation-iteration-count: infinite;
} }
.sourceCode { .sourceCode {
@ -62,12 +49,18 @@ h1 {
/* Style the navbar */ /* Style the navbar */
#navbar { #navbar {
overflow: hidden; overflow: hidden;
background-color: darkorange; background-color: #fb5;
color: #222;
z-index: 99; z-index: 99;
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
border-radius: 0.25em;
}
#navbar a:hover {
background-color: #f93;
} }
/* Navbar links */ /* Navbar links */
@ -87,9 +80,8 @@ h1 {
input[type="text"], input[type="text"],
textarea { textarea {
background-color: #191919; background-color: #333;
border: 0px; color: darkorange;
color: #d46700;
} }
div.alert-warning { div.alert-warning {
@ -99,42 +91,6 @@ div.alert-success {
background-color: darkgreen; background-color: darkgreen;
} }
@-moz-keyframes blinker {
0% {
opacity: 1;
}
50% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blinker {
0% {
opacity: 1;
}
50% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes blinker {
0% {
opacity: 1;
}
50% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
/* Mobile */ /* Mobile */
@media (max-width: 768px) { @media (max-width: 768px) {
td { td {