diff --git a/slt/css/desktop-narrow.css b/slt/css/desktop-narrow.css deleted file mode 100644 index e46390b..0000000 --- a/slt/css/desktop-narrow.css +++ /dev/null @@ -1,3 +0,0 @@ -#topmenu .nav > li > a { - font-size: large; -} \ No newline at end of file diff --git a/slt/css/desktop.css b/slt/css/desktop.css deleted file mode 100644 index 1385027..0000000 --- a/slt/css/desktop.css +++ /dev/null @@ -1,335 +0,0 @@ - -/* -Structure of page -*/ - -#topmenu-div { -} - -#topmenu -{ - position: fixed; - display: flex; -} - -#topmenu > .topmenu-sep -{ - display: inline-block; - flex: 1 1 auto; -} - -#topmenu .nav -{ - flex: 0 0 auto; - display: flex; - flex-flow: row nowrap; - justify-content: space-between; - position: relative; - align-items: center; -} - -#topmenu .nav > li -{ - display: inline-block; -} - -#topmenu .nav > li > a -{ - position: relative; -} - -#topmenu .nav > li > .nav-child { - position: absolute; - display: none; -} - -#topmenu .nav > li:hover > .nav-child { - display: block; -} - -#topmenu .nav > li > .nav-child > li > a { - display: block; -} - -#page-div -{ - display: flex; - flex-flow: row; - width: 100%; - justify-content: space-around; -} - -#page -{ - flex: 0 0 auto; -} - -#page-bg -{ - display: block; - position: fixed; -} - -#header { - justify-content: space-around; -} - -#slideshow { - display: inline-block; -} - -#content { - display: flex; -} - -#left_menu { - flex: 0 1 20%; - display: block; -} - -.nav-child > li > a { - display: block; -} - -#main_column { - flex: 1 1 60%; - display: flex; - flex-flow: column nowrap; -} - -#main_content{ - flex: 1 1 auto; -} - -#footline { - flex: none; -} - -#right_column { - flex: 1 1 15%; - display: block; -} - -#mobile_menu, -#mobile_menu.visible, -#mobile_menu_switch -{ - display: none; -} - -a.facebook img -{ - display: inline; -} -a.facebook > span.image-title -{ - display: none; -} - - - -/* -Form of page (paddings, margins, ...) -*/ - -body -{ - overflow: scroll; - padding: 0px; -} - -#topmenu-div { - width: 100vw; - height: 40px; -} - -#topmenu { - width: 100vw; - z-index: 5000; -} - -#topmenu .nav { - padding: 0px 10px; - margin: 0px; - height: 40px; - width: 980px; -} - -#topmenu .nav > li > a { - font-size: large; - padding: 10px; - z-index: 3001; -} - -#topmenu .nav > li > .nav-child { - z-index: 3000; - margin: 0px 20px 10px 0px; - border: none; - padding: 0px; -} - -#topmenu .nav > li:hover > .nav-child { - box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5); -} - -#topmenu .nav > li > .nav-child > li -{ - padding: 0px 5px; -} - -#topmenu .nav > li > .nav-child > li > a { - padding: 10px 5px 10px 4px; - border-left-color: transparent; - border-left-style: solid; - border-left-width: 6px; -} - -#page-div, #page -{ - min-height: calc( 100vh - 40px ); -} - -#page { - width: 1000px; -} - -#page-bg -{ - width: 1000px; - height: calc( 100% - 40px ); - bottom: 0px; - z-index: -9; - left: calc( (100% - 1000px) / 2 ); -} - -#left_side-image, #right_side-image -{ - position: fixed; - height: 100vh; - width: calc( (100% - 980px) / 2 ); - z-index: -10; -} - -#left_side-image -{ - left: 0px; -} - -#right_side-image -{ - right: 0px; -} - -#left_menu -{ - margin: 15px 0px 15px 5px; -} - -#left_menu > ul.menu -{ - padding: 10px; -} - -#left_menu > ul.menu:hover -{ - box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5); -} - -#left_menu > ul.menu li > a -{ - padding: 2px 5px 2px 5px; -} - -#right_column -{ - margin: 15px 5px 15px 0px; -} - - - - -/* -Additional content -*/ - -#topmenu a { - color: inherit; -} - -#topmenu { - font-weight: bold; - text-align: center; -} - -#topmenu .nav > li { - text-align: left; -} - -#topmenu .nav > li > a { - font-size: large; -} - -#topmenu li > a, -#topmenu li:hover > a, -#topmenu li:focus > a, -#topmenu li.active > a -{ - background-color: inherit; - color: inherit; -} - -#topmenu .nav-child > li:hover > a:hover, -#topmenu .nav-child > li:focus > a:hover, -#topmenu .nav-child > li:hover > a:focus -{ - text-decoration: none; -} - -#left_side-image, #right_side-image -{ - background-repeat: no-repeat; - background-size: cover; - background-position: center center; - opacity: 0.5; -} - -#page -{ - background-color: inherit; -} - - -p.readmore -{ - text-align: right; - font-size: smaller; -} - -.btn -{ - border-radius: 0pt; -} - -.readmore > .btn -{ - font-size: inherit; - background-image: none; - border: none; - text-shadow: unset; -} - -p.readmore > .btn > span[class^="icon-"] -{ - display: none; -} - - -/* - * Debug - */ - -/*#right_column,#left_menu,#main_content,#footline { - background-color: rgba(0,0,0,0.1); -}*/ - - diff --git a/slt/css/main.css b/slt/css/main.css deleted file mode 100644 index d613dbb..0000000 --- a/slt/css/main.css +++ /dev/null @@ -1,7 +0,0 @@ - -@import "mobile.css"; - -@import "desktop.css" ( min-width: 1000px ); -@import "desktop-narrow.css" ( min-width: 1000px) and ( max-width: 1200px ); - -@import "visual.css"; diff --git a/slt/css/mobile.css b/slt/css/mobile.css deleted file mode 100644 index d760d5a..0000000 --- a/slt/css/mobile.css +++ /dev/null @@ -1,274 +0,0 @@ -body { - margin: 0px; - min-height: 100.1vh; - display: flex; - flex-direction: column; - align-items: center; -/* padding: 0px 20px 10px 20px;*/ - padding: 0px; -} - -#page-div -{ - width: 100%; -} - -#page { - /*box-shadow: 30vw 0px 5vw -10vw green inset;*/ - flex: 1 0 auto; - display: flex; - flex-direction: column; - width: 100%; - min-height: 100vh; -} - -#page-bg -{ - display: none; -} - -/* - * Menu configuration - */ - -.nav, -.nav-child -{ - padding: 0px; -} - -.nav > li, -.nav-child > li -{ - display: block; -} - -.nav -{ - font-size: inherit; -} - -.nav-child -{ - font-size: small; -} - -.nav > li > .nav-child, .nav-child > li > .nav-child { - padding-left: 10px; - margin-left: 10px; - /* border-left: solid gray 1px;*/ /*TODO*/ -} - -/* - * Topmenu positioning and styling - */ - -#topmenu { - display: none; -} - -/* - * Header line positioning - */ - -#header { - flex: 0 0 auto; - display: flex; - flex-flow: row nowrap; - justify-content: space-between; -} - -#header > div { - margin: 20px; - align-items: center; -} - -#slideshow { - flex: 1; -} - -#slideshow { - display: none; -} - - -/* - * Content positioning - */ - -#content { - flex: 1 0 auto; -} - -#left_menu { - display: none; -} - -#main_column { - margin: 15px; -} - -#right_column { - display: none; -} - -#footline { - margin-top: 10px; -} - -/* - * Footer positioning - */ - -#impressum -{ - flex: 0 0 auto; - text-align: right; - margin-top: 30px; - padding: 5px; -} - -#impressum .nav -{ - margin-bottom: 0px; - background-color: inherit; - display: inline-block; -} - -#impressum .nav > li -{ - display: inline-block; -} - -#impressum a -{ - text-decoration: underline; - padding: 10px; -} - -#footer { - flex: 0 0 auto; - background-color: black; - color: white; - text-align: center; - padding: 5px; -} - -#footer > .customimpressum { - float: left; -} - -#footer > .customdatenschutz { - float: right; -} - -#footer a -{ - color: inherit; - text-decoration: underline; -} - -#footer a:hover, -#footer a:focus -{ - color: black; - background-color: white; - text-decoration: underline; -} - -/* - * Mobile menu positioning - */ - -#mobile_menu, #content { - margin: 0px 15px 0px 15px; -} - -#mobile_menu { - margin-top: 10px; - display: none; -} - -#mobile_menu.visible -{ - display: block; -} - -#mobile_menu li > a { - margin: 5px 0px 5px 0px; - padding: 10px 5px; - display: block; - flex: 0; -} - -#mobile_menu .nav { - padding: 0px; - border: none; - margin-left: 0px; -} - -#mobile_menu li { - margin-left: 5px; - margin-right: 5px; -} - -#mobile_menu .nav-child > li { - margin: 0px; -} - -#mobile_menu li > ul.nav { - margin-left: -5px; - margin-right: -5px; -} - -#mobile_menu li ul { - border: none; -} - - -#mobile_menu a { - font-size: initial; - margin-right: 0px; - padding-right: 0px; -} - - -#mobile_menu > ul.menu { - background-color: initial; - color: initial; - margin-bottom: initial; -} - -#mobile_menu_switch -{ - flex: 0 0 auto; - text-align: right; -} - -#btn_mobile_menu -{ - padding: 10px 30px 0px 0px; - width: 40px; - box-sizing: initial; -} - -a.facebook img -{ - display: none; -} - - -.article-info -{ - font-size: smaller; -} - -/* - * Debug - */ - -/*#right_column,#left_menu,#main_content,#footline { - background-color: rgba(0,0,0,0.1); -}*/ - - diff --git a/slt/css/visual.css b/slt/css/visual.css deleted file mode 100644 index ae68911..0000000 --- a/slt/css/visual.css +++ /dev/null @@ -1,224 +0,0 @@ - -body { - font-size: 12pt; - font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; - line-height: 175%; -} - -a { - text-decoration: none; -} - -p { - text-align: justify; - hyphens: auto; -} - -h3 -{ - font-size: 133% /*16pt*/; -} - -h2 -{ - font-size: 158% /*19pt*/; -} - -h1 -{ - font-size: 183% /*22pt*/; -} - -h1,h2,h3,h4 -{ - line-height: 150%; -} - -.pull-right > img, -.pull-left > img, -.pull-right > a > img, -.pull-left > a > img -{ - margin: 10px; -} - -.centered { - text-align: center; -} - -.ragged-left { - text-align: left; -} - -/*h2 > a { - color: black; -}*/ - -li.row-fluid { - display: block; -} - -.article-info { - clear: both; -} - -.page-header -{ - padding-bottom: 0px; -} - - -ul.nav > li > a:hover, -ul.nav-child > li > a:hover -{ - /* background-color: inherit;*/ /* FIXME */ - text-decoration: none; -} - -.nav a -{ - color: inherit; -} - -#topmenu a { - color: inherit; -} - -#topmenu { - font-weight: bold; - text-align: center; -} - -#topmenu > .nav > li { - text-align: left; -} - -#topmenu .nav > li > a { - font-size: large; -} - -#topmenu .nav > li > a, -#topmenu .nav > li:hover > a { - background-color: inherit; -} - -#topmenu > .nav > li > .nav-child > li:hover > a:hover { - text-decoration: none; -} - -#topmenu .nav > li, -#topmenu .nav-child > li -{ - padding: 0px; - border-style: none; -} - -#left_side, #right_side -{ - background-repeat: no-repeat; - background-size: cover; -} - -#left_menu .nav > li, -#left_menu .nav-child > li -{ - padding: 5px 0px; - border-top-style: solid; - border-width: 1px; -} - -#left_menu .nav > li:first-child, -#left_menu .nav-child > li:first-child -{ - border-top-style: none; -} - -.row-striped .row-fluid:nth-child(n), -.list-striped li:nth-child(n), -.table-striped tbody > tr:nth-child(n) > td -{ - background-color: inherit; -} - -.well -{ - background-color: inherit; -} - -#footer -{ - font-size: x-small; - line-height: 100%; - color: gray; -} - -/* Special colors */ - -/* Lehre */ -#topmenu > ul.nav .nav-child a.lehre -{ - border-left-color: #d9c254; -} - -/* Breitensport */ -#topmenu > ul.nav .nav-child a.breitensport -{ - border-left-color: #a6d400; -} - -/* Jugend */ -#topmenu > ul.nav .nav-child a.jugend -{ - border-left-color: #0044bb; -} - -/* JMD */ -#topmenu > ul.nav .nav-child a.jmd -{ - border-left-color: #e95d00; -} - -/* Fachverbaende */ -#topmenu > ul.nav .nav-child a.fachverbaende -{ - border-left-color: #eec008; -} - -/* Std/Lat */ -#topmenu > ul.nav .nav-child a.sport -{ - border-left-color: #bc0023; -} - - -/* Visual enhancements for the single entry menu */ - -ul#current_page_menu.menu -{ - background-color: transparent; - padding-top: 0px; - padding-bottom: 0px; -} - -ul#current_page_menu.menu:hover -{ - box-shadow: unset; -} - -#current_page_menu > li -{ - border-style: none; - display: none; -} - -#current_page_menu > li.active -{ - display: block; - border-style: none; -} - -#current_page_menu > li.active > a -{ - background-color: transparent; - font-weight: bold; -}