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

adding changes by entoreor

This commit is contained in:
deepend-tildeclub 2020-05-06 00:49:44 -06:00 committed by GitHub
parent 2344be758d
commit bb0738cee3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 65 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
style.css
View File

@ -1,65 +1,69 @@
/* {font-size:13pt;font-weight:normal;} */ /* {font-size:13pt;font-weight:normal;} */
@media (min-width: 30em) { @media (min-width: 64em) {
.row { display: flex; flex-wrap: nowrap; flex-direction: row-reverse; } .row {
.col { flex-grow: 1; } display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
}
.col { flex-grow: 1; }
} }
.grid { .grid {
border-collapse: collapse; border-collapse: collapse;
} }
.col { .col {
border: 6px double #fb5; border: 6px double #fb5;
padding: 1em; padding: 1em;
} }
.user-list { .user-list {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-evenly; justify-content: space-evenly;
list-style-type: none;
padding: 0;
} }
.user-list li { .user-list li {
margin-left: 5%; overflow: hidden;
width: 20%; text-overflow: ellipsis;
overflow: hidden; white-space: nowrap;
text-overflow: ellipsis; flex: 10em;
white-space: nowrap;
} }
.user-list::after { .user-list::after {
content: ""; content: "";
flex: auto;
} }
body { body {
margin: auto; margin: auto;
padding: 1em; padding: 1em;
max-width: 64em; max-width: 64em;
font-family: "courier new", monospace; font-family: "courier new", monospace;
color: #fb5; color: #fb5;
background: #111; background: #111;
word-wrap: break-word; word-wrap: break-word;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #f70; color: #f70;
font-weight: bold; font-weight: bold;
padding-right: 0.25em; padding-right: 0.25em;
} }
a:hover {color: #f20;} a:hover {color: #f20;}
hr { hr {
border-color: #fb5; border-color: #fb5;
} }
.advisory { .advisory {
background: #fc4; background: #fc4;
color: #222; color: #222;
font-weight: bold; font-weight: bold;
padding: 1em; padding: 1em;
border-radius: 0.25em; border-radius: 0.25em;
} }
h1 { h1 {
text-transform: uppercase; text-transform: uppercase;
color: #fb5; color: #fb5;
font-family: monospace; font-family: monospace;
} }
.sourceCode { .sourceCode {
@ -72,52 +76,53 @@ code > span.fl {
/* Style the navbar */ /* Style the navbar */
#navbar { #navbar {
overflow: hidden; overflow: hidden;
background-color: #fb5; background-color: #fb5;
color: #222; 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; border-radius: 0.25em;
} }
#navbar a:hover { #navbar a:hover {
background-color: #f93; background-color: #f93;
} }
/* Navbar links */ /* Navbar links */
#navbar a { #navbar a {
float: left; float: left;
display: block; display: block;
color: black; color: black;
text-align: center; text-align: center;
padding: 14px; padding: 14px;
text-decoration: none; text-decoration: none;
} }
/* Page content */ /* Page content */
.content { .content {
padding-top: 5px; padding-top: 5px;
} }
input[type="text"], input[type="text"],
textarea { textarea {
background-color: #333; background-color: #333;
color: darkorange; color: darkorange;
} }
div.alert-warning { div.alert-warning {
background-color: darkred; background-color: darkred;
} }
div.alert-success { div.alert-success {
background-color: darkgreen; background-color: darkgreen;
} }
/* Mobile */ /* Mobile */
@media (max-width: 768px) { @media (max-width: 768px) {
td { td {
display: block; display: block;
} }
} }