header { font-weight: bold !important; } .titleBar-logo{ max-height: 24px !important; } /*//////////////FOOTER/////////////*/ .footer{ background: #2a2c2e; z-index: 1; font-family: Graphik; } .footer-secondary { position:relative; padding: 15px 0; font-size: 1rem; } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clear, .clear-float, .clearFloat, .clearfix:after, .container-fluid:after, .container:after, .dropdown-menu > li > a, .footer-primary .column1 .freeshipping:after, .footer-primary .column2 .headline-newsletter, .form-horizontal .form-group:after, .login-cart-search .typehead.dropdown-menu a, .modal-footer:after, .nav:after, .navbar-header:after, .navbar:after, .newsletter .line, .pager:after, .panel-body:after, .row:after, .slick-track:after, header::after { clear: both } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .footer .container { width: 1170px } } .footer li { list-style: none } @media (max-width: 768px) { .footer-primary .column1 { padding-right: 10px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 10px } } @media (max-width: 767px) { .footer-primary > ul { padding: 20px 40px 40px } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3 { min-height: inherit; width: 100%; border: none } .footer-primary .column2 { padding-right: 15px; padding-left: 15px } } .footer-primary { padding-top: 40px; padding-bottom: 20px; color: #f5f5f5; text-transform:uppercase; } .footer-primary .footer-column-headline { display: block; margin: 0 0 5px; font-size: 24px; font-size: 1.5rem } .footer-primary a { font-size: 14px; font-size: .875rem; line-height: 2em; color: #f5f5f5 } .footer-primary a:hover { color: #d5d5d5 } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { min-height: 200px } .footer-primary .column2 li { position: relative } .footer-primary .column1 { padding-right: 30px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 30px } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } .footer-secondary .column1 { text-align: left; width: 25% } .footer-secondary .column3 { text-align: right; width: 30% } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-4 { width: 25%; } .col-md-4 { width: 25%; } .col-xs-5 { width: 33.33333%; } .col-md-5 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-md-3 { width: 25%; } ul { list-style-image: none } .content ul li { list-style: disc } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } @media (max-width: 767px) { .footer-secondary li { display: table-row } .footer-secondary .column1, .footer-secondary .column3 { text-align: center } } ul { padding-inline-start: 0; } li a { text-decoration:none; }

Something I was playing with ...........

PulseCode Member Posts: 85 Member

July 4 in Social Club

The Grove Lock

https://youtu.be/iL_HEUoSFks

0

Categories

header { font-weight: bold !important; } .titleBar-logo{ max-height: 24px !important; } /*//////////////FOOTER/////////////*/ .footer{ background: #2a2c2e; z-index: 1; font-family: Graphik; } .footer-secondary { position:relative; padding: 15px 0; font-size: 1rem; } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clear, .clear-float, .clearFloat, .clearfix:after, .container-fluid:after, .container:after, .dropdown-menu > li > a, .footer-primary .column1 .freeshipping:after, .footer-primary .column2 .headline-newsletter, .form-horizontal .form-group:after, .login-cart-search .typehead.dropdown-menu a, .modal-footer:after, .nav:after, .navbar-header:after, .navbar:after, .newsletter .line, .pager:after, .panel-body:after, .row:after, .slick-track:after, header::after { clear: both } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .footer .container { width: 1170px } } .footer li { list-style: none } @media (max-width: 768px) { .footer-primary .column1 { padding-right: 10px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 10px } } @media (max-width: 767px) { .footer-primary > ul { padding: 20px 40px 40px } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3 { min-height: inherit; width: 100%; border: none } .footer-primary .column2 { padding-right: 15px; padding-left: 15px } } .footer-primary { padding-top: 40px; padding-bottom: 20px; color: #f5f5f5; text-transform:uppercase; } .footer-primary .footer-column-headline { display: block; margin: 0 0 5px; font-size: 24px; font-size: 1.5rem } .footer-primary a { font-size: 14px; font-size: .875rem; line-height: 2em; color: #f5f5f5 } .footer-primary a:hover { color: #d5d5d5 } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { min-height: 200px } .footer-primary .column2 li { position: relative } .footer-primary .column1 { padding-right: 30px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 30px } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } .footer-secondary .column1 { text-align: left; width: 25% } .footer-secondary .column3 { text-align: right; width: 30% } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-4 { width: 25%; } .col-md-4 { width: 25%; } .col-xs-5 { width: 33.33333%; } .col-md-5 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-md-3 { width: 25%; } ul { list-style-image: none } .content ul li { list-style: disc } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } @media (max-width: 767px) { .footer-secondary li { display: table-row } .footer-secondary .column1, .footer-secondary .column3 { text-align: center } } ul { padding-inline-start: 0; } li a { text-decoration:none; }