# HG changeset patch # User Michael Schloh von Bennewitz # Date 1336226897 -7200 # Node ID 5691915dae1d24cf51be42d6cbbef07c8614d48f # Parent ee91ce4e01a795da4b418621dd110edb126c1a49 Improve from first draft quality, make corrections, and change formatting. diff -r ee91ce4e01a7 -r 5691915dae1d tizenporta/index.html --- a/tizenporta/index.html Wed May 02 20:50:26 2012 +0200 +++ b/tizenporta/index.html Sat May 05 16:08:17 2012 +0200 @@ -68,11 +68,11 @@ min-height: 740px; background: rgb(215, 215, 215); - background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(250, 250, 250)), to(rgb(160, 160, 160))); - background: -webkit-radial-gradient(rgb(250, 250, 250), rgb(160, 160, 160)); - background: -moz-radial-gradient(rgb(250, 250, 250), rgb(160, 160, 160)); - background: -o-radial-gradient(rgb(250, 250, 250), rgb(160, 160, 160)); - background: radial-gradient(rgb(250, 250, 250), rgb(160, 160, 160)); + background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(255, 255, 255)), to(rgb(160, 140, 80))); + background: -webkit-radial-gradient(rgb(255, 255, 255), rgb(160, 140, 80)); + background: -moz-radial-gradient(rgb(255, 255, 255), rgb(160, 140, 80)); + background: -o-radial-gradient(rgb(255, 255, 255), rgb(160, 140, 80)); + background: radial-gradient(rgb(255, 255, 255), rgb(160, 140, 80)); -webkit-font-smoothing: antialiased; } @@ -248,6 +248,15 @@ padding-left: 96px; } +#contents a { + color: inherit; + text-decoration: none; + padding: 0 0.1em; + border-radius: 0.2em; + background: rgba(220,220,220,0.5); + text-shadow: 0 0 0; + } + #topcat .smalltext, #tophybrid .smalltext { font-size: 80px; position: absolute; @@ -274,6 +283,18 @@ transform: translateZ(50px); } +#tophybrid .extratext { + width: 200px; + padding-right: 0; + color: #808080; + font-size: 72px; + position: absolute; + top: 1.5em; + left: 9.5em; + text-align: right; + line-height: 60px; + } + #tophybrid h1 { font-size: 180px; line-height: 200px; @@ -400,6 +421,33 @@ opacity: 1; } +#specases .smalltext { + font-size: 92px; + line-height: 116px; + position: absolute; + top: 1.25em; + left: 2.5em; + + -webkit-transform: translateZ(20px); + -moz-transform: translateZ(20px); + -ms-transform: translateZ(20px); + -o-transform: translateZ(20px); + transform: translateZ(20px); + } + +#specases h1 { + font-size: 160px; + position: relative; + top: -.8em; + text-align: center; + + -webkit-transform: translateZ(50px); + -moz-transform: translateZ(50px); + -ms-transform: translateZ(50px); + -o-transform: translateZ(50px); + transform: translateZ(50px); + } + #topchoose1 .smalltext { font-size: 130px; position: absolute; @@ -488,8 +536,9 @@ #resources { background-image: url('meegarbeit.svg'); - background-position: 90% 80%; + background-position: 90% 70%; background-repeat: no-repeat; + color: #202020; } #resources h1 { @@ -502,24 +551,27 @@ #resources ul { font-size: 36px; - line-height: 52px; + line-height: 44px; padding-left: 64px; } -#resources .ecrivain { +#resources .buchtit { text-decoration: underline; } #conclusion { - background-image: url('qrtizportdev.png'); - background-size: 300px 300px; - background-position: 10% 95%; + background-size: 100% 100%; + background-image: url(schlusshintergrund.png); background-repeat: no-repeat; + background-attachment: fixed; + background-position: top; + + color: white; + text-shadow: 8px 6px 12px black; } #conclusion h1 { padding-top: 64px; - text-align: center; padding-bottom: 96px; font-size: 200px; font-weight: bold; @@ -527,10 +579,18 @@ } #conclusion h2 { - text-align: center; - font-size: 72px; + display: inline; + width: 600px; + padding-left: 64px; + font-size: 96px; font-weight: bold; font-family: 'Open Sans', Arial, sans-serif; + line-height: 108px; + } + +#conclusion img { + display: inline; + padding-left: 48px; } /* overview step */ @@ -1023,12 +1083,12 @@

Contents