Erster Commit für das redesign2018

homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018.css

@@ -0,0 +1,161 @@
+/*
+ * Schriftarten
+ */
+@font-face {
+	font-family: Orbitron-Medium;
+	src: url(http://cwsvjudo.bplaced.net/ressourcen/fonts/Orbitron-Medium.otf);
+}
+
+/**
+ * Schriftgrößen
+ */
+body{
+	font-size: 4vw;
+}
+@media (min-width: 640px){
+	body{
+		font-size: 2vw;
+	}
+}
+@media (min-width: 1280px){
+	body{
+		font-size: 1.3vw;
+	}
+}
+
+/*
+ * Ein Reset für das BoxSizing
+ * Wir wollen Maße auf die "äußere Boundingbox" beziehen
+ */
+
+html{
+	box-sizing: border-box;
+}
+*, ::before, ::after {
+	box-sizing: inherit;
+}
+
+/*
+ * Body
+ */
+body{
+	background: #FFAE00;
+	font-family: arial, helvetica, sans-serif;
+}
+
+
+/* Container für eine einzelne News */
+.newsBox{
+	border: solid 1px #000000;
+	padding: 1vmin;
+	margin: 1vmin;
+	display: flex;
+	flex-direction:column;
+}
+.newsBoxHeader{
+	background: #FF8100;
+	display: flex;
+	flex-direction: column;
+}
+.newsBoxFooter{
+	clear: both;
+	background: #FF8100;
+}
+
+
+/*
+ * Sidenotes und ihre Kinder
+ */
+
+.expCounter{
+	display: none;
+	margin-top: 5%;
+	margin-bottom: 5%;
+}
+
+
+/*
+ * Wettkampfkalender
+*/
+
+/*
+.wkKalender th {
+	background-color: #666; 
+	color: #fff;
+}
+.wkKalenderMonth {
+	background-color: #666; 
+	color: #fff;
+	
+}
+.wkKalender tr {
+	background-color: #FFAE00;
+	color: #000;
+}
+.wkKalender tr:nth-child(odd) {
+	background-color: #FF8100 ;
+}
+*/
+
+/*
+ * Allgemeine Formatierungen als class
+ */
+
+.larger{
+	font-size: larger;
+}
+.bold{
+	font-weight: bold;
+}
+.floatLeft{
+	float: left;
+}
+.fullWidth{
+	width:100%;
+}
+
+/* Bilder in voller Breite */
+.bigPicture{
+	width: 100%;
+	height: auto;
+}
+
+/* Orbitronschrift inkl. top-padding-Korrektur */
+.orbitronMediumFont{
+	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
+	padding-top: .2em;/* wg. Orbitron */
+}
+
+/* touchable Links*/
+.touchLink{
+	display: inline-block;
+	padding: 0.25em 0 0.25em 0;
+	margin: 0.25em 0 0.25em 0;
+	background-color: #FF8100;
+	border-radius: .5em;
+}
+
+.hyphenate{
+	hyphens: auto;
+}
+
+.pngAddress{
+	width: 17em;
+	height: auto;
+	vertical-align: middle;
+}
+
+.charImg{
+	height: 1em;
+	display: inline;
+	vertical-align: middle;
+}
+
+.noWrap{
+	white-space:nowrap;
+}
+
+.floatClearBoth{
+	clear: both;
+}
+