From 0567ad892c147d4657882029b83511795fce784c Mon Sep 17 00:00:00 2001 From: Kai Moritz Date: Thu, 18 Dec 2025 23:23:54 +0100 Subject: [PATCH] Original Layout-Template mit original CSS wiederbelebt --- static/css/base.css | 1151 +++++++++++++++++++++ static/css/base.css.map | 1 + static/css/base.min.css | 2 + static/css/base.min.css.map | 1 + static/css/ie8.css | 2 + static/css/ie8.css.map | 1 + static/css/ie8.min.css | 2 + static/css/ie8.min.css.map | 1 + static/css/phone.css | 523 ++++++++++ static/css/phone.css.map | 1 + static/css/phone.min.css | 2 + static/css/phone.min.css.map | 1 + static/css/print.css | 127 +++ static/css/print.css.map | 1 + static/css/print.min.css | 2 + static/css/print.min.css.map | 1 + static/css/screen.css | 1233 +++++++++++++++++++++++ static/css/screen.css.map | 1 + static/css/screen.min.css | 2 + static/css/screen.min.css.map | 1 + static/css/seitenaufteilung.css | 184 ++++ static/css/seitenaufteilung.css.map | 1 + static/css/seitenaufteilung.min.css | 2 + static/css/seitenaufteilung.min.css.map | 1 + static/css/seitenkopf.css | 294 ++++++ static/css/seitenkopf.css.map | 1 + static/css/seitenkopf.min.css | 2 + static/css/seitenkopf.min.css.map | 1 + static/css/tablet.css | 816 +++++++++++++++ static/css/tablet.css.map | 1 + static/css/tablet.min.css | 2 + static/css/tablet.min.css.map | 1 + static/css/tiny.css | 593 +++++++++++ static/css/tiny.css.map | 1 + static/css/tiny.min.css | 2 + static/css/tiny.min.css.map | 1 + static/test/layout.html | 237 +++++ 37 files changed, 5196 insertions(+) create mode 100644 static/css/base.css create mode 100644 static/css/base.css.map create mode 100644 static/css/base.min.css create mode 100644 static/css/base.min.css.map create mode 100644 static/css/ie8.css create mode 100644 static/css/ie8.css.map create mode 100644 static/css/ie8.min.css create mode 100644 static/css/ie8.min.css.map create mode 100644 static/css/phone.css create mode 100644 static/css/phone.css.map create mode 100644 static/css/phone.min.css create mode 100644 static/css/phone.min.css.map create mode 100644 static/css/print.css create mode 100644 static/css/print.css.map create mode 100644 static/css/print.min.css create mode 100644 static/css/print.min.css.map create mode 100644 static/css/screen.css create mode 100644 static/css/screen.css.map create mode 100644 static/css/screen.min.css create mode 100644 static/css/screen.min.css.map create mode 100644 static/css/seitenaufteilung.css create mode 100644 static/css/seitenaufteilung.css.map create mode 100644 static/css/seitenaufteilung.min.css create mode 100644 static/css/seitenaufteilung.min.css.map create mode 100644 static/css/seitenkopf.css create mode 100644 static/css/seitenkopf.css.map create mode 100644 static/css/seitenkopf.min.css create mode 100644 static/css/seitenkopf.min.css.map create mode 100644 static/css/tablet.css create mode 100644 static/css/tablet.css.map create mode 100644 static/css/tablet.min.css create mode 100644 static/css/tablet.min.css.map create mode 100644 static/css/tiny.css create mode 100644 static/css/tiny.css.map create mode 100644 static/css/tiny.min.css create mode 100644 static/css/tiny.min.css.map create mode 100644 static/test/layout.html diff --git a/static/css/base.css b/static/css/base.css new file mode 100644 index 00000000..96752e3a --- /dev/null +++ b/static/css/base.css @@ -0,0 +1,1151 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +/** Browser-Reset *************************************************************/ +/** v1.0 | 20080212, s. http://meyerweb.com/eric/tools/css/reset/ */ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} +/* remember to define focus styles! */ +:focus { + outline: 0; +} +/* remember to highlight inserts somehow! */ +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} +/** Eigene Reset-Erweiterungen */ +a { + color: inherit; + text-decoration: none; +} +hr { + padding: 0; + margin: 0; +} +@font-face { + font-family: 'BPreplay'; + src: url('../fonts/BPreplay-webfont.eot'); + src: url('../fonts/BPreplay-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BPreplay-webfont.woff') format('woff'), url('../fonts/BPreplay-webfont.ttf') format('truetype'), url('../fonts/BPreplay-webfont.svg#BPreplayRegular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'BPreplay'; + src: url('../fonts/BPreplayItalics-webfont.eot'); + src: url('../fonts/BPreplayItalics-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BPreplayItalics-webfont.woff') format('woff'), url('../fonts/BPreplayItalics-webfont.ttf') format('truetype'), url('../fonts/BPreplayItalics-webfont.svg#BPreplayItalic') format('svg'); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'BPreplay'; + src: url('../fonts/BPreplayBold-webfont.eot'); + src: url('../fonts/BPreplayBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BPreplayBold-webfont.woff') format('woff'), url('../fonts/BPreplayBold-webfont.ttf') format('truetype'), url('../fonts/BPreplayBold-webfont.svg#BPreplayBold') format('svg'); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: 'BPreplay'; + src: url('../fonts/BPreplayBoldItalics-webfont.eot'); + src: url('../fonts/BPreplayBoldItalics-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BPreplayBoldItalics-webfont.woff') format('woff'), url('../fonts/BPreplayBoldItalics-webfont.ttf') format('truetype'), url('../fonts/BPreplayBoldItalics-webfont.svg#BPreplayBoldItalic') format('svg'); + font-weight: bold; + font-style: italic; +} +@font-face { + font-family: 'DroidSerif'; + src: url('../fonts/DroidSerif-Regular-webfont.eot'); + src: url('../fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'), url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'DroidSerif'; + src: url('../fonts/DroidSerif-Italic-webfont.eot'); + src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'), url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg'); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'DroidSerif'; + src: url('../fonts/DroidSerif-Bold-webfont.eot'); + src: url('../fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-Bold-webfont.woff') format('woff'), url('../fonts/DroidSerif-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg'); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: 'DroidSerif'; + src: url('../fonts/DroidSerif-BoldItalic-webfont.eot'); + src: url('../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg'); + font-weight: bold; + font-style: italic; +} +@font-face { + font-family: 'symbols'; + src: url('../fonts/symbols.eot'); + src: url('../fonts/symbols.eot?#iefix') format('embedded-opentype'), url('../fonts/symbols.woff') format('woff'), url('../fonts/symbols.ttf') format('truetype'), url('../fonts/symbols.svg#symbols') format('svg'); + font-weight: normal; + font-style: normal; +} +/** Allgemein nützliche Marker-Klassen */ +/** Micro Clearfix-Hack nach http://nicolasgallagher.com/micro-clearfix-hack/ */ +.cf:before, +.cf:after { + content: ""; + display: table; +} +.cf:after { + clear: both; +} +/** Hide helpful content in a way, that it is still accessible to screen-readers */ +.hide { + position: absolute; + left: -99999999em; +} +/** Symbol-Font für Vektor-Icons */ +.symbols { + font-family: 'symbols'; +} +a.img { + border: none; +} +/** Typografische Grundeinstellungen ******************************************/ +body { + font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype', serif; + letter-spacing: 0; + line-height: 1.5em; + padding: 0 1em 1em 1.5em; + background-color: #FFF; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; + color: #737373; + line-height: 1.25em; + margin: 1.125em 0 0.25em 0; + /** Margin Top für h1 auf Marginalspalte abgestimmt! */ +} +h1 { + font-size: 137.5%; + /** 22 px */ + color: #0ACF00; + padding: 0 0 0.25em 0; + /** 0 0 5px 0 */ +} +h2 { + font-size: 125%; + /** 20 px */ +} +h3 { + font-size: 112.5%; + /** 18px */ +} +h4 { + /** font-size: 16px */ +} +h1 a, +h2 a, +h3 a, +h4 a { + color: #0ACF00; + border-style: none; +} +h1 a:hover, +h2 a:hover, +h3 a:hover, +h4 a:hover { + color: #078600; + border-bottom: 1px solid #078600; +} +h1 a:focus, +h2 a:focus, +h3 a:focus, +h4 a:focus, +h1 a:active, +h2 a:active, +h3 a:active, +h4 a:active { + color: #2D9B27; + border-bottom: 1px solid #2D9B27; +} +p { + margin: 0.5em 0 0.5em 0; +} +ul, +ol { + margin: 0.25em 0 0.25em 0; + /** 4px 0 4px 0 */ + padding: 0 0 0 1em; + /** 0 0 0 16px */ +} +ul { + list-style-type: square; +} +ol { + list-style-type: decimal; + padding-left: 1.1875em; + /** 19px */ +} +li { + padding-bottom: 0.25em; + /** 2px */ +} +table, +th, +td { + padding: 0.1em 0.2em; +} +th, +td { + font-size: 87.5%; + /** 14px */ + line-height: 1.5em; + /** 20px */ + border: 0.07142857em solid #000; + /** 1px */ + padding: 0.21428571em 0.5em; + /** 3px 7px */ +} +pre { + line-height: 1.2em; +} +code { + font-size: 120%; + /** Otherwise, the font-size will be 75%, though not specified so anywhere!! */ + line-height: 1.2em; +} +hr { + border: none; + border-top: 2px solid #0ACF00; + background-color: #0ACF00; + height: 1px; + margin: 1em 0 1em 0; +} +a { + color: #078600; + border-bottom: 1px dashed #078600; +} +a:hover { + color: #077600; + border-bottom: 1px solid #077600; +} +a:focus, +a:active { + color: #078600; + border-bottom: 1px solid #078600; +} +a:visited { + border-bottom: 1px dotted #077600; +} +h2 a, +h3 a, +h4 a { + color: #737373; +} +h2 a:focus, +h2 a:active, +h3 a:focus, +h3 a:active, +h4 a:focus, +h4 a:active { + color: #0ACF00; + border-bottom: 1px solid #0ACF00; +} +.logo { + font-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; + color: #0ACF00; +} +#header { + font-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; +} +#logo { + display: inline-block; + font-size: 100%; + /* Um das Rechnen einfacher zu gestalten */ + margin: 0; + padding: 0 0 0 0.1875em; + /* 30px */ + color: #0ACF00; + border: none; + position: relative; + top: 0.5em; + left: -0.875em; +} +#logo a.l:hover { + color: #078600; + border-style: none; +} +#logo > .l > img.l { + width: 6.25em; + /** 100px */ +} +#slogan { + color: #0ACF00; +} +#menu, +#submenu { + font-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; + color: #0ACF00; + margin: 0.5em 0 1.5em 0; + padding: 0.25em 0.25em 0.25em 1.5em; + border: 1px solid #0ACF00; +} +#menu li.m, +#submenu li.s { + padding: 0.2em; +} +#menu li.m a.m, +#submenu li.s a.s { + color: #0ACF00; +} +#menu li.m a.m:hover, +#submenu li.s a.s:hover { + color: #077600; +} +#menu li.m strong.m, +#menu li.m a.m.selected, +#menu li.m a.m:focus, +#menu li.m a.m:active, +#submenu li.s strong.s, +#submenu li.s a.s.selected, +#submenu li.s a.s:focus, +#submenu li.s a.s:active { + color: #078600; +} +#breadcrumb { + font-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; + color: #0ACF00; +} +#breadcrumb strong.b.title { + float: left; + margin: 0 0.5em 0 0; +} +#breadcrumb ol.b { + display: inline; + margin: 0; + padding: 0; + list-style-type: none; +} +#breadcrumb ol.b li.b { + float: left; + margin: 0 0 0.5em 0.5em; + padding: 0; +} +#breadcrumb ol.b li.b:before { + content: '> '; +} +#breadcrumb ol.b li.b:first-child:before { + content: ''; +} +#breadcrumb ol.b li.b strong.b { + border-bottom: 1px solid #0ACF00; +} +#breadcrumb ol.b li.b a.b { + color: #0ACF00; +} +#breadcrumb ol.b li.b a.b:hover, +#breadcrumb ol.b li.b a.b:focus, +#breadcrumb ol.b li.b a.b:active { + color: #078600; +} +#breadcrumb a.hide { + position: static; +} +#breadcrumb a.hide:before { + content: ""; + display: table; + clear: both; +} +#breadcrumb hr.b { + clear: both; +} +/** LEER */ +/* Pretty printing styles. Used with prettify.js. */ +/* Vim sunburst theme by David Leibovic */ +pre .str, +code .str { + color: #65B042; +} +/* string - green */ +pre .kwd, +code .kwd { + color: #E28964; +} +/* keyword - dark pink */ +pre .com, +code .com { + color: #AEAEAE; + font-style: italic; +} +/* comment - gray */ +pre .typ, +code .typ { + color: #89bdff; +} +/* type - light blue */ +pre .lit, +code .lit { + color: #3387CC; +} +/* literal - blue */ +pre .pun, +code .pun { + color: #fff; +} +/* punctuation - white */ +pre .pln, +code .pln { + color: #fff; +} +/* plaintext - white */ +pre .tag, +code .tag { + color: #89bdff; +} +/* html/xml tag - light blue */ +pre .atn, +code .atn { + color: #bdb76b; +} +/* html/xml attribute name - khaki */ +pre .atv, +code .atv { + color: #65B042; +} +/* html/xml attribute value - green */ +pre .dec, +code .dec { + color: #3387CC; +} +/* decimal - blue */ +pre.prettyprint, +code.prettyprint { + background-color: #000; + overflow-x: scroll; +} +pre.prettyprint { + width: 95%; + margin: 1em auto; + padding: 1em; + white-space: pre; +} +/* Specify class=linenums on a pre to get line numbering */ +ol.linenums { + margin-top: 0; + margin-bottom: 0; + color: #AEAEAE; +} +/* IE indents via margin-left */ +li.L0, +li.L1, +li.L2, +li.L3, +li.L4, +li.L5, +li.L6, +li.L7, +li.L8, +li.L9 { + list-style-type: decimal; +} +.marginal h1 { + font-size: 125%; + /** 20 px */ + line-height: 1em; + /** 20px */ + margin: 1.5em 0 0.5em 0; + /** 30px 0 10px 0 */ + padding: 0; +} +#footerlinks { + font-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; + position: relative; + margin: 0; + padding: 0; + list-style-type: none; +} +#footerlinks li.f { + font-size: 137.5%; + /** 22 px */ + float: left; + margin: 0.5em 1em 0 0; +} +#footerlinks #copyright { + color: #000; + margin: 0; + width: 100%; +} +#footerlinks a.f { + color: #0ACF00; + border-color: #0ACF00; +} +#footerlinks a.f:hover { + color: #078600; + border-color: #078600; + border-style: solid; +} +/** Formulare *****************************************************************/ +.form { + position: relative; + width: 100%; + overflow: hidden; +} +/** Trennlinie */ +.form hr.f { + border-style: none; + border-top-style: dashed; + border-color: #0ACF00; + border-width: 0.0625em; + margin: 0.625em 0; + /** 10px 0 */ + background-color: transparent; +} +/** Text im Formular */ +.form p.f { + color: #737373; +} +.form p.f, +.form .radiobutton > legend.f, +.form .checkbox > legend.f, +.form .textarea > label.f { + display: block; + font-size: 87.5%; + /** 14px */ + line-height: 1.5em; + /** 21px */ + color: #737373; + margin: 0.42857143em 0; + /** 6px 0 */ +} +/** Aufzählungen im Formular */ +.form ul.f, +.form ol.f { + color: #737373; + margin: 1em 0; +} +/** Info-Text */ +.form p.f.info, +.form .textarea > label.f.info, +.form .radiobutton > legend.f.info, +.form .checkbox > legend.f.info, +.form .textarea > label.f.info { + display: block; + font-size: 81.25%; + /** 13px */ + line-height: 1.23076923em; + /** 16px */ + font-style: italic; + color: #737373; + padding: 0 0 0 1.53846154em; + /** 0 0 0 20px */ + background-image: url(../img/em.png); + background-repeat: no-repeat; + background-position: 0 1px; + margin-top: 0.46153846em; + /** 6px */ + margin-bottom: 0.46153846em; + /** 6px */ +} +.form .info > a { + display: inline-block; +} +/** Überschriften */ +.form h1.f { + font-size: 137.5%; + /** 22px */ + letter-spacing: 0.0454545em; + /** 1px */ + line-height: 1em; + padding: 0 0 0.45454546em; + /** 0 0 10px */ + border-bottom: 0.09090909em solid #0ACF00; + /** 2px */ + margin: 0.27272727em 0 0.90909091em 0; + /** 6px 0 20px 0 */ +} +.form h2.f { + font-size: 100%; + /** 16px */ + letter-spacing: 0.0625em; + /** 1px */ + text-transform: uppercase; + line-height: 1.625em; + /** 26px */ + padding: 0 0 0 0.125em; + /** 0 0 0 2px */ + border-bottom: 0.0625em solid #0ACF00; + /** 1px */ + margin: 1.875em 0 0.25em 0; + /** 30px 0 4px 0 */ +} +.form h3.f { + /** border-bottom: 1px dashed @normal; */ +} +.form p.required { + text-indent: -999em; + margin: -1.78571429em 0 0 0; + /** -25px 0 0 0 zu 14px */ +} +.form p.required > strong.r { + display: block; + float: right; + position: relative; + right: -994em; + margin-right: 1em; + /** 14px */ + font-weight: normal; +} +.form p.required > strong.symbol { + font-size: 128.5714286%; + /** 18px zu 14px */ + margin-right: 0.555555em; + /** 10px */ + padding-top: 0.1666666em; + /** 3px */ + right: -773.11em; + /** Anpassung wegen abweichender Schriftgröße nötig: 994em * 14px / 18px */ + font-weight: 700; + color: #2D9B27; +} +/** Fehler-Hinweise */ +.f.error { + color: #e60000; +} +span.f.error { + display: block; + position: relative; + font-size: 87.5%; + /** 14px */ + line-height: 1.21428571em; + /** 17px */ + padding: 0.57142857em; + /** 8px */ + color: #FFF; + background-color: #e60000; + margin: 0.85714286em 0 0 0; + /** 12px 0 0 0 */ +} +span.f.error > span.e { + display: block; + width: 0.85714286em; + /** 12px */ + height: 0.42857143em; + /** 6px */ + background-image: url(../img/arrow-red.gif); + text-indent: -9999em; + position: absolute; + top: -0.42857143em; + /** -6px */ + left: 2.14285714em; + /** 30px */ +} +span.f.error > strong.e { + text-transform: uppercase; +} +/** Input, Select und Dateiupload mit Label */ +.form .text, +.form .select, +.form .file { + position: relative; + margin-bottom: 0.75em; + /** 12px */ +} +.form .text, +.form .file { + margin-right: 10em; + /** 160px */ +} +.form .select { + margin-right: 9em; + /** 144px */ +} +h2.f + div.text, +h2.f + div.select, +h2.f + div.file, +h2.f + div.captcha, +p.f + div.text, +p.f + div.select, +p.f + div.file { + margin-top: 20px; +} +.form .text > label.f, +.form .textarea > label.f, +.form .select > label.f, +.form .file > label.f, +.form .captcha > span.f { + display: block; + position: relative; + font-size: 87.5%; + /** 14px */ + line-height: 1.21428571em; + /** 17px */ + padding: 0.57142857em 0 0.57142857em 0; + /** 8px 0 8px 0 */ + color: #000; +} +.form .file > label.f { + padding-top: 0.28571429em; + /** 4px */ + padding-bottom: 0.28571429em; + /** 4px */ +} +.form .captcha > span.f { + position: absolute; +} +.form .required > label.f { + padding-left: 1em; + /** 14px */ +} +.form .required > label.f > .required { + display: block; + position: absolute; + font-size: 128.5714286%; + /** 18px zu 14px */ + font-weight: 700; + color: #2D9B27; + top: 0.61111111em; + /** 11px */ + left: 0; +} +.form .file > label.f > .required { + top: 0.5em; + /** 7px */ +} +.form .text > input.f, +.form .select > select.f, +.form .file > input.f { + display: block; + width: 100%; + position: absolute; + top: 0; + font-size: 81.25%; + /** 13px */ + border: 0.07692308em solid #0ACF00; + /** 1px */ + color: #000; + background-color: #CEF7C8; +} +.form .text > input.f { + line-height: 1.30769231em; + /** 17px */ + padding: 0.53846154em; + /** 7px */ + right: -12.30769231em; + /** -160px */ +} +.form .select > select.f { + line-height: 1.23076923em; + /** 16px */ + padding: 0.46153846em 0.53846154em; + /** 6px 7px */ + right: -11.07692308em; + /** -144px */ +} +.form .file > input.f { + margin-left: 11.07692308em; + /** 144px */ +} +.form .captcha > img.f { + float: right; + margin-top: -0.9375em; + /** 15px */ + width: 7.5em; + /** 120px */ + height: 3.75em; + /** 60px */ +} +.form .text > input.f:focus, +.form .select > select.f:focus, +.form .text > input.f:active, +.form .select > select.f:active { + background-color: transparent; +} +.form .text > p.f.info, +.form .select > p.f.info, +.form .file > p.f.info { + position: relative; + left: 11.07692308em; + /** 144px */ +} +.form .text > span.f.error, +.form .select > span.f.error, +.form .file > span.f.error { + width: 100%; + margin: 0.85714286em 0 0 10.28571429em; + /** 12px 0 0 144px zu 14(!)px*/ +} +/** Textfelder */ +.form .textarea { + position: relative; + margin: 0 0.6875em 0.75em 0.6875em; + /** 0px 11px 12px 11px */ +} +.form .textarea > label.f { + margin: 0.61538462em -0.84615385em; + /** 8px -11px */ +} +.form .textarea > textarea.f, +.form .textarea > div.textarea { + width: 100%; + border: 0.07692308em solid #0ACF00; + /** 1px */ + color: #000; + background-color: #CEF7C8; + padding: 0.76923077em; + /** 10px */ + position: relative; + left: -0.84615385em; + /** -11px */ +} +.form .textarea > div.textarea { + margin: 0; + font-size: 87.5%; + /** 14px */ +} +.form .textarea > textarea.f:focus, +.form .textarea > textarea.f:active { + background-color: transparent; +} +.form .textarea > span.f.error { + margin: 0.71428571em -0.78571429em 0 -0.78571429em; + /** 10px -11px 0 -11px */ +} +/** Radiobuttons und Checkboxen */ +.form .radiobutton > legend.f.info, +.form .checkbox > legend.f.info { + padding: 0.23076923em 0 0 1.53846154em; + /** 3px 0 0 20px zu 13px*/ + background-position: 0 0.23076923em; + /** 0 3px */ +} +.form .col2, +.form .radiobutton > .col2, +.form .checkbox > .col2 { + width: 48%; + float: left; +} +.form .col2.left, +.form .radiobutton > .col2.left, +.form .checkbox > .col2.left { + margin-right: 2%; +} +.form .col2.right, +.form .radiobutton > .col2.right, +.form .checkbox > .col2.right { + float: right; + margin-left: 2%; +} +.form div.checkbox, +.form .radiobutton > .f, +.form .checkbox > .f, +.form .radiobutton > .col2 > .f, +.form .checkbox > .col2 > .f { + position: relative; +} +.form div.checkbox > label.f, +.form .radiobutton > .f > label.f, +.form .checkbox > .f > label.f, +.form .radiobutton > .col2 > .f > label.f, +.form .checkbox > .col2 > .f > label.f { + display: block; + font-size: 87.5%; + /** 14px */ + line-height: 1.28571429em; + /** 18px */ + color: #000; + margin: 0.57142857em 0 0.57142857em 1.42857143em; + /** 8px 0 8px 20px */ +} +.form div.checkbox > input.f, +.form .radiobutton > .f > input.f, +.form .checkbox > .f > input.f, +.form .radiobutton > .col2 > .f > input.f, +.form .checkbox > .col2 > .f > input.f { + position: absolute; + margin: 0.28571429em 0; + /** 4px 0 */ +} +.form div.checkbox > input.error, +.form .radiobutton > .f > input.error, +.form .checkbox > .f > input.error { + /** Wäre möglich -- konnte aber keine CSS-Eigenschaft finden, die sich rot färben ließ: der Firefox hat alles ignoriert! */ +} +.form div.checkbox:hover > label.f, +.form .radiobutton > .f:hover > label.f, +.form .checkbox > .f:hover > label.f, +.form div.checkbox:focus > label.f, +.form .radiobutton > .f:focus > label.f, +.form .checkbox > .f:focus > label.f, +.form div.checkbox:active > label.f, +.form .radiobutton > .f:active > label.f, +.form .checkbox > .f:active > label.f, +.form .radiobutton > .col2 > .f:hover > label.f, +.form .checkbox > .col2 > .f:hover > label.f, +.form .radiobutton > .col2 > .f:focus > label.f, +.form .checkbox > .col2 > .f:focus > label.f, +.form .radiobutton > .col2 > .f:active > label.f, +.form .checkbox > .col2 > .f:active > label.f { + color: #000; +} +/** Sondereinstellungen für Fehler-Hervorhebungen */ +.form .text > input.error, +.form .textarea > textarea.error, +.form .select > select.error, +.form .file > input.error { + color: #000; + font-weight: 700; + border-color: #e60000; + background-color: #f8b3b3; +} +/** Absende-Buttons */ +ul.buttons, +ol.buttons { + margin: 0; + padding: 0; + list-style-type: none; + text-align: right; +} +ul.buttons > li.b, +ol.buttons > li.b { + display: inline-block; + margin: 0; + padding: 0; +} +.form .submit { + text-align: right; + margin-bottom: 0.75em; + /** 12px */ +} +.form .submit > input.f, +.form .submit > a.f, +a.ln.button { + display: inline-block; + font-family: 'PT Sans', Helvetica, Arial, sans-serif; + font-size: 81.25%; + /** 13px */ + letter-spacing: 0.07692308em; + /** 1px */ + line-height: 25px; + padding: 0 6px; + height: 1.92307692em; + /** 25px */ + color: #FFF; + font-weight: 700; + background-color: #0ACF00; + border-style: none; +} +.form .submit > input.f, +.form .submit > a.f, +ul.buttons > li.b, +ol.buttons > li.b { + margin: 0 0 0 0.61538462em; + /** 0 0 0 8px */ +} +a.ln.button:before { + content: none; +} +.form .submit > input.left, +.form .submit > a.left, +a.ln.button.left { + float: left; + margin: 0 0.92307692em 0 0; + /** 0 12px 0 0 */ +} +.form .submit > input.right, +.form .submit > a.right, +a.ln.button.right { + float: right; + margin: 0 0 0 0.92307692em; + /** 0 0 0 12px */ +} +.form .submit > input.f:hover, +.form .submit > a.f:hover, +a.ln.button:hover, +.form .submit > input.f:focus, +.form .submit > a.f:focus, +a.ln.button:focus, +.form .submit > a.f:active, +.form .submit > input.f:active, +a.ln.button:active { + background-color: #2D9B27; + text-decoration: none; +} +.withbackground .content > .marginal > #nav { + z-index: 2; +} +.withbackground .content > .main { + display: block; +} +.withbackground .content > .main > * { + position: relative; + z-index: 3; +} +#footer { + z-index: 3; +} +.withbackground .content > .main > .background { + font-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; + display: block; + position: absolute; + z-index: 1; + line-height: 0.8em; + height: 0.8em; + overflow: hidden; +} +.withbackground .content > .main > .heller { + color: #6EE768; + z-index: 2; +} +.withbackground .content > .main > .sehrhell { + color: #CEF7C8; + text-shadow: 0.02em 0.01em 0 #FFF; +} +#bs1 { + font-size: 2000%; + top: 55%; + left: 11%; +} +#bs2 { + font-size: 2600%; + top: 30%; + right: -1%; +} +#bs3 { + font-size: 5000%; + top: -5%; + right: -5%; +} +#bs4 { + font-size: 600%; + top: 0; + left: 50%; +} +#bs5 { + font-size: 3600%; + top: 13%; + left: 35%; +} +#bs6 { + font-size: 2000%; + top: 0%; + left: 23%; +} +#bs7 { + font-size: 600%; + top: 72%; + left: 5%; +} +#bs8 { + font-size: 2200%; + top: 10%; + right: 27%; +} +#bs9 { + font-size: 1200%; + bottom: 26%; + left: 36%; +} +/*# sourceMappingURL=base.css.map */ \ No newline at end of file diff --git a/static/css/base.css.map b/static/css/base.css.map new file mode 100644 index 00000000..8ef4d512 --- /dev/null +++ b/static/css/base.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/base/browserreset.less","less/base/fonts.less","less/base/util.less","less/base/typo.less","less/variables.less","less/base/head.less","less/base/navigation.less","less/base/prettify.less","less/base/marginal.less","less/base/footer.less","less/base/formulare.less","less/base/404.less"],"names":[],"mappings":"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","sourcesContent":["/** Browser-Reset *************************************************************/\n\n\n/** v1.0 | 20080212, s. http://meyerweb.com/eric/tools/css/reset/ */\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, font, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\toutline: 0;\n\tfont-size: 100%;\n\tvertical-align: baseline;\n\tbackground: transparent;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\n\n/* remember to define focus styles! */\n:focus {\n\toutline: 0;\n}\n\n/* remember to highlight inserts somehow! */\nins {\n\ttext-decoration: none;\n}\ndel {\n\ttext-decoration: line-through;\n}\n\n/* tables still need 'cellspacing=\"0\"' in the markup */\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\n\n/** Eigene Reset-Erweiterungen */\n\na {\n color: inherit;\n text-decoration: none;\n}\nhr {\n padding: 0;\n margin: 0;\n}\n","@font-face\n{\n font-family: 'BPreplay';\n src: url('../fonts/BPreplay-webfont.eot');\n src: url('../fonts/BPreplay-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/BPreplay-webfont.woff') format('woff'),\n url('../fonts/BPreplay-webfont.ttf') format('truetype'),\n url('../fonts/BPreplay-webfont.svg#BPreplayRegular') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face\n{\n font-family: 'BPreplay';\n src: url('../fonts/BPreplayItalics-webfont.eot');\n src: url('../fonts/BPreplayItalics-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/BPreplayItalics-webfont.woff') format('woff'),\n url('../fonts/BPreplayItalics-webfont.ttf') format('truetype'),\n url('../fonts/BPreplayItalics-webfont.svg#BPreplayItalic') format('svg');\n font-weight: normal;\n font-style: italic;\n}\n\n@font-face\n{\n font-family: 'BPreplay';\n src: url('../fonts/BPreplayBold-webfont.eot');\n src: url('../fonts/BPreplayBold-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/BPreplayBold-webfont.woff') format('woff'),\n url('../fonts/BPreplayBold-webfont.ttf') format('truetype'),\n url('../fonts/BPreplayBold-webfont.svg#BPreplayBold') format('svg');\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face\n{\n font-family: 'BPreplay';\n src: url('../fonts/BPreplayBoldItalics-webfont.eot');\n src: url('../fonts/BPreplayBoldItalics-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/BPreplayBoldItalics-webfont.woff') format('woff'),\n url('../fonts/BPreplayBoldItalics-webfont.ttf') format('truetype'),\n url('../fonts/BPreplayBoldItalics-webfont.svg#BPreplayBoldItalic') format('svg');\n font-weight: bold;\n font-style: italic;\n}\n\n@font-face\n{\n font-family: 'DroidSerif';\n src: url('../fonts/DroidSerif-Regular-webfont.eot');\n src: url('../fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'),\n url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),\n url('../fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');\n font-weight: normal;\n font-style: normal;\n\n}\n\n@font-face\n{\n font-family: 'DroidSerif';\n src: url('../fonts/DroidSerif-Italic-webfont.eot');\n src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'),\n url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),\n url('../fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');\n font-weight: normal;\n font-style: italic;\n\n}\n\n@font-face\n{\n font-family: 'DroidSerif';\n src: url('../fonts/DroidSerif-Bold-webfont.eot');\n src: url('../fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/DroidSerif-Bold-webfont.woff') format('woff'),\n url('../fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),\n url('../fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');\n font-weight: bold;\n font-style: normal;\n\n}\n\n@font-face\n{\n font-family: 'DroidSerif';\n src: url('../fonts/DroidSerif-BoldItalic-webfont.eot');\n src: url('../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),\n url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),\n url('../fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');\n font-weight: bold;\n font-style: italic;\n\n}\n\n@font-face\n{\n font-family: 'symbols';\n src: url('../fonts/symbols.eot');\n src: url('../fonts/symbols.eot?#iefix') format('embedded-opentype'),\n url('../fonts/symbols.woff') format('woff'),\n url('../fonts/symbols.ttf') format('truetype'),\n url('../fonts/symbols.svg#symbols') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n","/** Allgemein nützliche Marker-Klassen */\n\n\n/** Micro Clearfix-Hack nach http://nicolasgallagher.com/micro-clearfix-hack/ */\n\n.cf:before,\n.cf:after {\n content: \"\";\n display: table;\n}\n.cf:after {\n clear:both;\n}\n\n/** Hide helpful content in a way, that it is still accessible to screen-readers */\n.hide{\n position: absolute;\n left: -99999999em;\n}\n\n\n/** Symbol-Font für Vektor-Icons */\n\n.symbols\n{\n font-family: 'symbols';\n}\n\na.img\n{\n border: none;\n}\n","/** Typografische Grundeinstellungen ******************************************/\n\nbody\n{\n .droid;\n letter-spacing: 0;\n line-height: 1.5em;\n padding: 0 1em 1em 1.5em;\n background-color: @hintergrund;\n}\nh1, h2, h3, h4, h5, h6\n{\n .bpreplay;\n color: @schrifthell;\n line-height: 1.25em;\n margin: 1.125em 0 .25em 0; /** Margin Top für h1 auf Marginalspalte abgestimmt! */\n}\nh1\n{\n font-size: 137.5%; /** 22 px */\n color: @normal;\n padding: 0 0 .25em 0; /** 0 0 5px 0 */\n}\nh2\n{\n font-size: 125%; /** 20 px */\n}\nh3\n{\n font-size: 112.5%; /** 18px */\n}\nh4\n{\n /** font-size: 16px */\n}\nh1 a, h2 a, h3 a, h4 a\n{\n color: @normal;\n border-style: none;\n}\nh1 a:hover,\nh2 a:hover,\nh3 a:hover,\nh4 a:hover\n{\n color: @dunkler;\n border-bottom: 1px solid @dunkler;\n}\nh1 a:focus,\nh2 a:focus,\nh3 a:focus,\nh4 a:focus,\nh1 a:active,\nh2 a:active,\nh3 a:active,\nh4 a:active\n{\n color: @dunkel;\n border-bottom: 1px solid @dunkel;\n}\np\n{\n margin: .5em 0 .5em 0;\n}\nul, ol\n{\n margin: .25em 0 .25em 0; /** 4px 0 4px 0 */\n padding: 0 0 0 1em; /** 0 0 0 16px */\n}\nul\n{\n list-style-type: square;\n}\nol\n{\n list-style-type: decimal;\n padding-left: 1.1875em; /** 19px */\n}\nli\n{\n padding-bottom: .25em; /** 2px */\n}\ntable, th, td\n{\n padding: .1em .2em;\n}\nth, td\n{\n font-size: 87.5%; /** 14px */\n line-height: 1.5em; /** 20px */\n border: .071428571em solid #000; /** 1px */\n padding: .214285714em .5em; /** 3px 7px */\n}\npre\n{\n line-height: 1.2em;\n}\ncode\n{\n font-size: 120%; /** Otherwise, the font-size will be 75%, though not specified so anywhere!! */\n line-height: 1.2em;\n}\nhr\n{\n border: none;\n border-top: 2px solid @normal;\n background-color: @normal;\n height: 1px;\n margin: 1em 0 1em 0;\n}\na\n{\n color: @dunkler;\n border-bottom: 1px dashed @dunkler;\n}\na:hover\n{\n color: @nochdunkler;\n border-bottom: 1px solid @nochdunkler;\n}\na:focus,\na:active\n{\n color: @dunkler;\n border-bottom: 1px solid @dunkler;\n}\na:visited\n{\n border-bottom: 1px dotted @nochdunkler;\n}\n\nh2 a,\nh3 a,\nh4 a\n{\n color: @schrifthell;\n}\nh2 a:focus,\nh2 a:active,\nh3 a:focus,\nh3 a:active,\nh4 a:focus,\nh4 a:active\n{\n color: @normal;\n border-bottom: 1px solid @normal;\n}\n\n \n.logo\n{\n .bpreplay;\n color: @normal;\n}\n","/** Farb-Thema */\n\n@normal: #0ACF00;\n@dunkel: #2D9B27;\n@dunkler: #078600;\n@nochdunkler: #077600;\n@hell: #42E73A;\n@heller: #6EE768;\n@sehrhell: #CEF7C8;\n\n@schrift: #000;\n@schrifthell: tint(@schrift, 45%); \n\n@hintergrund: #FFF;\n\n@fehler: #e60000;\n@fehlerhell: tint(@fehler, 70%);\n\n\n/** Bildschirmbreiten für Media-Query */\n\n@minscreen: 580px;\n@mindesktop: 940px;\n@maxtablet: @mindesktop - 1;\n@maxsmalltablet: 800px;\n@maxsmallertablet: 700px;\n@maxphone: 579px;\n@minphone: 300px;\n@maxtiny: 299px;\n\n/** Schriften */\n\n.droid ()\n{\n font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif;\n}\n\n.bpreplay ()\n{\n font-family: 'BPreplay', Helvetica, Arial, sans-serif;\n font-weight: bold;\n}\n","#header\n{\n .bpreplay;\n}\n#logo\n{\n position: relative;\n display: inline-block;\n font-size: 100%; /* Um das Rechnen einfacher zu gestalten */\n margin: 0;\n padding: 0 0 0 .1875em; /* 30px */\n color: @normal;\n border: none;\n position: relative;\n top: .5em;\n left: -.875em;\n}\n#logo a.l:hover\n{\n color: @dunkler;\n border-style: none;\n}\n#logo > .l > img.l\n{\n width: 6.25em; /** 100px */\n}\n#slogan\n{\n color: @normal;\n}\n","h2.nav\n{\n}\n#menu,\n#submenu\n{\n .bpreplay;\n color: @normal;\n margin: .5em 0 1.5em 0;\n padding: 0.25em 0.25em 0.25em 1.5em;\n border: 1px solid @normal;\n}\n#menu li.m,\n#submenu li.s\n{\n padding: .2em;\n}\n#menu li.m a.m,\n#submenu li.s a.s\n{\n color: @normal;\n}\n#menu li.m a.m:hover,\n#submenu li.s a.s:hover\n{\n color: @nochdunkler;\n}\n#menu li.m strong.m,\n#menu li.m a.m.selected,\n#menu li.m a.m:focus,\n#menu li.m a.m:active,\n#submenu li.s strong.s,\n#submenu li.s a.s.selected,\n#submenu li.s a.s:focus,\n#submenu li.s a.s:active\n{\n color: @dunkler;\n}\n\n#breadcrumb\n{\n .bpreplay;\n color: @normal;\n}\n#breadcrumb strong.b.title\n{\n float: left;\n margin: 0 0.5em 0 0;\n}\n#breadcrumb ol.b\n{\n display: inline;\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n#breadcrumb ol.b li.b\n{\n float: left;\n margin: 0 0 0.5em 0.5em;\n padding: 0;\n}\n#breadcrumb ol.b li.b:before\n{\n content: '> ';\n}\n#breadcrumb ol.b li.b:first-child:before\n{\n content: '';\n}\n#breadcrumb ol.b li.b strong.b\n{\n border-bottom: 1px solid @normal;\n}\n#breadcrumb ol.b li.b a.b\n{\n color: @normal;\n}\n#breadcrumb ol.b li.b a.b:hover,\n#breadcrumb ol.b li.b a.b:focus,\n#breadcrumb ol.b li.b a.b:active\n{\n color: @dunkler;\n}\n#breadcrumb a.hide\n{\n position: static;\n}\n#breadcrumb a.hide:before\n{\n content: \"\";\n display: table;\n clear: both;\n}\n#breadcrumb hr.b\n{\n clear: both;\n}\n\n","/* Pretty printing styles. Used with prettify.js. */\n/* Vim sunburst theme by David Leibovic */\n\npre .str, code .str { color: #65B042; } /* string - green */\npre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */\npre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */\npre .typ, code .typ { color: #89bdff; } /* type - light blue */\npre .lit, code .lit { color: #3387CC; } /* literal - blue */\npre .pun, code .pun { color: #fff; } /* punctuation - white */\npre .pln, code .pln { color: #fff; } /* plaintext - white */\npre .tag, code .tag { color: #89bdff; } /* html/xml tag - light blue */\npre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name - khaki */\npre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */\npre .dec, code .dec { color: #3387CC; } /* decimal - blue */\n\npre.prettyprint, code.prettyprint {\n background-color: #000;\n overflow-x: scroll;\n}\n\npre.prettyprint {\n width: 95%;\n margin: 1em auto;\n padding: 1em;\n white-space: pre;\n}\n\n\n/* Specify class=linenums on a pre to get line numbering */\nol.linenums {\n margin-top: 0;\n margin-bottom: 0;\n color: #AEAEAE;\n} /* IE indents via margin-left */\n\nli.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9\n{\n list-style-type: decimal;\n}\n",".marginal h1\n{\n font-size: 125%; /** 20 px */\n line-height: 1em; /** 20px */\n margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */\n padding: 0;\n}\n","#footerlinks\n{\n .bpreplay;\n position: relative;\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n#footerlinks li.f\n{\n font-size: 137.5%; /** 22 px */\n float: left;\n margin: .5em 1em 0 0;\n}\n#footerlinks #copyright\n{\n color: @schrift;\n margin: 0;\n width: 100%;\n}\n#footerlinks a.f\n{\n color: @normal;\n border-color: @normal;\n}\n#footerlinks a.f:hover\n{\n color: @dunkler;\n border-color: @dunkler;\n border-style: solid;\n}\n","/** Formulare *****************************************************************/\n\n.form {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n/** Trennlinie */\n.form hr.f {\n border-style: none;\n border-top-style: dashed;\n border-color: @normal;\n border-width: .0625em;\n margin: .625em 0; /** 10px 0 */\n background-color: transparent;\n}\n\n/** Text im Formular */\n.form p.f {\n color: @schrifthell;\n}\n.form p.f,\n.form .radiobutton > legend.f,\n.form .checkbox > legend.f,\n.form .textarea > label.f {\n display: block;\n font-size: 87.5%; /** 14px */\n line-height: 1.5em; /** 21px */\n color: @schrifthell;\n margin: .428571429em 0; /** 6px 0 */\n}\n\n/** Aufzählungen im Formular */\n.form ul.f,\n.form ol.f {\n color: @schrifthell;\n margin: 1em 0;\n}\n\n/** Info-Text */\n.form p.f.info,\n.form .textarea > label.f.info,\n.form .radiobutton > legend.f.info,\n.form .checkbox > legend.f.info,\n.form .textarea > label.f.info {\n display: block;\n font-size: 81.25%; /** 13px */\n line-height: 1.230769231em; /** 16px */\n font-style: italic;\n color: @schrifthell;\n padding: 0 0 0 1.538461538em; /** 0 0 0 20px */\n background-image: url(../img/em.png);\n background-repeat: no-repeat;\n background-position: 0 1px;\n margin-top: .461538462em; /** 6px */\n margin-bottom: .461538462em; /** 6px */\n}\n.form .info > a {\n display: inline-block;\n}\n\n/** Überschriften */\n.form h1.f {\n font-size: 137.5%; /** 22px */\n letter-spacing: .0454545em; /** 1px */\n line-height: 1em;\n padding: 0 0 .454545455em; /** 0 0 10px */\n border-bottom: .090909091em solid @normal; /** 2px */\n margin: .272727273em 0 .909090909em 0; /** 6px 0 20px 0 */\n}\n.form h2.f {\n font-size: 100%; /** 16px */\n letter-spacing: .0625em; /** 1px */\n text-transform: uppercase;\n line-height: 1.625em; /** 26px */\n padding: 0 0 0 .125em; /** 0 0 0 2px */\n border-bottom: .0625em solid @normal; /** 1px */\n margin: 1.875em 0 .25em 0; /** 30px 0 4px 0 */\n}\n.form h3.f {\n/** border-bottom: 1px dashed @normal; */\n}\n.form p.required {\n text-indent: -999em;\n margin: -1.785714286em 0 0 0; /** -25px 0 0 0 zu 14px */\n}\n.form p.required > strong.r {\n display: block;\n float: right;\n position: relative;\n right: -994em;\n margin-right: 1em; /** 14px */\n font-weight: normal;\n}\n.form p.required > strong.symbol {\n font-size: 128.5714286%; /** 18px zu 14px */\n margin-right: .555555em; /** 10px */\n padding-top: .1666666em; /** 3px */\n right: -773.11em; /** Anpassung wegen abweichender Schriftgröße nötig: 994em * 14px / 18px */\n font-weight: 700;\n color: @dunkel;\n}\n\n/** Fehler-Hinweise */\n.f.error {\n color: @fehler;\n}\nspan.f.error {\n display: block;\n position: relative;\n font-size: 87.5%; /** 14px */\n line-height: 1.214285714em; /** 17px */\n padding: .571428571em; /** 8px */\n color: @hintergrund;\n background-color: @fehler;\n margin: .857142857em 0 0 0; /** 12px 0 0 0 */\n}\nspan.f.error > span.e {\n display: block;\n width: .857142857em; /** 12px */\n height: .428571429em; /** 6px */\n background-image: url(../img/arrow-red.gif);\n text-indent: -9999em;\n position: absolute;\n top: -.428571429em; /** -6px */\n left: 2.142857143em; /** 30px */\n}\nspan.f.error > strong.e {\n text-transform: uppercase;\n}\n\n/** Input, Select und Dateiupload mit Label */\n.form .text,\n.form .select,\n.form .file {\n position: relative;\n margin-bottom: .75em; /** 12px */\n}\n.form .text,\n.form .file {\n margin-right: 10em; /** 160px */\n}\n.form .select {\n margin-right: 9em; /** 144px */\n}\nh2.f + div.text,\nh2.f + div.select,\nh2.f + div.file,\nh2.f + div.captcha,\np.f + div.text,\np.f + div.select,\np.f + div.file {\n margin-top: 20px;\n}\n.form .text > label.f,\n.form .textarea > label.f,\n.form .select > label.f,\n.form .file > label.f,\n.form .captcha > span.f {\n display: block;\n position: relative;\n font-size: 87.5%; /** 14px */\n line-height: 1.214285714em; /** 17px */\n padding: .571428571em 0 .571428571em 0; /** 8px 0 8px 0 */\n color: @schrift;\n}\n.form .file > label.f {\n padding-top: .285714286em; /** 4px */\n padding-bottom: .285714286em; /** 4px */\n}\n.form .captcha > span.f {\n position: absolute;\n}\n.form .required > label.f {\n padding-left: 1em; /** 14px */\n}\n.form .required > label.f > .required {\n display: block;\n position: absolute;\n font-size: 128.5714286%; /** 18px zu 14px */\n font-weight: 700;\n color: @dunkel;\n top: .611111111em; /** 11px */\n left: 0;\n}\n.form .file > label.f > .required {\n top: .5em; /** 7px */\n}\n.form .text > input.f,\n.form .select > select.f,\n.form .file > input.f {\n display: block;\n width: 100%;\n position: absolute;\n top: 0;\n font-size: 81.25%; /** 13px */\n border: .076923077em solid @normal; /** 1px */\n color: @schrift;\n background-color: @sehrhell;\n}\n.form .text > input.f {\n line-height: 1.307692308em; /** 17px */\n padding: .538461538em; /** 7px */\n right: -12.307692308em; /** -160px */\n}\n.form .select > select.f {\n line-height: 1.230769231em; /** 16px */\n padding: .461538462em .538461538em; /** 6px 7px */\n right: -11.076923077em; /** -144px */\n}\n.form .file > input.f {\n margin-left: 11.076923077em; /** 144px */\n}\n.form .captcha > img.f {\n float: right;\n margin-top: -.9375em; /** 15px */\n width: 7.5em; /** 120px */\n height: 3.75em; /** 60px */\n}\n.form .text > input.f:focus,\n.form .select > select.f:focus,\n.form .text > input.f:active,\n.form .select > select.f:active {\n background-color: transparent;\n}\n.form .text > p.f.info,\n.form .select > p.f.info,\n.form .file > p.f.info {\n position: relative;\n left: 11.076923077em; /** 144px */\n}\n.form .text > span.f.error,\n.form .select > span.f.error,\n.form .file > span.f.error {\n width: 100%;\n margin: .857142857em 0 0 10.285714286em; /** 12px 0 0 144px zu 14(!)px*/\n}\n\n/** Textfelder */\n.form .textarea {\n position: relative;\n margin: 0 .6875em .75em .6875em; /** 0px 11px 12px 11px */\n}\n.form .textarea > label.f {\n margin: .615384615em -.846153846em; /** 8px -11px */\n}\n.form .textarea > textarea.f,\n.form .textarea > div.textarea {\n width: 100%;\n border: .076923077em solid @normal; /** 1px */\n color: @schrift;\n background-color: @sehrhell;\n padding: .769230769em; /** 10px */\n position: relative;\n left: -.846153846em; /** -11px */\n}\n.form .textarea > div.textarea {\n margin: 0;\n font-size: 87.5%; /** 14px */\n}\n.form .textarea > textarea.f:focus,\n.form .textarea > textarea.f:active {\n background-color: transparent;\n}\n.form .textarea > span.f.error {\n margin: .714285714em -.785714286em 0 -.785714286em; /** 10px -11px 0 -11px */\n}\n\n/** Radiobuttons und Checkboxen */\n.form .radiobutton > legend.f.info,\n.form .checkbox > legend.f.info {\n padding: .230769231em 0 0 1.538461538em; /** 3px 0 0 20px zu 13px*/\n background-position: 0 .230769231em; /** 0 3px */\n}\n.form .col2,\n.form .radiobutton > .col2,\n.form .checkbox > .col2 {\n width: 48%;\n float: left;\n}\n.form .col2.left,\n.form .radiobutton > .col2.left,\n.form .checkbox > .col2.left {\n margin-right: 2%;\n}\n.form .col2.right,\n.form .radiobutton > .col2.right,\n.form .checkbox > .col2.right {\n float: right;\n margin-left: 2%;\n}\n.form div.checkbox,\n.form .radiobutton > .f,\n.form .checkbox > .f,\n.form .radiobutton > .col2 > .f,\n.form .checkbox > .col2 > .f {\n position: relative;\n}\n.form div.checkbox > label.f,\n.form .radiobutton > .f > label.f,\n.form .checkbox > .f > label.f,\n.form .radiobutton > .col2 > .f > label.f,\n.form .checkbox > .col2 > .f > label.f {\n display: block;\n font-size: 87.5%; /** 14px */\n line-height: 1.285714286em; /** 18px */\n color: @schrift;\n margin: .571428571em 0 .571428571em 1.428571429em; /** 8px 0 8px 20px */\n}\n.form div.checkbox > input.f,\n.form .radiobutton > .f > input.f,\n.form .checkbox > .f > input.f,\n.form .radiobutton > .col2 > .f > input.f,\n.form .checkbox > .col2 > .f > input.f {\n position: absolute;\n margin: .285714286em 0; /** 4px 0 */\n}\n.form div.checkbox > input.error,\n.form .radiobutton > .f > input.error,\n.form .checkbox > .f > input.error {\n /** Wäre möglich -- konnte aber keine CSS-Eigenschaft finden, die sich rot färben ließ: der Firefox hat alles ignoriert! */\n}\n.form div.checkbox:hover > label.f,\n.form .radiobutton > .f:hover > label.f,\n.form .checkbox > .f:hover > label.f,\n.form div.checkbox:focus > label.f,\n.form .radiobutton > .f:focus > label.f,\n.form .checkbox > .f:focus > label.f,\n.form div.checkbox:active > label.f,\n.form .radiobutton > .f:active > label.f,\n.form .checkbox > .f:active > label.f,\n.form .radiobutton > .col2 > .f:hover > label.f,\n.form .checkbox > .col2 > .f:hover > label.f,\n.form .radiobutton > .col2 > .f:focus > label.f,\n.form .checkbox > .col2 > .f:focus > label.f,\n.form .radiobutton > .col2 > .f:active > label.f,\n.form .checkbox > .col2 > .f:active > label.f {\n color: @schrift;\n}\n\n/** Sondereinstellungen für Fehler-Hervorhebungen */\n.form .text > input.error,\n.form .textarea > textarea.error,\n.form .select > select.error,\n.form .file > input.error {\n color: @schrift;\n font-weight: 700;\n border-color: @fehler;\n background-color: @fehlerhell;\n}\n\n\n/** Absende-Buttons */\nul.buttons,\nol.buttons {\n margin: 0;\n padding: 0;\n list-style-type: none;\n text-align: right;\n}\nul.buttons > li.b,\nol.buttons > li.b {\n display: inline-block;\n margin: 0;\n padding: 0;\n}\n.form .submit {\n text-align: right;\n margin-bottom: .75em; /** 12px */\n}\n.form .submit > input.f,\n.form .submit > a.f,\na.ln.button {\n display: inline-block;\n font-family: 'PT Sans', Helvetica, Arial, sans-serif;\n font-size: 81.25%; /** 13px */\n letter-spacing: .076923077em; /** 1px */\n line-height: 25px;\n padding:0 6px;\n height: 1.923076923em; /** 25px */\n color: @hintergrund;\n font-weight: 700;\n background-color: @normal;\n border-style: none;\n}\n.form .submit > input.f,\n.form .submit > a.f,\nul.buttons > li.b,\nol.buttons > li.b {\n margin: 0 0 0 .615384615em; /** 0 0 0 8px */\n}\na.ln.button:before {\n content: none;\n}\n.form .submit > input.left,\n.form .submit > a.left,\na.ln.button.left {\n float: left;\n margin: 0 .923076923em 0 0; /** 0 12px 0 0 */\n}\n.form .submit > input.right,\n.form .submit > a.right,\na.ln.button.right {\n float: right;\n margin: 0 0 0 .923076923em; /** 0 0 0 12px */\n}\n.form .submit > input.f:hover,\n.form .submit > a.f:hover,\na.ln.button:hover,\n.form .submit > input.f:focus,\n.form .submit > a.f:focus,\na.ln.button:focus,\n.form .submit > a.f:active,\n.form .submit > input.f:active,\na.ln.button:active {\n background-color: @dunkel;\n text-decoration: none;\n}\n",".withbackground .content > .marginal > #nav\n{\n z-index: 2;\n}\n.withbackground .content > .main\n{\n display: block;\n}\n.withbackground .content > .main > *\n{\n position: relative;\n z-index: 3;\n}\n#footer\n{\n z-index: 3;\n}\n.withbackground .content > .main > .background\n{\n .bpreplay;\n display: block;\n position: absolute;\n z-index: 1;\n line-height: .8em;\n height: .8em;\n overflow: hidden;\n}\n.withbackground .content > .main > .heller\n{\n color: @heller;\n z-index: 2;\n}\n.withbackground .content > .main > .sehrhell\n{\n color: @sehrhell;\n text-shadow: .02em .01em 0 @hintergrund;\n}\n#bs1\n{\n font-size: 2000%;\n top: 55%;\n left: 11%;\n}\n#bs2\n{\n font-size: 2600%;\n top: 30%;\n right: -1%;\n}\n#bs3\n{\n font-size: 5000%;\n top: -5%;\n right: -5%;\n}\n#bs4\n{\n font-size: 600%;\n top: 0;\n left: 50%;\n}\n#bs5\n{\n font-size: 3600%;\n top: 13%;\n left: 35%;\n}\n#bs6\n{\n font-size: 2000%;\n top: 0%;\n left: 23%;\n}\n#bs7\n{\n font-size: 600%;\n top: 72%;\n left: 5%;\n}\n#bs8\n{\n font-size: 2200%;\n top: 10%;\n right: 27%;\n}\n#bs9\n{\n font-size: 1200%;\n bottom: 26%;\n left: 36%;\n}\n"]} \ No newline at end of file diff --git a/static/css/base.min.css b/static/css/base.min.css new file mode 100644 index 00000000..170532e8 --- /dev/null +++ b/static/css/base.min.css @@ -0,0 +1,2 @@ +a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}hr{padding:0;margin:0}@font-face{font-family:BPreplay;src:url(../fonts/BPreplay-webfont.eot);src:url(../fonts/BPreplay-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/BPreplay-webfont.woff) format('woff'),url(../fonts/BPreplay-webfont.ttf) format('truetype'),url(../fonts/BPreplay-webfont.svg#BPreplayRegular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:BPreplay;src:url(../fonts/BPreplayItalics-webfont.eot);src:url(../fonts/BPreplayItalics-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/BPreplayItalics-webfont.woff) format('woff'),url(../fonts/BPreplayItalics-webfont.ttf) format('truetype'),url(../fonts/BPreplayItalics-webfont.svg#BPreplayItalic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:BPreplay;src:url(../fonts/BPreplayBold-webfont.eot);src:url(../fonts/BPreplayBold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/BPreplayBold-webfont.woff) format('woff'),url(../fonts/BPreplayBold-webfont.ttf) format('truetype'),url(../fonts/BPreplayBold-webfont.svg#BPreplayBold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:BPreplay;src:url(../fonts/BPreplayBoldItalics-webfont.eot);src:url(../fonts/BPreplayBoldItalics-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/BPreplayBoldItalics-webfont.woff) format('woff'),url(../fonts/BPreplayBoldItalics-webfont.ttf) format('truetype'),url(../fonts/BPreplayBoldItalics-webfont.svg#BPreplayBoldItalic) format('svg');font-weight:700;font-style:italic}@font-face{font-family:DroidSerif;src:url(../fonts/DroidSerif-Regular-webfont.eot);src:url(../fonts/DroidSerif-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/DroidSerif-Regular-webfont.woff) format('woff'),url(../fonts/DroidSerif-Regular-webfont.ttf) format('truetype'),url(../fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:DroidSerif;src:url(../fonts/DroidSerif-Italic-webfont.eot);src:url(../fonts/DroidSerif-Italic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/DroidSerif-Italic-webfont.woff) format('woff'),url(../fonts/DroidSerif-Italic-webfont.ttf) format('truetype'),url(../fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:DroidSerif;src:url(../fonts/DroidSerif-Bold-webfont.eot);src:url(../fonts/DroidSerif-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/DroidSerif-Bold-webfont.woff) format('woff'),url(../fonts/DroidSerif-Bold-webfont.ttf) format('truetype'),url(../fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:DroidSerif;src:url(../fonts/DroidSerif-BoldItalic-webfont.eot);src:url(../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/DroidSerif-BoldItalic-webfont.woff) format('woff'),url(../fonts/DroidSerif-BoldItalic-webfont.ttf) format('truetype'),url(../fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic) format('svg');font-weight:700;font-style:italic}@font-face{font-family:symbols;src:url(../fonts/symbols.eot);src:url(../fonts/symbols.eot?#iefix) format('embedded-opentype'),url(../fonts/symbols.woff) format('woff'),url(../fonts/symbols.ttf) format('truetype'),url(../fonts/symbols.svg#symbols) format('svg');font-weight:400;font-style:normal}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.hide{position:absolute;left:-99999999em}.symbols{font-family:symbols}a.img{border:none}body{font-family:DroidSerif,'Times New Roman','Palatino Linotype',serif;letter-spacing:0;line-height:1.5em;padding:0 1em 1em 1.5em;background-color:#fff}h1,h2,h3,h4,h5,h6{font-family:BPreplay,Helvetica,Arial,sans-serif;font-weight:700;color:#737373;line-height:1.25em;margin:1.125em 0 .25em 0}h1{font-size:137.5%;color:#0acf00;padding:0 0 .25em 0}h2{font-size:125%}h3{font-size:112.5%}h1 a,h2 a,h3 a,h4 a{color:#0acf00;border-style:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{color:#078600;border-bottom:1px solid #078600}h1 a:active,h1 a:focus,h2 a:active,h2 a:focus,h3 a:active,h3 a:focus,h4 a:active,h4 a:focus{color:#2d9b27;border-bottom:1px solid #2d9b27}p{margin:.5em 0 .5em 0}ol,ul{margin:.25em 0 .25em 0;padding:0 0 0 1em}ul{list-style-type:square}ol{list-style-type:decimal;padding-left:1.1875em}li{padding-bottom:.25em}table,td,th{padding:.1em .2em}td,th{font-size:87.5%;line-height:1.5em;border:.07142857em solid #000;padding:.21428571em .5em}pre{line-height:1.2em}code{font-size:120%;line-height:1.2em}hr{border:none;border-top:2px solid #0acf00;background-color:#0acf00;height:1px;margin:1em 0 1em 0}a{color:#078600;border-bottom:1px dashed #078600}a:hover{color:#077600;border-bottom:1px solid #077600}a:active,a:focus{color:#078600;border-bottom:1px solid #078600}a:visited{border-bottom:1px dotted #077600}h2 a,h3 a,h4 a{color:#737373}h2 a:active,h2 a:focus,h3 a:active,h3 a:focus,h4 a:active,h4 a:focus{color:#0acf00;border-bottom:1px solid #0acf00}.logo{font-family:BPreplay,Helvetica,Arial,sans-serif;font-weight:700;color:#0acf00}#header{font-family:BPreplay,Helvetica,Arial,sans-serif;font-weight:700}#logo{display:inline-block;font-size:100%;margin:0;padding:0 0 0 .1875em;color:#0acf00;border:none;position:relative;top:.5em;left:-.875em}#logo a.l:hover{color:#078600;border-style:none}#logo>.l>img.l{width:6.25em}#slogan{color:#0acf00}#menu,#submenu{font-family:BPreplay,Helvetica,Arial,sans-serif;font-weight:700;color:#0acf00;margin:.5em 0 1.5em 0;padding:.25em .25em .25em 1.5em;border:1px solid #0acf00}#menu li.m,#submenu li.s{padding:.2em}#menu li.m a.m,#submenu li.s a.s{color:#0acf00}#menu li.m a.m:hover,#submenu li.s a.s:hover{color:#077600}#menu li.m a.m.selected,#menu li.m a.m:active,#menu li.m a.m:focus,#menu li.m strong.m,#submenu li.s a.s.selected,#submenu li.s a.s:active,#submenu li.s a.s:focus,#submenu li.s strong.s{color:#078600}#breadcrumb{font-family:BPreplay,Helvetica,Arial,sans-serif;font-weight:700;color:#0acf00}#breadcrumb strong.b.title{float:left;margin:0 .5em 0 0}#breadcrumb ol.b{display:inline;margin:0;padding:0;list-style-type:none}#breadcrumb ol.b li.b{float:left;margin:0 0 .5em .5em;padding:0}#breadcrumb ol.b li.b:before{content:'> '}#breadcrumb ol.b li.b:first-child:before{content:''}#breadcrumb ol.b li.b strong.b{border-bottom:1px solid #0acf00}#breadcrumb ol.b li.b a.b{color:#0acf00}#breadcrumb ol.b li.b a.b:active,#breadcrumb ol.b li.b a.b:focus,#breadcrumb ol.b li.b a.b:hover{color:#078600}#breadcrumb a.hide{position:static}#breadcrumb a.hide:before{content:"";display:table;clear:both}#breadcrumb hr.b{clear:both}code .str,pre .str{color:#65b042}code .kwd,pre .kwd{color:#e28964}code .com,pre .com{color:#aeaeae;font-style:italic}code .typ,pre .typ{color:#89bdff}code .lit,pre .lit{color:#3387cc}code .pun,pre .pun{color:#fff}code .pln,pre .pln{color:#fff}code .tag,pre .tag{color:#89bdff}code .atn,pre .atn{color:#bdb76b}code .atv,pre .atv{color:#65b042}code .dec,pre .dec{color:#3387cc}code.prettyprint,pre.prettyprint{background-color:#000;overflow-x:scroll}pre.prettyprint{width:95%;margin:1em auto;padding:1em;white-space:pre}ol.linenums{margin-top:0;margin-bottom:0;color:#aeaeae}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{list-style-type:decimal}.marginal h1{font-size:125%;line-height:1em;margin:1.5em 0 .5em 0;padding:0}#footerlinks{font-family:BPreplay,Helvetica,Arial,sans-serif;font-weight:700;position:relative;margin:0;padding:0;list-style-type:none}#footerlinks li.f{font-size:137.5%;float:left;margin:.5em 1em 0 0}#footerlinks #copyright{color:#000;margin:0;width:100%}#footerlinks a.f{color:#0acf00;border-color:#0acf00}#footerlinks a.f:hover{color:#078600;border-color:#078600;border-style:solid}.form{position:relative;width:100%;overflow:hidden}.form hr.f{border-style:none;border-top-style:dashed;border-color:#0acf00;border-width:.0625em;margin:.625em 0;background-color:transparent}.form p.f{color:#737373}.form .checkbox>legend.f,.form .radiobutton>legend.f,.form .textarea>label.f,.form p.f{display:block;font-size:87.5%;line-height:1.5em;color:#737373;margin:.42857143em 0}.form ol.f,.form ul.f{color:#737373;margin:1em 0}.form .checkbox>legend.f.info,.form .radiobutton>legend.f.info,.form .textarea>label.f.info,.form p.f.info{display:block;font-size:81.25%;line-height:1.23076923em;font-style:italic;color:#737373;padding:0 0 0 1.53846154em;background-image:url(../img/em.png);background-repeat:no-repeat;background-position:0 1px;margin-top:.46153846em;margin-bottom:.46153846em}.form .info>a{display:inline-block}.form h1.f{font-size:137.5%;letter-spacing:.0454545em;line-height:1em;padding:0 0 .45454546em;border-bottom:.09090909em solid #0acf00;margin:.27272727em 0 .90909091em 0}.form h2.f{font-size:100%;letter-spacing:.0625em;text-transform:uppercase;line-height:1.625em;padding:0 0 0 .125em;border-bottom:.0625em solid #0acf00;margin:1.875em 0 .25em 0}.form p.required{text-indent:-999em;margin:-1.78571429em 0 0 0}.form p.required>strong.r{display:block;float:right;position:relative;right:-994em;margin-right:1em;font-weight:400}.form p.required>strong.symbol{font-size:128.5714286%;margin-right:.555555em;padding-top:.1666666em;right:-773.11em;font-weight:700;color:#2d9b27}.f.error{color:#e60000}span.f.error{display:block;position:relative;font-size:87.5%;line-height:1.21428571em;padding:.57142857em;color:#fff;background-color:#e60000;margin:.85714286em 0 0 0}span.f.error>span.e{display:block;width:.85714286em;height:.42857143em;background-image:url(../img/arrow-red.gif);text-indent:-9999em;position:absolute;top:-.42857143em;left:2.14285714em}span.f.error>strong.e{text-transform:uppercase}.form .file,.form .select,.form .text{position:relative;margin-bottom:.75em}.form .file,.form .text{margin-right:10em}.form .select{margin-right:9em}h2.f+div.captcha,h2.f+div.file,h2.f+div.select,h2.f+div.text,p.f+div.file,p.f+div.select,p.f+div.text{margin-top:20px}.form .captcha>span.f,.form .file>label.f,.form .select>label.f,.form .text>label.f,.form .textarea>label.f{display:block;position:relative;font-size:87.5%;line-height:1.21428571em;padding:.57142857em 0 .57142857em 0;color:#000}.form .file>label.f{padding-top:.28571429em;padding-bottom:.28571429em}.form .captcha>span.f{position:absolute}.form .required>label.f{padding-left:1em}.form .required>label.f>.required{display:block;position:absolute;font-size:128.5714286%;font-weight:700;color:#2d9b27;top:.61111111em;left:0}.form .file>label.f>.required{top:.5em}.form .file>input.f,.form .select>select.f,.form .text>input.f{display:block;width:100%;position:absolute;top:0;font-size:81.25%;border:.07692308em solid #0acf00;color:#000;background-color:#cef7c8}.form .text>input.f{line-height:1.30769231em;padding:.53846154em;right:-12.30769231em}.form .select>select.f{line-height:1.23076923em;padding:.46153846em .53846154em;right:-11.07692308em}.form .file>input.f{margin-left:11.07692308em}.form .captcha>img.f{float:right;margin-top:-.9375em;width:7.5em;height:3.75em}.form .select>select.f:active,.form .select>select.f:focus,.form .text>input.f:active,.form .text>input.f:focus{background-color:transparent}.form .file>p.f.info,.form .select>p.f.info,.form .text>p.f.info{position:relative;left:11.07692308em}.form .file>span.f.error,.form .select>span.f.error,.form .text>span.f.error{width:100%;margin:.85714286em 0 0 10.28571429em}.form .textarea{position:relative;margin:0 .6875em .75em .6875em}.form .textarea>label.f{margin:.61538462em -.84615385em}.form .textarea>div.textarea,.form .textarea>textarea.f{width:100%;border:.07692308em solid #0acf00;color:#000;background-color:#cef7c8;padding:.76923077em;position:relative;left:-.84615385em}.form .textarea>div.textarea{margin:0;font-size:87.5%}.form .textarea>textarea.f:active,.form .textarea>textarea.f:focus{background-color:transparent}.form .textarea>span.f.error{margin:.71428571em -.78571429em 0 -.78571429em}.form .checkbox>legend.f.info,.form .radiobutton>legend.f.info{padding:.23076923em 0 0 1.53846154em;background-position:0 .23076923em}.form .checkbox>.col2,.form .col2,.form .radiobutton>.col2{width:48%;float:left}.form .checkbox>.col2.left,.form .col2.left,.form .radiobutton>.col2.left{margin-right:2%}.form .checkbox>.col2.right,.form .col2.right,.form .radiobutton>.col2.right{float:right;margin-left:2%}.form .checkbox>.col2>.f,.form .checkbox>.f,.form .radiobutton>.col2>.f,.form .radiobutton>.f,.form div.checkbox{position:relative}.form .checkbox>.col2>.f>label.f,.form .checkbox>.f>label.f,.form .radiobutton>.col2>.f>label.f,.form .radiobutton>.f>label.f,.form div.checkbox>label.f{display:block;font-size:87.5%;line-height:1.28571429em;color:#000;margin:.57142857em 0 .57142857em 1.42857143em}.form .checkbox>.col2>.f>input.f,.form .checkbox>.f>input.f,.form .radiobutton>.col2>.f>input.f,.form .radiobutton>.f>input.f,.form div.checkbox>input.f{position:absolute;margin:.28571429em 0}.form .checkbox>.col2>.f:active>label.f,.form .checkbox>.col2>.f:focus>label.f,.form .checkbox>.col2>.f:hover>label.f,.form .checkbox>.f:active>label.f,.form .checkbox>.f:focus>label.f,.form .checkbox>.f:hover>label.f,.form .radiobutton>.col2>.f:active>label.f,.form .radiobutton>.col2>.f:focus>label.f,.form .radiobutton>.col2>.f:hover>label.f,.form .radiobutton>.f:active>label.f,.form .radiobutton>.f:focus>label.f,.form .radiobutton>.f:hover>label.f,.form div.checkbox:active>label.f,.form div.checkbox:focus>label.f,.form div.checkbox:hover>label.f{color:#000}.form .file>input.error,.form .select>select.error,.form .text>input.error,.form .textarea>textarea.error{color:#000;font-weight:700;border-color:#e60000;background-color:#f8b3b3}ol.buttons,ul.buttons{margin:0;padding:0;list-style-type:none;text-align:right}ol.buttons>li.b,ul.buttons>li.b{display:inline-block;margin:0;padding:0}.form .submit{text-align:right;margin-bottom:.75em}.form .submit>a.f,.form .submit>input.f,a.ln.button{display:inline-block;font-family:'PT Sans',Helvetica,Arial,sans-serif;font-size:81.25%;letter-spacing:.07692308em;line-height:25px;padding:0 6px;height:1.92307692em;color:#fff;font-weight:700;background-color:#0acf00;border-style:none}.form .submit>a.f,.form .submit>input.f,ol.buttons>li.b,ul.buttons>li.b{margin:0 0 0 .61538462em}a.ln.button:before{content:none}.form .submit>a.left,.form .submit>input.left,a.ln.button.left{float:left;margin:0 .92307692em 0 0}.form .submit>a.right,.form .submit>input.right,a.ln.button.right{float:right;margin:0 0 0 .92307692em}.form .submit>a.f:active,.form .submit>a.f:focus,.form .submit>a.f:hover,.form .submit>input.f:active,.form .submit>input.f:focus,.form .submit>input.f:hover,a.ln.button:active,a.ln.button:focus,a.ln.button:hover{background-color:#2d9b27;text-decoration:none}.withbackground .content>.marginal>#nav{z-index:2}.withbackground .content>.main{display:block}.withbackground .content>.main>*{position:relative;z-index:3}#footer{z-index:3}.withbackground .content>.main>.background{font-family:BPreplay,Helvetica,Arial,sans-serif;font-weight:700;display:block;position:absolute;z-index:1;line-height:.8em;height:.8em;overflow:hidden}.withbackground .content>.main>.heller{color:#6ee768;z-index:2}.withbackground .content>.main>.sehrhell{color:#cef7c8;text-shadow:.02em .01em 0 #fff}#bs1{font-size:2000%;top:55%;left:11%}#bs2{font-size:2600%;top:30%;right:-1%}#bs3{font-size:5000%;top:-5%;right:-5%}#bs4{font-size:600%;top:0;left:50%}#bs5{font-size:3600%;top:13%;left:35%}#bs6{font-size:2000%;top:0;left:23%}#bs7{font-size:600%;top:72%;left:5%}#bs8{font-size:2200%;top:10%;right:27%}#bs9{font-size:1200%;bottom:26%;left:36%} +/*# sourceMappingURL=base.min.css.map */ \ No newline at end of file diff --git a/static/css/base.min.css.map b/static/css/base.min.css.map new file mode 100644 index 00000000..ad5f9856 --- /dev/null +++ b/static/css/base.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/base/browserreset.less","less/base/fonts.less","less/base/util.less","less/base/typo.less","less/variables.less","less/base/head.less","less/base/navigation.less","less/base/prettify.less","less/base/marginal.less","less/base/footer.less","less/base/formulare.less","less/base/404.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/static/css/ie8.css b/static/css/ie8.css new file mode 100644 index 00000000..6e1002a7 --- /dev/null +++ b/static/css/ie8.css @@ -0,0 +1,2 @@ +/** cssmin fails with an empty file! */ +/*# sourceMappingURL=ie8.css.map */ \ No newline at end of file diff --git a/static/css/ie8.css.map b/static/css/ie8.css.map new file mode 100644 index 00000000..9ffd4b22 --- /dev/null +++ b/static/css/ie8.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]} \ No newline at end of file diff --git a/static/css/ie8.min.css b/static/css/ie8.min.css new file mode 100644 index 00000000..915c06ff --- /dev/null +++ b/static/css/ie8.min.css @@ -0,0 +1,2 @@ + +/*# sourceMappingURL=ie8.min.css.map */ \ No newline at end of file diff --git a/static/css/ie8.min.css.map b/static/css/ie8.min.css.map new file mode 100644 index 00000000..a464c673 --- /dev/null +++ b/static/css/ie8.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/static/css/phone.css b/static/css/phone.css new file mode 100644 index 00000000..a2adcdbf --- /dev/null +++ b/static/css/phone.css @@ -0,0 +1,523 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +#logo { + padding: 0; + z-index: 3; + left: auto; + top: 0.3125em; + /* 5px */ +} +#logo > .l > img.l { + width: 12.5em; + /** 200px */ + -webkit-filter: drop-shadow(-5px -5px 5px #fff); + filter: drop-shadow(-5px -5px 5px #fff); +} +#slogan { + display: block; + color: #FFF; + background-color: #0ACF00; + font-size: 187.5%; + /** 30px */ + line-height: 0.66666667em; + /* 20px */ + height: 0.6em; + /* 18px */ + padding: 0.06666667em 0.06666667em 0 0; + /** 2px 2px 0 0 */ + margin-left: 2em; + position: relative; + z-index: 2; + top: -1.3em; + /* 39px */ + text-align: right; + overflow: hidden; +} +#slogan > strong { + display: inline-block; + position: relative; + top: -0.2em; + /* -6px */ +} +#nav > h1.nav, +#nav > h2.nav.menu { + display: none; +} +#nav > h2.nav.submenu { + font-size: 125%; + /** 20px */ + line-height: 1em; + /** 20px */ + margin: 1.5em 0 0.5em 0; + /** 30px 0 10px 0 */ + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border: none; +} +#nav > h2.nav.submenu:before { + content: 'V '; + color: #FFF; + margin: 0 0.75em 0 -1.7em; + /** 0 15em 0 -34px */ +} +#nav > h2.nav.submenu > span.s { + display: none; +} +#nav > h2.nav.submenu > a.s { + color: #FFF; + border-style: dashed; + border-color: #FFF; +} +#nav > h2.nav.submenu > a.s:hover, +#nav > h2.nav.submenu > a.s:focus, +#nav > h2.nav.submenu > a.s:active { + border-style: solid; +} +#submenu { + font-size: 125%; + /** 20 px */ + list-style-type: none; + margin: 1em 0 4em 0; + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border-style: none; +} +#submenu ul.s { + margin: 1em 0 0 0; + /** 16px 0 0 0 */ + padding: 0; + list-style-type: none; +} +#submenu.selected, +#submenu ul.s.selected { + margin-top: 2em; + /** 32px */ +} +#submenu ul.active { + margin-top: 1.5em; + /** 24px */ +} +#submenu li.s { + margin: 0 0 0.5em 0; + /** 0 0 10px 0 */ + padding: 0; +} +#submenu li.s.off { + display: none; +} +#submenu li.s > a.s { + color: #078600; +} +#submenu li.s > a.s.selected, +#submenu li.s > strong.s { + color: #FFF; + border-color: #FFF; +} +#submenu li.s > strong.s { + border-bottom: 1px solid #FFF; +} +#submenu li.s > a.s.selected:before, +#submenu li.s > a.s:hover:before, +#submenu li.s > a.s:focus:before, +#submenu li.s > a.s:active:before, +#submenu li.s > strong.s:before { + content: '> '; + margin: 0 0.75em 0 -1.7em; + /** 0 15px 0 -34px = Warum auch immer?!? */ +} +#submenu li.s.sub > a.s.selected:before, +#submenu li.s.sub > a.s:hover:before, +#submenu li.s.sub > a.s:focus:before, +#submenu li.s.sub > a.s:active:before, +#submenu li.s.sub > strong.s:before { + content: 'V '; +} +/** Make the footer sticky */ +html, +body { + height: 100%; +} +#page { + position: relative; + min-height: 100%; +} +#footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} +/** Pages under construction... */ +.wip, +.wip h1, +.wip h2, +.wip h3, +.wip h4, +.wip h5, +.wip h6, +.wip a { + color: rgba(128, 128, 128, 0); + text-decoration: none; + border-color: rgba(128, 128, 128, 0); + text-shadow: 0 0 6px #404040; +} +.wip { + position: relative; +} +.wip img.w { + margin-top: 30%; + position: absolute; + width: 100%; +} +.pack { + overflow: hidden; +} +.pack > .p.left, +.pack > .p.right { + width: 42%; + padding: 0 3% 999em 3%; + margin: 0 0 -998em 0; +} +.pack.bg > .p.left, +.pack.bg > .p.right { + background-color: #CEF7C8; +} +.pack > .p.left { + float: left; +} +.pack > .p.right { + float: right; +} +.pack > .p img.p { + width: 91.9118%; +} +.single { + padding: 0 3% 1em 3%; + margin: 3% 0; +} +.single.bg { + background-color: #CEF7C8; +} +@media (max-width: 800px) { + #logo { + font-size: 80%; + } + #slogan { + font-size: 150%; + /** 24px */ + } +} +@media (max-width: 700px) { + #logo { + font-size: 60%; + } + #slogan { + font-size: 112.5%; + /** 18px */ + } +} +.withbackground .content { + position: relative; + top: auto; + bottom: auto; + left: auto; + rigth: auto; +} +#bs3 { + display: none; +} +#bs5 { + left: auto; + right: 13%; +} +#bs7 { + bottom: 21%; +} +#bs8 { + display: none; +} +h1 { + font-size: 150%; + /** 24 px */ +} +/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ +body { + font-size: 87.5%; + /** 14px */ + padding: 0; +} +#page { + position: relative; + overflow: hidden; +} +/** Seitenaufteilung mit/ohne Menü */ +.content > .main { + margin: 0 1em 0 2.5em; +} +.menu .content > .main { + border-top-style: none; +} +/** Seitenkopf positionieren */ +#header { + margin: 0.125em 1em 1em 1.25em; +} +#header > hr.h { + display: none; +} +#logo { + font-size: 50%; +} +/** Bereichsauswahl positionieren und stylen */ +#nav > hr.n { + display: none; +} +#menu { + border-style: none; + font-size: 125%; + line-height: 1.5em; +} +#menu { + font-size: 150%; + border-bottom: 0.125em solid #FFF; + margin-top: 0; + padding: 0.25em 0.25em 1em 1.5em; +} +#menu > li.m { + float: left; + list-style-type: none; + padding: 0.25em 1em 0 0; +} +@media (max-width: 359px) { + #menu > li.m { + float: none; + } +} +#menu > li.m > a.m { + color: #2D9B27; +} +#menu > li.m > strong.m { + color: #FFF; + border-bottom: 0.0625em solid #FFF; +} +#menu > li.m > a.m:hover, +#menu > li.m > a.m:focus, +#menu > li.m > a.m:active { + color: #078600; + border-bottom: 0.0625em solid #078600; +} +#menu > li.m > a.m.selected { + color: #FFF; + border-bottom: 0.0625em dashed #FFF; +} +#menu > li.m > a.m.selected:hover, +#menu > li.m > a.m.selected:focus, +#menu > li.m > a.m.selected:active { + border-style: solid; +} +/** Navigations-Sprunglink reaktivieren und stylen */ +#breadcrumb { + position: absolute; + top: 0.8em; + right: 1.5em; +} +#breadcrumb > strong.b, +#breadcrumb > ol.b, +#breadcrumb > hr.b { + display: none; +} +#breadcrumb > a.hide { + display: block; + overflow: hidden; + width: 3.5em; + height: 3em; + line-height: 2.1em; + color: #0ACF00; + border-style: none; +} +#breadcrumb > a.hide:before { + content: ""; + font-family: 'symbols'; + font-size: 378%; + /** Vielfaches von 14px */ + padding: 0 0 1em 0; + font-weight: normal; +} +#breadcrumb > a.hide:hover, +#breadcrumb > a.hide:focus, +#breadcrumb > a.hide:active { + color: #078600; +} +/** Inhalts-Sprunglink reaktivieren und stylen */ +#nav:target { + position: absolute; + top: 0; + right: 0; + left: 0; + padding: 0.25em 1em 999em 2.5em; + margin-bottom: -993em; + z-index: 5; + background-color: #6EE768; +} +#nav:target #menu { + padding-top: 0; + padding-bottom: 0.75em; +} +#nav:target > a.hide { + position: absolute; + left: auto; + top: 0.8em; + right: 1.5em; + display: block; + overflow: hidden; + width: 3.5em; + height: 3em; + line-height: 2.1em; + color: #FFF; + border-style: none; +} +#nav:target > a.hide:before { + content: ""; + font-family: 'symbols'; + font-size: 378%; + /** Vielfaches von 14px */ + padding: 0 0 1em 0; + margin: 0 1em 0 0; +} +#nav:target > a.hide:hover, +#nav:target > a.hide:focus, +#nav:target > a.hide:active { + color: #078600; +} +/** Footer positionieren */ +#footer { + padding: 0 1em 0.5em 2.5em; + background-color: #6EE768; +} +#footer > hr.f { + border-color: #FFF; +} +/** Marginal-Inhalte anpassen... */ +.marginal h1, +.marginal h2, +.marginal h3, +.marginal h4 { + color: #FFF; +} +/** Faux-Column-Hack für Marginalinhalte */ +.marginal { + margin-top: 4em; + margin-bottom: -993em; + padding: 1em 1em 999em 2.5em; + background-color: #6EE768; +} +@media (max-width: 410px) { + #slogan { + color: #0ACF00; + height: 0.3em; + top: -1.1em; + } +} +#submenu { + border-style: none; + font-size: 125%; + line-height: 1.5em; +} +#footer > #footerlinks { + position: static; + border-style: none; +} +#footer > #footerlinks > li.about { + display: none; +} +#footer > #footerlinks > li.f { + color: #FFF; + line-height: 1em; + margin: 0 1em 0 0; + padding: 0 0 0.5em 0; +} +#footer > #footerlinks > li.f > a.f { + color: #FFF; + border-color: #FFF; +} +#footer > #footerlinks > li#copyright { + position: static; + float: right; + width: auto; + font-size: 137.5%; + margin: 0; +} +@media (max-width: 229px) { + #footer > #footerlinks > li#copyright { + color: #000; + flow: none; + width: 100%; + } +} +.pack > .p.left, +.pack > .p.right, +.pack.bg > .p.left, +.pack.bg > .p.right, +.single, +.single.bg { + width: auto; + padding-bottom: 1.5em; + margin: 0 0 1.5em 0; +} +.withbackground .content { + position: relative; +} +.withbackground .content > .main { + z-index: 1; +} +.withbackground .content > .marginal { + position: relative; + z-index: 3; + border-top: 0.14285714em solid #FFF; + /** 2px */ +} +#bs1 { + top: -3%; +} +#bs2 { + font-size: 2000%; + top: 0%; + right: 3%; +} +#bs4 { + top: 5%; + left: 57%; +} +@media (max-width: 410px) { + #bs4 { + display: none; + } +} +#bs6 { + font-size: 1700%; + bottom: -10%; + left: 45%; +} +#bs7 { + top: 20%; + left: 2%; +} +@media (max-width: 410px) { + #bs7 { + top: 34%; + left: 30%; + } +} +#bs5, +#bs8 { + display: none; +} +#bs9 { + top: 20%; +} +@media (max-width: 410px) { + #bs9 { + display: none; + } +} +/*# sourceMappingURL=phone.css.map */ \ No newline at end of file diff --git a/static/css/phone.css.map b/static/css/phone.css.map new file mode 100644 index 00000000..1227602e --- /dev/null +++ b/static/css/phone.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/tablet/head.less","less/tablet/404.less","less/phone/typo.less","less/phone/layout.less","less/phone/head.less","less/phone/menu.less","less/phone/footer.less","less/phone/packs.less","less/phone/404.less"],"names":[],"mappings":";;;AAAA;EAEE,UAAA;EACA,UAAA;EACA,UAAA;EACA,aAAA;;;AAEF,KAAM,KAAK,MAAK;EAEd,aAAA;;EACA,gBAAgB,+BAAhB;EACQ,QAAQ,+BAAR;;AAEV;EAEE,cAAA;EACA,WAAA;EACA,yBAAA;EACA,iBAAA;;EACA,yBAAA;;EACA,aAAA;;EACA,sCAAA;;EACA,gBAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;;EACA,iBAAA;EACA,gBAAA;;AAEF,OAAQ;EACN,qBAAA;EACA,kBAAA;EACA,WAAA;;;AChCF,IAAK,KAAI;AACT,IAAK,KAAI,IAAI;EAEX,aAAA;;AAEF,IAAK,KAAI,IAAI;EAEX,eAAA;;EACA,gBAAA;;EACA,uBAAA;;EACA,qBAAA;;EACA,YAAA;;AAEF,IAAK,KAAI,IAAI,QAAQ;EAEnB,SAAS,IAAT;EACA,WAAA;EACA,yBAAA;;;AAEF,IAAK,KAAI,IAAI,QAAS,OAAM;EAE1B,aAAA;;AAEF,IAAK,KAAI,IAAI,QAAS,IAAG;EAEvB,WAAA;EACA,oBAAA;EACA,kBAAA;;AAEF,IAAK,KAAI,IAAI,QAAS,IAAG,EAAE;AAC3B,IAAK,KAAI,IAAI,QAAS,IAAG,EAAE;AAC3B,IAAK,KAAI,IAAI,QAAS,IAAG,EAAE;EAEzB,mBAAA;;AAGF;EAEE,eAAA;;EACA,qBAAA;EACA,mBAAA;EACA,qBAAA;;EACA,kBAAA;;AAEF,QAAS,GAAE;EAET,iBAAA;;EACA,UAAA;EACA,qBAAA;;AAEF,QAAQ;AACR,QAAS,GAAE,EAAE;EAEX,eAAA;;;AAEF,QAAS,GAAE;EAET,iBAAA;;;AAEF,QAAS,GAAE;EAET,mBAAA;;EACA,UAAA;;AAEF,QAAS,GAAE,EAAE;EAEX,aAAA;;AAEF,QAAS,GAAE,EAAG,IAAG;EAEf,cAAA;;AAEF,QAAS,GAAE,EAAG,IAAG,EAAE;AACnB,QAAS,GAAE,EAAG,SAAQ;EAEpB,WAAA;EACA,kBAAA;;AAEF,QAAS,GAAE,EAAG,SAAQ;EAEpB,6BAAA;;AAEF,QAAS,GAAE,EAAG,IAAG,EAAE,SAAS;AAC5B,QAAS,GAAE,EAAG,IAAG,EAAE,MAAM;AACzB,QAAS,GAAE,EAAG,IAAG,EAAE,MAAM;AACzB,QAAS,GAAE,EAAG,IAAG,EAAE,OAAO;AAC1B,QAAS,GAAE,EAAG,SAAQ,EAAE;EAEtB,SAAS,IAAT;EACA,yBAAA;;;AAEF,QAAS,GAAE,EAAE,IAAK,IAAG,EAAE,SAAS;AAChC,QAAS,GAAE,EAAE,IAAK,IAAG,EAAE,MAAM;AAC7B,QAAS,GAAE,EAAE,IAAK,IAAG,EAAE,MAAM;AAC7B,QAAS,GAAE,EAAE,IAAK,IAAG,EAAE,OAAO;AAC9B,QAAS,GAAE,EAAE,IAAK,SAAQ,EAAE;EAE1B,SAAS,IAAT;;;AChGF;AAAM;EAEJ,YAAA;;AAEF;EAEE,kBAAA;EACA,gBAAA;;AAEF;EAEE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;;;ACdF;AACA,IAAK;AACL,IAAK;AACL,IAAK;AACL,IAAK;AACL,IAAK;AACL,IAAK;AACL,IAAK;EAEH,6BAAA;EACA,qBAAA;EACA,oCAAA;EACA,4BAAA;;AAEF;EAEE,kBAAA;;AAEF,IAAK,IAAG;EAEN,eAAA;EACA,kBAAA;EACA,WAAA;;ACvBF;EAEE,gBAAA;;AAEF,KAAM,KAAI;AACV,KAAM,KAAI;EAER,UAAA;EACA,sBAAA;EACA,oBAAA;;AAEF,KAAK,GAAI,KAAI;AACb,KAAK,GAAI,KAAI;EAEX,yBAAA;;AAEF,KAAM,KAAI;EAER,WAAA;;AAEF,KAAM,KAAI;EAER,YAAA;;AAEF,KAAM,KAAK,IAAG;EAEZ,eAAA;;AAEF;EAEE,oBAAA;EACA,YAAA;;AAEF,OAAO;EAEL,yBAAA;;ACnCF,QACA;EACE;IAEE,cAAA;;EAEF;IAEE,eAAA;;;;AAIJ,QACA;EACE;IAEE,cAAA;;EAEF;IAEE,iBAAA;;;;ACpBJ,eAAgB;EAEd,kBAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;;AAEF;EAEE,aAAA;;AAEF;EAEE,UAAA;EACA,UAAA;;AAEF;EAEE,WAAA;;AAEF;EAEE,aAAA;;ACvBF;EAEE,eAAA;;;;ACAF;EAEE,gBAAA;;EACA,UAAA;;AAEF;EAEE,kBAAA;EACA,gBAAA;;;AAMF,QAAS;EAEP,qBAAA;;AAEF,KAAM,SAAS;EAEb,sBAAA;;;AAOF;EAEE,8BAAA;;AAEF,OAAQ,KAAI;EAEV,aAAA;;AAEF;EAEE,cAAA;;;AAKF,IAAK,KAAI;EAEP,aAAA;;AAEF;EAEE,kBAAA;EACA,eAAA;EACA,kBAAA;;AAEF;EAEE,eAAA;EACA,iCAAA;EACA,aAAA;EACA,gCAAA;;AAEF,KAAM,KAAI;EAER,WAAA;EAKA,qBAAA;EACA,uBAAA;;AALA,QACA;EADA,KAHI,KAAI;IAKN,WAAA;;;AAKJ,KAAM,KAAI,EAAG,IAAG;EAEd,cAAA;;AAEF,KAAM,KAAI,EAAG,SAAQ;EAEnB,WAAA;EACA,kCAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE;AAClB,KAAM,KAAI,EAAG,IAAG,EAAE;AAClB,KAAM,KAAI,EAAG,IAAG,EAAE;EAEhB,cAAA;EACA,qCAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE;EAEhB,WAAA;EACA,mCAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE,SAAS;AAC3B,KAAM,KAAI,EAAG,IAAG,EAAE,SAAS;AAC3B,KAAM,KAAI,EAAG,IAAG,EAAE,SAAS;EAEzB,mBAAA;;;AAMF;EAEE,kBAAA;EACA,UAAA;EACA,YAAA;;AAEF,WAAY,SAAQ;AACpB,WAAY,KAAI;AAChB,WAAY,KAAI;EAEd,aAAA;;AAEF,WAAY,IAAG;EAEb,cAAA;EACA,gBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,cAAA;EACA,kBAAA;;AAEF,WAAY,IAAG,KAAK;EAElB,SAAS,GAAT;EACA,aAAa,SAAb;EACA,eAAA;;EACA,kBAAA;EACA,mBAAA;;AAEF,WAAY,IAAG,KAAK;AACpB,WAAY,IAAG,KAAK;AACpB,WAAY,IAAG,KAAK;EAElB,cAAA;;;AAMF,IAAI;EAEF,kBAAA;EACA,MAAA;EACA,QAAA;EACA,OAAA;EACA,+BAAA;EACA,qBAAA;EACA,UAAA;EACA,yBAAA;;AATF,IAAI,OAUF;EAEE,cAAA;EACA,sBAAA;;AAbJ,IAAI,OAeF,IAAG;EAED,kBAAA;EACA,UAAA;EACA,UAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;EACA,kBAAA;;AA3BJ,IAAI,OA6BF,IAAG,KAAK;EAEN,SAAS,GAAT;EACA,aAAa,SAAb;EACA,eAAA;;EACA,kBAAA;EACA,iBAAA;;AAnCJ,IAAI,OAqCF,IAAG,KAAK;AArCV,IAAI,OAsCF,IAAG,KAAK;AAtCV,IAAI,OAuCF,IAAG,KAAK;EAEN,cAAA;;;AAOJ;EAEE,0BAAA;EACA,yBAAA;;AAEF,OAAQ,KAAI;EAEV,kBAAA;;;AAMF,SAAU;AACV,SAAU;AACV,SAAU;AACV,SAAU;EAER,WAAA;;;AAMF;EAEE,eAAA;EACA,qBAAA;EACA,4BAAA;EACA,yBAAA;;AC3NF,QACA;EACE;IAEE,cAAA;IACA,aAAA;IACA,WAAA;;;ACNJ;EAEE,kBAAA;EACA,eAAA;EACA,kBAAA;;ACJF,OAAQ;EAEN,gBAAA;EACA,kBAAA;;AAEF,OAAQ,eAAe,KAAI;EAEzB,aAAA;;AAEF,OAAQ,eAAe,KAAI;EAEzB,WAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;;AAEF,OAAQ,eAAe,KAAI,EAAG,IAAG;EAE/B,WAAA;EACA,kBAAA;;AAEF,OAAQ,eAAe,KAAI;EAEzB,gBAAA;EACA,YAAA;EACA,WAAA;EACA,iBAAA;EACA,SAAA;;AACA,QACA;EADA,OAPM,eAAe,KAAI;IASvB,WAAA;IACA,UAAA;IACA,WAAA;;;AChCJ,KAAM,KAAI;AACV,KAAM,KAAI;AACV,KAAK,GAAI,KAAI;AACb,KAAK,GAAI,KAAI;AACb;AACA,OAAO;EAEL,WAAA;EACA,qBAAA;EACA,mBAAA;;ACTF,eAAgB;EAEd,kBAAA;;AAEF,eAAgB,SAAS;EAEvB,UAAA;;AAEF,eAAgB,SAAS;EAEvB,kBAAA;EACA,UAAA;EACA,mCAAA;;;AAEF;EAEE,QAAA;;AAEF;EAEE,gBAAA;EACA,OAAA;EACA,SAAA;;AAEF;EAEE,OAAA;EACA,SAAA;;AACA,QACA;EADA;IAEE,aAAA;;;AAGJ;EAEE,gBAAA;EACA,YAAA;EACA,SAAA;;AAEF;EAEE,QAAA;EACA,QAAA;;AACA,QACA;EADA;IAEE,QAAA;IACA,SAAA;;;AAGJ;AACA;EAEE,aAAA;;AAEF;EAEE,QAAA;;AACA,QACA;EADA;IAEE,aAAA","sourcesContent":["#logo\n{\n padding: 0;\n z-index: 3;\n left: auto;\n top: 0.3125em; /* 5px */\n}\n#logo > .l > img.l\n{\n width: 12.5em; /** 200px */\n -webkit-filter: drop-shadow( -5px -5px 5px #fff );\n filter: drop-shadow( -5px -5px 5px #fff );\n}\n#slogan\n{\n display: block;\n color: @hintergrund;\n background-color: @normal;\n font-size: 187.5%; /** 30px */\n line-height: .6666666667em; /* 20px */\n height: .6em; /* 18px */\n padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */\n margin-left: 2em;\n position: relative;\n z-index: 2;\n top: -1.3em; /* 39px */\n text-align: right;\n overflow: hidden;\n}\n#slogan > strong{\n display: inline-block;\n position: relative;\n top: -.2em; /* -6px */\n}\n","#nav > h1.nav,\n#nav > h2.nav.menu\n{\n display: none;\n}\n#nav > h2.nav.submenu\n{\n font-size: 125%; /** 20px */\n line-height: 1em; /** 20px */\n margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border: none;\n}\n#nav > h2.nav.submenu:before\n{\n content: 'V ';\n color: @hintergrund;\n margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */\n}\n#nav > h2.nav.submenu > span.s\n{\n display: none;\n}\n#nav > h2.nav.submenu > a.s\n{\n color: @hintergrund;\n border-style: dashed;\n border-color: @hintergrund;\n}\n#nav > h2.nav.submenu > a.s:hover,\n#nav > h2.nav.submenu > a.s:focus,\n#nav > h2.nav.submenu > a.s:active\n{\n border-style: solid;\n}\n\n#submenu\n{\n font-size: 125%; /** 20 px */\n list-style-type: none;\n margin: 1em 0 4em 0;\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border-style: none;\n}\n#submenu ul.s\n{\n margin: 1em 0 0 0; /** 16px 0 0 0 */\n padding: 0;\n list-style-type: none;\n}\n#submenu.selected,\n#submenu ul.s.selected\n{\n margin-top: 2em; /** 32px */\n}\n#submenu ul.active\n{\n margin-top: 1.5em; /** 24px */\n}\n#submenu li.s\n{\n margin: 0 0 .5em 0; /** 0 0 10px 0 */\n padding: 0;\n}\n#submenu li.s.off\n{\n display: none;\n}\n#submenu li.s > a.s\n{\n color: @dunkler;\n}\n#submenu li.s > a.s.selected,\n#submenu li.s > strong.s\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#submenu li.s > strong.s\n{\n border-bottom: 1px solid @hintergrund;\n}\n#submenu li.s > a.s.selected:before,\n#submenu li.s > a.s:hover:before,\n#submenu li.s > a.s:focus:before,\n#submenu li.s > a.s:active:before,\n#submenu li.s > strong.s:before\n{\n content: '> ';\n margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */\n}\n#submenu li.s.sub > a.s.selected:before,\n#submenu li.s.sub > a.s:hover:before,\n#submenu li.s.sub > a.s:focus:before,\n#submenu li.s.sub > a.s:active:before,\n#submenu li.s.sub > strong.s:before\n{\n content: 'V ';\n}\n","/** Make the footer sticky */\nhtml, body\n{\n height: 100%;\n}\n#page\n{\n position: relative;\n min-height: 100%;\n}\n#footer\n{\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n","/** Pages under construction... */\n.wip,\n.wip h1,\n.wip h2,\n.wip h3,\n.wip h4,\n.wip h5,\n.wip h6,\n.wip a\n{\n color: rgba(128, 128, 128, 0);\n text-decoration: none;\n border-color: rgba(128, 128, 128, 0);\n text-shadow: 0 0 6px #404040;\n}\n.wip\n{\n position: relative;\n}\n.wip img.w\n{\n margin-top: 30%;\n position: absolute;\n width: 100%;\n}\n",".pack\n{\n overflow: hidden;\n}\n.pack > .p.left,\n.pack > .p.right\n{\n width: 42%;\n padding: 0 3% 999em 3%;\n margin: 0 0 -998em 0;\n}\n.pack.bg > .p.left,\n.pack.bg > .p.right\n{\n background-color: @sehrhell;\n}\n.pack > .p.left\n{\n float: left;\n}\n.pack > .p.right\n{\n float: right;\n}\n.pack > .p img.p\n{\n width: 91.9118%;\n}\n.single\n{\n padding: 0 3% 1em 3%;\n margin: 3% 0;\n}\n.single.bg\n{\n background-color: @sehrhell;\n}\n","@media (max-width: (@maxsmalltablet))\n{\n #logo\n {\n font-size: 80%;\n }\n #slogan\n {\n font-size: 150%; /** 24px */\n }\n}\n\n@media (max-width: (@maxsmallertablet))\n{\n #logo\n {\n font-size: 60%;\n }\n #slogan\n {\n font-size: 112.5%; /** 18px */\n }\n}\n\n",".withbackground .content\n{\n position: relative;\n top: auto;\n bottom: auto;\n left: auto;\n rigth: auto;\n}\n#bs3\n{\n display: none;\n}\n#bs5\n{\n left: auto;\n right: 13%;\n}\n#bs7\n{\n bottom: 21%;\n}\n#bs8\n{\n display: none;\n}\n","h1\n{\n font-size: 150%; /** 24 px */\n}\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n font-size: 87.5%; /** 14px */\n padding: 0;\n}\n#page\n{\n position: relative;\n overflow: hidden;\n}\n\n\n/** Seitenaufteilung mit/ohne Menü */\n\n.content > .main\n{\n margin: 0 1em 0 2.5em;\n}\n.menu .content > .main\n{\n border-top-style: none;\n}\n\n\n\n/** Seitenkopf positionieren */\n\n#header\n{\n margin: .125em 1em 1em 1.25em;\n}\n#header > hr.h\n{\n display: none;\n}\n#logo\n{\n font-size: 50%;\n}\n\n/** Bereichsauswahl positionieren und stylen */\n\n#nav > hr.n\n{\n display: none;\n}\n#menu\n{\n border-style: none;\n font-size: 125%;\n line-height: 1.5em;\n}\n#menu\n{\n font-size: 150%;\n border-bottom: .125em solid @hintergrund;\n margin-top: 0;\n padding: .25em .25em 1em 1.5em;\n}\n#menu > li.m\n{\n float: left;\n @media (max-width: 359px)\n {\n float: none;\n }\n list-style-type: none;\n padding: .25em 1em 0 0;\n}\n#menu > li.m > a.m\n{\n color: @dunkel;\n}\n#menu > li.m > strong.m\n{\n color: @hintergrund;\n border-bottom: .0625em solid @hintergrund;\n}\n#menu > li.m > a.m:hover,\n#menu > li.m > a.m:focus,\n#menu > li.m > a.m:active\n{\n color: @dunkler;\n border-bottom: .0625em solid @dunkler;\n}\n#menu > li.m > a.m.selected\n{\n color: @hintergrund;\n border-bottom: .0625em dashed @hintergrund;\n}\n#menu > li.m > a.m.selected:hover,\n#menu > li.m > a.m.selected:focus,\n#menu > li.m > a.m.selected:active\n{\n border-style: solid;\n}\n\n\n/** Navigations-Sprunglink reaktivieren und stylen */\n\n#breadcrumb\n{\n position: absolute;\n top: .8em;\n right: 1.5em;\n}\n#breadcrumb > strong.b,\n#breadcrumb > ol.b,\n#breadcrumb > hr.b\n{\n display: none;\n}\n#breadcrumb > a.hide\n{\n display: block;\n overflow: hidden;\n width: 3.5em;\n height: 3em;\n line-height: 2.1em;\n color: @normal;\n border-style: none;\n}\n#breadcrumb > a.hide:before\n{\n content: \"\";\n font-family: 'symbols';\n font-size: 378%; /** Vielfaches von 14px */\n padding: 0 0 1em 0;\n font-weight: normal;\n}\n#breadcrumb > a.hide:hover,\n#breadcrumb > a.hide:focus,\n#breadcrumb > a.hide:active\n{\n color: @dunkler;\n}\n\n\n/** Inhalts-Sprunglink reaktivieren und stylen */\n\n#nav:target\n{\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: .25em 1em 999em 2.5em;\n margin-bottom: -993em;\n z-index: 5;\n background-color: @heller;\n #menu\n {\n padding-top: 0;\n padding-bottom: .75em;\n }\n > a.hide\n {\n position: absolute;\n left: auto;\n top: .8em;\n right: 1.5em;\n display: block;\n overflow: hidden;\n width: 3.5em;\n height: 3em;\n line-height: 2.1em;\n color: @hintergrund;\n border-style: none;\n }\n > a.hide:before\n {\n content: \"\";\n font-family: 'symbols';\n font-size: 378%; /** Vielfaches von 14px */\n padding: 0 0 1em 0;\n margin: 0 1em 0 0;\n }\n > a.hide:hover,\n > a.hide:focus,\n > a.hide:active\n {\n color: @dunkler;\n }\n}\n\n\n/** Footer positionieren */\n\n#footer\n{\n padding: 0 1em .5em 2.5em;\n background-color: @heller;\n}\n#footer > hr.f\n{\n border-color: @hintergrund;\n}\n\n\n/** Marginal-Inhalte anpassen... */\n\n.marginal h1,\n.marginal h2,\n.marginal h3,\n.marginal h4\n{\n color: @hintergrund;\n}\n\n\n/** Faux-Column-Hack für Marginalinhalte */\n\n.marginal\n{\n margin-top: 4em;\n margin-bottom: -993em;\n padding: 1em 1em 999em 2.5em;\n background-color: @heller;\n}\n","@media (max-width: 410px)\n{\n #slogan\n {\n color: @normal;\n height: .3em;\n top: -1.1em;\n }\n}\n","#submenu\n{\n border-style: none;\n font-size: 125%;\n line-height: 1.5em;\n}\n","#footer > #footerlinks\n{\n position: static;\n border-style: none;\n}\n#footer > #footerlinks > li.about\n{\n display: none;\n}\n#footer > #footerlinks > li.f\n{\n color: @hintergrund;\n line-height: 1em;\n margin: 0 1em 0 0;\n padding: 0 0 .5em 0;\n}\n#footer > #footerlinks > li.f > a.f\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#footer > #footerlinks > li#copyright\n{\n position: static;\n float: right;\n width: auto;\n font-size: 137.5%;\n margin: 0;\n @media (max-width: 229px)\n {\n color: @schrift;\n flow: none;\n width: 100%;\n }\n}\n",".pack > .p.left,\n.pack > .p.right,\n.pack.bg > .p.left,\n.pack.bg > .p.right,\n.single,\n.single.bg\n{\n width: auto;\n padding-bottom: 1.5em;\n margin: 0 0 1.5em 0;\n}\n",".withbackground .content\n{\n position: relative;\n}\n.withbackground .content > .main\n{\n z-index: 1;\n}\n.withbackground .content > .marginal\n{\n position: relative;\n z-index: 3;\n border-top: .142857143em solid @hintergrund; /** 2px */\n}\n#bs1\n{\n top: -3%;\n}\n#bs2\n{\n font-size: 2000%;\n top: 0%;\n right: 3%;\n}\n#bs4\n{\n top: 5%;\n left: 57%;\n @media (max-width: 410px)\n {\n display: none;\n }\n}\n#bs6\n{\n font-size: 1700%;\n bottom: -10%;\n left: 45%;\n}\n#bs7\n{\n top: 20%;\n left: 2%;\n @media (max-width: 410px)\n {\n top: 34%;\n left: 30%;\n }\n}\n#bs5,\n#bs8\n{\n display: none;\n}\n#bs9\n{\n top: 20%;\n @media (max-width: 410px)\n {\n display: none;\n }\n}\n"]} \ No newline at end of file diff --git a/static/css/phone.min.css b/static/css/phone.min.css new file mode 100644 index 00000000..f94b8865 --- /dev/null +++ b/static/css/phone.min.css @@ -0,0 +1,2 @@ +#logo{padding:0;z-index:3;left:auto;top:.3125em}#logo>.l>img.l{width:12.5em;-webkit-filter:drop-shadow(-5px -5px 5px #fff);filter:drop-shadow(-5px -5px 5px #fff)}#slogan{display:block;color:#fff;background-color:#0acf00;font-size:187.5%;line-height:.66666667em;height:.6em;padding:.06666667em .06666667em 0 0;margin-left:2em;position:relative;z-index:2;top:-1.3em;text-align:right;overflow:hidden}#slogan>strong{display:inline-block;position:relative;top:-.2em}#nav>h1.nav,#nav>h2.nav.menu{display:none}#nav>h2.nav.submenu{font-size:125%;line-height:1em;margin:1.5em 0 .5em 0;padding:0 0 0 1.65em;border:none}#nav>h2.nav.submenu:before{content:'V ';color:#fff;margin:0 .75em 0 -1.7em}#nav>h2.nav.submenu>span.s{display:none}#nav>h2.nav.submenu>a.s{color:#fff;border-style:dashed;border-color:#fff}#nav>h2.nav.submenu>a.s:active,#nav>h2.nav.submenu>a.s:focus,#nav>h2.nav.submenu>a.s:hover{border-style:solid}#submenu{font-size:125%;list-style-type:none;margin:1em 0 4em 0;padding:0 0 0 1.65em;border-style:none}#submenu ul.s{margin:1em 0 0 0;padding:0;list-style-type:none}#submenu ul.s.selected,#submenu.selected{margin-top:2em}#submenu ul.active{margin-top:1.5em}#submenu li.s{margin:0 0 .5em 0;padding:0}#submenu li.s.off{display:none}#submenu li.s>a.s{color:#078600}#submenu li.s>a.s.selected,#submenu li.s>strong.s{color:#fff;border-color:#fff}#submenu li.s>strong.s{border-bottom:1px solid #fff}#submenu li.s>a.s.selected:before,#submenu li.s>a.s:active:before,#submenu li.s>a.s:focus:before,#submenu li.s>a.s:hover:before,#submenu li.s>strong.s:before{content:'> ';margin:0 .75em 0 -1.7em}#submenu li.s.sub>a.s.selected:before,#submenu li.s.sub>a.s:active:before,#submenu li.s.sub>a.s:focus:before,#submenu li.s.sub>a.s:hover:before,#submenu li.s.sub>strong.s:before{content:'V '}body,html{height:100%}#page{position:relative;min-height:100%}#footer{position:absolute;left:0;right:0;bottom:0}.wip,.wip a,.wip h1,.wip h2,.wip h3,.wip h4,.wip h5,.wip h6{color:rgba(128,128,128,0);text-decoration:none;border-color:rgba(128,128,128,0);text-shadow:0 0 6px #404040}.wip{position:relative}.wip img.w{margin-top:30%;position:absolute;width:100%}.pack{overflow:hidden}.pack>.p.left,.pack>.p.right{width:42%;padding:0 3% 999em 3%;margin:0 0 -998em 0}.pack.bg>.p.left,.pack.bg>.p.right{background-color:#cef7c8}.pack>.p.left{float:left}.pack>.p.right{float:right}.pack>.p img.p{width:91.9118%}.single{padding:0 3% 1em 3%;margin:3% 0}.single.bg{background-color:#cef7c8}@media (max-width:800px){#logo{font-size:80%}#slogan{font-size:150%}}@media (max-width:700px){#logo{font-size:60%}#slogan{font-size:112.5%}}.withbackground .content{position:relative;top:auto;bottom:auto;left:auto;rigth:auto}#bs3{display:none}#bs5{left:auto;right:13%}#bs7{bottom:21%}#bs8{display:none}h1{font-size:150%}body{font-size:87.5%;padding:0}#page{position:relative;overflow:hidden}.content>.main{margin:0 1em 0 2.5em}.menu .content>.main{border-top-style:none}#header{margin:.125em 1em 1em 1.25em}#header>hr.h{display:none}#logo{font-size:50%}#nav>hr.n{display:none}#menu{border-style:none;font-size:125%;line-height:1.5em}#menu{font-size:150%;border-bottom:.125em solid #fff;margin-top:0;padding:.25em .25em 1em 1.5em}#menu>li.m{float:left;list-style-type:none;padding:.25em 1em 0 0}@media (max-width:359px){#menu>li.m{float:none}}#menu>li.m>a.m{color:#2d9b27}#menu>li.m>strong.m{color:#fff;border-bottom:.0625em solid #fff}#menu>li.m>a.m:active,#menu>li.m>a.m:focus,#menu>li.m>a.m:hover{color:#078600;border-bottom:.0625em solid #078600}#menu>li.m>a.m.selected{color:#fff;border-bottom:.0625em dashed #fff}#menu>li.m>a.m.selected:active,#menu>li.m>a.m.selected:focus,#menu>li.m>a.m.selected:hover{border-style:solid}#breadcrumb{position:absolute;top:.8em;right:1.5em}#breadcrumb>hr.b,#breadcrumb>ol.b,#breadcrumb>strong.b{display:none}#breadcrumb>a.hide{display:block;overflow:hidden;width:3.5em;height:3em;line-height:2.1em;color:#0acf00;border-style:none}#breadcrumb>a.hide:before{content:"";font-family:symbols;font-size:378%;padding:0 0 1em 0;font-weight:400}#breadcrumb>a.hide:active,#breadcrumb>a.hide:focus,#breadcrumb>a.hide:hover{color:#078600}#nav:target{position:absolute;top:0;right:0;left:0;padding:.25em 1em 999em 2.5em;margin-bottom:-993em;z-index:5;background-color:#6ee768}#nav:target #menu{padding-top:0;padding-bottom:.75em}#nav:target>a.hide{position:absolute;left:auto;top:.8em;right:1.5em;display:block;overflow:hidden;width:3.5em;height:3em;line-height:2.1em;color:#fff;border-style:none}#nav:target>a.hide:before{content:"";font-family:symbols;font-size:378%;padding:0 0 1em 0;margin:0 1em 0 0}#nav:target>a.hide:active,#nav:target>a.hide:focus,#nav:target>a.hide:hover{color:#078600}#footer{padding:0 1em .5em 2.5em;background-color:#6ee768}#footer>hr.f{border-color:#fff}.marginal h1,.marginal h2,.marginal h3,.marginal h4{color:#fff}.marginal{margin-top:4em;margin-bottom:-993em;padding:1em 1em 999em 2.5em;background-color:#6ee768}@media (max-width:410px){#slogan{color:#0acf00;height:.3em;top:-1.1em}}#submenu{border-style:none;font-size:125%;line-height:1.5em}#footer>#footerlinks{position:static;border-style:none}#footer>#footerlinks>li.about{display:none}#footer>#footerlinks>li.f{color:#fff;line-height:1em;margin:0 1em 0 0;padding:0 0 .5em 0}#footer>#footerlinks>li.f>a.f{color:#fff;border-color:#fff}#footer>#footerlinks>li#copyright{position:static;float:right;width:auto;font-size:137.5%;margin:0}@media (max-width:229px){#footer>#footerlinks>li#copyright{color:#000;flow:none;width:100%}}.pack.bg>.p.left,.pack.bg>.p.right,.pack>.p.left,.pack>.p.right,.single,.single.bg{width:auto;padding-bottom:1.5em;margin:0 0 1.5em 0}.withbackground .content{position:relative}.withbackground .content>.main{z-index:1}.withbackground .content>.marginal{position:relative;z-index:3;border-top:.14285714em solid #fff}#bs1{top:-3%}#bs2{font-size:2000%;top:0;right:3%}#bs4{top:5%;left:57%}@media (max-width:410px){#bs4{display:none}}#bs6{font-size:1700%;bottom:-10%;left:45%}#bs7{top:20%;left:2%}@media (max-width:410px){#bs7{top:34%;left:30%}}#bs5,#bs8{display:none}#bs9{top:20%}@media (max-width:410px){#bs9{display:none}} +/*# sourceMappingURL=phone.min.css.map */ \ No newline at end of file diff --git a/static/css/phone.min.css.map b/static/css/phone.min.css.map new file mode 100644 index 00000000..3447e5dc --- /dev/null +++ b/static/css/phone.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/tablet/head.less","less/tablet/404.less","less/phone/typo.less","less/phone/layout.less","less/phone/head.less","less/phone/menu.less","less/phone/footer.less","less/phone/packs.less","less/phone/404.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/static/css/print.css b/static/css/print.css new file mode 100644 index 00000000..a19f8562 --- /dev/null +++ b/static/css/print.css @@ -0,0 +1,127 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +#breadcrumb { + font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype', serif; + color: #000; + font-weight: normal; +} +#breadcrumb strong.b { + font-weight: normal; +} +#breadcrumb ol.b li.b a.b, +#breadcrumb ol.b li.b strong.b { + color: #000; + border-style: none; +} +#breadcrumb a.hide { + display: none; +} +#breadcrumb hr.b { + display: none; +} +a { + color: #000; + border-style: none; +} +body { + font-size: 75%; + /** 12px */ +} +#header hr.h { + margin: 0.5em 0; +} +.content { + clear: both; +} +.marginal { + display: none; +} +#breadcrumb { + font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype', serif; + color: #000; + font-weight: normal; +} +#breadcrumb strong.b { + font-weight: normal; +} +#breadcrumb ol.b li.b a.b, +#breadcrumb ol.b li.b strong.b { + color: #000; + border-style: none; +} +#breadcrumb a.hide { + display: none; +} +#breadcrumb hr.b { + display: none; +} +#nav { + display: none; +} +#footerlinks li.f { + display: none; +} +#footerlinks li#copyright { + font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype', serif; + font-size: 100%; + display: block; +} +#logo { + padding-left: 0.0625em; +} +#logo > .l > img.l { + width: 3.125em; + /** 50px */ +} +#slogan { + display: inline-block; + position: relative; + top: 0.4em; +} +/* Pretty printing styles. Used with prettify.js. */ +pre .str, +code .str { + color: #060; +} +pre .kwd, +code .kwd { + color: #006; + font-weight: bold; +} +pre .com, +code .com { + color: #600; + font-style: italic; +} +pre .typ, +code .typ { + color: #404; + font-weight: bold; +} +pre .lit, +code .lit { + color: #044; +} +pre .pun, +code .pun { + color: #440; +} +pre .pln, +code .pln { + color: #000; +} +pre .tag, +code .tag { + color: #006; + font-weight: bold; +} +pre .atn, +code .atn { + color: #404; +} +pre .atv, +code .atv { + color: #060; +} +/*# sourceMappingURL=print.css.map */ \ No newline at end of file diff --git a/static/css/print.css.map b/static/css/print.css.map new file mode 100644 index 00000000..b41f1ab7 --- /dev/null +++ b/static/css/print.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/print.less","less/variables.less","less/print/typo.less","less/print/layout.less","less/print/head.less","less/print/prettify.less"],"names":[],"mappings":";;;AAEA;ECgCE,aAAa,cAAc,mBAAmB,0BAA9C;ED7BA,WAAA;EACA,mBAAA;;AAEF,WAAY,OAAM;EAEhB,mBAAA;;AAEF,WAAY,GAAE,EAAG,GAAE,EAAG,EAAC;AACvB,WAAY,GAAE,EAAG,GAAE,EAAG,OAAM;EAE1B,WAAA;EACA,kBAAA;;AAEF,WAAY,EAAC;EAEX,aAAA;;AAEF,WAAY,GAAE;EAEZ,aAAA;;AExBF;EAEE,WAAA;EACA,kBAAA;;ACHF;EAEE,cAAA;;;AAEF,OAAQ,GAAE;EAER,eAAA;;AAEF;EAEE,WAAA;;AAEF;EAEE,aAAA;;AAEF;EFkBE,aAAa,cAAc,mBAAmB,0BAA9C;EEfA,WAAA;EACA,mBAAA;;AAEF,WAAY,OAAM;EAEhB,mBAAA;;AAEF,WAAY,GAAE,EAAG,GAAE,EAAG,EAAC;AACvB,WAAY,GAAE,EAAG,GAAE,EAAG,OAAM;EAE1B,WAAA;EACA,kBAAA;;AAEF,WAAY,EAAC;EAEX,aAAA;;AAEF,WAAY,GAAE;EAEZ,aAAA;;AAEF;EAEE,aAAA;;AAEF,YAAa,GAAE;EAEb,aAAA;;AAEF,YAAa,GAAE;EFdb,aAAa,cAAc,mBAAmB,0BAA9C;EEiBA,eAAA;EACA,cAAA;;ACpDF;EAEE,sBAAA;;AAEF,KAAM,KAAK,MAAK;EAEd,cAAA;;;AAEF;EAEE,qBAAA;EACA,kBAAA;EACA,UAAA;;;ACXF,GAAI;AAAM,IAAK;EAAO,WAAA;;AACtB,GAAI;AAAM,IAAK;EAAO,WAAA;EAAa,iBAAA;;AACnC,GAAI;AAAM,IAAK;EAAO,WAAA;EAAa,kBAAA;;AACnC,GAAI;AAAM,IAAK;EAAO,WAAA;EAAa,iBAAA;;AACnC,GAAI;AAAM,IAAK;EAAO,WAAA;;AACtB,GAAI;AAAM,IAAK;EAAO,WAAA;;AACtB,GAAI;AAAM,IAAK;EAAO,WAAA;;AACtB,GAAI;AAAM,IAAK;EAAO,WAAA;EAAa,iBAAA;;AACnC,GAAI;AAAM,IAAK;EAAO,WAAA;;AACtB,GAAI;AAAM,IAAK;EAAO,WAAA","sourcesContent":["@import 'variables.less';\n\n#breadcrumb\n{\n .droid;\n color: @schrift;\n font-weight: normal;\n}\n#breadcrumb strong.b\n{\n font-weight: normal;\n}\n#breadcrumb ol.b li.b a.b,\n#breadcrumb ol.b li.b strong.b\n{\n color: @schrift;\n border-style: none;\n}\n#breadcrumb a.hide\n{\n display: none;\n}\n#breadcrumb hr.b\n{\n display: none;\n}\n@import 'print/typo.less';\n@import 'print/layout.less';\n@import 'print/head.less';\n@import 'print/prettify.less';\n","/** Farb-Thema */\n\n@normal: #0ACF00;\n@dunkel: #2D9B27;\n@dunkler: #078600;\n@nochdunkler: #077600;\n@hell: #42E73A;\n@heller: #6EE768;\n@sehrhell: #CEF7C8;\n\n@schrift: #000;\n@schrifthell: tint(@schrift, 45%); \n\n@hintergrund: #FFF;\n\n@fehler: #e60000;\n@fehlerhell: tint(@fehler, 70%);\n\n\n/** Bildschirmbreiten für Media-Query */\n\n@minscreen: 580px;\n@mindesktop: 940px;\n@maxtablet: @mindesktop - 1;\n@maxsmalltablet: 800px;\n@maxsmallertablet: 700px;\n@maxphone: 579px;\n@minphone: 300px;\n@maxtiny: 299px;\n\n/** Schriften */\n\n.droid ()\n{\n font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif;\n}\n\n.bpreplay ()\n{\n font-family: 'BPreplay', Helvetica, Arial, sans-serif;\n font-weight: bold;\n}\n","a\n{\n color: @schrift;\n border-style: none;\n}\n","body\n{\n font-size: 75%; /** 12px */\n}\n#header hr.h\n{\n margin: .5em 0;\n}\n.content\n{\n clear: both;\n}\n.marginal\n{\n display: none;\n}\n#breadcrumb\n{\n .droid;\n color: @schrift;\n font-weight: normal;\n}\n#breadcrumb strong.b\n{\n font-weight: normal;\n}\n#breadcrumb ol.b li.b a.b,\n#breadcrumb ol.b li.b strong.b\n{\n color: @schrift;\n border-style: none;\n}\n#breadcrumb a.hide\n{\n display: none;\n}\n#breadcrumb hr.b\n{\n display: none;\n}\n#nav\n{\n display: none;\n}\n#footerlinks li.f\n{\n display: none;\n}\n#footerlinks li#copyright\n{\n .droid;\n font-size: 100%;\n display: block;\n}\n","#logo\n{\n padding-left: .0625em;\n}\n#logo > .l > img.l\n{\n width: 3.125em; /** 50px */\n}\n#slogan\n{\n display: inline-block;\n position: relative;\n top: .4em;\n}\n","/* Pretty printing styles. Used with prettify.js. */\npre .str, code .str { color: #060; }\npre .kwd, code .kwd { color: #006; font-weight: bold; }\npre .com, code .com { color: #600; font-style: italic; }\npre .typ, code .typ { color: #404; font-weight: bold; }\npre .lit, code .lit { color: #044; }\npre .pun, code .pun { color: #440; }\npre .pln, code .pln { color: #000; }\npre .tag, code .tag { color: #006; font-weight: bold; }\npre .atn, code .atn { color: #404; }\npre .atv, code .atv { color: #060; }\n"]} \ No newline at end of file diff --git a/static/css/print.min.css b/static/css/print.min.css new file mode 100644 index 00000000..bc1b99b4 --- /dev/null +++ b/static/css/print.min.css @@ -0,0 +1,2 @@ +#breadcrumb{font-family:DroidSerif,'Times New Roman','Palatino Linotype',serif;color:#000;font-weight:400}#breadcrumb strong.b{font-weight:400}#breadcrumb ol.b li.b a.b,#breadcrumb ol.b li.b strong.b{color:#000;border-style:none}#breadcrumb a.hide{display:none}#breadcrumb hr.b{display:none}a{color:#000;border-style:none}body{font-size:75%}#header hr.h{margin:.5em 0}.content{clear:both}.marginal{display:none}#breadcrumb{font-family:DroidSerif,'Times New Roman','Palatino Linotype',serif;color:#000;font-weight:400}#breadcrumb strong.b{font-weight:400}#breadcrumb ol.b li.b a.b,#breadcrumb ol.b li.b strong.b{color:#000;border-style:none}#breadcrumb a.hide{display:none}#breadcrumb hr.b{display:none}#nav{display:none}#footerlinks li.f{display:none}#footerlinks li#copyright{font-family:DroidSerif,'Times New Roman','Palatino Linotype',serif;font-size:100%;display:block}#logo{padding-left:.0625em}#logo>.l>img.l{width:3.125em}#slogan{display:inline-block;position:relative;top:.4em}code .str,pre .str{color:#060}code .kwd,pre .kwd{color:#006;font-weight:700}code .com,pre .com{color:#600;font-style:italic}code .typ,pre .typ{color:#404;font-weight:700}code .lit,pre .lit{color:#044}code .pun,pre .pun{color:#440}code .pln,pre .pln{color:#000}code .tag,pre .tag{color:#006;font-weight:700}code .atn,pre .atn{color:#404}code .atv,pre .atv{color:#060} +/*# sourceMappingURL=print.min.css.map */ \ No newline at end of file diff --git a/static/css/print.min.css.map b/static/css/print.min.css.map new file mode 100644 index 00000000..b6253f8b --- /dev/null +++ b/static/css/print.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/print.less","less/variables.less","less/print/typo.less","less/print/layout.less","less/print/head.less","less/print/prettify.less"],"names":[],"mappings":"AAEA,YCgCE,YAAa,UAAA,CAAc,iBAAA,CAAmB,mBAAA,CAAA,MD7B9C,MAAA,KACA,YAAA,IAEgB,qBAEhB,YAAA,IAEqB,0BACK,+BAE1B,MAAA,KACA,aAAA,KAEW,mBAEX,QAAA,KAEY,iBAEZ,QAAA,KExBF,EAEE,MAAA,KACA,aAAA,KCHF,KAEE,UAAA,IAEQ,aAER,OAAA,KAAA,EAEF,SAEE,MAAA,KAEF,UAEE,QAAA,KAEF,YFkBE,YAAa,UAAA,CAAc,iBAAA,CAAmB,mBAAA,CAAA,MEf9C,MAAA,KACA,YAAA,IAEgB,qBAEhB,YAAA,IAEqB,0BACK,+BAE1B,MAAA,KACA,aAAA,KAEW,mBAEX,QAAA,KAEY,iBAEZ,QAAA,KAEF,KAEE,QAAA,KAEa,kBAEb,QAAA,KAEa,0BFdb,YAAa,UAAA,CAAc,iBAAA,CAAmB,mBAAA,CAAA,MEiB9C,UAAA,KACA,QAAA,MCpDF,MAEE,aAAA,QAEc,eAEd,MAAA,QAEF,QAEE,QAAA,aACA,SAAA,SACA,IAAA,KCXa,UAAX,SAAkB,MAAA,KACP,UAAX,SAAkB,MAAA,KAAa,YAAA,IACpB,UAAX,SAAkB,MAAA,KAAa,WAAA,OACpB,UAAX,SAAkB,MAAA,KAAa,YAAA,IACpB,UAAX,SAAkB,MAAA,KACP,UAAX,SAAkB,MAAA,KACP,UAAX,SAAkB,MAAA,KACP,UAAX,SAAkB,MAAA,KAAa,YAAA,IACpB,UAAX,SAAkB,MAAA,KACP,UAAX,SAAkB,MAAA"} \ No newline at end of file diff --git a/static/css/screen.css b/static/css/screen.css new file mode 100644 index 00000000..4798dc48 --- /dev/null +++ b/static/css/screen.css @@ -0,0 +1,1233 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +#logo { + padding: 0; + z-index: 3; + left: auto; + top: 0.3125em; + /* 5px */ +} +#logo > .l > img.l { + width: 12.5em; + /** 200px */ + -webkit-filter: drop-shadow(-5px -5px 5px #fff); + filter: drop-shadow(-5px -5px 5px #fff); +} +#slogan { + display: block; + color: #FFF; + background-color: #0ACF00; + font-size: 187.5%; + /** 30px */ + line-height: 0.66666667em; + /* 20px */ + height: 0.6em; + /* 18px */ + padding: 0.06666667em 0.06666667em 0 0; + /** 2px 2px 0 0 */ + margin-left: 2em; + position: relative; + z-index: 2; + top: -1.3em; + /* 39px */ + text-align: right; + overflow: hidden; +} +#slogan > strong { + display: inline-block; + position: relative; + top: -0.2em; + /* -6px */ +} +#nav > h1.nav, +#nav > h2.nav.menu { + display: none; +} +#nav > h2.nav.submenu { + font-size: 125%; + /** 20px */ + line-height: 1em; + /** 20px */ + margin: 1.5em 0 0.5em 0; + /** 30px 0 10px 0 */ + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border: none; +} +#nav > h2.nav.submenu:before { + content: 'V '; + color: #FFF; + margin: 0 0.75em 0 -1.7em; + /** 0 15em 0 -34px */ +} +#nav > h2.nav.submenu > span.s { + display: none; +} +#nav > h2.nav.submenu > a.s { + color: #FFF; + border-style: dashed; + border-color: #FFF; +} +#nav > h2.nav.submenu > a.s:hover, +#nav > h2.nav.submenu > a.s:focus, +#nav > h2.nav.submenu > a.s:active { + border-style: solid; +} +#submenu { + font-size: 125%; + /** 20 px */ + list-style-type: none; + margin: 1em 0 4em 0; + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border-style: none; +} +#submenu ul.s { + margin: 1em 0 0 0; + /** 16px 0 0 0 */ + padding: 0; + list-style-type: none; +} +#submenu.selected, +#submenu ul.s.selected { + margin-top: 2em; + /** 32px */ +} +#submenu ul.active { + margin-top: 1.5em; + /** 24px */ +} +#submenu li.s { + margin: 0 0 0.5em 0; + /** 0 0 10px 0 */ + padding: 0; +} +#submenu li.s.off { + display: none; +} +#submenu li.s > a.s { + color: #078600; +} +#submenu li.s > a.s.selected, +#submenu li.s > strong.s { + color: #FFF; + border-color: #FFF; +} +#submenu li.s > strong.s { + border-bottom: 1px solid #FFF; +} +#submenu li.s > a.s.selected:before, +#submenu li.s > a.s:hover:before, +#submenu li.s > a.s:focus:before, +#submenu li.s > a.s:active:before, +#submenu li.s > strong.s:before { + content: '> '; + margin: 0 0.75em 0 -1.7em; + /** 0 15px 0 -34px = Warum auch immer?!? */ +} +#submenu li.s.sub > a.s.selected:before, +#submenu li.s.sub > a.s:hover:before, +#submenu li.s.sub > a.s:focus:before, +#submenu li.s.sub > a.s:active:before, +#submenu li.s.sub > strong.s:before { + content: 'V '; +} +/** Make the footer sticky */ +html, +body { + height: 100%; +} +#page { + position: relative; + min-height: 100%; +} +#footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} +/** Pages under construction... */ +.wip, +.wip h1, +.wip h2, +.wip h3, +.wip h4, +.wip h5, +.wip h6, +.wip a { + color: rgba(128, 128, 128, 0); + text-decoration: none; + border-color: rgba(128, 128, 128, 0); + text-shadow: 0 0 6px #404040; +} +.wip { + position: relative; +} +.wip img.w { + margin-top: 30%; + position: absolute; + width: 100%; +} +.pack { + overflow: hidden; +} +.pack > .p.left, +.pack > .p.right { + width: 42%; + padding: 0 3% 999em 3%; + margin: 0 0 -998em 0; +} +.pack.bg > .p.left, +.pack.bg > .p.right { + background-color: #CEF7C8; +} +.pack > .p.left { + float: left; +} +.pack > .p.right { + float: right; +} +.pack > .p img.p { + width: 91.9118%; +} +.single { + padding: 0 3% 1em 3%; + margin: 3% 0; +} +.single.bg { + background-color: #CEF7C8; +} +@media (min-width: 580px) { + /** Seite gesamt (Abmessungen, Aussenabstände etc.) */ + body { + padding: 0; + overflow-y: scroll; + /** Die vertikale Scroll-Leiste stets anzeigen */ + } + #page { + margin: 0 auto; + /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */ + max-width: 62.375em; + /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */ + } + /** Seitenaufteilung mit Menü (Zweispaltig) */ + body { + padding: 0 3em 0 5em; + } + .content { + position: relative; + padding: 0 0 7.1875em 0; + /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ + } + .menu .content, + .nomenu .content { + padding-right: 27em; + } + .content > .main { + min-height: 1em; + position: relative; + width: 100%; + } + .menu .content > .main, + .nomenu .content > .main { + float: left; + } + .content > .marginal { + position: relative; + background-color: #6EE768; + } + .menu .content > .marginal, + .nomenu .content > .marginal { + float: left; + margin: 0 -27em 0 2.625em; + padding: 0 2em 1.0625em 2em; + width: 20.375em; + } + /** Anpassungen für Seiten ohne Menü */ + .nomenu .content > .marginal { + background-color: #CEF7C8; + } + /** Anpassungen für einspaltige Seiten */ + .onecolumn .content > .marginal { + margin-top: 4em; + background-color: transparent; + } + /** Seitenkopf positionieren */ + #header { + margin-left: -2.125em; + padding: 0.125em 0 1em 0; + } + #header > hr.h { + display: none; + } + /** Bereichsauswahl positionieren und stylen */ + .onecolumn #nav { + position: absolute; + top: 0; + right: 0; + /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ + width: 100%; + } + #nav > hr.n { + display: none; + } + #nav { + position: relative; + top: auto; + right: auto; + width: 22.375em; + /** 358px = 326px + 32px*/ + } + #menu { + position: relative; + width: 200%; + top: -8em; + /** 136px */ + right: 100%; + text-align: right; + list-style-type: none; + margin: 0 0 -2.125em 0; + /** 0 0 -34px 0 */ + padding: 0; + border-style: none; + } + .onecolumn #menu { + top: -15.5625em; + /** -249px -- warum auch immer... */ + } + #menu > li.m { + display: inline-block; + padding: 0 0 0 4em; + } + #menu > li.m > .m { + font-size: 250%; + /** 40px */ + color: #0ACF00; + } + #menu > li.m > a.m { + border-color: #0ACF00; + } + #menu > li.m > a.m:hover { + border-color: #078600; + } + #menu > li.m > a.m:hover, + #menu > li.m > strong.m { + border-style: solid; + } + #menu > li.m > a.m.selected { + color: #0ACF00; + } + #menu > li.m > a.m:hover { + color: #078600; + } + #menu > li.m > a.m:hover:before, + #menu > li.m > a.m.selected:before, + #menu > li.m > strong.m:before { + content: '> '; + margin-left: -0.92em; + } + /** Breadcrump positionieren */ + #breadcrumb { + position: absolute; + top: 7.875em; + /* 126px */ + left: 10em; + z-index: 3; + } + #breadcrumb > a.hide { + position: absolute; + } + #breadcrumb > hr.b { + display: none; + } + #breadcrumb > strong.b.title, + #breadcrumb > ol.b > li.b:first-child { + text-indent: -999em; + width: 0; + margin: 0; + } + /** Footer positionieren */ + #footer { + padding: 2em 0; + } + .onecolumn #footer { + background-color: #FFF; + } + #footer > hr.f { + display: none; + } + #footerlinks { + border-top: 1.25em solid #0ACF00; + /** 20px */ + } + #footerlinks > li.f { + line-height: 0.66666667em; + /* 20px */ + display: inline-block; + float: none; + margin: 0.5em 1em 0 0; + color: #0ACF00; + vertical-align: top; + } + #footerlinks > li#copyright { + position: absolute; + float: none; + width: auto; + right: 0.625em; + top: -1em; + /** 30px */ + line-height: 1.4em; + /* 42px */ + color: #FFF; + margin: 0; + font-size: 187.5%; + /** 30px */ + } + #footerlinks a.f { + color: #0ACF00; + border-color: #0ACF00; + } + #footerlinks a.f:hover { + color: #078600; + border-color: #078600; + border-style: solid; + } +} +@media (min-width: 580px) and (max-width: 939px) { + body { + padding: 0; + } + #page { + overflow: hidden; + } + .nomenu #page { + padding: 0; + } + .menu .content { + padding: 0; + } + .nomenu .content { + padding: 0 0 5em 0; + } + .content.cf:before, + .content.cf:after { + clear: none; + content: none; + display: inline; + } + .menu .content > .main, + .nomenu .content > .main, + .onecolumn .content > .main { + float: none; + width: auto; + padding: 0 3em 0 5em; + /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt. + Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer + heraus... */ + border-top: 1px solid #FFF; + border-bottom: 1px solid #FFF; + } + .menu .content > .marginal, + .nomenu .content > .marginal, + .onecolumn .content > .marginal { + position: static; + width: 100%; + } + .menu .content > .marginal { + margin: 3em 0 -994em -15em; + padding: 2em 0 999em 0; + } + .nomenu .content > .marginal { + margin: 3em 0 -994em 0; + padding: 0 0 999em 0; + background-color: transparent; + } + .onecolumn .content > .marginal { + margin: 6.5em 0 -1001.175em 0; + padding: 0 0 999em 0; + background-color: transparent; + } + #header { + padding: 0.125em 3em 2em 5em; + } + .menu #nav { + position: static; + border-right: 0.125em solid #FFF; + margin-left: 20em; + width: auto; + } + .nomenu #nav { + position: absolute; + top: 0; + right: 0; + /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ + width: 100%; + } + .menu #menu, + .nomenu #menu, + .onecolumn #menu { + position: absolute; + width: auto; + top: -9em; + right: 3em; + } + #menu > li.about { + display: none; + } + .menu #footer { + position: static; + float: right; + margin: 3em 0 -999em -15em; + padding: 0 0 999em 0; + width: 15em; + background-color: #6EE768; + } + .nomenu #footer, + .onecolumn #footer { + padding: 0 3em 1.5em 5em; + background-color: #6EE768; + border-style: none; + } + .menu #breadcrumb, + .nomenu #breadcrumb, + .onecolumn #breadcrumb { + left: 15em; + right: 3em; + } + .nomenu .content > .marginal aside.m, + .onecolumn .content > .marginal aside.m { + margin: 3.5em 0 -999em 0; + padding: 2em 3em 995em 5em; + background-color: #6EE768; + position: relative; + top: -4.5em; + } + .menu .content > .marginal > aside.m { + margin: 0 -12em 1em 20em; + } + #submenu { + padding-right: 1em; + } + .nomenu .content > .marginal h1, + .onecolumn .content > .marginal h1, + .nomenu .content > .marginal h2, + .onecolumn .content > .marginal h2, + .nomenu .content > .marginal h3, + .onecolumn .content > .marginal h3, + .nomenu .content > .marginal h4, + .onecolumn .content > .marginal h4 { + color: #FFF; + } + .menu #footer > #footerlinks { + position: static; + border-style: none; + margin: 3.75em 0 0 2em; + } + .menu #footer > #footerlinks > li.f { + line-height: 1em; + display: block; + margin: 0 0 0.25em 0; + color: #FFF; + } + .menu #footer > #footerlinks > li#copyright { + line-height: 1em; + font-size: 137.5%; + top: auto; + bottom: 0; + left: 0; + right: 0; + padding: 0 2.18181818em 1.5em; + /* ? 3*16px ? */ + background-color: #6EE768; + text-align: right; + } + .menu #footer > #footerlinks a.f { + color: #FFF; + border-color: #FFF; + } + .menu #footer > #footerlinks a.f:hover { + color: #FFF; + border-color: #FFF; + border-style: solid; + } + .nomenu #footer > #footerlinks, + .onecolumn #footer > #footerlinks { + position: static; + margin: -0.125em; + padding-top: 1.5em; + border-top: 0.125em solid #FFF; + } + .nomenu #footer > #footerlinks > li.f, + .onecolumn #footer > #footerlinks > li.f { + line-height: 1em; + margin: 0 1em 0 0; + padding: 0; + } + .nomenu #footer > #footerlinks li.f > a.f, + .onecolumn #footer > #footerlinks li.f > a.f { + color: #FFF; + border-color: #FFF; + } + .nomenu #footer > #footerlinks li#copyright, + .onecolumn #footer > #footerlinks li#copyright { + position: static; + float: right; + font-size: 137.5%; + margin: 0; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + h1 { + font-size: 150%; + /** 24 px */ + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .nomenu .content { + padding-bottom: 4em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .nomenu .content { + padding-bottom: 3.25em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .menu .content > .main, + .nomenu .content > .main, + .onecolumn .content > .main { + padding: 0 2em 0 3em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .menu .content > .main, + .nomenu .content > .main, + .onecolumn .content > .main { + padding: 0 1em 0 2.5em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + #header { + margin-left: -1.5em; + padding: 0.125em 2em 2em 3em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + #header { + margin-left: -1.2em; + padding: 0.125em 1em 2em 2.5em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .menu #nav { + margin-left: 18.5em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .menu #nav { + margin-left: 17.5em; + } + .menu #nav #menu > li.about { + display: inline-block; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .menu #menu, + .nomenu #menu, + .onecolumn #menu { + top: -7.7em; + right: 2em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .menu #menu, + .nomenu #menu, + .onecolumn #menu { + top: -6.5em; + right: 1em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + #menu > li.m { + padding: 0 0 0 3em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + #menu > li.m { + padding: 0 0 0 2em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + #menu > li.m > .m { + font-size: 200%; + /* 32px */ + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + #menu > li.m > .m { + font-size: 150%; + /* 24px */ + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + #menu > li.m > a.m:hover:before, + #menu > li.m > a.m.selected:before, + #menu > li.m > strong.m:before { + content: '> '; + margin-left: -0.95em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .nomenu #footer, + .onecolumn #footer { + padding: 0 2em 1em 3em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .nomenu #footer, + .onecolumn #footer { + padding: 0 1em 0.75em 2.5em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .menu #breadcrumb, + .nomenu #breadcrumb, + .onecolumn #breadcrumb { + font-size: 87.5%; + /* 14px */ + top: 7.2em; + left: 12.7142857em; + /* 178px */ + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .menu #breadcrumb, + .nomenu #breadcrumb, + .onecolumn #breadcrumb { + top: 6em; + /* 84px */ + left: 5em; + /*70px */ + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .nomenu .content > .marginal aside.m, + .onecolumn .content > .marginal aside.m { + padding-left: 3em; + padding-right: 2em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .nomenu .content > .marginal aside.m, + .onecolumn .content > .marginal aside.m { + padding-left: 2.5em; + padding-right: 1em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .menu .content > .marginal > aside.m { + margin-left: 18.5em; + margin-right: -13em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .menu .content > .marginal > aside.m { + margin-left: 17.5em; + margin-right: -14em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .menu #footer > #footerlinks > li#copyright { + padding-right: 1.45454545em; + padding-bottom: 1em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .menu #footer > #footerlinks > li#copyright { + padding-right: 0.72727272em; + padding-bottom: 0.5em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 800px) { + .nomenu #footer > #footerlinks, + .onecolumn #footer > #footerlinks { + padding-top: 1em; + } +} +@media (min-width: 580px) and (max-width: 939px) and (max-width: 700px) { + .nomenu #footer > #footerlinks, + .onecolumn #footer > #footerlinks { + padding-top: 0.5em; + } +} +@media (min-width: 940px) { + /** Faux-Column-Hack-Eigengewächs für die Marginalspalte */ + .menu #page, + .nomenu #page { + max-width: 38em; + /** 608px + 390px (Marginalspalte) = ca. 1000px */ + border-right: 24.375em solid #6EE768; + } + .nomenu #page { + border-right-color: #CEF7C8; + } + .menu .content, + .nomenu .content { + margin-right: -24.375em; + } + .menu #header, + .nomenu #header { + margin-right: -24.375em; + background-color: #FFF; + } + .menu #breadcrumb, + .nomenu #breadcrumb { + right: -24.375em; + /** Weil der Breadcrumb sonst an der Faux-Column umbricht! */ + } + .menu #footer, + .nomenu #footer { + margin-right: -24.375em; + background-color: #FFF; + } + .menu .content > .marginal h1, + .menu .content > .marginal h2, + .menu .content > .marginal h3, + .menu .content > .marginal h4 { + color: #FFF; + } + .mcontent { + position: relative; + padding: 0 24.375em 0 0; + } + .mcontent > .mmain { + float: left; + min-height: 1em; + position: relative; + width: 100%; + border-right: 0.125em solid #0ACF00; + } + .mcontent > .mmarginal { + float: left; + margin: 0 -27em 0 -0.125em; + padding: 0 2em 1.0625em 2em; + position: relative; + width: 20.375em; + border-left: 0.125em solid #0ACF00; + } + .mcontent > .mmain > * { + margin-right: 5%; + } +} +@media (min-width: 940px) and (max-width: 1079px) { + .pack > .p.left, + .pack > .p.right, + .pack.bg > .p.left, + .pack.bg > .p.right, + .single, + .single.bg { + width: auto; + padding-bottom: 1.5em; + margin: 0 0 1.5em 0; + } +} +@media (max-width: 939px) { + .withbackground .content { + position: relative; + top: auto; + bottom: auto; + left: auto; + rigth: auto; + } + #bs3 { + display: none; + } + #bs5 { + left: auto; + right: 13%; + } + #bs7 { + bottom: 21%; + } + #bs8 { + display: none; + } +} +@media (max-width: 939px) and (max-width: 800px) { + #logo { + font-size: 80%; + } + #slogan { + font-size: 150%; + /** 24px */ + } +} +@media (max-width: 939px) and (max-width: 700px) { + #logo { + font-size: 60%; + } + #slogan { + font-size: 112.5%; + /** 18px */ + } +} +@media (max-width: 579px) { + h1 { + font-size: 150%; + /** 24 px */ + } + /** Seite gesamt (Abmessungen, Aussenabstände etc.) */ + body { + font-size: 87.5%; + /** 14px */ + padding: 0; + } + #page { + position: relative; + overflow: hidden; + } + /** Seitenaufteilung mit/ohne Menü */ + .content > .main { + margin: 0 1em 0 2.5em; + } + .menu .content > .main { + border-top-style: none; + } + /** Seitenkopf positionieren */ + #header { + margin: 0.125em 1em 1em 1.25em; + } + #header > hr.h { + display: none; + } + #logo { + font-size: 50%; + } + /** Bereichsauswahl positionieren und stylen */ + #nav > hr.n { + display: none; + } + #menu { + border-style: none; + font-size: 125%; + line-height: 1.5em; + } + #menu { + font-size: 150%; + border-bottom: 0.125em solid #FFF; + margin-top: 0; + padding: 0.25em 0.25em 1em 1.5em; + } + #menu > li.m { + float: left; + list-style-type: none; + padding: 0.25em 1em 0 0; + } + #menu > li.m > a.m { + color: #2D9B27; + } + #menu > li.m > strong.m { + color: #FFF; + border-bottom: 0.0625em solid #FFF; + } + #menu > li.m > a.m:hover, + #menu > li.m > a.m:focus, + #menu > li.m > a.m:active { + color: #078600; + border-bottom: 0.0625em solid #078600; + } + #menu > li.m > a.m.selected { + color: #FFF; + border-bottom: 0.0625em dashed #FFF; + } + #menu > li.m > a.m.selected:hover, + #menu > li.m > a.m.selected:focus, + #menu > li.m > a.m.selected:active { + border-style: solid; + } + /** Navigations-Sprunglink reaktivieren und stylen */ + #breadcrumb { + position: absolute; + top: 0.8em; + right: 1.5em; + } + #breadcrumb > strong.b, + #breadcrumb > ol.b, + #breadcrumb > hr.b { + display: none; + } + #breadcrumb > a.hide { + display: block; + overflow: hidden; + width: 3.5em; + height: 3em; + line-height: 2.1em; + color: #0ACF00; + border-style: none; + } + #breadcrumb > a.hide:before { + content: ""; + font-family: 'symbols'; + font-size: 378%; + /** Vielfaches von 14px */ + padding: 0 0 1em 0; + font-weight: normal; + } + #breadcrumb > a.hide:hover, + #breadcrumb > a.hide:focus, + #breadcrumb > a.hide:active { + color: #078600; + } + /** Inhalts-Sprunglink reaktivieren und stylen */ + #nav:target { + position: absolute; + top: 0; + right: 0; + left: 0; + padding: 0.25em 1em 999em 2.5em; + margin-bottom: -993em; + z-index: 5; + background-color: #6EE768; + } + #nav:target #menu { + padding-top: 0; + padding-bottom: 0.75em; + } + #nav:target > a.hide { + position: absolute; + left: auto; + top: 0.8em; + right: 1.5em; + display: block; + overflow: hidden; + width: 3.5em; + height: 3em; + line-height: 2.1em; + color: #FFF; + border-style: none; + } + #nav:target > a.hide:before { + content: ""; + font-family: 'symbols'; + font-size: 378%; + /** Vielfaches von 14px */ + padding: 0 0 1em 0; + margin: 0 1em 0 0; + } + #nav:target > a.hide:hover, + #nav:target > a.hide:focus, + #nav:target > a.hide:active { + color: #078600; + } + /** Footer positionieren */ + #footer { + padding: 0 1em 0.5em 2.5em; + background-color: #6EE768; + } + #footer > hr.f { + border-color: #FFF; + } + /** Marginal-Inhalte anpassen... */ + .marginal h1, + .marginal h2, + .marginal h3, + .marginal h4 { + color: #FFF; + } + /** Faux-Column-Hack für Marginalinhalte */ + .marginal { + margin-top: 4em; + margin-bottom: -993em; + padding: 1em 1em 999em 2.5em; + background-color: #6EE768; + } + #submenu { + border-style: none; + font-size: 125%; + line-height: 1.5em; + } + #footer > #footerlinks { + position: static; + border-style: none; + } + #footer > #footerlinks > li.about { + display: none; + } + #footer > #footerlinks > li.f { + color: #FFF; + line-height: 1em; + margin: 0 1em 0 0; + padding: 0 0 0.5em 0; + } + #footer > #footerlinks > li.f > a.f { + color: #FFF; + border-color: #FFF; + } + #footer > #footerlinks > li#copyright { + position: static; + float: right; + width: auto; + font-size: 137.5%; + margin: 0; + } + .pack > .p.left, + .pack > .p.right, + .pack.bg > .p.left, + .pack.bg > .p.right, + .single, + .single.bg { + width: auto; + padding-bottom: 1.5em; + margin: 0 0 1.5em 0; + } + .withbackground .content { + position: relative; + } + .withbackground .content > .main { + z-index: 1; + } + .withbackground .content > .marginal { + position: relative; + z-index: 3; + border-top: 0.14285714em solid #FFF; + /** 2px */ + } + #bs1 { + top: -3%; + } + #bs2 { + font-size: 2000%; + top: 0%; + right: 3%; + } + #bs4 { + top: 5%; + left: 57%; + } + #bs6 { + font-size: 1700%; + bottom: -10%; + left: 45%; + } + #bs7 { + top: 20%; + left: 2%; + } + #bs5, + #bs8 { + display: none; + } + #bs9 { + top: 20%; + } +} +@media (max-width: 579px) and (max-width: 359px) { + #menu > li.m { + float: none; + } +} +@media (max-width: 579px) and (max-width: 410px) { + #slogan { + color: #0ACF00; + height: 0.3em; + top: -1.1em; + } +} +@media (max-width: 579px) and (max-width: 229px) { + #footer > #footerlinks > li#copyright { + color: #000; + flow: none; + width: 100%; + } +} +@media (max-width: 579px) and (max-width: 410px) { + #bs4 { + display: none; + } +} +@media (max-width: 579px) and (max-width: 410px) { + #bs7 { + top: 34%; + left: 30%; + } +} +@media (max-width: 579px) and (max-width: 410px) { + #bs9 { + display: none; + } +} +@media (max-width: 299px) { + body { + font-size: 75%; + /** 12px */ + } + #header { + font-size: 75%; + margin: 0.25em 0.5em 1em 1em; + } + #nav:target { + padding-left: 0.5em; + padding-right: 0.5em; + } + #breadcrumb, + #nav:target > a.hide { + top: 0.5em; + right: 0.5em; + } + .content > .main, + #footer { + margin: 0; + padding: 0 0.5em; + } + .content > .marginal { + padding: 1em 0.5em 999em 0.5em; + margin-bottom: -991em; + } + .withbackground .content > .marginal { + border-top: 0.16666667em solid #FFF; + /** 2px */ + } + #bs1 { + top: -2%; + left: 57%; + } + #bs2, + #bs6 { + display: none; + } + #bs7 { + top: 32%; + left: 46%; + } +} +@media (max-width: 299px) and (max-width: 210px) { + #nav:target { + padding-top: 0; + } +} +@media (max-width: 299px) and (max-width: 150px) { + #header { + font-size: 50%; + } + #header > hr.h { + display: block; + margin: 0; + } + #slogan { + display: none; + } + #breadcrumb, + #nav:target > a.hide { + top: 0.2em; + line-heigth: 2.3em; + width: 2.4em; + } + #breadcrumb > a.hide:before, + #nav:target > a.hide:before { + font-size: 264%; + /** Vielfaches von 12px */ + } +} +/*# sourceMappingURL=screen.css.map */ \ No newline at end of file diff --git a/static/css/screen.css.map b/static/css/screen.css.map new file mode 100644 index 00000000..68076f0a --- /dev/null +++ b/static/css/screen.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/screen.less","less/screen/layout.less","less/screen/footer.less","less/tablet/layout.less","less/tablet/menu.less","less/tablet/marginal.less","less/tablet/footer.less","less/tablet/typo.less","less/screen/faux-column.less","less/screen/marginal.less","less/screen/content.less","less/screen/onecolumn.less","less/tablet/404.less","less/tablet/head.less","less/phone/typo.less","less/phone/layout.less","less/phone/menu.less","less/phone/footer.less","less/phone/packs.less","less/phone/404.less","less/phone/head.less","less/tiny/layout.less","less/tiny/404.less"],"names":[],"mappings":"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","sourcesContent":["#logo\n{\n padding: 0;\n z-index: 3;\n left: auto;\n top: 0.3125em; /* 5px */\n}\n#logo > .l > img.l\n{\n width: 12.5em; /** 200px */\n -webkit-filter: drop-shadow( -5px -5px 5px #fff );\n filter: drop-shadow( -5px -5px 5px #fff );\n}\n#slogan\n{\n display: block;\n color: @hintergrund;\n background-color: @normal;\n font-size: 187.5%; /** 30px */\n line-height: .6666666667em; /* 20px */\n height: .6em; /* 18px */\n padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */\n margin-left: 2em;\n position: relative;\n z-index: 2;\n top: -1.3em; /* 39px */\n text-align: right;\n overflow: hidden;\n}\n#slogan > strong{\n display: inline-block;\n position: relative;\n top: -.2em; /* -6px */\n}\n","#nav > h1.nav,\n#nav > h2.nav.menu\n{\n display: none;\n}\n#nav > h2.nav.submenu\n{\n font-size: 125%; /** 20px */\n line-height: 1em; /** 20px */\n margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border: none;\n}\n#nav > h2.nav.submenu:before\n{\n content: 'V ';\n color: @hintergrund;\n margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */\n}\n#nav > h2.nav.submenu > span.s\n{\n display: none;\n}\n#nav > h2.nav.submenu > a.s\n{\n color: @hintergrund;\n border-style: dashed;\n border-color: @hintergrund;\n}\n#nav > h2.nav.submenu > a.s:hover,\n#nav > h2.nav.submenu > a.s:focus,\n#nav > h2.nav.submenu > a.s:active\n{\n border-style: solid;\n}\n\n#submenu\n{\n font-size: 125%; /** 20 px */\n list-style-type: none;\n margin: 1em 0 4em 0;\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border-style: none;\n}\n#submenu ul.s\n{\n margin: 1em 0 0 0; /** 16px 0 0 0 */\n padding: 0;\n list-style-type: none;\n}\n#submenu.selected,\n#submenu ul.s.selected\n{\n margin-top: 2em; /** 32px */\n}\n#submenu ul.active\n{\n margin-top: 1.5em; /** 24px */\n}\n#submenu li.s\n{\n margin: 0 0 .5em 0; /** 0 0 10px 0 */\n padding: 0;\n}\n#submenu li.s.off\n{\n display: none;\n}\n#submenu li.s > a.s\n{\n color: @dunkler;\n}\n#submenu li.s > a.s.selected,\n#submenu li.s > strong.s\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#submenu li.s > strong.s\n{\n border-bottom: 1px solid @hintergrund;\n}\n#submenu li.s > a.s.selected:before,\n#submenu li.s > a.s:hover:before,\n#submenu li.s > a.s:focus:before,\n#submenu li.s > a.s:active:before,\n#submenu li.s > strong.s:before\n{\n content: '> ';\n margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */\n}\n#submenu li.s.sub > a.s.selected:before,\n#submenu li.s.sub > a.s:hover:before,\n#submenu li.s.sub > a.s:focus:before,\n#submenu li.s.sub > a.s:active:before,\n#submenu li.s.sub > strong.s:before\n{\n content: 'V ';\n}\n","/** Make the footer sticky */\nhtml, body\n{\n height: 100%;\n}\n#page\n{\n position: relative;\n min-height: 100%;\n}\n#footer\n{\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n","/** Pages under construction... */\n.wip,\n.wip h1,\n.wip h2,\n.wip h3,\n.wip h4,\n.wip h5,\n.wip h6,\n.wip a\n{\n color: rgba(128, 128, 128, 0);\n text-decoration: none;\n border-color: rgba(128, 128, 128, 0);\n text-shadow: 0 0 6px #404040;\n}\n.wip\n{\n position: relative;\n}\n.wip img.w\n{\n margin-top: 30%;\n position: absolute;\n width: 100%;\n}\n",".pack\n{\n overflow: hidden;\n}\n.pack > .p.left,\n.pack > .p.right\n{\n width: 42%;\n padding: 0 3% 999em 3%;\n margin: 0 0 -998em 0;\n}\n.pack.bg > .p.left,\n.pack.bg > .p.right\n{\n background-color: @sehrhell;\n}\n.pack > .p.left\n{\n float: left;\n}\n.pack > .p.right\n{\n float: right;\n}\n.pack > .p img.p\n{\n width: 91.9118%;\n}\n.single\n{\n padding: 0 3% 1em 3%;\n margin: 3% 0;\n}\n.single.bg\n{\n background-color: @sehrhell;\n}\n","@import 'variables.less';\n@import 'screen/head.less';\n@import 'screen/menu.less';\n@import 'screen/footer-sticky.less';\n@import 'screen/wip.less';\n@import 'screen/packs.less';\n\n@media (min-width: (@minscreen))\n{\n @import 'screen/layout.less';\n @import 'screen/footer.less';\n @media (max-width: (@maxtablet))\n {\n @import 'tablet/typo.less';\n @import 'tablet/layout.less';\n @import 'tablet/menu.less';\n @import 'tablet/marginal.less';\n @import 'tablet/footer.less';\n }\n}\n@media (min-width: (@mindesktop))\n{\n @import 'screen/faux-column.less';\n @import 'screen/marginal.less';\n @import 'screen/content.less';\n @media (max-width: 1079px)\n {\n @import 'screen/onecolumn.less';\n }\n}\n\n@media (max-width: (@maxtablet))\n{\n @import 'tablet/head.less';\n @import 'tablet/404.less';\n}\n\n@media (max-width: (@maxphone))\n{\n @import 'phone/typo.less';\n @import 'phone/layout.less';\n @import 'phone/head.less';\n @import 'phone/menu.less';\n @import 'phone/footer.less';\n @import 'phone/packs.less';\n @import 'phone/404.less';\n}\n\n@media (max-width: (@maxtiny))\n{\n @import 'tiny/layout.less';\n @import 'tiny/404.less';\n}\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n padding: 0;\n overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */\n}\n#page\n{\n margin: 0 auto; /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */\n max-width: 62.375em; /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */\n}\n\n/** Seitenaufteilung mit Menü (Zweispaltig) */\n\nbody\n{\n padding: 0 3em 0 5em;\n}\n.content\n{\n position: relative;\n padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */\n}\n.menu .content,\n.nomenu .content\n{\n padding-right: 27em;\n}\n.content > .main\n{\n min-height: 1em;\n position: relative;\n width: 100%;\n}\n.menu .content > .main,\n.nomenu .content > .main\n{\n float: left;\n}\n.content > .marginal\n{\n position: relative;\n background-color: @heller;\n}\n.menu .content > .marginal,\n.nomenu .content > .marginal\n{\n float: left;\n margin: 0 -27em 0 2.625em;\n padding: 0 2em 1.0625em 2em;\n width: 20.375em;\n}\n\n/** Anpassungen für Seiten ohne Menü */\n\n.nomenu .content > .marginal\n{\n background-color: @sehrhell;\n}\n\n/** Anpassungen für einspaltige Seiten */\n\n.onecolumn .content > .marginal\n{\n margin-top: 4em;\n background-color: transparent;\n}\n\n/** Seitenkopf positionieren */\n\n#header\n{\n margin-left: -2.125em;\n padding: .125em 0 1em 0;\n}\n#header > hr.h\n{\n display: none;\n}\n\n\n/** Bereichsauswahl positionieren und stylen */\n\n.onecolumn #nav\n{\n position: absolute;\n top: 0;\n right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */\n width: 100%;\n}\n\n#nav > hr.n\n{\n display: none;\n}\n#nav\n{\n position: relative;\n top: auto;\n right: auto;\n width: 22.375em; /** 358px = 326px + 32px*/\n}\n#menu\n{\n position: relative;\n width: 200%;\n top: -8em; /** 136px */\n right: 100%;\n text-align: right;\n list-style-type: none;\n margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */\n padding: 0;\n border-style: none;\n}\n.onecolumn #menu\n{\n top: -15.5625em; /** -249px -- warum auch immer... */\n}\n#menu > li.m\n{\n display: inline-block;\n padding: 0 0 0 4em;\n}\n#menu > li.m > .m\n{\n font-size: 250%; /** 40px */\n color: @normal;\n}\n#menu > li.m > a.m\n{\n border-color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n border-color: @dunkler;\n}\n#menu > li.m > a.m:hover,\n#menu > li.m > strong.m\n{\n border-style: solid;\n}\n#menu > li.m > a.m.selected\n{\n color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n color: @dunkler;\n}\n#menu > li.m > a.m:hover:before,\n#menu > li.m > a.m.selected:before,\n#menu > li.m > strong.m:before\n{\n content: '> ';\n margin-left: -.92em;\n}\n\n\n/** Breadcrump positionieren */\n\n#breadcrumb\n{\n position: absolute;\n top: 7.875em; /* 126px */\n left: 10em;\n z-index: 3;\n}\n#breadcrumb > a.hide\n{\n position: absolute;\n}\n#breadcrumb > hr.b\n{\n display: none;\n}\n#breadcrumb > strong.b.title,\n#breadcrumb > ol.b > li.b:first-child\n{\n text-indent: -999em;\n width: 0;\n margin: 0;\n}\n\n/** Footer positionieren */\n\n#footer\n{\n padding: 2em 0;\n}\n.onecolumn #footer\n{\n background-color: @hintergrund;\n}\n#footer > hr.f\n{\n display: none;\n}\n","#footerlinks\n{\n border-top: 1.25em solid @normal; /** 20px */\n}\n#footerlinks > li.f\n{\n line-height: .6666666667em; /* 20px */\n display: inline-block;\n float: none;\n margin: .5em 1em 0 0;\n color: @normal;\n vertical-align: top;\n}\n#footerlinks > li#copyright\n{\n position: absolute;\n float: none;\n width: auto;\n right: .625em;\n top: -1em; /** 30px */\n line-height: 1.4em; /* 42px */\n color: @hintergrund;\n margin: 0;\n font-size: 187.5%; /** 30px */\n}\n#footerlinks a.f\n{\n color: @normal;\n border-color: @normal;\n}\n#footerlinks a.f:hover\n{\n color: @dunkler;\n border-color: @dunkler;\n border-style: solid;\n}\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n padding: 0;\n}\n#page\n{\n overflow: hidden;\n}\n.nomenu #page\n{\n padding: 0;\n}\n\n\n/** Seitenaufteilung mit/ohne Menü für Tablets optimieren */\n\n.menu .content\n{\n padding: 0;\n}\n.nomenu .content\n{\n padding: 0 0 5em 0;\n @media (max-width: (@maxsmalltablet))\n {\n padding-bottom: 4em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-bottom: 3.25em;\n }\n}\n.content.cf:before,\n.content.cf:after\n{\n clear: none;\n content: none;\n display: inline;\n}\n.menu .content > .main,\n.nomenu .content > .main,\n.onecolumn .content > .main\n{\n float: none;\n width: auto;\n padding: 0 3em 0 5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding: 0 2em 0 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding: 0 1em 0 2.5em;\n }\n /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.\n Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer\n heraus... */\n border-top: 1px solid @hintergrund;\n border-bottom: 1px solid @hintergrund;\n}\n.menu .content > .marginal,\n.nomenu .content > .marginal,\n.onecolumn .content > .marginal\n{\n position: static;\n width: 100%;\n}\n.menu .content > .marginal\n{\n margin: 3em 0 -994em -15em;\n padding: 2em 0 999em 0;\n}\n.nomenu .content > .marginal\n{\n margin: 3em 0 -994em 0;\n padding: 0 0 999em 0;\n background-color: transparent;\n}\n.onecolumn .content > .marginal\n{\n margin: 6.5em 0 -1001.175em 0;\n padding: 0 0 999em 0;\n background-color: transparent;\n}\n\n\n/** Seitenkopf positionieren */\n\n#header\n{\n padding: .125em 3em 2em 5em;\n @media (max-width: (@maxsmalltablet))\n {\n margin-left: -1.5em;\n padding: .125em 2em 2em 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n margin-left: -1.2em;\n padding: .125em 1em 2em 2.5em;\n }\n}\n\n\n/** Bereichsauswahl positionieren */\n\n.menu #nav\n{\n position: static;\n border-right: .125em solid @hintergrund;\n margin-left: 20em;\n @media (max-width: (@maxsmalltablet))\n {\n margin-left: 18.5em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n margin-left: 17.5em;\n #menu > li.about\n {\n display: inline-block;\n }\n }\n width: auto;\n}\n.nomenu #nav\n{\n position: absolute;\n top: 0;\n right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */\n width: 100%;\n}\n\n.menu #menu,\n.nomenu #menu,\n.onecolumn #menu\n{\n position: absolute;\n width: auto;\n top: -9em;\n right: 3em;\n @media (max-width: (@maxsmalltablet))\n {\n top: -7.7em;\n right: 2em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n top: -6.5em;\n right: 1em;\n }\n}\n#menu > li.about\n{\n display: none;\n}\n#menu > li.m\n{\n @media (max-width: (@maxsmalltablet))\n {\n padding: 0 0 0 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding: 0 0 0 2em;\n }\n}\n#menu > li.m > .m\n{\n @media (max-width: (@maxsmalltablet))\n {\n font-size: 200%; /* 32px */\n }\n @media (max-width: (@maxsmallertablet))\n {\n font-size: 150%; /* 24px */\n }\n}\n#menu > li.m > a.m:hover:before,\n#menu > li.m > a.m.selected:before,\n#menu > li.m > strong.m:before\n{\n @media (max-width: (@maxsmalltablet))\n {\n content: '> ';\n margin-left: -.95em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n }\n}\n\n\n/** Footer positionieren */\n\n.menu #footer\n{\n position: static;\n float: right;\n margin: 3em 0 -999em -15em;\n padding: 0 0 999em 0;\n width: 15em;\n background-color: @heller;\n}\n.nomenu #footer,\n.onecolumn #footer\n{\n padding: 0 3em 1.5em 5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding: 0 2em 1em 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding: 0 1em .75em 2.5em;\n }\n background-color: @heller;\n border-style: none;\n}\n\n\n/** Breadcrump positionieren */\n\n.menu #breadcrumb,\n.nomenu #breadcrumb,\n.onecolumn #breadcrumb\n{\n left: 15em;\n right: 3em;\n @media (max-width: (@maxsmalltablet))\n {\n font-size: 87.5%; /* 14px */\n top: 7.2em;\n left: 12.7142857em; /* 178px */\n }\n @media (max-width: (@maxsmallertablet))\n {\n top: 6em; /* 84px */\n left: 5em; /*70px */\n }\n}\n\n\n/** Faux-Column-Hack für Marginalinhalte */\n\n.nomenu .content > .marginal aside.m,\n.onecolumn .content > .marginal aside.m\n{\n margin: 3.5em 0 -999em 0;\n padding: 2em 3em 995em 5em;\n background-color: @heller;\n position: relative;\n top: -4.5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding-left: 3em;\n padding-right: 2em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-left: 2.5em;\n padding-right: 1em;\n }\n}\n.menu .content > .marginal > aside.m\n{\n margin: 0 -12em 1em 20em;\n @media (max-width: (@maxsmalltablet))\n {\n margin-left: 18.5em;\n margin-right: -13em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n margin-left: 17.5em;\n margin-right: -14em;\n }\n}\n","#submenu\n{\n padding-right: 1em;\n}\n",".nomenu .content > .marginal h1,\n.onecolumn .content > .marginal h1,\n.nomenu .content > .marginal h2,\n.onecolumn .content > .marginal h2,\n.nomenu .content > .marginal h3,\n.onecolumn .content > .marginal h3,\n.nomenu .content > .marginal h4,\n.onecolumn .content > .marginal h4\n{\n color: @hintergrund;\n}\n",".menu #footer > #footerlinks\n{\n position: static;\n border-style: none;\n margin: 3.75em 0 0 2em;\n}\n.menu #footer > #footerlinks > li.f\n{\n line-height: 1em;\n display: block;\n margin: 0 0 .25em 0;\n color: @hintergrund;\n}\n.menu #footer > #footerlinks > li#copyright\n{\n line-height: 1em;\n font-size: 137.5%;\n top: auto;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */\n @media (max-width: (@maxsmalltablet))\n {\n padding-right: 1.45454545em;\n padding-bottom: 1em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-right: .72727272em;\n padding-bottom: .5em;\n }\n background-color: @heller;\n text-align: right;\n}\n.menu #footer > #footerlinks a.f\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n.menu #footer > #footerlinks a.f:hover\n{\n color: @hintergrund;\n border-color: @hintergrund;\n border-style: solid;\n}\n\n\n.nomenu #footer > #footerlinks,\n.onecolumn #footer > #footerlinks\n{\n position: static;\n margin: -.125em;\n padding-top: 1.5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding-top: 1em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-top: .5em;\n }\n border-top: .125em solid @hintergrund;\n > li.f\n {\n line-height: 1em;\n margin: 0 1em 0 0;\n padding: 0;\n }\n li.f > a.f\n {\n color: @hintergrund;\n border-color: @hintergrund;\n }\n li#copyright\n {\n position: static;\n float: right;\n font-size: 137.5%;\n margin: 0;\n }\n}\n","@media (max-width: (@maxsmalltablet))\n{\n h1\n {\n font-size: 150%; /** 24 px */\n }\n}\n\n","/** Faux-Column-Hack-Eigengewächs für die Marginalspalte */\n\n.menu #page,\n.nomenu #page\n{\n max-width: 38em; /** 608px + 390px (Marginalspalte) = ca. 1000px */\n border-right: 24.375em solid @heller;\n}\n.nomenu #page\n{\n border-right-color: @sehrhell;\n}\n.menu .content,\n.nomenu .content\n{\n margin-right: -24.375em;\n}\n.menu #header,\n.nomenu #header\n{\n margin-right: -24.375em;\n background-color: @hintergrund;\n}\n.menu #breadcrumb,\n.nomenu #breadcrumb\n{\n right: -24.375em; /** Weil der Breadcrumb sonst an der Faux-Column umbricht! */\n}\n.menu #footer,\n.nomenu #footer\n{\n margin-right: -24.375em;\n background-color: @hintergrund;\n}\n",".menu .content > .marginal h1,\n.menu .content > .marginal h2,\n.menu .content > .marginal h3,\n.menu .content > .marginal h4\n{\n color: @hintergrund;\n}\n",".mcontent\n{\n position: relative;\n padding: 0 24.375em 0 0;\n}\n.mcontent > .mmain\n{\n float: left;\n min-height: 1em;\n position: relative;\n width: 100%;\n border-right: .125em solid @normal;\n}\n.mcontent > .mmarginal\n{\n float: left;\n margin: 0 -27em 0 -.125em;\n padding: 0 2em 1.0625em 2em;\n position: relative;\n width: 20.375em;\n border-left: .125em solid @normal;\n}\n.mcontent > .mmain > *\n{\n margin-right: 5%;\n}\n",".pack > .p.left,\n.pack > .p.right,\n.pack.bg > .p.left,\n.pack.bg > .p.right,\n.single,\n.single.bg\n{\n width: auto;\n padding-bottom: 1.5em;\n margin: 0 0 1.5em 0;\n}\n",".withbackground .content\n{\n position: relative;\n top: auto;\n bottom: auto;\n left: auto;\n rigth: auto;\n}\n#bs3\n{\n display: none;\n}\n#bs5\n{\n left: auto;\n right: 13%;\n}\n#bs7\n{\n bottom: 21%;\n}\n#bs8\n{\n display: none;\n}\n","@media (max-width: (@maxsmalltablet))\n{\n #logo\n {\n font-size: 80%;\n }\n #slogan\n {\n font-size: 150%; /** 24px */\n }\n}\n\n@media (max-width: (@maxsmallertablet))\n{\n #logo\n {\n font-size: 60%;\n }\n #slogan\n {\n font-size: 112.5%; /** 18px */\n }\n}\n\n","h1\n{\n font-size: 150%; /** 24 px */\n}\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n font-size: 87.5%; /** 14px */\n padding: 0;\n}\n#page\n{\n position: relative;\n overflow: hidden;\n}\n\n\n/** Seitenaufteilung mit/ohne Menü */\n\n.content > .main\n{\n margin: 0 1em 0 2.5em;\n}\n.menu .content > .main\n{\n border-top-style: none;\n}\n\n\n\n/** Seitenkopf positionieren */\n\n#header\n{\n margin: .125em 1em 1em 1.25em;\n}\n#header > hr.h\n{\n display: none;\n}\n#logo\n{\n font-size: 50%;\n}\n\n/** Bereichsauswahl positionieren und stylen */\n\n#nav > hr.n\n{\n display: none;\n}\n#menu\n{\n border-style: none;\n font-size: 125%;\n line-height: 1.5em;\n}\n#menu\n{\n font-size: 150%;\n border-bottom: .125em solid @hintergrund;\n margin-top: 0;\n padding: .25em .25em 1em 1.5em;\n}\n#menu > li.m\n{\n float: left;\n @media (max-width: 359px)\n {\n float: none;\n }\n list-style-type: none;\n padding: .25em 1em 0 0;\n}\n#menu > li.m > a.m\n{\n color: @dunkel;\n}\n#menu > li.m > strong.m\n{\n color: @hintergrund;\n border-bottom: .0625em solid @hintergrund;\n}\n#menu > li.m > a.m:hover,\n#menu > li.m > a.m:focus,\n#menu > li.m > a.m:active\n{\n color: @dunkler;\n border-bottom: .0625em solid @dunkler;\n}\n#menu > li.m > a.m.selected\n{\n color: @hintergrund;\n border-bottom: .0625em dashed @hintergrund;\n}\n#menu > li.m > a.m.selected:hover,\n#menu > li.m > a.m.selected:focus,\n#menu > li.m > a.m.selected:active\n{\n border-style: solid;\n}\n\n\n/** Navigations-Sprunglink reaktivieren und stylen */\n\n#breadcrumb\n{\n position: absolute;\n top: .8em;\n right: 1.5em;\n}\n#breadcrumb > strong.b,\n#breadcrumb > ol.b,\n#breadcrumb > hr.b\n{\n display: none;\n}\n#breadcrumb > a.hide\n{\n display: block;\n overflow: hidden;\n width: 3.5em;\n height: 3em;\n line-height: 2.1em;\n color: @normal;\n border-style: none;\n}\n#breadcrumb > a.hide:before\n{\n content: \"\";\n font-family: 'symbols';\n font-size: 378%; /** Vielfaches von 14px */\n padding: 0 0 1em 0;\n font-weight: normal;\n}\n#breadcrumb > a.hide:hover,\n#breadcrumb > a.hide:focus,\n#breadcrumb > a.hide:active\n{\n color: @dunkler;\n}\n\n\n/** Inhalts-Sprunglink reaktivieren und stylen */\n\n#nav:target\n{\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: .25em 1em 999em 2.5em;\n margin-bottom: -993em;\n z-index: 5;\n background-color: @heller;\n #menu\n {\n padding-top: 0;\n padding-bottom: .75em;\n }\n > a.hide\n {\n position: absolute;\n left: auto;\n top: .8em;\n right: 1.5em;\n display: block;\n overflow: hidden;\n width: 3.5em;\n height: 3em;\n line-height: 2.1em;\n color: @hintergrund;\n border-style: none;\n }\n > a.hide:before\n {\n content: \"\";\n font-family: 'symbols';\n font-size: 378%; /** Vielfaches von 14px */\n padding: 0 0 1em 0;\n margin: 0 1em 0 0;\n }\n > a.hide:hover,\n > a.hide:focus,\n > a.hide:active\n {\n color: @dunkler;\n }\n}\n\n\n/** Footer positionieren */\n\n#footer\n{\n padding: 0 1em .5em 2.5em;\n background-color: @heller;\n}\n#footer > hr.f\n{\n border-color: @hintergrund;\n}\n\n\n/** Marginal-Inhalte anpassen... */\n\n.marginal h1,\n.marginal h2,\n.marginal h3,\n.marginal h4\n{\n color: @hintergrund;\n}\n\n\n/** Faux-Column-Hack für Marginalinhalte */\n\n.marginal\n{\n margin-top: 4em;\n margin-bottom: -993em;\n padding: 1em 1em 999em 2.5em;\n background-color: @heller;\n}\n","#submenu\n{\n border-style: none;\n font-size: 125%;\n line-height: 1.5em;\n}\n","#footer > #footerlinks\n{\n position: static;\n border-style: none;\n}\n#footer > #footerlinks > li.about\n{\n display: none;\n}\n#footer > #footerlinks > li.f\n{\n color: @hintergrund;\n line-height: 1em;\n margin: 0 1em 0 0;\n padding: 0 0 .5em 0;\n}\n#footer > #footerlinks > li.f > a.f\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#footer > #footerlinks > li#copyright\n{\n position: static;\n float: right;\n width: auto;\n font-size: 137.5%;\n margin: 0;\n @media (max-width: 229px)\n {\n color: @schrift;\n flow: none;\n width: 100%;\n }\n}\n",".pack > .p.left,\n.pack > .p.right,\n.pack.bg > .p.left,\n.pack.bg > .p.right,\n.single,\n.single.bg\n{\n width: auto;\n padding-bottom: 1.5em;\n margin: 0 0 1.5em 0;\n}\n",".withbackground .content\n{\n position: relative;\n}\n.withbackground .content > .main\n{\n z-index: 1;\n}\n.withbackground .content > .marginal\n{\n position: relative;\n z-index: 3;\n border-top: .142857143em solid @hintergrund; /** 2px */\n}\n#bs1\n{\n top: -3%;\n}\n#bs2\n{\n font-size: 2000%;\n top: 0%;\n right: 3%;\n}\n#bs4\n{\n top: 5%;\n left: 57%;\n @media (max-width: 410px)\n {\n display: none;\n }\n}\n#bs6\n{\n font-size: 1700%;\n bottom: -10%;\n left: 45%;\n}\n#bs7\n{\n top: 20%;\n left: 2%;\n @media (max-width: 410px)\n {\n top: 34%;\n left: 30%;\n }\n}\n#bs5,\n#bs8\n{\n display: none;\n}\n#bs9\n{\n top: 20%;\n @media (max-width: 410px)\n {\n display: none;\n }\n}\n","@media (max-width: 410px)\n{\n #slogan\n {\n color: @normal;\n height: .3em;\n top: -1.1em;\n }\n}\n","body\n{\n font-size: 75%; /** 12px */\n}\n#header\n{\n font-size: 75%;\n margin: .25em .5em 1em 1em;\n}\n#nav:target\n{\n padding-left: 0.5em;\n padding-right: 0.5em;\n}\n#breadcrumb,\n#nav:target > a.hide\n{\n top: .5em;\n right: .5em;\n}\n.content > .main,\n#footer\n{\n margin: 0;\n padding: 0 .5em;\n}\n.content > .marginal\n{\n padding: 1em .5em 999em .5em;\n margin-bottom: -991em;\n}\n\n@media (max-width: 210px)\n{\n #nav:target\n {\n padding-top: 0;\n }\n}\n@media (max-width: 150px)\n{\n #header\n {\n font-size: 50%;\n }\n #header > hr.h\n {\n display: block;\n margin: 0;\n }\n #slogan\n {\n display: none;\n }\n #breadcrumb,\n #nav:target > a.hide\n {\n top: .2em;\n line-heigth: 2.3em;\n width: 2.4em;\n }\n #breadcrumb > a.hide:before,\n #nav:target > a.hide:before\n {\n font-size: 264%; /** Vielfaches von 12px */\n }\n}\n",".withbackground .content > .marginal\n{\n border-top: .166666666666em solid @hintergrund; /** 2px */\n}\n#bs1\n{\n top: -2%;\n left: 57%;\n}\n#bs2,\n#bs6\n{\n display: none;\n}\n#bs7\n{\n top: 32%;\n left: 46%;\n}\n"]} \ No newline at end of file diff --git a/static/css/screen.min.css b/static/css/screen.min.css new file mode 100644 index 00000000..fe3dc2d6 --- /dev/null +++ b/static/css/screen.min.css @@ -0,0 +1,2 @@ +#logo{padding:0;z-index:3;left:auto;top:.3125em}#logo>.l>img.l{width:12.5em;-webkit-filter:drop-shadow(-5px -5px 5px #fff);filter:drop-shadow(-5px -5px 5px #fff)}#slogan{display:block;color:#fff;background-color:#0acf00;font-size:187.5%;line-height:.66666667em;height:.6em;padding:.06666667em .06666667em 0 0;margin-left:2em;position:relative;z-index:2;top:-1.3em;text-align:right;overflow:hidden}#slogan>strong{display:inline-block;position:relative;top:-.2em}#nav>h1.nav,#nav>h2.nav.menu{display:none}#nav>h2.nav.submenu{font-size:125%;line-height:1em;margin:1.5em 0 .5em 0;padding:0 0 0 1.65em;border:none}#nav>h2.nav.submenu:before{content:'V ';color:#fff;margin:0 .75em 0 -1.7em}#nav>h2.nav.submenu>span.s{display:none}#nav>h2.nav.submenu>a.s{color:#fff;border-style:dashed;border-color:#fff}#nav>h2.nav.submenu>a.s:active,#nav>h2.nav.submenu>a.s:focus,#nav>h2.nav.submenu>a.s:hover{border-style:solid}#submenu{font-size:125%;list-style-type:none;margin:1em 0 4em 0;padding:0 0 0 1.65em;border-style:none}#submenu ul.s{margin:1em 0 0 0;padding:0;list-style-type:none}#submenu ul.s.selected,#submenu.selected{margin-top:2em}#submenu ul.active{margin-top:1.5em}#submenu li.s{margin:0 0 .5em 0;padding:0}#submenu li.s.off{display:none}#submenu li.s>a.s{color:#078600}#submenu li.s>a.s.selected,#submenu li.s>strong.s{color:#fff;border-color:#fff}#submenu li.s>strong.s{border-bottom:1px solid #fff}#submenu li.s>a.s.selected:before,#submenu li.s>a.s:active:before,#submenu li.s>a.s:focus:before,#submenu li.s>a.s:hover:before,#submenu li.s>strong.s:before{content:'> ';margin:0 .75em 0 -1.7em}#submenu li.s.sub>a.s.selected:before,#submenu li.s.sub>a.s:active:before,#submenu li.s.sub>a.s:focus:before,#submenu li.s.sub>a.s:hover:before,#submenu li.s.sub>strong.s:before{content:'V '}body,html{height:100%}#page{position:relative;min-height:100%}#footer{position:absolute;left:0;right:0;bottom:0}.wip,.wip a,.wip h1,.wip h2,.wip h3,.wip h4,.wip h5,.wip h6{color:rgba(128,128,128,0);text-decoration:none;border-color:rgba(128,128,128,0);text-shadow:0 0 6px #404040}.wip{position:relative}.wip img.w{margin-top:30%;position:absolute;width:100%}.pack{overflow:hidden}.pack>.p.left,.pack>.p.right{width:42%;padding:0 3% 999em 3%;margin:0 0 -998em 0}.pack.bg>.p.left,.pack.bg>.p.right{background-color:#cef7c8}.pack>.p.left{float:left}.pack>.p.right{float:right}.pack>.p img.p{width:91.9118%}.single{padding:0 3% 1em 3%;margin:3% 0}.single.bg{background-color:#cef7c8}@media (min-width:580px){body{padding:0;overflow-y:scroll}#page{margin:0 auto;max-width:62.375em}body{padding:0 3em 0 5em}.content{position:relative;padding:0 0 7.1875em 0}.menu .content,.nomenu .content{padding-right:27em}.content>.main{min-height:1em;position:relative;width:100%}.menu .content>.main,.nomenu .content>.main{float:left}.content>.marginal{position:relative;background-color:#6ee768}.menu .content>.marginal,.nomenu .content>.marginal{float:left;margin:0 -27em 0 2.625em;padding:0 2em 1.0625em 2em;width:20.375em}.nomenu .content>.marginal{background-color:#cef7c8}.onecolumn .content>.marginal{margin-top:4em;background-color:transparent}#header{margin-left:-2.125em;padding:.125em 0 1em 0}#header>hr.h{display:none}.onecolumn #nav{position:absolute;top:0;right:0;width:100%}#nav>hr.n{display:none}#nav{position:relative;top:auto;right:auto;width:22.375em}#menu{position:relative;width:200%;top:-8em;right:100%;text-align:right;list-style-type:none;margin:0 0 -2.125em 0;padding:0;border-style:none}.onecolumn #menu{top:-15.5625em}#menu>li.m{display:inline-block;padding:0 0 0 4em}#menu>li.m>.m{font-size:250%;color:#0acf00}#menu>li.m>a.m{border-color:#0acf00}#menu>li.m>a.m:hover{border-color:#078600}#menu>li.m>a.m:hover,#menu>li.m>strong.m{border-style:solid}#menu>li.m>a.m.selected{color:#0acf00}#menu>li.m>a.m:hover{color:#078600}#menu>li.m>a.m.selected:before,#menu>li.m>a.m:hover:before,#menu>li.m>strong.m:before{content:'> ';margin-left:-.92em}#breadcrumb{position:absolute;top:7.875em;left:10em;z-index:3}#breadcrumb>a.hide{position:absolute}#breadcrumb>hr.b{display:none}#breadcrumb>ol.b>li.b:first-child,#breadcrumb>strong.b.title{text-indent:-999em;width:0;margin:0}#footer{padding:2em 0}.onecolumn #footer{background-color:#fff}#footer>hr.f{display:none}#footerlinks{border-top:1.25em solid #0acf00}#footerlinks>li.f{line-height:.66666667em;display:inline-block;float:none;margin:.5em 1em 0 0;color:#0acf00;vertical-align:top}#footerlinks>li#copyright{position:absolute;float:none;width:auto;right:.625em;top:-1em;line-height:1.4em;color:#fff;margin:0;font-size:187.5%}#footerlinks a.f{color:#0acf00;border-color:#0acf00}#footerlinks a.f:hover{color:#078600;border-color:#078600;border-style:solid}}@media (min-width:580px) and (max-width:939px){body{padding:0}#page{overflow:hidden}.nomenu #page{padding:0}.menu .content{padding:0}.nomenu .content{padding:0 0 5em 0}.content.cf:after,.content.cf:before{clear:none;content:none;display:inline}.menu .content>.main,.nomenu .content>.main,.onecolumn .content>.main{float:none;width:auto;padding:0 3em 0 5em;border-top:1px solid #fff;border-bottom:1px solid #fff}.menu .content>.marginal,.nomenu .content>.marginal,.onecolumn .content>.marginal{position:static;width:100%}.menu .content>.marginal{margin:3em 0 -994em -15em;padding:2em 0 999em 0}.nomenu .content>.marginal{margin:3em 0 -994em 0;padding:0 0 999em 0;background-color:transparent}.onecolumn .content>.marginal{margin:6.5em 0 -1001.175em 0;padding:0 0 999em 0;background-color:transparent}#header{padding:.125em 3em 2em 5em}.menu #nav{position:static;border-right:.125em solid #fff;margin-left:20em;width:auto}.nomenu #nav{position:absolute;top:0;right:0;width:100%}.menu #menu,.nomenu #menu,.onecolumn #menu{position:absolute;width:auto;top:-9em;right:3em}#menu>li.about{display:none}.menu #footer{position:static;float:right;margin:3em 0 -999em -15em;padding:0 0 999em 0;width:15em;background-color:#6ee768}.nomenu #footer,.onecolumn #footer{padding:0 3em 1.5em 5em;background-color:#6ee768;border-style:none}.menu #breadcrumb,.nomenu #breadcrumb,.onecolumn #breadcrumb{left:15em;right:3em}.nomenu .content>.marginal aside.m,.onecolumn .content>.marginal aside.m{margin:3.5em 0 -999em 0;padding:2em 3em 995em 5em;background-color:#6ee768;position:relative;top:-4.5em}.menu .content>.marginal>aside.m{margin:0 -12em 1em 20em}#submenu{padding-right:1em}.nomenu .content>.marginal h1,.nomenu .content>.marginal h2,.nomenu .content>.marginal h3,.nomenu .content>.marginal h4,.onecolumn .content>.marginal h1,.onecolumn .content>.marginal h2,.onecolumn .content>.marginal h3,.onecolumn .content>.marginal h4{color:#fff}.menu #footer>#footerlinks{position:static;border-style:none;margin:3.75em 0 0 2em}.menu #footer>#footerlinks>li.f{line-height:1em;display:block;margin:0 0 .25em 0;color:#fff}.menu #footer>#footerlinks>li#copyright{line-height:1em;font-size:137.5%;top:auto;bottom:0;left:0;right:0;padding:0 2.18181818em 1.5em;background-color:#6ee768;text-align:right}.menu #footer>#footerlinks a.f{color:#fff;border-color:#fff}.menu #footer>#footerlinks a.f:hover{color:#fff;border-color:#fff;border-style:solid}.nomenu #footer>#footerlinks,.onecolumn #footer>#footerlinks{position:static;margin:-.125em;padding-top:1.5em;border-top:.125em solid #fff}.nomenu #footer>#footerlinks>li.f,.onecolumn #footer>#footerlinks>li.f{line-height:1em;margin:0 1em 0 0;padding:0}.nomenu #footer>#footerlinks li.f>a.f,.onecolumn #footer>#footerlinks li.f>a.f{color:#fff;border-color:#fff}.nomenu #footer>#footerlinks li#copyright,.onecolumn #footer>#footerlinks li#copyright{position:static;float:right;font-size:137.5%;margin:0}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){h1{font-size:150%}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.nomenu .content{padding-bottom:4em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.nomenu .content{padding-bottom:3.25em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.menu .content>.main,.nomenu .content>.main,.onecolumn .content>.main{padding:0 2em 0 3em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.menu .content>.main,.nomenu .content>.main,.onecolumn .content>.main{padding:0 1em 0 2.5em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){#header{margin-left:-1.5em;padding:.125em 2em 2em 3em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){#header{margin-left:-1.2em;padding:.125em 1em 2em 2.5em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.menu #nav{margin-left:18.5em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.menu #nav{margin-left:17.5em}.menu #nav #menu>li.about{display:inline-block}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.menu #menu,.nomenu #menu,.onecolumn #menu{top:-7.7em;right:2em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.menu #menu,.nomenu #menu,.onecolumn #menu{top:-6.5em;right:1em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){#menu>li.m{padding:0 0 0 3em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){#menu>li.m{padding:0 0 0 2em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){#menu>li.m>.m{font-size:200%}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){#menu>li.m>.m{font-size:150%}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){#menu>li.m>a.m.selected:before,#menu>li.m>a.m:hover:before,#menu>li.m>strong.m:before{content:'> ';margin-left:-.95em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.nomenu #footer,.onecolumn #footer{padding:0 2em 1em 3em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.nomenu #footer,.onecolumn #footer{padding:0 1em .75em 2.5em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.menu #breadcrumb,.nomenu #breadcrumb,.onecolumn #breadcrumb{font-size:87.5%;top:7.2em;left:12.7142857em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.menu #breadcrumb,.nomenu #breadcrumb,.onecolumn #breadcrumb{top:6em;left:5em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.nomenu .content>.marginal aside.m,.onecolumn .content>.marginal aside.m{padding-left:3em;padding-right:2em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.nomenu .content>.marginal aside.m,.onecolumn .content>.marginal aside.m{padding-left:2.5em;padding-right:1em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.menu .content>.marginal>aside.m{margin-left:18.5em;margin-right:-13em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.menu .content>.marginal>aside.m{margin-left:17.5em;margin-right:-14em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.menu #footer>#footerlinks>li#copyright{padding-right:1.45454545em;padding-bottom:1em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.menu #footer>#footerlinks>li#copyright{padding-right:.72727272em;padding-bottom:.5em}}@media (min-width:580px) and (max-width:939px) and (max-width:800px){.nomenu #footer>#footerlinks,.onecolumn #footer>#footerlinks{padding-top:1em}}@media (min-width:580px) and (max-width:939px) and (max-width:700px){.nomenu #footer>#footerlinks,.onecolumn #footer>#footerlinks{padding-top:.5em}}@media (min-width:940px){.menu #page,.nomenu #page{max-width:38em;border-right:24.375em solid #6ee768}.nomenu #page{border-right-color:#cef7c8}.menu .content,.nomenu .content{margin-right:-24.375em}.menu #header,.nomenu #header{margin-right:-24.375em;background-color:#fff}.menu #breadcrumb,.nomenu #breadcrumb{right:-24.375em}.menu #footer,.nomenu #footer{margin-right:-24.375em;background-color:#fff}.menu .content>.marginal h1,.menu .content>.marginal h2,.menu .content>.marginal h3,.menu .content>.marginal h4{color:#fff}.mcontent{position:relative;padding:0 24.375em 0 0}.mcontent>.mmain{float:left;min-height:1em;position:relative;width:100%;border-right:.125em solid #0acf00}.mcontent>.mmarginal{float:left;margin:0 -27em 0 -.125em;padding:0 2em 1.0625em 2em;position:relative;width:20.375em;border-left:.125em solid #0acf00}.mcontent>.mmain>*{margin-right:5%}}@media (min-width:940px) and (max-width:1079px){.pack.bg>.p.left,.pack.bg>.p.right,.pack>.p.left,.pack>.p.right,.single,.single.bg{width:auto;padding-bottom:1.5em;margin:0 0 1.5em 0}}@media (max-width:939px){.withbackground .content{position:relative;top:auto;bottom:auto;left:auto;rigth:auto}#bs3{display:none}#bs5{left:auto;right:13%}#bs7{bottom:21%}#bs8{display:none}}@media (max-width:939px) and (max-width:800px){#logo{font-size:80%}#slogan{font-size:150%}}@media (max-width:939px) and (max-width:700px){#logo{font-size:60%}#slogan{font-size:112.5%}}@media (max-width:579px){h1{font-size:150%}body{font-size:87.5%;padding:0}#page{position:relative;overflow:hidden}.content>.main{margin:0 1em 0 2.5em}.menu .content>.main{border-top-style:none}#header{margin:.125em 1em 1em 1.25em}#header>hr.h{display:none}#logo{font-size:50%}#nav>hr.n{display:none}#menu{border-style:none;font-size:125%;line-height:1.5em}#menu{font-size:150%;border-bottom:.125em solid #fff;margin-top:0;padding:.25em .25em 1em 1.5em}#menu>li.m{float:left;list-style-type:none;padding:.25em 1em 0 0}#menu>li.m>a.m{color:#2d9b27}#menu>li.m>strong.m{color:#fff;border-bottom:.0625em solid #fff}#menu>li.m>a.m:active,#menu>li.m>a.m:focus,#menu>li.m>a.m:hover{color:#078600;border-bottom:.0625em solid #078600}#menu>li.m>a.m.selected{color:#fff;border-bottom:.0625em dashed #fff}#menu>li.m>a.m.selected:active,#menu>li.m>a.m.selected:focus,#menu>li.m>a.m.selected:hover{border-style:solid}#breadcrumb{position:absolute;top:.8em;right:1.5em}#breadcrumb>hr.b,#breadcrumb>ol.b,#breadcrumb>strong.b{display:none}#breadcrumb>a.hide{display:block;overflow:hidden;width:3.5em;height:3em;line-height:2.1em;color:#0acf00;border-style:none}#breadcrumb>a.hide:before{content:"";font-family:symbols;font-size:378%;padding:0 0 1em 0;font-weight:400}#breadcrumb>a.hide:active,#breadcrumb>a.hide:focus,#breadcrumb>a.hide:hover{color:#078600}#nav:target{position:absolute;top:0;right:0;left:0;padding:.25em 1em 999em 2.5em;margin-bottom:-993em;z-index:5;background-color:#6ee768}#nav:target #menu{padding-top:0;padding-bottom:.75em}#nav:target>a.hide{position:absolute;left:auto;top:.8em;right:1.5em;display:block;overflow:hidden;width:3.5em;height:3em;line-height:2.1em;color:#fff;border-style:none}#nav:target>a.hide:before{content:"";font-family:symbols;font-size:378%;padding:0 0 1em 0;margin:0 1em 0 0}#nav:target>a.hide:active,#nav:target>a.hide:focus,#nav:target>a.hide:hover{color:#078600}#footer{padding:0 1em .5em 2.5em;background-color:#6ee768}#footer>hr.f{border-color:#fff}.marginal h1,.marginal h2,.marginal h3,.marginal h4{color:#fff}.marginal{margin-top:4em;margin-bottom:-993em;padding:1em 1em 999em 2.5em;background-color:#6ee768}#submenu{border-style:none;font-size:125%;line-height:1.5em}#footer>#footerlinks{position:static;border-style:none}#footer>#footerlinks>li.about{display:none}#footer>#footerlinks>li.f{color:#fff;line-height:1em;margin:0 1em 0 0;padding:0 0 .5em 0}#footer>#footerlinks>li.f>a.f{color:#fff;border-color:#fff}#footer>#footerlinks>li#copyright{position:static;float:right;width:auto;font-size:137.5%;margin:0}.pack.bg>.p.left,.pack.bg>.p.right,.pack>.p.left,.pack>.p.right,.single,.single.bg{width:auto;padding-bottom:1.5em;margin:0 0 1.5em 0}.withbackground .content{position:relative}.withbackground .content>.main{z-index:1}.withbackground .content>.marginal{position:relative;z-index:3;border-top:.14285714em solid #fff}#bs1{top:-3%}#bs2{font-size:2000%;top:0;right:3%}#bs4{top:5%;left:57%}#bs6{font-size:1700%;bottom:-10%;left:45%}#bs7{top:20%;left:2%}#bs5,#bs8{display:none}#bs9{top:20%}}@media (max-width:579px) and (max-width:359px){#menu>li.m{float:none}}@media (max-width:579px) and (max-width:410px){#slogan{color:#0acf00;height:.3em;top:-1.1em}}@media (max-width:579px) and (max-width:229px){#footer>#footerlinks>li#copyright{color:#000;flow:none;width:100%}}@media (max-width:579px) and (max-width:410px){#bs4{display:none}}@media (max-width:579px) and (max-width:410px){#bs7{top:34%;left:30%}}@media (max-width:579px) and (max-width:410px){#bs9{display:none}}@media (max-width:299px){body{font-size:75%}#header{font-size:75%;margin:.25em .5em 1em 1em}#nav:target{padding-left:.5em;padding-right:.5em}#breadcrumb,#nav:target>a.hide{top:.5em;right:.5em}#footer,.content>.main{margin:0;padding:0 .5em}.content>.marginal{padding:1em .5em 999em .5em;margin-bottom:-991em}.withbackground .content>.marginal{border-top:.16666667em solid #fff}#bs1{top:-2%;left:57%}#bs2,#bs6{display:none}#bs7{top:32%;left:46%}}@media (max-width:299px) and (max-width:210px){#nav:target{padding-top:0}}@media (max-width:299px) and (max-width:150px){#header{font-size:50%}#header>hr.h{display:block;margin:0}#slogan{display:none}#breadcrumb,#nav:target>a.hide{top:.2em;line-heigth:2.3em;width:2.4em}#breadcrumb>a.hide:before,#nav:target>a.hide:before{font-size:264%}} +/*# sourceMappingURL=screen.min.css.map */ \ No newline at end of file diff --git a/static/css/screen.min.css.map b/static/css/screen.min.css.map new file mode 100644 index 00000000..b8ebee76 --- /dev/null +++ b/static/css/screen.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/screen.less","less/screen/layout.less","less/screen/footer.less","less/tablet/layout.less","less/tablet/menu.less","less/tablet/marginal.less","less/tablet/footer.less","less/tablet/typo.less","less/screen/faux-column.less","less/screen/marginal.less","less/screen/content.less","less/screen/onecolumn.less","less/tablet/404.less","less/tablet/head.less","less/phone/typo.less","less/phone/layout.less","less/phone/menu.less","less/phone/footer.less","less/phone/packs.less","less/phone/404.less","less/phone/head.less","less/tiny/layout.less","less/tiny/404.less"],"names":[],"mappings":"AAAA,MAEE,QAAA,EACA,QAAA,EACA,KAAA,KACA,IAAA,QAEc,eAEd,MAAA,OACA,eAAgB,gCACR,OAAQ,gCAElB,QAEE,QAAA,MACA,MAAA,KACA,iBAAA,QACA,UAAA,OACA,YAAA,YACA,OAAA,KACA,QAAA,YAAA,YAAA,EAAA,EACA,YAAA,IACA,SAAA,SACA,QAAA,EACA,IAAA,OACA,WAAA,MACA,SAAA,OAEM,eACN,QAAA,aACA,SAAA,SACA,IAAA,MChCO,YACI,iBAEX,QAAA,KAEW,oBAEX,UAAA,KACA,YAAA,IACA,OAAA,MAAA,EAAA,KAAA,EACA,QAAA,EAAA,EAAA,EAAA,OACA,OAAA,KAEmB,2BAEnB,QAAS,KACT,MAAA,KACA,OAAA,EAAA,MAAA,EAAA,OAE0B,2BAE1B,QAAA,KAEuB,wBAEvB,MAAA,KACA,aAAA,OACA,aAAA,KAIyB,+BADA,8BADA,8BAIzB,aAAA,MAGF,SAEE,UAAA,KACA,gBAAA,KACA,OAAA,IAAA,EAAA,IAAA,EACA,QAAA,EAAA,EAAA,EAAA,OACA,aAAA,KAES,cAET,OAAA,IAAA,EAAA,EAAA,EACA,QAAA,EACA,gBAAA,KAGW,uBADL,kBAGN,WAAA,IAES,mBAET,WAAA,MAES,cAET,OAAA,EAAA,EAAA,KAAA,EACA,QAAA,EAEW,kBAEX,QAAA,KAEe,kBAEf,MAAA,QAEiB,2BACG,uBAEpB,MAAA,KACA,aAAA,KAEoB,uBAEpB,cAAA,IAAA,MAAA,KAE0B,kCAGF,gCADD,+BADA,+BAGD,8BAEtB,QAAS,KACT,OAAA,EAAA,MAAA,EAAA,OAE8B,sCAGF,oCADD,mCADA,mCAGD,kCAE1B,QAAS,KChGL,KAAN,KAEE,OAAA,KAEF,MAEE,SAAA,SACA,WAAA,KAEF,QAEE,SAAA,SACA,KAAA,EACA,MAAA,EACA,OAAA,ECdF,KAOK,OANA,QACA,QACA,QACA,QACA,QACA,QAGH,MAAA,oBACA,gBAAA,KACA,aAAA,oBACA,YAAA,EAAA,EAAA,IAAA,QAEF,KAEE,SAAA,SAEM,WAEN,WAAA,IACA,SAAA,SACA,MAAA,KCvBF,MAEE,SAAA,OAEQ,cACA,eAER,MAAA,IACA,QAAA,EAAA,GAAA,MAAA,GACA,OAAA,EAAA,EAAA,OAAA,EAEW,iBACA,kBAEX,iBAAA,QAEQ,cAER,MAAA,KAEQ,eAER,MAAA,MAEY,eAEZ,MAAA,SAEF,QAEE,QAAA,EAAA,GAAA,IAAA,GACA,OAAA,GAAA,EAEK,WAEL,iBAAA,QC3BF,yBCNA,KAEE,QAAA,EACA,WAAA,OAEF,MAEE,OAAA,EAAA,KACA,UAAA,SAKF,KAEE,QAAA,EAAA,IAAA,EAAA,IAEF,SAEE,SAAA,SACA,QAAA,EAAA,EAAA,SAAA,EAEI,eACE,iBAEN,cAAA,KAEO,eAEP,WAAA,IACA,SAAA,SACA,MAAA,KAEa,qBACE,uBAEf,MAAA,KAEO,mBAEP,SAAA,SACA,iBAAA,QAEa,yBACE,2BAEf,MAAA,KACA,OAAA,EAAA,MAAA,EAAA,QACA,QAAA,EAAA,IAAA,SAAA,IACA,MAAA,SAKe,2BAEf,iBAAA,QAKkB,8BAElB,WAAA,IACA,iBAAA,YAKF,QAEE,YAAA,SACA,QAAA,OAAA,EAAA,IAAA,EAEU,aAEV,QAAA,KAMS,gBAET,SAAA,SACA,IAAA,EACA,MAAA,EACA,MAAA,KAGO,UAEP,QAAA,KAEF,KAEE,SAAA,SACA,IAAA,KACA,MAAA,KACA,MAAA,SAEF,MAEE,SAAA,SACA,MAAA,KACA,IAAA,KACA,MAAA,KACA,WAAA,MACA,gBAAA,KACA,OAAA,EAAA,EAAA,SAAA,EACA,QAAA,EACA,aAAA,KAES,iBAET,IAAA,WAEQ,WAER,QAAA,aACA,QAAA,EAAA,EAAA,EAAA,IAEW,cAEX,UAAA,KACA,MAAA,QAEc,eAEd,aAAA,QAEgB,qBAEhB,aAAA,QAEgB,qBACG,oBAEnB,aAAA,MAEgB,wBAEhB,MAAA,QAEgB,qBAEhB,MAAA,QAGyB,+BADH,4BAED,2BAErB,QAAS,KACT,YAAA,OAMF,YAEE,SAAA,SACA,IAAA,QACA,KAAA,KACA,QAAA,EAEa,mBAEb,SAAA,SAEc,iBAEd,QAAA,KAGuB,kCADH,2BAGpB,YAAA,OACA,MAAA,EACA,OAAA,EAKF,QAEE,QAAA,IAAA,EAES,mBAET,iBAAA,KAEU,aAEV,QAAA,KCpMF,aAEE,WAAA,OAAA,MAAA,QAEe,kBAEf,YAAA,YACA,QAAA,aACA,MAAA,KACA,OAAA,KAAA,IAAA,EAAA,EACA,MAAA,QACA,eAAA,IAEe,0BAEf,SAAA,SACA,MAAA,KACA,MAAA,KACA,MAAA,OACA,IAAA,KACA,YAAA,MACA,MAAA,KACA,OAAA,EACA,UAAA,OAEY,iBAEZ,MAAA,QACA,aAAA,QAEc,uBAEd,MAAA,QACA,aAAA,QACA,aAAA,OFtBA,+CGVF,KAEE,QAAA,EAEF,MAEE,SAAA,OAEM,cAEN,QAAA,EAMI,eAEJ,QAAA,EAEM,iBAEN,QAAA,EAAA,EAAA,IAAA,EAWS,kBADA,mBAGT,MAAA,KACA,QAAA,KACA,QAAA,OAEa,qBACE,uBACG,0BAElB,MAAA,KACA,MAAA,KACA,QAAA,EAAA,IAAA,EAAA,IAYA,WAAA,IAAA,MAAA,KACA,cAAA,IAAA,MAAA,KAEa,yBACE,2BACG,8BAElB,SAAA,OACA,MAAA,KAEa,yBAEb,OAAA,IAAA,EAAA,OAAA,MACA,QAAA,IAAA,EAAA,MAAA,EAEe,2BAEf,OAAA,IAAA,EAAA,OAAA,EACA,QAAA,EAAA,EAAA,MAAA,EACA,iBAAA,YAEkB,8BAElB,OAAA,MAAA,EAAA,YAAA,EACA,QAAA,EAAA,EAAA,MAAA,EACA,iBAAA,YAMF,QAEE,QAAA,OAAA,IAAA,IAAA,IAgBI,WAEJ,SAAA,OACA,aAAA,OAAA,MAAA,KACA,YAAA,KAaA,MAAA,KAEM,aAEN,SAAA,SACA,IAAA,EACA,MAAA,EACA,MAAA,KAGI,YACE,cACG,iBAET,SAAA,SACA,MAAA,KACA,IAAA,KACA,MAAA,IAYQ,eAER,QAAA,KAyCI,cAEJ,SAAA,OACA,MAAA,MACA,OAAA,IAAA,EAAA,OAAA,MACA,QAAA,EAAA,EAAA,MAAA,EACA,MAAA,KACA,iBAAA,QAEM,gBACG,mBAET,QAAA,EAAA,IAAA,MAAA,IASA,iBAAA,QACA,aAAA,KAMI,kBACE,oBACG,uBAET,KAAA,KACA,MAAA,IAiBgC,mCACG,sCAEnC,OAAA,MAAA,EAAA,OAAA,EACA,QAAA,IAAA,IAAA,MAAA,IACA,iBAAA,QACA,SAAA,SACA,IAAA,OAYgC,iCAEhC,OAAA,EAAA,MAAA,IAAA,KC5QF,SAEE,cAAA,ICF2B,8BAEA,8BAEA,8BAEA,8BALG,iCAEA,iCAEA,iCAEA,iCAE9B,MAAA,KCTY,2BAEZ,SAAA,OACA,aAAA,KACA,OAAA,OAAA,EAAA,EAAA,IAE+B,gCAE/B,YAAA,IACA,QAAA,MACA,OAAA,EAAA,EAAA,MAAA,EACA,MAAA,KAE+B,wCAE/B,YAAA,IACA,UAAA,OACA,IAAA,KACA,OAAA,EACA,KAAA,EACA,MAAA,EACA,QAAA,EAAA,aAAA,MAWA,iBAAA,QACA,WAAA,MAE4B,+BAE5B,MAAA,KACA,aAAA,KAE8B,qCAE9B,MAAA,KACA,aAAA,KACA,aAAA,MAIc,6BACG,gCAEjB,SAAA,OACA,OAAA,QACA,YAAA,MASA,WAAA,OAAA,MAAA,KACI,kCAAA,qCAEF,YAAA,IACA,OAAA,EAAA,IAAA,EAAA,EACA,QAAA,EAEM,sCAAA,yCAEN,MAAA,KACA,aAAA,KAEA,0CAAA,6CAEA,SAAA,OACA,MAAA,MACA,UAAA,OACA,OAAA,GC9EJ,qEACE,GAEE,UAAA,MJsBF,qEAJM,iBAKJ,eAAA,KAGF,qEARM,iBASJ,eAAA,QAkBF,qEARa,qBACE,uBACG,0BAOhB,QAAA,EAAA,IAAA,EAAA,KAGF,qEAZa,qBACE,uBACG,0BAWhB,QAAA,EAAA,IAAA,EAAA,OAwCF,qEADA,QAEE,YAAA,OACA,QAAA,OAAA,IAAA,IAAA,KAGF,qEADA,QAEE,YAAA,OACA,QAAA,OAAA,IAAA,IAAA,OAaF,qEANI,WAOF,YAAA,QAGF,qEAVI,WAWF,YAAA,OACU,0BAER,QAAA,cAsBJ,qEATI,YACE,cACG,iBAQP,IAAA,OACA,MAAA,KAGF,qEAdI,YACE,cACG,iBAaP,IAAA,OACA,MAAA,KAUF,qEAHQ,WAIN,QAAA,EAAA,EAAA,EAAA,KAGF,qEAPQ,WAQN,QAAA,EAAA,EAAA,EAAA,KAMF,qEAHW,cAIT,UAAA,MAGF,qEAPW,cAQT,UAAA,MAQF,qEAJyB,+BADH,4BAED,2BAInB,QAAS,KACT,YAAA,QAwBF,qEALM,gBACG,mBAKP,QAAA,EAAA,IAAA,IAAA,KAGF,qEATM,gBACG,mBASP,QAAA,EAAA,IAAA,MAAA,OAgBF,qEAPI,kBACE,oBACG,uBAMP,UAAA,MACA,IAAA,MACA,KAAA,cAGF,qEAbI,kBACE,oBACG,uBAYP,IAAA,IACA,KAAA,KAgBF,qEATgC,mCACG,sCASjC,aAAA,IACA,cAAA,KAGF,qEAdgC,mCACG,sCAcjC,aAAA,MACA,cAAA,KAOF,qEAJgC,iCAK9B,YAAA,OACA,aAAA,OAGF,qEATgC,iCAU9B,YAAA,OACA,aAAA,OG9PF,qEAV+B,wCAW7B,cAAA,aACA,eAAA,KAGF,qEAf+B,wCAgB7B,cAAA,YACA,eAAA,MAyBF,qEAPc,6BACG,gCAOf,YAAA,KAGF,qEAXc,6BACG,gCAWf,YAAA,MNvCJ,yBQnBM,YACE,cAEN,UAAA,KACA,aAAA,SAAA,MAAA,QAEM,cAEN,mBAAA,QAEI,eACE,iBAEN,aAAA,UAEI,cACE,gBAEN,aAAA,UACA,iBAAA,KAEI,kBACE,oBAEN,MAAA,UAEI,cACE,gBAEN,aAAA,UACA,iBAAA,KChCyB,4BACA,4BACA,4BACA,4BAEzB,MAAA,KCLF,UAEE,SAAA,SACA,QAAA,EAAA,SAAA,EAAA,EAEQ,iBAER,MAAA,KACA,WAAA,IACA,SAAA,SACA,MAAA,KACA,aAAA,OAAA,MAAA,QAEQ,qBAER,MAAA,KACA,OAAA,EAAA,MAAA,EAAA,QACA,QAAA,EAAA,IAAA,SAAA,IACA,SAAA,SACA,MAAA,SACA,YAAA,OAAA,MAAA,QAEiB,mBAEjB,aAAA,IVEA,gDWxBW,iBACA,kBAHH,cACA,eAGV,QACO,WAEL,MAAA,KACA,eAAA,MACA,OAAA,EAAA,EAAA,MAAA,GXuBF,yBYhCgB,yBAEd,SAAA,SACA,IAAA,KACA,OAAA,KACA,KAAA,KACA,MAAA,KAEF,KAEE,QAAA,KAEF,KAEE,KAAA,KACA,MAAA,IAEF,KAEE,OAAA,IAEF,KAEE,QAAA,MCtBF,+CACE,MAEE,UAAA,IAEF,QAEE,UAAA,MAKJ,+CACE,MAEE,UAAA,IAEF,QAEE,UAAA,QbkBJ,yBctCA,GAEE,UAAA,KCAF,KAEE,UAAA,MACA,QAAA,EAEF,MAEE,SAAA,SACA,SAAA,OAMO,eAEP,OAAA,EAAA,IAAA,EAAA,MAEa,qBAEb,iBAAA,KAOF,QAEE,OAAA,OAAA,IAAA,IAAA,OAEU,aAEV,QAAA,KAEF,MAEE,UAAA,IAKO,UAEP,QAAA,KAEF,MAEE,aAAA,KACA,UAAA,KACA,YAAA,MAEF,MAEE,UAAA,KACA,cAAA,OAAA,MAAA,KACA,WAAA,EACA,QAAA,MAAA,MAAA,IAAA,MAEQ,WAER,MAAA,KAKA,gBAAA,KACA,QAAA,MAAA,IAAA,EAAA,EAEc,eAEd,MAAA,QAEmB,oBAEnB,MAAA,KACA,cAAA,QAAA,MAAA,KAIgB,sBADA,qBADA,qBAIhB,MAAA,QACA,cAAA,QAAA,MAAA,QAEgB,wBAEhB,MAAA,KACA,cAAA,QAAA,OAAA,KAIyB,+BADA,8BADA,8BAIzB,aAAA,MAMF,YAEE,SAAA,SACA,IAAA,KACA,MAAA,MAIc,iBADA,iBADI,qBAIlB,QAAA,KAEa,mBAEb,QAAA,MACA,SAAA,OACA,MAAA,MACA,OAAA,IACA,YAAA,MACA,MAAA,QACA,aAAA,KAEkB,0BAElB,QAAS,IACT,YAAa,QACb,UAAA,KACA,QAAA,EAAA,EAAA,IAAA,EACA,YAAA,IAIkB,0BADA,yBADA,yBAIlB,MAAA,QAME,YAEF,SAAA,SACA,IAAA,EACA,MAAA,EACA,KAAA,EACA,QAAA,MAAA,IAAA,MAAA,MACA,cAAA,OACA,QAAA,EACA,iBAAA,QACA,kBAEE,YAAA,EACA,eAAA,MAEC,mBAED,SAAA,SACA,KAAA,KACA,IAAA,KACA,MAAA,MACA,QAAA,MACA,SAAA,OACA,MAAA,MACA,OAAA,IACA,YAAA,MACA,MAAA,KACA,aAAA,KAEM,0BAEN,QAAS,IACT,YAAa,QACb,UAAA,KACA,QAAA,EAAA,EAAA,IAAA,EACA,OAAA,EAAA,IAAA,EAAA,EAIM,0BADA,yBADA,yBAIN,MAAA,QAOJ,QAEE,QAAA,EAAA,IAAA,KAAA,MACA,iBAAA,QAEU,aAEV,aAAA,KAMQ,aACA,aACA,aACA,aAER,MAAA,KAMF,UAEE,WAAA,IACA,cAAA,OACA,QAAA,IAAA,IAAA,MAAA,MACA,iBAAA,QC3NF,SAEE,aAAA,KACA,UAAA,KACA,YAAA,MCJM,qBAEN,SAAA,OACA,aAAA,KAEyB,8BAEzB,QAAA,KAEyB,0BAEzB,MAAA,KACA,YAAA,IACA,OAAA,EAAA,IAAA,EAAA,EACA,QAAA,EAAA,EAAA,KAAA,EAE+B,8BAE/B,MAAA,KACA,aAAA,KAEyB,kCAEzB,SAAA,OACA,MAAA,MACA,MAAA,KACA,UAAA,OACA,OAAA,ECzBW,iBACA,kBAHH,cACA,eAGV,QACO,WAEL,MAAA,KACA,eAAA,MACA,OAAA,EAAA,EAAA,MAAA,ECTc,yBAEd,SAAA,SAEuB,+BAEvB,QAAA,EAEuB,mCAEvB,SAAA,SACA,QAAA,EACA,WAAA,YAAA,MAAA,KAEF,KAEE,IAAA,IAEF,KAEE,UAAA,MACA,IAAA,EACA,MAAA,GAEF,KAEE,IAAA,GACA,KAAA,IAMF,KAEE,UAAA,MACA,OAAA,KACA,KAAA,IAEF,KAEE,IAAA,IACA,KAAA,GAOF,KACA,KAEE,QAAA,KAEF,KAEE,IAAA,KJSA,+CAJQ,WAKN,MAAA,MKjEJ,+CACE,QAEE,MAAA,QACA,OAAA,KACA,IAAA,QHuBF,+CARyB,kCASvB,MAAA,KACA,KAAA,KACA,MAAA,MEHF,+CADA,KAEE,QAAA,MAcF,+CADA,KAEE,IAAA,IACA,KAAA,KAYF,+CADA,KAEE,QAAA,MnBVJ,yBqBjDA,KAEE,UAAA,IAEF,QAEE,UAAA,IACA,OAAA,MAAA,KAAA,IAAA,IAEE,YAEF,aAAA,KACA,cAAA,KAEF,YACe,mBAEb,IAAA,KACA,MAAA,KAGF,QADS,eAGP,OAAA,EACA,QAAA,EAAA,KAEO,mBAEP,QAAA,IAAA,KAAA,MAAA,KACA,cAAA,OC7BuB,mCAEvB,WAAA,YAAA,MAAA,KAEF,KAEE,IAAA,IACA,KAAA,IAEF,KACA,KAEE,QAAA,KAEF,KAEE,IAAA,IACA,KAAA,KDgBF,+CACM,YAEF,YAAA,GAIJ,+CACE,QAEE,UAAA,IAEU,aAEV,QAAA,MACA,OAAA,EAEF,QAEE,QAAA,KAEF,YACe,mBAEb,IAAA,KACA,YAAA,MACA,MAAA,MAEkB,0BACA,0BAElB,UAAA"} \ No newline at end of file diff --git a/static/css/seitenaufteilung.css b/static/css/seitenaufteilung.css new file mode 100644 index 00000000..b8d4a43d --- /dev/null +++ b/static/css/seitenaufteilung.css @@ -0,0 +1,184 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ +body { + padding: 0; + overflow-y: scroll; + /** Die vertikale Scroll-Leiste stets anzeigen */ +} +#page { + margin: 0 auto; + /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */ + max-width: 62.375em; + /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */ +} +/** Seitenaufteilung mit Menü (Zweispaltig) */ +body { + padding: 0 3em 0 5em; +} +.content { + position: relative; + padding: 0 0 7.1875em 0; + /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ +} +.menu .content, +.nomenu .content { + padding-right: 27em; +} +.content > .main { + min-height: 1em; + position: relative; + width: 100%; +} +.menu .content > .main, +.nomenu .content > .main { + float: left; +} +.content > .marginal { + position: relative; + background-color: #6EE768; +} +.menu .content > .marginal, +.nomenu .content > .marginal { + float: left; + margin: 0 -27em 0 2.625em; + padding: 0 2em 1.0625em 2em; + width: 20.375em; +} +/** Anpassungen für Seiten ohne Menü */ +.nomenu .content > .marginal { + background-color: #CEF7C8; +} +/** Anpassungen für einspaltige Seiten */ +.onecolumn .content > .marginal { + margin-top: 4em; + background-color: transparent; +} +/** Seitenkopf positionieren */ +#header { + margin-left: -2.125em; + padding: 0.125em 0 1em 0; +} +#header > hr.h { + display: none; +} +/** Bereichsauswahl positionieren und stylen */ +.onecolumn #nav { + position: absolute; + top: 0; + right: 0; + /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ + width: 100%; +} +#nav > hr.n { + display: none; +} +#nav { + position: relative; + top: auto; + right: auto; + width: 22.375em; + /** 358px = 326px + 32px*/ +} +#menu { + position: relative; + width: 200%; + top: -8em; + /** 136px */ + right: 100%; + text-align: right; + list-style-type: none; + margin: 0 0 -2.125em 0; + /** 0 0 -34px 0 */ + padding: 0; + border-style: none; +} +.onecolumn #menu { + top: -15.5625em; + /** -249px -- warum auch immer... */ +} +#menu > li.m { + display: inline-block; + padding: 0 0 0 4em; +} +#menu > li.m > .m { + font-size: 250%; + /** 40px */ + color: #0ACF00; +} +#menu > li.m > a.m { + border-color: #0ACF00; +} +#menu > li.m > a.m:hover { + border-color: #078600; +} +#menu > li.m > a.m:hover, +#menu > li.m > strong.m { + border-style: solid; +} +#menu > li.m > a.m.selected { + color: #0ACF00; +} +#menu > li.m > a.m:hover { + color: #078600; +} +#menu > li.m > a.m:hover:before, +#menu > li.m > a.m.selected:before, +#menu > li.m > strong.m:before { + content: '> '; + margin-left: -0.92em; +} +/** Breadcrump positionieren */ +#breadcrumb { + position: absolute; + top: 7.875em; + /* 126px */ + left: 10em; + z-index: 3; +} +#breadcrumb > a.hide { + position: absolute; +} +#breadcrumb > hr.b { + display: none; +} +#breadcrumb > strong.b.title, +#breadcrumb > ol.b > li.b:first-child { + text-indent: -999em; + width: 0; + margin: 0; +} +/** Footer positionieren */ +#footer { + padding: 2em 0; +} +.onecolumn #footer { + background-color: #FFF; +} +#footer > hr.f { + display: none; +} +.mcontent { + position: relative; + padding: 0 24.375em 0 0; +} +.mcontent > .mmain { + float: left; + min-height: 1em; + position: relative; + width: 100%; + border-right: 0.125em solid #0ACF00; +} +.mcontent > .mmarginal { + float: left; + margin: 0 -27em 0 -0.125em; + padding: 0 2em 1.0625em 2em; + position: relative; + width: 20.375em; + border-left: 0.125em solid #0ACF00; +} +.mcontent > .mmain > * { + margin-right: 5%; +} +/*# sourceMappingURL=seitenaufteilung.css.map */ \ No newline at end of file diff --git a/static/css/seitenaufteilung.css.map b/static/css/seitenaufteilung.css.map new file mode 100644 index 00000000..8f616c5b --- /dev/null +++ b/static/css/seitenaufteilung.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/layout.less","less/screen/content.less"],"names":[],"mappings":";;;;AAEA;EAEE,UAAA;EACA,kBAAA;;;AAEF;EAEE,cAAA;;EACA,mBAAA;;;;AAKF;EAEE,oBAAA;;AAEF;EAEE,kBAAA;EACA,uBAAA;;;AAEF,KAAM;AACN,OAAQ;EAEN,mBAAA;;AAEF,QAAS;EAEP,eAAA;EACA,kBAAA;EACA,WAAA;;AAEF,KAAM,SAAS;AACf,OAAQ,SAAS;EAEf,WAAA;;AAEF,QAAS;EAEP,kBAAA;EACA,yBAAA;;AAEF,KAAM,SAAS;AACf,OAAQ,SAAS;EAEf,WAAA;EACA,yBAAA;EACA,2BAAA;EACA,eAAA;;;AAKF,OAAQ,SAAS;EAEf,yBAAA;;;AAKF,UAAW,SAAS;EAElB,eAAA;EACA,6BAAA;;;AAKF;EAEE,qBAAA;EACA,wBAAA;;AAEF,OAAQ,KAAI;EAEV,aAAA;;;AAMF,UAAW;EAET,kBAAA;EACA,MAAA;EACA,QAAA;;EACA,WAAA;;AAGF,IAAK,KAAI;EAEP,aAAA;;AAEF;EAEE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;;;AAEF;EAEE,kBAAA;EACA,WAAA;EACA,SAAA;;EACA,WAAA;EACA,iBAAA;EACA,qBAAA;EACA,sBAAA;;EACA,UAAA;EACA,kBAAA;;AAEF,UAAW;EAET,eAAA;;;AAEF,KAAM,KAAI;EAER,qBAAA;EACA,kBAAA;;AAEF,KAAM,KAAI,EAAG;EAEX,eAAA;;EACA,cAAA;;AAEF,KAAM,KAAI,EAAG,IAAG;EAEd,qBAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE;EAEhB,qBAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE;AAClB,KAAM,KAAI,EAAG,SAAQ;EAEnB,mBAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE;EAEhB,cAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE;EAEhB,cAAA;;AAEF,KAAM,KAAI,EAAG,IAAG,EAAE,MAAM;AACxB,KAAM,KAAI,EAAG,IAAG,EAAE,SAAS;AAC3B,KAAM,KAAI,EAAG,SAAQ,EAAE;EAErB,SAAS,IAAT;EACA,oBAAA;;;AAMF;EAEE,kBAAA;EACA,YAAA;;EACA,UAAA;EACA,UAAA;;AAEF,WAAY,IAAG;EAEb,kBAAA;;AAEF,WAAY,KAAI;EAEd,aAAA;;AAEF,WAAY,SAAQ,EAAE;AACtB,WAAY,KAAI,EAAG,KAAI,EAAE;EAEvB,mBAAA;EACA,QAAA;EACA,SAAA;;;AAKF;EAEE,cAAA;;AAEF,UAAW;EAET,sBAAA;;AAEF,OAAQ,KAAI;EAEV,aAAA;;ACpMF;EAEE,kBAAA;EACA,uBAAA;;AAEF,SAAU;EAER,WAAA;EACA,eAAA;EACA,kBAAA;EACA,WAAA;EACA,mCAAA;;AAEF,SAAU;EAER,WAAA;EACA,0BAAA;EACA,2BAAA;EACA,kBAAA;EACA,eAAA;EACA,kCAAA;;AAEF,SAAU,SAAS;EAEjB,gBAAA","sourcesContent":["/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n padding: 0;\n overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */\n}\n#page\n{\n margin: 0 auto; /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */\n max-width: 62.375em; /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */\n}\n\n/** Seitenaufteilung mit Menü (Zweispaltig) */\n\nbody\n{\n padding: 0 3em 0 5em;\n}\n.content\n{\n position: relative;\n padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */\n}\n.menu .content,\n.nomenu .content\n{\n padding-right: 27em;\n}\n.content > .main\n{\n min-height: 1em;\n position: relative;\n width: 100%;\n}\n.menu .content > .main,\n.nomenu .content > .main\n{\n float: left;\n}\n.content > .marginal\n{\n position: relative;\n background-color: @heller;\n}\n.menu .content > .marginal,\n.nomenu .content > .marginal\n{\n float: left;\n margin: 0 -27em 0 2.625em;\n padding: 0 2em 1.0625em 2em;\n width: 20.375em;\n}\n\n/** Anpassungen für Seiten ohne Menü */\n\n.nomenu .content > .marginal\n{\n background-color: @sehrhell;\n}\n\n/** Anpassungen für einspaltige Seiten */\n\n.onecolumn .content > .marginal\n{\n margin-top: 4em;\n background-color: transparent;\n}\n\n/** Seitenkopf positionieren */\n\n#header\n{\n margin-left: -2.125em;\n padding: .125em 0 1em 0;\n}\n#header > hr.h\n{\n display: none;\n}\n\n\n/** Bereichsauswahl positionieren und stylen */\n\n.onecolumn #nav\n{\n position: absolute;\n top: 0;\n right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */\n width: 100%;\n}\n\n#nav > hr.n\n{\n display: none;\n}\n#nav\n{\n position: relative;\n top: auto;\n right: auto;\n width: 22.375em; /** 358px = 326px + 32px*/\n}\n#menu\n{\n position: relative;\n width: 200%;\n top: -8em; /** 136px */\n right: 100%;\n text-align: right;\n list-style-type: none;\n margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */\n padding: 0;\n border-style: none;\n}\n.onecolumn #menu\n{\n top: -15.5625em; /** -249px -- warum auch immer... */\n}\n#menu > li.m\n{\n display: inline-block;\n padding: 0 0 0 4em;\n}\n#menu > li.m > .m\n{\n font-size: 250%; /** 40px */\n color: @normal;\n}\n#menu > li.m > a.m\n{\n border-color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n border-color: @dunkler;\n}\n#menu > li.m > a.m:hover,\n#menu > li.m > strong.m\n{\n border-style: solid;\n}\n#menu > li.m > a.m.selected\n{\n color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n color: @dunkler;\n}\n#menu > li.m > a.m:hover:before,\n#menu > li.m > a.m.selected:before,\n#menu > li.m > strong.m:before\n{\n content: '> ';\n margin-left: -.92em;\n}\n\n\n/** Breadcrump positionieren */\n\n#breadcrumb\n{\n position: absolute;\n top: 7.875em; /* 126px */\n left: 10em;\n z-index: 3;\n}\n#breadcrumb > a.hide\n{\n position: absolute;\n}\n#breadcrumb > hr.b\n{\n display: none;\n}\n#breadcrumb > strong.b.title,\n#breadcrumb > ol.b > li.b:first-child\n{\n text-indent: -999em;\n width: 0;\n margin: 0;\n}\n\n/** Footer positionieren */\n\n#footer\n{\n padding: 2em 0;\n}\n.onecolumn #footer\n{\n background-color: @hintergrund;\n}\n#footer > hr.f\n{\n display: none;\n}\n",".mcontent\n{\n position: relative;\n padding: 0 24.375em 0 0;\n}\n.mcontent > .mmain\n{\n float: left;\n min-height: 1em;\n position: relative;\n width: 100%;\n border-right: .125em solid @normal;\n}\n.mcontent > .mmarginal\n{\n float: left;\n margin: 0 -27em 0 -.125em;\n padding: 0 2em 1.0625em 2em;\n position: relative;\n width: 20.375em;\n border-left: .125em solid @normal;\n}\n.mcontent > .mmain > *\n{\n margin-right: 5%;\n}\n"]} \ No newline at end of file diff --git a/static/css/seitenaufteilung.min.css b/static/css/seitenaufteilung.min.css new file mode 100644 index 00000000..c3e76330 --- /dev/null +++ b/static/css/seitenaufteilung.min.css @@ -0,0 +1,2 @@ +body{padding:0;overflow-y:scroll}#page{margin:0 auto;max-width:62.375em}body{padding:0 3em 0 5em}.content{position:relative;padding:0 0 7.1875em 0}.menu .content,.nomenu .content{padding-right:27em}.content>.main{min-height:1em;position:relative;width:100%}.menu .content>.main,.nomenu .content>.main{float:left}.content>.marginal{position:relative;background-color:#6ee768}.menu .content>.marginal,.nomenu .content>.marginal{float:left;margin:0 -27em 0 2.625em;padding:0 2em 1.0625em 2em;width:20.375em}.nomenu .content>.marginal{background-color:#cef7c8}.onecolumn .content>.marginal{margin-top:4em;background-color:transparent}#header{margin-left:-2.125em;padding:.125em 0 1em 0}#header>hr.h{display:none}.onecolumn #nav{position:absolute;top:0;right:0;width:100%}#nav>hr.n{display:none}#nav{position:relative;top:auto;right:auto;width:22.375em}#menu{position:relative;width:200%;top:-8em;right:100%;text-align:right;list-style-type:none;margin:0 0 -2.125em 0;padding:0;border-style:none}.onecolumn #menu{top:-15.5625em}#menu>li.m{display:inline-block;padding:0 0 0 4em}#menu>li.m>.m{font-size:250%;color:#0acf00}#menu>li.m>a.m{border-color:#0acf00}#menu>li.m>a.m:hover{border-color:#078600}#menu>li.m>a.m:hover,#menu>li.m>strong.m{border-style:solid}#menu>li.m>a.m.selected{color:#0acf00}#menu>li.m>a.m:hover{color:#078600}#menu>li.m>a.m.selected:before,#menu>li.m>a.m:hover:before,#menu>li.m>strong.m:before{content:'> ';margin-left:-.92em}#breadcrumb{position:absolute;top:7.875em;left:10em;z-index:3}#breadcrumb>a.hide{position:absolute}#breadcrumb>hr.b{display:none}#breadcrumb>ol.b>li.b:first-child,#breadcrumb>strong.b.title{text-indent:-999em;width:0;margin:0}#footer{padding:2em 0}.onecolumn #footer{background-color:#fff}#footer>hr.f{display:none}.mcontent{position:relative;padding:0 24.375em 0 0}.mcontent>.mmain{float:left;min-height:1em;position:relative;width:100%;border-right:.125em solid #0acf00}.mcontent>.mmarginal{float:left;margin:0 -27em 0 -.125em;padding:0 2em 1.0625em 2em;position:relative;width:20.375em;border-left:.125em solid #0acf00}.mcontent>.mmain>*{margin-right:5%} +/*# sourceMappingURL=seitenaufteilung.min.css.map */ \ No newline at end of file diff --git a/static/css/seitenaufteilung.min.css.map b/static/css/seitenaufteilung.min.css.map new file mode 100644 index 00000000..9e63a3ea --- /dev/null +++ b/static/css/seitenaufteilung.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/layout.less","less/screen/content.less"],"names":[],"mappings":"AAEA,KAEE,QAAA,EACA,WAAA,OAEF,MAEE,OAAA,EAAA,KACA,UAAA,SAKF,KAEE,QAAA,EAAA,IAAA,EAAA,IAEF,SAEE,SAAA,SACA,QAAA,EAAA,EAAA,SAAA,EAEI,eACE,iBAEN,cAAA,KAEO,eAEP,WAAA,IACA,SAAA,SACA,MAAA,KAEa,qBACE,uBAEf,MAAA,KAEO,mBAEP,SAAA,SACA,iBAAA,QAEa,yBACE,2BAEf,MAAA,KACA,OAAA,EAAA,MAAA,EAAA,QACA,QAAA,EAAA,IAAA,SAAA,IACA,MAAA,SAKe,2BAEf,iBAAA,QAKkB,8BAElB,WAAA,IACA,iBAAA,YAKF,QAEE,YAAA,SACA,QAAA,OAAA,EAAA,IAAA,EAEU,aAEV,QAAA,KAMS,gBAET,SAAA,SACA,IAAA,EACA,MAAA,EACA,MAAA,KAGO,UAEP,QAAA,KAEF,KAEE,SAAA,SACA,IAAA,KACA,MAAA,KACA,MAAA,SAEF,MAEE,SAAA,SACA,MAAA,KACA,IAAA,KACA,MAAA,KACA,WAAA,MACA,gBAAA,KACA,OAAA,EAAA,EAAA,SAAA,EACA,QAAA,EACA,aAAA,KAES,iBAET,IAAA,WAEQ,WAER,QAAA,aACA,QAAA,EAAA,EAAA,EAAA,IAEW,cAEX,UAAA,KACA,MAAA,QAEc,eAEd,aAAA,QAEgB,qBAEhB,aAAA,QAEgB,qBACG,oBAEnB,aAAA,MAEgB,wBAEhB,MAAA,QAEgB,qBAEhB,MAAA,QAGyB,+BADH,4BAED,2BAErB,QAAS,KACT,YAAA,OAMF,YAEE,SAAA,SACA,IAAA,QACA,KAAA,KACA,QAAA,EAEa,mBAEb,SAAA,SAEc,iBAEd,QAAA,KAGuB,kCADH,2BAGpB,YAAA,OACA,MAAA,EACA,OAAA,EAKF,QAEE,QAAA,IAAA,EAES,mBAET,iBAAA,KAEU,aAEV,QAAA,KCpMF,UAEE,SAAA,SACA,QAAA,EAAA,SAAA,EAAA,EAEQ,iBAER,MAAA,KACA,WAAA,IACA,SAAA,SACA,MAAA,KACA,aAAA,OAAA,MAAA,QAEQ,qBAER,MAAA,KACA,OAAA,EAAA,MAAA,EAAA,QACA,QAAA,EAAA,IAAA,SAAA,IACA,SAAA,SACA,MAAA,SACA,YAAA,OAAA,MAAA,QAEiB,mBAEjB,aAAA"} \ No newline at end of file diff --git a/static/css/seitenkopf.css b/static/css/seitenkopf.css new file mode 100644 index 00000000..01a6b74c --- /dev/null +++ b/static/css/seitenkopf.css @@ -0,0 +1,294 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +#logo { + padding: 0; + z-index: 3; + left: auto; + top: 0.3125em; + /* 5px */ +} +#logo > .l > img.l { + width: 12.5em; + /** 200px */ + -webkit-filter: drop-shadow(-5px -5px 5px #fff); + filter: drop-shadow(-5px -5px 5px #fff); +} +#slogan { + display: block; + color: #FFF; + background-color: #0ACF00; + font-size: 187.5%; + /** 30px */ + line-height: 0.66666667em; + /* 20px */ + height: 0.6em; + /* 18px */ + padding: 0.06666667em 0.06666667em 0 0; + /** 2px 2px 0 0 */ + margin-left: 2em; + position: relative; + z-index: 2; + top: -1.3em; + /* 39px */ + text-align: right; + overflow: hidden; +} +#slogan > strong { + display: inline-block; + position: relative; + top: -0.2em; + /* -6px */ +} +#nav > h1.nav, +#nav > h2.nav.menu { + display: none; +} +#nav > h2.nav.submenu { + font-size: 125%; + /** 20px */ + line-height: 1em; + /** 20px */ + margin: 1.5em 0 0.5em 0; + /** 30px 0 10px 0 */ + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border: none; +} +#nav > h2.nav.submenu:before { + content: 'V '; + color: #FFF; + margin: 0 0.75em 0 -1.7em; + /** 0 15em 0 -34px */ +} +#nav > h2.nav.submenu > span.s { + display: none; +} +#nav > h2.nav.submenu > a.s { + color: #FFF; + border-style: dashed; + border-color: #FFF; +} +#nav > h2.nav.submenu > a.s:hover, +#nav > h2.nav.submenu > a.s:focus, +#nav > h2.nav.submenu > a.s:active { + border-style: solid; +} +#submenu { + font-size: 125%; + /** 20 px */ + list-style-type: none; + margin: 1em 0 4em 0; + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border-style: none; +} +#submenu ul.s { + margin: 1em 0 0 0; + /** 16px 0 0 0 */ + padding: 0; + list-style-type: none; +} +#submenu.selected, +#submenu ul.s.selected { + margin-top: 2em; + /** 32px */ +} +#submenu ul.active { + margin-top: 1.5em; + /** 24px */ +} +#submenu li.s { + margin: 0 0 0.5em 0; + /** 0 0 10px 0 */ + padding: 0; +} +#submenu li.s.off { + display: none; +} +#submenu li.s > a.s { + color: #078600; +} +#submenu li.s > a.s.selected, +#submenu li.s > strong.s { + color: #FFF; + border-color: #FFF; +} +#submenu li.s > strong.s { + border-bottom: 1px solid #FFF; +} +#submenu li.s > a.s.selected:before, +#submenu li.s > a.s:hover:before, +#submenu li.s > a.s:focus:before, +#submenu li.s > a.s:active:before, +#submenu li.s > strong.s:before { + content: '> '; + margin: 0 0.75em 0 -1.7em; + /** 0 15px 0 -34px = Warum auch immer?!? */ +} +#submenu li.s.sub > a.s.selected:before, +#submenu li.s.sub > a.s:hover:before, +#submenu li.s.sub > a.s:focus:before, +#submenu li.s.sub > a.s:active:before, +#submenu li.s.sub > strong.s:before { + content: 'V '; +} +/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ +body { + padding: 0; + overflow-y: scroll; + /** Die vertikale Scroll-Leiste stets anzeigen */ +} +#page { + margin: 0 auto; + /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */ + max-width: 62.375em; + /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */ +} +/** Seitenaufteilung mit Menü (Zweispaltig) */ +body { + padding: 0 3em 0 5em; +} +.content { + position: relative; + padding: 0 0 7.1875em 0; + /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ +} +.menu .content, +.nomenu .content { + padding-right: 27em; +} +.content > .main { + min-height: 1em; + position: relative; + width: 100%; +} +.menu .content > .main, +.nomenu .content > .main { + float: left; +} +.content > .marginal { + position: relative; + background-color: #6EE768; +} +.menu .content > .marginal, +.nomenu .content > .marginal { + float: left; + margin: 0 -27em 0 2.625em; + padding: 0 2em 1.0625em 2em; + width: 20.375em; +} +/** Anpassungen für Seiten ohne Menü */ +.nomenu .content > .marginal { + background-color: #CEF7C8; +} +/** Anpassungen für einspaltige Seiten */ +.onecolumn .content > .marginal { + margin-top: 4em; + background-color: transparent; +} +/** Seitenkopf positionieren */ +#header { + margin-left: -2.125em; + padding: 0.125em 0 1em 0; +} +#header > hr.h { + display: none; +} +/** Bereichsauswahl positionieren und stylen */ +.onecolumn #nav { + position: absolute; + top: 0; + right: 0; + /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ + width: 100%; +} +#nav > hr.n { + display: none; +} +#nav { + position: relative; + top: auto; + right: auto; + width: 22.375em; + /** 358px = 326px + 32px*/ +} +#menu { + position: relative; + width: 200%; + top: -8em; + /** 136px */ + right: 100%; + text-align: right; + list-style-type: none; + margin: 0 0 -2.125em 0; + /** 0 0 -34px 0 */ + padding: 0; + border-style: none; +} +.onecolumn #menu { + top: -15.5625em; + /** -249px -- warum auch immer... */ +} +#menu > li.m { + display: inline-block; + padding: 0 0 0 4em; +} +#menu > li.m > .m { + font-size: 250%; + /** 40px */ + color: #0ACF00; +} +#menu > li.m > a.m { + border-color: #0ACF00; +} +#menu > li.m > a.m:hover { + border-color: #078600; +} +#menu > li.m > a.m:hover, +#menu > li.m > strong.m { + border-style: solid; +} +#menu > li.m > a.m.selected { + color: #0ACF00; +} +#menu > li.m > a.m:hover { + color: #078600; +} +#menu > li.m > a.m:hover:before, +#menu > li.m > a.m.selected:before, +#menu > li.m > strong.m:before { + content: '> '; + margin-left: -0.92em; +} +/** Breadcrump positionieren */ +#breadcrumb { + position: absolute; + top: 7.875em; + /* 126px */ + left: 10em; + z-index: 3; +} +#breadcrumb > a.hide { + position: absolute; +} +#breadcrumb > hr.b { + display: none; +} +#breadcrumb > strong.b.title, +#breadcrumb > ol.b > li.b:first-child { + text-indent: -999em; + width: 0; + margin: 0; +} +/** Footer positionieren */ +#footer { + padding: 2em 0; +} +.onecolumn #footer { + background-color: #FFF; +} +#footer > hr.f { + display: none; +} +/*# sourceMappingURL=seitenkopf.css.map */ \ No newline at end of file diff --git a/static/css/seitenkopf.css.map b/static/css/seitenkopf.css.map new file mode 100644 index 00000000..d6cd68ac --- /dev/null +++ b/static/css/seitenkopf.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/layout.less"],"names":[],"mappings":"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","sourcesContent":["#logo\n{\n padding: 0;\n z-index: 3;\n left: auto;\n top: 0.3125em; /* 5px */\n}\n#logo > .l > img.l\n{\n width: 12.5em; /** 200px */\n -webkit-filter: drop-shadow( -5px -5px 5px #fff );\n filter: drop-shadow( -5px -5px 5px #fff );\n}\n#slogan\n{\n display: block;\n color: @hintergrund;\n background-color: @normal;\n font-size: 187.5%; /** 30px */\n line-height: .6666666667em; /* 20px */\n height: .6em; /* 18px */\n padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */\n margin-left: 2em;\n position: relative;\n z-index: 2;\n top: -1.3em; /* 39px */\n text-align: right;\n overflow: hidden;\n}\n#slogan > strong{\n display: inline-block;\n position: relative;\n top: -.2em; /* -6px */\n}\n","#nav > h1.nav,\n#nav > h2.nav.menu\n{\n display: none;\n}\n#nav > h2.nav.submenu\n{\n font-size: 125%; /** 20px */\n line-height: 1em; /** 20px */\n margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border: none;\n}\n#nav > h2.nav.submenu:before\n{\n content: 'V ';\n color: @hintergrund;\n margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */\n}\n#nav > h2.nav.submenu > span.s\n{\n display: none;\n}\n#nav > h2.nav.submenu > a.s\n{\n color: @hintergrund;\n border-style: dashed;\n border-color: @hintergrund;\n}\n#nav > h2.nav.submenu > a.s:hover,\n#nav > h2.nav.submenu > a.s:focus,\n#nav > h2.nav.submenu > a.s:active\n{\n border-style: solid;\n}\n\n#submenu\n{\n font-size: 125%; /** 20 px */\n list-style-type: none;\n margin: 1em 0 4em 0;\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border-style: none;\n}\n#submenu ul.s\n{\n margin: 1em 0 0 0; /** 16px 0 0 0 */\n padding: 0;\n list-style-type: none;\n}\n#submenu.selected,\n#submenu ul.s.selected\n{\n margin-top: 2em; /** 32px */\n}\n#submenu ul.active\n{\n margin-top: 1.5em; /** 24px */\n}\n#submenu li.s\n{\n margin: 0 0 .5em 0; /** 0 0 10px 0 */\n padding: 0;\n}\n#submenu li.s.off\n{\n display: none;\n}\n#submenu li.s > a.s\n{\n color: @dunkler;\n}\n#submenu li.s > a.s.selected,\n#submenu li.s > strong.s\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#submenu li.s > strong.s\n{\n border-bottom: 1px solid @hintergrund;\n}\n#submenu li.s > a.s.selected:before,\n#submenu li.s > a.s:hover:before,\n#submenu li.s > a.s:focus:before,\n#submenu li.s > a.s:active:before,\n#submenu li.s > strong.s:before\n{\n content: '> ';\n margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */\n}\n#submenu li.s.sub > a.s.selected:before,\n#submenu li.s.sub > a.s:hover:before,\n#submenu li.s.sub > a.s:focus:before,\n#submenu li.s.sub > a.s:active:before,\n#submenu li.s.sub > strong.s:before\n{\n content: 'V ';\n}\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n padding: 0;\n overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */\n}\n#page\n{\n margin: 0 auto; /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */\n max-width: 62.375em; /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */\n}\n\n/** Seitenaufteilung mit Menü (Zweispaltig) */\n\nbody\n{\n padding: 0 3em 0 5em;\n}\n.content\n{\n position: relative;\n padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */\n}\n.menu .content,\n.nomenu .content\n{\n padding-right: 27em;\n}\n.content > .main\n{\n min-height: 1em;\n position: relative;\n width: 100%;\n}\n.menu .content > .main,\n.nomenu .content > .main\n{\n float: left;\n}\n.content > .marginal\n{\n position: relative;\n background-color: @heller;\n}\n.menu .content > .marginal,\n.nomenu .content > .marginal\n{\n float: left;\n margin: 0 -27em 0 2.625em;\n padding: 0 2em 1.0625em 2em;\n width: 20.375em;\n}\n\n/** Anpassungen für Seiten ohne Menü */\n\n.nomenu .content > .marginal\n{\n background-color: @sehrhell;\n}\n\n/** Anpassungen für einspaltige Seiten */\n\n.onecolumn .content > .marginal\n{\n margin-top: 4em;\n background-color: transparent;\n}\n\n/** Seitenkopf positionieren */\n\n#header\n{\n margin-left: -2.125em;\n padding: .125em 0 1em 0;\n}\n#header > hr.h\n{\n display: none;\n}\n\n\n/** Bereichsauswahl positionieren und stylen */\n\n.onecolumn #nav\n{\n position: absolute;\n top: 0;\n right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */\n width: 100%;\n}\n\n#nav > hr.n\n{\n display: none;\n}\n#nav\n{\n position: relative;\n top: auto;\n right: auto;\n width: 22.375em; /** 358px = 326px + 32px*/\n}\n#menu\n{\n position: relative;\n width: 200%;\n top: -8em; /** 136px */\n right: 100%;\n text-align: right;\n list-style-type: none;\n margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */\n padding: 0;\n border-style: none;\n}\n.onecolumn #menu\n{\n top: -15.5625em; /** -249px -- warum auch immer... */\n}\n#menu > li.m\n{\n display: inline-block;\n padding: 0 0 0 4em;\n}\n#menu > li.m > .m\n{\n font-size: 250%; /** 40px */\n color: @normal;\n}\n#menu > li.m > a.m\n{\n border-color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n border-color: @dunkler;\n}\n#menu > li.m > a.m:hover,\n#menu > li.m > strong.m\n{\n border-style: solid;\n}\n#menu > li.m > a.m.selected\n{\n color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n color: @dunkler;\n}\n#menu > li.m > a.m:hover:before,\n#menu > li.m > a.m.selected:before,\n#menu > li.m > strong.m:before\n{\n content: '> ';\n margin-left: -.92em;\n}\n\n\n/** Breadcrump positionieren */\n\n#breadcrumb\n{\n position: absolute;\n top: 7.875em; /* 126px */\n left: 10em;\n z-index: 3;\n}\n#breadcrumb > a.hide\n{\n position: absolute;\n}\n#breadcrumb > hr.b\n{\n display: none;\n}\n#breadcrumb > strong.b.title,\n#breadcrumb > ol.b > li.b:first-child\n{\n text-indent: -999em;\n width: 0;\n margin: 0;\n}\n\n/** Footer positionieren */\n\n#footer\n{\n padding: 2em 0;\n}\n.onecolumn #footer\n{\n background-color: @hintergrund;\n}\n#footer > hr.f\n{\n display: none;\n}\n"]} \ No newline at end of file diff --git a/static/css/seitenkopf.min.css b/static/css/seitenkopf.min.css new file mode 100644 index 00000000..f501cb33 --- /dev/null +++ b/static/css/seitenkopf.min.css @@ -0,0 +1,2 @@ +#logo{padding:0;z-index:3;left:auto;top:.3125em}#logo>.l>img.l{width:12.5em;-webkit-filter:drop-shadow(-5px -5px 5px #fff);filter:drop-shadow(-5px -5px 5px #fff)}#slogan{display:block;color:#fff;background-color:#0acf00;font-size:187.5%;line-height:.66666667em;height:.6em;padding:.06666667em .06666667em 0 0;margin-left:2em;position:relative;z-index:2;top:-1.3em;text-align:right;overflow:hidden}#slogan>strong{display:inline-block;position:relative;top:-.2em}#nav>h1.nav,#nav>h2.nav.menu{display:none}#nav>h2.nav.submenu{font-size:125%;line-height:1em;margin:1.5em 0 .5em 0;padding:0 0 0 1.65em;border:none}#nav>h2.nav.submenu:before{content:'V ';color:#fff;margin:0 .75em 0 -1.7em}#nav>h2.nav.submenu>span.s{display:none}#nav>h2.nav.submenu>a.s{color:#fff;border-style:dashed;border-color:#fff}#nav>h2.nav.submenu>a.s:active,#nav>h2.nav.submenu>a.s:focus,#nav>h2.nav.submenu>a.s:hover{border-style:solid}#submenu{font-size:125%;list-style-type:none;margin:1em 0 4em 0;padding:0 0 0 1.65em;border-style:none}#submenu ul.s{margin:1em 0 0 0;padding:0;list-style-type:none}#submenu ul.s.selected,#submenu.selected{margin-top:2em}#submenu ul.active{margin-top:1.5em}#submenu li.s{margin:0 0 .5em 0;padding:0}#submenu li.s.off{display:none}#submenu li.s>a.s{color:#078600}#submenu li.s>a.s.selected,#submenu li.s>strong.s{color:#fff;border-color:#fff}#submenu li.s>strong.s{border-bottom:1px solid #fff}#submenu li.s>a.s.selected:before,#submenu li.s>a.s:active:before,#submenu li.s>a.s:focus:before,#submenu li.s>a.s:hover:before,#submenu li.s>strong.s:before{content:'> ';margin:0 .75em 0 -1.7em}#submenu li.s.sub>a.s.selected:before,#submenu li.s.sub>a.s:active:before,#submenu li.s.sub>a.s:focus:before,#submenu li.s.sub>a.s:hover:before,#submenu li.s.sub>strong.s:before{content:'V '}body{padding:0;overflow-y:scroll}#page{margin:0 auto;max-width:62.375em}body{padding:0 3em 0 5em}.content{position:relative;padding:0 0 7.1875em 0}.menu .content,.nomenu .content{padding-right:27em}.content>.main{min-height:1em;position:relative;width:100%}.menu .content>.main,.nomenu .content>.main{float:left}.content>.marginal{position:relative;background-color:#6ee768}.menu .content>.marginal,.nomenu .content>.marginal{float:left;margin:0 -27em 0 2.625em;padding:0 2em 1.0625em 2em;width:20.375em}.nomenu .content>.marginal{background-color:#cef7c8}.onecolumn .content>.marginal{margin-top:4em;background-color:transparent}#header{margin-left:-2.125em;padding:.125em 0 1em 0}#header>hr.h{display:none}.onecolumn #nav{position:absolute;top:0;right:0;width:100%}#nav>hr.n{display:none}#nav{position:relative;top:auto;right:auto;width:22.375em}#menu{position:relative;width:200%;top:-8em;right:100%;text-align:right;list-style-type:none;margin:0 0 -2.125em 0;padding:0;border-style:none}.onecolumn #menu{top:-15.5625em}#menu>li.m{display:inline-block;padding:0 0 0 4em}#menu>li.m>.m{font-size:250%;color:#0acf00}#menu>li.m>a.m{border-color:#0acf00}#menu>li.m>a.m:hover{border-color:#078600}#menu>li.m>a.m:hover,#menu>li.m>strong.m{border-style:solid}#menu>li.m>a.m.selected{color:#0acf00}#menu>li.m>a.m:hover{color:#078600}#menu>li.m>a.m.selected:before,#menu>li.m>a.m:hover:before,#menu>li.m>strong.m:before{content:'> ';margin-left:-.92em}#breadcrumb{position:absolute;top:7.875em;left:10em;z-index:3}#breadcrumb>a.hide{position:absolute}#breadcrumb>hr.b{display:none}#breadcrumb>ol.b>li.b:first-child,#breadcrumb>strong.b.title{text-indent:-999em;width:0;margin:0}#footer{padding:2em 0}.onecolumn #footer{background-color:#fff}#footer>hr.f{display:none} +/*# sourceMappingURL=seitenkopf.min.css.map */ \ No newline at end of file diff --git a/static/css/seitenkopf.min.css.map b/static/css/seitenkopf.min.css.map new file mode 100644 index 00000000..e0552fe2 --- /dev/null +++ b/static/css/seitenkopf.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/layout.less"],"names":[],"mappings":"AAAA,MAEE,QAAA,EACA,QAAA,EACA,KAAA,KACA,IAAA,QAEc,eAEd,MAAA,OACA,eAAgB,gCACR,OAAQ,gCAElB,QAEE,QAAA,MACA,MAAA,KACA,iBAAA,QACA,UAAA,OACA,YAAA,YACA,OAAA,KACA,QAAA,YAAA,YAAA,EAAA,EACA,YAAA,IACA,SAAA,SACA,QAAA,EACA,IAAA,OACA,WAAA,MACA,SAAA,OAEM,eACN,QAAA,aACA,SAAA,SACA,IAAA,MChCO,YACI,iBAEX,QAAA,KAEW,oBAEX,UAAA,KACA,YAAA,IACA,OAAA,MAAA,EAAA,KAAA,EACA,QAAA,EAAA,EAAA,EAAA,OACA,OAAA,KAEmB,2BAEnB,QAAS,KACT,MAAA,KACA,OAAA,EAAA,MAAA,EAAA,OAE0B,2BAE1B,QAAA,KAEuB,wBAEvB,MAAA,KACA,aAAA,OACA,aAAA,KAIyB,+BADA,8BADA,8BAIzB,aAAA,MAGF,SAEE,UAAA,KACA,gBAAA,KACA,OAAA,IAAA,EAAA,IAAA,EACA,QAAA,EAAA,EAAA,EAAA,OACA,aAAA,KAES,cAET,OAAA,IAAA,EAAA,EAAA,EACA,QAAA,EACA,gBAAA,KAGW,uBADL,kBAGN,WAAA,IAES,mBAET,WAAA,MAES,cAET,OAAA,EAAA,EAAA,KAAA,EACA,QAAA,EAEW,kBAEX,QAAA,KAEe,kBAEf,MAAA,QAEiB,2BACG,uBAEpB,MAAA,KACA,aAAA,KAEoB,uBAEpB,cAAA,IAAA,MAAA,KAE0B,kCAGF,gCADD,+BADA,+BAGD,8BAEtB,QAAS,KACT,OAAA,EAAA,MAAA,EAAA,OAE8B,sCAGF,oCADD,mCADA,mCAGD,kCAE1B,QAAS,KC/FX,KAEE,QAAA,EACA,WAAA,OAEF,MAEE,OAAA,EAAA,KACA,UAAA,SAKF,KAEE,QAAA,EAAA,IAAA,EAAA,IAEF,SAEE,SAAA,SACA,QAAA,EAAA,EAAA,SAAA,EAEI,eACE,iBAEN,cAAA,KAEO,eAEP,WAAA,IACA,SAAA,SACA,MAAA,KAEa,qBACE,uBAEf,MAAA,KAEO,mBAEP,SAAA,SACA,iBAAA,QAEa,yBACE,2BAEf,MAAA,KACA,OAAA,EAAA,MAAA,EAAA,QACA,QAAA,EAAA,IAAA,SAAA,IACA,MAAA,SAKe,2BAEf,iBAAA,QAKkB,8BAElB,WAAA,IACA,iBAAA,YAKF,QAEE,YAAA,SACA,QAAA,OAAA,EAAA,IAAA,EAEU,aAEV,QAAA,KAMS,gBAET,SAAA,SACA,IAAA,EACA,MAAA,EACA,MAAA,KAGO,UAEP,QAAA,KAEF,KAEE,SAAA,SACA,IAAA,KACA,MAAA,KACA,MAAA,SAEF,MAEE,SAAA,SACA,MAAA,KACA,IAAA,KACA,MAAA,KACA,WAAA,MACA,gBAAA,KACA,OAAA,EAAA,EAAA,SAAA,EACA,QAAA,EACA,aAAA,KAES,iBAET,IAAA,WAEQ,WAER,QAAA,aACA,QAAA,EAAA,EAAA,EAAA,IAEW,cAEX,UAAA,KACA,MAAA,QAEc,eAEd,aAAA,QAEgB,qBAEhB,aAAA,QAEgB,qBACG,oBAEnB,aAAA,MAEgB,wBAEhB,MAAA,QAEgB,qBAEhB,MAAA,QAGyB,+BADH,4BAED,2BAErB,QAAS,KACT,YAAA,OAMF,YAEE,SAAA,SACA,IAAA,QACA,KAAA,KACA,QAAA,EAEa,mBAEb,SAAA,SAEc,iBAEd,QAAA,KAGuB,kCADH,2BAGpB,YAAA,OACA,MAAA,EACA,OAAA,EAKF,QAEE,QAAA,IAAA,EAES,mBAET,iBAAA,KAEU,aAEV,QAAA"} \ No newline at end of file diff --git a/static/css/tablet.css b/static/css/tablet.css new file mode 100644 index 00000000..6d73b60e --- /dev/null +++ b/static/css/tablet.css @@ -0,0 +1,816 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +#logo { + padding: 0; + z-index: 3; + left: auto; + top: 0.3125em; + /* 5px */ +} +#logo > .l > img.l { + width: 12.5em; + /** 200px */ + -webkit-filter: drop-shadow(-5px -5px 5px #fff); + filter: drop-shadow(-5px -5px 5px #fff); +} +#slogan { + display: block; + color: #FFF; + background-color: #0ACF00; + font-size: 187.5%; + /** 30px */ + line-height: 0.66666667em; + /* 20px */ + height: 0.6em; + /* 18px */ + padding: 0.06666667em 0.06666667em 0 0; + /** 2px 2px 0 0 */ + margin-left: 2em; + position: relative; + z-index: 2; + top: -1.3em; + /* 39px */ + text-align: right; + overflow: hidden; +} +#slogan > strong { + display: inline-block; + position: relative; + top: -0.2em; + /* -6px */ +} +#nav > h1.nav, +#nav > h2.nav.menu { + display: none; +} +#nav > h2.nav.submenu { + font-size: 125%; + /** 20px */ + line-height: 1em; + /** 20px */ + margin: 1.5em 0 0.5em 0; + /** 30px 0 10px 0 */ + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border: none; +} +#nav > h2.nav.submenu:before { + content: 'V '; + color: #FFF; + margin: 0 0.75em 0 -1.7em; + /** 0 15em 0 -34px */ +} +#nav > h2.nav.submenu > span.s { + display: none; +} +#nav > h2.nav.submenu > a.s { + color: #FFF; + border-style: dashed; + border-color: #FFF; +} +#nav > h2.nav.submenu > a.s:hover, +#nav > h2.nav.submenu > a.s:focus, +#nav > h2.nav.submenu > a.s:active { + border-style: solid; +} +#submenu { + font-size: 125%; + /** 20 px */ + list-style-type: none; + margin: 1em 0 4em 0; + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border-style: none; +} +#submenu ul.s { + margin: 1em 0 0 0; + /** 16px 0 0 0 */ + padding: 0; + list-style-type: none; +} +#submenu.selected, +#submenu ul.s.selected { + margin-top: 2em; + /** 32px */ +} +#submenu ul.active { + margin-top: 1.5em; + /** 24px */ +} +#submenu li.s { + margin: 0 0 0.5em 0; + /** 0 0 10px 0 */ + padding: 0; +} +#submenu li.s.off { + display: none; +} +#submenu li.s > a.s { + color: #078600; +} +#submenu li.s > a.s.selected, +#submenu li.s > strong.s { + color: #FFF; + border-color: #FFF; +} +#submenu li.s > strong.s { + border-bottom: 1px solid #FFF; +} +#submenu li.s > a.s.selected:before, +#submenu li.s > a.s:hover:before, +#submenu li.s > a.s:focus:before, +#submenu li.s > a.s:active:before, +#submenu li.s > strong.s:before { + content: '> '; + margin: 0 0.75em 0 -1.7em; + /** 0 15px 0 -34px = Warum auch immer?!? */ +} +#submenu li.s.sub > a.s.selected:before, +#submenu li.s.sub > a.s:hover:before, +#submenu li.s.sub > a.s:focus:before, +#submenu li.s.sub > a.s:active:before, +#submenu li.s.sub > strong.s:before { + content: 'V '; +} +/** Make the footer sticky */ +html, +body { + height: 100%; +} +#page { + position: relative; + min-height: 100%; +} +#footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} +/** Pages under construction... */ +.wip, +.wip h1, +.wip h2, +.wip h3, +.wip h4, +.wip h5, +.wip h6, +.wip a { + color: rgba(128, 128, 128, 0); + text-decoration: none; + border-color: rgba(128, 128, 128, 0); + text-shadow: 0 0 6px #404040; +} +.wip { + position: relative; +} +.wip img.w { + margin-top: 30%; + position: absolute; + width: 100%; +} +.pack { + overflow: hidden; +} +.pack > .p.left, +.pack > .p.right { + width: 42%; + padding: 0 3% 999em 3%; + margin: 0 0 -998em 0; +} +.pack.bg > .p.left, +.pack.bg > .p.right { + background-color: #CEF7C8; +} +.pack > .p.left { + float: left; +} +.pack > .p.right { + float: right; +} +.pack > .p img.p { + width: 91.9118%; +} +.single { + padding: 0 3% 1em 3%; + margin: 3% 0; +} +.single.bg { + background-color: #CEF7C8; +} +/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ +body { + padding: 0; + overflow-y: scroll; + /** Die vertikale Scroll-Leiste stets anzeigen */ +} +#page { + margin: 0 auto; + /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */ + max-width: 62.375em; + /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */ +} +/** Seitenaufteilung mit Menü (Zweispaltig) */ +body { + padding: 0 3em 0 5em; +} +.content { + position: relative; + padding: 0 0 7.1875em 0; + /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ +} +.menu .content, +.nomenu .content { + padding-right: 27em; +} +.content > .main { + min-height: 1em; + position: relative; + width: 100%; +} +.menu .content > .main, +.nomenu .content > .main { + float: left; +} +.content > .marginal { + position: relative; + background-color: #6EE768; +} +.menu .content > .marginal, +.nomenu .content > .marginal { + float: left; + margin: 0 -27em 0 2.625em; + padding: 0 2em 1.0625em 2em; + width: 20.375em; +} +/** Anpassungen für Seiten ohne Menü */ +.nomenu .content > .marginal { + background-color: #CEF7C8; +} +/** Anpassungen für einspaltige Seiten */ +.onecolumn .content > .marginal { + margin-top: 4em; + background-color: transparent; +} +/** Seitenkopf positionieren */ +#header { + margin-left: -2.125em; + padding: 0.125em 0 1em 0; +} +#header > hr.h { + display: none; +} +/** Bereichsauswahl positionieren und stylen */ +.onecolumn #nav { + position: absolute; + top: 0; + right: 0; + /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ + width: 100%; +} +#nav > hr.n { + display: none; +} +#nav { + position: relative; + top: auto; + right: auto; + width: 22.375em; + /** 358px = 326px + 32px*/ +} +#menu { + position: relative; + width: 200%; + top: -8em; + /** 136px */ + right: 100%; + text-align: right; + list-style-type: none; + margin: 0 0 -2.125em 0; + /** 0 0 -34px 0 */ + padding: 0; + border-style: none; +} +.onecolumn #menu { + top: -15.5625em; + /** -249px -- warum auch immer... */ +} +#menu > li.m { + display: inline-block; + padding: 0 0 0 4em; +} +#menu > li.m > .m { + font-size: 250%; + /** 40px */ + color: #0ACF00; +} +#menu > li.m > a.m { + border-color: #0ACF00; +} +#menu > li.m > a.m:hover { + border-color: #078600; +} +#menu > li.m > a.m:hover, +#menu > li.m > strong.m { + border-style: solid; +} +#menu > li.m > a.m.selected { + color: #0ACF00; +} +#menu > li.m > a.m:hover { + color: #078600; +} +#menu > li.m > a.m:hover:before, +#menu > li.m > a.m.selected:before, +#menu > li.m > strong.m:before { + content: '> '; + margin-left: -0.92em; +} +/** Breadcrump positionieren */ +#breadcrumb { + position: absolute; + top: 7.875em; + /* 126px */ + left: 10em; + z-index: 3; +} +#breadcrumb > a.hide { + position: absolute; +} +#breadcrumb > hr.b { + display: none; +} +#breadcrumb > strong.b.title, +#breadcrumb > ol.b > li.b:first-child { + text-indent: -999em; + width: 0; + margin: 0; +} +/** Footer positionieren */ +#footer { + padding: 2em 0; +} +.onecolumn #footer { + background-color: #FFF; +} +#footer > hr.f { + display: none; +} +#footerlinks { + border-top: 1.25em solid #0ACF00; + /** 20px */ +} +#footerlinks > li.f { + line-height: 0.66666667em; + /* 20px */ + display: inline-block; + float: none; + margin: 0.5em 1em 0 0; + color: #0ACF00; + vertical-align: top; +} +#footerlinks > li#copyright { + position: absolute; + float: none; + width: auto; + right: 0.625em; + top: -1em; + /** 30px */ + line-height: 1.4em; + /* 42px */ + color: #FFF; + margin: 0; + font-size: 187.5%; + /** 30px */ +} +#footerlinks a.f { + color: #0ACF00; + border-color: #0ACF00; +} +#footerlinks a.f:hover { + color: #078600; + border-color: #078600; + border-style: solid; +} +@media (max-width: 800px) { + h1 { + font-size: 150%; + /** 24 px */ + } +} +/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ +body { + padding: 0; +} +#page { + overflow: hidden; +} +.nomenu #page { + padding: 0; +} +/** Seitenaufteilung mit/ohne Menü für Tablets optimieren */ +.menu .content { + padding: 0; +} +.nomenu .content { + padding: 0 0 5em 0; +} +@media (max-width: 800px) { + .nomenu .content { + padding-bottom: 4em; + } +} +@media (max-width: 700px) { + .nomenu .content { + padding-bottom: 3.25em; + } +} +.content.cf:before, +.content.cf:after { + clear: none; + content: none; + display: inline; +} +.menu .content > .main, +.nomenu .content > .main, +.onecolumn .content > .main { + float: none; + width: auto; + padding: 0 3em 0 5em; + /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt. + Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer + heraus... */ + border-top: 1px solid #FFF; + border-bottom: 1px solid #FFF; +} +@media (max-width: 800px) { + .menu .content > .main, + .nomenu .content > .main, + .onecolumn .content > .main { + padding: 0 2em 0 3em; + } +} +@media (max-width: 700px) { + .menu .content > .main, + .nomenu .content > .main, + .onecolumn .content > .main { + padding: 0 1em 0 2.5em; + } +} +.menu .content > .marginal, +.nomenu .content > .marginal, +.onecolumn .content > .marginal { + position: static; + width: 100%; +} +.menu .content > .marginal { + margin: 3em 0 -994em -15em; + padding: 2em 0 999em 0; +} +.nomenu .content > .marginal { + margin: 3em 0 -994em 0; + padding: 0 0 999em 0; + background-color: transparent; +} +.onecolumn .content > .marginal { + margin: 6.5em 0 -1001.175em 0; + padding: 0 0 999em 0; + background-color: transparent; +} +/** Seitenkopf positionieren */ +#header { + padding: 0.125em 3em 2em 5em; +} +@media (max-width: 800px) { + #header { + margin-left: -1.5em; + padding: 0.125em 2em 2em 3em; + } +} +@media (max-width: 700px) { + #header { + margin-left: -1.2em; + padding: 0.125em 1em 2em 2.5em; + } +} +/** Bereichsauswahl positionieren */ +.menu #nav { + position: static; + border-right: 0.125em solid #FFF; + margin-left: 20em; + width: auto; +} +@media (max-width: 800px) { + .menu #nav { + margin-left: 18.5em; + } +} +@media (max-width: 700px) { + .menu #nav { + margin-left: 17.5em; + } + .menu #nav #menu > li.about { + display: inline-block; + } +} +.nomenu #nav { + position: absolute; + top: 0; + right: 0; + /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ + width: 100%; +} +.menu #menu, +.nomenu #menu, +.onecolumn #menu { + position: absolute; + width: auto; + top: -9em; + right: 3em; +} +@media (max-width: 800px) { + .menu #menu, + .nomenu #menu, + .onecolumn #menu { + top: -7.7em; + right: 2em; + } +} +@media (max-width: 700px) { + .menu #menu, + .nomenu #menu, + .onecolumn #menu { + top: -6.5em; + right: 1em; + } +} +#menu > li.about { + display: none; +} +@media (max-width: 800px) { + #menu > li.m { + padding: 0 0 0 3em; + } +} +@media (max-width: 700px) { + #menu > li.m { + padding: 0 0 0 2em; + } +} +@media (max-width: 800px) { + #menu > li.m > .m { + font-size: 200%; + /* 32px */ + } +} +@media (max-width: 700px) { + #menu > li.m > .m { + font-size: 150%; + /* 24px */ + } +} +@media (max-width: 800px) { + #menu > li.m > a.m:hover:before, + #menu > li.m > a.m.selected:before, + #menu > li.m > strong.m:before { + content: '> '; + margin-left: -0.95em; + } +} +/** Footer positionieren */ +.menu #footer { + position: static; + float: right; + margin: 3em 0 -999em -15em; + padding: 0 0 999em 0; + width: 15em; + background-color: #6EE768; +} +.nomenu #footer, +.onecolumn #footer { + padding: 0 3em 1.5em 5em; + background-color: #6EE768; + border-style: none; +} +@media (max-width: 800px) { + .nomenu #footer, + .onecolumn #footer { + padding: 0 2em 1em 3em; + } +} +@media (max-width: 700px) { + .nomenu #footer, + .onecolumn #footer { + padding: 0 1em 0.75em 2.5em; + } +} +/** Breadcrump positionieren */ +.menu #breadcrumb, +.nomenu #breadcrumb, +.onecolumn #breadcrumb { + left: 15em; + right: 3em; +} +@media (max-width: 800px) { + .menu #breadcrumb, + .nomenu #breadcrumb, + .onecolumn #breadcrumb { + font-size: 87.5%; + /* 14px */ + top: 7.2em; + left: 12.7142857em; + /* 178px */ + } +} +@media (max-width: 700px) { + .menu #breadcrumb, + .nomenu #breadcrumb, + .onecolumn #breadcrumb { + top: 6em; + /* 84px */ + left: 5em; + /*70px */ + } +} +/** Faux-Column-Hack für Marginalinhalte */ +.nomenu .content > .marginal aside.m, +.onecolumn .content > .marginal aside.m { + margin: 3.5em 0 -999em 0; + padding: 2em 3em 995em 5em; + background-color: #6EE768; + position: relative; + top: -4.5em; +} +@media (max-width: 800px) { + .nomenu .content > .marginal aside.m, + .onecolumn .content > .marginal aside.m { + padding-left: 3em; + padding-right: 2em; + } +} +@media (max-width: 700px) { + .nomenu .content > .marginal aside.m, + .onecolumn .content > .marginal aside.m { + padding-left: 2.5em; + padding-right: 1em; + } +} +.menu .content > .marginal > aside.m { + margin: 0 -12em 1em 20em; +} +@media (max-width: 800px) { + .menu .content > .marginal > aside.m { + margin-left: 18.5em; + margin-right: -13em; + } +} +@media (max-width: 700px) { + .menu .content > .marginal > aside.m { + margin-left: 17.5em; + margin-right: -14em; + } +} +#submenu { + padding-right: 1em; +} +.nomenu .content > .marginal h1, +.onecolumn .content > .marginal h1, +.nomenu .content > .marginal h2, +.onecolumn .content > .marginal h2, +.nomenu .content > .marginal h3, +.onecolumn .content > .marginal h3, +.nomenu .content > .marginal h4, +.onecolumn .content > .marginal h4 { + color: #FFF; +} +.menu #footer > #footerlinks { + position: static; + border-style: none; + margin: 3.75em 0 0 2em; +} +.menu #footer > #footerlinks > li.f { + line-height: 1em; + display: block; + margin: 0 0 0.25em 0; + color: #FFF; +} +.menu #footer > #footerlinks > li#copyright { + line-height: 1em; + font-size: 137.5%; + top: auto; + bottom: 0; + left: 0; + right: 0; + padding: 0 2.18181818em 1.5em; + /* ? 3*16px ? */ + background-color: #6EE768; + text-align: right; +} +@media (max-width: 800px) { + .menu #footer > #footerlinks > li#copyright { + padding-right: 1.45454545em; + padding-bottom: 1em; + } +} +@media (max-width: 700px) { + .menu #footer > #footerlinks > li#copyright { + padding-right: 0.72727272em; + padding-bottom: 0.5em; + } +} +.menu #footer > #footerlinks a.f { + color: #FFF; + border-color: #FFF; +} +.menu #footer > #footerlinks a.f:hover { + color: #FFF; + border-color: #FFF; + border-style: solid; +} +.nomenu #footer > #footerlinks, +.onecolumn #footer > #footerlinks { + position: static; + margin: -0.125em; + padding-top: 1.5em; + border-top: 0.125em solid #FFF; +} +@media (max-width: 800px) { + .nomenu #footer > #footerlinks, + .onecolumn #footer > #footerlinks { + padding-top: 1em; + } +} +@media (max-width: 700px) { + .nomenu #footer > #footerlinks, + .onecolumn #footer > #footerlinks { + padding-top: 0.5em; + } +} +.nomenu #footer > #footerlinks > li.f, +.onecolumn #footer > #footerlinks > li.f { + line-height: 1em; + margin: 0 1em 0 0; + padding: 0; +} +.nomenu #footer > #footerlinks li.f > a.f, +.onecolumn #footer > #footerlinks li.f > a.f { + color: #FFF; + border-color: #FFF; +} +.nomenu #footer > #footerlinks li#copyright, +.onecolumn #footer > #footerlinks li#copyright { + position: static; + float: right; + font-size: 137.5%; + margin: 0; +} +.pack > .p.left, +.pack > .p.right, +.pack.bg > .p.left, +.pack.bg > .p.right, +.single, +.single.bg { + width: auto; + padding-bottom: 1.5em; + margin: 0 0 1.5em 0; +} +@media (max-width: 800px) { + #logo { + font-size: 80%; + } + #slogan { + font-size: 150%; + /** 24px */ + } +} +@media (max-width: 700px) { + #logo { + font-size: 60%; + } + #slogan { + font-size: 112.5%; + /** 18px */ + } +} +.withbackground .content { + position: relative; + top: auto; + bottom: auto; + left: auto; + rigth: auto; +} +#bs3 { + display: none; +} +#bs5 { + left: auto; + right: 13%; +} +#bs7 { + bottom: 21%; +} +#bs8 { + display: none; +} +/*# sourceMappingURL=tablet.css.map */ \ No newline at end of file diff --git a/static/css/tablet.css.map b/static/css/tablet.css.map new file mode 100644 index 00000000..ed45ff11 --- /dev/null +++ b/static/css/tablet.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/screen/layout.less","less/screen/footer.less","less/tablet/typo.less","less/tablet/layout.less","less/tablet/menu.less","less/tablet/marginal.less","less/tablet/footer.less","less/screen/onecolumn.less","less/tablet/head.less","less/tablet/404.less"],"names":[],"mappings":"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","sourcesContent":["#logo\n{\n padding: 0;\n z-index: 3;\n left: auto;\n top: 0.3125em; /* 5px */\n}\n#logo > .l > img.l\n{\n width: 12.5em; /** 200px */\n -webkit-filter: drop-shadow( -5px -5px 5px #fff );\n filter: drop-shadow( -5px -5px 5px #fff );\n}\n#slogan\n{\n display: block;\n color: @hintergrund;\n background-color: @normal;\n font-size: 187.5%; /** 30px */\n line-height: .6666666667em; /* 20px */\n height: .6em; /* 18px */\n padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */\n margin-left: 2em;\n position: relative;\n z-index: 2;\n top: -1.3em; /* 39px */\n text-align: right;\n overflow: hidden;\n}\n#slogan > strong{\n display: inline-block;\n position: relative;\n top: -.2em; /* -6px */\n}\n","#nav > h1.nav,\n#nav > h2.nav.menu\n{\n display: none;\n}\n#nav > h2.nav.submenu\n{\n font-size: 125%; /** 20px */\n line-height: 1em; /** 20px */\n margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border: none;\n}\n#nav > h2.nav.submenu:before\n{\n content: 'V ';\n color: @hintergrund;\n margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */\n}\n#nav > h2.nav.submenu > span.s\n{\n display: none;\n}\n#nav > h2.nav.submenu > a.s\n{\n color: @hintergrund;\n border-style: dashed;\n border-color: @hintergrund;\n}\n#nav > h2.nav.submenu > a.s:hover,\n#nav > h2.nav.submenu > a.s:focus,\n#nav > h2.nav.submenu > a.s:active\n{\n border-style: solid;\n}\n\n#submenu\n{\n font-size: 125%; /** 20 px */\n list-style-type: none;\n margin: 1em 0 4em 0;\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border-style: none;\n}\n#submenu ul.s\n{\n margin: 1em 0 0 0; /** 16px 0 0 0 */\n padding: 0;\n list-style-type: none;\n}\n#submenu.selected,\n#submenu ul.s.selected\n{\n margin-top: 2em; /** 32px */\n}\n#submenu ul.active\n{\n margin-top: 1.5em; /** 24px */\n}\n#submenu li.s\n{\n margin: 0 0 .5em 0; /** 0 0 10px 0 */\n padding: 0;\n}\n#submenu li.s.off\n{\n display: none;\n}\n#submenu li.s > a.s\n{\n color: @dunkler;\n}\n#submenu li.s > a.s.selected,\n#submenu li.s > strong.s\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#submenu li.s > strong.s\n{\n border-bottom: 1px solid @hintergrund;\n}\n#submenu li.s > a.s.selected:before,\n#submenu li.s > a.s:hover:before,\n#submenu li.s > a.s:focus:before,\n#submenu li.s > a.s:active:before,\n#submenu li.s > strong.s:before\n{\n content: '> ';\n margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */\n}\n#submenu li.s.sub > a.s.selected:before,\n#submenu li.s.sub > a.s:hover:before,\n#submenu li.s.sub > a.s:focus:before,\n#submenu li.s.sub > a.s:active:before,\n#submenu li.s.sub > strong.s:before\n{\n content: 'V ';\n}\n","/** Make the footer sticky */\nhtml, body\n{\n height: 100%;\n}\n#page\n{\n position: relative;\n min-height: 100%;\n}\n#footer\n{\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n","/** Pages under construction... */\n.wip,\n.wip h1,\n.wip h2,\n.wip h3,\n.wip h4,\n.wip h5,\n.wip h6,\n.wip a\n{\n color: rgba(128, 128, 128, 0);\n text-decoration: none;\n border-color: rgba(128, 128, 128, 0);\n text-shadow: 0 0 6px #404040;\n}\n.wip\n{\n position: relative;\n}\n.wip img.w\n{\n margin-top: 30%;\n position: absolute;\n width: 100%;\n}\n",".pack\n{\n overflow: hidden;\n}\n.pack > .p.left,\n.pack > .p.right\n{\n width: 42%;\n padding: 0 3% 999em 3%;\n margin: 0 0 -998em 0;\n}\n.pack.bg > .p.left,\n.pack.bg > .p.right\n{\n background-color: @sehrhell;\n}\n.pack > .p.left\n{\n float: left;\n}\n.pack > .p.right\n{\n float: right;\n}\n.pack > .p img.p\n{\n width: 91.9118%;\n}\n.single\n{\n padding: 0 3% 1em 3%;\n margin: 3% 0;\n}\n.single.bg\n{\n background-color: @sehrhell;\n}\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n padding: 0;\n overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */\n}\n#page\n{\n margin: 0 auto; /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */\n max-width: 62.375em; /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */\n}\n\n/** Seitenaufteilung mit Menü (Zweispaltig) */\n\nbody\n{\n padding: 0 3em 0 5em;\n}\n.content\n{\n position: relative;\n padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */\n}\n.menu .content,\n.nomenu .content\n{\n padding-right: 27em;\n}\n.content > .main\n{\n min-height: 1em;\n position: relative;\n width: 100%;\n}\n.menu .content > .main,\n.nomenu .content > .main\n{\n float: left;\n}\n.content > .marginal\n{\n position: relative;\n background-color: @heller;\n}\n.menu .content > .marginal,\n.nomenu .content > .marginal\n{\n float: left;\n margin: 0 -27em 0 2.625em;\n padding: 0 2em 1.0625em 2em;\n width: 20.375em;\n}\n\n/** Anpassungen für Seiten ohne Menü */\n\n.nomenu .content > .marginal\n{\n background-color: @sehrhell;\n}\n\n/** Anpassungen für einspaltige Seiten */\n\n.onecolumn .content > .marginal\n{\n margin-top: 4em;\n background-color: transparent;\n}\n\n/** Seitenkopf positionieren */\n\n#header\n{\n margin-left: -2.125em;\n padding: .125em 0 1em 0;\n}\n#header > hr.h\n{\n display: none;\n}\n\n\n/** Bereichsauswahl positionieren und stylen */\n\n.onecolumn #nav\n{\n position: absolute;\n top: 0;\n right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */\n width: 100%;\n}\n\n#nav > hr.n\n{\n display: none;\n}\n#nav\n{\n position: relative;\n top: auto;\n right: auto;\n width: 22.375em; /** 358px = 326px + 32px*/\n}\n#menu\n{\n position: relative;\n width: 200%;\n top: -8em; /** 136px */\n right: 100%;\n text-align: right;\n list-style-type: none;\n margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */\n padding: 0;\n border-style: none;\n}\n.onecolumn #menu\n{\n top: -15.5625em; /** -249px -- warum auch immer... */\n}\n#menu > li.m\n{\n display: inline-block;\n padding: 0 0 0 4em;\n}\n#menu > li.m > .m\n{\n font-size: 250%; /** 40px */\n color: @normal;\n}\n#menu > li.m > a.m\n{\n border-color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n border-color: @dunkler;\n}\n#menu > li.m > a.m:hover,\n#menu > li.m > strong.m\n{\n border-style: solid;\n}\n#menu > li.m > a.m.selected\n{\n color: @normal;\n}\n#menu > li.m > a.m:hover\n{\n color: @dunkler;\n}\n#menu > li.m > a.m:hover:before,\n#menu > li.m > a.m.selected:before,\n#menu > li.m > strong.m:before\n{\n content: '> ';\n margin-left: -.92em;\n}\n\n\n/** Breadcrump positionieren */\n\n#breadcrumb\n{\n position: absolute;\n top: 7.875em; /* 126px */\n left: 10em;\n z-index: 3;\n}\n#breadcrumb > a.hide\n{\n position: absolute;\n}\n#breadcrumb > hr.b\n{\n display: none;\n}\n#breadcrumb > strong.b.title,\n#breadcrumb > ol.b > li.b:first-child\n{\n text-indent: -999em;\n width: 0;\n margin: 0;\n}\n\n/** Footer positionieren */\n\n#footer\n{\n padding: 2em 0;\n}\n.onecolumn #footer\n{\n background-color: @hintergrund;\n}\n#footer > hr.f\n{\n display: none;\n}\n","#footerlinks\n{\n border-top: 1.25em solid @normal; /** 20px */\n}\n#footerlinks > li.f\n{\n line-height: .6666666667em; /* 20px */\n display: inline-block;\n float: none;\n margin: .5em 1em 0 0;\n color: @normal;\n vertical-align: top;\n}\n#footerlinks > li#copyright\n{\n position: absolute;\n float: none;\n width: auto;\n right: .625em;\n top: -1em; /** 30px */\n line-height: 1.4em; /* 42px */\n color: @hintergrund;\n margin: 0;\n font-size: 187.5%; /** 30px */\n}\n#footerlinks a.f\n{\n color: @normal;\n border-color: @normal;\n}\n#footerlinks a.f:hover\n{\n color: @dunkler;\n border-color: @dunkler;\n border-style: solid;\n}\n","@media (max-width: (@maxsmalltablet))\n{\n h1\n {\n font-size: 150%; /** 24 px */\n }\n}\n\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n padding: 0;\n}\n#page\n{\n overflow: hidden;\n}\n.nomenu #page\n{\n padding: 0;\n}\n\n\n/** Seitenaufteilung mit/ohne Menü für Tablets optimieren */\n\n.menu .content\n{\n padding: 0;\n}\n.nomenu .content\n{\n padding: 0 0 5em 0;\n @media (max-width: (@maxsmalltablet))\n {\n padding-bottom: 4em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-bottom: 3.25em;\n }\n}\n.content.cf:before,\n.content.cf:after\n{\n clear: none;\n content: none;\n display: inline;\n}\n.menu .content > .main,\n.nomenu .content > .main,\n.onecolumn .content > .main\n{\n float: none;\n width: auto;\n padding: 0 3em 0 5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding: 0 2em 0 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding: 0 1em 0 2.5em;\n }\n /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.\n Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer\n heraus... */\n border-top: 1px solid @hintergrund;\n border-bottom: 1px solid @hintergrund;\n}\n.menu .content > .marginal,\n.nomenu .content > .marginal,\n.onecolumn .content > .marginal\n{\n position: static;\n width: 100%;\n}\n.menu .content > .marginal\n{\n margin: 3em 0 -994em -15em;\n padding: 2em 0 999em 0;\n}\n.nomenu .content > .marginal\n{\n margin: 3em 0 -994em 0;\n padding: 0 0 999em 0;\n background-color: transparent;\n}\n.onecolumn .content > .marginal\n{\n margin: 6.5em 0 -1001.175em 0;\n padding: 0 0 999em 0;\n background-color: transparent;\n}\n\n\n/** Seitenkopf positionieren */\n\n#header\n{\n padding: .125em 3em 2em 5em;\n @media (max-width: (@maxsmalltablet))\n {\n margin-left: -1.5em;\n padding: .125em 2em 2em 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n margin-left: -1.2em;\n padding: .125em 1em 2em 2.5em;\n }\n}\n\n\n/** Bereichsauswahl positionieren */\n\n.menu #nav\n{\n position: static;\n border-right: .125em solid @hintergrund;\n margin-left: 20em;\n @media (max-width: (@maxsmalltablet))\n {\n margin-left: 18.5em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n margin-left: 17.5em;\n #menu > li.about\n {\n display: inline-block;\n }\n }\n width: auto;\n}\n.nomenu #nav\n{\n position: absolute;\n top: 0;\n right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */\n width: 100%;\n}\n\n.menu #menu,\n.nomenu #menu,\n.onecolumn #menu\n{\n position: absolute;\n width: auto;\n top: -9em;\n right: 3em;\n @media (max-width: (@maxsmalltablet))\n {\n top: -7.7em;\n right: 2em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n top: -6.5em;\n right: 1em;\n }\n}\n#menu > li.about\n{\n display: none;\n}\n#menu > li.m\n{\n @media (max-width: (@maxsmalltablet))\n {\n padding: 0 0 0 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding: 0 0 0 2em;\n }\n}\n#menu > li.m > .m\n{\n @media (max-width: (@maxsmalltablet))\n {\n font-size: 200%; /* 32px */\n }\n @media (max-width: (@maxsmallertablet))\n {\n font-size: 150%; /* 24px */\n }\n}\n#menu > li.m > a.m:hover:before,\n#menu > li.m > a.m.selected:before,\n#menu > li.m > strong.m:before\n{\n @media (max-width: (@maxsmalltablet))\n {\n content: '> ';\n margin-left: -.95em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n }\n}\n\n\n/** Footer positionieren */\n\n.menu #footer\n{\n position: static;\n float: right;\n margin: 3em 0 -999em -15em;\n padding: 0 0 999em 0;\n width: 15em;\n background-color: @heller;\n}\n.nomenu #footer,\n.onecolumn #footer\n{\n padding: 0 3em 1.5em 5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding: 0 2em 1em 3em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding: 0 1em .75em 2.5em;\n }\n background-color: @heller;\n border-style: none;\n}\n\n\n/** Breadcrump positionieren */\n\n.menu #breadcrumb,\n.nomenu #breadcrumb,\n.onecolumn #breadcrumb\n{\n left: 15em;\n right: 3em;\n @media (max-width: (@maxsmalltablet))\n {\n font-size: 87.5%; /* 14px */\n top: 7.2em;\n left: 12.7142857em; /* 178px */\n }\n @media (max-width: (@maxsmallertablet))\n {\n top: 6em; /* 84px */\n left: 5em; /*70px */\n }\n}\n\n\n/** Faux-Column-Hack für Marginalinhalte */\n\n.nomenu .content > .marginal aside.m,\n.onecolumn .content > .marginal aside.m\n{\n margin: 3.5em 0 -999em 0;\n padding: 2em 3em 995em 5em;\n background-color: @heller;\n position: relative;\n top: -4.5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding-left: 3em;\n padding-right: 2em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-left: 2.5em;\n padding-right: 1em;\n }\n}\n.menu .content > .marginal > aside.m\n{\n margin: 0 -12em 1em 20em;\n @media (max-width: (@maxsmalltablet))\n {\n margin-left: 18.5em;\n margin-right: -13em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n margin-left: 17.5em;\n margin-right: -14em;\n }\n}\n","#submenu\n{\n padding-right: 1em;\n}\n",".nomenu .content > .marginal h1,\n.onecolumn .content > .marginal h1,\n.nomenu .content > .marginal h2,\n.onecolumn .content > .marginal h2,\n.nomenu .content > .marginal h3,\n.onecolumn .content > .marginal h3,\n.nomenu .content > .marginal h4,\n.onecolumn .content > .marginal h4\n{\n color: @hintergrund;\n}\n",".menu #footer > #footerlinks\n{\n position: static;\n border-style: none;\n margin: 3.75em 0 0 2em;\n}\n.menu #footer > #footerlinks > li.f\n{\n line-height: 1em;\n display: block;\n margin: 0 0 .25em 0;\n color: @hintergrund;\n}\n.menu #footer > #footerlinks > li#copyright\n{\n line-height: 1em;\n font-size: 137.5%;\n top: auto;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */\n @media (max-width: (@maxsmalltablet))\n {\n padding-right: 1.45454545em;\n padding-bottom: 1em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-right: .72727272em;\n padding-bottom: .5em;\n }\n background-color: @heller;\n text-align: right;\n}\n.menu #footer > #footerlinks a.f\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n.menu #footer > #footerlinks a.f:hover\n{\n color: @hintergrund;\n border-color: @hintergrund;\n border-style: solid;\n}\n\n\n.nomenu #footer > #footerlinks,\n.onecolumn #footer > #footerlinks\n{\n position: static;\n margin: -.125em;\n padding-top: 1.5em;\n @media (max-width: (@maxsmalltablet))\n {\n padding-top: 1em;\n }\n @media (max-width: (@maxsmallertablet))\n {\n padding-top: .5em;\n }\n border-top: .125em solid @hintergrund;\n > li.f\n {\n line-height: 1em;\n margin: 0 1em 0 0;\n padding: 0;\n }\n li.f > a.f\n {\n color: @hintergrund;\n border-color: @hintergrund;\n }\n li#copyright\n {\n position: static;\n float: right;\n font-size: 137.5%;\n margin: 0;\n }\n}\n",".pack > .p.left,\n.pack > .p.right,\n.pack.bg > .p.left,\n.pack.bg > .p.right,\n.single,\n.single.bg\n{\n width: auto;\n padding-bottom: 1.5em;\n margin: 0 0 1.5em 0;\n}\n","@media (max-width: (@maxsmalltablet))\n{\n #logo\n {\n font-size: 80%;\n }\n #slogan\n {\n font-size: 150%; /** 24px */\n }\n}\n\n@media (max-width: (@maxsmallertablet))\n{\n #logo\n {\n font-size: 60%;\n }\n #slogan\n {\n font-size: 112.5%; /** 18px */\n }\n}\n\n",".withbackground .content\n{\n position: relative;\n top: auto;\n bottom: auto;\n left: auto;\n rigth: auto;\n}\n#bs3\n{\n display: none;\n}\n#bs5\n{\n left: auto;\n right: 13%;\n}\n#bs7\n{\n bottom: 21%;\n}\n#bs8\n{\n display: none;\n}\n"]} \ No newline at end of file diff --git a/static/css/tablet.min.css b/static/css/tablet.min.css new file mode 100644 index 00000000..4f841a23 --- /dev/null +++ b/static/css/tablet.min.css @@ -0,0 +1,2 @@ +#logo{padding:0;z-index:3;left:auto;top:.3125em}#logo>.l>img.l{width:12.5em;-webkit-filter:drop-shadow(-5px -5px 5px #fff);filter:drop-shadow(-5px -5px 5px #fff)}#slogan{display:block;color:#fff;background-color:#0acf00;font-size:187.5%;line-height:.66666667em;height:.6em;padding:.06666667em .06666667em 0 0;margin-left:2em;position:relative;z-index:2;top:-1.3em;text-align:right;overflow:hidden}#slogan>strong{display:inline-block;position:relative;top:-.2em}#nav>h1.nav,#nav>h2.nav.menu{display:none}#nav>h2.nav.submenu{font-size:125%;line-height:1em;margin:1.5em 0 .5em 0;padding:0 0 0 1.65em;border:none}#nav>h2.nav.submenu:before{content:'V ';color:#fff;margin:0 .75em 0 -1.7em}#nav>h2.nav.submenu>span.s{display:none}#nav>h2.nav.submenu>a.s{color:#fff;border-style:dashed;border-color:#fff}#nav>h2.nav.submenu>a.s:active,#nav>h2.nav.submenu>a.s:focus,#nav>h2.nav.submenu>a.s:hover{border-style:solid}#submenu{font-size:125%;list-style-type:none;margin:1em 0 4em 0;padding:0 0 0 1.65em;border-style:none}#submenu ul.s{margin:1em 0 0 0;padding:0;list-style-type:none}#submenu ul.s.selected,#submenu.selected{margin-top:2em}#submenu ul.active{margin-top:1.5em}#submenu li.s{margin:0 0 .5em 0;padding:0}#submenu li.s.off{display:none}#submenu li.s>a.s{color:#078600}#submenu li.s>a.s.selected,#submenu li.s>strong.s{color:#fff;border-color:#fff}#submenu li.s>strong.s{border-bottom:1px solid #fff}#submenu li.s>a.s.selected:before,#submenu li.s>a.s:active:before,#submenu li.s>a.s:focus:before,#submenu li.s>a.s:hover:before,#submenu li.s>strong.s:before{content:'> ';margin:0 .75em 0 -1.7em}#submenu li.s.sub>a.s.selected:before,#submenu li.s.sub>a.s:active:before,#submenu li.s.sub>a.s:focus:before,#submenu li.s.sub>a.s:hover:before,#submenu li.s.sub>strong.s:before{content:'V '}body,html{height:100%}#page{position:relative;min-height:100%}#footer{position:absolute;left:0;right:0;bottom:0}.wip,.wip a,.wip h1,.wip h2,.wip h3,.wip h4,.wip h5,.wip h6{color:rgba(128,128,128,0);text-decoration:none;border-color:rgba(128,128,128,0);text-shadow:0 0 6px #404040}.wip{position:relative}.wip img.w{margin-top:30%;position:absolute;width:100%}.pack{overflow:hidden}.pack>.p.left,.pack>.p.right{width:42%;padding:0 3% 999em 3%;margin:0 0 -998em 0}.pack.bg>.p.left,.pack.bg>.p.right{background-color:#cef7c8}.pack>.p.left{float:left}.pack>.p.right{float:right}.pack>.p img.p{width:91.9118%}.single{padding:0 3% 1em 3%;margin:3% 0}.single.bg{background-color:#cef7c8}body{padding:0;overflow-y:scroll}#page{margin:0 auto;max-width:62.375em}body{padding:0 3em 0 5em}.content{position:relative;padding:0 0 7.1875em 0}.menu .content,.nomenu .content{padding-right:27em}.content>.main{min-height:1em;position:relative;width:100%}.menu .content>.main,.nomenu .content>.main{float:left}.content>.marginal{position:relative;background-color:#6ee768}.menu .content>.marginal,.nomenu .content>.marginal{float:left;margin:0 -27em 0 2.625em;padding:0 2em 1.0625em 2em;width:20.375em}.nomenu .content>.marginal{background-color:#cef7c8}.onecolumn .content>.marginal{margin-top:4em;background-color:transparent}#header{margin-left:-2.125em;padding:.125em 0 1em 0}#header>hr.h{display:none}.onecolumn #nav{position:absolute;top:0;right:0;width:100%}#nav>hr.n{display:none}#nav{position:relative;top:auto;right:auto;width:22.375em}#menu{position:relative;width:200%;top:-8em;right:100%;text-align:right;list-style-type:none;margin:0 0 -2.125em 0;padding:0;border-style:none}.onecolumn #menu{top:-15.5625em}#menu>li.m{display:inline-block;padding:0 0 0 4em}#menu>li.m>.m{font-size:250%;color:#0acf00}#menu>li.m>a.m{border-color:#0acf00}#menu>li.m>a.m:hover{border-color:#078600}#menu>li.m>a.m:hover,#menu>li.m>strong.m{border-style:solid}#menu>li.m>a.m.selected{color:#0acf00}#menu>li.m>a.m:hover{color:#078600}#menu>li.m>a.m.selected:before,#menu>li.m>a.m:hover:before,#menu>li.m>strong.m:before{content:'> ';margin-left:-.92em}#breadcrumb{position:absolute;top:7.875em;left:10em;z-index:3}#breadcrumb>a.hide{position:absolute}#breadcrumb>hr.b{display:none}#breadcrumb>ol.b>li.b:first-child,#breadcrumb>strong.b.title{text-indent:-999em;width:0;margin:0}#footer{padding:2em 0}.onecolumn #footer{background-color:#fff}#footer>hr.f{display:none}#footerlinks{border-top:1.25em solid #0acf00}#footerlinks>li.f{line-height:.66666667em;display:inline-block;float:none;margin:.5em 1em 0 0;color:#0acf00;vertical-align:top}#footerlinks>li#copyright{position:absolute;float:none;width:auto;right:.625em;top:-1em;line-height:1.4em;color:#fff;margin:0;font-size:187.5%}#footerlinks a.f{color:#0acf00;border-color:#0acf00}#footerlinks a.f:hover{color:#078600;border-color:#078600;border-style:solid}@media (max-width:800px){h1{font-size:150%}}body{padding:0}#page{overflow:hidden}.nomenu #page{padding:0}.menu .content{padding:0}.nomenu .content{padding:0 0 5em 0}@media (max-width:800px){.nomenu .content{padding-bottom:4em}}@media (max-width:700px){.nomenu .content{padding-bottom:3.25em}}.content.cf:after,.content.cf:before{clear:none;content:none;display:inline}.menu .content>.main,.nomenu .content>.main,.onecolumn .content>.main{float:none;width:auto;padding:0 3em 0 5em;border-top:1px solid #fff;border-bottom:1px solid #fff}@media (max-width:800px){.menu .content>.main,.nomenu .content>.main,.onecolumn .content>.main{padding:0 2em 0 3em}}@media (max-width:700px){.menu .content>.main,.nomenu .content>.main,.onecolumn .content>.main{padding:0 1em 0 2.5em}}.menu .content>.marginal,.nomenu .content>.marginal,.onecolumn .content>.marginal{position:static;width:100%}.menu .content>.marginal{margin:3em 0 -994em -15em;padding:2em 0 999em 0}.nomenu .content>.marginal{margin:3em 0 -994em 0;padding:0 0 999em 0;background-color:transparent}.onecolumn .content>.marginal{margin:6.5em 0 -1001.175em 0;padding:0 0 999em 0;background-color:transparent}#header{padding:.125em 3em 2em 5em}@media (max-width:800px){#header{margin-left:-1.5em;padding:.125em 2em 2em 3em}}@media (max-width:700px){#header{margin-left:-1.2em;padding:.125em 1em 2em 2.5em}}.menu #nav{position:static;border-right:.125em solid #fff;margin-left:20em;width:auto}@media (max-width:800px){.menu #nav{margin-left:18.5em}}@media (max-width:700px){.menu #nav{margin-left:17.5em}.menu #nav #menu>li.about{display:inline-block}}.nomenu #nav{position:absolute;top:0;right:0;width:100%}.menu #menu,.nomenu #menu,.onecolumn #menu{position:absolute;width:auto;top:-9em;right:3em}@media (max-width:800px){.menu #menu,.nomenu #menu,.onecolumn #menu{top:-7.7em;right:2em}}@media (max-width:700px){.menu #menu,.nomenu #menu,.onecolumn #menu{top:-6.5em;right:1em}}#menu>li.about{display:none}@media (max-width:800px){#menu>li.m{padding:0 0 0 3em}}@media (max-width:700px){#menu>li.m{padding:0 0 0 2em}}@media (max-width:800px){#menu>li.m>.m{font-size:200%}}@media (max-width:700px){#menu>li.m>.m{font-size:150%}}@media (max-width:800px){#menu>li.m>a.m.selected:before,#menu>li.m>a.m:hover:before,#menu>li.m>strong.m:before{content:'> ';margin-left:-.95em}}.menu #footer{position:static;float:right;margin:3em 0 -999em -15em;padding:0 0 999em 0;width:15em;background-color:#6ee768}.nomenu #footer,.onecolumn #footer{padding:0 3em 1.5em 5em;background-color:#6ee768;border-style:none}@media (max-width:800px){.nomenu #footer,.onecolumn #footer{padding:0 2em 1em 3em}}@media (max-width:700px){.nomenu #footer,.onecolumn #footer{padding:0 1em .75em 2.5em}}.menu #breadcrumb,.nomenu #breadcrumb,.onecolumn #breadcrumb{left:15em;right:3em}@media (max-width:800px){.menu #breadcrumb,.nomenu #breadcrumb,.onecolumn #breadcrumb{font-size:87.5%;top:7.2em;left:12.7142857em}}@media (max-width:700px){.menu #breadcrumb,.nomenu #breadcrumb,.onecolumn #breadcrumb{top:6em;left:5em}}.nomenu .content>.marginal aside.m,.onecolumn .content>.marginal aside.m{margin:3.5em 0 -999em 0;padding:2em 3em 995em 5em;background-color:#6ee768;position:relative;top:-4.5em}@media (max-width:800px){.nomenu .content>.marginal aside.m,.onecolumn .content>.marginal aside.m{padding-left:3em;padding-right:2em}}@media (max-width:700px){.nomenu .content>.marginal aside.m,.onecolumn .content>.marginal aside.m{padding-left:2.5em;padding-right:1em}}.menu .content>.marginal>aside.m{margin:0 -12em 1em 20em}@media (max-width:800px){.menu .content>.marginal>aside.m{margin-left:18.5em;margin-right:-13em}}@media (max-width:700px){.menu .content>.marginal>aside.m{margin-left:17.5em;margin-right:-14em}}#submenu{padding-right:1em}.nomenu .content>.marginal h1,.nomenu .content>.marginal h2,.nomenu .content>.marginal h3,.nomenu .content>.marginal h4,.onecolumn .content>.marginal h1,.onecolumn .content>.marginal h2,.onecolumn .content>.marginal h3,.onecolumn .content>.marginal h4{color:#fff}.menu #footer>#footerlinks{position:static;border-style:none;margin:3.75em 0 0 2em}.menu #footer>#footerlinks>li.f{line-height:1em;display:block;margin:0 0 .25em 0;color:#fff}.menu #footer>#footerlinks>li#copyright{line-height:1em;font-size:137.5%;top:auto;bottom:0;left:0;right:0;padding:0 2.18181818em 1.5em;background-color:#6ee768;text-align:right}@media (max-width:800px){.menu #footer>#footerlinks>li#copyright{padding-right:1.45454545em;padding-bottom:1em}}@media (max-width:700px){.menu #footer>#footerlinks>li#copyright{padding-right:.72727272em;padding-bottom:.5em}}.menu #footer>#footerlinks a.f{color:#fff;border-color:#fff}.menu #footer>#footerlinks a.f:hover{color:#fff;border-color:#fff;border-style:solid}.nomenu #footer>#footerlinks,.onecolumn #footer>#footerlinks{position:static;margin:-.125em;padding-top:1.5em;border-top:.125em solid #fff}@media (max-width:800px){.nomenu #footer>#footerlinks,.onecolumn #footer>#footerlinks{padding-top:1em}}@media (max-width:700px){.nomenu #footer>#footerlinks,.onecolumn #footer>#footerlinks{padding-top:.5em}}.nomenu #footer>#footerlinks>li.f,.onecolumn #footer>#footerlinks>li.f{line-height:1em;margin:0 1em 0 0;padding:0}.nomenu #footer>#footerlinks li.f>a.f,.onecolumn #footer>#footerlinks li.f>a.f{color:#fff;border-color:#fff}.nomenu #footer>#footerlinks li#copyright,.onecolumn #footer>#footerlinks li#copyright{position:static;float:right;font-size:137.5%;margin:0}.pack.bg>.p.left,.pack.bg>.p.right,.pack>.p.left,.pack>.p.right,.single,.single.bg{width:auto;padding-bottom:1.5em;margin:0 0 1.5em 0}@media (max-width:800px){#logo{font-size:80%}#slogan{font-size:150%}}@media (max-width:700px){#logo{font-size:60%}#slogan{font-size:112.5%}}.withbackground .content{position:relative;top:auto;bottom:auto;left:auto;rigth:auto}#bs3{display:none}#bs5{left:auto;right:13%}#bs7{bottom:21%}#bs8{display:none} +/*# sourceMappingURL=tablet.min.css.map */ \ No newline at end of file diff --git a/static/css/tablet.min.css.map b/static/css/tablet.min.css.map new file mode 100644 index 00000000..4b230c7a --- /dev/null +++ b/static/css/tablet.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/screen/layout.less","less/screen/footer.less","less/tablet/typo.less","less/tablet/layout.less","less/tablet/menu.less","less/tablet/marginal.less","less/tablet/footer.less","less/screen/onecolumn.less","less/tablet/head.less","less/tablet/404.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/static/css/tiny.css b/static/css/tiny.css new file mode 100644 index 00000000..24f1f1bd --- /dev/null +++ b/static/css/tiny.css @@ -0,0 +1,593 @@ +/** Farb-Thema */ +/** Bildschirmbreiten für Media-Query */ +/** Schriften */ +#logo { + padding: 0; + z-index: 3; + left: auto; + top: 0.3125em; + /* 5px */ +} +#logo > .l > img.l { + width: 12.5em; + /** 200px */ + -webkit-filter: drop-shadow(-5px -5px 5px #fff); + filter: drop-shadow(-5px -5px 5px #fff); +} +#slogan { + display: block; + color: #FFF; + background-color: #0ACF00; + font-size: 187.5%; + /** 30px */ + line-height: 0.66666667em; + /* 20px */ + height: 0.6em; + /* 18px */ + padding: 0.06666667em 0.06666667em 0 0; + /** 2px 2px 0 0 */ + margin-left: 2em; + position: relative; + z-index: 2; + top: -1.3em; + /* 39px */ + text-align: right; + overflow: hidden; +} +#slogan > strong { + display: inline-block; + position: relative; + top: -0.2em; + /* -6px */ +} +#nav > h1.nav, +#nav > h2.nav.menu { + display: none; +} +#nav > h2.nav.submenu { + font-size: 125%; + /** 20px */ + line-height: 1em; + /** 20px */ + margin: 1.5em 0 0.5em 0; + /** 30px 0 10px 0 */ + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border: none; +} +#nav > h2.nav.submenu:before { + content: 'V '; + color: #FFF; + margin: 0 0.75em 0 -1.7em; + /** 0 15em 0 -34px */ +} +#nav > h2.nav.submenu > span.s { + display: none; +} +#nav > h2.nav.submenu > a.s { + color: #FFF; + border-style: dashed; + border-color: #FFF; +} +#nav > h2.nav.submenu > a.s:hover, +#nav > h2.nav.submenu > a.s:focus, +#nav > h2.nav.submenu > a.s:active { + border-style: solid; +} +#submenu { + font-size: 125%; + /** 20 px */ + list-style-type: none; + margin: 1em 0 4em 0; + padding: 0 0 0 1.65em; + /** 0 0 0 33px */ + border-style: none; +} +#submenu ul.s { + margin: 1em 0 0 0; + /** 16px 0 0 0 */ + padding: 0; + list-style-type: none; +} +#submenu.selected, +#submenu ul.s.selected { + margin-top: 2em; + /** 32px */ +} +#submenu ul.active { + margin-top: 1.5em; + /** 24px */ +} +#submenu li.s { + margin: 0 0 0.5em 0; + /** 0 0 10px 0 */ + padding: 0; +} +#submenu li.s.off { + display: none; +} +#submenu li.s > a.s { + color: #078600; +} +#submenu li.s > a.s.selected, +#submenu li.s > strong.s { + color: #FFF; + border-color: #FFF; +} +#submenu li.s > strong.s { + border-bottom: 1px solid #FFF; +} +#submenu li.s > a.s.selected:before, +#submenu li.s > a.s:hover:before, +#submenu li.s > a.s:focus:before, +#submenu li.s > a.s:active:before, +#submenu li.s > strong.s:before { + content: '> '; + margin: 0 0.75em 0 -1.7em; + /** 0 15px 0 -34px = Warum auch immer?!? */ +} +#submenu li.s.sub > a.s.selected:before, +#submenu li.s.sub > a.s:hover:before, +#submenu li.s.sub > a.s:focus:before, +#submenu li.s.sub > a.s:active:before, +#submenu li.s.sub > strong.s:before { + content: 'V '; +} +/** Make the footer sticky */ +html, +body { + height: 100%; +} +#page { + position: relative; + min-height: 100%; +} +#footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} +/** Pages under construction... */ +.wip, +.wip h1, +.wip h2, +.wip h3, +.wip h4, +.wip h5, +.wip h6, +.wip a { + color: rgba(128, 128, 128, 0); + text-decoration: none; + border-color: rgba(128, 128, 128, 0); + text-shadow: 0 0 6px #404040; +} +.wip { + position: relative; +} +.wip img.w { + margin-top: 30%; + position: absolute; + width: 100%; +} +.pack { + overflow: hidden; +} +.pack > .p.left, +.pack > .p.right { + width: 42%; + padding: 0 3% 999em 3%; + margin: 0 0 -998em 0; +} +.pack.bg > .p.left, +.pack.bg > .p.right { + background-color: #CEF7C8; +} +.pack > .p.left { + float: left; +} +.pack > .p.right { + float: right; +} +.pack > .p img.p { + width: 91.9118%; +} +.single { + padding: 0 3% 1em 3%; + margin: 3% 0; +} +.single.bg { + background-color: #CEF7C8; +} +@media (max-width: 800px) { + #logo { + font-size: 80%; + } + #slogan { + font-size: 150%; + /** 24px */ + } +} +@media (max-width: 700px) { + #logo { + font-size: 60%; + } + #slogan { + font-size: 112.5%; + /** 18px */ + } +} +.withbackground .content { + position: relative; + top: auto; + bottom: auto; + left: auto; + rigth: auto; +} +#bs3 { + display: none; +} +#bs5 { + left: auto; + right: 13%; +} +#bs7 { + bottom: 21%; +} +#bs8 { + display: none; +} +h1 { + font-size: 150%; + /** 24 px */ +} +/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ +body { + font-size: 87.5%; + /** 14px */ + padding: 0; +} +#page { + position: relative; + overflow: hidden; +} +/** Seitenaufteilung mit/ohne Menü */ +.content > .main { + margin: 0 1em 0 2.5em; +} +.menu .content > .main { + border-top-style: none; +} +/** Seitenkopf positionieren */ +#header { + margin: 0.125em 1em 1em 1.25em; +} +#header > hr.h { + display: none; +} +#logo { + font-size: 50%; +} +/** Bereichsauswahl positionieren und stylen */ +#nav > hr.n { + display: none; +} +#menu { + border-style: none; + font-size: 125%; + line-height: 1.5em; +} +#menu { + font-size: 150%; + border-bottom: 0.125em solid #FFF; + margin-top: 0; + padding: 0.25em 0.25em 1em 1.5em; +} +#menu > li.m { + float: left; + list-style-type: none; + padding: 0.25em 1em 0 0; +} +@media (max-width: 359px) { + #menu > li.m { + float: none; + } +} +#menu > li.m > a.m { + color: #2D9B27; +} +#menu > li.m > strong.m { + color: #FFF; + border-bottom: 0.0625em solid #FFF; +} +#menu > li.m > a.m:hover, +#menu > li.m > a.m:focus, +#menu > li.m > a.m:active { + color: #078600; + border-bottom: 0.0625em solid #078600; +} +#menu > li.m > a.m.selected { + color: #FFF; + border-bottom: 0.0625em dashed #FFF; +} +#menu > li.m > a.m.selected:hover, +#menu > li.m > a.m.selected:focus, +#menu > li.m > a.m.selected:active { + border-style: solid; +} +/** Navigations-Sprunglink reaktivieren und stylen */ +#breadcrumb { + position: absolute; + top: 0.8em; + right: 1.5em; +} +#breadcrumb > strong.b, +#breadcrumb > ol.b, +#breadcrumb > hr.b { + display: none; +} +#breadcrumb > a.hide { + display: block; + overflow: hidden; + width: 3.5em; + height: 3em; + line-height: 2.1em; + color: #0ACF00; + border-style: none; +} +#breadcrumb > a.hide:before { + content: ""; + font-family: 'symbols'; + font-size: 378%; + /** Vielfaches von 14px */ + padding: 0 0 1em 0; + font-weight: normal; +} +#breadcrumb > a.hide:hover, +#breadcrumb > a.hide:focus, +#breadcrumb > a.hide:active { + color: #078600; +} +/** Inhalts-Sprunglink reaktivieren und stylen */ +#nav:target { + position: absolute; + top: 0; + right: 0; + left: 0; + padding: 0.25em 1em 999em 2.5em; + margin-bottom: -993em; + z-index: 5; + background-color: #6EE768; +} +#nav:target #menu { + padding-top: 0; + padding-bottom: 0.75em; +} +#nav:target > a.hide { + position: absolute; + left: auto; + top: 0.8em; + right: 1.5em; + display: block; + overflow: hidden; + width: 3.5em; + height: 3em; + line-height: 2.1em; + color: #FFF; + border-style: none; +} +#nav:target > a.hide:before { + content: ""; + font-family: 'symbols'; + font-size: 378%; + /** Vielfaches von 14px */ + padding: 0 0 1em 0; + margin: 0 1em 0 0; +} +#nav:target > a.hide:hover, +#nav:target > a.hide:focus, +#nav:target > a.hide:active { + color: #078600; +} +/** Footer positionieren */ +#footer { + padding: 0 1em 0.5em 2.5em; + background-color: #6EE768; +} +#footer > hr.f { + border-color: #FFF; +} +/** Marginal-Inhalte anpassen... */ +.marginal h1, +.marginal h2, +.marginal h3, +.marginal h4 { + color: #FFF; +} +/** Faux-Column-Hack für Marginalinhalte */ +.marginal { + margin-top: 4em; + margin-bottom: -993em; + padding: 1em 1em 999em 2.5em; + background-color: #6EE768; +} +@media (max-width: 410px) { + #slogan { + color: #0ACF00; + height: 0.3em; + top: -1.1em; + } +} +#submenu { + border-style: none; + font-size: 125%; + line-height: 1.5em; +} +#footer > #footerlinks { + position: static; + border-style: none; +} +#footer > #footerlinks > li.about { + display: none; +} +#footer > #footerlinks > li.f { + color: #FFF; + line-height: 1em; + margin: 0 1em 0 0; + padding: 0 0 0.5em 0; +} +#footer > #footerlinks > li.f > a.f { + color: #FFF; + border-color: #FFF; +} +#footer > #footerlinks > li#copyright { + position: static; + float: right; + width: auto; + font-size: 137.5%; + margin: 0; +} +@media (max-width: 229px) { + #footer > #footerlinks > li#copyright { + color: #000; + flow: none; + width: 100%; + } +} +.pack > .p.left, +.pack > .p.right, +.pack.bg > .p.left, +.pack.bg > .p.right, +.single, +.single.bg { + width: auto; + padding-bottom: 1.5em; + margin: 0 0 1.5em 0; +} +.withbackground .content { + position: relative; +} +.withbackground .content > .main { + z-index: 1; +} +.withbackground .content > .marginal { + position: relative; + z-index: 3; + border-top: 0.14285714em solid #FFF; + /** 2px */ +} +#bs1 { + top: -3%; +} +#bs2 { + font-size: 2000%; + top: 0%; + right: 3%; +} +#bs4 { + top: 5%; + left: 57%; +} +@media (max-width: 410px) { + #bs4 { + display: none; + } +} +#bs6 { + font-size: 1700%; + bottom: -10%; + left: 45%; +} +#bs7 { + top: 20%; + left: 2%; +} +@media (max-width: 410px) { + #bs7 { + top: 34%; + left: 30%; + } +} +#bs5, +#bs8 { + display: none; +} +#bs9 { + top: 20%; +} +@media (max-width: 410px) { + #bs9 { + display: none; + } +} +body { + font-size: 75%; + /** 12px */ +} +#header { + font-size: 75%; + margin: 0.25em 0.5em 1em 1em; +} +#nav:target { + padding-left: 0.5em; + padding-right: 0.5em; +} +#breadcrumb, +#nav:target > a.hide { + top: 0.5em; + right: 0.5em; +} +.content > .main, +#footer { + margin: 0; + padding: 0 0.5em; +} +.content > .marginal { + padding: 1em 0.5em 999em 0.5em; + margin-bottom: -991em; +} +@media (max-width: 210px) { + #nav:target { + padding-top: 0; + } +} +@media (max-width: 150px) { + #header { + font-size: 50%; + } + #header > hr.h { + display: block; + margin: 0; + } + #slogan { + display: none; + } + #breadcrumb, + #nav:target > a.hide { + top: 0.2em; + line-heigth: 2.3em; + width: 2.4em; + } + #breadcrumb > a.hide:before, + #nav:target > a.hide:before { + font-size: 264%; + /** Vielfaches von 12px */ + } +} +.withbackground .content > .marginal { + border-top: 0.16666667em solid #FFF; + /** 2px */ +} +#bs1 { + top: -2%; + left: 57%; +} +#bs2, +#bs6 { + display: none; +} +#bs7 { + top: 32%; + left: 46%; +} +/*# sourceMappingURL=tiny.css.map */ \ No newline at end of file diff --git a/static/css/tiny.css.map b/static/css/tiny.css.map new file mode 100644 index 00000000..0937de71 --- /dev/null +++ b/static/css/tiny.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/tablet/head.less","less/tablet/404.less","less/phone/typo.less","less/phone/layout.less","less/phone/head.less","less/phone/menu.less","less/phone/footer.less","less/phone/packs.less","less/phone/404.less","less/tiny/layout.less","less/tiny/404.less"],"names":[],"mappings":"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","sourcesContent":["#logo\n{\n padding: 0;\n z-index: 3;\n left: auto;\n top: 0.3125em; /* 5px */\n}\n#logo > .l > img.l\n{\n width: 12.5em; /** 200px */\n -webkit-filter: drop-shadow( -5px -5px 5px #fff );\n filter: drop-shadow( -5px -5px 5px #fff );\n}\n#slogan\n{\n display: block;\n color: @hintergrund;\n background-color: @normal;\n font-size: 187.5%; /** 30px */\n line-height: .6666666667em; /* 20px */\n height: .6em; /* 18px */\n padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */\n margin-left: 2em;\n position: relative;\n z-index: 2;\n top: -1.3em; /* 39px */\n text-align: right;\n overflow: hidden;\n}\n#slogan > strong{\n display: inline-block;\n position: relative;\n top: -.2em; /* -6px */\n}\n","#nav > h1.nav,\n#nav > h2.nav.menu\n{\n display: none;\n}\n#nav > h2.nav.submenu\n{\n font-size: 125%; /** 20px */\n line-height: 1em; /** 20px */\n margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border: none;\n}\n#nav > h2.nav.submenu:before\n{\n content: 'V ';\n color: @hintergrund;\n margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */\n}\n#nav > h2.nav.submenu > span.s\n{\n display: none;\n}\n#nav > h2.nav.submenu > a.s\n{\n color: @hintergrund;\n border-style: dashed;\n border-color: @hintergrund;\n}\n#nav > h2.nav.submenu > a.s:hover,\n#nav > h2.nav.submenu > a.s:focus,\n#nav > h2.nav.submenu > a.s:active\n{\n border-style: solid;\n}\n\n#submenu\n{\n font-size: 125%; /** 20 px */\n list-style-type: none;\n margin: 1em 0 4em 0;\n padding: 0 0 0 1.65em; /** 0 0 0 33px */\n border-style: none;\n}\n#submenu ul.s\n{\n margin: 1em 0 0 0; /** 16px 0 0 0 */\n padding: 0;\n list-style-type: none;\n}\n#submenu.selected,\n#submenu ul.s.selected\n{\n margin-top: 2em; /** 32px */\n}\n#submenu ul.active\n{\n margin-top: 1.5em; /** 24px */\n}\n#submenu li.s\n{\n margin: 0 0 .5em 0; /** 0 0 10px 0 */\n padding: 0;\n}\n#submenu li.s.off\n{\n display: none;\n}\n#submenu li.s > a.s\n{\n color: @dunkler;\n}\n#submenu li.s > a.s.selected,\n#submenu li.s > strong.s\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#submenu li.s > strong.s\n{\n border-bottom: 1px solid @hintergrund;\n}\n#submenu li.s > a.s.selected:before,\n#submenu li.s > a.s:hover:before,\n#submenu li.s > a.s:focus:before,\n#submenu li.s > a.s:active:before,\n#submenu li.s > strong.s:before\n{\n content: '> ';\n margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */\n}\n#submenu li.s.sub > a.s.selected:before,\n#submenu li.s.sub > a.s:hover:before,\n#submenu li.s.sub > a.s:focus:before,\n#submenu li.s.sub > a.s:active:before,\n#submenu li.s.sub > strong.s:before\n{\n content: 'V ';\n}\n","/** Make the footer sticky */\nhtml, body\n{\n height: 100%;\n}\n#page\n{\n position: relative;\n min-height: 100%;\n}\n#footer\n{\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n","/** Pages under construction... */\n.wip,\n.wip h1,\n.wip h2,\n.wip h3,\n.wip h4,\n.wip h5,\n.wip h6,\n.wip a\n{\n color: rgba(128, 128, 128, 0);\n text-decoration: none;\n border-color: rgba(128, 128, 128, 0);\n text-shadow: 0 0 6px #404040;\n}\n.wip\n{\n position: relative;\n}\n.wip img.w\n{\n margin-top: 30%;\n position: absolute;\n width: 100%;\n}\n",".pack\n{\n overflow: hidden;\n}\n.pack > .p.left,\n.pack > .p.right\n{\n width: 42%;\n padding: 0 3% 999em 3%;\n margin: 0 0 -998em 0;\n}\n.pack.bg > .p.left,\n.pack.bg > .p.right\n{\n background-color: @sehrhell;\n}\n.pack > .p.left\n{\n float: left;\n}\n.pack > .p.right\n{\n float: right;\n}\n.pack > .p img.p\n{\n width: 91.9118%;\n}\n.single\n{\n padding: 0 3% 1em 3%;\n margin: 3% 0;\n}\n.single.bg\n{\n background-color: @sehrhell;\n}\n","@media (max-width: (@maxsmalltablet))\n{\n #logo\n {\n font-size: 80%;\n }\n #slogan\n {\n font-size: 150%; /** 24px */\n }\n}\n\n@media (max-width: (@maxsmallertablet))\n{\n #logo\n {\n font-size: 60%;\n }\n #slogan\n {\n font-size: 112.5%; /** 18px */\n }\n}\n\n",".withbackground .content\n{\n position: relative;\n top: auto;\n bottom: auto;\n left: auto;\n rigth: auto;\n}\n#bs3\n{\n display: none;\n}\n#bs5\n{\n left: auto;\n right: 13%;\n}\n#bs7\n{\n bottom: 21%;\n}\n#bs8\n{\n display: none;\n}\n","h1\n{\n font-size: 150%; /** 24 px */\n}\n","/** Seite gesamt (Abmessungen, Aussenabstände etc.) */\n\nbody\n{\n font-size: 87.5%; /** 14px */\n padding: 0;\n}\n#page\n{\n position: relative;\n overflow: hidden;\n}\n\n\n/** Seitenaufteilung mit/ohne Menü */\n\n.content > .main\n{\n margin: 0 1em 0 2.5em;\n}\n.menu .content > .main\n{\n border-top-style: none;\n}\n\n\n\n/** Seitenkopf positionieren */\n\n#header\n{\n margin: .125em 1em 1em 1.25em;\n}\n#header > hr.h\n{\n display: none;\n}\n#logo\n{\n font-size: 50%;\n}\n\n/** Bereichsauswahl positionieren und stylen */\n\n#nav > hr.n\n{\n display: none;\n}\n#menu\n{\n border-style: none;\n font-size: 125%;\n line-height: 1.5em;\n}\n#menu\n{\n font-size: 150%;\n border-bottom: .125em solid @hintergrund;\n margin-top: 0;\n padding: .25em .25em 1em 1.5em;\n}\n#menu > li.m\n{\n float: left;\n @media (max-width: 359px)\n {\n float: none;\n }\n list-style-type: none;\n padding: .25em 1em 0 0;\n}\n#menu > li.m > a.m\n{\n color: @dunkel;\n}\n#menu > li.m > strong.m\n{\n color: @hintergrund;\n border-bottom: .0625em solid @hintergrund;\n}\n#menu > li.m > a.m:hover,\n#menu > li.m > a.m:focus,\n#menu > li.m > a.m:active\n{\n color: @dunkler;\n border-bottom: .0625em solid @dunkler;\n}\n#menu > li.m > a.m.selected\n{\n color: @hintergrund;\n border-bottom: .0625em dashed @hintergrund;\n}\n#menu > li.m > a.m.selected:hover,\n#menu > li.m > a.m.selected:focus,\n#menu > li.m > a.m.selected:active\n{\n border-style: solid;\n}\n\n\n/** Navigations-Sprunglink reaktivieren und stylen */\n\n#breadcrumb\n{\n position: absolute;\n top: .8em;\n right: 1.5em;\n}\n#breadcrumb > strong.b,\n#breadcrumb > ol.b,\n#breadcrumb > hr.b\n{\n display: none;\n}\n#breadcrumb > a.hide\n{\n display: block;\n overflow: hidden;\n width: 3.5em;\n height: 3em;\n line-height: 2.1em;\n color: @normal;\n border-style: none;\n}\n#breadcrumb > a.hide:before\n{\n content: \"\";\n font-family: 'symbols';\n font-size: 378%; /** Vielfaches von 14px */\n padding: 0 0 1em 0;\n font-weight: normal;\n}\n#breadcrumb > a.hide:hover,\n#breadcrumb > a.hide:focus,\n#breadcrumb > a.hide:active\n{\n color: @dunkler;\n}\n\n\n/** Inhalts-Sprunglink reaktivieren und stylen */\n\n#nav:target\n{\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: .25em 1em 999em 2.5em;\n margin-bottom: -993em;\n z-index: 5;\n background-color: @heller;\n #menu\n {\n padding-top: 0;\n padding-bottom: .75em;\n }\n > a.hide\n {\n position: absolute;\n left: auto;\n top: .8em;\n right: 1.5em;\n display: block;\n overflow: hidden;\n width: 3.5em;\n height: 3em;\n line-height: 2.1em;\n color: @hintergrund;\n border-style: none;\n }\n > a.hide:before\n {\n content: \"\";\n font-family: 'symbols';\n font-size: 378%; /** Vielfaches von 14px */\n padding: 0 0 1em 0;\n margin: 0 1em 0 0;\n }\n > a.hide:hover,\n > a.hide:focus,\n > a.hide:active\n {\n color: @dunkler;\n }\n}\n\n\n/** Footer positionieren */\n\n#footer\n{\n padding: 0 1em .5em 2.5em;\n background-color: @heller;\n}\n#footer > hr.f\n{\n border-color: @hintergrund;\n}\n\n\n/** Marginal-Inhalte anpassen... */\n\n.marginal h1,\n.marginal h2,\n.marginal h3,\n.marginal h4\n{\n color: @hintergrund;\n}\n\n\n/** Faux-Column-Hack für Marginalinhalte */\n\n.marginal\n{\n margin-top: 4em;\n margin-bottom: -993em;\n padding: 1em 1em 999em 2.5em;\n background-color: @heller;\n}\n","@media (max-width: 410px)\n{\n #slogan\n {\n color: @normal;\n height: .3em;\n top: -1.1em;\n }\n}\n","#submenu\n{\n border-style: none;\n font-size: 125%;\n line-height: 1.5em;\n}\n","#footer > #footerlinks\n{\n position: static;\n border-style: none;\n}\n#footer > #footerlinks > li.about\n{\n display: none;\n}\n#footer > #footerlinks > li.f\n{\n color: @hintergrund;\n line-height: 1em;\n margin: 0 1em 0 0;\n padding: 0 0 .5em 0;\n}\n#footer > #footerlinks > li.f > a.f\n{\n color: @hintergrund;\n border-color: @hintergrund;\n}\n#footer > #footerlinks > li#copyright\n{\n position: static;\n float: right;\n width: auto;\n font-size: 137.5%;\n margin: 0;\n @media (max-width: 229px)\n {\n color: @schrift;\n flow: none;\n width: 100%;\n }\n}\n",".pack > .p.left,\n.pack > .p.right,\n.pack.bg > .p.left,\n.pack.bg > .p.right,\n.single,\n.single.bg\n{\n width: auto;\n padding-bottom: 1.5em;\n margin: 0 0 1.5em 0;\n}\n",".withbackground .content\n{\n position: relative;\n}\n.withbackground .content > .main\n{\n z-index: 1;\n}\n.withbackground .content > .marginal\n{\n position: relative;\n z-index: 3;\n border-top: .142857143em solid @hintergrund; /** 2px */\n}\n#bs1\n{\n top: -3%;\n}\n#bs2\n{\n font-size: 2000%;\n top: 0%;\n right: 3%;\n}\n#bs4\n{\n top: 5%;\n left: 57%;\n @media (max-width: 410px)\n {\n display: none;\n }\n}\n#bs6\n{\n font-size: 1700%;\n bottom: -10%;\n left: 45%;\n}\n#bs7\n{\n top: 20%;\n left: 2%;\n @media (max-width: 410px)\n {\n top: 34%;\n left: 30%;\n }\n}\n#bs5,\n#bs8\n{\n display: none;\n}\n#bs9\n{\n top: 20%;\n @media (max-width: 410px)\n {\n display: none;\n }\n}\n","body\n{\n font-size: 75%; /** 12px */\n}\n#header\n{\n font-size: 75%;\n margin: .25em .5em 1em 1em;\n}\n#nav:target\n{\n padding-left: 0.5em;\n padding-right: 0.5em;\n}\n#breadcrumb,\n#nav:target > a.hide\n{\n top: .5em;\n right: .5em;\n}\n.content > .main,\n#footer\n{\n margin: 0;\n padding: 0 .5em;\n}\n.content > .marginal\n{\n padding: 1em .5em 999em .5em;\n margin-bottom: -991em;\n}\n\n@media (max-width: 210px)\n{\n #nav:target\n {\n padding-top: 0;\n }\n}\n@media (max-width: 150px)\n{\n #header\n {\n font-size: 50%;\n }\n #header > hr.h\n {\n display: block;\n margin: 0;\n }\n #slogan\n {\n display: none;\n }\n #breadcrumb,\n #nav:target > a.hide\n {\n top: .2em;\n line-heigth: 2.3em;\n width: 2.4em;\n }\n #breadcrumb > a.hide:before,\n #nav:target > a.hide:before\n {\n font-size: 264%; /** Vielfaches von 12px */\n }\n}\n",".withbackground .content > .marginal\n{\n border-top: .166666666666em solid @hintergrund; /** 2px */\n}\n#bs1\n{\n top: -2%;\n left: 57%;\n}\n#bs2,\n#bs6\n{\n display: none;\n}\n#bs7\n{\n top: 32%;\n left: 46%;\n}\n"]} \ No newline at end of file diff --git a/static/css/tiny.min.css b/static/css/tiny.min.css new file mode 100644 index 00000000..14aeda6e --- /dev/null +++ b/static/css/tiny.min.css @@ -0,0 +1,2 @@ +#logo{padding:0;z-index:3;left:auto;top:.3125em}#logo>.l>img.l{width:12.5em;-webkit-filter:drop-shadow(-5px -5px 5px #fff);filter:drop-shadow(-5px -5px 5px #fff)}#slogan{display:block;color:#fff;background-color:#0acf00;font-size:187.5%;line-height:.66666667em;height:.6em;padding:.06666667em .06666667em 0 0;margin-left:2em;position:relative;z-index:2;top:-1.3em;text-align:right;overflow:hidden}#slogan>strong{display:inline-block;position:relative;top:-.2em}#nav>h1.nav,#nav>h2.nav.menu{display:none}#nav>h2.nav.submenu{font-size:125%;line-height:1em;margin:1.5em 0 .5em 0;padding:0 0 0 1.65em;border:none}#nav>h2.nav.submenu:before{content:'V ';color:#fff;margin:0 .75em 0 -1.7em}#nav>h2.nav.submenu>span.s{display:none}#nav>h2.nav.submenu>a.s{color:#fff;border-style:dashed;border-color:#fff}#nav>h2.nav.submenu>a.s:active,#nav>h2.nav.submenu>a.s:focus,#nav>h2.nav.submenu>a.s:hover{border-style:solid}#submenu{font-size:125%;list-style-type:none;margin:1em 0 4em 0;padding:0 0 0 1.65em;border-style:none}#submenu ul.s{margin:1em 0 0 0;padding:0;list-style-type:none}#submenu ul.s.selected,#submenu.selected{margin-top:2em}#submenu ul.active{margin-top:1.5em}#submenu li.s{margin:0 0 .5em 0;padding:0}#submenu li.s.off{display:none}#submenu li.s>a.s{color:#078600}#submenu li.s>a.s.selected,#submenu li.s>strong.s{color:#fff;border-color:#fff}#submenu li.s>strong.s{border-bottom:1px solid #fff}#submenu li.s>a.s.selected:before,#submenu li.s>a.s:active:before,#submenu li.s>a.s:focus:before,#submenu li.s>a.s:hover:before,#submenu li.s>strong.s:before{content:'> ';margin:0 .75em 0 -1.7em}#submenu li.s.sub>a.s.selected:before,#submenu li.s.sub>a.s:active:before,#submenu li.s.sub>a.s:focus:before,#submenu li.s.sub>a.s:hover:before,#submenu li.s.sub>strong.s:before{content:'V '}body,html{height:100%}#page{position:relative;min-height:100%}#footer{position:absolute;left:0;right:0;bottom:0}.wip,.wip a,.wip h1,.wip h2,.wip h3,.wip h4,.wip h5,.wip h6{color:rgba(128,128,128,0);text-decoration:none;border-color:rgba(128,128,128,0);text-shadow:0 0 6px #404040}.wip{position:relative}.wip img.w{margin-top:30%;position:absolute;width:100%}.pack{overflow:hidden}.pack>.p.left,.pack>.p.right{width:42%;padding:0 3% 999em 3%;margin:0 0 -998em 0}.pack.bg>.p.left,.pack.bg>.p.right{background-color:#cef7c8}.pack>.p.left{float:left}.pack>.p.right{float:right}.pack>.p img.p{width:91.9118%}.single{padding:0 3% 1em 3%;margin:3% 0}.single.bg{background-color:#cef7c8}@media (max-width:800px){#logo{font-size:80%}#slogan{font-size:150%}}@media (max-width:700px){#logo{font-size:60%}#slogan{font-size:112.5%}}.withbackground .content{position:relative;top:auto;bottom:auto;left:auto;rigth:auto}#bs3{display:none}#bs5{left:auto;right:13%}#bs7{bottom:21%}#bs8{display:none}h1{font-size:150%}body{font-size:87.5%;padding:0}#page{position:relative;overflow:hidden}.content>.main{margin:0 1em 0 2.5em}.menu .content>.main{border-top-style:none}#header{margin:.125em 1em 1em 1.25em}#header>hr.h{display:none}#logo{font-size:50%}#nav>hr.n{display:none}#menu{border-style:none;font-size:125%;line-height:1.5em}#menu{font-size:150%;border-bottom:.125em solid #fff;margin-top:0;padding:.25em .25em 1em 1.5em}#menu>li.m{float:left;list-style-type:none;padding:.25em 1em 0 0}@media (max-width:359px){#menu>li.m{float:none}}#menu>li.m>a.m{color:#2d9b27}#menu>li.m>strong.m{color:#fff;border-bottom:.0625em solid #fff}#menu>li.m>a.m:active,#menu>li.m>a.m:focus,#menu>li.m>a.m:hover{color:#078600;border-bottom:.0625em solid #078600}#menu>li.m>a.m.selected{color:#fff;border-bottom:.0625em dashed #fff}#menu>li.m>a.m.selected:active,#menu>li.m>a.m.selected:focus,#menu>li.m>a.m.selected:hover{border-style:solid}#breadcrumb{position:absolute;top:.8em;right:1.5em}#breadcrumb>hr.b,#breadcrumb>ol.b,#breadcrumb>strong.b{display:none}#breadcrumb>a.hide{display:block;overflow:hidden;width:3.5em;height:3em;line-height:2.1em;color:#0acf00;border-style:none}#breadcrumb>a.hide:before{content:"";font-family:symbols;font-size:378%;padding:0 0 1em 0;font-weight:400}#breadcrumb>a.hide:active,#breadcrumb>a.hide:focus,#breadcrumb>a.hide:hover{color:#078600}#nav:target{position:absolute;top:0;right:0;left:0;padding:.25em 1em 999em 2.5em;margin-bottom:-993em;z-index:5;background-color:#6ee768}#nav:target #menu{padding-top:0;padding-bottom:.75em}#nav:target>a.hide{position:absolute;left:auto;top:.8em;right:1.5em;display:block;overflow:hidden;width:3.5em;height:3em;line-height:2.1em;color:#fff;border-style:none}#nav:target>a.hide:before{content:"";font-family:symbols;font-size:378%;padding:0 0 1em 0;margin:0 1em 0 0}#nav:target>a.hide:active,#nav:target>a.hide:focus,#nav:target>a.hide:hover{color:#078600}#footer{padding:0 1em .5em 2.5em;background-color:#6ee768}#footer>hr.f{border-color:#fff}.marginal h1,.marginal h2,.marginal h3,.marginal h4{color:#fff}.marginal{margin-top:4em;margin-bottom:-993em;padding:1em 1em 999em 2.5em;background-color:#6ee768}@media (max-width:410px){#slogan{color:#0acf00;height:.3em;top:-1.1em}}#submenu{border-style:none;font-size:125%;line-height:1.5em}#footer>#footerlinks{position:static;border-style:none}#footer>#footerlinks>li.about{display:none}#footer>#footerlinks>li.f{color:#fff;line-height:1em;margin:0 1em 0 0;padding:0 0 .5em 0}#footer>#footerlinks>li.f>a.f{color:#fff;border-color:#fff}#footer>#footerlinks>li#copyright{position:static;float:right;width:auto;font-size:137.5%;margin:0}@media (max-width:229px){#footer>#footerlinks>li#copyright{color:#000;flow:none;width:100%}}.pack.bg>.p.left,.pack.bg>.p.right,.pack>.p.left,.pack>.p.right,.single,.single.bg{width:auto;padding-bottom:1.5em;margin:0 0 1.5em 0}.withbackground .content{position:relative}.withbackground .content>.main{z-index:1}.withbackground .content>.marginal{position:relative;z-index:3;border-top:.14285714em solid #fff}#bs1{top:-3%}#bs2{font-size:2000%;top:0;right:3%}#bs4{top:5%;left:57%}@media (max-width:410px){#bs4{display:none}}#bs6{font-size:1700%;bottom:-10%;left:45%}#bs7{top:20%;left:2%}@media (max-width:410px){#bs7{top:34%;left:30%}}#bs5,#bs8{display:none}#bs9{top:20%}@media (max-width:410px){#bs9{display:none}}body{font-size:75%}#header{font-size:75%;margin:.25em .5em 1em 1em}#nav:target{padding-left:.5em;padding-right:.5em}#breadcrumb,#nav:target>a.hide{top:.5em;right:.5em}#footer,.content>.main{margin:0;padding:0 .5em}.content>.marginal{padding:1em .5em 999em .5em;margin-bottom:-991em}@media (max-width:210px){#nav:target{padding-top:0}}@media (max-width:150px){#header{font-size:50%}#header>hr.h{display:block;margin:0}#slogan{display:none}#breadcrumb,#nav:target>a.hide{top:.2em;line-heigth:2.3em;width:2.4em}#breadcrumb>a.hide:before,#nav:target>a.hide:before{font-size:264%}}.withbackground .content>.marginal{border-top:.16666667em solid #fff}#bs1{top:-2%;left:57%}#bs2,#bs6{display:none}#bs7{top:32%;left:46%} +/*# sourceMappingURL=tiny.min.css.map */ \ No newline at end of file diff --git a/static/css/tiny.min.css.map b/static/css/tiny.min.css.map new file mode 100644 index 00000000..42f93353 --- /dev/null +++ b/static/css/tiny.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/screen/head.less","less/screen/menu.less","less/screen/footer-sticky.less","less/screen/wip.less","less/screen/packs.less","less/tablet/head.less","less/tablet/404.less","less/phone/typo.less","less/phone/layout.less","less/phone/head.less","less/phone/menu.less","less/phone/footer.less","less/phone/packs.less","less/phone/404.less","less/tiny/layout.less","less/tiny/404.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/static/test/layout.html b/static/test/layout.html new file mode 100644 index 00000000..939f9e32 --- /dev/null +++ b/static/test/layout.html @@ -0,0 +1,237 @@ + + + + + + juplo - BASISTEMPLATE + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+

juplo - BASISTEMPLATE

+
+

+ Lorem ipsum dolor + sit amet, + consectetur adipisicing elit, sed do eiusmod tempor incididunt ut + labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum dolore + eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est + laborum. +

+

Duis aute irure dolor

+
    +
  • Operators and other mathematical stuff: -+/*
    • +
  • + Characters offten used in programming languages: + {(<>)}@$?%*#;:&/\!^"'`~ +
    • +
  • Special german characters: ÄäÖöÜü
    • +
  • Other special characters: @?¢§%°
    • +
+

Excepteur sint occaecat cupidatat

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt mollit + anim id est laborum. +

+
+
+
+ + + +
+
+ +
+ + -- 2.39.5