Created
February 23, 2019 03:58
-
-
Save stormsweeper/d9e772146cd84e61c68205046b45f98b to your computer and use it in GitHub Desktop.
Beautified CSS from https://www.lingscars.com/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@font-face { | |
font-family: badaboom; | |
src: url(/fonts/badaboom.woff); | |
} | |
@font-face { | |
font-family:kabel;src:url(/fonts/kabel.woff); | |
} | |
@font-face { | |
font-family:komika;src:url(/fonts/komika.woff); | |
} | |
@font-face { | |
font-family:crystal;src:url(/fonts/liquid-crystal.woff); | |
} | |
@font-face { | |
font-family:transport;src:url(/fonts/transport.woff); | |
} | |
.bg-black { | |
background: #6d6b6e; | |
background: linear-gradient(to bottom, #333 40%, #717171 100%); | |
} | |
.bg-blue { | |
background: #91ffef; | |
background: linear-gradient(to bottom, #00a9e0 10%, #7bddfd 90%); | |
} | |
.bg-green { | |
background: #91ff91; | |
background: linear-gradient(to bottom, #d2ff52 0%, #91e842 100%); | |
} | |
.bg-orange { | |
background: #fcd27b; | |
background: linear-gradient(to bottom, #fac696 0%, #ef8d31 100%); | |
} | |
.bg-purple { | |
background: #f093f8; | |
background: linear-gradient(to bottom, #fb83fa 0%, #e93cec 100%); | |
} | |
.bg-red { | |
background: #ffac91; | |
background: linear-gradient(to bottom, #febbbc 0%, #ff5b5c 100%); | |
} | |
.bg-yellow { | |
background: #fcf17b; | |
background: linear-gradient(to bottom, #e8ff49 0%, #effe91 100%); | |
} | |
.bg-white { | |
background: #e1e1e1; | |
background: linear-gradient(to bottom, #e7e7ce 0%, #fbfbf6 60%); | |
} | |
.font-black,.font-blue,.font-green,.font-orange,.font-purple,.font-red,.font-yellow,.font-white { | |
font-weight: bolder; | |
text-shadow: 0 0 2px black, 1px 0 1px black, 2px 0 2px black, 1px 0 1px black; | |
} | |
.font-black { | |
color: black; | |
} | |
.font-blue { | |
color: #7bddfd; | |
} | |
.font-green { | |
color: #08fc08; | |
} | |
.font-orange { | |
color: #fcac08; | |
} | |
.font-purple { | |
color: #f673f6; | |
} | |
.font-red { | |
color: #ff4b4b; | |
} | |
.font-yellow { | |
color: #effe91; | |
} | |
.font-white { | |
color: white; | |
} | |
.text-black,.text-blue,.text-green,.text-orange,.text-purple,.text-red,.text-yellow,.text-white { | |
font-weight: bolder; | |
} | |
.text-black { | |
color: black; | |
} | |
.text-blue { | |
color: #7bddfd; | |
} | |
.text-green { | |
color: #08fc08; | |
} | |
.text-orange { | |
color: #fcac08; | |
} | |
.text-purple { | |
color: #f673f6; | |
} | |
.text-red { | |
color: #ff4b4b; | |
} | |
.text-yellow { | |
color: #effe91; | |
} | |
.text-white { | |
color: white; | |
} | |
@keyframes dynamic-hue { | |
100% { | |
filter: hue-rotate(360deg); | |
} | |
} | |
@keyframes repetitive-tilt { | |
0% { | |
transform: rotate(20deg); | |
} | |
50% { | |
transform: rotate(-20deg); | |
} | |
100% { | |
transform: rotate(20deg); | |
} | |
} | |
@keyframes swivel { | |
0% { | |
transform: rotate(10deg); | |
} | |
50% { | |
transform: rotate(-10deg); | |
} | |
100% { | |
transform: rotate(10deg); | |
} | |
} | |
@keyframes small-pulse { | |
100% { | |
transform: scale(0.9); | |
} | |
} | |
@keyframes small-jump { | |
10% { | |
margin-top: -5px; | |
} | |
20% { | |
margin-top: 0; | |
} | |
} | |
@keyframes small-bump { | |
3% { | |
top: -3px; | |
} | |
6% { | |
top: 0; | |
} | |
} | |
@keyframes rotate { | |
100% { | |
transform: rotate(360deg); | |
} | |
} | |
@keyframes wiggle { | |
0% { | |
transform: translate(2px, 1px); | |
} | |
10% { | |
transform: translate(-1px, -2px); | |
} | |
20% { | |
transform: translate(-3px, 0px); | |
} | |
30% { | |
transform: translate(0px, 2px); | |
} | |
40% { | |
transform: translate(1px, -1px); | |
} | |
50% { | |
transform: translate(-1px, 2px); | |
} | |
60% { | |
transform: translate(-3px, 1px); | |
} | |
70% { | |
transform: translate(2px, 1px); | |
} | |
80% { | |
transform: translate(-1px, -1px); | |
} | |
90% { | |
transform: translate(1px, -2px); | |
} | |
100% { | |
transform: translate(2px, 1px); | |
} | |
} | |
.car-colors-yellow .car-details-headline { | |
color: #ffff00; | |
} | |
.car-colors-yellow { | |
background: #f0eed5; | |
background: linear-gradient(to bottom, #717171 0%, white 50%, white 55%, #717171 100%); | |
} | |
.car-colors-red .car-details-headline { | |
color: #ff0000; | |
text-shadow: 2px 2px 0px black, 0 0 10px lime; | |
} | |
.car-colors-red { | |
background: #fcf17b; | |
background: linear-gradient(to bottom, #fff200 0%, white 50%, white 55%, #fff200 100%); | |
} | |
.car-colors-green .car-details-headline { | |
color: #00ff00; | |
} | |
.car-colors-green { | |
background: #ffac91; | |
background: linear-gradient(to bottom, #fd4d4e 0%, white 50%, white 55%, #fd4d4e 100%); | |
} | |
.car-colors-cyan .car-details-headline { | |
color: #00ffff; | |
} | |
.car-colors-cyan { | |
background: #fcd27b; | |
background: linear-gradient(to bottom, #ffac5e 0%, white 50%, white 55%, #ffac5e 100%); | |
} | |
.car-colors-purple .car-details-headline { | |
color: #ff00ff; | |
} | |
.car-colors-purple { | |
background: #91ffef; | |
background: linear-gradient(to bottom, #00a9e0 0%, white 50%, white 55%, #00a9e0 100%); | |
} | |
.car-colors-blue .car-details-headline { | |
color: #0000ff; | |
text-shadow: 0 0 2px #3da1a1, 2px 2px 0px cyan; | |
} | |
.car-colors-blue { | |
background: #e9eceb; | |
background: linear-gradient(to bottom, #e7e7ce 0%, white 50%, white 55%, #e7e7ce 100%); | |
} | |
.car-colors-orange .car-details-headline { | |
color: #ff8000; | |
} | |
.car-colors-orange { | |
background: #91ff91; | |
background: linear-gradient(to bottom, #d2ff52 0%, white 50%, white 55%, #d2ff52 100%); | |
} | |
.car-colors-white .car-details-headline { | |
color: white; | |
} | |
.car-colors-white { | |
background: #ffac91; | |
background: linear-gradient(to bottom, #febbbc 0%, white 50%, white 55%, #febbbc 100%); | |
} | |
.car-colors-black .car-details-headline { | |
color: #000000; | |
text-shadow: 0 0 2px yellow, 2px 2px 0px yellow; | |
} | |
.car-colors-black { | |
background: #f0fc7b; | |
background: linear-gradient(to bottom, #dfd40d 0%, white 50%, white 55%, #dfd40d 100%); | |
} | |
body { | |
font-family: 'Lucida Grande',Lucida,Verdana,sans-serif; | |
font-style: normal; | |
color: #000; | |
width: 1006px; | |
margin: 0 auto; | |
background: white url(https://images.lingscars.com/images/index/bg/paisley.jpg); | |
} | |
img { | |
font-size: 10px; | |
font-family: Arial, sans-serif; | |
color: black; | |
font-weight: normal; | |
text-align: center; | |
text-shadow: none; | |
} | |
table { | |
border-collapse: collapse; | |
} | |
#page { | |
width: 1006px; | |
padding: 4px; | |
position: absolute; | |
background-color: white; | |
box-shadow: 0 0 3px black; | |
} | |
#page>header,#page>footer,#page>div { | |
float: right; | |
width: 845px; | |
} | |
#page>table { | |
background-color: #fff; | |
position: relative; | |
z-index: 2; | |
table-layout: fixed; | |
float: left; | |
display: table-cell; | |
} | |
#page>#bottom { | |
bottom: 10px; | |
font-size: 11px; | |
left: 0px; | |
margin: auto; | |
position: absolute; | |
text-align: center; | |
width: 994px; | |
margin-bottom: -295px; | |
display: block; | |
background-color: white; | |
padding: 0 10px 0 10px; | |
height: 285px; | |
line-height: 12px; | |
} | |
#header-banner #logo { | |
margin-left: 62px; | |
margin-top: 10px; | |
display: block; | |
} | |
#header-banner #logo-detail { | |
animation: 1s swivel infinite; | |
position: absolute; | |
right: -30px; | |
top: 5px; | |
z-index: 10; | |
} | |
#header-banner>h1 { | |
margin: 0 0 2px 58px; | |
color: green; | |
font-family: kabel; | |
font-weight: normal; | |
word-spacing: 5px; | |
letter-spacing: -2px; | |
max-width: 700px; | |
max-height: 30px; | |
overflow: hidden; | |
text-align: center; | |
} | |
#header-banner .title-long { | |
font-size: 13px; | |
margin-bottom: 5px; | |
} | |
#header-banner .title-short { | |
font-size: 20px; | |
} | |
#header-banner>h2 { | |
margin: -5px 0 0 50px; | |
font-size: 9px; | |
font-style: italic; | |
width: 770px; | |
} | |
#header-banner>h2 .title-created { | |
text-align: center; | |
} | |
#header-banner>h2 span:nth-of-type(1) { | |
color: #ae0000; | |
font-weight: bold; | |
} | |
#header-banner>h2 span:nth-of-type(2) { | |
color: #009c00; | |
font-weight: bold; | |
} | |
#header-banner>p { | |
font-weight: 400; | |
font-size: 8px; | |
color: #9C9B9B; | |
text-align: center; | |
top: -5px; | |
position: absolute; | |
margin-left: 95px; | |
} | |
#header-banner #traffic { | |
position: absolute; | |
top: 5px; | |
} | |
#breadcrumbs { | |
background-color: #d7f8dc; | |
padding: 2px; | |
margin: 3px 20px 20px; | |
} | |
#breadcrumbs ul { | |
list-style: none; | |
margin: 0; | |
padding: 2px; | |
} | |
#breadcrumbs li { | |
display: inline; | |
} | |
@keyframes chat-speech { | |
100% { | |
background-position-x: -300px; | |
} | |
} | |
#page>#left-bar { | |
background-color: #a7ecef; | |
display: inline-block; | |
float: left; | |
padding: 10px; | |
width: 135px; | |
} | |
#page>#left-bar .ling-animated-candybar { | |
background: url(https://images.lingscars.com/images/index/ling-bg.gif); | |
background-color: red; | |
text-align: center; | |
width: 102px; | |
margin: 3px 0 0 7px; | |
border: 5px inset black; | |
padding-right: 5px; | |
padding-top: 5px; | |
} | |
#page>#left-bar .ling-animated-candybar img { | |
width: 100px; | |
height: 115px; | |
display: inline-block; | |
} | |
#page>#left-bar .ling-animated-candybar a { | |
position: absolute; | |
width: 100px; | |
height: 70px; | |
margin-top: 30px; | |
margin-left: 70px; | |
background: url(https://images.lingscars.com/images/index/chat-speech.png) no-repeat; | |
animation: 4s chat-speech steps(3) infinite; | |
z-index: 3; | |
} | |
#page>#left-bar .aside-animated-title { | |
font-family: kabel; | |
text-align: center; | |
font-size: 35px; | |
line-height: 39px; | |
margin: 0px; | |
color: #fe6f88; | |
text-shadow: 4px 4px 0px #4e282f, 3px 3px 0px #4e282f, 2px 2px 0px #4e282f, 1px 1px 0px #4e282f; | |
margin-left: -5px; | |
} | |
#page>#left-bar .aside-animated-title>img { | |
position: absolute; | |
left: 83px; | |
top: 123px; | |
width: 33px; | |
} | |
#page>#left-bar .aside-animated-title>span:nth-of-type(1) { | |
color: white; | |
font-weight: bolder; | |
font-size: 20px; | |
display: block; | |
line-height: normal; | |
font-family: transport; | |
text-transform: uppercase; | |
margin-bottom: -10px; | |
text-shadow: 2px 2px 0px #4e282f, 1px 1px 0px #4e282f; | |
animation: none; | |
} | |
#page>#left-bar .aside-animated-title>em { | |
color: lime; | |
animation: 1s steps(4) dynamic-hue infinite; | |
} | |
#page>#left-bar .aside-animated-title>span:nth-of-type(2) { | |
color: white; | |
font-weight: bolder; | |
font-size: 20px; | |
text-shadow: none; | |
display: block; | |
line-height: 0.9; | |
font-family: transport; | |
text-transform: uppercase; | |
margin-bottom: -10px; | |
text-shadow: 2px 2px 0px #4e282f, 1px 1px 0px #4e282f; | |
animation: none; | |
} | |
#page>#left-bar .ling-alive-feed { | |
overflow: hidden; | |
width: 135px; | |
height: 107px; | |
margin-left: -3px; | |
pointer-events: none; | |
} | |
#page>#left-bar .ling-alive-feed .ling-alive-overlay { | |
background: url(https://images.lingscars.com/images/index/ling-alive-frame.png) no-repeat; | |
animation: 1s infinite ling-alive-frame steps(1); | |
position: absolute; | |
box-shadow: inset 0 0 10px black; | |
height: 107px; | |
width: 135px; | |
} | |
#page>#left-bar .ling-alive-feed>iframe { | |
margin-left: -46px; | |
margin-top: -45px; | |
} | |
#page>#left-bar .ling-alive { | |
text-align: right; | |
background: url(https://images.lingscars.com/images/index/arrow-up.png) no-repeat; | |
background-size: 80px; | |
animation: 1s infinite ling-alive; | |
margin-top: 2px; | |
padding-top: 10px; | |
} | |
#page>#left-bar>h2 { | |
color: #fff300; | |
font-family: kabel; | |
font-size: 30px; | |
margin: 0px; | |
margin-top: 15px; | |
margin-bottom: -15px; | |
text-align: center; | |
text-shadow: 0 0 3px black, 0 0 3px black,0 0 3px black; | |
} | |
@keyframes ling-alive { | |
50% { | |
background-position: 0 9px; | |
} | |
} | |
@keyframes ling-alive-frame { | |
50% { | |
background-position: -135px; | |
} | |
} | |
#navigation { | |
width: 845px; | |
height: 260px; | |
} | |
#navigation ul { | |
list-style: none; | |
padding: 0px; | |
} | |
#navigation>ul>li:nth-of-type(1) { | |
margin-top: 0px; | |
margin-left: 72px; | |
clip: rect(0px, 73px, 40px, 0px); | |
} | |
#navigation>ul>li:nth-of-type(2) { | |
margin-top: 36px; | |
margin-left: 78px; | |
clip: rect(0px, 67px, 40px, 0px); | |
} | |
#navigation>ul>li:nth-of-type(3) { | |
margin-top: 72px; | |
margin-left: 40px; | |
clip: rect(0px, 105px, 40px, 0px); | |
} | |
#navigation>ul>li:nth-of-type(4) { | |
margin-top: 108px; | |
margin-left: 41px; | |
clip: rect(0px, 104px, 40px, 0px); | |
} | |
#navigation>ul>li:nth-of-type(5) { | |
margin-top: 144px; | |
margin-left: 57px; | |
clip: rect(0px, 88px, 40px, 0px); | |
} | |
#navigation>ul>li:nth-of-type(6) { | |
margin-top: 180px; | |
margin-left: 49px; | |
clip: rect(0px, 96px, 40px, 0px); | |
} | |
#navigation>ul>li:nth-of-type(7) { | |
margin-top: 216px; | |
margin-left: 53px; | |
clip: rect(0px, 92px, 40px, 0px); | |
} | |
#navigation>ul>li:nth-of-type(8) { | |
margin-top: 252px; | |
margin-left: 80px; | |
clip: rect(0px, 65px, 40px, 0px); | |
} | |
#navigation>ul>li { | |
position: absolute; | |
border-radius: 5px 0 0 5px; | |
box-shadow: 1px 1px 2px black; | |
background: #EFE2C6; | |
} | |
#navigation>ul>li>a { | |
color: #000; | |
display: block; | |
width: 130px; | |
padding: 5px; | |
text-align: left; | |
cursor: pointer; | |
font-size: 18px; | |
text-decoration: none; | |
} | |
#navigation ul ul { | |
display: none; | |
position: absolute; | |
margin-left: 140px; | |
width: 360px; | |
background: #D0ACD0; | |
box-shadow: 2px 2px 20px black; | |
margin-top: -85px; | |
border-radius: 3px; | |
clip: rect(-20px, 400px, 400px, 0px); | |
} | |
#navigation>ul>li:nth-child(8)>ul:nth-child(2) { | |
margin-top: -40px; | |
} | |
#navigation ul ul>li.close { | |
width: 20px; | |
height: 20px; | |
background-color: #8dff00; | |
position: absolute; | |
margin-top: -8px; | |
right: -8px; | |
cursor: pointer; | |
border-radius: 9px; | |
border: 1px solid green; | |
font-family: kabel; | |
text-shadow: 1px 1px 0px black; | |
padding: 0 1px 3px 0; | |
font-weight: normal; | |
box-shadow: 0 0 1px black; | |
padding-left: 1px; | |
} | |
#navigation ul ul>li.close a { | |
color: red; | |
text-decoration: none; | |
} | |
#navigation ul ul>li { | |
display: inline-block; | |
float: left; | |
margin: 5px; | |
padding: 7px; | |
border: 1px solid black; | |
cursor: pointer; | |
box-shadow: 1px 1px 2px black; | |
font-weight: normal; | |
} | |
#navigation>ul>li.open:first-child { | |
clip: rect(0px, 140px, 40px, 0px); | |
} | |
#navigation>ul>li.open,#navigation>ul>li.active { | |
margin-left: 5px; | |
font-weight: bold; | |
text-align: center; | |
clip: auto; | |
box-shadow: -1px 1px 3px 0px black; | |
background-color: #90FF84; | |
} | |
#navigation>ul>li.open { | |
background-color: #FF91FF; | |
z-index: 10000; | |
} | |
#navigation>ul>li.open a { | |
text-shadow: 1px 1px 4px #eaeaea; | |
} | |
#navigation>ul>li.open>ul { | |
display: block; | |
z-index: 10; | |
background: #FF91FF; | |
} | |
#navigation>ul>li.active { | |
background-image: url(https://images.lingscars.com/images/index/menu-position.png); | |
background-size: 25px 25px; | |
background-repeat: no-repeat; | |
background-position: 114px 1px; | |
} | |
@keyframes arrow-boing { | |
50% { | |
margin-top: -7px; | |
padding-bottom: 7px; | |
} | |
100% { | |
margin-top: 0; | |
padding-bottom: 0; | |
} | |
} | |
#left-bar>h3 { | |
text-align: center; | |
font-family: kabel; | |
text-transform: uppercase; | |
font-size: 40px; | |
line-height: 39px; | |
margin: 0px; | |
margin-top: 10px; | |
color: white; | |
text-shadow: 0px 0px 2px #4e282f, 1px 3px 0px #4e282f; | |
margin-bottom: 13px; | |
} | |
#left-bar .arrow-down { | |
height: 80px; | |
width: 135px; | |
display: block; | |
} | |
#left-bar .arrow-up { | |
height: 80px; | |
width: 135px; | |
transform: rotate(180deg); | |
display: block; | |
} | |
.make-image { | |
margin-left: 16px; | |
background: url(https://images.lingscars.com/images/index/brands-to-sprite.png); | |
width: 100px; | |
height: 100px; | |
} | |
#make-models ul { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
#make-models>ul>li h4 { | |
margin: 0; | |
padding: 0; | |
text-align: center; | |
} | |
#make-models>ul>li h4 a { | |
font-weight: bold; | |
color: white; | |
margin: 0; | |
text-shadow: 1px 1px 0 black, 2px 2px 0 black, 1px 1px 3px black; | |
text-transform: uppercase; | |
text-decoration: none; | |
} | |
#make-models>ul>li h4 a span { | |
font-size: 10px; | |
display: block; | |
text-shadow: none; | |
color: black; | |
} | |
#make-models>ul>li>ul>li { | |
margin: 0px; | |
font-size: 13px; | |
text-decoration: none; | |
display: block; | |
} | |
#make-models>ul>li>ul>li a { | |
font-style: italic; | |
text-decoration: none; | |
} | |
#make-models ul>li>ul:after { | |
background: url(https://images.lingscars.com/images/index/candy-bar-mini.png); | |
content: " "; | |
display: block; | |
font-size: 0; | |
height: 8px; | |
margin: 2px 0; | |
width: 100%; | |
} | |
.make-abarth { | |
background-position: 0 0; | |
} | |
.make-alfa-romeo { | |
background-position: -100px 0; | |
} | |
.make-audi { | |
background-position: -200px -30px; | |
height: 43px; | |
} | |
.make-bmw { | |
background-position: -400px 0; | |
} | |
.make-citroen { | |
background-position: -700px -15px; | |
height: 80px; | |
} | |
.make-dacia { | |
background-position: -900px -10px; | |
height: 90px; | |
} | |
.make-delorean { | |
background-position: 0px -130px; | |
height: 40px; | |
} | |
.make-fiat { | |
background-position: -200px -100px; | |
} | |
.make-ford { | |
background-position: -300px -125px; | |
height: 50px; | |
} | |
.make-honda { | |
background-position: -400px -100px; | |
} | |
.make-hyundai { | |
background-position: -500px -120px; | |
height: 60px; | |
} | |
.make-infiniti { | |
background-position: -600px -126px; | |
height: 60px; | |
} | |
.make-isuzu { | |
background-position: -700px -130px; | |
height: 40px; | |
} | |
.make-jaguar { | |
background-position: -800px -120px; | |
height: 60px; | |
} | |
.make-jeep { | |
background-position: -900px -130px; | |
height: 40px; | |
} | |
.make-kia { | |
background-position: 0 -220px; | |
height: 60px; | |
} | |
.make-lada { | |
background-position: -100px -215px; | |
height: 41px; | |
} | |
.make-lamborghini { | |
background-position: -200px -201px; | |
} | |
.make-land-rover { | |
background-position: -300px -225px; | |
height: 60px; | |
} | |
.make-lexus { | |
background-position: -400px -215px; | |
height: 75px; | |
} | |
.make-lotus { | |
background-position: -500px -200px; | |
} | |
.make-maserati { | |
background-position: -600px -200px; | |
} | |
.make-mazda { | |
background-position: -700px -210px; | |
height: 85px; | |
} | |
.make-mercedes { | |
background-position: -800px -200px; | |
} | |
.make-mini { | |
background-position: 0 -330px; | |
height: 50px; | |
} | |
.make-mitsubishi { | |
background-position: -100px -310px; | |
height: 90px; | |
} | |
.make-nissan { | |
background-position: -300px -310px; | |
height: 90px; | |
} | |
.make-peugeot { | |
background-position: -500px -315px; | |
height: 80px; | |
} | |
.make-porsche { | |
background-position: -700px -300px; | |
} | |
.make-proton { | |
background-position: -800px -300px; | |
} | |
.make-reliant { | |
background-position: -900px -330px; | |
height: 40px; | |
} | |
.make-renault { | |
background-position: 0 -400px; | |
} | |
.make-rolls-royce { | |
background-position: -100px -400px; | |
} | |
.make-seat { | |
background-position: -200px -400px; | |
} | |
.make-skoda { | |
background-position: -400px -400px; | |
} | |
.make-smart { | |
background-position: -500px -430px; | |
height: 40px; | |
} | |
.make-ssangyong { | |
background-position: -600px -410px; | |
height: 80px; | |
} | |
.make-subaru { | |
background-position: -701px -420px; | |
height: 60px; | |
} | |
.make-suzuki { | |
background-position: -800px -400px; | |
} | |
.make-toyota { | |
background-position: 0 -515px; | |
height: 75px; | |
} | |
.make-vauxhall { | |
background-position: -100px -500px; | |
} | |
.make-vw { | |
background-position: -200px -500px; | |
} | |
.make-volvo { | |
background-position: -300px -500px; | |
} | |
.make-zil { | |
background-position: -400px -530px; | |
height: 40px; | |
} | |
.make-ds { | |
background-position: -500px -500px; | |
} | |
.make-terrafugia { | |
background-position: -600px -515px; | |
height: 75px; | |
} | |
.make-tesla { | |
background-position: -1900px -400px; | |
height: 75px; | |
} | |
.make-mg { | |
background-position: -900px -200px; | |
height: 100px; | |
} | |
.social-media { | |
width: 120px; | |
height: 45px; | |
margin-top: -32px; | |
position: absolute; | |
margin-left: 605px; | |
z-index: 1000; | |
} | |
.social-media>* { | |
position: absolute; | |
} | |
.social-media p { | |
font-size: 20px; | |
margin: 0; | |
width: 220px; | |
margin-left: 125px; | |
font-family: kabel; | |
margin-top: 50px; | |
text-shadow: 0 0 2px #008aff, 0 0 2px #008aff, 0 0 2px #008aff, 0 0 2px #008aff; | |
color: #f6ebbc; | |
} | |
.social-media a { | |
font-size: 13px; | |
text-decoration: none; | |
font-family: arial; | |
margin-top: -3px; | |
border: 1px solid #a8a8a8; | |
padding: 3px; | |
font-weight: bold; | |
box-shadow: 1px 1px black; | |
} | |
.social-media a span { | |
height: 16px; | |
width: 20px; | |
background: url(https://images.lingscars.com/images/index/social-sprite.png); | |
background-size: 44px; | |
background-position-y: 16px; | |
display: inline-block; | |
margin-bottom: -3px; | |
} | |
.social-media a:nth-of-type(1) { | |
margin-left: 210px; | |
color: #0063c5; | |
background: #fae4ff; | |
} | |
.social-media a:nth-of-type(1) span { | |
background-position-x: 17px; | |
} | |
.social-media a:nth-of-type(2) { | |
margin-left: 280px; | |
color: #0081ff; | |
background: #f8f7b3; | |
} | |
.social-media a:nth-of-type(2) span { | |
background-position-x: -2px; | |
} | |
.social-ling { | |
width: 60px; | |
margin-left: 10px; | |
} | |
.social-bubble,.social-logo { | |
width: 100px; | |
height: 72px; | |
margin-left: 100px; | |
margin-top: -28px; | |
background: url(https://images.lingscars.com/images/index/social-sprite.png); | |
} | |
.social-bubble { | |
animation: 2s social-media-sprite steps(1) infinite,1.5s wiggle infinite; | |
} | |
.social-logo { | |
background-position-y: 72px; | |
animation: 2s social-media-sprite steps(1) infinite; | |
} | |
@keyframes social-media-sprite { | |
50% { | |
background-position-x: 100px; | |
} | |
} | |
#left-bar .social { | |
margin: 5px auto; | |
} | |
#left-bar .social a { | |
font-size: 9px; | |
text-decoration: none; | |
font-family: Arial, sans-serif; | |
border: 1px solid #a8a8a8; | |
padding: 3px; | |
font-weight: bold; | |
box-shadow: 1px 1px black; | |
} | |
#left-bar .social a span { | |
height: 16px; | |
width: 20px; | |
background: url(https://images.lingscars.com/images/index/social-sprite.png); | |
background-size: 44px; | |
background-position-y: 16px; | |
display: inline-block; | |
margin-bottom: -3px; | |
} | |
#left-bar .social a:nth-of-type(1) { | |
margin-left: 0; | |
color: #0063c5; | |
background: #fae4ff; | |
} | |
#left-bar .social a:nth-of-type(1) span { | |
background-position-x: 17px; | |
} | |
#left-bar .social a:nth-of-type(2) { | |
margin-left: 95px; | |
color: #0081ff; | |
background: #f8f7b3; | |
} | |
#left-bar .social a:nth-of-type(2) span { | |
background-position-x: -2px; | |
} | |
#aside-sidebar { | |
float: right; | |
width: 220px; | |
margin-top: -88px; | |
} | |
#aside-sidebar>* { | |
float: right; | |
width: 210px; | |
position: relative; | |
padding: 5px; | |
z-index: 3; | |
margin-bottom: 5px; | |
} | |
.main-lottery { | |
float: right; | |
width: 210px; | |
border: 2px solid black; | |
text-align: center; | |
z-index: 1; | |
position: relative; | |
padding: 5px; | |
} | |
.main-lottery h2 { | |
margin: 0px; | |
font-size: 10px; | |
font-weight: normal; | |
margin-top: -3px; | |
} | |
.main-lottery h2 img { | |
margin-left: -20px; | |
margin-top: -10px; | |
position: relative; | |
} | |
.main-lottery time { | |
color: white; | |
margin: 2px; | |
margin-top: -5px; | |
font-size: 20px; | |
text-shadow: 1px 1px 0 #256339; | |
text-align: center; | |
margin-bottom: 10px; | |
font-family: kabel; | |
} | |
.main-lottery p { | |
margin: 0px; | |
font-size: 15px; | |
text-align: left; | |
font-family: Verdana; | |
margin-bottom: 5px; | |
} | |
.main-lottery .tv-frame { | |
width: 236px; | |
height: 159px; | |
margin-left: -12px; | |
position: relative; | |
pointer-events: none; | |
display: block; | |
} | |
.main-lottery>a { | |
font-family: badaboom; | |
word-spacing: 0px; | |
letter-spacing: 0.7px; | |
color: #4eff00; | |
font-size: 22px; | |
text-shadow: #666 2px 2px 0px; | |
animation: 2s small-pulse infinite; | |
} | |
@keyframes response-time-title { | |
50% { | |
text-shadow: 1px 1px 1px yellow; | |
} | |
100% { | |
text-shadow: 1px 1px 1px #F00; | |
} | |
} | |
@keyframes flash { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
} | |
} | |
.free { | |
height: 140px; | |
position: absolute !important; | |
margin-top: 80px; | |
margin-left: 100px; | |
z-index: 100000000000 !important; | |
transform: rotate(40deg); | |
animation: flash .5s infinite; | |
} | |
.quiz-ad-container { | |
width: 240px; | |
overflow: hidden; | |
display: block; | |
height: 425px; | |
border: black solid 3px; | |
margin-top: 150px; | |
background-color: #fdfd96; | |
} | |
.quiz-ad-container .play-quiz { | |
background: linear-gradient(to bottom, #d2ff52 0%, #91e842 100%); | |
width: 170px; | |
color: blueviolet; | |
font-size: 16px; | |
letter-spacing: 2px; | |
font-family: komika; | |
height: 50px; | |
margin-top: 30px; | |
margin-left: 20px; | |
animation: dynamic-hue 1.5s; | |
animation-iteration-count: infinite; | |
} | |
.lwcomingsoon-container { | |
width: 209px; | |
overflow: hidden; | |
display: block; | |
height: 389px; | |
border: black solid 4px; | |
} | |
.lwcomingsoon-container::before { | |
background-color: transparent; | |
content: ''; | |
position: absolute; | |
z-index: 2; | |
box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
pointer-events: none; | |
} | |
.main-response-times { | |
background-color: black; | |
box-shadow: 2px 2px 2px black; | |
border: 2px solid #393939; | |
} | |
.main-response-times h2 { | |
color: white; | |
font-family: kabel; | |
font-size: 21px; | |
font-weight: normal; | |
margin: 2px; | |
text-align: center; | |
line-height: 0.9; | |
animation: 1s response-time-title steps(2) infinite; | |
} | |
.main-response-times p { | |
margin: 0px; | |
} | |
.main-response-times h3 { | |
color: white; | |
font-size: 10px; | |
line-height: 16px; | |
margin: 0; | |
text-align: center; | |
font-weight: normal; | |
} | |
.main-response-times>.candybar { | |
width: 100%; | |
} | |
.main-response-times>a:nth-of-type(3) { | |
box-shadow: 1px 2px 0px #8b9e1b, 2px 4px 0px #758615, 3px 6px 0px #647213; | |
border-radius: 6px; | |
background: yellow; | |
background: linear-gradient(to bottom, #e8ff49 0%, #effe91 100%); | |
padding: 10px; | |
cursor: pointer; | |
margin: 5px 0 5px 0; | |
display: block; | |
text-decoration: none; | |
text-align: center; | |
font-weight: bold; | |
animation: 1s steps(4) dynamic-hue infinite; | |
} | |
.main-response-times>a.chat-closed { | |
list-style: none; | |
animation: none; | |
cursor: auto; | |
background: #CCC; | |
color: black; | |
} | |
.main-response-times>p:nth-of-type(1) { | |
color: white; | |
font-family: kabel; | |
font-size: 21px; | |
font-weight: normal; | |
margin: 2px; | |
text-align: center; | |
line-height: 0.9; | |
} | |
.main-response-times>p:nth-of-type(2) { | |
color: white; | |
font-size: 10px; | |
text-align: center; | |
} | |
.main-response-times>p:nth-of-type(3) { | |
font-family: kabel; | |
text-transform: uppercase; | |
font-size: 27px; | |
margin: 0px; | |
color: white; | |
text-shadow: 0px 0px 2px #4e282f, 1px 3px 0px #4e282f; | |
text-align: center; | |
} | |
.main-response-times>p:nth-of-type(4) { | |
color: #00ff0c; | |
font-family: badaboom; | |
font-size: 30px; | |
float: left; | |
text-align: left; | |
} | |
.main-response-times>p:nth-of-type(5) { | |
float: right; | |
color: #00ff0c; | |
font-family: badaboom; | |
font-size: 30px; | |
text-align: right; | |
} | |
.main-response-times>p:nth-of-type(4) span,.main-response-times>p:nth-of-type(5) span { | |
font-size: 40px; | |
color: yellow; | |
font-family: crystal; | |
} | |
.main-response-times>p:last-of-type { | |
text-align: center; | |
font-size: 10px; | |
font-weight: normal; | |
font-family: 'Lucida Grande',Lucida,Verdana,sans-serif; | |
text-transform: none; | |
margin: auto; | |
color: yellow; | |
} | |
.main-response-times ul { | |
list-style: none; | |
margin: 0 0 5px 0; | |
padding: 0; | |
} | |
.main-response-times li { | |
display: inline-block; | |
color: white; | |
width: 48px; | |
height: 45px; | |
text-align: center; | |
margin-bottom: 30px; | |
} | |
.main-response-times li img { | |
border: 2px solid #ccca01; | |
} | |
.main-response-times li img:hover { | |
transform: scale(1.3); | |
border: 2px dotted fuchsia; | |
animation: 1s steps(4) dynamic-hue infinite; | |
} | |
.main-response-times li p { | |
margin: 0px; | |
font-size: 10px; | |
line-height: 9px; | |
} | |
.main-response-webcam { | |
width: 208px; | |
border: 4px dashed fuchsia; | |
} | |
.response-section.top { | |
background: url(https://images.lingscars.com/images/index/candy-bar-mini.png) no-repeat center top; | |
padding-top: 10px; | |
} | |
.response-section.bottom { | |
background: url(https://images.lingscars.com/images/index/candy-bar-mini.png) no-repeat center bottom; | |
padding-bottom: 10px; | |
} | |
.response-section p:nth-of-type(1) { | |
color: yellow; | |
font-family: badaboom; | |
float: left; | |
font-size: 18px; | |
text-align: center; | |
margin: 0; | |
width: 100%; | |
} | |
.response-section p:nth-of-type(1) span { | |
font-size: 30px; | |
} | |
.response-section p:nth-of-type(2) { | |
float: left; | |
color: yellow; | |
width: 50px; | |
margin: 0; | |
font-size: 12px; | |
text-align: center; | |
margin-top: 20px; | |
margin-left: -5px; | |
} | |
.response-section p:nth-of-type(3) { | |
font-family: crystal; | |
font-size: 70px; | |
color: lime; | |
margin: 0px; | |
} | |
.response-section p:nth-of-type(3) span:nth-of-type(1) { | |
margin-left: 10px; | |
} | |
.response-section p:nth-of-type(3) span:nth-of-type(2) { | |
font-size: 30px; | |
position: relative; | |
margin-top: 8px; | |
float: right; | |
} | |
img.response-traffic-sign-1,img.response-traffic-sign-2,img.response-traffic-sign-3,img.response-traffic-sign-4 { | |
height: 20px; | |
width: 20px; | |
margin: 3px; | |
background: url(https://images.lingscars.com/images/index/traffic-bling.png); | |
background-size: 40px 20px; | |
background-position-x: 0%; | |
} | |
img.response-traffic-sign-1,img.response-traffic-sign-3 { | |
clear: both; | |
float: left; | |
} | |
img.response-traffic-sign-2,img.response-traffic-sign-4 { | |
float: right; | |
} | |
img.response-traffic-sign-4 { | |
animation: 1s 0.6s traffic-bling steps(1) infinite; | |
} | |
img.response-traffic-sign-2 { | |
animation: 1s 0.9s traffic-bling steps(1) infinite; | |
} | |
img.response-traffic-sign-1 { | |
animation: 1s 0.3s traffic-bling steps(1) infinite; | |
} | |
img.response-traffic-sign-3 { | |
animation: 1s traffic-bling steps(1) infinite; | |
} | |
@keyframes traffic-bling { | |
50% { | |
background-position-x: 100%; | |
} | |
} | |
.main-business-info { | |
float: right; | |
width: 210px; | |
margin-top: 5px; | |
padding: 5px; | |
border: 2px solid brown; | |
} | |
.main-business-info h2 { | |
text-align: center; | |
margin: 0px; | |
font-weight: normal; | |
font-size: 13px; | |
text-decoration: underline; | |
} | |
.main-business-info img:nth-of-type(1) { | |
width: 260px; | |
height: 39px; | |
display: block; | |
margin-left: -15px; | |
position: relative; | |
z-index: 1; | |
} | |
.main-business-info img:nth-of-type(2) { | |
width: 207px; | |
height: 230px; | |
display: block; | |
border: 2px solid black; | |
} | |
.main-business-info img:nth-of-type(3) { | |
width: 275px; | |
margin-left: -15px; | |
} | |
.main-business-info p,.main-business-info address { | |
font-style: normal; | |
text-align: center; | |
margin: 0; | |
font-size: 12px; | |
} | |
.main-business-info p:nth-of-type(2) { | |
font-size: 9px; | |
} | |
.main-policy { | |
float: right; | |
width: 210px; | |
margin-top: 5px; | |
padding: 5px; | |
text-align: center; | |
} | |
.main-policy p:nth-of-type(1) { | |
font-size: 11px; | |
position: relative; | |
margin-top: 0px; | |
} | |
.main-policy h2 { | |
font-family: kabel; | |
font-weight: normal; | |
word-spacing: 5px; | |
letter-spacing: 0.7px; | |
color: #FFE7E7; | |
text-shadow: #ff0048 2px 2px 0px,0 0 1px black; | |
font-size: 24px; | |
margin: 0; | |
margin-top: -10px; | |
line-height: 1; | |
} | |
.my-team { | |
float: left; | |
width: 220px; | |
text-align: center; | |
margin-top: -20px; | |
} | |
.my-team h2 { | |
margin: 3px; | |
font-family: komika; | |
color: yellow; | |
text-shadow: 0 0 2px black, 2px 2px 0 black; | |
} | |
.my-team>img:nth-of-type(1) { | |
float: left; | |
position: relative; | |
z-index: 1; | |
margin-top: 15px; | |
pointer-events: none; | |
} | |
.my-team>img:nth-of-type(2) { | |
position: absolute; | |
margin-top: 47px; | |
transform: scaleX(-1); | |
z-index: 0; | |
display: block; | |
margin-left: -11px; | |
cursor: pointer; | |
} | |
.my-team>img:nth-of-type(2)+div { | |
display: none; | |
width: 268px; | |
height: 106px; | |
position: absolute; | |
font-family: badaboom; | |
font-size: 50px; | |
margin-left: 120px; | |
border-radius: 10px; | |
padding: 5px; | |
z-index: 5; | |
animation: 1s wiggle infinite; | |
text-shadow: 1px 1px 10px black, 1px 1px 10px black; | |
color: lime; | |
line-height: 40px; | |
} | |
.my-team>img:nth-of-type(2):active+div { | |
display: block; | |
} | |
#testing-footer { | |
clear: both; | |
color: #999; | |
font-size: 12px; | |
text-align: center; | |
} | |
#footer-contentinfo h3 { | |
margin: 0; | |
} | |
#footer-contentinfo h3>img { | |
background: url(https://images.lingscars.com/images/index/ling-mad.gif) no-repeat 0px 22px; | |
height: 455px; | |
display: block; | |
} | |
#footer-contentinfo nav ul { | |
font-size: 9px; | |
font-weight: 400; | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
text-align: center; | |
} | |
#footer-contentinfo nav ul li { | |
display: inline-block; | |
} | |
#footer-contentinfo nav ul li a { | |
color: #9C9B9B; | |
text-decoration: none; | |
} | |
#footer-contentinfo nav ul li a:hover { | |
color: #cd1200; | |
} | |
#footer-contentinfo nav ul li:after { | |
color: #9c9b9b; | |
content: " |"; | |
display: inline-block; | |
padding-left: 2px; | |
} | |
#footer-contentinfo nav ul li:last-child:after { | |
display: none; | |
} | |
#footer-contentinfo p { | |
font-weight: 400; | |
font-size: 9px; | |
color: #9C9B9B; | |
text-align: center; | |
} | |
#footer-contentinfo p span { | |
color: #CD1200; | |
} | |
#social { | |
margin: auto; | |
text-align: center; | |
} | |
#social>div { | |
float: left; | |
width: 49%; | |
} | |
.response_times_container { | |
background-color: #000; | |
width: 250px; | |
} | |
.response_times_container .reponse_time_header { | |
color: #FFF; | |
font-weight: bold; | |
text-align: center; | |
font-size: 18px; | |
} | |
.response_times_container .response_explainer { | |
font-size: 9px; | |
color: #FF0; | |
font-style: italic; | |
text-align: center; | |
} | |
.response_times_container .time_explainer { | |
font-size: 10px; | |
font-style: italic; | |
text-align: right; | |
} | |
.main-promo { | |
background: #000; | |
border: 2px solid black; | |
border-radius: 2px; | |
height: 633px; | |
margin-bottom: 150px; | |
margin-top: 5px; | |
overflow: hidden; | |
position: relative; | |
z-index: 1; | |
} | |
.main-promo>* { | |
position: absolute; | |
} | |
.main-promo .ling-head-live { | |
background: #000; | |
height: 850px; | |
margin-left: -180px; | |
margin-top: -120px; | |
width: 1175px; | |
} | |
.main-promo h2 { | |
font-family: georgia; | |
font-size: 34px; | |
font-weight: normal; | |
margin-top: 440px; | |
margin-left: 475px; | |
z-index: 2; | |
text-decoration: underline; | |
} | |
.main-promo p { | |
font-size: 24px; | |
z-index: 1; | |
font-family: georgia; | |
margin-top: 440px; | |
margin-left: 463px; | |
width: 264px; | |
word-spacing: 5px; | |
letter-spacing: 0.7px; | |
font-style: italic; | |
background: white; | |
padding: 46px 10px 10px 17px; | |
box-shadow: 1px 1px 10px white, 1px 1px 20px white, 1px 1px 20px white, 1px 1px 100px white; | |
} | |
.main-promo p span { | |
font-size: 24px; | |
color: red; | |
margin-bottom: 5px; | |
position: relative; | |
font-weight: bold; | |
} | |
.guardian-logo { | |
width: 300px; | |
margin-top: 565px; | |
margin-left: 561px; | |
z-index: 10; | |
} | |
.piccadilly-play { | |
margin-top: 10px; | |
margin-left: 766px; | |
font-size: 18px; | |
z-index: 1; | |
padding: 4px; | |
cursor: pointer; | |
font-family: kabel; | |
color: white; | |
border: 1px solid pink; | |
} | |
.main-promo iframe { | |
margin-top: -7px; | |
margin-left: 70px; | |
} | |
.pica-circus { | |
width: 855px; | |
pointer-events: none; | |
} | |
.pica-pole { | |
width: 300px; | |
height: 351px; | |
margin-top: 159px; | |
margin-left: 700px; | |
display: block; | |
} | |
.pole-detail { | |
display: block; | |
background-image: url(https://images.lingscars.com/images/index/undeground-pole.png); | |
width: 67px; | |
height: 53px; | |
margin-left: 700px; | |
margin-top: 200px; | |
background-position: 1px -41px; | |
background-repeat: no-repeat; | |
background-size: 300px; | |
z-index: 1; | |
filter: brightness(50%); | |
animation: post-light 0.3s steps(1) infinite; | |
} | |
@keyframes post-light { | |
50% { | |
filter: brightness(100%); | |
} | |
} | |
.betty-marquee { | |
width: 50px; | |
height: 184px; | |
background: url("https://images.lingscars.com/images/index/betty-neon-light.png") no-repeat 0 0; | |
z-index: 1; | |
margin-top: 100px; | |
margin-left: 25px; | |
transform: rotate(0.5deg); | |
animation: betty-marquee 0.5s steps(4) infinite; | |
} | |
@keyframes betty-marquee { | |
100% { | |
background-position: -200px 0; | |
} | |
} | |
.ling-ani { | |
width: 500px; | |
height: 476px; | |
margin-top: 160px; | |
margin-left: -95px; | |
pointer-events: none; | |
background: url("https://images.lingscars.com/images/index/ling-motorbike-sprite.png") no-repeat 0 0; | |
animation: sprite-ling 2s steps(10) infinite; | |
} | |
@keyframes sprite-ling { | |
100% { | |
background-position: -5000px 0; | |
} | |
} | |
.job-advert { | |
border: 3px solid #f0f; | |
float: none !important; | |
font-size: 0; | |
position: absolute; | |
right: -30px; | |
top: 200px; | |
transform: rotate(10deg); | |
width: 260px !important; | |
z-index: 9999; | |
} | |
.job-advert:hover { | |
border-color: #c00; | |
} | |
.job-advert img { | |
height: auto; | |
max-width: 100%; | |
} | |
.channel4news { | |
margin-top: 189px; | |
margin-left: 750px; | |
z-index: 99; | |
padding: 6px 4px 49px 4px; | |
font-size: 18px; | |
width: 311px; | |
text-align: center; | |
font-family: Myriad Pro, Helvetica, sans-serif; | |
font-weight: bold; | |
font-style: italic; | |
word-spacing: 0px; | |
letter-spacing: 0px; | |
background-image: url(https://images.lingscars.com/images/index/textbox.png); | |
background-position: center bottom; | |
background-repeat: no-repeat; | |
position: absolute; | |
box-shadow: 1px 1px 10px white, 1px 1px 20px white, 1px 1px 20px white, 1px 1px 100px white; | |
background-color: white; | |
} | |
.channel4news.oh-no { | |
background-image: url(https://images.lingscars.com/images/index/ling-oh-no.png); | |
background-position: 240px 20px; | |
margin-top: 440px; | |
padding-bottom: 4px; | |
background-size: 80px 120px; | |
text-shadow: 0 0 3px #fff300, 0 0 3px #fff300, 0 0 3px #fff300; | |
} | |
.channel4news.oh-no i { | |
color: red; | |
font-family: Georgia, 'Times New Roman', Times, serif; | |
text-shadow: 0 0 3px #fff300, 0 0 3px #fff300, 0 0 3px #fff300; | |
} | |
.channel4news.oh-no img { | |
margin-left: 150px; | |
} | |
.cloud { | |
width: 845px; | |
} | |
.main-deals { | |
width: 845px; | |
} | |
.main-deals-1-yr { | |
width: 845px; | |
} | |
.ling-head-mad { | |
position: absolute; | |
z-index: 6; | |
width: 104px; | |
margin-left: 20px; | |
animation: 1s wiggle infinite; | |
left: 5px; | |
top: -24px; | |
} | |
.main-deals>h2 { | |
word-spacing: 5px; | |
letter-spacing: 0.7px; | |
text-shadow: #fff 2px 2px 0px; | |
text-align: center; | |
margin: 0px; | |
top: -90px; | |
position: relative; | |
font-size: 50px; | |
margin-bottom: -20px; | |
font-family: badaboom; | |
box-shadow: 2px 2px 2px black; | |
line-height: 1; | |
font-weight: normal; | |
z-index: 2; | |
} | |
.main-deals-1-yr>h2 { | |
word-spacing: 5px; | |
letter-spacing: 0.7px; | |
text-shadow: #fff 2px 2px 0px; | |
text-align: center; | |
margin: 0; | |
top: 0; | |
position: relative; | |
font-size: 50px; | |
margin-bottom: 50px; | |
font-family: badaboom; | |
box-shadow: 2px 2px 2px black; | |
line-height: 1; | |
font-weight: normal; | |
z-index: 2; | |
} | |
.main-deals .car-deals { | |
float: left; | |
} | |
.main-deals-1-yr .car-deals { | |
float: left; | |
} | |
.car-details { | |
position: relative; | |
font-family: Arial, sans-serif; | |
width: 206px; | |
opacity: 1; | |
min-height: 350px; | |
float: left; | |
box-shadow: inset 0 0 10px white, inset 0 0 10px white, inset 0 0 10px white, inset 0 0 20px white; | |
word-spacing: normal; | |
letter-spacing: normal; | |
} | |
.car-details * { | |
font-weight: bolder; | |
margin: 0px; | |
border: 0; | |
} | |
a { | |
text-decoration: none; | |
} | |
.car-details-link:hover .car-details-image { | |
animation: 1s car-bounce infinite; | |
} | |
.car-details-image { | |
width: 300px; | |
top: -35px; | |
margin-left: -46px; | |
position: absolute; | |
z-index: 4; | |
} | |
@keyframes car-bounce { | |
20% { | |
margin-top: -15px; | |
padding-bottom: 15px; | |
} | |
30% { | |
margin-top: 0; | |
padding-bottom: 0px; | |
} | |
40% { | |
margin-top: -10px; | |
padding-bottom: 10px; | |
} | |
50% { | |
margin-top: 0; | |
padding-bottom: 0px; | |
} | |
60% { | |
margin-top: -5px; | |
padding-bottom: 5px; | |
} | |
70% { | |
margin-top: 0; | |
padding-bottom: 0px; | |
} | |
} | |
.car-details-headline { | |
z-index: 5; | |
font-family: badaboom; | |
position: absolute; | |
text-align: left; | |
width: 100%; | |
font-size: 36px; | |
margin-top: -60px; | |
text-shadow: 0 0 2px black, 2px 2px 0px black; | |
transform: rotate(-7.5deg); | |
margin-left: -20px; | |
font-weight: normal; | |
} | |
.car-details-model,.car-details-model-long { | |
margin-top: 65px; | |
z-index: 90; | |
text-align: center; | |
width: 100%; | |
font-size: 20px; | |
font-family: verdana; | |
color: blue; | |
display: block; | |
} | |
.car-details-model-long { | |
margin-top: 71px; | |
line-height: 1; | |
font-size: 15px; | |
} | |
.car-details-trim { | |
top: 90px; | |
left: 0px; | |
max-width: 200px; | |
font-size: 11px; | |
color: black; | |
border-radius: 37px; | |
z-index: 4; | |
color: blue; | |
font-weight: normal; | |
font-family: verdana; | |
display: block; | |
text-align: center; | |
} | |
.car-details-content { | |
position: relative; | |
height: 200px; | |
} | |
.car-details-content * { | |
position: absolute; | |
} | |
.car-details-content br { | |
position: relative; | |
} | |
.car-details-price { | |
margin-left: 0px; | |
max-width: 150px; | |
z-index: 5; | |
background: url(https://images.lingscars.com/images/index/price-sticker.png); | |
background-size: 120px; | |
width: 100px; | |
padding: 10px; | |
font-size: 19px; | |
font-family: courier; | |
color: black; | |
height: 51px; | |
text-shadow: none; | |
background-position-x: 0px; | |
} | |
.car-details-price p:nth-of-type(1) { | |
font-size: 30px; | |
margin-top: 11px; | |
} | |
.car-details-price p:nth-of-type(2) { | |
font-size: 14px; | |
margin-top: 19px; | |
margin-left: 71px; | |
} | |
.car-details-price p:nth-of-type(3) { | |
margin-top: 37px; | |
font-size: 12px; | |
margin-left: 3px; | |
} | |
.car-details-ling { | |
height: 75px; | |
width: 75px; | |
margin-left: 120px; | |
background: url(https://images.lingscars.com/images/index/ling-sprite.png); | |
background-size: 75px; | |
} | |
.car-details-ling-1 { | |
background-position-y: 0px; | |
} | |
.car-details-ling-2 { | |
background-position-y: -601px; | |
} | |
.car-details-ling-3 { | |
background-position-y: -526px; | |
} | |
.car-details-ling-4 { | |
background-position-y: -451px; | |
} | |
.car-details-ling-5 { | |
background-position-y: -376px; | |
} | |
.car-details-ling-6 { | |
background-position-y: -301px; | |
} | |
.car-details-ling-7 { | |
background-position-y: -226px; | |
} | |
.car-details-ling-8 { | |
background-position-y: -151px; | |
} | |
.car-details-ling-9 { | |
background-position-y: -76px; | |
} | |
@keyframes ling-details { | |
100% { | |
background-position-x: -375px; | |
} | |
} | |
.car-details-vat { | |
display: none; | |
margin-top: 58px; | |
margin-left: 118px; | |
font-size: 13px; | |
color: white; | |
text-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px 1px 2px #000, -1px -1px 2px #000; | |
z-index: 3; | |
} | |
.car-details-payments { | |
display: none; | |
margin-top: 70px; | |
margin-left: 118px; | |
font-size: 17px; | |
color: yellow; | |
text-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px 1px 2px #000, -1px -1px 2px #000; | |
z-index: 3; | |
} | |
.car-details-term { | |
background: url(https://images.lingscars.com/images/index/payment-roadsigns1.png) no-repeat; | |
background-size: 1875px; | |
width: 80px; | |
height: 27px; | |
top: 64px; | |
margin-left: 106px; | |
padding: 10px; | |
} | |
.payments-3-11 { | |
background-position-x: 0; | |
} | |
.payments-3-17 { | |
background-position-x: -99px; | |
} | |
.payments-3-23 { | |
background-position-x: -198px; | |
} | |
.payments-3-35 { | |
background-position-x: -295px; | |
} | |
.payments-3-47 { | |
background-position-x: -398px; | |
} | |
.payments-1-17 { | |
background-position-x: -498px; | |
} | |
.payments-1-23 { | |
background-position-x: -598px; | |
} | |
.payments-6-11 { | |
background-position-x: -688px; | |
} | |
.payments-6-17 { | |
background-position-x: -788px; | |
} | |
.payments-6-23 { | |
background-position-x: -886px; | |
} | |
.payments-6-35 { | |
background-position-x: -984px; | |
} | |
.payments-6-47 { | |
background-position-x: -1083px; | |
} | |
.payments-9-11 { | |
background-position-x: -1180px; | |
} | |
.payments-9-17 { | |
background-position-x: -1280px; | |
} | |
.payments-9-23 { | |
background-position-x: -1376px; | |
} | |
.payments-9-35 { | |
background-position-x: -1476px; | |
} | |
.payments-9-47 { | |
background-position-x: -1574px; | |
} | |
.car-details-term-description { | |
font-size: 16px; | |
top: 69px; | |
width: 105px; | |
text-align: center; | |
left: 3px; | |
font-weight: normal; | |
} | |
.car-details-petrol,.car-details-diesel,.car-details-electric,.car-details-hybrid,.car-details-manual,.car-details-automatic,.car-details-non-metallic,.car-details-metallic { | |
background: url(https://images.lingscars.com/images/index/cans.png); | |
background-size: 270px; | |
width: 0px; | |
height: 25px; | |
font-size: 13px; | |
font-weight: normal; | |
padding-left: 30px; | |
padding-top: 5px; | |
line-height: 10px; | |
} | |
.car-details-petrol,.car-details-diesel,.car-details-hybrid,.car-details-electric { | |
top: 108px; | |
} | |
.car-details-manual,.car-details-automatic { | |
top: 136px; | |
} | |
.car-details-non-metallic,.car-details-metallic { | |
top: 164px; | |
} | |
.car-details-petrol { | |
background-position-x: 0px; | |
} | |
.car-details-diesel { | |
background-position-x: 240px; | |
} | |
.car-details-electric { | |
background-position-x: 210px; | |
} | |
.car-details-hybrid { | |
background-position-x: 180px; | |
} | |
.car-details-automatic { | |
background-position-x: 150px; | |
} | |
.car-details-manual { | |
background-position-x: 120px; | |
} | |
.car-details-non-metallic { | |
background-position-x: 90px; | |
} | |
.car-details-metallic { | |
background-position-x: 60px; | |
animation: 1s metallic-paint steps(1) infinite; | |
} | |
@keyframes metallic-paint { | |
50% { | |
background-position: 30px 0px; | |
} | |
} | |
.car-details-mileage { | |
margin-top: 118px; | |
margin-left: 100px; | |
width: 100px; | |
height: 80px; | |
font-size: 13px; | |
font-weight: normal; | |
text-align: center; | |
background: url(https://images.lingscars.com/images/index/steering-wheel-10k.png); | |
animation: 2s steering steps(2) infinite; | |
} | |
.car-details-mileage-15 { | |
background: url(https://images.lingscars.com/images/index/steering-wheel-15k.png); | |
} | |
.car-details-mileage-20 { | |
background: url(https://images.lingscars.com/images/index/steering-wheel-20k.png); | |
} | |
@keyframes steering { | |
to { | |
background-position-x: -200px; | |
} | |
} | |
.car-details-mileage>p { | |
color: red; | |
font-weight: normal; | |
margin-top: 80px; | |
font-size: 10px; | |
width: 130px; | |
margin-left: -24px; | |
z-index: 1; | |
} | |
.car-details-candybar { | |
clear: both; | |
margin-bottom: 60px; | |
text-align: center; | |
width: 100%; | |
margin-top: 20px; | |
} | |
.car-details-candybar.large { | |
width: 600px; | |
display: inline-block; | |
} | |
.help-balloon { | |
cursor: pointer; | |
z-index: 10; | |
} | |
.help-balloon-container { | |
position: absolute; | |
top: 5px; | |
left: 5px; | |
display: none; | |
background-color: #ae84ff; | |
width: 180px; | |
padding: 7px; | |
border-radius: 5px; | |
z-index: 999; | |
border: 1px solid red; | |
font-size: 12px; | |
line-height: 14px; | |
margin-left: -120px; | |
} | |
.help-balloon-container p { | |
display: inline; | |
padding-left: 5px; | |
} | |
.help-balloon-container span:nth-of-type(1) { | |
font-weight: bold; | |
font-style: italic; | |
} | |
.help-balloon-container span:nth-of-type(2) { | |
font-weight: bold; | |
float: right; | |
} | |
.help-balloon-container.c1 { | |
background-color: #81b1f1; | |
} | |
.help-balloon-container.c2 { | |
background-color: #44fc84; | |
} | |
.help-balloon-container.c3 { | |
background-color: #f98222; | |
} | |
.help-balloon-container.c4 { | |
background-color: #f97c60; | |
} | |
.car-details-content>img:nth-of-type(1) { | |
margin: 15px 0 0 106px; | |
} | |
.car-details-content>img:nth-of-type(2) { | |
margin: 100px 0 0 190px; | |
} | |
.car-details-content>img:nth-of-type(3) { | |
margin: 107px 0 0 83px; | |
} | |
.car-details-content>img:nth-of-type(4) { | |
margin: 185px 0 0 85px; | |
} | |
.deals-footnote { | |
margin: 20px 0 20px 0; | |
} | |
.deals-footnote p { | |
margin: 5px 30px 5px 30px; | |
background-color: #f3f3f366; | |
padding: 5px; | |
box-shadow: inset 0 0 20px #e7e7e7; | |
} | |
.makes-footnote * { | |
display: inline-block; | |
background-image: url(https://images.lingscars.com/images/index/brands-to-sprite.png); | |
width: 100px; | |
} | |
.deals-footnote .makes-footnote:nth-of-type(1) div { | |
height: 100px; | |
} | |
.squeeze-brains { | |
width: 210px; | |
position: relative; | |
background: #fcf17b; | |
background: linear-gradient(to bottom, #e8ff49 0%, #effe91 100%); | |
height: 405px; | |
border: 2px solid palevioletred; | |
} | |
.squeeze-brains .brain-head { | |
margin-left: 26px; | |
animation: 1s main-top-head infinite; | |
-ms-transform-origin: 0% 100%; | |
-webkit-transform-origin: 0% 100%; | |
transform-origin: 0% 100%; | |
z-index: 3; | |
pointer-events: none; | |
bottom: 140px; | |
width: 109px; | |
} | |
.squeeze-brains .brain-body { | |
bottom: 0; | |
width: 208px; | |
} | |
.squeeze-brains .brain-eyes { | |
bottom: 128px; | |
left: 59px; | |
animation: main-crossed-eyes 1s linear infinite; | |
visibility: hidden; | |
width: 50px; | |
} | |
.squeeze-brains .brain-splat { | |
animation: 1s main-blood-splat infinite; | |
width: 173px; | |
transform: rotate(-37deg); | |
margin-left: 60px; | |
z-index: 2; | |
pointer-events: none; | |
bottom: 145px; | |
} | |
.squeeze-brains .brain-title-1 { | |
right: -14px; | |
top: -7px; | |
z-index: 1; | |
width: 196px; | |
} | |
.squeeze-brains .brain-title-2 { | |
right: -26px; | |
top: 50px; | |
animation: 3s wiggle linear infinite; | |
width: 226px; | |
} | |
.squeeze-brains a { | |
bottom: 217px; | |
width: 200px; | |
margin: 0 5px 19px; | |
height: 42px; | |
font-family: kabel, Arial, sans-serif; | |
text-transform: uppercase; | |
font-weight: 700; | |
cursor: pointer; | |
font-size: 16px; | |
appearance: button; | |
-moz-appearance: button; | |
-webkit-appearance: button; | |
padding: 10px 0; | |
box-sizing: border-box; | |
text-align: center; | |
} | |
.squeeze-brains>* { | |
position: absolute; | |
} | |
@keyframes main-top-head { | |
0% { | |
transform: rotate(0deg); | |
} | |
50% { | |
transform: rotate(-60deg); | |
} | |
} | |
@keyframes main-blood-splat { | |
25% { | |
margin-bottom: 29px; | |
} | |
50% { | |
width: 221px; | |
transform: rotate(5deg); | |
margin-left: 115px; | |
bottom: 76px; | |
} | |
50% { | |
visibility: hidden; | |
} | |
100% { | |
visibility: hidden; | |
} | |
} | |
@keyframes main-crossed-eyes { | |
1% { | |
visibility: visible; | |
} | |
50% { | |
visibility: visible; | |
} | |
50% { | |
visibility: hidden; | |
} | |
} | |
.all-deals table { | |
border-collapse: collapse; | |
width: 100%; | |
} | |
.all-deals table th { | |
background: #000; | |
color: #fff; | |
font-size: 24px; | |
padding: 16px 8px; | |
text-align: center; | |
} | |
.all-deals table tbody>tr:hover td { | |
background-color: #FF3; | |
cursor: pointer; | |
} | |
.all-deals table tr.current td { | |
background-color: #fcac08; | |
} | |
.all-deals table td { | |
border-bottom: 3px solid #fcac08; | |
padding: 16px 8px; | |
text-align: center; | |
} | |
.all-deals table .car-deal-term { | |
float: none; | |
margin-top: 0; | |
width: auto; | |
} | |
.all-deals table .car-deal-term div { | |
float: none; | |
margin: auto; | |
} | |
.all-deals table .car-deal-term p { | |
font-size: 24px; | |
width: auto; | |
} | |
.all-deals table .car-deal-info { | |
float: none; | |
margin-top: 0; | |
width: auto; | |
} | |
.all-deals table .car-deal-info p { | |
float: none; | |
font-size: 18px; | |
font-weight: bold; | |
width: auto; | |
} | |
.all-deals table .car-deal-info span { | |
display: block; | |
float: none !important; | |
} | |
.all-deals table .car-deal-price-title { | |
font-size: 18px; | |
font-weight: bold; | |
margin-left: 0; | |
margin-top: 0; | |
text-align: center; | |
width: auto; | |
} | |
.all-deals table .car-deal-price { | |
position: static; | |
} | |
.all-deals table a { | |
box-shadow: 2px 2px 4px black; | |
color: black; | |
display: block; | |
font-family: Arial, sans-serif; | |
font-size: 30px; | |
padding: 5px; | |
text-align: center; | |
text-decoration: none; | |
} | |
.car-deal-page { | |
width: 845px; | |
background: white; | |
margin-top: 10px; | |
position: relative; | |
z-index: 2; | |
} | |
.car-deal-model { | |
color: yellow; | |
text-shadow: 1px 1px 3px darkred, 3px 3px 0 darkred; | |
font-size: 50px; | |
font-family: kabel; | |
text-align: center; | |
margin: 0; | |
z-index: 2; | |
position: relative; | |
} | |
.car-deal-model span { | |
display: block; | |
font-size: 15px; | |
margin-top: -10px; | |
} | |
.car-deal-id { | |
position: relative; | |
float: right; | |
font-size: 10px; | |
color: #777; | |
margin: 0px; | |
} | |
.car-deal-headline { | |
z-index: 5; | |
font-family: badaboom; | |
position: absolute; | |
text-align: left; | |
width: 100%; | |
font-size: 40px; | |
margin-top: -60px; | |
text-shadow: 0 0 2px black, 2px 2px 0px black; | |
transform: rotate(-7.5deg); | |
font-weight: normal; | |
color: yellow; | |
margin-left: 0px; | |
} | |
.car-deal-image { | |
float: left; | |
margin-left: 20px; | |
} | |
.car-deal-page .make-image { | |
margin-left: 440px; | |
margin-top: 7px; | |
position: absolute; | |
z-index: 3; | |
} | |
.car-deal-details { | |
width: 300px; | |
width: 300px; | |
display: inline-block; | |
text-align: center; | |
padding: 5px; | |
padding-top: 107px; | |
margin: 0; | |
min-height: 85px; | |
} | |
.car-deal-info { | |
width: 190px; | |
float: right; | |
margin-top: -170px; | |
margin-right: -20px; | |
} | |
.car-deal-info p { | |
width: 190px; | |
font-size: 16px; | |
margin: 2px; | |
float: right; | |
margin-bottom: -7px; | |
margin-top: 6px; | |
} | |
.car-deal-info p span:nth-of-type(2) { | |
color: black; | |
font-weight: bolder; | |
display: block; | |
font-size: 15px; | |
margin-top: 10px; | |
} | |
.car-deal-info p span:nth-of-type(1) { | |
background-image: url(https://images.lingscars.com/images/new-frontpage-test/cans.png); | |
background-size: 382px; | |
width: 39px; | |
height: 40px; | |
display: inline-block; | |
float: left; | |
} | |
.car-deal-petrol span:nth-of-type(1) { | |
background-position-x: 0px; | |
margin-top: 8px; | |
} | |
.car-deal-diesel span:nth-of-type(1) { | |
background-position-x: -45px; | |
} | |
.car-deal-electric span:nth-of-type(1) { | |
background-position-x: -130px; | |
} | |
.car-deal-hybrid span:nth-of-type(1) { | |
background-position-x: -195px; | |
} | |
.car-deal-automatic span:nth-of-type(1) { | |
background-position-x: -170px; | |
margin-top: 13px; | |
} | |
.car-deal-manual span:nth-of-type(1) { | |
background-position-x: -209px; | |
margin-top: 8px; | |
} | |
.car-deal-non-metallic span:nth-of-type(1) { | |
background-position-x: -257px; | |
margin-top: 8px; | |
} | |
.car-deal-metallic span:nth-of-type(1) { | |
background-position-x: -298px; | |
animation: 1s metallic-paint-big steps(1) infinite; | |
margin-top: 8px; | |
} | |
@keyframes metallic-paint-big { | |
50% { | |
background-position: 42px 0px; | |
} | |
} | |
.car-deal-term { | |
width: 420px; | |
margin-top: -2px; | |
display: block; | |
clear: both; | |
float: left; | |
position: relative; | |
} | |
.car-deal-term p { | |
width: 300px; | |
margin: 0px; | |
text-align: center; | |
margin-top: -2px; | |
font-size: 12px; | |
} | |
.car-deal-term p:nth-of-type(1) { | |
margin-top: 13px; | |
} | |
.car-deal-term p:nth-of-type(2) { | |
font-size: 30px; | |
} | |
.car-deal-term div { | |
background: url(https://images.lingscars.com/images/index/payment-roadsigns1.png) no-repeat; | |
background-size: 3583px; | |
width: 190px; | |
height: 88px; | |
float: right; | |
margin-top: 1px; | |
} | |
.car-deal-term .payments-3-11 { | |
background-position-x: 0; | |
} | |
.car-deal-term .payments-3-17 { | |
background-position-x: -189px; | |
} | |
.car-deal-term .payments-3-23 { | |
background-position-x: -376px; | |
} | |
.car-deal-term .payments-3-35 { | |
background-position-x: -563px; | |
} | |
.car-deal-term .payments-3-47 { | |
background-position-x: -749px; | |
} | |
.car-deal-term .payments-1-17 { | |
background-position-x: -933px; | |
} | |
.car-deal-term .payments-1-23 { | |
background-position-x: -1125px; | |
} | |
.car-deal-term .payments-6-11 { | |
background-position-x: -1310px; | |
} | |
.car-deal-term .payments-6-17 { | |
background-position-x: -1500px; | |
} | |
.car-deal-term .payments-6-23 { | |
background-position-x: -1686px; | |
} | |
.car-deal-term .payments-6-35 { | |
background-position-x: -1874px; | |
} | |
.car-deal-term .payments-6-47 { | |
background-position-x: -2060px; | |
} | |
.car-deal-term .payments-9-11 { | |
background-position-x: -2250px; | |
} | |
.car-deal-term .payments-9-17 { | |
background-position-x: -2437px; | |
} | |
.car-deal-term .payments-9-23 { | |
background-position-x: -2628px; | |
} | |
.car-deal-term .payments-9-35 { | |
background-position-x: -2810px; | |
} | |
.car-deal-term .payments-9-47 { | |
background-position-x: -3000px; | |
} | |
.car-deal-term .payments-1-35 { | |
background-position-x: -3400px; | |
} | |
.car-deal-term .payments-9-47 { | |
background-position-x: -3000px; | |
} | |
.pay-fix-3-17 p.font-green { | |
font-size: 25px; | |
} | |
.car-deal-price-title { | |
display: inline-block; | |
width: 150px; | |
font-size: 14px; | |
text-align: right; | |
margin-top: 11px; | |
margin-left: 52px; | |
margin-bottom: 29px; | |
} | |
.car-deal-price-title span { | |
display: block; | |
font-size: 43px; | |
font-family: kabel; | |
color: fuchsia; | |
text-shadow: 2px 2px 0 black, 0 0 2px black; | |
margin-left: -10px; | |
} | |
.car-deal-price { | |
background: url(https://images.lingscars.com/images/new-frontpage-test/sticker-1.png); | |
background-size: 160px; | |
width: 158px; | |
height: 94px; | |
display: inline-block; | |
font-weight: bold; | |
position: absolute; | |
margin-top: 1px; | |
margin-left: 35px; | |
} | |
.car-deal-price p { | |
margin: 0; | |
font-family: courier; | |
font-size: 20px; | |
} | |
.car-deal-price p:nth-of-type(1) { | |
font-size: 36px; | |
margin-top: 31px; | |
margin-left: 23px; | |
letter-spacing: -6px; | |
} | |
.car-deal-price p:nth-of-type(1) span:nth-of-type(1) { | |
font-size: 29px; | |
margin-left: -17px; | |
position: absolute; | |
margin-top: 5px; | |
} | |
.car-deal-price p:nth-of-type(2) { | |
font-size: 13px; | |
margin-top: -8px; | |
margin-left: 25px; | |
line-height: 11px; | |
} | |
.car-deal-mileage { | |
clear: both; | |
} | |
.car-deal-mileage-title { | |
font-size: 40px; | |
font-family: kabel; | |
text-align: center; | |
margin: 0; | |
padding: 10px; | |
margin-top: -5px; | |
box-shadow: 1px 1px 6px 0px black; | |
color: orangered; | |
text-shadow: 1px 1px 3px darkred, 2px 2px 0 darkred; | |
} | |
.car-deal-mileage-entry { | |
font-family: badaboom; | |
font-weight: normal; | |
font-size: 50px; | |
display: block; | |
height: 170px; | |
padding: 10px 0 10px 15px; | |
} | |
.car-deal-mileage>p { | |
font-weight: bold; | |
margin: 0; | |
margin-left: 100px; | |
display: block; | |
} | |
.car-deal-mileage-entry p { | |
margin: 10px; | |
} | |
.car-deal-mileage-entry>* { | |
float: left; | |
} | |
.car-deal-mileage-entry>p:nth-of-type(1) { | |
width: 260px; | |
font-size: 100px; | |
text-align: right; | |
line-height: 0.9; | |
} | |
.car-deal-mileage-entry>p span:nth-of-type(1) { | |
display: block; | |
font-size: 40px; | |
} | |
.car-deal-mileage-entry>p span:nth-of-type(2) { | |
display: block; | |
font-size: 30px; | |
} | |
.car-deal-mileage-entry>img { | |
width: 100px; | |
transform: rotate(270deg); | |
margin-top: 30px; | |
} | |
.car-deal-mileage-entry>div { | |
width: 240px; | |
font-family: kabel; | |
font-size: 48px; | |
color: black; | |
text-shadow: none; | |
text-align: right; | |
} | |
.car-deal-mileage-entry>div>p span:nth-of-type(1) { | |
font-size: 20px; | |
margin-right: -12px; | |
} | |
.car-deal-mileage-entry>div>p span:nth-of-type(2) { | |
font-size: 30px; | |
float: right; | |
margin-top: 15px; | |
} | |
.car-deal-mileage-entry>div>p span:nth-of-type(3) { | |
font-size: 15px; | |
display: block; | |
text-align: right; | |
margin-top: -9px; | |
} | |
.car-deal-mileage-entry>div>p.get-quote { | |
font-size: 40px; | |
text-align: center; | |
} | |
.car-deal-mileage-entry>div>a { | |
width: 100%; | |
text-align: center; | |
font-weight: normal; | |
font-family: arial; | |
text-decoration: none; | |
display: block; | |
font-size: 40px; | |
padding: 5px; | |
height: 50px; | |
color: black; | |
box-shadow: 2px 2px 4px black; | |
animation: 1.3s steps(20) dynamic-hue infinite; | |
} | |
.car-deal-get-quote { | |
text-align: center; | |
} | |
.car-deal-get-quote p { | |
font-size: 30px; | |
} | |
.car-deal-get-quote>a.bg-red { | |
font-size: 30px; | |
padding-top: 10px; | |
line-height: 45px; | |
} | |
.car-deal-mileage>img { | |
float: right; | |
margin-top: -19px; | |
margin-bottom: -18px; | |
} | |
.pressOrderNow { | |
width: 825px; | |
margin: 10px auto; | |
border: 10px solid #000; | |
display: flex; | |
} | |
.pressOrderNow .orderNowLeft { | |
width: 251px; | |
padding: 0 7px; | |
background-color: #000; | |
font-weight: bold; | |
font-size: 24px; | |
text-align: left; | |
color: #FFF; | |
margin-left: -2px; | |
position: relative; | |
} | |
.pressOrderNow .orderNowLeft span { | |
color: #0F0; | |
} | |
.pressOrderNow .orderNowLeft div { | |
position: absolute; | |
top: -5px; | |
left: 210px; | |
} | |
.pressOrderNow .orderNowLeft div img { | |
width: 89px; | |
height: 100px; | |
} | |
.pressOrderNow .orderNowRight { | |
width: 594px; | |
padding: 3px 5px 3px 40px; | |
color: #090; | |
font-size: 18px; | |
text-align: right; | |
} | |
.pressOrderNow .orderNowRight span { | |
color: #666; | |
font-weight: bold; | |
} | |
.printDeal { | |
position: relative; | |
width: 845px; | |
height: 80px; | |
margin: 10px auto; | |
} | |
.printDeal .printDealText { | |
position: absolute; | |
top: 10px; | |
left: 10px; | |
width: 800px; | |
height: 50px; | |
background-color: #FF9; | |
text-align: center; | |
} | |
.printDeal .printDealText a { | |
font-weight: bold; | |
font-size: 44px; | |
font-style: italic; | |
} | |
.printDeal .printerPhoto { | |
position: absolute; | |
top: 0; | |
right: 0; | |
} | |
.printDeal .printerPhoto a img { | |
border: none; | |
width: 78px; | |
height: 70px; | |
} | |
.warningBox { | |
position: relative; | |
margin: 10px 0; | |
height: 60px; | |
} | |
.warningBox :nth-child(1) { | |
position: absolute; | |
left: 0; | |
top: 0; | |
z-index: 1; | |
} | |
.warningBox :nth-child(2) { | |
width: 845px; | |
height: 60px; | |
z-index: 2; | |
position: absolute; | |
left: 0; | |
top: 0; | |
} | |
#included .includedContent { | |
width: 845px; | |
margin: auto; | |
display: inline-flex; | |
} | |
#included .includedContent .includedLeft { | |
width: 320px; | |
text-align: center; | |
} | |
#included .includedContent .includedLeft .includedLeftContent { | |
position: relative; | |
width: 100%; | |
padding-top: 20px; | |
} | |
#included .includedContent .includedLeft .includedLeftContent img { | |
width: 320px; | |
height: 200px; | |
} | |
#included .includedContent .includedLeft .includedLeftContent .includedLeftWah { | |
position: absolute; | |
top: -16px; | |
left: 0; | |
} | |
#included .includedContent .includedLeft .includedLeftContent .includedLeftWah img { | |
width: 194px; | |
height: 109px; | |
} | |
#included .includedContent .includedLeft .includedLeftContent .includedLeftWah span.wah { | |
z-index: 5; | |
font-family: badaboom; | |
position: absolute; | |
text-align: left; | |
width: 100%; | |
font-size: 66px; | |
text-shadow: 0 0 2px black, 2px 2px 0px black; | |
transform: rotate(-7.5deg); | |
font-weight: normal; | |
color: yellow; | |
margin-left: 0px; | |
margin: 13px; | |
animation: 1s steps(10) dynamic-hue infinite; | |
} | |
#included .includedContent .includedLeft .includedLeftContent .text_black { | |
font-size: 30px; | |
font-weight: bold; | |
color: #C0C; | |
position: relative; | |
height: 226px; | |
width: auto; | |
} | |
#included .includedContent .includedLeft .includedLeftContent .text_black img { | |
display: block; | |
position: absolute; | |
top: 85px; | |
left: 8px; | |
z-index: -1; | |
width: 305px; | |
height: 161px; | |
} | |
#included .includedContent .includedRight { | |
width: 525px; | |
} | |
#included .includedContent .includedRight .includedTextRow { | |
width: 100%; | |
display: inline-flex; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent { | |
width: 50%; | |
position: relative; | |
margin: 10px 0; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent img.mechanic { | |
float: right; | |
width: 125px; | |
height: 200px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent span.warranty,#included .includedContent .includedRight .includedTextRow .included50percent span.aa,#included .includedContent .includedRight .includedTextRow .included50percent span.taxLabel,#included .includedContent .includedRight .includedTextRow .included50percent span.firstAidLabel { | |
z-index: 5; | |
font-family: badaboom; | |
position: absolute; | |
text-align: left; | |
width: 100%; | |
font-size: 35px; | |
text-shadow: 0 0 2px black, 2px 2px 0px black; | |
transform: rotate(-2.5deg); | |
font-weight: normal; | |
color: aqua; | |
margin-left: 0px; | |
margin: 13px; | |
margin-top: -4px; | |
letter-spacing: 1px; | |
animation: 1s steps(10) dynamic-hue infinite; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent span.aa { | |
margin-top: -20px; | |
margin-left: 2px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent span.taxLabel { | |
margin-top: -9px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent span.firstAidLabel { | |
margin-top: -62px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent .warrantyText { | |
font-size: 22px; | |
font-weight: bold; | |
color: #C0C; | |
display: block; | |
padding-top: 42px; | |
text-align: center; | |
padding-bottom: 18px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent .warrantyText img { | |
vertical-align: middle; | |
width: 70px; | |
height: 30px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent .includedSubtext { | |
width: calc(100% - 12px); | |
text-align: center; | |
font-style: italic; | |
font-weight: bold; | |
font-size: 12px; | |
padding: 6px; | |
display: block; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent img.aaVan { | |
width: 167px; | |
height: 90px; | |
float: right; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent img.racVan { | |
width: 167px; | |
height: 99px; | |
float: right; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent .aaCoverText { | |
padding-top: 25px; | |
font-size: 20px; | |
font-weight: bold; | |
text-align: center; | |
color: #C0C; | |
padding-bottom: 12px; | |
display: block; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent img.taxDisc { | |
float: right; | |
width: 163px; | |
height: 166px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent .roadTaxText { | |
padding-top: 32px; | |
font-size: 20px; | |
font-weight: bold; | |
text-align: center; | |
color: #C0C; | |
padding-bottom: 10px; | |
display: block; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent img.firstAid { | |
width: 259px; | |
height: 116px; | |
} | |
#included .includedContent .includedRight .includedTextRow .included50percent .firstAidText { | |
padding-top: 30px; | |
font-size: 20px; | |
font-weight: bold; | |
text-align: center; | |
color: #C0C; | |
display: block; | |
} | |
#included .includedBottom { | |
text-align: center; | |
position: relative; | |
} | |
#included .includedBottom div:nth-child(1) { | |
position: absolute; | |
top: 500px; | |
left: 157px; | |
} | |
#included .includedBottom div:nth-child(1) img { | |
height: 85px; | |
width: 75px; | |
} | |
#included .includedBottom div:nth-child(2) { | |
position: absolute; | |
top: 524px; | |
left: 180px; | |
color: #F00; | |
font-weight: bold; | |
font-size: 32px; | |
width: 430px; | |
height: 75px; | |
} | |
#included .includedBottom p { | |
font-size: 12px; | |
color: #666; | |
text-align: center; | |
} | |
.car-deal-section-title { | |
text-align: center; | |
font-family: kabel; | |
font-size: 40px; | |
padding: 10px; | |
text-shadow: 1px 1px 3px darkred, 2px 2px 0px darkred; | |
color: white; | |
box-shadow: 1px 1px 6px 0px black; | |
margin: 5px; | |
z-index: 3; | |
} | |
.car-deal-section-top { | |
background-color: rgba(255,255,255,0.7); | |
border-radius: 5px; | |
border: 2px solid #ef8d31; | |
width: 80px; | |
text-align: center; | |
margin-top: -64px; | |
margin-left: 13px; | |
cursor: pointer; | |
margin-bottom: 20px; | |
} | |
.car-deal-section-top:hover { | |
animation: 1.3s steps(20) dynamic-hue infinite; | |
} | |
.car-deal-section-top a { | |
width: 40px; | |
height: 23px; | |
background-image: url(https://images.lingscars.com/images/new-frontpage-test/arrow-down.png); | |
background-size: 40px; | |
display: block; | |
margin-left: 19px; | |
transform: rotate(180deg); | |
margin-top: 3px; | |
} | |
.car-deal-section-top p { | |
margin: 0px; | |
font-size: 12px; | |
} | |
.questionsTitle { | |
width: 845px; | |
margin: 5px auto; | |
font-size: 50px; | |
color: #090; | |
font-weight: bold; | |
text-align: center; | |
display: block; | |
animation: 1s steps(4) dynamic-hue infinite; | |
} | |
.questionsBody { | |
width: 845px; | |
margin: auto; | |
background: url(https://images.lingscars.com/images/car_detail/tyretrack.gif) no-repeat scroll left top; | |
} | |
.questionsBody:after { | |
clear: both; | |
content: " "; | |
display: block; | |
height: 0; | |
visibility: hidden; | |
} | |
.questionsBody .questionsLeft { | |
width: 495px; | |
float: left; | |
position: relative; | |
padding: 4px; | |
} | |
.questionsBody .questionsLeft span.questionsSubTitle { | |
width: 300px; | |
font-size: 26px; | |
font-weight: bold; | |
text-align: center; | |
display: block; | |
} | |
.questionsBody .questionsLeft span.notAvailable { | |
font-size: 18px; | |
color: #666; | |
line-height: 18px; | |
} | |
.questionsBody .questionsLeft a.linkBusiness { | |
font-size: 18px; | |
font-weight: bold; | |
text-align: center; | |
width: 300px; | |
display: block; | |
margin: 20px 0; | |
} | |
.questionsBody .questionsLeft img.lingsHead { | |
width: 160px; | |
height: 120px; | |
position: absolute; | |
left: 304px; | |
top: 2px; | |
} | |
.questionsBody .questionsLeft img.sellCar { | |
border: 1px solid #000; | |
width: 165px; | |
height: 95px; | |
position: absolute; | |
top: 127px; | |
left: 308px; | |
} | |
.questionsBody .questionsLeft span.whatDoesItM { | |
color: #F00; | |
font-style: italic; | |
font-weight: bold; | |
font-size: 22px; | |
margin-bottom: 25px; | |
display: block; | |
} | |
.questionsBody .questionsLeft strong.fontSize22,.questionsBody .questionsLeft span.fontSize22 { | |
font-size: 22px; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive { | |
text-align: center; | |
margin: 10px auto; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive img.candyHr { | |
width: 408px; | |
height: 4px; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive span.howManyMilesTitle { | |
font-size: 24px; | |
font-style: italic; | |
text-align: center; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow { | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
margin-bottom: -7px; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow .milesPerYear { | |
width: 150px; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow .pricePerMonth { | |
width: 195px; | |
font-size: 13px; | |
color: #F0F; | |
font-weight: bold; | |
background: url(https://images.lingscars.com/images/car_detail/price-highlight1.png) no-repeat 8px top; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow .orderNowButton { | |
width: 70px; | |
padding-top: 5px; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow .orderNowButton img { | |
width: 60px; | |
height: 60px; | |
border: none; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow span.fontSize36 { | |
font-size: 36px; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow span.fontSize30 { | |
font-size: 30px; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow span.color666 { | |
color: #666; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .howManyMilesRow span.totalMiles { | |
color: #C0C; | |
font-style: italic; | |
font-weight: normal; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .extraCharges { | |
display: flex; | |
padding: 5px 45px; | |
justify-content: space-between; | |
align-items: center; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .extraCharges .extraChargesTitle { | |
color: #C00; | |
font-size: 18px; | |
font-weight: bold; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .extraCharges .extraChargesBody { | |
font-size: 14px; | |
font-weight: bold; | |
} | |
.questionsBody .questionsLeft .howManyMilesDrive .extraCharges .extraChargesBody .noExtraCharges { | |
text-align: center; | |
margin: auto; | |
} | |
.questionsBody .questionsLeft .companyRestrictions { | |
width: 467px; | |
margin: 40px 8px 8px 30px; | |
background-color: #007CC6; | |
border: 2px solid #F00; | |
color: #FFF; | |
font-size: 16px; | |
font-weight: bold; | |
padding: 4px; | |
} | |
.questionsBody .questionsLeft .companyRestrictions .restrictionsBlock { | |
position: relative; | |
left: -20px; | |
top: -70px; | |
width: 296px; | |
height: 86px; | |
background: url(https://images.lingscars.com/images/car_detail/red_black_chevron.png) repeat right top; | |
font-size: 28px; | |
color: #FF0; | |
text-align: center; | |
font-weight: bold; | |
padding: 0; | |
} | |
.questionsBody .questionsLeft .companyRestrictions .restrictionsBlock .restrictionsBlockWithImage { | |
position: absolute; | |
top: 8px; | |
left: 8px; | |
font-size: 0; | |
} | |
.questionsBody .questionsLeft .companyRestrictions .restrictionsBlock .restrictionsBlockWithImage img { | |
width: 19px; | |
height: 18px; | |
} | |
.questionsBody .questionsLeft .companyRestrictions .restrictionsBlock .restrictionsBlockText { | |
position: absolute; | |
top: 8px; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} | |
.questionsBody .questionsLeft .companyRestrictions .restrictionsText { | |
margin: -70px 0 0; | |
} | |
.questionsBody .questionsLeft .companyRestrictions .restrictionsText em { | |
color: #FF0; | |
} | |
.questionsBody .questionsLeft .rentalPaymentInfo { | |
width: 286px; | |
text-align: center; | |
font-size: 14px; | |
font-style: italic; | |
border: 1px solid #F00; | |
background: url(https://images.lingscars.com/images/car_detail/exclamation_151.png) no-repeat 73px 10px; | |
margin-bottom: 27px; | |
margin-left: 89px; | |
padding: 28px 11px; | |
} | |
.questionsBody .questionsLeft .pricesLive { | |
width: 486px; | |
text-align: center; | |
font-size: 18px; | |
padding: 5px; | |
margin-bottom: 8px; | |
} | |
.questionsBody .questionsLeft .pricesLive strong { | |
display: block; | |
} | |
.questionsBody .questionsLeft .rentalLength { | |
margin: auto; | |
background-color: #090; | |
width: 470px; | |
color: #FFF; | |
font-size: 36px; | |
font-weight: bold; | |
font-style: italic; | |
text-align: center; | |
padding: 3px; | |
animation: 0.8s steps(10) dynamic-hue infinite; | |
} | |
.questionsBody .questionsLeft .questionsAboutContract { | |
width: 485px; | |
font-size: 24px; | |
font-weight: bold; | |
text-align: center; | |
padding: 3px 10px 0 0; | |
background: url(https://images.lingscars.com/images/car_detail/questions-highlight.png) no-repeat 124px 8px; | |
} | |
.questionsBody .questionsLeft .questionMark { | |
text-align: center; | |
font-size: 68px; | |
font-weight: bold; | |
width: 495px; | |
} | |
.questionsBody .questionsLeft .questionMark img { | |
idth: 106px; | |
height: 60px; | |
} | |
.questionsBody .questionsLeft .thisIsADeal { | |
font-size: 18px; | |
} | |
.questionsBody .questionsLeft .thisIsADeal .thisRed { | |
color: #F00; | |
font-weight: bold; | |
font-style: italic; | |
} | |
.questionsBody .questionsLeft .thisIsADeal .thisGreen { | |
color: #0C0; | |
font-weight: bold; | |
} | |
.questionsBody .questionsLeft #who_can_drive { | |
font-size: 18px; | |
} | |
.questionsBody .questionsLeft .whoCanDriveThis { | |
font-size: 22px; | |
} | |
.questionsBody .questionsLeft .whoCanDriveThis img { | |
float: right; | |
padding: 3px; | |
width: 200px; | |
height: 149px; | |
} | |
.questionsBody .questionsLeft .whoCanDriveThis .easy { | |
color: #C0C; | |
font-weight: bold; | |
} | |
.questionsBody .questionsLeft .whoCanDriveThis .green { | |
font-weight: bold; | |
font-style: italic; | |
color: #0C0; | |
} | |
.questionsBody .questionsLeft span.greenChoice { | |
color: #0C0; | |
font-weight: bold; | |
} | |
.questionsBody .questionsLeft span.howManyMiles { | |
font-size: 28px; | |
font-style: italic; | |
text-align: center; | |
display: block; | |
margin: 15px 0 8px 0; | |
} | |
.questionsBody .questionsLeft img.candy { | |
width: 408px; | |
height: 4px; | |
} | |
.questionsBody .questionsRight { | |
width: 330px; | |
background-color: #CFF; | |
border: 2px solid #006; | |
text-align: center; | |
float: right; | |
} | |
.questionsBody .questionsRight .carImage { | |
border: 1px solid #F60; | |
width: 320px; | |
height: 200px; | |
margin: 10px 0; | |
} | |
.questionsBody .questionsRight span.powerAndSpeed { | |
color: #909; | |
font-weight: bold; | |
font-size: 50px; | |
} | |
.questionsBody .questionsRight span.powerAndSpeed span { | |
font-size: 60px; | |
} | |
.questionsBody .questionsRight .carModelInfo { | |
margin: 10px; | |
background-color: #FF9; | |
border: 1px solid #F60; | |
padding: 5px; | |
} | |
.questionsBody .questionsRight .carModelInfo .carModelFirstRow { | |
text-align: center; | |
color: #F60; | |
font-size: 26px; | |
font-weight: bold; | |
font-family: Georgia, Times New Roman, Times, serif; | |
} | |
.questionsBody .questionsRight .carModelInfo .carModelFirstRow span { | |
font-size: 40px; | |
} | |
.questionsBody .questionsRight .carModelInfo .carModelSecondRow { | |
display: flex; | |
justify-content: space-around; | |
align-items: baseline; | |
position: relative; | |
padding: 4px 0; | |
} | |
.questionsBody .questionsRight .carModelInfo .carModelSecondRow .carImage { | |
width: 160px; | |
height: 100px; | |
border: 1px solid #999; | |
} | |
.questionsBody .questionsRight .carModelInfo .carModelSecondRow .carModelImage { | |
width: 70px; | |
height: 30px; | |
position: absolute; | |
right: 13px; | |
top: 14px; | |
} | |
.questionsBody .questionsRight .carModelInfo .carModelSecondRow .arrows { | |
width: 70px; | |
height: 52px; | |
} | |
.questionsBody .questionsRight .engine { | |
position: relative; | |
width: 100%; | |
text-align: right; | |
height: 230px; | |
} | |
.questionsBody .questionsRight .engine img.engineImage { | |
width: 225px; | |
height: 237px; | |
} | |
.questionsBody .questionsRight .engine .engineLeft { | |
position: absolute; | |
left: 10px; | |
top: 0px; | |
width: 125px; | |
text-align: left; | |
font-size: 20px; | |
font-weight: bold; | |
color: #F00; | |
} | |
.questionsBody .questionsRight .engine .engineLeft .fontSize24 { | |
font-size: 24px; | |
} | |
.questionsBody .questionsRight .engine .engineLeft .fontSize40 { | |
font-size: 40px; | |
} | |
.questionsBody .questionsRight .engineInfo { | |
text-align: center; | |
margin: 20px 10px; | |
font-size: 18px; | |
background-color: #FF9; | |
padding: 5px; | |
border: 1px solid #F60; | |
font-family: Georgia, Times New Roman, Times, serif; | |
} | |
.questionsBody .questionsRight .engineInfo .underline { | |
text-decoration: underline; | |
} | |
.questionsBody .questionsRight .engineInfo .text_red { | |
font-size: 18px; | |
} | |
.questionsBody .questionsRight .clarkson { | |
position: relative; | |
width: 100%; | |
text-align: left; | |
height: 210px; | |
} | |
.questionsBody .questionsRight .clarkson img { | |
width: 225px; | |
height: 160px; | |
padding-left: 5px; | |
} | |
.questionsBody .questionsRight .clarkson .clakrsonText { | |
position: absolute; | |
right: 15px; | |
top: 0px; | |
width: 200px; | |
text-align: right; | |
font-size: 28px; | |
font-weight: bold; | |
color: #000; | |
} | |
.questionsBody .questionsRight .clarkson .clakrsonText .flatOut { | |
font-size: 34px; | |
} | |
.questionsBody .questionsRight .clarkson .clakrsonText .you { | |
font-size: 48px; | |
text-decoration: underline; | |
} | |
.questionsBody .questionsRight .clarkson .clakrsonText .canDo { | |
font-size: 28px; | |
} | |
.questionsBody .questionsRight .clarkson .milesPerHour { | |
position: absolute; | |
left: 0px; | |
top: 120px; | |
width: 320px; | |
text-align: center; | |
font-size: 72px; | |
color: #000; | |
font-weight: bold; | |
} | |
.questionsBody .questionsRight .clarkson .milesPerHour span { | |
font-size: 50px; | |
} | |
.questionsBody .questionsRight .gearboxInfo { | |
text-align: center; | |
margin: 20px 10px; | |
font-size: 18px; | |
background-color: #FF9; | |
padding: 5px; | |
border: 1px solid #F60; | |
font-family: Georgia, Times New Roman, Times, serif; | |
} | |
.questionsBody .questionsRight .gearboxInfo strong span { | |
text-decoration: underline; | |
} | |
.questionsBody .questionsRight .gearboxInfo .text_red { | |
font-size: 18px; | |
} | |
.questionsBody .questionsRight #mpg { | |
position: relative; | |
width: 100%; | |
text-align: right; | |
height: 250px; | |
} | |
.questionsBody .questionsRight #mpg img { | |
width: 225px; | |
height: 225px; | |
} | |
.questionsBody .questionsRight #mpg .mpgWords { | |
position: absolute; | |
left: 12px; | |
top: 0px; | |
width: 200px; | |
text-align: left; | |
font-size: 20px; | |
font-weight: bold; | |
color: #090; | |
} | |
.questionsBody .questionsRight #mpg .mpgWords span { | |
font-size: 28px; | |
} | |
.questionsBody .questionsRight #mpg .mpgNumber { | |
position: absolute; | |
left: 6px; | |
top: 186px; | |
width: 340px; | |
text-align: left; | |
font-size: 50px; | |
font-weight: bold; | |
color: #090; | |
} | |
.questionsBody .questionsRight .performance { | |
text-align: center; | |
margin: 20px 10px; | |
font-size: 18px; | |
background-color: #FF9; | |
padding: 5px; | |
border: 1px solid #F60; | |
font-family: Georgia, Times New Roman, Times, serif; | |
} | |
.questionsBody .questionsRight .performance strong span { | |
text-decoration: underline; | |
} | |
.questionsBody .questionsRight .performance .text_red { | |
font-size: 18px; | |
} | |
.questionsBody .questionsRight .footOnFloor { | |
position: relative; | |
width: 100%; | |
text-align: center; | |
height: 230px; | |
margin-top: 10px; | |
} | |
.questionsBody .questionsRight .footOnFloor .footOnFloorText { | |
color: #C0C; | |
font-size: 34px; | |
font-weight: bold; | |
} | |
.questionsBody .questionsRight .footOnFloor .footOnFloorText .mph { | |
font-size: 80px; | |
line-height: 72px; | |
} | |
.questionsBody .questionsRight .footOnFloor .footOnFloorText .mph span { | |
font-size: 40px; | |
} | |
.questionsBody .questionsRight .footOnFloor .footOnFloorText .secs { | |
font-size: 72px; | |
line-height: 60px; | |
} | |
.questionsBody .questionsRight .footOnFloor .footOnFloorText .secs span { | |
font-size: 40px; | |
} | |
.questionsBody .questionsRight .footOnFloor .fire { | |
position: absolute; | |
top: 170px; | |
left: 0px; | |
} | |
.questionsBody .questionsRight .footOnFloor .fire img { | |
width: 320px; | |
height: 46px; | |
} | |
.questionsBody .questionsRight .topSpeed { | |
border: 1px solid #F60; | |
width: 320px; | |
height: 200px; | |
margin: 20px 0; | |
} | |
.questionsBody .questionsRight .mpg { | |
border: 1px solid #000; | |
width: 190px; | |
height: 300px; | |
margin: 20px 0; | |
} | |
.questionsBody .questionsRight .zeroSixty { | |
margin: 20px 10px; | |
width: 290px; | |
border: 1px solid #666; | |
background-color: #F9F7F8; | |
font-size: 18px; | |
color: #606; | |
font-weight: bold; | |
padding: 10px; | |
} | |
.questionsBody .questionsRight .zeroSixty .mrKieren { | |
font-size: 26px; | |
} | |
.questionsBody .questionsRight .zeroSixty em { | |
font-size: 14px; | |
} | |
.questionsBody .questionsRight .zeroSixty em span { | |
font-style: normal; | |
} | |
.questionsBody .questionsRight .zeroSixty .lingTell { | |
color: #006; | |
} | |
.questionsBody .questionsRight .zeroSixty a img { | |
border: none; | |
width: 165px; | |
height: 154px; | |
} | |
.questionsBody .questionsRight .vBig { | |
border: 1px solid #F60; | |
width: 320px; | |
height: 200px; | |
margin: 20px 0; | |
} | |
#car-deal-menu img:nth-of-type(1) { | |
position: absolute; | |
margin-left: -17px; | |
margin-top: 6px; | |
z-index: -1; | |
transform: scaleX(-1); | |
} | |
#car-deal-menu img:nth-of-type(2) { | |
position: absolute; | |
margin-left: 163px; | |
margin-top: 10px; | |
} | |
#car-deal-menu ul { | |
list-style: none; | |
margin-left: 500px; | |
background-color: #fffac0; | |
width: 255px; | |
border-radius: 10px; | |
padding: 5px; | |
padding-left: 20px; | |
border: 2px solid black; | |
box-shadow: 2px 2px 5px black; | |
} | |
#car-deal-menu a { | |
display: block; | |
text-decoration: none; | |
font-family: arial; | |
font-size: 20px; | |
} | |
#car-deal-menu a:hover { | |
font-weight: bold; | |
} | |
.quote1,.quote2 { | |
z-index: 99; | |
padding: 6px 4px 53px 4px; | |
width: 335px; | |
text-align: center; | |
font-family: arial, Helvetica, sans-serif; | |
font-weight: bold; | |
font-style: italic; | |
word-spacing: 0px; | |
letter-spacing: 0px; | |
background-position: center bottom; | |
background-repeat: no-repeat; | |
background-color: white; | |
border-radius: 10px; | |
box-shadow: 1px 1px 6px 0px darkred; | |
border: 3px solid red; | |
} | |
.quote1 { | |
margin-top: 185px; | |
margin-left: 203px; | |
font-size: 17px; | |
background-image: url(https://images.lingscars.com/images/quote/newsweek.png); | |
position: initial; | |
} | |
.quote2 { | |
margin-top: -162px; | |
margin-left: 614px; | |
font-size: 17px; | |
background-image: url(https://images.lingscars.com/images/quote/independent.png); | |
position: absolute; | |
} | |
#page .mapContent { | |
border: 2px solid red; | |
border-radius: 10px; | |
margin: 0 5px 10px 5px; | |
box-shadow: 0 0 10px red; | |
width: 835px; | |
} | |
#page .mapContent h2 { | |
color: chocolate; | |
animation: 0.8s steps(10) dynamic-hue infinite; | |
text-shadow: 4px 4px 0px #4e282f, 3px 3px 0px #4e282f, 2px 2px 0px #4e282f, 1px 1px 0px #4e282f; | |
font-family: kabel, arial; | |
font-style: italic; | |
text-align: center; | |
font-size: 35px; | |
margin-top: 13px; | |
margin-bottom: 0px; | |
} | |
#page .mapContent .insideMapContent { | |
display: inline-flex; | |
justify-content: center; | |
align-items: center; | |
margin: 6px 0px; | |
} | |
#page .mapContent .insideMapContent .map { | |
width: 400px; | |
text-align: center; | |
position: relative; | |
height: 618px; | |
} | |
#page .mapContent .insideMapContent .map .circle { | |
width: 22px; | |
height: 22px; | |
background: red; | |
border-radius: 80px; | |
border: 1.5px solid white; | |
position: absolute; | |
box-shadow: 0 0 0 2px darkred; | |
animation: 0.8s steps(10) dynamic-hue infinite; | |
z-index: 20; | |
} | |
#page .mapContent .insideMapContent .map .circle:hover { | |
z-index: 21; | |
opacity: 0.7; | |
box-shadow: 0 0 0 4px darkred; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(1) { | |
top: 238px; | |
left: 157px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(2) { | |
top: 233px; | |
left: 192px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(3) { | |
top: 293px; | |
left: 252px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(4) { | |
top: 317px; | |
left: 94px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(5) { | |
top: 366px; | |
left: 259px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(6) { | |
top: 389px; | |
left: 204px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(7) { | |
top: 391px; | |
left: 229px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(8) { | |
top: 393px; | |
left: 256px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(9) { | |
top: 416px; | |
left: 234px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(10) { | |
top: 420px; | |
left: 269px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(11) { | |
top: 440px; | |
left: 272px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(12) { | |
top: 452px; | |
left: 257px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(13) { | |
top: 448px; | |
left: 243px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(14) { | |
top: 505px; | |
left: 309px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(15) { | |
top: 505px; | |
left: 197px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(16) { | |
top: 515px; | |
left: 227px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(17) { | |
top: 506px; | |
left: 217px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(18) { | |
top: 540px; | |
left: 262px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(19) { | |
top: 545px; | |
left: 307px; | |
} | |
#page .mapContent .insideMapContent .map .circle:nth-child(20) { | |
top: 550px; | |
left: 246px; | |
} | |
#page .mapContent .insideMapContent .map .circle.active { | |
background: rgba(0,0,0,0.7); | |
border-color: red; | |
box-shadow: 0 0 0 2px black; | |
} | |
#page .mapContent .insideMapContent .map img { | |
width: 380px; | |
padding-top: 10px; | |
} | |
#page .mapContent .insideMapContent .mapText { | |
width: 391px; | |
font-size: 68px; | |
font-family: kabel, arial; | |
font-style: italic; | |
color: red; | |
text-shadow: 4px 4px 0px #4e282f, 3px 3px 0px #4e282f, 2px 2px 0px #4e282f, 1px 1px 0px #4e282f; | |
line-height: 87px; | |
text-align: right; | |
} | |
#page .mapContent .insideMapContent .mapText span { | |
color: palevioletred; | |
font-size: 78px; | |
} | |
#page [data-tooltip] { | |
position: relative; | |
z-index: 2; | |
cursor: pointer; | |
} | |
#page [data-tooltip]:before,#page [data-tooltip]:after { | |
visibility: hidden; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
filter: alpha(opacity=50); | |
opacity: 0; | |
pointer-events: none; | |
} | |
#page [data-tooltip]:before { | |
position: absolute; | |
bottom: 150%; | |
left: 50%; | |
margin-bottom: 5px; | |
margin-left: -71px; | |
padding: 7px; | |
width: 129px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
background-color: #000; | |
background-color: #000; | |
color: #fff; | |
content: attr(data-tooltip); | |
text-align: center; | |
font-size: 14px; | |
line-height: 1.2; | |
} | |
#page [data-tooltip]:after { | |
position: absolute; | |
bottom: 150%; | |
left: 50%; | |
margin-left: -5px; | |
width: 0; | |
border-top: 5px solid #000; | |
border-top: 5px solid rgba(51,51,51,0.9); | |
border-right: 5px solid transparent; | |
border-left: 5px solid transparent; | |
content: " "; | |
font-size: 0; | |
line-height: 0; | |
} | |
#page [data-tooltip]:hover:before,#page [data-tooltip]:hover:after { | |
visibility: visible; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
filter: alpha(opacity=50); | |
opacity: 1; | |
} | |
#page .locationInformation { | |
margin: 4px auto 15px auto; | |
} | |
#page .locationInformation .bar { | |
background: #232526; | |
} | |
#page .locationInformation .bar .mileageBar { | |
color: white; | |
padding: 5px; | |
display: inline-flex; | |
justify-content: center; | |
align-items: center; | |
} | |
#page .locationInformation .bar .mileageBar .mileage { | |
background: #414345; | |
background: -webkit-linear-gradient(to bottom, #414345, #000); | |
background: linear-gradient(to bottom, #414345, #000); | |
margin-right: 4px; | |
display: inline-block; | |
padding: 0 4px; | |
} | |
#page .locationInformation .bar .mileageBar .mileage:last-of-type { | |
margin-right: 0px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment