From: ronan le priol Date: Tue, 1 Oct 2013 13:32:40 +0000 (+0200) Subject: commit du 01 10 2013 15:32 X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=20c4ae3be97063aba5da99c541ae6186d0d2058b;p=telecasting-www.git commit du 01 10 2013 15:32 --- diff --git a/css/component.css b/css/component.css index 30bb6b0..ba7d05e 100644 --- a/css/component.css +++ b/css/component.css @@ -11,11 +11,19 @@ body, html { height: 100%; font-size: 100%; padding: 0; margin: 0;} .clearfix:after { clear: both; } body { - font-family:'webfontbold', sans-serif; + font-family:'ralewaybold', sans-serif; color: #fff; overflow: hidden; } +video + { + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + } + a { color: #ddd; text-decoration: none; @@ -105,7 +113,7 @@ a:hover { } .pt-page h1 span { - font-family: 'Satisfy', serif; + font-family:'ralewayitalic', sans-serif; font-weight: 400; font-size: 40%; text-transform: none; @@ -227,6 +235,15 @@ a:hover { } @media screen and (max-width: 47.4375em) { + + video + { + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + } + .pt-page h1 { font-size: 3em; } @@ -237,6 +254,15 @@ a:hover { } @media screen and (max-height: 45.9em) { + + video + { + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + } + .pt-triggers .dl-menuwrapper li a { padding-top: 2px; padding-bottom: 2px; diff --git a/css/style-1000px.css b/css/style-1000px.css index 56aa051..5338422 100644 --- a/css/style-1000px.css +++ b/css/style-1000px.css @@ -76,7 +76,8 @@ #logo { - z-index:1200; + z-index:12000; + position:fixed; float:left; margin-top: 0.6em; height: 64px; @@ -106,7 +107,7 @@ /*********************************************************************************/ #nav-back { - z-index: 1000; + z-index: 10000; position:fixed; top: 0px; left: 0px; @@ -117,7 +118,7 @@ #nav { position:fixed; - z-index: 1100; + z-index: 11000; margin-left:70px; top: 0px; left:0px; @@ -333,14 +334,17 @@ } - #prestations + + #prestations section { + margin:-10px; } + #prestations .prestations { - margin: -0.6em; + } #prestations .title @@ -370,7 +374,7 @@ #prestations .row { - padding:0px 10px 0px 10px; + padding:0px 20px 0px 20px; } #prestations .prestations h3 diff --git a/css/style-desktop.css b/css/style-desktop.css index 2eb555c..22b77d4 100644 --- a/css/style-desktop.css +++ b/css/style-desktop.css @@ -8,6 +8,8 @@ { max-width: 100%; height: auto; + padding: 0; + margin: 0; } @@ -360,7 +362,8 @@ #logo { - z-index:1200; + position:fixed; + z-index: 11000; float:left; height: 85px; width: 295px; @@ -379,8 +382,6 @@ } - - #logo h1 { @@ -395,7 +396,7 @@ /*********************************************************************************/ #nav-back { - z-index: 1000; + z-index: 10000; position:fixed; top: 0px; left: 0px; @@ -408,7 +409,7 @@ #nav { position:fixed; - z-index: 1100; + z-index: 12000; margin-left:60px; top: 0px; left:0px; @@ -698,22 +699,22 @@ #logiciels .logiciels-one { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } #logiciels .logiciels-two { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } #logiciels .logiciels-three { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } #logiciels .logiciels-four { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } @@ -760,23 +761,23 @@ #solutions .solutions-one { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } #solutions .solutions-two { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } #solutions .solutions-three { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } #solutions .solutions-four { - padding: 0em 1.1em 0em 1.1em; + padding: 0em 0em 0em 0em; } /*********************************************************************************/ @@ -789,8 +790,9 @@ padding-top: 8em; } - #prestations + #prestations section { + margin:-20px; } @@ -1002,13 +1004,13 @@ #footer .footer-one { - padding-right: 1.5em; - padding-left: 1.2em; + padding-right: 0em; + padding-left: 0em; } #footer .footer-two { - padding-left: 1.5em; + padding-left: 0em; } /*********************************************************************************/ diff --git a/css/style-mobile.css b/css/style-mobile.css index aa40bc7..1d4b455 100644 --- a/css/style-mobile.css +++ b/css/style-mobile.css @@ -23,7 +23,7 @@ article { clear: both; - padding: 1em 2em 1em 2em ; + padding: 1em 0em 1em 0em; } @@ -32,7 +32,7 @@ article { clear: both; - padding: 1em 2em 1em 2em ; + padding: 1em 1em 1em 1em; } #solutions @@ -40,7 +40,7 @@ article { clear: both; - padding: 1em 2em 1em 2em ; + padding: 1em 0em 1em 0em; } @@ -49,7 +49,7 @@ article { clear: both; - padding: 1em 2em 1em 2em ; + padding: 1em 0em 1em 0em; } #footer @@ -57,7 +57,7 @@ article { clear: both; - padding: 1em 2em 1em 2em ; + padding: 1em 0em 1em 0em; } @@ -310,11 +310,8 @@ #navPanel { - background: #242730 url('../img/logo-telecasting-site-mobil.svg') 20px no-repeat; - background-size: 95%; - background-position:left top; + background: #242730 url('images/overlay.png'); box-shadow: inset -3px 0px 4px 0px rgba(0,0,0,0.1); - } #navPanel .actions diff --git a/css/style.css b/css/style.css index 58d6d22..859699d 100644 --- a/css/style.css +++ b/css/style.css @@ -28,6 +28,8 @@ { max-width: 100%; height: auto; + padding: 0; + margin: 0; } iframe @@ -267,7 +269,7 @@ section:last-child, article:last-child { - margin: 0px -20px 0px -20px; + margin: 0px 0px 0px 0px; } header.style3 diff --git a/ifr-home.html b/ifr-home.html index d57f631..2077fbc 100644 --- a/ifr-home.html +++ b/ifr-home.html @@ -35,7 +35,7 @@

A collection ofPage4 Transitions

A collection ofPage5 Transitions

-