*
*/
-$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
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
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