1/* 2Theme Name: Able 3Theme URI: http://theme.wordpress.com/themes/able/ 4Author: Automattic 5Author URI: http://automattic.com/ 6Description: A multipurpose, traditional blog theme which contains up to a large three-column layout that is clean, responsive, and highly readable. 7Version: 1.2 8License: GNU General Public License v2 or later 9License URI: http://www.gnu.org/licenses/gpl-2.0.html 10Tags: blue, gray, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, rtl-language-support, sticky-post, translation-ready 11*/ 12 13 14/* =Reset 15-------------------------------------------------------------- */ 16 17a, 18abbr, 19acronym, 20address, 21applet, 22article, 23aside, 24audio, 25b, 26bdi, 27bdo, 28big, 29blockquote, 30body, 31button, 32canvas, 33caption, 34center, 35cite, 36code, 37col, 38colgroup, 39command, 40datalist, 41dd, 42del, 43details, 44dfn, 45dir, 46div, 47dl, 48dt, 49em, 50embed, 51fieldset, 52figcaption, 53figure, 54font, 55footer, 56form, 57frame, 58frameset, 59h1, 60h2, 61h3, 62h4, 63h5, 64h6, 65header, 66hgroup, 67hr, 68html, 69i, 70iframe, 71img, 72input, 73ins, 74kbd, 75label, 76legend, 77li, 78map, 79mark, 80menu, 81meter, 82nav, 83noframes, 84noscript, 85object, 86ol, 87optgroup, 88option, 89output, 90p, 91pre, 92progress, 93q, 94rp, 95rt, 96ruby, 97s, 98samp, 99script, 100section, 101select, 102small, 103span, 104strike, 105strong, 106sub, 107summary, 108sup, 109table, 110tbody, 111td, 112textarea, 113tfoot, 114th, 115thead, 116time, 117tr, 118tt, 119u, 120ul, 121var, 122video, 123xmp, 124wbr { /* HTML5 / HTML 4.01 / XHTML 1.0 tags all covered in reset. */ 125 border: 0; 126 font: inherit; 127 line-height: 26px; 128 margin: 0; 129 outline: 0; 130 padding: 0; 131 text-indent: 0; 132 vertical-align: baseline; 133} 134article, 135aside, 136details, 137figcaption, 138figure, 139footer, 140header, 141hgroup, 142menu, 143nav, 144section { /* HTML5 display-role reset for older browsers. */ 145 display: block; 146} 147html { 148 font-size: 62.5%; /* Define base font of 62.5% for convenient rem sizing. See http://snook.ca/archives/html_and_css/font-size-with-rem */ 149 overflow-y: scroll; /* Eliminate Jumps in Horizontal Centering By Forcing a Scroll Bar: http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ */ 150 -webkit-text-size-adjust: 100%; /* Control text size in Safari for iOS without disabling user zoom */ 151 -ms-text-size-adjust: 100%; /* http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 152} 153body, 154button, 155input, 156select, 157textarea { 158 color: rgb( 50, 50, 50 ); /* #323232 */ 159 color: rgba( 50, 50, 50, 1 ); 160 font-family: Helvetica, Arial, "Lucida Grande", sans-serif; 161 font-size: 16px; 162 font-size: 1.6rem; 163 font-weight: 300; 164 text-rendering: optimizeLegibility; 165} 166#secondary, 167#secondary button, 168#secondary input, 169#secondary select, 170#secondary textarea, 171#tertiary, 172#tertiary button, 173#tertiary input, 174#tertiary select, 175#tertiary textarea { 176 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 177} 178body { 179 background-color: rgb( 250, 250, 250 ); /* #fafafa */ 180 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 250, 250, 250, 0.8 ) ), to( rgba( 245, 245, 245, 0.8 ) ) ) ; /* Safari 4+, Chrome 1-9 */ 181 background-image: -webkit-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Safari 5.1+, Mobile Safari, Chrome 10+ */ 182 background-image: -moz-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 3.6+ */ 183 background-image: -ms-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* IE 10+ */ 184 background-image: -o-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Opera 11.10+ */ 185 background-image: linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 16+ */ 186} 187 188 189/* =Accessibility 190-------------------------------------------------------------- */ 191 192.assistive-text { 193 /** 194 * Using CSS clip as an Accessible Method of Hiding Content. 195 * See: http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content 196 */ 197 clip: rect( 1px 1px 1px 1px ); 198 clip: rect( 1px, 1px, 1px, 1px ); 199 position: absolute !important; 200} 201 202 203/* =Links 204-------------------------------------------------------------- */ 205 206a, 207a:hover, 208a:active, 209a:focus { 210 color: rgb( 13, 61, 155 ); /* #0d3d9b */ 211 color: rgba( 13, 61, 155, 1 ); 212 text-decoration: none; 213} 214a:hover { 215 text-decoration: underline; 216} 217a:active, 218a:focus { 219 background: rgb( 235, 235, 235 ); /* #ebebeb */ 220 background: rgba( 50, 50, 50, .1 ); 221} 222#page a { /* We're using #page before a so that the WordPress Toolbar isn't interfered with. */ 223 -webkit-transition: all .1s ease-in; /* Safari 3.2+, Chrome */ 224 -moz-transition: all .1s ease-in; /* Firefox 4-15 */ 225 -o-transition: all .1s ease-in; /* Opera 10.5–12.00 */ 226 transition: all .1s ease-in; /* Firefox 16+, Opera 12.50+ */ 227} 228 229 230/* =Headings 231-------------------------------------------------------------- */ 232 233h1, 234h2, 235h3, 236h4, 237h5, 238h6 { 239 clear: both; 240 font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; 241 margin-bottom: 26px; 242} 243h1 a, 244h2 a, 245h3 a, 246h4 a, 247h5 a, 248h6 a { 249 color: rgb( 50, 50, 50 ); /* #323232 */ 250 color: rgba( 50, 50, 50, 1 ); 251} 252h1 a:hover, 253h2 a:hover, 254h3 a:hover, 255h4 a:hover, 256h5 a:hover, 257h6 a:hover { 258 text-decoration: none; 259} 260h1, 261h2, 262h3 { 263 line-height: 52px; 264} 265h1 { 266 /** 267 * Don't compose without a scale. 268 * See http://www.webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/ 269 */ 270 font-size: 48px; 271 font-size: 4.8rem; 272} 273h2 { 274 font-size: 36px; 275 font-size: 3.6rem; 276} 277h3 { 278 font-size: 28px; 279 font-size: 2.8rem; 280} 281h4 { 282 font-size: 22px; 283 font-size: 2.2rem; 284} 285h5 { 286 font-size: 18px; 287 font-size: 1.8rem; 288} 289h6 { 290 font-size: 16px; 291 font-size: 1.6rem; 292 font-weight: bold; 293} 294 295 296/* =Typography 297-------------------------------------------------------------- */ 298 299p { 300 margin-bottom: 26px; 301} 302b, 303strong { 304 font-weight: 700; 305} 306del, 307s, 308strike { 309 color: rgb( 200, 200, 200 ); /* #c8c8c8 */ 310 color: rgba( 200, 200, 200, 1 ); 311 text-decoration: line-through; 312} 313dfn, 314em, 315i { 316 font-style: italic; 317} 318abbr, 319acronym { 320 border-bottom: 1px dotted; /* Color inherited from body. */ 321 cursor: help; 322} 323blockquote, 324q { 325 quotes: none; 326} 327blockquote:before, 328blockquote:after, 329q:before, 330q:after { 331 /** 332 * Safari doesn't support the quotes attribute, so the following rules are used. 333 * See http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes 334 */ 335 content: ""; /* CSS 2; used to remove quotes in case "none" fails below. */ 336 content: none; /* CSS 2.1: will remove quotes if supported. */ 337} 338blockquote, 339.quote-caption { 340 margin: 26px; 341} 342cite { 343 font-style: italic; 344} 345address { 346 background: rgb( 245, 245, 245 ); /* #f5f5f5 */ 347 background: rgba( 245, 245, 245, 0.8 ); 348 border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 349 border: 1px solid rgba( 230, 230, 230, 0.8 ); 350 display: inline-block; 351 font-style: italic; 352 margin: 0 0 26px; 353 padding: 25px; 354} 355pre { 356 background: rgb( 245, 245, 245 ); /* #f5f5f5 */ 357 background: rgba( 245, 245, 245, 0.8 ); 358 border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 359 border: 1px solid rgba( 230, 230, 230, 0.8 ); 360 font-family: "Courier 10 Pitch", Courier, monospace; 361 font-size: 13px; 362 font-size: 1.3rem; 363 margin-bottom: 26px; 364 padding: 25px; 365 overflow: auto; 366 max-width: 100%; 367 white-space: pre; 368} 369code, 370kbd, 371tt, 372var { 373 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 374 font-size: 13px; 375 font-size: 1.3rem; 376} 377mark, 378ins { 379 background: rgb( 245, 245, 245 ); /* #f5f5f5 */ 380 background: rgba( 245, 245, 245, 0.8 ); 381 text-decoration: none; 382} 383sup, 384sub { 385 font-size: 11px; 386 font-size: 1.1rem; 387 height: 0; 388 line-height: 0; 389 position: relative; 390 vertical-align: baseline; 391} 392sup { 393 bottom: 9px; 394} 395sub { 396 top: 3px; 397} 398small { 399 font-size: 75%; 400} 401big { 402 font-size: 125%; 403} 404hr { 405 background: rgb( 230, 230, 230 ); /* #e6e6e6 */ 406 background: rgba( 230, 230, 230, 0.8 ); 407 border: none; 408 color: rgb( 230, 230, 230 ); /* #e6e6e6 */ 409 color: rgba( 230, 230, 230, 0.8 ); 410 clear: both; 411 float: none; 412 margin: 0 0 25px; 413 width: 100%; 414 height: 1px; 415} 416 417 418/* =Lists 419-------------------------------------------------------------- */ 420 421dl { 422 margin: 0 0 26px; 423} 424dt { 425 font-weight: 700; 426} 427dd { 428 margin: 0 0 0 26px; 429} 430ul, 431ol { 432 margin: 0 26px 26px 0; 433 padding-left: 26px; 434} 435li > ul, 436li > ol { 437 margin: 0; 438} 439ul, 440ul ul ul ul { 441 list-style: disc; 442} 443ul ul { 444 list-style: circle; 445} 446ul ul ul { 447 list-style: square; 448} 449ol, 450ol ol ol ol { 451 list-style: decimal; 452} 453ol ol { 454 list-style: upper-alpha; 455} 456ol ol ol { 457 list-style: lower-roman; 458} 459 460 461/* =Tables 462-------------------------------------------------------------- */ 463 464table { 465 /** 466 * See http://www.the-art-of-web.com/css/bordercollapse/ and http://www.the-art-of-web.com/css/bordercollapse/1/ 467 * for an illustration of border-collapse: separate; and border-collapse: collapse; 468 */ 469 border-collapse: separate; 470 border-spacing: 0; 471 margin-bottom: 26px; 472 table-layout: fixed; 473 max-width: 100%; 474 width: 100%; 475} 476tfoot { 477 font-size: 14px; 478 font-size: 1.4rem; 479} 480th, 481td, 482caption { 483 padding: 0 26px; 484} 485th { 486 background: rgb( 240, 240, 240 ); /* #f0f0f0 */ 487 background: rgba( 240, 240, 240, 0.8 ); 488 border-bottom: 1px solid rgb( 220, 220, 220 ); /* d7d7d7 */ 489 border-bottom: 1px solid rgba( 220, 220, 220, 0.8 ); 490 font-size: 16px; 491 font-size: 1.6rem; 492 line-height: 51px; 493 text-align: left; 494} 495tr:hover { 496 background: rgb( 245, 245, 245 ); /* #f5f5f5 */ 497 background: rgba( 245, 245, 245, 0.8 ); 498} 499td { 500 border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 501 border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); 502 line-height: 51px; 503 word-wrap: break-word; 504} 505 506 507/* =Forms and Inputs 508-------------------------------------------------------------- */ 509 510form { 511 float: left; 512 margin: 0 0 26px; 513 width: 100%; 514} 515button, 516input, 517select, 518textarea { 519 border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 520 border: 1px solid rgba( 230, 230, 230, 1 ); 521} 522button, 523input[ type="button" ], 524input[ type="reset" ], 525input[ type="submit" ] { 526 -webkit-appearance: button; /* Display element using platform-native styling. See http://css-tricks.com/almanac/properties/a/appearance/ */ 527 background-color: rgb( 247, 247, 247 ); /* #f7f7f7 */ 528 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 247, 247, 247, 0.8 ) ), to( rgba( 215, 215, 215, 0.8 ) ) ); 529 background-image: -webkit-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); 530 background-image: -moz-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); 531 background-image: -ms-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); 532 background-image: -o-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); 533 background-image: linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); 534 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f7f7f7', endColorstr='#d7d7d7' ); 535 border-color: rgb( 231, 231, 231 ) rgb( 215, 215, 215 ) rgb( 231, 231, 231 ) rgb( 215, 215, 215 ); 536 border-color: rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 ); 537 -webkit-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); 538 -moz-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); 539 -ms-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); 540 -o-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); 541 box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); 542 cursor: pointer; 543 font-size: 14px; 544 font-size: 1.4rem; 545 margin: 1%; 546 padding: 1% 2%; 547} 548button:hover, 549input[ type="button" ]:hover, 550input[ type="reset" ]:hover, 551input[ type="submit" ]:hover { 552 background-color: rgb( 231, 231, 231); /* e7e7e7 */ 553 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 231, 231, 231, 0.8 ) ), to( rgba( 199, 199, 199, 0.8 ) ) ); 554 background-image: -webkit-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); 555 background-image: -moz-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); 556 background-image: -ms-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); 557 background-image: -o-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); 558 background-image: linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); 559 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#e7e7e7', endColorstr='#c7c7c7' ); 560 border-color: rgb( 215, 215, 215 ) rgb( 199, 199, 199 ) rgb( 215, 215, 215 ) rgb( 199, 199, 199 ); 561 border-color: rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 ); 562 -webkit-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); 563 -moz-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); 564 -ms-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); 565 -o-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); 566 box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); 567} 568button:active, 569button:focus, 570input[ type="reset" ]:active, 571input[ type="reset" ]:focus, 572input[ type="button" ]:active, 573input[ type="button" ]:focus, 574input[ type="submit" ]:active, 575input[ type="submit" ]:focus { 576 background-color: rgb( 215, 215, 215 ); /* #d7d7d7 */ 577 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 215, 215, 215, 0.8 ) ), to( rgba( 183, 183, 183, 0.8 ) ) ); 578 background-image: -webkit-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); 579 background-image: -moz-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); 580 background-image: -ms-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); 581 background-image: -o-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); 582 background-image: linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); 583 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#d7d7d7', endColorstr='#b7b7b7' ); 584 border-color: rgb( 199, 199, 199 ) rgb( 183, 183, 183 ) rgb( 199, 199, 199 ) rgb( 183, 183, 183 ); 585 border-color: rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 ); 586 -webkit-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); 587 -moz-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); 588 -ms-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); 589 -o-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); 590 box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); 591} 592input[ type="text" ], 593input[ type="password" ] { 594 margin-right: 2%; 595 max-width: 55%; 596 padding: 1%; 597} 598select { 599 max-width: 100%; 600} 601textarea { 602 overflow: auto; /* Remove default scrollbars in Internet Explorer. */ 603 padding: 2%; 604 width: 96%; 605} 606input[ type="text" ]:focus, 607input[ type="password" ]:focus, 608textarea:focus { 609 border: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */ 610} 611.comment-form-comment { /* WordPress Comment Form. */ 612 margin-bottom: 13px; 613} 614.form-allowed-tags { /* Allowed HTML tags in WordPress Comment Form. */ 615 font-size: 14px; 616 font-size: 1.4rem; 617 margin-bottom: 13px; 618 padding: 1%; 619} 620.form-allowed-tags code { 621 font-size: 12px; 622 font-size: 1.2rem; 623} 624 625 626/* =Embeds 627-------------------------------------------------------------- */ 628 629embed, 630iframe, 631object { /* Make sure all embeds fit their containers. */ 632 display: block; 633 margin: 0 0 26px; 634 max-width: 100%; 635} 636 637 638/* =Images 639-------------------------------------------------------------- */ 640 641img { 642 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 643 max-width: 100%; /* Prevent images from overflowing their boundaries. */ 644} 645#ie8 img { 646 width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8. */ 647} 648.aligncenter, 649.alignleft, 650.alignright, 651.alignnone { 652 display: block; 653} 654.aligncenter { /* Center-aligned images with no captions. */ 655 margin: 26px auto; 656} 657.alignleft { /* Left-aligned images with no captions. */ 658 float: left; 659 margin: 26px 26px 26px 0; 660} 661.alignright { /* Right-aligned images with no captions. */ 662 float: right; 663 margin: 26px 0 26px 26px; 664} 665.alignnone { /* Images with no alignments and no captions. */ 666 display: inline; 667 margin: 0 0 -7px 0; 668} 669div.alignnone { /* Captions with no alignment. */ 670 display: block; 671} 672.wp-caption { /* WordPress Captions. */ 673 border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 674 border: 1px solid rgba( 230, 230, 230, 0.8 ); 675 max-width: 96%; /* Prevent captions from overflowing into sidebars and other adjacent content. */ 676 margin-bottom: 26px; /* Value should match line-height. */ 677 padding: 13px 8px 3px; /* WordPress automatically adds 5 pixels of padding on the right and left sides of captions, add balance. */ 678} 679.wp-caption img { 680 display: block; 681 margin: 0 auto 3px auto; 682} 683.wp-caption-text { /* This text is contained within the caption. */ 684 font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; 685 font-size: 14px; 686 font-size: 1.4rem; 687 font-style: italic; 688 margin: 0; 689 padding: 2px 0 3px 0; 690 text-align: center; 691} 692 693 694/* =Responsive Galleries 695-------------------------------------------------------------- */ 696 697#content .gallery-item img { 698 border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 699 border: 1px solid rgba( 230, 230, 230, 0.8 ); 700 padding: 2%; 701 max-width: 90%; 702} 703.gallery-item { /* By default gallery items are set to text-align: center; */ 704 margin: 0 0 19px !important; 705} 706.gallery-item a { 707 display: block; 708 width: 100%; 709} 710.gallery-caption { 711 font-size: 14px; 712 font-size: 1.4rem; 713 margin: 0 auto !important; 714 max-width: 90%; 715 padding: 0; 716} 717.gallery-columns-1 img { /* Single column gallery images. */ 718 padding: 1%; 719 max-width: 96%; 720} 721.gallery-columns-1 .gallery-caption { /* Single column gallery captions. */ 722 max-width: 97%; 723} 724 725 726/* =Page Structure 727-------------------------------------------------------------- */ 728 729#page { 730 padding: 2%; 731 width: 96%; 732} 733#page-liner:before, 734#page-liner:after, 735#main:before, 736#main:after, 737#colophon:before, 738#colophon:after, 739.entry-content:before, 740.entry-content:after { 741 /** 742 * Micro clearfix hack for Main Structure. 743 * See: http://nicolasgallagher.com/micro-clearfix-hack/ 744 */ 745 content: ''; 746 display: table; 747} 748#page-liner:after, 749#main:after, 750#colophon:after, 751.entry-content:after { 752 clear: both; 753} 754#page-liner { 755 background: rgb( 255, 255, 255 ); /* #fff */ 756 background: rgba( 255, 255, 255, 1 ); 757 border-bottom: 3px solid rgb( 235, 235, 235 ); /* #ebebeb */ 758 border-bottom: 3px solid rgba( 235, 235, 235, 1 ); 759 -webkit-border-radius: 3px 3px 0 0; 760 border-radius: 3px 3px 0 0; 761 margin: 0 auto; 762 min-width: 320px; 763 max-width: 1280px; 764 zoom: 1; 765} 766#main { 767 clear: both; 768 padding: 0 26px; 769 zoom: 1; 770} 771#primary, 772#secondary, 773#tertiary { 774 float: left; 775 margin-right: 2%; 776 /** 777 * Word wrapping and hyphenation using CSS 778 * See http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ 779 * @todo Resolve IE8 and FF15 browser bugs with commented out text break rules 780 */ 781 /* -ms-word-break: break-all; word-break declaration is prefixed in IE8 */ 782 /* word-break: break-all; specifies line break opportunities within words. */ 783 /* word-break: break-word; non-standard for WebKit */ 784 /* -webkit-hyphens: auto; add support for hyphenation in WebKit */ 785 /* -moz-hyphens: auto; add support for hyphenation in Firefox */ 786 /* hyphens: auto; split words when line-wrapping */ 787 word-wrap: break-word; /* Force long, unbroken text to wrap to a new line; useful for long URLs and super-long text within small containers. */ 788} 789#primary { 790 width: 50%; 791} 792#content { 793 float: left; 794 width: 100%; 795} 796.one-column #primary { /* No widgets are currently active. */ 797 width: 100%; 798} 799.left-sidebar #primary { /* Left sidebar widget area currently active. */ 800 margin: 0 0 0 25%; 801} 802.three-columns #primary { /* both left sidebar widget and right sidebar widget are currently active. */ 803 margin: 0 2% 0 25%; 804} 805.right-sidebar #primary, 806.left-sidebar #primary { /* Only one sidebar widget area is active. */ 807 width: 75%; 808} 809.page-template-full-width-page-php #primary { /* Full-width page template in use. */ 810 margin: 0; 811 width: 100%; 812} 813#secondary { /* Left sidebar */ 814 width: 23%; 815} 816.left-sidebar #secondary { 817 margin: 0 0 0 -100%; 818} 819.three-columns #secondary { 820 margin: 0 0 0 -77%; 821} 822#tertiary { /* Right sidebar */ 823 margin-right: 0; 824 width: 23%; 825} 826#colophon { /* Footer */ 827 clear: both; 828} 829#primary.image-attachment { 830 margin: 0; 831 width: 100%; 832} 833 834 835/* =Header 836-------------------------------------------------------------- */ 837 838#site-introduction { 839 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 840 -moz-box-sizing: border-box; /* Firefox, other Gecko */ 841 box-sizing: border-box; /* Opera/IE 8+ */ 842 padding: 13px 52px; 843 width: 100%; 844} 845#masthead { 846 float: left; 847 margin: 0 0 26px; 848 width: 100%; 849} 850#headimg { 851 clear: both; 852} 853#headimg img { 854 -webkit-border-radius: 3px 3px 0 0; 855 border-radius: 3px 3px 0 0; 856 -webkit-box-shadow: 0 0 10px 0 rgba( 0, 0, 0, .2 ); /* #000 */ 857 box-shadow: 0 0 10px 0 rgba( 0, 0, 0, .2 ); 858 display: block; 859 margin: 0 auto; 860 width: 100%; 861} 862.site-title, 863.site-description { 864 font-weight: 700; 865 margin-right: auto; 866 margin-left: auto; 867 min-width: 320px; 868 max-width: 1280px; 869 870} 871.site-title { 872 margin-bottom: 0; 873} 874.site-description { 875 font-size: 16px; 876 font-size: 1.6rem; 877 font-style: italic; 878 font-weight: 300; 879 line-height: 26px; 880} 881 882 883/* =Site Navigation 884-------------------------------------------------------------- */ 885 886.site-navigation { 887 clear: both; 888 float: left; 889 font-size: 14px; 890 font-size: 1.4rem; 891 margin: 0 0 26px 0; 892 width: 100%; 893} 894.site-navigation a { 895 color: rgb( 50, 50, 50 ); /* #323232 */ 896 color: rgba( 50, 50, 50, 1 ); 897} 898.nav-previous, 899.nav-next { 900 float: left; 901 width: 50%; 902} 903.nav-next { 904 float: right; 905 text-align: right; 906} 907#nav-below { 908 border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 909 border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); 910 padding-bottom: 25px; 911} 912 913 914/* =Navigation Menu 915-------------------------------------------------------------- */ 916 917.main-navigation, 918.menu-toggle { /* Small menu */ 919 background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */ 920 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) ); 921 background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 922 background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 923 background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 924 background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 925 background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 926 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' ); 927 -webkit-border-radius: 3px 3px 0 0; 928 border-radius: 3px 3px 0 0; 929 /* box-shadow values: #e6e6e6, #fafafa, #c8c8c8, #000 */ 930 -webkit-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); 931 -moz-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); 932 -ms-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); 933 -o-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); 934 box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); 935 float: left; 936 font-size: 13px; 937 font-size: 1.3rem; 938 margin: 0; 939} 940.main-navigation ul, 941.main-small-navigation ul { 942 list-style: none; 943 margin: 0; 944 padding: 0 26px; 945} 946.main-navigation li { 947 float: left; 948 position: relative; 949} 950.main-navigation li li { 951 width: 180px; 952} 953.main-navigation a { 954 display: block; 955 padding: 6px 13px 7px; 956 text-decoration: none; 957 word-wrap: break-word; 958} 959.main-navigation ul ul { 960 background: rgb( 255, 255, 255 ); /* #fff */ 961 background: rgba( 255, 255, 255, .95 ); 962 -webkit-box-shadow: 2px 2px 0 0 rgba( 0, 0, 0, .1 ); /* #000 */ 963 box-shadow: 2px 2px 0 0 rgba( 0, 0, 0, .1 ); 964 display: none; 965 float: left; 966 padding: 0; 967 position: absolute; 968 top: 39px; 969 width: 180px; 970 z-index: 99999; 971} 972.main-navigation ul ul ul { 973 top: 0; 974 left: 180px; 975} 976.main-navigation ul li:hover > ul { 977 display: block; 978} 979.main-navigation a:focus, 980.main-navigation li:hover > a, 981.main-navigation .current-menu-item > a, 982.main-navigation .current-menu-ancestor > a, 983.main-navigation .current_page_item > a, 984.main-navigation .current_page_ancestor > a { 985 background-color: rgb( 215, 215, 215 ); /* #d7d7d7 */ 986 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 215, 215, 215, 0.8 ) ), to( rgba( 180, 180, 180, 0.8 ) ) ); 987 background-image: -webkit-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); 988 background-image: -moz-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); 989 background-image: -ms-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); 990 background-image: -o-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); 991 background-image: linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); 992 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#d7d7d7', endColorstr='#b4b4b4' ); 993 /* box-shadow values: #c8c8c8, #f0f0f0, #a5a5a5, #000 */ 994 -webkit-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); 995 -moz-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); 996 -ms-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); 997 -o-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); 998 box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); 999} 1000.main-navigation li li:hover > a, 1001.main-navigation li li a:hover { 1002 background: rgb( 215, 215, 215 ); /* #d7d7d7 */ 1003 background: rgba( 215, 215, 215, 0.9 ); 1004 box-shadow: none; 1005 color: rgb( 13, 61, 155 ); /* #0d3d9b */ 1006 color: rgba( 13, 61, 155, 1 ); 1007} 1008.main-navigation li .current-menu-item > a, 1009.main-navigation li .current-menu-ancestor > a, 1010.main-navigation li .current_page_item > a, 1011.main-navigation li .current_page_ancestor > a { 1012 background: rgb( 230, 230, 230 ); /* #e6e6e6 */ 1013 background: rgba( 230, 230, 230, 0.9 ); 1014 box-shadow: none; 1015 color: rgb( 13, 61, 155 ); /* #0d3d9b */ 1016 color: rgba( 13, 61, 155, 1 ); 1017} 1018h1.menu-toggle { 1019 cursor: pointer; 1020 float: none; 1021 line-height: 26px; 1022 padding: 13px 0; 1023 text-align: center; 1024} 1025.main-small-navigation { 1026 margin-bottom: 0; 1027} 1028.main-small-navigation .menu { 1029 display: none; 1030 font-size: 12px; 1031 font-size: 1.2rem; 1032} 1033.main-small-navigation ul, 1034.main-small-navigation ul ul { 1035 padding: 0; 1036} 1037.main-small-navigation li a { 1038 background: rgb( 220, 220, 220 ); 1039 background: rgba( 220, 220, 220, .8 ); 1040 /* box-shadow values: #c8c8c8, #f0f0f0, #a5a5a5, #000 */ 1041 -webkit-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); 1042 -moz-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); 1043 -ms-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); 1044 -o-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); 1045 box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); 1046 display: block; 1047 padding: 13px 26px; 1048} 1049.main-small-navigation li li { 1050 margin: 0 13px; 1051} 1052.main-small-navigation li li a { 1053 background: rgb( 240, 240, 240 ); 1054 background: rgba( 240, 240, 240, .8 ); 1055 padding: 13px; 1056} 1057.main-small-navigation li li li { 1058 margin: 0 0 0 26px; 1059} 1060.main-small-navigation li li li a { 1061 background: rgb( 253, 253, 253 ); 1062 background: rgba( 253, 253, 253, .8 ); 1063} 1064 1065 1066/* =Entries 1067-------------------------------------------------------------- */ 1068 1069.hentry { 1070 border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 1071 border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); 1072 /* box-shadow values: #c8c8c8, #000 */ 1073 -webkit-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); 1074 -moz-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); 1075 -ms-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); 1076 -o-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); 1077 box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); 1078 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 1079 -moz-box-sizing: border-box; /* Firefox, other Gecko */ 1080 box-sizing: border-box; /* Opera/IE 8+ */ 1081 clear: both; 1082 float: left; 1083 margin: 0 0 25px; 1084 padding: 26px 26px 13px; 1085 position: relative; 1086 width: 100%; 1087} 1088.entry-title { 1089 font-size: 36px; /* like a default h2 */ 1090 font-size: 3.6rem; 1091 margin-bottom: 0; 1092} 1093.logged-in .entry-title { 1094 width: 93%; 1095} 1096.page .entry-title, 1097.error404 .entry-title, 1098.search-no-results .entry-title { 1099 margin-bottom: 26px; 1100} 1101.entry-meta { 1102 font-size: 12px; 1103 font-size: 1.2rem; 1104 margin-bottom: 26px; 1105} 1106.page-links, 1107.more-link { 1108 clear: both; 1109 font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; 1110 font-size: 14px; 1111 font-size: 1.4rem; 1112 margin: 0 0 26px; 1113} 1114.page-links a, 1115.more-link { 1116 background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */ 1117 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) ); 1118 background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1119 background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1120 background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1121 background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1122 background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1123 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' ); 1124 -webkit-border-radius: 3px; 1125 border-radius: 3px; 1126 border: 1px solid rgb( 220, 220, 220 ); /* #dcdcdc */ 1127 border: 1px solid rgba( 220, 220, 220, 0.8 ); 1128 color: rgb( 50, 50, 50 ); /* #323232 */ 1129 color: rgba( 50, 50, 50, 1 ); 1130 padding: 0 5px; 1131 text-decoration: none; 1132} 1133.page-links a:hover, 1134.page-links a:active, 1135.page-links a:focus { 1136 color: rgb( 13, 61, 155 ); /* #0d3d9b */ 1137 color: rgba( 13, 61, 155, 1 ); 1138} 1139.page-links a:active, 1140.page-links a:focus { 1141 background: rgb( 235, 235, 235 ); /* #ebebeb */ 1142 background: rgba( 50, 50, 50, .1 ); 1143} 1144.more-link { 1145 display: inline-block; 1146} 1147.more-link:hover { 1148 text-decoration: none; 1149} 1150.post-edit-link { 1151 background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */ 1152 background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) ); 1153 background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1154 background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1155 background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1156 background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1157 background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); 1158 filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' ); 1159 color: rgb( 50, 50, 50 ); /* #323232 */ 1160 color: rgba( 50, 50, 50, 1 ); 1161 -webkit-border-radius: 3px; 1162 border-radius: 3px; 1163 border: 1px solid rgb( 220, 220, 220, 1 ); /* #dcdcdc */ 1164 border: 1px solid rgba( 220, 220, 220, 0.8 ); 1165 display: inline-block; 1166 font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; 1167 font-size: 13px; 1168 font-size: 1.3rem; 1169 padding: 0 5px; 1170 position: absolute; 1171 top: 39px; 1172 right: 26px; 1173 text-decoration: none; 1174} 1175.post-edit-link:hover { 1176 text-decoration: none; 1177} 1178#nav-above + .hentry .edit-link { 1179 top: 39px; 1180} 1181.entry-attachment img { 1182 display: block; 1183 margin: 0 auto 26px; 1184} 1185.entry-attachment { 1186 clear: both; 1187 float: left; 1188 width: 100%; 1189} 1190 1191 1192/* =Sticky Posts 1193-------------------------------------------------------------- */ 1194 1195.sticky { 1196 background: rgb( 254, 254, 254 ); /* #fefefe */ 1197 background: rgba( 254, 254, 254, 0.8 ); 1198 /* box-shadow values: #c8c8c8, #000 */ 1199 -webkit-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); 1200 -moz-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); 1201 -ms-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); 1202 -o-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); 1203 box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); 1204} 1205 1206 1207/* =Comments TODO 1208-------------------------------------------------------------- */ 1209 1210#comments { 1211 clear: both; 1212} 1213.commentlist, 1214.commentlist > ul, 1215.commentlist > ol, 1216.commentlist .children { 1217 list-style: none; 1218 margin: 0; 1219 padding: 0; 1220} 1221.commentlist { 1222 margin-bottom: 26px; 1223} 1224.commentlist .children { 1225 padding-left: 26px; 1226} 1227article.comment { 1228 border-bottom: 1px solid rgb( 231, 231, 231 ); 1229 border-bottom: 1px solid rgba( 231, 231, 231, 0.8 ); 1230 clear: both; 1231 margin-bottom: 12px; 1232 padding: 13px; 1233 position: relative; 1234} 1235.bypostauthor > article.comment { 1236 background: rgb( 240, 240, 240 ); /* #f0f0f0 */ 1237 background: rgba( 240, 240, 240, 0.8 ); 1238 border-bottom: 1px solid rgb( 215, 215, 215 ); 1239 border-bottom: 1px solid rgba( 215, 215, 215, 0.8 ); 1240} 1241.comment footer { 1242 font-size: 14px; 1243 font-size: 1.4rem; 1244 margin-bottom: 26px; 1245} 1246.commentlist .avatar { 1247 display: block; 1248 float: left; 1249 margin-right: 13px; 1250} 1251.comment footer cite { 1252 font-style: normal; 1253} 1254.comment-content, 1255.reply { 1256 padding-left: 65px; 1257} 1258.reply { 1259 font-size: 14px; 1260 font-size: 1.4rem; 1261 margin: 0 0 13px; 1262} 1263#respond { 1264 clear: both; 1265 float: left; 1266 width: 100%; 1267} 1268#comments #respond form { 1269 width: 100% !important; 1270} 1271#commentform label { 1272 font-size: 14px; 1273 font-size: 1.4rem; 1274 font-weight: 700; 1275} 1276#commentform input[ type="text" ] { 1277 display: block; 1278} 1279#commentform .required { 1280 color: rgb( 255, 0, 0 ); /* #ff0000 */ 1281} 1282.comments-title, 1283#reply-title { 1284 font-size: 22px; /* Like a default h3. */ 1285 font-size: 2.2rem; 1286 line-height: 26px; 1287} 1288 1289 1290/* =Archives 1291-------------------------------------------------------------- */ 1292 1293.page-header { 1294 border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ 1295 border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); 1296 margin-bottom: 25px; 1297} 1298.page-title { 1299 font-size: 22px; /* Like a default h4. */ 1300 font-size: 2.2rem; 1301 line-height: 26px; 1302} 1303 1304 1305/* =Search 1306-------------------------------------------------------------- */ 1307 1308.search-results .page .sep { 1309 display: none; 1310} 1311 1312 1313/* =Sidebars 1314-------------------------------------------------------------- */ 1315 1316#secondary, 1317#tertiary { 1318 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 1319 -moz-box-sizing: border-box; /* Firefox, other Gecko */ 1320 box-sizing: border-box; /* Opera/IE 8+ */ 1321 padding: 26px; 1322} 1323 1324 1325/* =Widgets 1326-------------------------------------------------------------- */ 1327 1328.widget-area { 1329 font-size: 14px; 1330 font-size: 1.4rem; 1331} 1332.widget-area img { 1333 -webkit-border-radius: 3px; 1334 border-radius: 3px; 1335 box-shadow: 0 0 5px 1px #f1f1f1; 1336 box-shadow: 0 0 5px 1px rgba( 0, 0, 0, .1 ); 1337} 1338.widget-area .wp-smiley, 1339.widget-area .wp-caption img { 1340 -webkit-border-radius: 0; 1341 border-radius: 0; 1342 box-shadow: none; 1343} 1344.widget-area ul { 1345 list-style: none; 1346 margin: 0; 1347 padding: 0; 1348} 1349.widget-area ul ul { 1350 padding-left: 26px; 1351} 1352.widget-area tfoot { 1353 font-size: 12px; 1354 font-size: 1.2rem; 1355} 1356.widget-area th, 1357.widget-area td, 1358.widget-area caption { 1359 padding: 0; 1360} 1361.widget-area th, 1362.widget-area td { 1363 text-align: center; 1364} 1365.widget-area th { 1366 font-size: 14px; 1367 font-size: 1.4rem; 1368} 1369.widget-area tfoot td { 1370 text-align: left; 1371} 1372.widget-area tfoot tr:hover { 1373 background: none; 1374} 1375.widget-area tfoot #next { 1376 text-align: right; 1377} 1378.widget-area caption { 1379 line-height: 52px; 1380} 1381.widget { 1382 margin: 0 0 39px; 1383 float: left; 1384 width: 100%; 1385} 1386.widget-title { 1387 font-size: 22px; /* like a default h4 */ 1388 font-size: 2.2rem; 1389 font-style: italic; 1390 line-height: 26px; 1391} 1392.widget_calendar .widget-title, 1393.widget_calendar table { 1394 margin-bottom: 0; 1395} 1396.widget_rss li { 1397 margin: 0 0 26px; 1398} 1399.widget_rss li:last-of-type, 1400.widget form { 1401 margin-bottom: 0; 1402} 1403.widget_recent_comments td, 1404td.recentcommentstexttop { 1405 border-bottom: 0; 1406 line-height: 1.5; 1407 padding-bottom: 5px !important; 1408 text-align: left; 1409 vertical-align: top; 1410} 1411 1412 1413/* =Footer 1414-------------------------------------------------------------- */ 1415 1416#colophon { 1417 font-size: 13px; 1418 font-size: 1.3rem; 1419 padding: 0 26px 26px; 1420 zoom: 1; 1421} 1422.footer-navigation { 1423 float: left; 1424 font-size: 13px; 1425 font-size: 1.3rem; 1426 margin: 0 0 13px; 1427 width: 100%; 1428} 1429.footer-navigation ul { 1430 list-style: none; 1431 margin: 0; 1432 padding: 0; 1433} 1434.footer-navigation li { 1435 float: left; 1436 position: relative; 1437} 1438.footer-navigation a { 1439 border-right: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */ 1440 border-right: 1px solid rgba( 200, 200, 200, .8 ); 1441 display: block; 1442 padding: 0 8px 0 6px; 1443} 1444.footer-navigation li:first-child a { 1445 padding: 0 8px 0 0; 1446} 1447.footer-navigation li:last-child a { 1448 border: none; 1449 padding: 0 0 0 6px; 1450} 1451.site-info { 1452 clear: both; 1453} 1454.site-info .sep { 1455 color: rgb( 200, 200, 200 ); /* #c8c8c8 */ 1456 color: rgba( 200, 200, 200, .8 ); 1457} 1458 1459 1460/* =WordPress.com Twitter Widget 1461-------------------------------------------------------------- */ 1462 1463.widget_twitter li { 1464 margin-bottom: 26px; 1465} 1466.widget_twitter .timesince { 1467 font-size: 12px; 1468 font-size: 1.2rem; 1469} 1470 1471 1472/* =WordPress.com Milestone Widget 1473-------------------------------------------------------------- */ 1474 1475.milestone-widget .milestone-header { 1476 background-color: rgb( 50, 50, 50 ); /* #323232 */ 1477} 1478.milestone-countdown { 1479 color: rgb( 50, 50, 50 ) !important; /* #323232 */ 1480} 1481 1482 1483/* =WordPress.com Widget Overrides 1484-------------------------------------------------------------- */ 1485 1486.widget_goodreads img { 1487 -webkit-border-radius: 0; 1488 border-radius: 0; 1489 box-shadow: none; 1490} 1491 1492 1493/* =WordPress.com Stats Smiley 1494-------------------------------------------------------------- */ 1495 1496#wpstats { 1497 display: block; 1498 margin: 0 auto 26px; 1499} 1500 1501 1502/* =WordPress.com Sharing 1503-------------------------------------------------------------- */ 1504 1505.sharedaddy { 1506 margin: 0 0 13px; 1507} 1508.sharedaddy .sharedaddy { 1509 margin: 0; 1510} 1511#content div.sharedaddy div.sd-block { 1512 border-color: rgb( 245, 245, 245 ); /* #f5f5f5 */ 1513 border-color: rgba( 245, 245, 245, 0.8 ); 1514 padding: 16px 0 5px !important; 1515} 1516#content div.sharedaddy div.wpl-likebox { 1517 padding-bottom: 12px !important; 1518} 1519div.sharedaddy .wpl-count { 1520 padding: 7px 0 0; 1521} 1522.wpl-count-number { 1523 line-height: 1; 1524} 1525div.sharedaddy ul.wpl-avatars { 1526 padding-bottom: 2px !important; 1527} 1528.entry-content div.sharedaddy .sd-content ul li.share-google-plus-1 { 1529 margin-top: 3px !important; 1530 margin-bottom: -1px !important; 1531} 1532 1533 1534/* =WordPress.com/Polldaddy Polls 1535-------------------------------------------------------------- */ 1536 1537.PDS_Poll { 1538 margin: 0 0 26px; 1539} 1540 1541 1542/* =WordPress.com Digg Button 1543-------------------------------------------------------------- */ 1544 1545.db-wrapper { 1546 margin: 0 10px 10px 0; 1547} 1548 1549 1550/* =WordPress.com Follow 1551-------------------------------------------------------------- */ 1552 1553#bit h3 { 1554 line-height: 26px; 1555} 1556#bit form { 1557 float: none; 1558 margin: 0; 1559} 1560 1561 1562/* =Jetpack Carousel 1563-------------------------------------------------------------- */ 1564 1565.jp-carousel-image-meta a.jp-carousel-image-download { 1566 display: inline; 1567} 1568 1569 1570/* =SyntaxHighlighter Styles 1571-------------------------------------------------------------- */ 1572 1573.syntaxhighlighter table { 1574 table-layout: auto; 1575} 1576.syntaxhighlighter .lines td { 1577 padding: 5px 0 6px !important; 1578} 1579 1580 1581/* =VideoPress Styles 1582-------------------------------------------------------------- */ 1583 1584.video-player { 1585 margin: 0 0 26px !important; 1586 padding: 0 !important; 1587} 1588 1589 1590/* =Tiled Galleries 1591-------------------------------------------------------------- */ 1592 1593div.tiled-gallery { 1594 margin: 0 0 26px; 1595} 1596 1597 1598/* =Infinite Scroll 1599-------------------------------------------------------------- */ 1600 1601/** 1602 * Globally hidden elements when IS is supported and in use. 1603 */ 1604.infinite-scroll #nav-above, /* Older / Newer Posts Navigation (always hidden). */ 1605.infinite-scroll #nav-below, 1606.infinite-scroll.neverending #colophon { /* Theme Footer (when set to scrolling). */ 1607 display: none; 1608} 1609 1610/** 1611 * When IS has reached its end we need to re-display elements that were hidden (via .neverending) before. 1612 */ 1613.infinity-end.neverending #colophon { 1614 display: block; 1615} 1616 1617/** 1618 * Global style tweaks when IS is supported and in use. 1619 */ 1620.infinite-scroll .infinite-wrap, /* Each IS loop content wrapper (multiple instances). */ 1621.infinite-scroll .infinite-loader, /* Each IS loading spinner (multiple instances). */ 1622.infinite-scroll #infinite-handle /* The Load more posts button. */ { 1623 clear: both; 1624} 1625.infinite-scroll .infinite-wrap { 1626 border-top: none; 1627 padding: 0; 1628} 1629.infinite-scroll #infinite-footer .container { /* IS border */ 1630 border-color: #e7e7e7; 1631} 1632 1633/** 1634 * Make sure that clicking Load more posts doesn't cause any jarringness. 1635 */ 1636.infinite-scroll #infinite-handle { 1637 float: left; 1638 height: 79px; 1639} 1640.infinite-scroll #infinite-handle span { 1641 display: block; 1642 margin: 13px 0; 1643} 1644.infinite-scroll .infinite-loader { 1645 margin: 0 0 51px; 1646} 1647