| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- /******************************************************************
- Bones Normalize Stylesheet
- Designed by Eddie Machado
- http://themble.com/bones
- eddie@themble.com
- Special Thanks to:
- Paul Irish, Divya Manian & the HTML5 Boilerplate
- @necolas for normalize.css and other inspirations
- Andy Clarke & the 320 & Up Extension
- Yoast for some WP functions & optimization ideas
- Andrew Rogers for code optimization
- David Dellanave for speed & code optimization
- and several other developers. :)
- I ADVISE AGAINST EDITING THIS FILES.
- ******************************************************************/
- /******************************************************************
- GENERAL NORMALIZE
- ******************************************************************/
- article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
- audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
- audio:not([controls]), [hidden] { display: none; }
- /** Base Styles **/
- html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
- body { margin: 0; font-size: 13px; line-height: 1.231; }
- body, button, input, select, textarea { font-family: sans-serif; color: #333; }
- /** IE Fixes **/
- img { border: 0; -ms-interpolation-mode: bicubic; }
- svg:not(:root) { overflow: hidden; }
- figure { margin: 0; }
- /** Links **/
- a:focus { outline: thin dotted; }
- a:hover, a:active { outline: 0; }
- /** Typography **/
- p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; }
- abbr[title] { border-bottom: 1px dotted; }
- b, strong, .strong { font-weight: bold; }
- dfn, em, .em { font-style: italic; }
- small, .small, sub, sup { font-size: 85%; }
- ins, .ins { background: #ff9; color: #000; text-decoration: none; }
- mark, .mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
- hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
- pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
- pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
- blockquote { margin: 1em 40px; }
- q { quotes: none; }
- q:before, q:after { content: ""; content: none; }
- ul, ol { margin: 1.231em 0; padding: 0; }
- dd { margin: 0; }
- nav ul, nav ol, .widget ol, .widget ul, .commentlist { list-style: none; margin: 0; }
- /* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
- sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
- sup { top: -0.5em; }
- sub { bottom: -0.25em; }
- /** Forms **/
- form, fieldset, form ul, form ol, fieldset ol, fieldset ul { margin: 0; border: 0; }
- legend { border: 0; *margin-left: -7px; padding: 0; }
- button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
- button, input { line-height: normal; *overflow: visible; }
- button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
- input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
- input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
- input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
- button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
- textarea { overflow: auto; vertical-align: top; }
- /* Colors for form validity */
- input:invalid, textarea:invalid { background-color: #f0dddd; }
- /** Tables **/
- table { border-collapse: collapse; border-spacing: 0; }
- /** Image Replacement **/
- .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
- .ir br { display: none; }
- /** Hidden & Invisiblity **/
- .hidden { display: none; visibility: hidden; }
- .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
- .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
- .invisible { visibility: hidden; }
- /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
- .clearfix:before, .clearfix:after, nav[role=navigation] .menu ul:before, nav[role=navigation] .menu ul:after { content: ""; display: table; }
- .clearfix:after, nav[role=navigation] .menu ul:after { clear: both; }
- .clearfix, nav[role=navigation] .menu ul { zoom: 1; }
- /******************************************************************
- H1, H2, H3, H4, H5 STYLES
- ******************************************************************/
- h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: sans-serif; font-weight: 500; }
- h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
- h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
- h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
- h3, .h3 { font-size: 1.125em; }
- h4, .h4 { font-size: 1.1em; font-weight: 700; }
- h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }
-
- /******************************************************************
- NAVIGATION STYLES
- ******************************************************************/
- nav[role=navigation] .menu ul li { float: left; }
- nav[role=navigation] .menu ul li a { display: block; text-decoration: none; }
- nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { position: absolute; left: -9999em; z-index: 9999; width: 200px; }
- nav[role=navigation] .menu ul li ul li ul { margin-left: 200px; top: auto; margin-top: -30px; }
- nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { left: auto; }
- nav[role=navigation] .menu ul li ul li a { width: 160px; }
-
- /******************************************************************
- POST STYLES
- ******************************************************************/
- .page-title, .single-title { margin: 0 0 0.375em; }
- .archive_title { margin: 1.1em 0 0.75em; }
- /* post meta information */
- .meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
- /* typographical styles */
- .post_content p { margin: 0 0 1.5em 0; line-height: 1.5em; }
- .post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
- .post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
- .post_content li { margin-bottom: 0.75em; }
- .post_content ul li { list-style-type: disc; }
- .post_content ol li { list-style-type: decimal; }
- .post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
- .post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; }
- .post_content dl { margin:1.75em 0 1.75em; }
- .post_content dt { margin-top: 1.25em; font-weight:700; }
- .post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
- .post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
- .post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
- /* image alignment & styles */
- .post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
- .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
- .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
- .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
- /* wp caption styles */
- .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
- .wp-caption img { border: 0 none; padding: 0; margin: 0; }
- .wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
- /* misc styles */
- .wp-smiley { margin: 0 !important; max-height: 1em; }
- .hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }
- /* page navigation */
- .page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }
- .bones_page_navi li { float: left; margin-left: 10px; } /* regular links */
- .bones_page_navi li a { display: block; text-decoration: none; position: relative; }
- .bones_page_navi li a:hover { text-decoration: underline; }
- .bones_page_navi .bpn-current { position: relative; } /* current page link */
- .bones_page_navi .bpn-prev-link, .bones_page_navi .bpn-next-link { font-weight: 700; }
- .bones_page_navi .bpn-next-link a { padding: 0; }
- .wp-prev-next .prev-link { float: left; }
- .wp-prev-next .next-link { float: right; }
- /******************************************************************
- COMMENT STYLES
- ******************************************************************/
- #comments { margin: 0 20px 0.75em; } /* h3 comment title */
- .commentlist li { position: relative; clear: both; list-style-type: none; }
- .commentlist .vcard time a { text-decoration: none; }
- .commentlist li .comment_content p { font-size: 1em; line-height: 1.5em; }
- .commentlist li ul { margin: 0; }
- .commentlist .comment-reply-link { font-size: 0.9em; }
- /* comment form styles */
- .respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
- .respond-form h3 { margin: 0 0 1.1em; }
- .respond-form form[method=post] { margin: 0.75em 0; }
- .respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
- .respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
- .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
- .respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
- .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
- #allowed_tags { margin: 1.5em 10px 0.7335em 0; }
- .respond-form textarea { resize: none; width: 97.3%; height: 150px; }
- /* form validation */
- .respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }
- /* no comments */
- .nocomments { margin: 0 20px 1.1em; }
-
- /******************************************************************
- FOOTER STYLES
- ******************************************************************/
- .footer-links ul.menu { margin-top: 0; }
- .footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
- .footer-links ul li a { margin-right: 10px; text-decoration: underline; }
- .footer-links ul li:last-child a { margin-right: 0; }
- .footer-links ul li ul { display: none; } /* shouldn't have that many links in footer anyway */
- .attribution { float: right; color: #999; font-size: 0.9em; }
-
- /******************************************************************
- PRINT STYLESHEET
- ******************************************************************/
- @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; }
- @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; }
- }
|