chore: удаление устаревших стилей из plus.css и plus2.css для оптимизации кода и улучшения производительности - обновлены стили в styles.css для устранения конфликтов и улучшения адаптивности

This commit is contained in:
Vlad 2025-04-20 02:26:08 +03:00
parent 42ff67e666
commit 6abd393209
3 changed files with 9 additions and 772 deletions

View File

@ -1,556 +0,0 @@
/* Mega Menu*/
.plus-mega a{
text-decoration: none;
padding-left: 20px;
display: block;
}
.plus-mega li{
padding-top: 3px;
padding-bottom: 3px;
}
.dropdown-menu.cols2{
min-width: 280px;
}
.dropdown-menu.cols2 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols3{
min-width: 420px;
}
.dropdown-menu.cols3 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols4{
min-width: 560px;
}
.dropdown-menu.cols4 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols5{
min-width: 700px;
}
.dropdown-menu.cols5 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols6{
min-width: 840px;
}
.dropdown-menu.cols6 .span2{
margin-left: 0px !important;
}
.plus-mega li > a > i{
margin-right: 5px;
}
/* Menu With Images */
.dropdown-menu > li > a > i{
margin-right: 5px;
}
/* Comments */
.plus-comment {
margin-top: 20px;
margin-bottom: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.plus-comment .pointer{
border:solid 10px transparent;
border-right-color:#FFF;
position:absolute;
margin:20px 0px 0 80px;
}
.plus-comment img{
float:left;
max-width: 100%;
margin-left: 20px;
}
.plus-comment p{
color:#000;
padding: 10px;
margin-left: 100px;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
}
.plus-comment .plus-comment-details{
float: left;
width: 90px;
}
.plus-comment-details label{
font-weight: normal;
font-size: 12px;
line-height: 15px;
margin-left: 0px;
margin-top: 15px;
text-align: center;
}
.plus-comment-details .plus-comment-date{
margin-top: 0px;
padding: 0px;
font-size: 10px;
}
.plus-comment .plus-comment-tools{
margin-left: 100px;
}
.plus-comment .plus-comment-tools > a{
margin-left: 10px;
text-decoration: none;
}
/* reply */
.plus-comment-reply {
margin-top: 20px;
margin-bottom: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.plus-comment-reply .pointer{
border:solid 10px transparent;
border-right-color:#FFF;
position:absolute;
margin:20px 0px 0 140px;
}
.plus-comment-reply img{
float:left;
max-width: 100%;
margin-left: 20px;
}
.plus-comment-reply p{
color:#000;
padding: 10px;
margin-left: 160px;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
}
.plus-comment-reply .plus-comment-details{
float: left;
width: 90px;
margin-left: 60px;
}
.plus-comment-reply .plus-comment-tools{
margin-left: 150px;
}
.plus-comment-reply .plus-comment-tools > a{
margin-left: 10px;
text-decoration: none;
}
/* ////////////////////////////// */
/* Draggable */
.plus-draggable{
padding: 0px;
}
.plus-draggable p{
padding: 10px;
}
/*/////////////////////////*/
/* Collapsable */
.plus-collapsible{
padding: 0px;
}
.plus-collapsible p{
padding: 10px;
}
.plus-collapsible > .navbar{
margin-bottom: 0px !important;
}
/* ////////////////// */
/* Box */
.plus-box{
padding: 0px;
}
.plus-box p{
padding: 10px;
}
/* ///////////////// */
/* Vertical Menu */
.plus-verticalMenu > ul{
display:none;
list-style: none;
}
.plus-verticalMenu > ul > li >a{
text-decoration: none;
color:inherit;
padding-left: 5px;
}
/* ///////////// */
ul.nav li.dropdown:hover ul.dropdown-menu.plus-hover{
display: block;
margin: 0;
}
a.menu:after, .dropdown-toggle:after {
content: none;
}
/* ///////////////*/
/* Pricing Table */
.plus-pricing{
text-align: center;
list-style: none;
border-width: 1px;
border-style: solid;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-pricing > li{
background-color: #fff;
padding: 0.9375em;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.plus-pricing-head{
background-color: #DDDDDD;
padding: 0.9375em 1.25em;
}
.plus-pricing-head h2{
margin: 0;
}
.plus-pricing-price{
background-color: #eee;
padding: 0.9375em 1.25em;
}
.plus-pricing-price h3{
margin: 0;
}
.plus-pricing-details{
padding: 0.9375em;
color:#000;
}
/* ////////////////////////// */
/* Picture Caption */
.plus-pic{
border: solid 2px #ccc;
position: relative;
}
.plus-pic > img{
width:100%;
}
.plus-pic a{
color:#fff;
text-decoration: none;
}
.plus-pic > .plus-badge{
background-color: #5DCE0C;
padding: 2px 5px;
position: absolute;
color: #fff;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-pic > .btn{
position: absolute;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-pic > .right-top{
right:-7px;
top:10px;
}
.plus-pic > .left-top{
left:-7px;
top:10px;
}
.plus-pic > .left-bottom{
left:-7px;
bottom:10px;
}
.plus-pic > .right-bottom{
right:-7px;
bottom:10px;
}
/* /////////////// */
/* Image Hovers */
.plus-pic .plus-hover{
visibility: hidden;
}
.plus-pic:hover .plus-hover{
visibility: visible;
}
/* /////////// */
.plus-empty-5{
content: " ";
height: 5px;
}
.plus-empty-10{
content: " ";
height: 10px;
}
.plus-empty-20{
content: " ";
height: 20px;
}
.plus-empty-30{
content: " ";
height: 30px;
}
.plus-empty-40{
content: " ";
height: 40px;
}
.plus-empty-50{
content: " ";
height: 50px;
}
/* Post */
.plus-post{
position: relative;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-post > .arrow-right{
position: absolute;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #ccc;
right: -10px;
top: 10px;
}
.plus-social-tools > a{
margin-left: 10px;
text-decoration: none;
}
.plus-social-tools{
margin-top: 5px;
}
/* Metro Nav */
.plus-metro{
background-color: transparent;
border: none;
box-shadow: none;
border-bottom: none;
position: absolute;
left:-20px;
z-index: 999;
overflow: visible;
}
.plus-metro.plus-metro-right{
right:20px;
}
.plus-metro-nav a{
text-decoration: none;
}
.navbar .nav > li > .plus-metro:after {
border-bottom: none;
}
.navbar .nav > li > .plus-metro:before {
border-bottom:none;
}
.plus-metro-nav{
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-metro-nav .box{
height: 100px;
margin: 5px;
display: table;
}
.plus-metro-nav .box.red{
background-color: #D32C2C;
}
.plus-metro-nav .box.lightblue{
background-color: #00A8EC;
}
.plus-metro-nav .box.darkblue{
background-color: #0061DC;
}
.plus-metro-nav .box.green{
background-color: #43B51F;
}
.plus-metro-nav .box.purple{
background-color: #640F6C;
}
.plus-metro-nav .box.orange{
background-color: #43B51F;
}
.plus-metro-nav .box.facebook{
background-color: #3C5B9B;
}
.plus-metro-nav .box.pink{
background-color: #D6668F;
}
.plus-metro-nav .box.deviant{
background-color: #455449;
}
.plus-metro-nav .box.brown{
background-color: #BF7A30;
}
.plus-metro-nav .box > h5{
color: #fff;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.plus-metro-nav .box > h5 > i{
margin-right: 5px;
}
.plus-metro-nav .box.height2{
height: 210px;
}
.plus-metro-nav .box.height3{
height: 320px;
}
.plus-metro-nav .span6.box{
padding-right: 0px;
}
.plus-metro > .arrow-up {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid black;
position: absolute;
left:40px;
top:-1px;
}
@media (max-width: 980px) {
.plus-metro-nav{
height: auto !important;
z-index: 999;
left:0px;
position: static !important;
float: none;
clear: both;
width: 100%;
}
.plus-metro{
top: auto;
float: none;
}
.plus-metro-nav > a{
padding: 0px !important;
}
.plus-metro > .arrow-up{
display: none;
}
}
@media (max-width: 767px) {
.plus-metro-nav .box{
position: static;
width:90px;
height: 90px;
float: left;
}
}

View File

@ -1,215 +0,0 @@
body {
padding-top: 60px;
padding-bottom: 40px;
}
wrapper {
width: auto;
overflow: hidden;
}
.share_buttons {
width: 268px;
height: 38px;
float: right;
padding-top: 10px;
padding-left: 1px;
padding-right: 10px;
margin-top: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #E2E2E2;
}
.share_buttons .facebook {
display: block;
width: 79px;
height: 27px;
margin-left: 10px;
float: left;
background:
transparent url('https://storage.googleapis.com/static.salvagedb.com/tray_share_buttons.png') no-repeat 0 0;
}
.share_buttons .twitter {
display: block;
width: 79px;
height: 27px;
margin-left: 10px;
float: left;
background:
transparent url('https://storage.googleapis.com/static.salvagedb.com/tray_share_buttons.png') no-repeat 0 -54px;
}
.share_buttons .google {
width: 79px;
height: 27px;
margin-left: 10px;
float: left;
background:
transparent url('https://storage.googleapis.com/static.salvagedb.com/tray_share_buttons.png') no-repeat 0 -108px;
}
input {
margin: 0;
}
#find_your_car{text-align:left;color:#06c;margin-top:0;}
#s1earch_bar{width:700px;}
#vininput{width:300px;font-size:1.5em;height:35px;padding:0 0 0 10px;}
#s1earch_bar{width:700px;margin:0 0 0 -320px;}
#s1earch_bar .search_box{height:35px;font-size:1.5em;padding:0 0 0 10px;}
#s1earch_bar #make_model{width:350px;}
#s1earch_bar #near{margin:5px 5px 0px 5px;font-size:18px;}
#s1earch_bar #zipcode{width:100px;}
#s1earch_bar #go1_button{position:relative;top:1px;height:37px;font-size:20px;margin-left:8px;}
#go_button{top:1px;height:37px;font-size:22px;margin-left:8px;}
#hor-zebra
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin: 45px;
background-image: url("https://storage.googleapis.com/static.salvagedb.com/menu-bg.png?v=1");
background-repeat:no-repeat;
text-align: left;
border-collapse: collapse;
}
#hor-zebra a
{
font-size: 14px;
font-weight: normal;
padding: 10px 8px;
color: #fff;
text-decoration: none;
}
#hor-zebra a:hover {text-decoration:underline}
#hor-zebra th
{
font-size: 14px;
font-weight: normal;
padding: 10px 8px;
color: #039;
}
#hor-zebra td
{
padding: 8px;
color: #669;
}
#hor-zebra .odd
{
background: #e8edff;
}
#hor-minimalist-a
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin: 1px;
width: 495px;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist-a th
{
font-size: 14px;
font-weight: normal;
color: #039;
padding: 10px 8px;
border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
color: #669;
padding: 9px 8px 0px 8px;
}
#hor-minimalist-a a
{
color: #669;
padding: 9px 8px 0px 8px;
text-decoration: none;
}
#hor-minimalist-a tbody tr:hover a
{
color: #009;
}
#hor-minimalist-a tbody tr:hover td
{
color: #009;
}
#hor-minimalist2-a
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin: 1px;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist2-a th
{
font-size: 14px;
font-weight: normal;
color: #039;
padding: 10px 8px;
border-bottom: 2px solid #6678b1;
}
#hor-minimalist2-a td
{
color: #669;
padding: 9px 8px 0px 8px;
}
#hor-minimalist2-a a
{
color: #669;
padding: 9px 8px 0px 8px;
text-decoration: none;
}
#hor-minimalist2-a tbody tr:hover a
{
color: #009;
}
#hor-minimalist2-a tbody tr:hover td
{
color: #009;
}
#one-column-emphasis
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin: 45px;
width: 480px;
text-align: left;
border-collapse: collapse;
}
#one-column-emphasis th
{
font-size: 14px;
font-weight: normal;
padding: 12px 15px;
color: #039;
}
#one-column-emphasis td
{
padding: 10px 15px;
color: #669;
border-top: 1px solid #e8edff;
}

View File

@ -428,8 +428,16 @@
/* Base styles */
body {
padding-top: 60px;
padding-top: 0;
padding-bottom: 40px;
margin: 0;
}
.container {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
}
wrapper {