Mercurial > hg > fapweb

changeset 524:bf2c50cb9dc9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Move stylesheets to css/ subdirectory.
author Matti Hamalainen <ccr@tnsp.org>
date Mon, 09 Dec 2013 21:20:31 +0200
parents 0dd602b66c12
children d7302b3a479e
files admin.css css/admin.css css/desktop.css css/hardcopy.css css/main.css css/mobile.css css/show.css desktop.css hardcopy.css main.css mobile.css msitegen.inc.php show.css
diffstat 13 files changed, 1036 insertions(+), 1036 deletions(-) [+]
line wrap: on
line diff
--- a/admin.css	Mon Dec 09 21:16:48 2013 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,273 +0,0 @@
-#adminPopup {
-	position: absolute;
-	top: 0px;
-	bottom: 0px;
-	left: 0px;
-	right: 0px;
-	z-index: 50;
-	display: none;
-}
-
-#adminPopup > div {
-	position: absolute;
-	top: 25%;
-	left: 10%;
-	height: auto;
-	min-width: 80%;
-	max-width: 80%;
-	z-index: 52;
-	background: black;
-	border: 1px solid green;
-	padding: 1.5em;
-
-	border-radius: 1em;
-}
-
-#ctrlModeControls input[type="radio"] {
-	display: none;
-}
-
-#ctrlModeControls input[type="radio"] + label:before {
-	content: "O";
-	display: inline-block;
-	color: green;
-	font-size: 2em;
-	margin-right: 0.15em;
-}
-
-#ctrlModeControls input[type="radio"]:checked + label:before {
-	content: "X";
-	display: inline-block;
-	color: red;
-	font-weight: bold;
-	font-size: 2em;
-}
-
-#ctrlModeControls input[type="radio"]:checked + label {
-	color: white;
-	font-weight: bold;
-}
-
-
-div.tabHeaders {
-	margin-top: 10pt;
-	margin-bottom: 0px;
-	border-bottom: 5pt solid #595F23;
-}
-
-div.tabHeadersSub {
-	margin-top: 10pt;
-	margin-bottom: 0px;
-	font-size: 0.7em;
-	line-height: 2.7em;
-}
-
-div.tabHeadersSub a, #ctrlModeControls a {
-	text-decoration: none;
-	margin: 0px;
-	padding: 5pt;
-	background: #595F23;
-	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
-	border-radius: 5pt;
-}
-
-div.tabHeaders a {
-	text-decoration: none;
-	padding: 5pt;
-	margin: 5pt;
-	margin-left: 0px;
-	margin-right: 0px;
-	background: #595F23;
-	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
-	border-top-left-radius: 5pt;
-	border-top-right-radius: 5pt;
-}
-
-div.tabHeaders a:hover, div.tabHeadersSub a:hover, #ctrlModeControls a:hover {
-	background: #C8D286;
-}
-
-div.tabHeaders a:active, div.tabHeadersSub a:active {
-	background: #C8D286;
-}
-
-div.tabHeaders a.admin {
-	position: relative;
-	right: -2em;
-}
-
-
-div.tabContents {
-	position: absolute;
-	left: 0em;
-	right: 0em;
-	top: 4em;
-	bottom: 0em;
-	padding: 1em;
-	margin: 0px;
-	color: #0f0;
-}
-
-
-#adminContent {
-	position: absolute;
-	top: 0em;
-	bottom: 0em;
-	left: 0em;
-	right: 0em;
-	padding: 1em;
-	background: rgba(0,0,0,0.7);
-	color: #0f0;
-}
-
-div.info {
-	padding: 1em;
-	background: black;
-	border-radius: 0.7em;
-	border: 0.2em solid rgba(255,0,0,0.6);
-}
-
-
-div.votekey {
-	display: inline-block;
-
-	margin: 0px;
-	text-align: center;
-	padding: 0.5em;
-	background: black;
-
-	border-right: 1pt dashed green;
-	border-bottom: 1pt dashed green;
-}
-
-div.votekey span.keyid {
-	font-weight: bold;
-}
-
-div.votekey:hover, tr.votekey:hover td {
-	background: rgba(255,0,0,0.5);
-}
-
-div.vkeyActive, tr.vkeyActive {
-	background: rgba(0,255,0,0.2);
-}
-
-
-
-#ctrlModeControls, #ctrlSystemControls {
-	border: 2px solid green;
-	padding: 0.5em;
-	border-radius: 0.5em;
-	background: black;
-	margin: 0.2em;
-}
-
-
-#ctrlEditDisplaySlide {
-	position: absolute;
-	top: 15%;
-	min-width: 25%;
-	height: auto;
-	left: 15%;
-	min-width: 50%;
-	z-index: 52;
-
-	display: none;
-}
-
-div.ctrlTitle {
-	font-size: 1.2em;
-	font-weight: bold;
-}
-
-div.ctrlBox {
-	display: inline-block;
-	background: black;
-	border: 2px solid green;
-	padding: 1em;
-	border-radius: 1em;
-	min-height: 12em;
-	vertical-align: top;
-}
-
-div.ctrlButtons {
-	padding: 0.3em;
-	text-align: right;
-}
-
-#ctrlEditRotationList input {
-	display: inline;
-}
-
-#ctrlListRotationLists {
-	width: 30em;
-}
-
-#ctrlListDisplaySlides {
-	width: 25em;
-}
-
-#ctrlCompoControl {
-	display: block;
-}
-
-div.ctrlDBox1, div.ctrlDBox2 {
-	vertical-align: top;
-	border-radius: 0.5em;
-	display: inline-block;
-}
-
-div.ctrlDBox1 {
-	background: #060;
-}
-
-div.ctrlDBox2 {
-	width: 25em;
-	border: 2pt solid #060;
-}
-
-#ctrlCurrEntryData {
-	background: black;
-	position: relative;
-}
-
-#ctrlCurrEntryData div {
-	background: #020;
-	padding: 0.5em;
-	margin: 0.5em;
-	border-radius: 0.5em;
-	overflow: hidden;
-}
-
-#ctrlCurrEntryData div i {
-	color: red;
-}
-
-div.ctrlBox .selectBox {
-	width: 100%;
-}
-
-
-div.ctrlInfo {
-	position: fixed;
-	top: 1em;
-	left: 1em;
-
-	z-index: 52;
-	background: black;
-	border: 1px solid white;
-	padding: 1.5em;
-	color: white;
-
-	border-radius: 1em;
-	display: none;
-}
-
-
-div.ctrlBox:hover div.ctrlInfo {
-	display: block;
-}
-
-option {
-	font-family: monospace;
-}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/admin.css	Mon Dec 09 21:20:31 2013 +0200
@@ -0,0 +1,273 @@
+#adminPopup {
+	position: absolute;
+	top: 0px;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+	z-index: 50;
+	display: none;
+}
+
+#adminPopup > div {
+	position: absolute;
+	top: 25%;
+	left: 10%;
+	height: auto;
+	min-width: 80%;
+	max-width: 80%;
+	z-index: 52;
+	background: black;
+	border: 1px solid green;
+	padding: 1.5em;
+
+	border-radius: 1em;
+}
+
+#ctrlModeControls input[type="radio"] {
+	display: none;
+}
+
+#ctrlModeControls input[type="radio"] + label:before {
+	content: "O";
+	display: inline-block;
+	color: green;
+	font-size: 2em;
+	margin-right: 0.15em;
+}
+
+#ctrlModeControls input[type="radio"]:checked + label:before {
+	content: "X";
+	display: inline-block;
+	color: red;
+	font-weight: bold;
+	font-size: 2em;
+}
+
+#ctrlModeControls input[type="radio"]:checked + label {
+	color: white;
+	font-weight: bold;
+}
+
+
+div.tabHeaders {
+	margin-top: 10pt;
+	margin-bottom: 0px;
+	border-bottom: 5pt solid #595F23;
+}
+
+div.tabHeadersSub {
+	margin-top: 10pt;
+	margin-bottom: 0px;
+	font-size: 0.7em;
+	line-height: 2.7em;
+}
+
+div.tabHeadersSub a, #ctrlModeControls a {
+	text-decoration: none;
+	margin: 0px;
+	padding: 5pt;
+	background: #595F23;
+	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
+	border-radius: 5pt;
+}
+
+div.tabHeaders a {
+	text-decoration: none;
+	padding: 5pt;
+	margin: 5pt;
+	margin-left: 0px;
+	margin-right: 0px;
+	background: #595F23;
+	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
+	border-top-left-radius: 5pt;
+	border-top-right-radius: 5pt;
+}
+
+div.tabHeaders a:hover, div.tabHeadersSub a:hover, #ctrlModeControls a:hover {
+	background: #C8D286;
+}
+
+div.tabHeaders a:active, div.tabHeadersSub a:active {
+	background: #C8D286;
+}
+
+div.tabHeaders a.admin {
+	position: relative;
+	right: -2em;
+}
+
+
+div.tabContents {
+	position: absolute;
+	left: 0em;
+	right: 0em;
+	top: 4em;
+	bottom: 0em;
+	padding: 1em;
+	margin: 0px;
+	color: #0f0;
+}
+
+
+#adminContent {
+	position: absolute;
+	top: 0em;
+	bottom: 0em;
+	left: 0em;
+	right: 0em;
+	padding: 1em;
+	background: rgba(0,0,0,0.7);
+	color: #0f0;
+}
+
+div.info {
+	padding: 1em;
+	background: black;
+	border-radius: 0.7em;
+	border: 0.2em solid rgba(255,0,0,0.6);
+}
+
+
+div.votekey {
+	display: inline-block;
+
+	margin: 0px;
+	text-align: center;
+	padding: 0.5em;
+	background: black;
+
+	border-right: 1pt dashed green;
+	border-bottom: 1pt dashed green;
+}
+
+div.votekey span.keyid {
+	font-weight: bold;
+}
+
+div.votekey:hover, tr.votekey:hover td {
+	background: rgba(255,0,0,0.5);
+}
+
+div.vkeyActive, tr.vkeyActive {
+	background: rgba(0,255,0,0.2);
+}
+
+
+
+#ctrlModeControls, #ctrlSystemControls {
+	border: 2px solid green;
+	padding: 0.5em;
+	border-radius: 0.5em;
+	background: black;
+	margin: 0.2em;
+}
+
+
+#ctrlEditDisplaySlide {
+	position: absolute;
+	top: 15%;
+	min-width: 25%;
+	height: auto;
+	left: 15%;
+	min-width: 50%;
+	z-index: 52;
+
+	display: none;
+}
+
+div.ctrlTitle {
+	font-size: 1.2em;
+	font-weight: bold;
+}
+
+div.ctrlBox {
+	display: inline-block;
+	background: black;
+	border: 2px solid green;
+	padding: 1em;
+	border-radius: 1em;
+	min-height: 12em;
+	vertical-align: top;
+}
+
+div.ctrlButtons {
+	padding: 0.3em;
+	text-align: right;
+}
+
+#ctrlEditRotationList input {
+	display: inline;
+}
+
+#ctrlListRotationLists {
+	width: 30em;
+}
+
+#ctrlListDisplaySlides {
+	width: 25em;
+}
+
+#ctrlCompoControl {
+	display: block;
+}
+
+div.ctrlDBox1, div.ctrlDBox2 {
+	vertical-align: top;
+	border-radius: 0.5em;
+	display: inline-block;
+}
+
+div.ctrlDBox1 {
+	background: #060;
+}
+
+div.ctrlDBox2 {
+	width: 25em;
+	border: 2pt solid #060;
+}
+
+#ctrlCurrEntryData {
+	background: black;
+	position: relative;
+}
+
+#ctrlCurrEntryData div {
+	background: #020;
+	padding: 0.5em;
+	margin: 0.5em;
+	border-radius: 0.5em;
+	overflow: hidden;
+}
+
+#ctrlCurrEntryData div i {
+	color: red;
+}
+
+div.ctrlBox .selectBox {
+	width: 100%;
+}
+
+
+div.ctrlInfo {
+	position: fixed;
+	top: 1em;
+	left: 1em;
+
+	z-index: 52;
+	background: black;
+	border: 1px solid white;
+	padding: 1.5em;
+	color: white;
+
+	border-radius: 1em;
+	display: none;
+}
+
+
+div.ctrlBox:hover div.ctrlInfo {
+	display: block;
+}
+
+option {
+	font-family: monospace;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/desktop.css	Mon Dec 09 21:20:31 2013 +0200
@@ -0,0 +1,173 @@
+body {
+	background: black url(img/grid.png);
+}
+
+div.logo, div.logo2 {
+	background: url(img/fap.png) no-repeat center;
+	height: 13em;
+	display: block;
+}
+
+
+#header {
+	position: fixed;
+	top: 0em;
+	left: 0em;
+	right: 0em;
+	height: 4em;
+	margin: 0em;
+	padding: 0.25em;
+}
+
+
+#sponsors {
+	position: fixed;
+	top: auto;
+	bottom: 1em;
+	left: 0.5em;
+	right: 1em;
+	margin: 0em;
+	width: 8em;
+
+	text-align: center;
+}
+
+
+#menu {
+	position: fixed;
+	top: 12em;
+	left: 0.5em;
+	right: 1em;
+	min-height: 10em;
+	margin: 0em;
+	padding: 0.25em;
+	width: 8em;
+
+	color: #0f0;
+	text-shadow: 0px 0px 3px #0f0;
+
+	background: rgba(0,0,0,0.6);
+	border-top: 2pt solid #0f0;
+	border-left: 2pt solid #0f0;
+	border-right: 2pt solid #060;
+	border-bottom: 2pt solid #060;
+
+	font-family: Impact;
+	font-size: 1.25em;
+
+	border-radius: 5pt;
+	box-shadow: 8px 8px 16px #000;
+}
+
+
+#menu div {
+	text-align: center;
+	font-size: 1.25em;
+}
+
+#menu a {
+	text-decoration: none;
+	padding: 5pt;
+	margin: 5pt;
+	background: rgba(0,50,0,0.7);
+
+	color: #0d0;
+	text-shadow: 0px 0px 3px #0f0;
+
+	border-top: 2pt solid #0f0;
+	border-left: 2pt solid #0f0;
+	border-right: 2pt solid #060;
+	border-bottom: 2pt solid #060;
+
+	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+
+	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
+	border-top-right-radius: 10pt;
+	border-bottom-left-radius: 10pt;
+	display: block;
+
+	transition: all 0.3s;
+}
+
+#menu a:hover {
+	background: rgba(0,50,0,0.4);
+	color: #fff;
+	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
+	margin-left: 1pt;
+	margin-right: 1pt;
+}
+
+#infobox {
+	position: fixed;
+	top: 9.5em;
+	left: 11em;
+	min-width: 10em;
+
+	margin: 0em;
+	padding: 5pt;
+
+	z-index: 15;
+
+	font-family: Impact;
+	font-size: 1.3em;
+	text-align: center;
+	color: #0f0;
+	text-shadow: 0px 0px 3px #0f0;
+
+	background: rgba(0,0,0,0.6);
+	border-top: 2pt solid #0f0;
+	border-left: 2pt solid #0f0;
+	border-right: 2pt solid #060;
+	border-bottom: 2pt solid #060;
+
+	border-radius: 5pt;
+	box-shadow: 8px 8px 16px #000;
+}
+
+#date {
+	position: absolute;
+	right: 0.5em;
+	top: 1.5em;
+	
+	padding: 5pt;
+
+	background: rgba(0,0,0,0.6);
+	border-top: 2pt solid #0f0;
+	border-left: 2pt solid #0f0;
+	border-right: 2pt solid #060;
+	border-bottom: 2pt solid #060;
+
+	border-radius: 5pt;
+	box-shadow: 8px 8px 16px #000;
+
+	text-align: right;
+	color: white;
+	font-size: 1.2em;
+	font-family: Impact;
+	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
+}
+
+#mainContent {
+	position: fixed;
+	left: 13em;
+	right: 1em;
+	top: 14em;
+	bottom: 1em;
+	padding: 1em;
+	margin: 0em;
+	background: rgba(0,0,0,0.8);
+
+	border: 1pt solid #0f0;
+
+	box-shadow: 4px 4px 4px rgba(0,255,0,0.7), -4px -4px 4px rgba(0,255,0,0.7), 8px 8px 32px rgba(0,255,0,0.4) inset;
+
+	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
+	border-radius: 8pt;
+	color: white;
+}
+
+#mainContent > div, div.tabContents > div {
+	width: 100%;
+	height: 100%;
+	overflow-y: auto;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/hardcopy.css	Mon Dec 09 21:20:31 2013 +0200
@@ -0,0 +1,23 @@
+body {
+	font-family: monospace;
+	font-size: 12pt;
+	color: black;
+	margin: 0px;
+	padding: 0px;
+}
+
+table.votekeys {
+	margin: 0px;
+	padding: 0px;
+}
+
+table.votekeys td {
+	text-align: center;
+	border-right: 1pt dashed black;
+	border-bottom: 1pt dashed black;
+	padding: 10pt;
+}
+
+table.votekeys span.keyid {
+	font-weight: bold;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/main.css	Mon Dec 09 21:20:31 2013 +0200
@@ -0,0 +1,229 @@
+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;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/mobile.css	Mon Dec 09 21:20:31 2013 +0200
@@ -0,0 +1,197 @@
+body {
+	background: black url(img/gridsm.png);
+	font-size: 12px;
+}
+
+div.logo {
+	display: none;
+}
+
+div.logo2 {
+	background: url(img/fapsm.png) no-repeat center;
+	height: 10em;
+	display: block;
+}
+
+
+#header {
+	display: none;
+}
+
+#menu {
+	color: #0f0;
+	text-shadow: 0px 0px 3px #0f0;
+
+	background: rgba(0,0,0,0.6);
+	border-top: 2pt solid #0f0;
+	border-left: 2pt solid #0f0;
+	border-right: 2pt solid #060;
+	border-bottom: 2pt solid #060;
+
+	font-family: Impact;
+	font-size: 0.75em;
+
+	border-radius: 5pt;
+	box-shadow: 8px 8px 16px #000;
+
+	text-align: center;
+}
+
+
+#menu div {
+	display: none;
+}
+
+
+#menu a {
+	float: none;
+	display: inline;
+	text-decoration: none;
+	padding: 5pt;
+	
+	background: rgba(0,50,0,0.7);
+
+	color: #0d0;
+	text-shadow: 0px 0px 3px #0f0;
+
+	border-top: 2pt solid #0f0;
+	border-left: 2pt solid #0f0;
+	border-right: 2pt solid #060;
+	border-bottom: 2pt solid #060;
+
+	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+
+	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
+	border-top-right-radius: 10pt;
+	border-bottom-left-radius: 10pt;
+
+	transition: all 0.3s;
+}
+
+#menu a:hover {
+	background: rgba(0,50,0,0.4);
+	color: #fff;
+	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
+}
+
+#infobox {
+	position: fixed;
+	z-index: 15;
+
+	margin: 0em;
+	padding: 3pt;
+	min-width: 10em;
+
+	font-family: Impact;
+	font-size: 1em;
+	text-align: center;
+	color: #0f0;
+	text-shadow: 0px 0px 3px #0f0;
+
+	background: rgba(0,0,0,0.6);
+	border-top: 2pt solid #0f0;
+	border-left: 2pt solid #0f0;
+	border-right: 2pt solid #060;
+	border-bottom: 2pt solid #060;
+
+	border-radius: 5pt;
+	box-shadow: 8px 8px 16px #000;
+}
+
+#mainContent {
+	background: rgba(0,0,0,0.8);
+
+	border: 1pt solid #0f0;
+
+	box-shadow: 4px 4px 4px rgba(0,255,0,0.7), -4px -4px 4px rgba(0,255,0,0.7), 8px 8px 16px rgba(0,255,0,0.4) inset;
+
+	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
+	border-radius: 8pt;
+	color: white;
+}
+
+
+@media only screen and (orientation: landscape), only screen and (min-width: 640px), only screen and (min-device-width: 640px) {
+	#menu {
+		top: 0em;
+		min-width: 25em;
+
+		margin-left:auto;
+		margin-right:auto;
+		padding: 0.25em;
+
+		line-height: 3.2em;
+	}
+
+	#infobox {
+		top: 4em;
+		right: 3em;
+	}
+
+	#date {
+		display: none;
+	}
+
+	#mainContent {
+		position: absolute;
+		top: 5em;
+		left: 1em;
+		right: 1em;
+		bottom: 1em;
+		padding: 1em;
+	}
+}
+
+
+@media only screen and (orientation: portrait) {
+	#menu {
+		top: 0em;
+		height: 6.5em;
+		min-width: 25em;
+		max-width: 25em;
+
+		margin-left:auto;
+		margin-right:auto;
+		padding: 0.25em;
+
+		line-height: 3.2em;
+	}
+
+	#infobox {
+		top: 8em;
+		right: 3em;
+	}
+
+	#date {
+		display: none;
+	}
+
+	#mainContent {
+		position: absolute;
+		top: 9em;
+		left: 1em;
+		right: 1em;
+		bottom: 1em;
+		padding: 1em;
+	}
+}
+
+#mainContent > div {
+	width: 100%;
+	height: 100%;
+	overflow-y: auto;
+}
+
+table.attendees .regtime {
+	display: none;
+}
+
+
+table.register, table.register input {
+	font-size: 0.4em;
+}
+
+
+#sponsors {
+	display: none;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/show.css	Mon Dec 09 21:20:31 2013 +0200
@@ -0,0 +1,140 @@
+div.showView {
+	position: absolute;
+	top: 2em;
+	bottom: 2em;
+	left: 2em;
+	right: 2em;
+	
+	background: rgba(0,0,0,0.5);
+	border-radius: 2em;
+	border: 5pt dashed rgba(0,255,0,0.7);
+}
+
+div.showHeader, div.compoHeader {
+	padding: 1em;
+	z-index: 0;
+	text-align: center;
+	color: #0f0;
+}
+
+div.showHeader .compoTitle, div.compoHeader .compoTitle {
+	font-size: 3em;
+}
+
+div.showText {
+	z-index: 5;
+	color: #0f0;
+	font-size: 2.5em;
+	text-align: center;
+}
+
+h1 {
+	font-size: 1.5em;
+	color: white;
+}
+
+h2 {
+	font-size: 1em;
+}
+
+div.compoNext {
+	z-index: 5;
+	color: #0f0;
+	text-align: center;
+	font-family: Impact;
+	text-shadow: 4px 4px 6px #000;
+}
+
+div.compoNext .entryIndex {
+	z-index: -1;
+	position: absolute;
+	top: 0.7em;
+	left: 0.1em;
+	font-size: 18em;
+	color: rgba(0,255,0,0.5);
+	text-shadow: 4px 4px 12px #000;
+}
+
+div.compoNext .entryName {
+	position: absolute;
+	top: 2.5em;
+	left: 2em;
+	right: 0em;
+	font-size: 5.0em;
+}
+
+div.compoNext .entryAuthor {
+	color: #0f0;
+	position: absolute;
+	top: 7.5em;
+	left: 3em;
+	right: 0em;
+	font-size: 3.5em;
+}
+
+div.compoNext .entryBy {
+	color: #060;
+	position: absolute;
+	top: 9.5em;
+	left: 4em;
+	right: 0em;
+	font-size: 2.5em;
+}
+
+div.compoNext .entryInfo {
+	position: absolute;
+	bottom: 5em;
+	right: 1em;
+	left: 1em;
+	min-height: 2em;
+	font-size: 2em;
+	padding: 5pt;
+	color: white;
+}
+
+
+div.compoPrev {
+	position: absolute;
+	left: 1em;
+	bottom: 1em;
+	min-width: 30%;
+	max-width: 50%;
+	color: #0f0;
+	font-size: 16pt;
+	font-weight: bold;
+
+	padding: 10pt;
+	border-radius: 10pt;
+	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
+
+	background: black;
+	
+	text-align: right;
+}
+
+div.compoPrev .entryTitle {
+	border-bottom: 2px solid #0f0;
+	text-align: left;
+}
+
+
+div.guru {
+	margin: 2em;
+	padding: 2em;
+	text-align: center;
+	background: black;
+	border: 0.4em solid black;
+	color: red;
+
+	animation: brblink 2s steps(2) infinite;
+}
+
+@keyframes brblink {
+	from {
+		border-color: black;
+	}
+
+	to {
+		border-color: red;
+	}
+}
--- a/desktop.css	Mon Dec 09 21:16:48 2013 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,173 +0,0 @@
-body {
-	background: black url(img/grid.png);
-}
-
-div.logo, div.logo2 {
-	background: url(img/fap.png) no-repeat center;
-	height: 13em;
-	display: block;
-}
-
-
-#header {
-	position: fixed;
-	top: 0em;
-	left: 0em;
-	right: 0em;
-	height: 4em;
-	margin: 0em;
-	padding: 0.25em;
-}
-
-
-#sponsors {
-	position: fixed;
-	top: auto;
-	bottom: 1em;
-	left: 0.5em;
-	right: 1em;
-	margin: 0em;
-	width: 8em;
-
-	text-align: center;
-}
-
-
-#menu {
-	position: fixed;
-	top: 12em;
-	left: 0.5em;
-	right: 1em;
-	min-height: 10em;
-	margin: 0em;
-	padding: 0.25em;
-	width: 8em;
-
-	color: #0f0;
-	text-shadow: 0px 0px 3px #0f0;
-
-	background: rgba(0,0,0,0.6);
-	border-top: 2pt solid #0f0;
-	border-left: 2pt solid #0f0;
-	border-right: 2pt solid #060;
-	border-bottom: 2pt solid #060;
-
-	font-family: Impact;
-	font-size: 1.25em;
-
-	border-radius: 5pt;
-	box-shadow: 8px 8px 16px #000;
-}
-
-
-#menu div {
-	text-align: center;
-	font-size: 1.25em;
-}
-
-#menu a {
-	text-decoration: none;
-	padding: 5pt;
-	margin: 5pt;
-	background: rgba(0,50,0,0.7);
-
-	color: #0d0;
-	text-shadow: 0px 0px 3px #0f0;
-
-	border-top: 2pt solid #0f0;
-	border-left: 2pt solid #0f0;
-	border-right: 2pt solid #060;
-	border-bottom: 2pt solid #060;
-
-	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
-
-	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-	border-top-right-radius: 10pt;
-	border-bottom-left-radius: 10pt;
-	display: block;
-
-	transition: all 0.3s;
-}
-
-#menu a:hover {
-	background: rgba(0,50,0,0.4);
-	color: #fff;
-	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
-	margin-left: 1pt;
-	margin-right: 1pt;
-}
-
-#infobox {
-	position: fixed;
-	top: 9.5em;
-	left: 11em;
-	min-width: 10em;
-
-	margin: 0em;
-	padding: 5pt;
-
-	z-index: 15;
-
-	font-family: Impact;
-	font-size: 1.3em;
-	text-align: center;
-	color: #0f0;
-	text-shadow: 0px 0px 3px #0f0;
-
-	background: rgba(0,0,0,0.6);
-	border-top: 2pt solid #0f0;
-	border-left: 2pt solid #0f0;
-	border-right: 2pt solid #060;
-	border-bottom: 2pt solid #060;
-
-	border-radius: 5pt;
-	box-shadow: 8px 8px 16px #000;
-}
-
-#date {
-	position: absolute;
-	right: 0.5em;
-	top: 1.5em;
-	
-	padding: 5pt;
-
-	background: rgba(0,0,0,0.6);
-	border-top: 2pt solid #0f0;
-	border-left: 2pt solid #0f0;
-	border-right: 2pt solid #060;
-	border-bottom: 2pt solid #060;
-
-	border-radius: 5pt;
-	box-shadow: 8px 8px 16px #000;
-
-	text-align: right;
-	color: white;
-	font-size: 1.2em;
-	font-family: Impact;
-	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
-}
-
-#mainContent {
-	position: fixed;
-	left: 13em;
-	right: 1em;
-	top: 14em;
-	bottom: 1em;
-	padding: 1em;
-	margin: 0em;
-	background: rgba(0,0,0,0.8);
-
-	border: 1pt solid #0f0;
-
-	box-shadow: 4px 4px 4px rgba(0,255,0,0.7), -4px -4px 4px rgba(0,255,0,0.7), 8px 8px 32px rgba(0,255,0,0.4) inset;
-
-	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
-	border-radius: 8pt;
-	color: white;
-}
-
-#mainContent > div, div.tabContents > div {
-	width: 100%;
-	height: 100%;
-	overflow-y: auto;
-}
--- a/hardcopy.css	Mon Dec 09 21:16:48 2013 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,23 +0,0 @@
-body {
-	font-family: monospace;
-	font-size: 12pt;
-	color: black;
-	margin: 0px;
-	padding: 0px;
-}
-
-table.votekeys {
-	margin: 0px;
-	padding: 0px;
-}
-
-table.votekeys td {
-	text-align: center;
-	border-right: 1pt dashed black;
-	border-bottom: 1pt dashed black;
-	padding: 10pt;
-}
-
-table.votekeys span.keyid {
-	font-weight: bold;
-}
--- a/main.css	Mon Dec 09 21:16:48 2013 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,229 +0,0 @@
-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;
-}
--- a/mobile.css	Mon Dec 09 21:16:48 2013 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,197 +0,0 @@
-body {
-	background: black url(img/gridsm.png);
-	font-size: 12px;
-}
-
-div.logo {
-	display: none;
-}
-
-div.logo2 {
-	background: url(img/fapsm.png) no-repeat center;
-	height: 10em;
-	display: block;
-}
-
-
-#header {
-	display: none;
-}
-
-#menu {
-	color: #0f0;
-	text-shadow: 0px 0px 3px #0f0;
-
-	background: rgba(0,0,0,0.6);
-	border-top: 2pt solid #0f0;
-	border-left: 2pt solid #0f0;
-	border-right: 2pt solid #060;
-	border-bottom: 2pt solid #060;
-
-	font-family: Impact;
-	font-size: 0.75em;
-
-	border-radius: 5pt;
-	box-shadow: 8px 8px 16px #000;
-
-	text-align: center;
-}
-
-
-#menu div {
-	display: none;
-}
-
-
-#menu a {
-	float: none;
-	display: inline;
-	text-decoration: none;
-	padding: 5pt;
-	
-	background: rgba(0,50,0,0.7);
-
-	color: #0d0;
-	text-shadow: 0px 0px 3px #0f0;
-
-	border-top: 2pt solid #0f0;
-	border-left: 2pt solid #0f0;
-	border-right: 2pt solid #060;
-	border-bottom: 2pt solid #060;
-
-	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
-
-	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-	border-top-right-radius: 10pt;
-	border-bottom-left-radius: 10pt;
-
-	transition: all 0.3s;
-}
-
-#menu a:hover {
-	background: rgba(0,50,0,0.4);
-	color: #fff;
-	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
-}
-
-#infobox {
-	position: fixed;
-	z-index: 15;
-
-	margin: 0em;
-	padding: 3pt;
-	min-width: 10em;
-
-	font-family: Impact;
-	font-size: 1em;
-	text-align: center;
-	color: #0f0;
-	text-shadow: 0px 0px 3px #0f0;
-
-	background: rgba(0,0,0,0.6);
-	border-top: 2pt solid #0f0;
-	border-left: 2pt solid #0f0;
-	border-right: 2pt solid #060;
-	border-bottom: 2pt solid #060;
-
-	border-radius: 5pt;
-	box-shadow: 8px 8px 16px #000;
-}
-
-#mainContent {
-	background: rgba(0,0,0,0.8);
-
-	border: 1pt solid #0f0;
-
-	box-shadow: 4px 4px 4px rgba(0,255,0,0.7), -4px -4px 4px rgba(0,255,0,0.7), 8px 8px 16px rgba(0,255,0,0.4) inset;
-
-	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
-	border-radius: 8pt;
-	color: white;
-}
-
-
-@media only screen and (orientation: landscape), only screen and (min-width: 640px), only screen and (min-device-width: 640px) {
-	#menu {
-		top: 0em;
-		min-width: 25em;
-
-		margin-left:auto;
-		margin-right:auto;
-		padding: 0.25em;
-
-		line-height: 3.2em;
-	}
-
-	#infobox {
-		top: 4em;
-		right: 3em;
-	}
-
-	#date {
-		display: none;
-	}
-
-	#mainContent {
-		position: absolute;
-		top: 5em;
-		left: 1em;
-		right: 1em;
-		bottom: 1em;
-		padding: 1em;
-	}
-}
-
-
-@media only screen and (orientation: portrait) {
-	#menu {
-		top: 0em;
-		height: 6.5em;
-		min-width: 25em;
-		max-width: 25em;
-
-		margin-left:auto;
-		margin-right:auto;
-		padding: 0.25em;
-
-		line-height: 3.2em;
-	}
-
-	#infobox {
-		top: 8em;
-		right: 3em;
-	}
-
-	#date {
-		display: none;
-	}
-
-	#mainContent {
-		position: absolute;
-		top: 9em;
-		left: 1em;
-		right: 1em;
-		bottom: 1em;
-		padding: 1em;
-	}
-}
-
-#mainContent > div {
-	width: 100%;
-	height: 100%;
-	overflow-y: auto;
-}
-
-table.attendees .regtime {
-	display: none;
-}
-
-
-table.register, table.register input {
-	font-size: 0.4em;
-}
-
-
-#sponsors {
-	display: none;
-}
--- a/msitegen.inc.php	Mon Dec 09 21:16:48 2013 +0200
+++ b/msitegen.inc.php	Mon Dec 09 21:20:31 2013 +0200
@@ -628,7 +628,7 @@
 function cmPrintCSSLine($uri, $media = "")
 {
   echo
-    "  <link rel=\"stylesheet\" href=\"".$uri.
+    "  <link rel=\"stylesheet\" href=\"css/".$uri.
     "\" type=\"text/css\" ".($media != "" ? "media=\"".$media."\"": "")." />\n";
 }
 
--- a/show.css	Mon Dec 09 21:16:48 2013 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,140 +0,0 @@
-div.showView {
-	position: absolute;
-	top: 2em;
-	bottom: 2em;
-	left: 2em;
-	right: 2em;
-	
-	background: rgba(0,0,0,0.5);
-	border-radius: 2em;
-	border: 5pt dashed rgba(0,255,0,0.7);
-}
-
-div.showHeader, div.compoHeader {
-	padding: 1em;
-	z-index: 0;
-	text-align: center;
-	color: #0f0;
-}
-
-div.showHeader .compoTitle, div.compoHeader .compoTitle {
-	font-size: 3em;
-}
-
-div.showText {
-	z-index: 5;
-	color: #0f0;
-	font-size: 2.5em;
-	text-align: center;
-}
-
-h1 {
-	font-size: 1.5em;
-	color: white;
-}
-
-h2 {
-	font-size: 1em;
-}
-
-div.compoNext {
-	z-index: 5;
-	color: #0f0;
-	text-align: center;
-	font-family: Impact;
-	text-shadow: 4px 4px 6px #000;
-}
-
-div.compoNext .entryIndex {
-	z-index: -1;
-	position: absolute;
-	top: 0.7em;
-	left: 0.1em;
-	font-size: 18em;
-	color: rgba(0,255,0,0.5);
-	text-shadow: 4px 4px 12px #000;
-}
-
-div.compoNext .entryName {
-	position: absolute;
-	top: 2.5em;
-	left: 2em;
-	right: 0em;
-	font-size: 5.0em;
-}
-
-div.compoNext .entryAuthor {
-	color: #0f0;
-	position: absolute;
-	top: 7.5em;
-	left: 3em;
-	right: 0em;
-	font-size: 3.5em;
-}
-
-div.compoNext .entryBy {
-	color: #060;
-	position: absolute;
-	top: 9.5em;
-	left: 4em;
-	right: 0em;
-	font-size: 2.5em;
-}
-
-div.compoNext .entryInfo {
-	position: absolute;
-	bottom: 5em;
-	right: 1em;
-	left: 1em;
-	min-height: 2em;
-	font-size: 2em;
-	padding: 5pt;
-	color: white;
-}
-
-
-div.compoPrev {
-	position: absolute;
-	left: 1em;
-	bottom: 1em;
-	min-width: 30%;
-	max-width: 50%;
-	color: #0f0;
-	font-size: 16pt;
-	font-weight: bold;
-
-	padding: 10pt;
-	border-radius: 10pt;
-	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
-
-	background: black;
-	
-	text-align: right;
-}
-
-div.compoPrev .entryTitle {
-	border-bottom: 2px solid #0f0;
-	text-align: left;
-}
-
-
-div.guru {
-	margin: 2em;
-	padding: 2em;
-	text-align: center;
-	background: black;
-	border: 0.4em solid black;
-	color: red;
-
-	animation: brblink 2s steps(2) infinite;
-}
-
-@keyframes brblink {
-	from {
-		border-color: black;
-	}
-
-	to {
-		border-color: red;
-	}
-}