From: ronan le priol Date: Thu, 19 Dec 2013 12:53:10 +0000 (+0100) Subject: commit du 19 12 2013 X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;p=ijkl.git commit du 19 12 2013 --- diff --git a/images/favicon.ico b/images/favicon.ico index f426fa7..70a6da0 100644 Binary files a/images/favicon.ico and b/images/favicon.ico differ diff --git a/images/favicon.png b/images/favicon.png index 0ce14bd..3380fbb 100644 Binary files a/images/favicon.png and b/images/favicon.png differ diff --git a/index.html b/index.html index d133710..fe58ae5 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,18 @@ - + - - ijkl.fr - - - + + + ijkl + + + + - + @@ -28,7 +24,6 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie"> $(this).addClass('active'); }); }); - @@ -66,7 +61,7 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie"> - +

@@ -74,11 +69,11 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie">

-
+

-

- - + - - \ No newline at end of file + diff --git a/media/system/css/style.css b/media/system/css/style.css index 737e507..123b890 100644 --- a/media/system/css/style.css +++ b/media/system/css/style.css @@ -1,27 +1,25 @@ +@charset 'UTF-8'; + + a{color: gainsboro; text-decoration:none } a:visited{color: gainsboro; } a:hover{color: black; } -a:active={black; +a:active{black; } ::selection{background:white; color:black; } - - -body{background-color: rgb(255,255,255); +.active{color:black; } -@font-face { -font-family: 'Gotham-Light'; -src: url('gotham-light.eot'); -src: url('gotham-light.eot?#iefix'), -url('gotham-light.woff') format('woff'), -url('gotham-light.ttf') format('truetype'), -url('gotham-light.svg#gotham-light') format('svg'); -} + html, body{ + background-color: rgb(255,255,255); + font-family: "Times New Roman", Times, georgia, serif; + height:100%; +} video { max-width: 100%; @@ -29,16 +27,23 @@ video { background-color:#ffffff; } +p{ + text-align:center; + color: gainsboro; + font-size: 11px; +} + h1 /* REAL & PROD */ -{ - display: block; - position: absolute; - bottom: 050px; +{ + + + display: block; + width:90%; + margin-bottom: 50px; font-size: 11px; color: gainsboro; text-align: justify; - margin-right: 100px; - margin-left: 100px; + margin:auto; letter-spacing: 2px; line-height: 150% } @@ -52,18 +57,133 @@ h2 /* contact */ letter-spacing: 8px; } h3 /* la video */ -{ +{ + display: block; margin-top: 30px; text-align: center; } h6 { + display: block; font-size: 10px; color: rgb(190,190,190); - font-family: helvetica, Trebuchet MS; text-align: right; margin-right: 100px; letter-spacing: 30px; - line-height: 150% -} \ No newline at end of file + line-height: 150%; +} + +footer { +bottom:0px; +margin-top:50px; +} + +@media (max-device-width:320px) and (orientation:portrait) { + html {-webkit-text-size-adjust:80%} + + h1{ + display: block; + width:90%; + text-align: justify; + margin:auto; + letter-spacing: 1px; + line-height: 200% + } + + video { + width: 300px; + height: 169px; + } + + footer { + bottom:20px; + margin-top:50px; + } +} + +@media (max-device-width:768px) and (orientation:landscape) { + html {-webkit-text-size-adjust:80%} + h1{ + + display: block; + width:90%; + text-align: justify; + margin:auto; + letter-spacing: 1px; + line-height: 200% + } + + video { + width: 400px; + height: 225px; + } + + footer { + bottom:20px; + margin-top:50px; + } +} + + + +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : portrait) +and (-webkit-min-device-pixel-ratio: 1) { + html {-webkit-text-size-adjust:80%} + + h1{ + display: block; + width:90%; + text-align: justify; + margin:auto; + letter-spacing: 1px; + line-height: 200% + } + + video { + width: 640px; + height: 360px; + } + + footer { + bottom:40px; + margin-top:50px; + } +} + +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : landscape) +and (-webkit-min-device-pixel-ratio: 1) { + html {-webkit-text-size-adjust:80%} + + h1{ + display: block; + width:90%; + text-align: justify; + margin:auto; + letter-spacing: 1px; + line-height: 200% + } + + video { + width: 640px; + height: 360px; + } + + footer { + bottom:40px; + margin-top:50px; + } +} + + + + + + + diff --git a/media/video/poster.jpg b/media/video/poster.jpg new file mode 100644 index 0000000..ebb17df Binary files /dev/null and b/media/video/poster.jpg differ diff --git a/media/video/poster.png b/media/video/poster.png new file mode 100644 index 0000000..c8b52f2 Binary files /dev/null and b/media/video/poster.png differ diff --git a/media/video/poster.psd b/media/video/poster.psd new file mode 100644 index 0000000..62d7831 Binary files /dev/null and b/media/video/poster.psd differ