diff --git a/static/style/styles.css b/static/style/styles.css index c5c2210..2fd1d1c 100755 --- a/static/style/styles.css +++ b/static/style/styles.css @@ -1,220 +1,221 @@ -/* - * Web Fonts from fontspring.com - * - * All OpenType features and all extended glyphs have been removed. - * Fully installable fonts can be purchased at http://www.fontspring.com - * - * The fonts included in this stylesheet are subject to the End User License you purchased - * from Fontspring. The fonts are protected under domestic and international trademark and - * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or - * distributing this font software. - * - * (c) 2010-2015 Fontspring - * - * - * - * - * The fonts included are copyrighted by the vendor listed below. - * - * Vendor: Fontfabric - * License URL: http://www.fontspring.com/licenses/fontfabric/webfont - * - * - */ - -@font-face { - font-family: 'intro_rust_gbase_2_line'; - src: url('introrustg-base2line-webfont.eot'); - src: url('introrustg-base2line-webfont.eot?#iefix') format('embedded-opentype'), - url('introrustg-base2line-webfont.woff2') format('woff2'), - url('introrustg-base2line-webfont.woff') format('woff'), - url('introrustg-base2line-webfont.ttf') format('truetype'), - url('introrustg-base2line-webfont.svg#intro_rust_gbase_2_line') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'intro_script_rh2_base'; - src: url('introscriptr-h2base-webfont.eot'); - src: url('introscriptr-h2base-webfont.eot?#iefix') format('embedded-opentype'), - url('introscriptr-h2base-webfont.woff2') format('woff2'), - url('introscriptr-h2base-webfont.woff') format('woff'), - url('introscriptr-h2base-webfont.ttf') format('truetype'), - url('introscriptr-h2base-webfont.svg#intro_script_rh2_base') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'intro_head_rbase'; - src: url('introheadr-base-webfont.eot'); - src: url('introheadr-base-webfont.eot?#iefix') format('embedded-opentype'), - url('introheadr-base-webfont.woff2') format('woff2'), - url('introheadr-base-webfont.woff') format('woff'), - url('introheadr-base-webfont.ttf') format('truetype'), - url('introheadr-base-webfont.svg#intro_head_rbase') format('svg'); - font-weight: normal; - font-style: normal; -} - -body { - background-image:url(linien1.svg); - background-repeat:no-repeat; - background-size:100% auto; - background-position:center; - background-attachment:fixed; - background-color:#3F3836; - color:#fff; -} - -a:link, a:visited { - color:#fff; -} - -a:hover, a:active, -a:visited:hover, a:visited:active { - background-color:#000; -} - -.legal { - text-align:right; - font-size:0.8em; - text-transform:uppercase; - font-family:'intro_head_rbase',sans-serif; - letter-spacing:1px; -} - -.legal a:link, .legal a:visited, -.nav a:link, .nav a:visited { - text-decoration:none; -} - -.head h1 { - font-family:'intro_rust_gbase_2_line',sans-serif; - font-weight:normal; - font-size:5em; - margin:0; -} - -.head h2 { - font-family:'intro_script_rh2_base',sans-serif; - font-weight:normal; - font-size:2.5em; - padding-top:1.1em; - text-align:right; - margin:0; -} - -.nav ul, .nav ul li { - margin:0; - padding:0; - list-style-type:none; - display:inline; -} - -.nav ul li a:link, .nav ul li a:visited { - display:block; - float:left; - background-color:#fff; - color:#3F3836; - width:10%; - margin-right:2%; - font-size:1.3em; - text-transform:uppercase; - font-family:'intro_head_rbase',sans-serif; -} - -.nav ul li.last a:link, .nav ul li.last a:visited { - margin-right:0; -} - -.nav ul li a:hover, .nav ul li a:visited:hover, -.nav ul li.current a:link, .nav ul li.current a:visited { - background-color:#000; - color:#fff; -} - -.content { - font-family:'intro_head_rbase',sans-serif; - margin-top:2em; -} - -.content h1 { - text-transform:uppercase; - margin-top:0; - font-weight:normal; - font-size:2em; -} - -.content p, .content li, .content td { - font-size:1.3em; -} - -.margin { - font-size:85%; -} - -.margin h3{ - background-color:#000; - padding:0.5em; - margin-top:0; -} - -.ifl { - float:left; - margin:0.5em 0.5em 0.5em 0; -} - -.ifr { - float:right; - margin:0.5em 0 0.5em 0.5em; -} - -.adress ul { - list-style-type:none; -} - -pre { - padding: 1em; - background-color: #008b8b70; - border-radius: 4px; - white-space: pre-wrap; -} - -p code { - vertical-align: baseline; - background-color: #008b8b70; - border-radius: 4px; - padding: 1px 4px; -} - -@media screen and (max-width:48em) { - -.legal { - text-align:center; - margin-top:1em; -} - -.head h1 { - font-size:2.5em; - text-align:center; - padding:0; -} - -.head h2 { - font-size:1.5em; - text-align:center; - padding:0; -} - -.nav ul li a:link, .nav ul li a:visited { - width:100%; - margin:0.2em 0; - text-align:center; -} - - - -} - +/* + * Web Fonts from fontspring.com + * + * All OpenType features and all extended glyphs have been removed. + * Fully installable fonts can be purchased at http://www.fontspring.com + * + * The fonts included in this stylesheet are subject to the End User License you purchased + * from Fontspring. The fonts are protected under domestic and international trademark and + * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or + * distributing this font software. + * + * (c) 2010-2015 Fontspring + * + * + * + * + * The fonts included are copyrighted by the vendor listed below. + * + * Vendor: Fontfabric + * License URL: http://www.fontspring.com/licenses/fontfabric/webfont + * + * + */ + +@font-face { + font-family: 'intro_rust_gbase_2_line'; + src: url('introrustg-base2line-webfont.eot'); + src: url('introrustg-base2line-webfont.eot?#iefix') format('embedded-opentype'), + url('introrustg-base2line-webfont.woff2') format('woff2'), + url('introrustg-base2line-webfont.woff') format('woff'), + url('introrustg-base2line-webfont.ttf') format('truetype'), + url('introrustg-base2line-webfont.svg#intro_rust_gbase_2_line') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'intro_script_rh2_base'; + src: url('introscriptr-h2base-webfont.eot'); + src: url('introscriptr-h2base-webfont.eot?#iefix') format('embedded-opentype'), + url('introscriptr-h2base-webfont.woff2') format('woff2'), + url('introscriptr-h2base-webfont.woff') format('woff'), + url('introscriptr-h2base-webfont.ttf') format('truetype'), + url('introscriptr-h2base-webfont.svg#intro_script_rh2_base') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'intro_head_rbase'; + src: url('introheadr-base-webfont.eot'); + src: url('introheadr-base-webfont.eot?#iefix') format('embedded-opentype'), + url('introheadr-base-webfont.woff2') format('woff2'), + url('introheadr-base-webfont.woff') format('woff'), + url('introheadr-base-webfont.ttf') format('truetype'), + url('introheadr-base-webfont.svg#intro_head_rbase') format('svg'); + font-weight: normal; + font-style: normal; +} + +body { + background-image:url(linien1.svg); + background-repeat:no-repeat; + background-size:100% auto; + background-position:center; + background-attachment:fixed; + background-color:#3F3836; + color:#fff; +} + +a:link, a:visited { + color:#fff; +} + +a:hover, a:active, +a:visited:hover, a:visited:active { + background-color:#000; +} + +.legal { + text-align:right; + font-size:0.8em; + text-transform:uppercase; + font-family:'intro_head_rbase',sans-serif; + letter-spacing:1px; +} + +.legal a:link, .legal a:visited, +.nav a:link, .nav a:visited { + text-decoration:none; +} + +.head h1 { + font-family:'intro_rust_gbase_2_line',sans-serif; + font-weight:normal; + font-size:5em; + margin:0; +} + +.head h2 { + font-family:'intro_script_rh2_base',sans-serif; + font-weight:normal; + font-size:2.5em; + padding-top:1.1em; + text-align:right; + margin:0; +} + +.nav ul, .nav ul li { + margin:0; + padding:0; + list-style-type:none; + display:inline; +} + +.nav ul li a:link, .nav ul li a:visited { + display:block; + float:left; + background-color:#fff; + color:#3F3836; + width:10%; + margin-right:2%; + font-size:1.3em; + text-transform:uppercase; + font-family:'intro_head_rbase',sans-serif; +} + +.nav ul li.last a:link, .nav ul li.last a:visited { + margin-right:0; +} + +.nav ul li a:hover, .nav ul li a:visited:hover, +.nav ul li.current a:link, .nav ul li.current a:visited { + background-color:#000; + color:#fff; +} + +.content { + font-family:'intro_head_rbase',sans-serif; + margin-top:2em; +} + +.content h1 { + text-transform:uppercase; + margin-top:0; + font-weight:normal; + font-size:2em; +} + +.content p, .content li, .content td { + font-size:1.3rem; +} + + + +.margin { + font-size:85%; +} + +.margin h3{ + background-color:#000; + padding:0.5em; + margin-top:0; +} + +.ifl { + float:left; + margin:0.5em 0.5em 0.5em 0; +} + +.ifr { + float:right; + margin:0.5em 0 0.5em 0.5em; +} + +.adress ul { + list-style-type:none; +} + +pre { + padding: 1em; + background-color: #008b8b70; + border-radius: 4px; + white-space: pre-wrap; +} + +p code { + vertical-align: baseline; + background-color: #008b8b70; + border-radius: 4px; + padding: 1px 4px; +} + +@media screen and (max-width:48em) { + +.legal { + text-align:center; + margin-top:1em; +} + +.head h1 { + font-size:2.5em; + text-align:center; + padding:0; +} + +.head h2 { + font-size:1.5em; + text-align:center; + padding:0; +} + +.nav ul li a:link, .nav ul li a:visited { + width:100%; + margin:0.2em 0; + text-align:center; +} + + + +}