site/style.css

109 lines
1.5 KiB
CSS

/* {font-size:13pt;font-weight:normal;} */
@media (min-width: 30em) {
.row { display: flex; flex-wrap: nowrap; flex-direction: row-reverse; }
.col { flex-grow: 1; }
}
.grid {
border-collapse: collapse;
}
.col {
border: 6px double #fb5;
padding: 1em;
}
ol {
margin-left: 1em;
}
body {
margin: auto;
padding: 1em;
max-width: 64em;
font-family: "courier new", monospace;
color: #fb5;
background: #111;
word-wrap: break-word;
}
a {
text-decoration: none;
color: #f70;
font-weight: bold;
padding-right: 0.25em;
}
a:hover {color: #f20;}
hr {
border-color: #fb5;
}
.advisory {
background: #fc4;
color: #222;
font-weight: bold;
padding: 1em;
border-radius: 0.25em;
}
h1 {
text-transform: uppercase;
color: #fb5;
font-family: monospace;
}
.sourceCode {
color:#008000;
}
code > span.fl {
color: #008000;
}
/* Style the navbar */
#navbar {
overflow: hidden;
background-color: #fb5;
color: #222;
z-index: 99;
position: relative;
top: 0;
left: 0;
width: 100%;
border-radius: 0.25em;
}
#navbar a:hover {
background-color: #f93;
}
/* Navbar links */
#navbar a {
float: left;
display: block;
color: black;
text-align: center;
padding: 14px;
text-decoration: none;
}
/* Page content */
.content {
padding-top: 5px;
}
input[type="text"],
textarea {
background-color: #333;
color: darkorange;
}
div.alert-warning {
background-color: darkred;
}
div.alert-success {
background-color: darkgreen;
}
/* Mobile */
@media (max-width: 768px) {
td {
display: block;
}
}