/* Theme Name: Bare Bones Theme URI: http://github.com/mikefrancis/barebones Author: Mike Francis */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, dfn, th, var { font-style: normal; font-weight: normal; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } html { background-color: white; color: #222222; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.875em; line-height: 1.5; } h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, fieldset { margin-bottom: 21px; } ul ul, ol ol { margin-bottom: 0; } h1 { font-size: 2em; line-height: 0.75em; } h2 { font-size: 1.71429em; line-height: 0.875em; } h3 { font-size: 1.5em; line-height: 1em; } h4 { font-size: 1.28571em; line-height: 1.16667em; } h5 { font-size: 1.14286em; line-height: 1.3125em; } h6 { font-size: 1.14286em; line-height: 1.3125em; } ul, ol { margin-left: 24px; } a { text-decoration: none; } .alignleft { float: left; } img.alignleft { margin-right: 20px; } .alignright { float: right; } img.alignright { margin-left: 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .container { width: 1200px; margin-left: auto; margin-right: auto; padding: 0 40px; } @media (max-width: 767px) { .container { width: auto; } } @media (max-width: 767px) { .container-fluid { padding: 0; } } .row { margin-left: -20px; *zoom: 1; } @media (max-width: 767px) { .row { margin-left: 0; } } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } @media (max-width: 767px) { .row-fluid { padding: 0; } } .col { display: inline-block; *display: inline; float: left; margin-left: 20px; } .col img { width: 100%; } @media (max-width: 767px) { .col { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .col1 { width: 81.66667px; } .col2 { width: 183.33333px; } .col3 { width: 285px; } .col4 { width: 386.66667px; } .col5 { width: 488.33333px; } .col6 { width: 590px; } .col7 { width: 691.66667px; } .col8 { width: 793.33333px; } .col9 { width: 895px; } .col10 { width: 996.66667px; } .col11 { width: 1098.33333px; } .col12 { width: 1200px; } .nav { list-style: none; margin-left: 0; } .nav > li, .nav > li > a { display: inline-block; *display: inline; } .nav-list { border: solid 1px #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .nav-list > li, .nav-list > li > a { display: block; } .nav-list > li { border-bottom: solid 1px #ddd; } .nav-list > li:last-child { border-bottom: none; } .nav-list > li > a { padding: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .nav-list > li > a:hover { background-color: #fafafa; } .table { width: 100%; border-collapse: collapse; } .table th, .table td { text-align: left; vertical-align: top; border-top: 1px solid #dddddd; padding: 10.5px 10px; } .table th { font-weight: bold; border-top: 0; } .table thead th { vertical-align: bottom; } input, select, textarea, button { display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; line-height: marginBottompx; color: #222; padding: 9.5px; background-color: white; border: solid 1px #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-right: 5px; } .control-group { margin-bottom: 21px; } .control-label { float: left; width: 140px; } .controls { margin-left: 160px; } .btn { display: inline-block; background-color: #eeeeee; border: solid 1px #cccccc; padding: 9.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.1); } .icon { display: inline-block; *display: inline; width: 16px; height: 16px; vertical-align: text-top; background: red; }