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

Open in your IDE?
  1. .series_image_group {
  2.     position:relative;
  3. }
  5. .series_image_group .embed-responsive-item:before {
  6.     content: '';
  7.     position: absolute;
  8.     top: 0;
  9.     left: 0;
  10.     bottom: 0;
  11.     right: 0;
  12.     z-index: 1;
  13.     background: rgba(0, 0, 0, .1);
  14.     z-index: 1;
  15. }
  17. .hover_series {
  18.     position: absolute;
  19.     width: 50%;
  20.     right:0;
  21.     text-align: center;
  22.     background-color: black;
  23.     height: 100%;
  24.     top: 0;
  25.     opacity: 1;
  26.     z-index: 2;
  27. }
  29. .hover_series .text-center {
  30.     height:100%;
  31. }
  33. .hover_series .series_count_mmobj {
  34.     margin-top:15%;
  35. }
  37. .hover_series .series_count_mmobj {
  38.     display:block;
  39.     color: white;
  40.     font-size: 2vw;
  41.     opacity: 1;
  42. }
  44. .hover_series .series_count_text {
  45.     display:block;
  46.     color: white;
  47.     font-size: 1vw;
  48.     opacity: 1;
  49. }
  51. @media (max-width: 1919.98px) {
  52.     .hover_series .series_count_mmobj {
  53.         margin-top:20%;
  54.     }
  55.     .hover_series .series_count_mmobj {
  56.         font-size: 2vw;
  57.     }
  59.     .hover_series .series_count_text {
  60.         font-size: 1vw;
  61.     }
  63.     .highlight .hover_series .series_count_mmobj {
  64.         margin-top:20%;
  65.     }
  66.     .highlight .hover_series .series_count_mmobj {
  67.         font-size: 3vw;
  68.     }
  70.     .highlight .hover_series .series_count_text {
  71.         font-size: 2vw;
  72.     }
  73. }
  75. @media (max-width: 1599.98px) {
  76.     .hover_series .series_count_mmobj {
  77.         margin-top:15%;
  78.     }
  79.     .hover_series .series_count_mmobj {
  80.         font-size: 3vw;
  81.     }
  83.     .hover_series .series_count_text {
  84.         font-size: 2vw;
  85.     }
  86. }
  88. @media (max-width: 1199.98px) {
  89.     .hover_series .series_count_mmobj {
  90.         margin-top:20%;
  91.     }
  92.     .hover_series .series_count_mmobj {
  93.         font-size: 3vw;
  94.     }
  96.     .hover_series .series_count_text {
  97.         font-size: 2vw;
  98.     }
  99. }
  101. @media (max-width: 991.98px) {
  102.     .hover_series .series_count_mmobj {
  103.         margin-top:20%;
  104.     }
  105.     .hover_series .series_count_mmobj {
  106.         font-size: 5vw;
  107.     }
  109.     .hover_series .series_count_text {
  110.         font-size: 4vw;
  111.     }
  113.     .highlight .hover_series .series_count_mmobj {
  114.         margin-top:20%;
  115.     }
  116.     .highlight .hover_series .series_count_mmobj {
  117.         font-size: 12vw;
  118.     }
  120.     .highlight .hover_series .series_count_text {
  121.         font-size: 7vw;
  122.     }
  123. }
  125. @media (max-width: 767.98px) {
  126.     .hover_series .series_count_mmobj {
  127.         margin-top:25%;
  128.     }
  129.     .hover_series .series_count_mmobj {
  130.         font-size: 9vw;
  131.     }
  133.     .hover_series .series_count_text {
  134.         font-size: 8vw;
  135.     }
  137.     .highlight .hover_series .series_count_mmobj {
  138.         margin-top:20%;
  139.     }
  140.     .highlight .hover_series .series_count_mmobj {
  141.         font-size: 12vw;
  142.     }
  144.     .highlight .hover_series .series_count_text {
  145.         font-size: 7vw;
  146.     }
  147. }