# HG changeset patch # User Michael Schloh von Bennewitz # Date 1363633942 -3600 # Node ID 03660c8f542a656c0b1b71b3eadc8f2d08e4583e # Parent aa352b378181423bc56942b786f47080c5f4cd5d Considerably clean, correct, improve, and add video for demonstration. diff -r aa352b378181 -r 03660c8f542a tizenporta/index.html --- a/tizenporta/index.html Mon Mar 18 19:21:40 2013 +0100 +++ b/tizenporta/index.html Mon Mar 18 20:12:22 2013 +0100 @@ -2,7 +2,7 @@ - + Tizen Application Portability @@ -102,7 +102,7 @@ /* enable clicking on elements 'hiding' behind body in 3D */ body { pointer-events: none; } -#impress { pointer-events: auto; } + #impress { pointer-events: auto; } /* COMMON STEP STYLES */ @@ -135,10 +135,14 @@ opacity: 0.3; } + /* completely fade to dark */ + .dark:not(.active) { + opacity: 0; + } + /* STEP SPECIFIC STYLES */ /* hint on the first slide */ - .hint { position: fixed; left: 0; @@ -196,9 +200,10 @@ #title { background-size: 100% 100%; background-image: url(masterhinterbay.png); - background-repeat: no-repeat; - background-attachment: fixed; - background-position: top; + border: none; + /*background-repeat: no-repeat;*/ + /*background-attachment: fixed;*/ + /*background-position: top;*/ } #title h1 { @@ -227,6 +232,11 @@ text-shadow: 4px 3px 8px black; } +#vidsrc { + width: 100%; + height: 100%; + } + #contents { background-image: url('meefrauhand.svg'); background-position: 90% 80%; @@ -331,22 +341,6 @@ transform: translateZ(50px); } -#topnative:not(.active) { - opacity: 0; -} - -#topnative:is(.active) { - opacity: 1; -} - -#picnative:not(.active) { - opacity: 0; -} - -#picnative:is(.active) { - opacity: 1; -} - #topweb .smalltext { font-size: 104px; position: absolute; @@ -373,22 +367,6 @@ transform: translateZ(50px); } -#svgrich1:not(.active) { - opacity: 0; -} - -#svgrich1:is(.active) { - opacity: 1; -} - -/*#svgtizenarch1:not(.active) { - opacity: 0; -} - -#svgtizenarch1:is(.active) { - opacity: 1; -}*/ - #svgtizenarch1, #svgtizenarch2 { width: 820px; padding-top: 48px; @@ -396,38 +374,6 @@ margin-right: auto; } -#svgrich2:not(.active) { - opacity: 0; -} - -#svgrich2:is(.active) { - opacity: 1; -} - -#svgrich3:not(.active) { - opacity: 0; -} - -#svgrich3:is(.active) { - opacity: 1; -} - -#kitplethora:not(.active) { - opacity: 0; -} - -#kitplethora:is(.active) { - opacity: 1; -} - -#svgappflow:not(.active) { - opacity: 0; -} - -#svgappflow:is(.active) { - opacity: 1; -} - #specases .smalltext { font-size: 92px; line-height: 116px; @@ -481,14 +427,6 @@ transform: translateZ(50px); } -#topchoose2:not(.active) { - opacity: 0; -} - -#topchoose2:is(.active) { - opacity: 1; -} - #topchoose2 a { font-size: 64px; position: relative; @@ -515,10 +453,10 @@ font-weight: 300; font-style: italic; line-height: 1.2; - margin-left: 72px; - margin-right: 72px; + margin-left: 32px; + margin-right: 32px; position: relative; - top: 3.5em; + top: 3em; } blockquote .author { @@ -569,9 +507,10 @@ #conclusion { background-size: 100% 100%; background-image: url(schlusshintergrund.png); - background-repeat: no-repeat; - background-attachment: fixed; - background-position: top; + border: none; + /*background-repeat: no-repeat;*/ + /*background-attachment: fixed;*/ + /*background-position: top;*/ color: white; text-shadow: 8px 6px 12px black; @@ -598,15 +537,12 @@ float: left; } - /* overview step */ - -#overview { +#overview { /* overview step */ z-index: -1; padding: 0; } /* on overview step everything is visible */ - .impress-on-overview .step { opacity: 1; cursor: pointer; @@ -628,7 +564,7 @@ padding: 40px 60px; - border-radius: 10px; + border-radius: 20px; background-color: white; @@ -670,7 +606,7 @@ padding: 10px 10px 0; margin: 20px auto; - border-radius: 10px; + border-radius: 20px; border: 1px solid #E4C652; background: #EEDC94; } @@ -1085,11 +1021,27 @@