661 lines
10 KiB
CSS
661 lines
10 KiB
CSS
span#left, span#right, span.flicker, span.fast-flicker {
|
|
font-family: clip, "Arial", sans-serif;
|
|
font-size: clamp(4rem, 1.428rem + 14.285vw, 6rem);
|
|
}
|
|
|
|
span.small {
|
|
font-size: 2.5rem !important;
|
|
}
|
|
|
|
span#left {
|
|
color: #ffe6ff;
|
|
text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
|
|
-0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
|
|
0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
|
|
animation: shine-one 2s forwards, flicker 3s infinite;
|
|
}
|
|
|
|
span#right {
|
|
color: #b2f3f2;
|
|
text-shadow: 0 0 0.6rem #b2f3f2, 0 0 1.5rem #75f1f1,
|
|
-0.2rem 0.1rem 1rem #75f1f1, 0.2rem 0.1rem 1rem #75f1f1,
|
|
0 -0.5rem 2rem #1cf3f1, 0 0.5rem 3rem #1cf3f1;
|
|
animation: shine-two 2s forwards, flicker 6s infinite;
|
|
}
|
|
|
|
h1 a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
body > div#front-page {
|
|
height: 100vh;
|
|
background: url(/background.jpg) no-repeat center center fixed;
|
|
background-size: cover;
|
|
backdrop-filter: blur(4px);
|
|
}
|
|
|
|
h1#site-title {
|
|
margin-top: 0!important;
|
|
padding-top: 2em;
|
|
}
|
|
|
|
h1#site-title span {
|
|
padding: 1em 0 0 0;
|
|
text-align: left;
|
|
margin: 0;
|
|
color: #ffffff;
|
|
text-shadow: 0 0 0.6rem #ffffff, 0 0 1.5rem #ffffff,
|
|
-0.2rem 0.1rem 1rem #ffffff, 0.2rem 0.1rem 1rem #ffffff,
|
|
0 -0.5rem 2rem #e6e6e6, 0 0.5rem 3rem #e6e6e6;
|
|
}
|
|
|
|
h1#site-title span a {
|
|
color: #e1c6ff;
|
|
text-shadow: 0 0 0.6rem #bf86ff, 0 0 1.5rem #bf86ff,
|
|
-0.2rem 0.1rem 1rem #bf86ff, 0.2rem 0.1rem 1rem #8737e2,
|
|
0 -0.5rem 2rem #8737e2, 0 0.5rem 3rem #8737e2;
|
|
}
|
|
|
|
h1#site-title span a:active {
|
|
color: #faf5ff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.flicker {
|
|
animation: shine-two 2s forwards, blink-two 10s 1s infinite;
|
|
}
|
|
|
|
.fast-flicker {
|
|
animation: shine-one 2s forwards, blink-one 3s 2s infinite;
|
|
}
|
|
@keyframes shine-one {
|
|
0% {
|
|
color: #6b1839;
|
|
text-shadow: none;
|
|
}
|
|
100% {
|
|
color: #ffe6ff;
|
|
text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
|
|
-0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
|
|
0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
|
|
}
|
|
}
|
|
|
|
@keyframes shine-two {
|
|
0% {
|
|
color: #178685;
|
|
text-shadow: none;
|
|
}
|
|
100% {
|
|
color: #b2f3f2;
|
|
text-shadow: 0 0 0.6rem #b2f3f2, 0 0 1.5rem #75f1f1,
|
|
-0.2rem 0.1rem 1rem #75f1f1, 0.2rem 0.1rem 1rem #75f1f1,
|
|
0 -0.5rem 2rem #1cf3f1, 0 0.5rem 3rem #1cf3f1;
|
|
}
|
|
}
|
|
|
|
@keyframes blink-one {
|
|
0%,
|
|
22%,
|
|
36%,
|
|
75% {
|
|
color: #ffe6ff;
|
|
text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
|
|
-0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
|
|
0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
|
|
}
|
|
28%,
|
|
33% {
|
|
color: #ff65bd;
|
|
text-shadow: none;
|
|
}
|
|
82%,
|
|
97% {
|
|
color: #ff2483;
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
|
|
@keyframes blink-two {
|
|
0%,
|
|
22%,
|
|
36%,
|
|
75% {
|
|
color: #ddfefd;
|
|
text-shadow: 0 0 0.6rem #b2f3f2, 0 0 1.5rem #75f1f1,
|
|
-0.2rem 0.1rem 1rem #75f1f1, 0.2rem 0.1rem 1rem #75f1f1,
|
|
0 -0.5rem 2rem #1cf3f1, 0 0.5rem 3rem #1cf3f1;
|
|
}
|
|
28%,
|
|
33% {
|
|
color: #75f1f1;
|
|
text-shadow: 0 0 0.6rem #b2f3f2, 0 0 1.5rem #75f1f1;
|
|
}
|
|
82%,
|
|
97% {
|
|
color: #178685;
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
|
|
@keyframes flicker {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
|
|
4% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
6% {
|
|
opacity: 0.85;
|
|
}
|
|
|
|
8% {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
10% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
11% {
|
|
opacity: 0.922;
|
|
}
|
|
|
|
12% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
14% {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
16% {
|
|
opacity: 0.98;
|
|
}
|
|
|
|
17% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
19% {
|
|
opacity: 0.93;
|
|
}
|
|
|
|
20% {
|
|
opacity: 0.99;
|
|
}
|
|
|
|
24% {
|
|
opacity: 1;
|
|
}
|
|
|
|
26% {
|
|
opacity: 0.94;
|
|
}
|
|
|
|
28% {
|
|
opacity: 0.98;
|
|
}
|
|
|
|
37% {
|
|
opacity: 0.93;
|
|
}
|
|
|
|
38% {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
39% {
|
|
opacity: 0.96;
|
|
}
|
|
|
|
42% {
|
|
opacity: 1;
|
|
}
|
|
|
|
44% {
|
|
opacity: 0.97;
|
|
}
|
|
|
|
46% {
|
|
opacity: 0.94;
|
|
}
|
|
|
|
56% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
58% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
60% {
|
|
opacity: 0.99;
|
|
}
|
|
|
|
68% {
|
|
opacity: 1;
|
|
}
|
|
|
|
70% {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
72% {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
93% {
|
|
opacity: 0.93;
|
|
}
|
|
|
|
95% {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
97% {
|
|
opacity: 0.93;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/*TODO: text input background colors*/
|
|
/*.autocomplete_tags {
|
|
background-color: #fff8dc;
|
|
}*/
|
|
|
|
ul.ui-autocomplete {
|
|
background: #383838;
|
|
border: solid 2px #ff6499;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
ul.ui-autocomplete, ul.ui-autocomplete > li {
|
|
max-width: 60ch;
|
|
line-height: 1.5;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
ul.ui-autocomplete > li:nth-child(odd) {
|
|
background: #000000;
|
|
}
|
|
|
|
ul.ui-autocomplete > li:nth-child(even) {
|
|
background: #383838;
|
|
}
|
|
|
|
.noleft{
|
|
padding-left:2rem;
|
|
}
|
|
HEADER {
|
|
margin-bottom:0.9rem;
|
|
}
|
|
HEADER #site-title {
|
|
padding:0.6rem 2rem 0.25rem;
|
|
}
|
|
HEADER ul#navbar, HEADER ul#subnavbar {
|
|
font-family:Verdana,Helvetica,sans-serif;
|
|
font-size:110%;
|
|
}
|
|
HEADER ul#navbar {
|
|
margin:0;
|
|
padding:0 1rem 0 2rem;
|
|
}
|
|
HEADER ul#navbar li {
|
|
margin:0;
|
|
}
|
|
HEADER ul#navbar li a {
|
|
display:inline-block;
|
|
margin:0 0.15rem;
|
|
padding:0.4rem 0.6rem;
|
|
}
|
|
HEADER ul#navbar li:first-child a {
|
|
margin-left: -0.6rem;
|
|
color: #FF3333;
|
|
font-weight: bold;
|
|
}
|
|
HEADER ul#navbar li a.current-page {
|
|
background-color:#383838;
|
|
border-radius:0.2rem 0.2rem 0 0;
|
|
font-weight:bold;
|
|
}
|
|
HEADER ul#subnavbar {
|
|
margin:0 0 0.5rem;
|
|
padding:0 1rem 0 2rem;
|
|
background-color:#383838;
|
|
}
|
|
HEADER ul#subnavbar li {
|
|
display:inline-block;
|
|
margin:0 0.15rem;
|
|
padding:0.4rem 0.6rem;
|
|
}
|
|
HEADER ul#subnavbar li:first-child {
|
|
margin-left: -0.6rem;
|
|
}
|
|
body {
|
|
background-color:#000000;
|
|
color:#FFFFFF;
|
|
font-weight:normal;
|
|
font-style:normal;
|
|
font-variant:normal;
|
|
font-size-adjust:none;
|
|
font-stretch:normal;
|
|
font-size:80%;
|
|
line-height:normal;
|
|
-x-system-font:none;
|
|
}
|
|
h1 {
|
|
margin-top:0;
|
|
margin-bottom:0;
|
|
padding:0.3rem;
|
|
font-size:2.2rem;
|
|
}
|
|
h1 a {
|
|
color:black;
|
|
}
|
|
h3 {
|
|
margin-top:0;
|
|
margin-bottom:0;
|
|
padding:0.2rem 0.2rem 0.2rem 0;
|
|
font-size:1rem;
|
|
}
|
|
h4 {
|
|
font-size:1.4rem;
|
|
}
|
|
h5 {
|
|
font-size:1.2rem;
|
|
}
|
|
table.zebra {border-spacing: 0;border-collapse: collapse;}
|
|
table.zebra > tbody > tr:hover {background: #383838;}
|
|
table.zebra th { padding-right: 0.4rem;color: #171BB3;}
|
|
table.zebra td {margin: 0;padding-right: 0.6rem;border: 1px dotted #EEE;}
|
|
table.zebra th {margin: 0;text-align: left;}
|
|
thead {
|
|
font-weight:bold;
|
|
-moz-background-clip:border;
|
|
-moz-background-inline-policy:continuous;
|
|
-moz-background-origin:padding;
|
|
}
|
|
td {
|
|
vertical-align:top;
|
|
}
|
|
#subtitle {
|
|
margin:auto;
|
|
width:256px;
|
|
border-top:medium none;
|
|
text-align:center;
|
|
font-size:0.75em;
|
|
}
|
|
#short-wiki-description {
|
|
padding:0 2em;
|
|
font-size:1.2em;
|
|
}
|
|
#short-wiki-description h2 {
|
|
padding-bottom:0.2em;
|
|
}
|
|
FOOTER {
|
|
clear:both;
|
|
border-top:solid 1px #E7E7F7;
|
|
margin-top:1rem;
|
|
text-align:center;
|
|
color:#555555;
|
|
font-size:0.8rem;
|
|
}
|
|
FOOTER > DIV {
|
|
margin: 1rem 2rem;
|
|
}
|
|
form {
|
|
margin:0;
|
|
}
|
|
a {
|
|
text-decoration:none;
|
|
}
|
|
a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
NAV {
|
|
float:left;
|
|
padding:0 1rem 0.2rem 2rem;
|
|
width:11.5rem;
|
|
text-align:left;
|
|
}
|
|
NAV section + section {
|
|
margin-top:1rem;
|
|
}
|
|
NAV table {
|
|
width:15rem;
|
|
}
|
|
NAV td {
|
|
vertical-align:middle;
|
|
}
|
|
NAV input {
|
|
padding:0;
|
|
width:100%;
|
|
}
|
|
NAV select {
|
|
padding:0;
|
|
width:100%;
|
|
}
|
|
NAV h3 {
|
|
text-align:left;
|
|
}
|
|
#comments p {
|
|
overflow:hidden;
|
|
max-width:150px;
|
|
width:15rem;
|
|
text-align:left;
|
|
}
|
|
TABLE.tag_list {
|
|
width: auto;
|
|
border-collapse: collapse;
|
|
}
|
|
TABLE.tag_list>THEAD {
|
|
display: none;
|
|
}
|
|
TABLE.tag_list>TBODY>TR>TD {
|
|
display: inline;
|
|
padding: 0;
|
|
line-height: 1em;
|
|
}
|
|
TABLE.tag_list>TBODY>TR>TD:after {
|
|
content: " ";
|
|
}
|
|
.tag_count {
|
|
display:inline-block;
|
|
margin-left:0.4rem;
|
|
color:#AAAAAA;
|
|
}
|
|
.more {
|
|
content:"More â";
|
|
}
|
|
.comment {
|
|
margin-bottom:8px;
|
|
}
|
|
.comment .meta {
|
|
width: 15rem;
|
|
color: gray;
|
|
}
|
|
.comment TD {
|
|
text-align: left;
|
|
}
|
|
.withleft {
|
|
margin-left:14.5rem;
|
|
}
|
|
div#paginator {
|
|
display:block;
|
|
clear:both;
|
|
padding:2em 0 1em;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
font-size:1em;
|
|
}
|
|
.paginator {
|
|
margin:16px;
|
|
text-align:center;
|
|
}
|
|
div#paginator b {
|
|
margin:3px;
|
|
padding:4px 8px;
|
|
}
|
|
div#paginator a {
|
|
margin:3px;
|
|
padding:4px 8px;
|
|
border:1px solid #EEEEEE;
|
|
}
|
|
div#paginator a:hover {
|
|
border:1px solid #EEEEEE;
|
|
background:blue none repeat scroll 0 0;
|
|
color:white;
|
|
-moz-background-clip:border;
|
|
-moz-background-inline-policy:continuous;
|
|
-moz-background-origin:padding;
|
|
}
|
|
span.thumb {
|
|
display:inline-block;
|
|
float:left;
|
|
width:220px;
|
|
height:220px;
|
|
text-align:center;
|
|
}
|
|
#pagelist {
|
|
margin-top:32px;
|
|
}
|
|
#large_upload_form {
|
|
width:600px;
|
|
}
|
|
.setupblock, .tagcategoryblock {
|
|
margin:0.6rem 1rem 0.6rem 0;
|
|
padding:0.5rem 0.6rem 0.7rem;
|
|
width:18rem;
|
|
border:1px solid #AAAAAA;
|
|
border-radius:0.25rem;
|
|
display:inline-block;
|
|
}
|
|
.tagcategoryblock table {
|
|
width:100%;
|
|
border-spacing:0;
|
|
}
|
|
.tagcategoryblock input, .tagcategoryblock span {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.tagcategoryblock td:first-child {
|
|
padding:0.3rem 0.7rem 0.4rem 0;
|
|
text-align:right;
|
|
width:40%;
|
|
}
|
|
.tagcategoryblock td:last-child {
|
|
width:60%;
|
|
}
|
|
.tagcategoryblock td:last-child span {
|
|
padding:0.24rem 0.7rem 0.5rem 0;
|
|
display:block;
|
|
}
|
|
.tagcategoryblock button {
|
|
width:100%;
|
|
margin-top:0.4rem;
|
|
padding:0.2rem 0.6rem;
|
|
}
|
|
.helpable {
|
|
border-bottom:1px dashed gray;
|
|
}
|
|
.ok {
|
|
background:#AAFFAA none repeat scroll 0 0;
|
|
-moz-background-clip:border;
|
|
-moz-background-inline-policy:continuous;
|
|
-moz-background-origin:padding;
|
|
}
|
|
.bad {
|
|
background:#FFAAAA none repeat scroll 0 0;
|
|
-moz-background-clip:border;
|
|
-moz-background-inline-policy:continuous;
|
|
-moz-background-origin:padding;
|
|
}
|
|
.comment .username {
|
|
font-weight:bold;
|
|
font-size:1.5em;
|
|
}
|
|
HEADER {
|
|
text-align:left;
|
|
}
|
|
HEADER h1 {
|
|
text-align:left;
|
|
}
|
|
* {
|
|
margin:0;
|
|
padding:0;
|
|
font-family:Tahoma,Verdana,Helvetica,sans-serif;
|
|
}
|
|
a:link {
|
|
color:#5becff;
|
|
text-decoration:none;
|
|
}
|
|
a:visited {
|
|
color:#ff6499;
|
|
text-decoration:none;
|
|
}
|
|
a:hover {
|
|
color:#ff6499;
|
|
text-decoration:underline;
|
|
}
|
|
a:active {
|
|
color:#ff6499;
|
|
text-decoration:none;
|
|
}
|
|
ul.flat-list {
|
|
display:block;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
ul.flat-list * {
|
|
display:inline;
|
|
text-align:left;
|
|
}
|
|
ul.flat-list li {
|
|
margin:0 1.3em 0 0;
|
|
list-style-type:none;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
}
|
|
ul.flat-list li a {
|
|
font-weight:normal;
|
|
}
|
|
#tips {
|
|
margin-left:16px;
|
|
}
|
|
#blotter1 {
|
|
position: relative;
|
|
margin-right:16px;
|
|
margin-left:16px;
|
|
font-size: 90%;
|
|
}
|
|
#blotter2 {
|
|
margin-right:16px;
|
|
margin-left:16px;
|
|
font-size: 90%;
|
|
}
|
|
#flash {
|
|
background:#383838;
|
|
border:1px solid #e06d7f;
|
|
margin:1rem 0;
|
|
padding:1rem;
|
|
text-align:center;
|
|
border-radius:0.5rem;
|
|
}
|
|
ARTICLE {
|
|
margin-right:1rem;
|
|
}
|
|
ARTICLE section + section {
|
|
margin-top:1rem;
|
|
}
|
|
form + form {
|
|
margin-top:0.5rem;
|
|
}
|
|
#Imagemain h3 {
|
|
display:none;
|
|
}
|