CSS 21
Funding.css Guest on 6th February 2021 10:03:01 AM
  1. /** {
  2.   margin:0;
  3.   padding:0;
  4. }*/
  5.  
  6. body {
  7.   overflow:visible;
  8.  
  9. }
  10.  
  11.  
  12. .nu__funding-img a{
  13.    outline: 0;
  14. }
  15.  
  16.   .noscroll {
  17.    overflow: hidden;
  18.  }
  19.  
  20.  
  21.  
  22.   .nu__funding {
  23.     background:rgba(0, 0, 0, .9);
  24.     width:100vw;
  25.     height:100vh;
  26.     position:fixed;
  27.     top:0;
  28.     z-index:1000;
  29.     display: -webkit-box;
  30.     display: -webkit-flex;
  31.     display: -moz-box;
  32.     display: -moz-flex;
  33.     display: -ms-flexbox;
  34.     display: flex;
  35.     -webkit-box-pack: center;
  36.     -ms-flex-pack: center;
  37.     -webkit-justify-content: center;
  38.     -moz-justify-content: center;
  39.     justify-content: center;
  40.     -webkit-box-align: center;
  41.     -ms-flex-align: center;
  42.     -webkit-align-items: center;
  43.     -moz-align-items: center;
  44.     align-items: center;
  45.   }
  46.  
  47.  
  48.  
  49.   .nu__funding img {
  50.     width:100%;
  51.     max-width:100%;
  52.     height:auto;
  53.   }
  54.  
  55.  
  56.   .nu__event-close {
  57.     position:absolute;
  58.     top:30px;
  59.     right:3vw;
  60.     cursor:pointer;
  61.     z-index:1000;
  62.     background: url(../images/close.png) no-repeat ;
  63.     width:22px;
  64.     height:22px;
  65.   }
  66.  
  67.   .nu__event-close:hover {
  68.     background: url(../images/close_red.png) no-repeat ;
  69.     width:22px;
  70.     height:22px;
  71.   }
  72.  
  73.  
  74.   .nu__day-mobile {
  75.     display:none;
  76.   }
  77.  
  78.  
  79.  
  80.   @media (min-width: 320px) and (max-width: 480px) {
  81.  
  82.     .nu__funding-img {
  83.  
  84.       max-width:84%;
  85.       width:100%;
  86.       margin-left:8%;
  87.       margin-right:8%;
  88.     }
  89.  
  90.     .nu__event-close {
  91.       right:8vw;
  92.       top:4vw;
  93.     }
  94.   }
  95.  
  96.  
  97.   /* Landscape */
  98.   @media only screen
  99.     and (min-device-width: 320px)
  100.     and (max-device-width: 480px)
  101.     and (-webkit-min-device-pixel-ratio: 2)
  102.     and (orientation: landscape) {
  103.       .nu__day-desktop {
  104.         display:none;
  105.       }
  106.       .nu__day-mobile {
  107.         display:block;
  108.       }
  109.       .nu__event-close {
  110.         right:4vw;
  111.         top:2vw;
  112.       }
  113.   }
  114.  
  115.   @media only screen
  116.     and (min-device-width: 320px)
  117.     and (max-device-width: 568px)
  118.     and (-webkit-min-device-pixel-ratio: 2)
  119.     and (orientation: landscape) {
  120.       .nu__day-desktop {
  121.         display:none;
  122.       }
  123.       .nu__day-mobile {
  124.         display:block;
  125.       }
  126.       .nu__event-close {
  127.         right:4vw;
  128.         top:2vw;
  129.       }
  130.   }
  131.  
  132.   @media only screen
  133.     and (min-device-width: 375px)
  134.     and (max-device-width: 667px)
  135.     and (-webkit-min-device-pixel-ratio: 2)
  136.     and (orientation: landscape) {
  137.       .nu__day-desktop {
  138.         display:none;
  139.       }
  140.       .nu__day-mobile {
  141.         display:block;
  142.       }
  143.       .nu__event-close {
  144.         right:4vw;
  145.         top:2vw;
  146.       }
  147.   }
  148.  
  149.   @media only screen
  150.     and (min-device-width: 414px)
  151.     and (max-device-width: 736px)
  152.     and (-webkit-min-device-pixel-ratio: 3)
  153.     and (orientation: landscape) {
  154.       .nu__day-desktop {
  155.         display:none;
  156.       }
  157.       .nu__day-mobile {
  158.         display:block;
  159.       }
  160.       .nu__event-close {
  161.         right:4vw;
  162.         top:2vw;
  163.       }
  164.   }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.