129 lines
4.3 KiB
CSS
129 lines
4.3 KiB
CSS
/*
|
|
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: #333333; 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; }
|
|
|
|
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; }
|
|
|
|
ul ul, ol ol { margin-bottom: 0; }
|
|
|
|
.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: 940px; 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: 60px; }
|
|
|
|
.col2 { width: 140px; }
|
|
|
|
.col3 { width: 220px; }
|
|
|
|
.col4 { width: 300px; }
|
|
|
|
.col5 { width: 380px; }
|
|
|
|
.col6 { width: 460px; }
|
|
|
|
.col7 { width: 540px; }
|
|
|
|
.col8 { width: 620px; }
|
|
|
|
.col9 { width: 700px; }
|
|
|
|
.col10 { width: 780px; }
|
|
|
|
.col11 { width: 860px; }
|
|
|
|
.col12 { width: 940px; }
|
|
|
|
.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; }
|