| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- .ms-tabs-vertical-template {
-
- padding: 5px 140px 5px 5px;
- margin: 0 auto;
- background-color: #ffffff;
- }
-
- .ms-tabs-vertical-template .ms-sbar .ms-bar{
- background-color: #ffffff;
- }
-
- .ms-tabs-vertical-template .ms-nav-next {
- top: 50%;
- right: 0;
- background:#a19f98;
- width: 40px;
- height: 40px;
- margin-top: -20px;
- text-align:center;
- line-height:40px;
- }
-
- .ms-tabs-vertical-template .ms-nav-next:before {
- content:'\f105';
- font-family:'FontAwesome';
- color: #ffffff;
- font-size: 14px;
- }
-
- .ms-tabs-vertical-template .ms-nav-prev{
- top: 50%;
- left: 0;
- background:#a19f98;
- width: 40px;
- height: 40px;
- margin-top: -20px;
- text-align:center;
- line-height:40px;
- }
-
- .ms-tabs-vertical-template .ms-nav-prev:before {
- content:'\f104';
- font-family:'FontAwesome';
- color: #ffffff;
- font-size: 14px;
- }
-
- .ms-tabs-vertical-template .ms-nav-next:hover,
- .ms-tabs-vertical-template .ms-nav-prev:hover{
- background:#6a7577;
- }
-
-
- .ms-vertical-template .ms-thumb-list.ms-dir-h {
- bottom: -101px;
- width: 100%;
- height: 113px;
- }
-
- .ms-vertical-template .ms-thumb-list.ms-dir-v {
- height: 100%;
- width: 135px;
- right: -135px;
- top: 0;
- }
-
- .ms-vertical-template .ms-thumb-frame {
- cursor: pointer;
- }
-
- .ms-vertical-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
- width: 214px;
- height: auto;
- margin: 12px 0 0 0;
- }
-
- .ms-vertical-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
- width: 135px;
- /*height: 85px;*/
- margin: 0 0 5px 5px;
- opacity: 1;
- -webkit-transition: opacity 300ms;
- -moz-transition: opacity 300ms;
- -ms-transition: opacity 300ms;
- -o-transition: opacity 300ms;
- transition: opacity 300ms;
- }
-
- .ms-vertical-template .ms-thumb-frame-selected {
- opacity: 0.80 !important;
- }
-
- .ms-vertical-template .ms-thumb-frame-selected h3{
- color:#4b8aac;
- }
-
-
- .ms-vertical-template .ms-thumblist-fwd, .ms-thumblist-bwd {
- width: 100%;
- position: absolute;
- top: 0;
- height: 15px;
- cursor: pointer;
- background: url(arrow.png) no-repeat;
-
- background-position: 50% -106px;
- }
- .ms-vertical-template .ms-thumblist-bwd {
- top: auto;
- bottom: 0;
- background-position: 50% -145px;
- }
-
- @media (max-width: 600px) {
- .ms-vertical-template .ms-thumb-list.ms-dir-v {
- width: 80px;
- right: -80px;
- }
-
- .ms-vertical-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
- width: 80px;
- height: 45px;
- }
-
- .ms-vertical-template {
- padding-right: 85px;
-
- }
- }
-
- @media (max-width: 300px) {
- .ms-vertical-template .ms-thumb-list.ms-dir-v {
- display: none;
- }
-
- .ms-vertical-template{
- padding-right: 5px;
-
- }
- }
-
- /* Layers */
- .ms-layer.video-title {
- font-family: "Lato",sans-serif;
- color: white;
- font-weight: 600;
- font-size: 42px;
- margin:0px;
- letter-spacing:0px;
- }
-
- .ms-layer.video-title.video-top-title {
- font-size: 16px;
- color: gray;
- }
-
- .ms-layer.video-title.video-sub-title {
- font-size: 22px;
- font-weight: 300;
- }
|