Copied modified files from most recent alpha version

This commit is contained in:
Christian Wolf 2017-07-11 15:58:37 +02:00
parent b391370fdb
commit 4a9588118a
8 changed files with 294 additions and 23 deletions

View File

@ -0,0 +1,3 @@
#topmenu .nav > li > a {
font-size: large;
}

View File

@ -1,18 +1,27 @@
body {
background-color: #ebebeb;
overflow: scroll;
}
#topmenu a {
color: inherit;
}
#topmenu-div {
width: 100vw;
}
#topmenu {
background-color: black;
color: white;
font-weight: bold;
text-align: center;
position: fixed;
width: 100vw;
display: block;
width: 100vw;
}
#topmenu > .nav {
display: flex;
flex-flow: row nowrap;
@ -21,7 +30,7 @@
margin: 0px;
position: relative;
align-items: center;
height: 40px;
min-height: 40px;
}
#topmenu > .nav > li {
@ -38,7 +47,7 @@
#topmenu > .nav > li > .nav-child {
position: absolute;
display: none;
z-index: 10;
z-index: 30;
background-color: white;
margin: 10px 20px 10px 0px;
border: none;
@ -59,10 +68,15 @@
background-color: gray;
}
#topmenu .nav > li > a {
font-size: x-large;
}
#page {
padding-top: 35px;
max-width: 1200px;
width: 100%;
background-color: white;
}
/*
@ -73,6 +87,20 @@
display: inline-block;
}
#pgfs {
position: static;
z-index: 10;
}
.pgfs_floom_progressbar, .pgfs_floom_slice {
position: static;
z-index: 11;
}
#logo > img {
height: 180px;
}
/*
* Content positioning

View File

@ -2,4 +2,5 @@
@import "mobile.css";
@import "desktop.css" ( min-width: 1000px);
@import "desktop.css" ( min-width: 1000px );
@import "desktop-narrow.css" ( min-width: 800px) and ( max-width: 1200px );

View File

@ -1,15 +1,17 @@
body {
margin: 0px;
height: 100.1vh;
min-height: 100.1vh;
display: flex;
flex-direction: column;
align-items: center;
}
#page {
box-shadow: 30vw 0px 5vw -10vw green inset;
flex: 1;
/*box-shadow: 30vw 0px 5vw -10vw green inset;*/
flex: 1 1 auto;
display: flex;
flex-direction: column;
width: 100%;
}
/*
@ -48,7 +50,7 @@ body {
*/
#header {
flex: 0;
flex: 0 0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
@ -85,7 +87,7 @@ body {
*/
#content {
flex: 1;
flex: 1 1 auto;
}
#left_menu {
@ -109,7 +111,7 @@ body {
*/
#footer {
flex: 0;
flex: 0 0 auto;
background-color: black;
color: white;
text-align: center;
@ -124,14 +126,16 @@ body {
#mobile_menu li > a {
margin: 5px 0px 5px 0px;
background-color: rgb(200,255,200);
padding: 0px;
background-color: #dddddd;
padding: 0px 5px;
display: block;
flex: 0;
color: black;
}
#mobile_menu li.active > a {
background-color: rgb(150,255,150);
background-color: #888888;
color: white;
}
#mobile_menu .nav {
@ -145,12 +149,20 @@ body {
margin-right: 5px;
}
#mobile_menu .nav-child > li {
margin: 0px;
}
#mobile_menu li > ul.nav {
margin-left: -5px;
margin-right: -5px;
}
#mobile_menu > .level-1 > li > ul {
#mobile_menu li ul {
border: none;
}
/*#mobile_menu > .level-1 > li > ul {
display: flex;
flex-wrap: wrap;
}
@ -162,6 +174,12 @@ body {
#mobile_menu > .level-1 > li > ul > li > a {
display: block;
}*/
#mobile_menu a {
font-size: initial;
margin-right: 0px;
padding-right: 0px;
}
/*

View File

@ -0,0 +1,35 @@
a {
text-decoration: none;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.pull-none {
float: reset;
}
p {
text-align: justify;
}
.centered {
text-align: center;
}
.ragged-left {
text-align: left;
}
table.alternating tr:nth-child(1) {
background-color: gray;
}
table.alternating tr:nth-child(even) {
background-color: lightgray;
}

BIN
slt/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

181
slt/index.html Normal file
View File

@ -0,0 +1,181 @@
<html>
<head>
<title>Saarl&auml;ndische Tanzverband e.V.</title>
<meta content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style></style>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id='topmenu'>
<ul class='nav'>
<li>Home</li>
<li>
Sport
<ul class='nav'>
<li>Eine sehr lange Zeile</li>
<li>B</li>
<li>C</li>
</ul>
</li>
<li>
Breitensport
<ul class='nav'>
<li>Eine sehr lange Zeile</li>
<li>B</li>
<li>C</li>
</ul>
</li>
<li>
Jugend
<ul class='nav'>
<li>Eine sehr lange Zeile</li>
<li>B</li>
<li>C</li>
</ul>
</li>
<li>Kontakt</li>
</ul>
</div> <!-- #topmenu -->
<div id='page'>
<div id='header'>
<div id='logo'>
<img src='img/SLT_hoch_03.png'>
</div> <!-- #logo -->
<div id='slideshow'>
<!--sdasd-->
<img src='img/Slide1.jpg'>
</div> <!-- #slideshow -->
</div> <!-- #header -->
<div id='mobile_menu2'>
<ul class='nav level-1'>
<li>Home</li>
<li>Sport</li>
<li>Breitensport</li>
<li class='selected'>Jugend</li>
<li>Kontakt</li>
</ul>
<ul class='nav'>
<li>Eine sehr lange Zeile</li>
<li class='selected'>B</li>
<li>C</li>
</ul>
<ul class='nav'>
<li class='selected'>sub-B</li>
<li>sub-B2</li>
<li>sub-B3</li>
</ul>
</div>
<div id='mobile_menu'>
<ul class='nav level-1'>
<li><a>Home</a></li>
<li><a>Sport</a></li>
<li><a>Breitensport</a></li>
<li><a class='selected'>Jugend</a>
<ul class='nav'>
<li><a>Eine sehr lange Zeile</a></li>
<li><a class='selected'>B</a></li>
<li><a>C</a></li>
</ul>
</li>
<li><a>Kontakt</a></li>
</ul>
<ul class='nav'>
<li><a class='selected'>sub-B</a></li>
<li><a>sub-B2</a></li>
<li><a>sub-B3</a></li>
</ul>
<ul class='nav'>
<li><a class='selected'>sub-B</a></li>
<li><a>sub-B2</a></li>
<li><a>sub-B3</a></li>
</ul>
</div>
<div id='content'>
<div id='left_menu'>
Left Menu
<ul class='nav'>
<li>Home</li>
<li>
Sport
<ul class='nav'>
<li>Eine sehr lange Zeile</li>
<li>B</li>
<li>C</li>
</ul>
</li>
<li>
Breitensport
<ul class='nav'>
<li>Eine sehr lange Zeile</li>
<li>B</li>
<li>C</li>
</ul>
</li>
<li>
Jugend
<ul class='nav'>
<li>Eine sehr lange Zeile</li>
<li>
B
<ul class='nav'>
<li>sub-B</li>
<li>
sub-B2
<ul class='nav'>
<li>
sub-B
<ul class='nav'>
<li>sub-B</li>
<li>sub-B2</li>
<li>sub-B3</li>
</ul>
</li>
<li>sub-B2</li>
<li>sub-B3</li>
</ul>
</li>
<li>sub-B3</li>
</ul>
</li>
<li>C</li>
</ul>
</li>
<li>Kontakt</li>
</ul>
</div> <!-- #left_menu -->
<div id='main_column'>
<div id='main_content'>
Hauptinhalt
</div>
<div id='footline'>
Fussnote
</div> <!-- #footline -->
</div><!-- main_column -->
<div id='right_column'>
Rechte Spalte sdfasadf
asfdasdfasdf sfasfd sa ffasdfa sdfasadfas fd
a sdf asdfasfd asf
</div><!-- #right_column -->
</div> <!-- #content -->
<div id='footer'>
Fusszeile
</div> <!-- #footer -->
</div> <!-- #page -->
</body>
</html>

View File

@ -16,12 +16,21 @@ $app = JFactory::getApplication();
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/main.css" type="text/css" />
<!-- <title>Saarl&auml;ndische Tanzverband e.V.</title> -->
<!-- <meta content=""> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <style></style> -->
<!-- <link rel="stylesheet" type="text/css" href="css/main.css"> -->
</head>
<body>
<div id='topmenu'>
<div id='topmenu-div'>
<div id='topmenu'>
<jdoc:include type="modules" style="none" name="topmenu" />
</div> <!-- #topmenu -->
</div> <!-- #topmenu -->
</div> <!-- #topmenu-div -->
<div id='page'>
@ -39,11 +48,9 @@ $app = JFactory::getApplication();
</div>
<div id='content'>
<div id='left_menu'>
<jdoc:include type="modules" style="none" name="left_menu" />
</div> <!-- #left_menu -->
<div id='main_column'>
<div id='main_content'>
<jdoc:include type="component" style="none" />
@ -52,11 +59,9 @@ $app = JFactory::getApplication();
<jdoc:include type="modules" style="none" name="footline" />
</div> <!-- #footline -->
</div><!-- main_column -->
<div id='right_column'>
<jdoc:include type="modules" style="none" name="right_column" />
</div><!-- #right_column -->
</div> <!-- #content -->
<div id='footer'>