CSS for descriptions, Gravity Forms and more
body {
background-attachment: scroll !important;
}
#dt-inner-wrapper #dt-content{
margin-top: 10px;
}
#dt-wrapper #dt-header{
position: static;
}
#dt-wrapper #dt-menubar{
position: static;
}
#cobra #cobra-detail-page .top{
padding-top: 5px;
}
/*
#cobra #cobra-detail-page .left #sidebar-widget-area{
height: 200px;
}
#cobra #cobra-detail-page .left .vehicle-information{
height: 300px;
}
*/
/* VDP Description Style Start */
#cobra #cobra-detail-page #cobra-inventory-tabs .ui-tabs-panel {
overflow:auto;
padding: .2em .8em;
}
#cobra #cobra-detail-page #cobra-inventory-tabs .ui-widget-header li.ui-state-default a{
color: #333;
}
#cobra #cobra-detail-page #cobra-inventory-tabs .ui-widget-header li.ui-tabs-selected a,
#cobra #cobra-detail-page #cobra-inventory-tabs .ui-widget-header li.ui-state-default a:hover{
color:#FF0000;
}
/* VDP Description Style End */
/*Inventory Gravity form edits*/
#sidebar-widget-area .inventory{
background-color: #1E1C1A;
padding: 1px 10px;
box-shadow: 0 1px 5px #666666;
width: 260px;
height:260px;
margin-top: 20px;
margin-bottom: 50px;
color: #fff;
}
#sidebar-widget-area .inventory.widget h1{
margin-bottom: 5px;
margin-top: 5px;
font-size: 20px;
line-height: 15px;
color:#ffffff;
}
#sidebar-widget-area .inventory.widget .gform_wrapper{
height: 250px;
width: 260px;
margin-bottom: 0px;
margin-top: 0px;
}
#sidebar-widget-area .inventory.widget .gform_wrapper .gform_heading {
display:none;
}
#sidebar-widget-area .inventory.widget .gform_wrapper .gform_body ul li{
list-style:none;
margin: 0px;
}
#sidebar-widget-area .inventory.widget .gform_wrapper .gform_body .textarea{
height:40px;
width: 250px;
background-color: #FFF;
}
#sidebar-widget-area .inventory.widget .gform_wrapper .gform_body #input_12_8{
height: 35px;
}
#sidebar-widget-area .inventory.widget .gform_wrapper .gform_body input{
height: 15px;
background-color: #FFF;
}
#sidebar-widget-area .inventory.widget .gform_wrapper label{
margin-top: 0px;
margin-bottom: 0px;
}
#sidebar-widget-area .inventory.widget .gform_wrapper .gform_footer{
margin-top: 0px;
padding-top: 0px;
}
#sidebar-widget-area .inventory.widget .gform_wrapper .gform_footer #gform_submit_button_12{
margin-top: 4px;
padding-top: 0px;
float:right;
}
.gform_body input,
.gform_body textarea,
.gform_body select{
color: #333
}
/*Inventory Gravity form edits ENDS*/
/*changes color of Submit Button*/
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
background: #CE3333;
}
/* Extra VDP Styling */
#cobra-detail-page .left .sidebar{
float: left;
clear: both;
}
#cobra-detail-page .left .vehicle-information{
float: left;
clear: both;
}
#cobra-detail-page .left .detail-buttons{
float: left;
clear: both;
}
#cobra #cobra-description p{
line-height: 20px ;
}
#cobra #cobra-detail-page #cobra-inventory-tabs .ui-tabs-panel{
max-width: 485px;
}
JS for descriptions, Gravity Forms and more
/* Moves Gravity Form on VDP */
if (jQuery('#dealertrend-inventory-api #cobra-detail-page').length){
jQuery('#cobra-detail-page .left').prepend(jQuery('#sidebar-widget-area'));
}
if (jQuery('#cobra #cobra-detail-page').length){
if (jQuery('#cobra-inventory-tabs').length){
jQuery('#cobra-inventory-tabs').css({'display':'none'});
jQuery(window).load(function(){
var new_tab = jQuery('#cobra-inventory-tabs .ui-tabs-nav li').clone();
new_tab.attr('class','ui-state-default ui-corner-top ui-tabs-selected');
new_tab.children('a').text('Description');
new_tab.children('a').attr('href','#cobra-description');
jQuery('#cobra-inventory-tabs .ui-tabs-nav').prepend(new_tab);
jQuery('#cobra-inventory-tabs').append(jQuery('#cobra-description'));
jQuery('#cobra-description').attr('style','')
jQuery('#cobra-inventory-tabs').tabs('destroy');
jQuery('#cobra-inventory-tabs').tabs();
jQuery('#cobra-inventory-tabs').css({'display':'block'});
});
} else {
jQuery(window).load(function(){
jQuery('#cobra #cobra-detail-page .right').append('
');
jQuery('#cobra #cobra-detail-page .right').append('
');
jQuery('#cobra #cobra-detail-page .right #cobra-inventory-tabs').append('
jQuery('#cobra-inventory-tabs').append(jQuery('#cobra-description'));
jQuery('#cobra-inventory-tabs').css({'display':'block','background':'transparent','margin-top':'10px'});
jQuery('#cobra-description').css({'display':'block'});
jQuery('#cobra-inventory-tabs').tabs();
});
}
}