slt/template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Copied modified files from most recent alpha version

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
slt/css/desktop-narrow.css Normal file
View File

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

38
slt/css/desktop.css
View File

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

3
slt/css/main.css
View File

@ -2,4 +2,5 @@
@import "mobile.css"; @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 );

38
slt/css/mobile.css
View File

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

35
slt/css/visual.css
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
View File

Binary file not shown.
Side by Side

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>

19
slt/index.php
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" /> <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> </head>
<body> <body>
<div id='topmenu'> <div id='topmenu-div'>
<jdoc:include type="modules" style="none" name="topmenu" /> <div id='topmenu'>
</div> <!-- #topmenu --> <jdoc:include type="modules" style="none" name="topmenu" />
</div> <!-- #topmenu -->
</div> <!-- #topmenu-div -->
<div id='page'> <div id='page'>
@ -39,11 +48,9 @@ $app = JFactory::getApplication();
</div> </div>
<div id='content'> <div id='content'>
<div id='left_menu'> <div id='left_menu'>
<jdoc:include type="modules" style="none" name="left_menu" /> <jdoc:include type="modules" style="none" name="left_menu" />
</div> <!-- #left_menu --> </div> <!-- #left_menu -->
<div id='main_column'> <div id='main_column'>
<div id='main_content'> <div id='main_content'>
<jdoc:include type="component" style="none" /> <jdoc:include type="component" style="none" />
@ -52,11 +59,9 @@ $app = JFactory::getApplication();
<jdoc:include type="modules" style="none" name="footline" /> <jdoc:include type="modules" style="none" name="footline" />
</div> <!-- #footline --> </div> <!-- #footline -->
</div><!-- main_column --> </div><!-- main_column -->
<div id='right_column'> <div id='right_column'>
<jdoc:include type="modules" style="none" name="right_column" /> <jdoc:include type="modules" style="none" name="right_column" />
</div><!-- #right_column --> </div><!-- #right_column -->
</div> <!-- #content --> </div> <!-- #content -->
<div id='footer'> <div id='footer'>