Guest User

Gamemag desktop timeline

a guest
Jul 2nd, 2019
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.85 KB | None | 0 0
  1. @media screen and (min-width: 1024px) {
  2.   .main-wrap {    
  3.     background-color: rgba(221, 221, 221, 0.34901960784313724);
  4.   }
  5.   .top-img {    
  6.     display: none;
  7.   }
  8.   .overview {    
  9.     margin-top: -470px;
  10.   }
  11.   .overview .overview__title {    
  12.     font-weight: 600;    
  13.     font-size: 4rem;
  14.   }
  15.   .game-sections {    
  16.     margin-top: -470px;
  17.   }
  18.   .game-sections__item {    
  19.     max-height: 20rem;
  20.   }
  21.   .game-sections__item>.effect-sadie {    
  22.     height: 20rem;    
  23.     -webkit-background-size: cover;    
  24.     -webkit-background-size: cover;    
  25.     -webkit-background-size: cover;    
  26.     -webkit-background-size: cover;    
  27.     -webkit-background-size: cover;    
  28.     -webkit-background-size: cover;    
  29.     -webkit-background-size: cover;    
  30.     -webkit-background-size: cover;    
  31.     -webkit-background-size: cover;    
  32.     -webkit-background-size: cover;    -webkit-background-size: cover;
  33.     background-size: cover;
  34.   }
  35.   .game-sections__item .wrap__desc {    
  36.     top: 9rem;
  37.   }
  38.   .news .news-header__title {    
  39.     font-weight: 600;    
  40.     font-size: 3rem;    
  41.     line-height: 4rem;
  42.   }
  43.   .news .news-header {    
  44.     margin-bottom: 1rem;
  45.   }
  46.   .news .news-header__description {    
  47.     margin-top: 0px;
  48.   }
  49.   .news .news-item {    
  50.     width: 100%;    
  51.     max-width: 100%;    
  52.     max-height: 26rem;    
  53.     margin: 0px;    
  54.     padding: 2rem;
  55.   }
  56.   .news .news-item.news-item--desc {    
  57.     padding: 0px;
  58.   }
  59.   .news .news-item:nth-child(even) {    
  60.     background-color: rgba(236, 236, 236, 0.34);
  61.   }
  62.   .news .news-item .news-item__support {    
  63.     top: 19rem;
  64.   }
  65.   .news .news-item__bottom {    
  66.     margin-top: -3rem;    
  67.     display: -webkit-flex;    
  68.     display: -webkit-flex;    
  69.     display: -webkit-flex;
  70.     display: flex;    
  71.     -webkit-justify-content: flex-end;    
  72.     -webkit-justify-content: flex-end;    -webkit-justify-content: flex-end;
  73.     justify-content: flex-end;
  74.   }
  75.   .news .news-item .news-item__valuation {    
  76.     top: 0px;    
  77.     right: 0px;
  78.   }
  79.   .news .news-item .news-item__img-wrap {    
  80.     display: inline-block;    
  81.     width: 33rem;    
  82.     vertical-align: top;    
  83.     height: 22rem;
  84.   }
  85.   .news .news-item .news-item__text {    
  86.     display: inline-block;    
  87.     width: calc(100% - 35rem);    
  88.     vertical-align: top;    
  89.     padding: 0px 5rem 0px 1rem;    
  90.     font-size: 18px;    
  91.     max-height: 100%;
  92.   }
  93.   .release-games .release-games-header__title {    
  94.     font-weight: 600;
  95.   }
  96.   .news .news-item .support-item--one::before {    
  97.     background-color: #74b65f;
  98.   }
  99.   .news .news-item .support-item--pc::before {    
  100.     background-color: #297094;
  101.   }
  102.   .news .news-item .support-item--ps4::before {    
  103.     background-color: #304c65;
  104.   }
  105.   .news .news-item .support-item--switch::before {    
  106.     background-color: #d24a43;
  107.   }
  108. }
Add Comment
Please, Sign In to add comment