diff --git a/slt/css/desktop-narrow.css b/slt/css/desktop-narrow.css new file mode 100644 index 0000000..e46390b --- /dev/null +++ b/slt/css/desktop-narrow.css @@ -0,0 +1,3 @@ +#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 index 36eb556..af54b76 100644 --- a/slt/css/desktop.css +++ b/slt/css/desktop.css @@ -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 diff --git a/slt/css/main.css b/slt/css/main.css index 0e20f0e..09eb2c1 100644 --- a/slt/css/main.css +++ b/slt/css/main.css @@ -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 ); diff --git a/slt/css/mobile.css b/slt/css/mobile.css index b49afe4..684a76e 100644 --- a/slt/css/mobile.css +++ b/slt/css/mobile.css @@ -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; } /* diff --git a/slt/css/visual.css b/slt/css/visual.css index e69de29..ecb5d7c 100644 --- a/slt/css/visual.css +++ b/slt/css/visual.css @@ -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; +} \ No newline at end of file diff --git a/slt/favicon.ico b/slt/favicon.ico new file mode 100644 index 0000000..60b1f64 Binary files /dev/null and b/slt/favicon.ico differ diff --git a/slt/index.html b/slt/index.html new file mode 100644 index 0000000..b459a99 --- /dev/null +++ b/slt/index.html @@ -0,0 +1,181 @@ + + +Saarländische Tanzverband e.V. + + + + + + + + + +
+ +
+ +
+ + + +
+ + + + + +
+ +
+ + + + + +
+ +
+
+ Left Menu +
    +
  • Home
    • +
  • + Sport +
      +
    • Eine sehr lange Zeile
      • +
    • B
      • +
    • C
      • +
    +
    • +
  • + Breitensport +
      +
    • Eine sehr lange Zeile
      • +
    • B
      • +
    • C
      • +
    +
    • +
  • + Jugend +
      +
    • Eine sehr lange Zeile
      • +
    • + B +
        +
      • sub-B
        • +
      • + sub-B2 +
          +
        • + sub-B +
            +
          • sub-B
            • +
          • sub-B2
            • +
          • sub-B3
            • +
          +
          • +
        • sub-B2
          • +
        • sub-B3
          • +
        +
        • +
      • sub-B3
        • +
      +
      • +
    • C
      • +
    +
    • +
  • Kontakt
    • +
+
+
+
+ Hauptinhalt +
+
+ Fussnote +
+
+
+ Rechte Spalte sdfasadf + asfdasdfasdf sfasfd sa ffasdfa sdfasadfas fd + a sdf asdfasfd asf +
+
+ + + +
+ + + diff --git a/slt/index.php b/slt/index.php index f663975..481185f 100644 --- a/slt/index.php +++ b/slt/index.php @@ -16,12 +16,21 @@ $app = JFactory::getApplication(); + + + + + + + -
- -
+
+
+ +
+
@@ -39,11 +48,9 @@ $app = JFactory::getApplication();
-
-
@@ -52,11 +59,9 @@ $app = JFactory::getApplication();
-
-