src/Pumukit/WebTVBundle/Resources/views/Css/template_video.css.twig line 1

Open in your IDE?
  1. .block_relative {
  2.     position:relative;
  3. }
  5. .image_representation {
  6.     position: relative;
  7.     text-align: center;
  8.     color: black;
  9.     margin-top:10px;
  10. }
  12. .image_representation .thumbnail {
  13.     border:0;
  14.     margin-bottom: 0;
  15. }
  17. .image_representation .thumbnail .embed-responsive, .list-of-series .thumbnail .embed-responsive {
  18.     border-radius: 10px;
  19. }
  21. .image_representation .thumbnail .caption {
  22.     padding:2px;
  23. }
  25. .title_image_representation  {
  26.     display: -webkit-box;
  27.     text-align:left;
  28.     -webkit-box-orient: vertical;
  29.     overflow: hidden;
  30.     text-overflow: ellipsis;
  31.     white-space: normal;
  32.     font-size:15px;
  33.     font-weight: 500;
  34.     color: #000000;
  35.     margin-top:10px;
  36.     -webkit-line-clamp: 3;
  37.     max-height: 4.5em;
  39. }
  41. .second_line_image_representation  {
  42.     display: -webkit-box;
  43.     text-align:left;
  44.     -webkit-box-orient: vertical;
  45.     overflow: hidden;
  46.     text-overflow: ellipsis;
  47.     white-space: normal;
  48.     font-size:12px;
  49.     font-weight: 500;
  50.     line-height: 1.6rem;
  51.     padding:2px;
  52.     color: #0b0b0b;
  53.     -webkit-line-clamp: 3;
  54.     max-height: 3.5em;
  55. }
  57. .caption a .second_line_image_representation {
  58.     margin-top:5px;
  59.     margin-bottom:5px;
  60. }
  61. .icons_image_representation_center {
  62.     position: absolute;
  63.     top: 50%;
  64.     left: 50%;
  65.     transform: translate(-50%, -50%);
  66.     background: transparent;
  67.     color:white;
  68.     border-radius:50%;
  69.     border: 1px solid #FFF;
  70.     width:30%;
  71.     height:50%;
  72. }
  74. .icons_image_representation_center i {
  75.     margin-top: 15px;
  76.     margin-left: 5px;
  77. }
  79. .icons_image_representation_bottom_right {
  80.     color: #FFF;
  81.     opacity:0.9;
  82.     padding:3px;
  83.     bottom: 0.5em;
  84.     position: absolute;
  85.     top: 45%;
  86.     left: 0;
  87.     width: 100%;
  88. }
  90. .icons_image_representation_bottom_right .background {
  91.     width:10%;
  92.     background-color: #000;
  93.     padding:3px;
  94.     float: right;
  95.     margin-right: 30px;
  96.     margin-bottom:10px;
  97. }
  99. .img_adapter_4_3 {
  100.     height: 100%;
  101.     display: inline-block;
  102.     vertical-align: middle;
  103. }
  105. .embed-responsive-item {
  106.     background-color: #000;
  107. }
  109. .thumbnail a {
  110.     text-decoration:none;
  111.     color: #000000;
  112. }
  114. .thumbnail a:hover {
  115.     text-decoration: underline;
  116. }
  118. .thumbnail a:focus {
  119.     outline-offset: 2px;
  120. }
  122. .thumbnail .caption li {
  123.     padding: 0;
  124. }
  126. .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  127.     color: #ffffff;
  128.     background-color: transparent;
  129. }
  131. .recently .image_representation .title_image_representation {
  132.     font-size:17px;
  133. }
  135. .highlight .image_representation .title_image_representation {
  136.     font-size:22px;
  137. }
  139. .second_line_image_representation, .date_and_visits {
  140.     color: #666666;
  141.     font-size:14px;
  142. }
  144. .image_representation .title_image_representation {
  145.     margin: 10px 0 0 0;
  146. }
  148. .image_representation .second_line_image_representation, .image_representation  .date_and_visits  {
  149.     margin:0;
  150.     padding:0;
  151. }
  153. .image_representation .second_line_image_representation {
  154.     margin: 5px 0;
  155. }
  157. .highlight .image_representation .title_image_representation {
  158.     font-weight: bold;
  159. }
  161. .panel-body .title_image_representation {
  162.     margin-top:0;
  163. }
  165. .tags-info-pmk .list-inline>li {
  166.     padding-right: 0;
  167.     padding-left: 0;
  168. }
  170. .panel-series .current {
  171.     background-color: #ededed;
  172. }
  174. .list-group-item-custom {
  175.     border:none;
  176.     padding-top: 5px;
  177.     padding-bottom: 5px;
  178. }
  180. .inside-video-duration {
  181.     position: absolute;
  182.     background: #000000;
  183.     opacity: 1;
  184.     bottom: 5px;
  185.     right: 5px;
  186.     color: white;
  187.     padding:4px;
  188.     border-radius:8px;
  189. }
  191. .video_block {
  192.     border-bottom: 1px solid #808080;
  193.     margin-bottom:25px;
  194. }
  196. .video_block .video-title {
  197.     overflow: hidden;
  198.     display: -webkit-box;
  199.     -webkit-line-clamp: 2;
  200.     line-clamp: 2;
  201.     -webkit-box-orient: vertical;
  202. }
  204. .video-page .list-group {
  205.     margin-bottom: 0;
  206. }
  208. @media (max-width: 992px) {
  209.     .highlight .image_representation .title_image_representation {
  210.         font-size:24px;
  211.     }
  212.     .title_image_representation  {
  213.         font-size:16px;
  214.     }
  215.     .second_line_image_representation  {
  216.         font-size:12px;
  217.     }
  218. }
  220. @media (max-width: 768px) {
  221.     .recently .image_representation .title_image_representation {
  222.         font-size:24px;
  223.     }
  225.     .highlight .image_representation .title_image_representation {
  226.         font-size:24px;
  227.     }
  228.     .title_image_representation  {
  229.         font-size:20px;
  230.     }
  231.     .second_line_image_representation  {
  232.         font-size:16px;
  233.     }
  234. }
  236. .multimedia_object_edit_button {
  237.     position: absolute;
  238.     right: 0;
  239.     top: 0;
  240.     width: 30px;
  241.     color: #000;
  242.     cursor: pointer;
  243.     background-color: #fff;
  244.     height: 30px;
  245.     border: 1px solid #eaeaea;
  246. }