popup.css (1083B)
1 @media screen and (max-width: 700px){ 2 .popupcbx{ 3 width: 70%; 4 } 5 } 6 7 .overlaycbx { 8 position: fixed; 9 top: 0; 10 bottom: 0; 11 left: 0; 12 right: 0; 13 background: rgba(0, 0, 0, 0.85); 14 transition: opacity 500ms; 15 visibility: hidden; 16 opacity: 0; 17 } 18 .overlaycbx:target { 19 visibility: visible; 20 opacity: 1; 21 } 22 23 .popupcbx { 24 margin: 70px auto; 25 padding: 20px; 26 background: var(--accent2); 27 border-radius: 5px; 28 width: 30%; 29 position: relative; 30 transition: all 5s ease-in-out; 31 } 32 33 .popupcbx h3 { 34 margin-top: 0; 35 color: var(--accent); 36 font-family: Tahoma, Arial, sans-serif; 37 font-size: 20px; 38 } 39 .popupcbx .closecbx { 40 position: absolute; 41 top: 20px; 42 right: 30px; 43 transition: all 200ms; 44 font-size: 30px; 45 font-weight: bold; 46 text-decoration: none; 47 color: #fff; 48 } 49 .popupcbx .closecbx:hover { 50 color: var(--accent); 51 } 52 .popupcbx .contentcbx { 53 max-height: 30%; 54 overflow: auto; 55 color: #fff; 56 font-family: Tahoma, Arial, sans-serif !important; 57 }