PNY | pny.comPNY | pny.com

12 people 👁️ing this randomly

h1{ font-weight: lighter !important; margin-bottom: 10px; line-height: 1em; font-size:28px; } .pny-rotator-inner-content > .pny-subtitle{ letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; line-height: 1.2em; } .pny-rotator-inner-content > .pny-copy{ font-size:14px; max-width: 415px; } .pny-rotator-inner-content > :last-child{ margin-bottom: 0px; } .unslider-nav ol { list-style: none; text-align: left; padding-bottom: 50px !important; color:white; display:flex; flex-direction: column; align-items: center; justify-content: flex-end; height:700px; background-color: rgba(255,255,255,0.15); width: 75px; border-left: solid 0.5px #ffffff !important; } .unslider-nav ol li { display: inline-block; width: 10px; height: 10px; margin-top:10px !important; background: transparent; border-radius: 50em; overflow: hidden; text-indent: -999em; background-color: rgba(255,255,255,0.35); cursor: pointer; border:none !important; border: solid 1px #fff !important; } .unslider-nav ol li.unslider-active { background: rgba(255,255,255,1); cursor: default; } .unslider { position: relative; overflow-y:hidden; } .unslider-nav { position: absolute; top: 0; right:0; left:auto; z-index: 10; } .unslider{ overflow:auto; margin:0; padding:0 } .unslider-wrap{ position:relative } .unslider-wrap.unslider-carousel>li{ float:left } .unslider-vertical>ul{ height:100% } .unslider-vertical li{ float:none; width:100% } .unslider-fade{ position:relative } .unslider-fade .unslider-wrap li{ position:absolute; left:0; top:0; right:0; z-index:8 } .unslider-fade .unslider-wrap li.unslider-active{ z-index:10 } .unslider li,.unslider ol,.unslider ul{ list-style:none; margin:0; padding:0; border:none } .unslider-arrow{ position:absolute; right:0; left:auto; top:0; bottom:auto; margin-top:0; transform: rotate(90deg); z-index:11; cursor:pointer; font-size:40px; color:#ffffff; font-weight:bold; opacity:0.5; transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; border-right:solid 0.5px #ffffff; width:75px; height:75px; display:flex; justify-content: center; align-items: center; } .unslider-arrow:hover{ opacity:1; color: white !important; background-color: rgba(255,255,255,0.35); } .unslider-arrow.next{ transform:translateY(75px) rotate(90deg); right:0; left:auto; } .unslider-arrow.prev{ right:0; left:auto; } @media screen and (max-width:800px){ .slide{ height: 600px; position:relative; } .unslider{ height: 600px; } .pny-rotator-content{ width:100%; display:flex; justify-content: center; align-items: center; height: 600px; text-align: center; border-radius: none; padding:0px; flex-wrap: wrap; flex-direction: column; position:relative; overflow: hidden; } .pny-rotator-inner-content{ border-radius: 0 0 0 0; width:100%; height:350px; display:flex; flex-direction: column; align-items: center; justify-content: center; position:relative; z-index: 2; } .pny-rotator-mobile-bg{ height:250px; background-repeat: no-repeat; background-size: cover; width:100%; } .pny-rotator-mobile-bg > div{ height:250px; background-repeat: no-repeat; background-size: cover; width:100%; } .pny-rotator-inner-content > h1{ font-size:20px; } .unslider-nav ol { text-align: center; width:100vw !important; padding:10px 5px !important; box-sizing: border-box; border:none !important; height:auto; flex-direction: row; justify-content: center; } .unslider-nav ol li { margin-top: 0px !important; } .unslider-arrow{ font-size:30px; padding:0 10px 5px 10px; display:none; } .pny-rotator-inner-content > .pny-copy{ max-width: 100%; } .rgb-rotation-dekstop{ display:none; } .text-bg{ /*height: 50%;*/ position: absolute; z-index: 1; top:10%; display:flex; flex-wrap:nowrap; } .text-bg > div > img{ margin-right:10px; max-width: 150px; } .text-bg-font{ font-family: ‘Bebas Neue’, ‘Roboto’, sans-serif !important; font-size:55px; line-height:1 !important; text-align:left !important; margin-bottom: 0 !important; } } @media screen and (min-width:801px){ .unslider-nav ol { } .pny-rotator-mobile-bg{ display:none; } .text-bg{ /*height: 50%;*/ position: absolute; z-index: 1; right:15%; top:20%; display:flex; flex-wrap:nowrap; } .text-bg > div > img{ margin:30px; } .text-bg-font{ font-family: ‘Bebas Neue’, ‘Roboto’, sans-serif !important; font-size:120px; line-height:1 !important; margin-bottom: 0 !important; } } /*-ff2f2f-*/ .rgb-rotation{ animation: rgbRotate 10s linear infinite; } @keyframes rgbRotate { 0%{ background-color:#ff2f2f; } 10%{ background-color:#ff9b2f; } 20%{ background-color:#ffe92f; } 30%{ background-color:#c7ff2f; } 40%{ background-color:#56ff2f; } 50%{ background-color:#2fff96; } 60%{ background-color:#2fdfff; } 70%{ background-color:#2f78ff; } 80%{ background-color:#6a2fff; } 90%{ background-color:#ff2ff8; } 100%{ background-color:#ff2f2f; } } .rgb-rotation-dekstop{ background-size:cover; width:100%; height:700px; position:absolute; z-index: 2; top:0; } .glowytext{ color: #ff5959; text-shadow: 0px 0px 5px rgb(255 255 255 / 10%), 0px 0px 20px #ff2727, 0px 0px 15px #ff2727, 0px 0px 50px #ff2727, 0px 0px 100px #ff2727; animation:glow 15s linear infinite; } @keyframes glow { 0%{ filter: hue-rotate(0deg) brightness(150%); } 100%{ filter: hue-rotate(360deg) brightness(150%); } } .vertically-center{ display: flex; align-items: center; } –>]]]]]]]]>]]]]]]>]]]]>]]>

  • PNY XLR8 SSD Cover with Integrated
    Heat Sink, designed to fit PS5™

    The Power To Create

    Learn More

  • Let us help you find the right NVIDIA Professional Graphics and Data Center Solution that meets your needs and can help boost your productivity.

    Learn More

  • PNY XLR8 SSD Cover with Integrated
    Heat Sink, designed to fit PS5™

    The Power To Create

    Enter Now

  • Take your gaming to the next level whether you are an enthusiast or casual gamer. Together let’s push the boundaries and make your vision a reality.

    Learn More

Source

Leave a Reply

Your email address will not be published.