diff --git a/static/plus.css b/static/plus.css deleted file mode 100644 index f33315f..0000000 --- a/static/plus.css +++ /dev/null @@ -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; - } - - } \ No newline at end of file diff --git a/static/plus2.css b/static/plus2.css deleted file mode 100644 index 300634c..0000000 --- a/static/plus2.css +++ /dev/null @@ -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; -} - - - diff --git a/static/styles.css b/static/styles.css index 2aa83a5..1b5ba2c 100644 --- a/static/styles.css +++ b/static/styles.css @@ -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 {