Copied modified files from most recent alpha version
This commit is contained in:
parent
b391370fdb
commit
4a9588118a
3
slt/css/desktop-narrow.css
Normal file
3
slt/css/desktop-narrow.css
Normal file
@ -0,0 +1,3 @@
|
||||
#topmenu .nav > li > a {
|
||||
font-size: large;
|
||||
}
|
||||
@ -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
|
||||
|
||||
@ -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 );
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
@ -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
BIN
slt/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
181
slt/index.html
Normal file
181
slt/index.html
Normal file
@ -0,0 +1,181 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Saarlä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>
|
||||
@ -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ä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'>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user