From: ronan le priol Date: Wed, 16 Oct 2013 16:25:47 +0000 (+0200) Subject: commit du 16 10 2013 18:25 X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=f87287c7754854be6077b08a0174a022bdce5c2c;p=telecasting-www.git commit du 16 10 2013 18:25 --- diff --git a/css/component.css b/css/component.css index 534db5a..2686d93 100644 --- a/css/component.css +++ b/css/component.css @@ -11,8 +11,8 @@ body, html { height: 100%; font-size: 100%; padding: 0; margin: 0;} .clearfix:after { clear: both; } body { - font-family:'ralewaybold', sans-serif; - color: #fff; + font-family:'ralewayregular', sans-serif; + color: #ffffff; overflow: hidden; } @@ -23,6 +23,7 @@ video padding: 0; margin: 0; } + a { color: #ddd; @@ -36,7 +37,8 @@ a:hover { .image { - display: inline-block; + display:inline-block; + margin:auto; } .image img @@ -98,6 +100,84 @@ a:hover { /* Text Styles, Colors, Backgrounds */ +.pt-page strong, b + { + font-family: 'ralewayextrabold', sans-serif; + font-weight: normal; + text-transform:uppercase; + } + +.pt-page p{ + position: absolute; + font-weight:normal; + font-size: 0.9em; + line-height: 1.5em; + letter-spacing: 0em; + margin: 5%; + top: 69%; + width: 90%; + text-align: justify; + text-transform:none; + word-spacing: 0em; + border: 0; + border-bottom: solid 0px #ffffff; +} + +.pt-page span { + font-family:'ralewaymedium_italic', sans-serif; + font-weight: normal; + font-size: 1em; + line-height: 1.5em; + text-transform: none; + word-spacing: 0; + letter-spacing: 0; + opacity: ; +} + +.pt-page h3 { + font-family:'ralewaybold', sans-serif; + position: absolute; + font-weight:normal; + font-size: 1em; + line-height: 2em; + letter-spacing: 0em; + margin: 5%; + top: 64%; + width: 90%; + text-align: left; + text-transform:uppercase; + word-spacing: 0em; + border: 0; + border-top: solid 1px #ffffff; +} + + + +.pt-page h2 { + font-family:'ralewaylight', sans-serif; + position: absolute; + font-weight:normal; + font-size: 2em; + line-height: 2em; + letter-spacing: 0em; + margin: 5%; + top: 70%; + width: 90%; + text-align: center; + text-transform:none; + word-spacing: 0em; + border: 0; + border-top: solid 1px #ffffff; +} + +.pt-page hr { + border: 0; + border-top: solid 1px #ffffff; + margin: 5%; + top: 65%; + width: 90%; +} + .pt-page h1 { position: absolute; font-weight: 300; @@ -114,7 +194,7 @@ a:hover { .pt-page h1 span { font-family:'ralewayitalic', sans-serif; - font-weight: 400; + font-weight: normal; font-size: 40%; text-transform: none; word-spacing: 0; diff --git a/css/style-1000px.css b/css/style-1000px.css index e4a2f50..a64d3aa 100644 --- a/css/style-1000px.css +++ b/css/style-1000px.css @@ -12,7 +12,7 @@ body { - min-width: 960px; + min-width: 961px; } .image-left diff --git a/e-learning.html b/e-learning.html index 02eb243..4503cf1 100644 --- a/e-learning.html +++ b/e-learning.html @@ -129,7 +129,7 @@ diff --git a/ifr-e-learning.html b/ifr-e-learning.html new file mode 100644 index 0000000..add94bb --- /dev/null +++ b/ifr-e-learning.html @@ -0,0 +1,83 @@ + + + + + + record broadcast play + + + + + + + + + + + + + + + + + +
+ +
+
    +
  • +
      +
      • +
    +
    • +
+
+
+ +
+
+
+

All in the Case*

+
+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+
+ +
+
+ +
+

Your browser does not support CSS animations.

+
+ + + + + + diff --git a/ifr-home.html b/ifr-home.html index 3e39a64..e47af08 100644 --- a/ifr-home.html +++ b/ifr-home.html @@ -37,12 +37,33 @@
-

-

A collection ofPage2 Transitions

-

A collection ofPage3 Transitions

-

A collection ofPage4 Transitions

-

A collection ofPage5 Transitions

-
+
+
+

All in the Case*

+
+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+
+
+

installation & captation

+

caméra Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor micro incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. portable Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. logiciel Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Etape 1

+
+