mirror of
https://github.com/ivabus/www
synced 2024-11-10 08:15:14 +03:00
Superfluous CSS files removed
This commit is contained in:
tsmitty11
parent
0c64ce8962
commit
a1b686bbbd
|
|
@ -1,325 +0,0 @@
|
|||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.accordion-button{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
height: 8.37vw;
|
||||
border-radius: 0px !important;
|
||||
background-color: #1a1a1a;
|
||||
border-top: 1px solid #949494;
|
||||
border-bottom: 1px solid #949494;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.accordion-button:hover{
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
.accordion-button:active{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:focus{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed){
|
||||
background-color: #8000ff;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed)::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.accordion-button::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 1vw !important;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
padding: 4.185vw 0vw;
|
||||
background-color: #1a1a1a;
|
||||
color: #ffffff;
|
||||
font-family: "sono", sans-serif;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.accordion-button,
|
||||
.accordion-body{
|
||||
padding-left: 8.185vw !important;
|
||||
padding-right: 8.185vw !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.accordion-button{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
height: 8.37vw;
|
||||
border-radius: 0px !important;
|
||||
background-color: #1a1a1a;
|
||||
border-top: 1px solid #949494;
|
||||
border-bottom: 1px solid #949494;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.accordion-button:hover{
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
.accordion-button:active{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:focus{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed){
|
||||
background-color: #8000ff;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed)::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.accordion-button::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
padding: 4.185vw 0vw;
|
||||
background-color: #1a1a1a;
|
||||
color: #ffffff;
|
||||
font-family: "sono", sans-serif;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.accordion-button,
|
||||
.accordion-body{
|
||||
padding-left: 8.185vw !important;
|
||||
padding-right: 8.185vw !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.accordion-button{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
height: 8.37vw;
|
||||
border-radius: 0px !important;
|
||||
background-color: #1a1a1a;
|
||||
border-top: 1px solid #949494;
|
||||
border-bottom: 1px solid #949494;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.accordion-button:hover{
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
.accordion-button:active{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:focus{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed){
|
||||
background-color: #8000ff;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed)::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.accordion-button::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
padding: 4.185vw 0vw;
|
||||
background-color: #1a1a1a;
|
||||
color: #ffffff;
|
||||
font-family: "sono", sans-serif;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.accordion-button,
|
||||
.accordion-body{
|
||||
padding-left: 8.185vw !important;
|
||||
padding-right: 8.185vw !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
.accordion-button{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
height: 8.37vw;
|
||||
border-radius: 0px !important;
|
||||
background-color: #1a1a1a;
|
||||
border-top: 1px solid #949494;
|
||||
border-bottom: 1px solid #949494;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.accordion-button:hover{
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
.accordion-button:active{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:focus{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed){
|
||||
background-color: #8000ff;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed)::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.accordion-button::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
padding: 4.185vw 0vw;
|
||||
background-color: #1a1a1a;
|
||||
color: #ffffff;
|
||||
font-family: "sono", sans-serif;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.accordion-button,
|
||||
.accordion-body{
|
||||
padding-left: 8.185vw !important;
|
||||
padding-right: 8.185vw !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.accordion-button{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
height: 22vw;
|
||||
line-height: 1.5vw;
|
||||
border-radius: 0px !important;
|
||||
background-color: #1a1a1a;
|
||||
border-top: 1px solid #949494;
|
||||
border-bottom: 1px solid #949494;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.accordion-button:hover{
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
.accordion-button:active{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:focus{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed){
|
||||
background-color: #8000ff;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed)::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.accordion-button::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 6vw !important;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
padding: 4.185vw 0vw;
|
||||
background-color: #1a1a1a;
|
||||
color: #ffffff;
|
||||
font-family: "sono", sans-serif;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.accordion-button,
|
||||
.accordion-body{
|
||||
padding-left: 7vw !important;
|
||||
padding-right: 7vw !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
/* Fade in and up animations - declared with the following classes: */
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
transform: translate3d(0,40px,0)
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInUp {
|
||||
from {
|
||||
transform: translate3d(0,40px,0)
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
.animated-5 {
|
||||
animation-duration: 1s;
|
||||
animation-delay: .5s;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: both
|
||||
}
|
||||
|
||||
.animated-25 {
|
||||
animation-duration: 1s;
|
||||
animation-delay: .25s;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: both
|
||||
}
|
||||
|
||||
.animatedFadeInUp {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fadeInUp {
|
||||
opacity: 0;
|
||||
animation-name: fadeInUp;
|
||||
-webkit-animation-name: fadeInUp;
|
||||
}
|
||||
|
||||
/* Text Flicker Animation */
|
||||
|
||||
/*
|
||||
h1{
|
||||
animation: text-flicker 1.5s linear;
|
||||
transition: 0.2s ease-out;
|
||||
}
|
||||
|
||||
@keyframes text-flicker {
|
||||
0% {
|
||||
opacity:.1;
|
||||
}
|
||||
|
||||
2% {
|
||||
opacity:1;
|
||||
}
|
||||
8% {
|
||||
opacity:0.1;
|
||||
}
|
||||
9% {
|
||||
opacity:1;
|
||||
}
|
||||
12% {
|
||||
opacity:0.1;
|
||||
}
|
||||
20% {
|
||||
opacity:1;
|
||||
}
|
||||
25% {
|
||||
opacity:0.3;
|
||||
}
|
||||
30% {
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
70% {
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
72% {
|
||||
opacity:0.2;
|
||||
}
|
||||
|
||||
77% {
|
||||
opacity:.9;
|
||||
}
|
||||
100% {
|
||||
opacity:.9;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
/* Basic sample */
|
||||
|
||||
.latest-container{
|
||||
overflow:hidden;
|
||||
background-color:#1a1a1a;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.flipbook-viewport{
|
||||
overflow:hidden;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.flipbook-viewport .container{
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.flipbook-viewport .flipbook{
|
||||
width:922px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
.flipbook-viewport .page{
|
||||
width:461px;
|
||||
height:600px;
|
||||
background-color:white;
|
||||
background-repeat:no-repeat;
|
||||
background-size:100% 100%;
|
||||
}
|
||||
|
||||
.flipbook .page{
|
||||
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
||||
-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
||||
-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
|
||||
box-shadow:0 0 20px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.flipbook-viewport .page img{
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.flipbook-viewport .shadow{
|
||||
-webkit-transition: -webkit-box-shadow 0.5s;
|
||||
-moz-transition: -moz-box-shadow 0.5s;
|
||||
-o-transition: -webkit-box-shadow 0.5s;
|
||||
-ms-transition: -ms-box-shadow 0.5s;
|
||||
|
||||
-webkit-box-shadow:0 0 20px #ccc;
|
||||
-moz-box-shadow:0 0 20px #ccc;
|
||||
-o-box-shadow:0 0 20px #ccc;
|
||||
-ms-box-shadow:0 0 20px #ccc;
|
||||
box-shadow:0 0 20px #ccc;
|
||||
}
|
||||
|
|
@ -1,709 +0,0 @@
|
|||
/* Full-Width CTA */
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.btn-primary{
|
||||
padding: 2.455vw 4.185vw;
|
||||
border-radius: 0px !important;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 2vw;
|
||||
border-left: 2px solid #949494 !important;
|
||||
border-right: 2px solid #949494 !important;
|
||||
background-color: #1a1a1a !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
text-align: left;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover{
|
||||
background-color: #00ffd0 !important;
|
||||
color: #1a1a1a;
|
||||
border-top-color:#00ffd0;
|
||||
border-bottom-color:#00ffd0;
|
||||
border-left-color:#00ffd0;
|
||||
border-right-color:#00ffd0;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
|
||||
padding: 2.455vw 5.580vw;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.button-container{
|
||||
padding: 0vw 8.929vw;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.btn-primary .icon-enter-arrow,
|
||||
.btn-primary .icon-download-arrow{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.btn-primary{
|
||||
padding: 3.5vw 4.185vw;
|
||||
border-radius: 0px !important;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 2vw;
|
||||
border-left: 2px solid #949494 !important;
|
||||
border-right: 2px solid #949494 !important;
|
||||
background-color: #1a1a1a !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
text-align: left;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover{
|
||||
background-color: #00ffd0 !important;
|
||||
color: #1a1a1a;
|
||||
border-top-color:#00ffd0;
|
||||
border-bottom-color:#00ffd0;
|
||||
border-left-color:#00ffd0;
|
||||
border-right-color:#00ffd0;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.dev-count{
|
||||
font-size: 1.2vw !important;
|
||||
}
|
||||
|
||||
.button-container{
|
||||
padding: 0vw 11vw !important;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.btn-primary .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.btn-primary{
|
||||
padding: 2.455vw 4.185vw;
|
||||
border-radius: 0px !important;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 2vw;
|
||||
border-left: 2px solid #949494 !important;
|
||||
border-right: 2px solid #949494 !important;
|
||||
background-color: #1a1a1a !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
text-align: left;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover{
|
||||
background-color: #00ffd0 !important;
|
||||
color: #1a1a1a;
|
||||
border-top-color:#00ffd0;
|
||||
border-bottom-color:#00ffd0;
|
||||
border-left-color:#00ffd0;
|
||||
border-right-color:#00ffd0;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
|
||||
padding: 2.455vw 5.580vw;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.button-container{
|
||||
padding: 0vw 8.929vw;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.btn-primary .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px){
|
||||
|
||||
.btn-primary{
|
||||
padding: 5vw 4vw !important;
|
||||
border-radius: 0px !important;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 3.5vw;
|
||||
border-left: 2px solid #949494 !important;
|
||||
border-right: 2px solid #949494 !important;
|
||||
background-color: #1a1a1a !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
text-align: left;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover{
|
||||
background-color: #00ffd0 !important;
|
||||
color: #1a1a1a;
|
||||
border-top-color:#00ffd0;
|
||||
border-bottom-color:#00ffd0;
|
||||
border-left-color:#00ffd0;
|
||||
border-right-color:#00ffd0;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
|
||||
padding: 2.455vw 5.580vw;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.button-container{
|
||||
padding: 0vw 8.929vw;
|
||||
}
|
||||
|
||||
.dev-count{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.btn-primary .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.btn-primary{
|
||||
padding: 7.5vw 7.5vw !important;
|
||||
border-radius: 0px !important;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 4vw !important;
|
||||
border-left: 2px solid #949494 !important;
|
||||
border-right: 2px solid #949494 !important;
|
||||
background-color: #1a1a1a !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
text-align: left;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover{
|
||||
background-color: #00ffd0 !important;
|
||||
color: #1a1a1a;
|
||||
border-top-color:#00ffd0;
|
||||
border-bottom-color:#00ffd0;
|
||||
border-left-color:#00ffd0;
|
||||
border-right-color:#00ffd0;
|
||||
box-shadow: inset 0vw 0vw 0vw 1vw #1a1a1a !important;
|
||||
padding: 7.5vw 11.200vw;
|
||||
border-top-color:#1a1a1a;
|
||||
border-bottom-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.button-container{
|
||||
padding: 0vw 13vw !important;
|
||||
}
|
||||
|
||||
.dev-count{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.btn-primary .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 3vw;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
|
||||
.btn-primary:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Detail Button - Large */
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.detail-btn-large{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 16px;
|
||||
background-color: #1a1a1a;
|
||||
border: .5px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 375px;
|
||||
height: 75px;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.detail-btn-large .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relaitve;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.detail-btn-large{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 16px;
|
||||
background-color: #1a1a1a;
|
||||
border: .5px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 300px;
|
||||
height: 60px;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.detail-btn-large .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relaitve;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.detail-btn-large{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 14px;
|
||||
background-color: #1a1a1a;
|
||||
border: .5px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 250px;
|
||||
height: 50px;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.detail-btn-large .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relaitve;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
.detail-btn-large{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 14px;
|
||||
background-color: #1a1a1a;
|
||||
border: .5px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 250px;
|
||||
height: 50px;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.detail-btn-large .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relaitve;
|
||||
margin-right: 0.558vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.detail-btn-large{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 3vw;
|
||||
background-color: #1a1a1a;
|
||||
border: 1px solid #ffffff !important;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 100%;
|
||||
height: 14vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
|
||||
.detail-btn-large .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 2vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.detail-btn-large:hover .icon-enter-arrow{
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Dropdown Button - Large */
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.languages{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif !important;
|
||||
font-size: 1.116vw;
|
||||
border-radius: 0px !important;
|
||||
background-color: #1a1a1a;
|
||||
border: 1px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 25.000vw;
|
||||
height: 4.185vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.languages:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:focus{
|
||||
background-color: #1a1a1a !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
#language-selector{
|
||||
background-color: #1a1a1a;
|
||||
width: 25vw;
|
||||
border-radius: 0px;
|
||||
border: 1px solid #949494;
|
||||
}
|
||||
|
||||
#language-selector a{
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#language-selector a:hover{
|
||||
color: #1a1a1a !important;
|
||||
background-color: #00ffd0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.languages{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif !important;
|
||||
font-size: 1.116vw;
|
||||
background-color: #1a1a1a;
|
||||
border: 1px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 25.000vw;
|
||||
height: 4.185vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:focus{
|
||||
background-color: #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
#language-selector{
|
||||
background-color: #1a1a1a;
|
||||
width: 25vw;
|
||||
border-radius: 0px;
|
||||
border: 1px solid #949494;
|
||||
}
|
||||
|
||||
#language-selector a{
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#language-selector a:hover{
|
||||
color: #1a1a1a !important;
|
||||
background-color: #00ffd0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.languages{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 1.116vw;
|
||||
background-color: #1a1a1a;
|
||||
border: 1px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 25.000vw;
|
||||
height: 4.185vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:focus{
|
||||
background-color: #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
#language-selector{
|
||||
background-color: #1a1a1a;
|
||||
width: 25vw;
|
||||
border-radius: 0px;
|
||||
border: 1px solid #949494;
|
||||
}
|
||||
|
||||
#language-selector a{
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#language-selector a:hover{
|
||||
color: #1a1a1a !important;
|
||||
background-color: #00ffd0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
.languages{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 1.116vw;
|
||||
background-color: #1a1a1a;
|
||||
border: 1px solid #ffffff;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 25.000vw;
|
||||
height: 4.185vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:focus{
|
||||
background-color: #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
#language-selector{
|
||||
background-color: #1a1a1a;
|
||||
width: 25vw;
|
||||
border-radius: 0px;
|
||||
border: 1px solid #949494;
|
||||
}
|
||||
|
||||
#language-selector a{
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#language-selector a:hover{
|
||||
color: #1a1a1a !important;
|
||||
background-color: #00ffd0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.languages{
|
||||
display:inline-block;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
font-size: 3vw;
|
||||
background-color: #1a1a1a;
|
||||
border: 1px solid #ffffff !important;
|
||||
color: #fff;
|
||||
padding-top: 0.279vw;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 100%;
|
||||
height: 14vw;
|
||||
transition: 0.2s ease-in-out;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.languages:hover{
|
||||
background-color: #8000ff;
|
||||
box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.languages:focus{
|
||||
background-color: #1a1a1a !important;
|
||||
border: 1px solid #ffffff;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
#language-selector{
|
||||
background-color: #1a1a1a;
|
||||
width: 100%;
|
||||
border-radius: 0px;
|
||||
border: 1px solid #949494;
|
||||
}
|
||||
|
||||
#language-selector a{
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#language-selector a:hover{
|
||||
color: #1a1a1a !important;
|
||||
background-color: #00ffd0;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
/* Footer Styling */
|
||||
|
||||
.social-box{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.list-group{
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
.list-group-item{
|
||||
background-color: #1a1a1a !important;
|
||||
padding: 1.116vw;
|
||||
font-size: 1.562vw;
|
||||
color: #fff;
|
||||
font-family: "inter", sans-serif !important;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 2px solid #949494;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.footer-content{
|
||||
padding-right: 5.580vw;
|
||||
}
|
||||
|
||||
.social-icon{
|
||||
margin-right: 1.116vw !important;
|
||||
position: relative;
|
||||
top: 0.167vw;
|
||||
}
|
||||
|
||||
.footer-grid{
|
||||
width:50.223vw;
|
||||
}
|
||||
|
|
@ -1,729 +0,0 @@
|
|||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
#gen-art-1{
|
||||
position:absolute;
|
||||
width:15vw;
|
||||
height: 12.5vw;
|
||||
right: 5.8vw;
|
||||
top:300px;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-2{
|
||||
position:absolute;
|
||||
width:17vw;
|
||||
height: 10vw;
|
||||
right: 20.3vw !important;
|
||||
top:33.3vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-3{
|
||||
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
margin-top: 12.5vw;
|
||||
right: 16.8vw;
|
||||
width: 29vw;
|
||||
height: 28vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-4{
|
||||
background-image: url("/Images/gen-art/abstract-pattern.png");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
margin-top: 16.5vw;
|
||||
right: 8.4vw;
|
||||
width: 18vw;
|
||||
height: 28vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-4_5{
|
||||
background-image: url("/Images/gen-art/floating-city.png");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
margin-top: 12vw;
|
||||
border-radius: 100px;
|
||||
right: 12.4vw;
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
#gen-art-5{
|
||||
position:absolute;
|
||||
width:24.275vw;
|
||||
height: 21.857vw;
|
||||
margin-top: 20vw;
|
||||
right: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-6{
|
||||
position:absolute;
|
||||
width: 13.560vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 50vw;
|
||||
right: 37.667vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-7{
|
||||
position:absolute;
|
||||
width: 17.504vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 70vw;
|
||||
left: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-8{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 8.371vw;
|
||||
margin-top: 90vw;
|
||||
left: 20.8vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-9{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 24vw;
|
||||
margin-top: 70vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-10{
|
||||
position:absolute;
|
||||
width: 50vw;
|
||||
height: 25vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
#gen-art-1{
|
||||
position:absolute;
|
||||
width:15vw;
|
||||
height: 12.5vw;
|
||||
right: 5.8vw;
|
||||
top:300px;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-2{
|
||||
position:absolute;
|
||||
width:17vw;
|
||||
height: 10vw;
|
||||
right: 16.3vw;
|
||||
top:33.3vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-3{
|
||||
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
margin-top: 12.5vw;
|
||||
right: 16.8vw;
|
||||
width: 29vw;
|
||||
height: 28vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-4{
|
||||
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: left;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
margin-top: 9.5vw;
|
||||
right: 8.371vw;
|
||||
width: 12.556vw;
|
||||
height: 12.556vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-5{
|
||||
position:absolute;
|
||||
width:24.275vw;
|
||||
height: 17.857vw;
|
||||
margin-top: 20vw;
|
||||
right: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-6{
|
||||
position:absolute;
|
||||
width: 13.560vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 50vw;
|
||||
right: 37.667vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-7{
|
||||
position:absolute;
|
||||
width: 17.504vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 70vw;
|
||||
left: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-8{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 8.371vw;
|
||||
margin-top: 90vw;
|
||||
left: 20.8vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-9{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 24vw;
|
||||
margin-top: 70vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-10{
|
||||
position:absolute;
|
||||
width: 50vw;
|
||||
height: 25vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
#gen-art-1{
|
||||
position:absolute;
|
||||
width:15vw;
|
||||
height: 12.5vw;
|
||||
right: 5.8vw;
|
||||
top:300px;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-2{
|
||||
position:absolute;
|
||||
width:17vw;
|
||||
height: 10vw;
|
||||
right: 16.3vw;
|
||||
top:33.3vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-3{
|
||||
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
margin-top: 12.5vw;
|
||||
right: 16.8vw;
|
||||
width: 29vw;
|
||||
height: 28vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-4{
|
||||
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: left;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
margin-top: 9.5vw;
|
||||
right: 8.371vw;
|
||||
width: 12.556vw;
|
||||
height: 12.556vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-5{
|
||||
position:absolute;
|
||||
width:24.275vw;
|
||||
height: 17.857vw;
|
||||
margin-top: 20vw;
|
||||
right: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-6{
|
||||
position:absolute;
|
||||
width: 13.560vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 50vw;
|
||||
right: 37.667vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-7{
|
||||
position:absolute;
|
||||
width: 17.504vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 70vw;
|
||||
left: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-8{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 8.371vw;
|
||||
margin-top: 90vw;
|
||||
left: 20.8vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-9{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 24vw;
|
||||
margin-top: 70vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-10{
|
||||
position:absolute;
|
||||
width: 50vw;
|
||||
height: 25vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px){
|
||||
|
||||
#gen-art-1{
|
||||
position:absolute;
|
||||
width:15vw;
|
||||
height: 12.5vw;
|
||||
right: 5.8vw;
|
||||
top:300px;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-2{
|
||||
position:absolute;
|
||||
width:17vw;
|
||||
height: 10vw;
|
||||
right: 16.3vw;
|
||||
top:33.3vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-3{
|
||||
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
margin-top: 12.5vw;
|
||||
right: 16.8vw;
|
||||
width: 29vw;
|
||||
height: 28vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-4{
|
||||
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: left;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
margin-top: 9.5vw;
|
||||
right: 8.371vw;
|
||||
width: 12.556vw;
|
||||
height: 12.556vw;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#gen-art-5{
|
||||
position:absolute;
|
||||
width:24.275vw;
|
||||
height: 17.857vw;
|
||||
margin-top: 20vw;
|
||||
right: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#gen-art-6{
|
||||
position:absolute;
|
||||
width: 13.560vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 50vw;
|
||||
right: 37.667vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-7{
|
||||
position:absolute;
|
||||
width: 17.504vw;
|
||||
height: 26.897vw;
|
||||
margin-top: 70vw;
|
||||
left: 8.371vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-8{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 8.371vw;
|
||||
margin-top: 90vw;
|
||||
left: 20.8vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-9{
|
||||
position:absolute;
|
||||
width: 8.371vw;
|
||||
height: 24vw;
|
||||
margin-top: 70vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#gen-art-10{
|
||||
position:absolute;
|
||||
width: 50vw;
|
||||
height: 25vw;
|
||||
right: 8.371vw;;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Different generative art at smaller breakpoints; parallax effect/location simply doesn't work */
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
#gen-art-1,
|
||||
#gen-art-2,
|
||||
#gen-art-3,
|
||||
#gen-art-4,
|
||||
#gen-art-5,
|
||||
#gen-art-6,
|
||||
#gen-art-7,
|
||||
#gen-art-8,
|
||||
#gen-art-9,
|
||||
#gen-art-10{
|
||||
display:none;
|
||||
}
|
||||
|
||||
#m-gen-art-1{
|
||||
width: 67vw;
|
||||
height: 30vw;
|
||||
margin-top: -9.5vw;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-2{
|
||||
width: 19vw;
|
||||
height: 19.5vw;
|
||||
margin-top: -49.5vw;
|
||||
right: 7vw;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-3{
|
||||
width: 38vw;
|
||||
height: 19vw;
|
||||
right: 7vw;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/tribal-green.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-4{
|
||||
width: 57.3vw;
|
||||
height: 10vw;
|
||||
left: 7vw;
|
||||
margin-top: 19vw;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-5{
|
||||
width: 58vw;
|
||||
height: 30vw;
|
||||
left: 16.5vw;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-6{
|
||||
width: 20vw;
|
||||
height: 20vw;
|
||||
right: 16.5vw;
|
||||
margin-top: 5vw;
|
||||
border-radius: 100px;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/gen-art-_0021_DALL·E 2022-09-02 12.26.00 - crystals in polarized light under microscope.png.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-7{
|
||||
width: 20vw;
|
||||
height: 19vw;
|
||||
left: 7vw;
|
||||
margin-top: 9.5vw;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/gen-art-_0021_DALL·E 2022-09-02 12.26.00 - crystals in polarized light under microscope.png.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-8{
|
||||
width: 48vw;
|
||||
height: 19vw;
|
||||
right: 7vw;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-gen-art-9{
|
||||
width: 86vw;
|
||||
height: 19vw;
|
||||
right: 7vw;
|
||||
margin-top: -19vw;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
|
||||
|
|
@ -1,94 +0,0 @@
|
|||
/* Breakpoints for re-use*/
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.nb-hero-section{
|
||||
background-image: url("/Images/nbman-x-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.nb-hero-section{
|
||||
background-image: url("/Images/nbman-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.nb-hero-section{
|
||||
background-image: url("/Images/nbman-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
.nb-hero-section{
|
||||
background-image: url("/Images/nbman-medium-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
.nb-man-latest{
|
||||
background-image: url("/Images/x-large-grid.svg");
|
||||
background-attachment: fixed;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#nb-man-float{
|
||||
position: relative;
|
||||
padding-left: 25vw;
|
||||
}
|
||||
|
||||
.nb-man-hero h1{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.nb-lead{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
.comic-thumb{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.parallel-btn-container{
|
||||
margin-bottom: 1.5vw;
|
||||
}
|
||||
|
||||
.nb-small-text-container{
|
||||
margin-top: 1vw !important;
|
||||
}
|
||||
|
||||
.catalog-container{
|
||||
border-bottom: 2px solid #949494;
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
/* Package Display Section */
|
||||
|
||||
.detail-btn{
|
||||
float:right;
|
||||
}
|
||||
|
|
@ -1,207 +0,0 @@
|
|||
/*This page includes CSS for products page + all products ancillary pages*/
|
||||
|
||||
/* Products - Main */
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.product-hero-section{
|
||||
background-image: url("/Images/prouct-x-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.product-hero-section{
|
||||
background-image: url("/Images/prouct-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.product-hero-section{
|
||||
background-image: url("/Images/prouct-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
.product-hero-section{
|
||||
background-image: url("/Images/prouct-medium-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.gen-art{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.lead{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Products - TEA.CLI */
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.products-hero{
|
||||
background-image: url("/Images/x-large-grid-hero.svg");
|
||||
background-attachment: fixed;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.lead-container{
|
||||
padding-left: 25vw;
|
||||
padding-right: 25vw;
|
||||
margin-bottom: -2.7vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
/* h1{
|
||||
font-size: 15vw !important;
|
||||
} */
|
||||
|
||||
|
||||
.tea-cli-container{
|
||||
padding: 7vw !important;
|
||||
}
|
||||
|
||||
.gen-art{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.mobile-grid-element{
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Generative Art styling */
|
||||
|
||||
#pro-gen-art-1{
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 8.3vw;
|
||||
top: 12.2vw;
|
||||
width: 28.7vw;
|
||||
height: 19vw;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#pro-gen-art-2{
|
||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
right: 8.3vw;
|
||||
top: 19.2vw;
|
||||
width: 32.7vw;
|
||||
height: 18vw;
|
||||
}
|
||||
|
||||
#pro-gen-art-3{
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
right: 15.3vw;
|
||||
top: 14.2vw;
|
||||
border-radius: 200px;
|
||||
width: 12vw;
|
||||
height: 12vw;
|
||||
}
|
||||
|
||||
#pro-gen-art-4{
|
||||
background-image: url("/Images/gen-art/abstract-pattern.png");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 30.3vw;
|
||||
top: 10.2vw;
|
||||
border-radius: 200px;
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
}
|
||||
|
||||
#pro-gen-art-5{
|
||||
background-image: url("/Images/gen-art/floating-city.png");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 16vw;
|
||||
top: 30.2vw;
|
||||
width: 32.7vw;
|
||||
height: 11vw;
|
||||
}
|
||||
|
||||
.teacli-gen-art-1{
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
right: 8.3vw;
|
||||
top: 12.2vw;
|
||||
width: 16.7vw;
|
||||
height: 17vw;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.teacli-gen-art-2{
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
right: 16.5vw;
|
||||
top: 16.5vw;
|
||||
width: 12vw;
|
||||
height: 17vw;
|
||||
z-index: 0;
|
||||
}
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
|
||||
/*h1{
|
||||
animation: text-flicker 3s linear;
|
||||
transition: 0.2s ease-out;
|
||||
}
|
||||
|
||||
@keyframes text-flicker {
|
||||
0% {
|
||||
opacity:.1;
|
||||
}
|
||||
|
||||
2% {
|
||||
opacity:1;
|
||||
}
|
||||
8% {
|
||||
opacity:0.1;
|
||||
}
|
||||
9% {
|
||||
opacity:1;
|
||||
}
|
||||
12% {
|
||||
opacity:0.1;
|
||||
}
|
||||
20% {
|
||||
opacity:1;
|
||||
}
|
||||
25% {
|
||||
opacity:0.3;
|
||||
}
|
||||
30% {
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
70% {
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
72% {
|
||||
opacity:0.2;
|
||||
}
|
||||
|
||||
77% {
|
||||
opacity:.9;
|
||||
}
|
||||
100% {
|
||||
opacity:.9;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,93 +0,0 @@
|
|||
/* Breakpoints for re-use*/
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.wp-hero-section{
|
||||
background-image: url("/Images/wp-x-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.wp-lead-text-container{
|
||||
border: 1px solid #949494 !important;
|
||||
width: 80%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 20.8vw;
|
||||
margin-top: 0.9vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.wp-hero-section{
|
||||
background-image: url("/Images/wp-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.wp-lead-text-container{
|
||||
border: 1px solid #949494 !important;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 25vw;
|
||||
margin-top: 1.1vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.wp-hero-section{
|
||||
background-image: url("/Images/wp-large-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.wp-lead-text-container{
|
||||
border: 1px solid #949494 !important;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 30vw;
|
||||
margin-top: 0vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
.wp-hero-section{
|
||||
background-image: url("/Images/wp-medium-grid-generative-art.gif") !important;
|
||||
background-attachment: scroll;
|
||||
background-position: top;
|
||||
background-repeat: repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.wp-lead-text-container{
|
||||
border: 1px solid #949494 !important;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 47vw;
|
||||
margin-top: -1vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
}
|
||||
Loading…
Reference in a new issue