Mercurial > hg > fapweb
view main.css @ 472:1eabbd70cd25
Add skipping button.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Fri, 06 Dec 2013 22:28:23 +0200 |
parents | cf591bb4c93c |
children |
line wrap: on
line source
html { -webkit-backface-visibility: hidden; } body { font-family: "Courier New", Courier, monospace; font-size: 16px; color: #0d0; margin: 0em; padding: 0em; } img { border: none; } a:hover { text-decoration: underline; } a:active { outline: none; } a:focus { outline-style: none; } a, a:visited, a:active { text-decoration: underline; color: white; } #contents { position: absolute; width: 100%; height: 100%; } #header h1 { margin: 0em; } #mainContent h1, #mainContent h2 { margin: 0em; margin-top: 1em; padding: 2pt; padding-left: 1em; background: rgba(0,255,0,0.3); border-bottom: 2px solid rgba(0,0,0,0.2); border-radius: 8pt; } #mainContent h1 { margin: 0em; } div.newsitem { } div.newsitem div.text { margin-top: 0.5em; margin-left: 1.5em; margin-right: 1.5em; padding-bottom: 1em; border-bottom: 1px dotted white; } div.newsitem div.sig { padding: 5pt; font-family: Impact; text-align: right; } table.attendees,table.misc,table.vote { width: 100%; font-size: 1em; } table td, table th { border-radius: 2pt; overflow-x: hidden; } table th { background: rgba(0,255,0,0.25); } table.attendees .regtime { width: 15%; } table.attendees .oneliner { width: 50%; } table.attendees .name { width: 15%; } table.attendees .groups { width: 15%; } tr.rodd td { background: rgba(0,255,0,0.05); border-radius: 2pt; } tr.reven td { background: rgba(0,255,0,0.15); } table.misc, table.vote { padding-top: 1em; } table.misc tr:hover td, table.vote tr:hover td { color: white; } div.reglink { text-align: center; padding: 0.5em; font-size: 1.25em; color: red; border: 2pt solid rgba(0,0,0,0.35); margin: 5pt; border-radius: 8pt; } .notice { color: red; text-align: center; font-size: 1.25em; } .quote { font-size: 1.5em; color: #0f0; text-shadow: 2px 2px 3px #0f0; } .overbooked { color: red; } table.vote th.vvalue { width: 1%; min-width: 2.5em; } table.vote td.vvalue { text-align: center; } table.attendees th.rname { width: 15%; } div.votectrl { padding: 1em; } .mblink { animation: mblink 1s steps(5, start) infinite; } @keyframes mblink { to { visibility: hidden; } } table.vote * input[type="radio"] { display: none; } table.vote * input[type="radio"] + label:before { content: "O"; display: inline-block; color: green; font-size: 2em; } table.vote * input[type="radio"]:checked + label:before { content: "X"; display: inline-block; color: red; font-weight: bold; font-size: 2em; } #messageBox { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 60; display: none; } #messageBox div.messageBoxInner { position: absolute; top: 25%; left: 10%; height: auto; min-width: 50%; max-width: 80%; z-index: 62; background: black; border: 1px solid green; padding: 1.5em; border-radius: 1em; } #messageBox div.messageBoxControls { text-align: right; }