Skip to content

Instantly share code, notes, and snippets.

@stormsweeper
Created February 23, 2019 03:58
Show Gist options
  • Save stormsweeper/d9e772146cd84e61c68205046b45f98b to your computer and use it in GitHub Desktop.
Save stormsweeper/d9e772146cd84e61c68205046b45f98b to your computer and use it in GitHub Desktop.
Beautified CSS from https://www.lingscars.com/
@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