]> _ Git - physioassist.git/commitdiff
wip #738 @0.5
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Tue, 20 Sep 2016 16:45:48 +0000 (16:45 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Tue, 20 Sep 2016 16:45:48 +0000 (16:45 +0000)
framework/application/layouts/scripts/layout.phtml
framework/application/views/helpers/SimeoxVideos.php
less/simeox.less

index 90add3df1daac230a38c8d73642f6ddeda105764..e2f3846c0b6a7b47d415cffd2f044dac2ac68cdd 100644 (file)
@@ -19,7 +19,8 @@ $this->headLink()->appendStylesheet('/less/common.less', 'all');
  *
  */
 
-$fonts = array('google' => array('families' => array('Open+Sans:400,300,600,300italic')));
+$fonts = array('google' => array('families' => array('Open+Sans:400,300,600,300italic')),
+               'custom' => array('families' => array('physioassist'), 'urls' => array('https://file.myfontastic.com/WRtehrjtNhrSeQNAVvDdR5/icons.css')));
 $this->headScript()->addWebFont($fonts);
 
 // Set viewport width for mobile devices
index e20d23c6338dd497896473eb5ea54a78fd9b5089..54a5f305efce874889896431456d66b3c0b5a8e2 100644 (file)
@@ -7,7 +7,9 @@ class Simeox_View_Helper_SimeoxVideos extends CubeIT_View_Helper_Abstract {
        public function simeoxVideos($videos) {\r
                $res = array();\r
                foreach ($videos as $video) {\r
-                       $res[] = $this->_video($video);\r
+                       for ($i = 0; $i < 6; $i++) {\r
+                               $res[] = $this->_video($video);\r
+                       }\r
                }\r
                return $this->listUnordered($res, array('class' => 'videos'));\r
        }\r
index 069d98dafce26b6234d6370c2247058630f61573..c69ee579210699b81c25e6bc1c42e2bf54712c20 100644 (file)
                background-repeat: no-repeat;
                margin-top: 55px;
        }
+}
+
+.content {
+       ul.videos {
+               list-style: none;
+               width: 552px;
+               li {
+                       padding-left: 0;
+                       margin-bottom: 26px;
+                       line-height: 1;
+                       background-image: none;
+                       display: inline-block;
+                       width: 165px;
+                       margin-right: 19px;
+                       position: relative;
+
+                       &:before {
+                               content: "a";
+                               display: block;
+                               font-family: physioassist;
+                               width: 100%;
+                               text-align: center;
+                               left: 0;
+                               top: 28px;
+                               position: absolute;
+                               font-size: 54px;
+                               color: #000;
+                               z-index: 2;
+                               cursor: pointer;
+                               pointer-events: none;
+                       }
+
+                       &:hover{
+                               &:before{
+                                       color: #525251;
+                               }
+                       }
+
+                       &:after {
+                               content: '';
+                               display: inline-block;
+                               width: 30px;
+                               height: 30px;
+                               background-color: #fff;
+                               top: 32px;
+                               text-align: center;
+                               position: absolute;
+                               margin: 0 auto;
+                               z-index: 1;
+                               left: 68px;
+                               cursor: pointer;
+                               pointer-events: none;
+                       }
+
+                       h4 {
+                               color: #3c3c3b;
+                               font-size: 16px;
+                               font-weight: 300;
+                               line-height: 24px;
+                               margin-top: 15px;
+                       }
+               }
+       }
 }
\ No newline at end of file