Created
December 7, 2011 23:55
-
-
Save paulirish/1445367 to your computer and use it in GitHub Desktop.
barackobama.com's css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "utf-8"; | |
| html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video | |
| { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } | |
| article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section | |
| { display: block } | |
| blockquote, q { quotes: none } | |
| blockquote:before, blockquote:after, q:before, q:after | |
| { content: ""; content: none; } | |
| ins { background-color: #ff9; color: #000; text-decoration: none; } | |
| mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } | |
| del { text-decoration: line-through } | |
| abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } | |
| table { border-collapse: collapse; border-spacing: 0; } | |
| hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } | |
| body { font: 13px/1.231 "Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif; *font-size: small; } | |
| pre, code, kbd, samp { font-family: monospace,sans-serif } | |
| html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } | |
| a:hover, a:active { outline: 0 } | |
| a, a:active, a:visited { color: #607890 } | |
| a:hover { color: #003366 } | |
| ul, ol { margin-left: 2em } | |
| ol { list-style-type: decimal } | |
| nav ul, nav li { margin: 0; list-style: none; list-style-image: none; } | |
| small { font-size: 85% } | |
| b, strong, th { font-weight: bold } | |
| td { vertical-align: top } | |
| sub, sup { font-size: 75%; line-height: 0; position: relative; } | |
| sup { top: -0.5em } | |
| sub { bottom: -0.25em } | |
| pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } | |
| .ie6 legend, .ie7 legend { margin-left: -7px } | |
| button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; } | |
| textarea { overflow: auto; vertical-align: text-top; } | |
| label, input[type="button"], input[type="submit"], input[type="image"], button | |
| { cursor: pointer } | |
| input::-moz-focus-inner, button::-moz-focus-inner | |
| { border: 0; padding: 0; } | |
| .ie7 img { -ms-interpolation-mode: bicubic } | |
| .wrap { padding: 0 10px; margin: 0 auto; clear: both; } | |
| .row { zoom: 1; overflow: hidden; } | |
| .oldie .wrap { width: 940px } | |
| .oldie .wrap .columns { width: 60px } | |
| .oldie .wrap .offset-one { padding-left: 80px } | |
| .oldie .wrap .columns.two { width: 140px } | |
| .oldie .wrap .offset-two { padding-left: 160px } | |
| .oldie .wrap .columns.one-fourth, .oldie .wrap .columns.three | |
| { width: 220px } | |
| .oldie .wrap .offset-one-fourth, .oldie .wrap .offset-three | |
| { padding-left: 240px } | |
| .oldie .wrap .columns.one-third, .oldie .wrap .columns.four | |
| { width: 300px } | |
| .oldie .wrap .offset-one-third, .oldie .wrap .offset-four | |
| { padding-left: 320px } | |
| .oldie .wrap .columns.five { width: 380px } | |
| .oldie .wrap .offset-five { padding-left: 400px } | |
| .oldie .wrap .columns.one-half, .oldie .wrap .columns.six | |
| { width: 460px } | |
| .oldie .wrap .offset-one-half, .oldie .wrap .offset-six | |
| { padding-left: 480px } | |
| .oldie .wrap .columns.seven { width: 540px } | |
| .oldie .wrap .offset-seven { padding-left: 560px } | |
| .oldie .wrap .columns.two-thirds, .oldie .wrap .columns.eight | |
| { width: 620px } | |
| .oldie .wrap .offset-two-thirds, .oldie .wrap .offset-eight | |
| { padding-left: 640px } | |
| .oldie .wrap .columns.three-fourths, .oldie .wrap .columns.nine | |
| { width: 700px } | |
| .oldie .wrap .offset-three-fourths, .oldie .wrap .offset-nine | |
| { padding-left: 720px } | |
| .oldie .wrap .columns.ten { width: 780px } | |
| .oldie .wrap .offset-ten { padding-left: 800px } | |
| .oldie .wrap .columns.eleven { width: 860px } | |
| .oldie .wrap .offset-eleven { padding-left: 880px } | |
| .oldie .wrap .columns.twelve { width: 940px } | |
| .oldie .wrap .columns.one-fifth { width: 172px } | |
| .oldie .wrap .offset-one-fifth { padding-left: 192px } | |
| .oldie .wrap .columns.two-fifths { width: 364px } | |
| .oldie .wrap .offset-two-fifths { padding-left: 384px } | |
| .oldie .wrap .columns.three-fifths { width: 556px } | |
| .oldie .wrap .offset-three-fifths { padding-left: 576px } | |
| .oldie .wrap .columns.four-fifths { width: 748px } | |
| .oldie .wrap .offset-four-fifths { padding-left: 768px } | |
| .oldie .wrap .columns.five-fifths { width: 940px } | |
| .oldie .wrap .offset-five-fifths { padding-left: 960px } | |
| .oldie .wrap .columns { float: left; margin-left: 20px; } | |
| .oldie .wrap .columns:first-child, .oldie .wrap .columns.first | |
| { margin-left: 0 } | |
| @media screen and (min-width:320px) { | |
| .wrap { width: 300px } | |
| } | |
| @media screen and (min-width:480px) { | |
| .wrap { width: 460px } | |
| } | |
| @media screen and (min-width:768px) { | |
| .wrap { width: 748px } | |
| .wrap .columns { width: 44px; float: left; margin-left: 20px; } | |
| .wrap .offset-one { padding-left: 64px } | |
| .wrap .columns:first-child, .wrap .columns.first | |
| { margin-left: 0 } | |
| .wrap .columns.two { width: 108px } | |
| .wrap .offset-two { padding-left: 128px } | |
| .wrap .columns.one-fourth, .wrap .columns.three | |
| { width: 172px } | |
| .wrap .offset-one-fourth, .wrap .offset-three | |
| { padding-left: 192px } | |
| .wrap .columns.one-third, .wrap .columns.four | |
| { width: 236px } | |
| .wrap .offset-one-third, .wrap .offset-four | |
| { padding-left: 256px } | |
| .wrap .columns.five { width: 300px } | |
| .wrap .offset-five { padding-left: 320px } | |
| .wrap .columns.one-half, .wrap .columns.six | |
| { width: 364px } | |
| .wrap .offset-one-half, .wrap .offset-six | |
| { padding-left: 384px } | |
| .wrap .columns.seven { width: 428px } | |
| .wrap .offset-seven { padding-left: 448px } | |
| .wrap .columns.two-thirds, .wrap .columns.eight | |
| { width: 492px } | |
| .wrap .offset-two-thirds, .wrap .offset-eight | |
| { padding-left: 512px } | |
| .wrap .columns.three-fourths, .wrap .columns.nine | |
| { width: 556px } | |
| .wrap .offset-three-fourths, .wrap .offset-nine | |
| { padding-left: 576px } | |
| .wrap .columns.ten { width: 620px } | |
| .wrap .offset-ten { padding-left: 640px } | |
| .wrap .columns.eleven { width: 684px } | |
| .wrap .offset-eleven { padding-left: 704px } | |
| .wrap .columns.twelve { width: 748px } | |
| .wrap .columns.one-fifth { width: 133px } | |
| .wrap .offset-one-fifth { padding-left: 153px } | |
| .wrap .columns.two-fifths { width: 286px } | |
| .wrap .offset-two-fifths { padding-left: 306px } | |
| .wrap .columns.three-fifths { width: 439px } | |
| .wrap .offset-three-fifths { padding-left: 459px } | |
| .wrap .columns.four-fifths { width: 592px } | |
| .wrap .offset-four-fifths { padding-left: 612px } | |
| .wrap .columns.five-fifths { width: 745px } | |
| .wrap .offset-five-fifths { padding-left: 765px } | |
| } | |
| @media screen and (min-width:960px) { | |
| .wrap { width: 940px } | |
| .wrap .columns { width: 60px } | |
| .wrap .offset-one { padding-left: 80px } | |
| .wrap .columns.two { width: 140px } | |
| .wrap .offset-two { padding-left: 160px } | |
| .wrap .columns.one-fourth, .wrap .columns.three | |
| { width: 220px } | |
| .wrap .offset-one-fourth, .wrap .offset-three | |
| { padding-left: 240px } | |
| .wrap .columns.one-third, .wrap .columns.four | |
| { width: 300px } | |
| .wrap .offset-one-third, .wrap .offset-four | |
| { padding-left: 320px } | |
| .wrap .columns.five { width: 380px } | |
| .wrap .offset-five { padding-left: 400px } | |
| .wrap .columns.one-half, .wrap .columns.six | |
| { width: 460px } | |
| .wrap .offset-one-half, .wrap .offset-six | |
| { padding-left: 480px } | |
| .wrap .columns.seven { width: 540px } | |
| .wrap .offset-seven { padding-left: 560px } | |
| .wrap .columns.two-thirds, .wrap .columns.eight | |
| { width: 620px } | |
| .wrap .offset-two-thirds, .wrap .offset-eight | |
| { padding-left: 640px } | |
| .wrap .columns.three-fourths, .wrap .columns.nine | |
| { width: 700px } | |
| .wrap .offset-three-fourths, .wrap .offset-nine | |
| { padding-left: 720px } | |
| .wrap .columns.ten { width: 780px } | |
| .wrap .offset-ten { padding-left: 800px } | |
| .wrap .columns.eleven { width: 860px } | |
| .wrap .offset-eleven { padding-left: 880px } | |
| .wrap .columns.twelve { width: 940px } | |
| .wrap .columns.one-fifth { width: 172px } | |
| .wrap .offset-one-fifth { padding-left: 192px } | |
| .wrap .columns.two-fifths { width: 364px } | |
| .wrap .offset-two-fifths { padding-left: 384px } | |
| .wrap .columns.three-fifths { width: 556px } | |
| .wrap .offset-three-fifths { padding-left: 576px } | |
| .wrap .columns.four-fifths { width: 748px } | |
| .wrap .offset-four-fifths { padding-left: 768px } | |
| .wrap .columns.five-fifths { width: 940px } | |
| .wrap .offset-five-fifths { padding-left: 960px } | |
| } | |
| @media screen and (min-width:1200px) { | |
| .wrap.hd, .wrap.large { width: 1180px } | |
| .wrap.hd .columns, .wrap.large .columns { width: 80px } | |
| .wrap.hd .offset-one, .wrap.large .offset-one | |
| { padding-left: 100px } | |
| .wrap.hd .columns.two, .wrap.large .columns.two | |
| { width: 180px } | |
| .wrap.hd .offset-two, .wrap.large .offset-two | |
| { padding-left: 200px } | |
| .wrap.hd .columns.one-fourth, .wrap.large .columns.one-fourth, .wrap.hd .columns.three, .wrap.large .columns.three | |
| { width: 280px } | |
| .wrap.hd .offset-one-fourth, .wrap.large .offset-one-fourth, .wrap.hd .offset-three, .wrap.large .offset-three | |
| { padding-left: 300px } | |
| .wrap.hd .columns.one-third, .wrap.large .columns.one-third, .wrap.hd .columns.four, .wrap.large .columns.four | |
| { width: 380px } | |
| .wrap.hd .offset-one-third, .wrap.large .offset-one-third, .wrap.hd .offset-four, .wrap.large .offset-four | |
| { padding-left: 400px } | |
| .wrap.hd .columns.five, .wrap.large .columns.five | |
| { width: 480px } | |
| .wrap.hd .offset-five, .wrap.large .offset-five | |
| { padding-left: 500px } | |
| .wrap.hd .columns.one-half, .wrap.large .columns.one-half, .wrap.hd .columns.six, .wrap.large .columns.six | |
| { width: 580px } | |
| .wrap.hd .offset-one-half, .wrap.large .offset-one-half, .wrap.hd .offset-six, .wrap.large .offset-six | |
| { padding-left: 600px } | |
| .wrap.hd .columns.seven, .wrap.large .columns.seven | |
| { width: 680px } | |
| .wrap.hd .offset-seven, .wrap.large .offset-seven | |
| { padding-left: 700px } | |
| .wrap.hd .columns.two-thirds, .wrap.large .columns.two-thirds, .wrap.hd .columns.eight, .wrap.large .columns.eight | |
| { width: 780px } | |
| .wrap.hd .offset-two-thirds, .wrap.large .offset-two-thirds, .wrap.hd .offset-eight, .wrap.large .offset-eight | |
| { padding-left: 800px } | |
| .wrap.hd .columns.three-fourths, .wrap.large .columns.three-fourths, .wrap.hd .columns.nine, .wrap.large .columns.nine | |
| { width: 880px } | |
| .wrap.hd .offset-three-fourths, .wrap.large .offset-three-fourths, .wrap.hd .offset-nine, .wrap.large .offset-nine | |
| { padding-left: 900px } | |
| .wrap.hd .columns.ten, .wrap.large .columns.ten | |
| { width: 980px } | |
| .wrap.hd .offset-ten, .wrap.large .offset-ten | |
| { padding-left: 1000px } | |
| .wrap.hd .columns.eleven, .wrap.large .columns.eleven | |
| { width: 1080px } | |
| .wrap.hd .offset-eleven, .wrap.large .offset-eleven | |
| { padding-left: 1100px } | |
| .wrap.hd .columns.twelve, .wrap.large .columns.twelve | |
| { width: 1180px } | |
| .wrap.hd .columns.one-fifth, .wrap.large .columns.one-fifth | |
| { width: 220px } | |
| .wrap.hd .offset-one-fifth, .wrap.large .offset-one-fifth | |
| { padding-left: 240px } | |
| .wrap.hd .columns.two-fifths, .wrap.large .columns.two-fifths | |
| { width: 460px } | |
| .wrap.hd .offset-two-fifths, .wrap.large .offset-two-fifths | |
| { padding-left: 480px } | |
| .wrap.hd .columns.three-fifths, .wrap.large .columns.three-fifths | |
| { width: 700px } | |
| .wrap.hd .offset-three-fifths, .wrap.large .offset-three-fifths | |
| { padding-left: 720px } | |
| .wrap.hd .columns.four-fifths, .wrap.large .columns.four-fifths | |
| { width: 940px } | |
| .wrap.hd .offset-four-fifths, .wrap.large .offset-four-fifths | |
| { padding-left: 960px } | |
| .wrap.hd .columns.five-fifths, .wrap.large .columns.five-fifths | |
| { width: 1180px } | |
| .wrap.hd .offset-five-fifths, .wrap.large .offset-five-fifths | |
| { padding-left: 1200px } | |
| } | |
| @media screen and (min-width:1920px) { | |
| .wrap.hd { width: 1900px } | |
| .wrap.hd .columns { width: 140px } | |
| .wrap.hd .offset-one { padding-left: 160px } | |
| .wrap.hd .columns.two { width: 300px } | |
| .wrap.hd .offset-two { padding-left: 320px } | |
| .wrap.hd .columns.one-fourth, .wrap.hd .columns.three | |
| { width: 460px } | |
| .wrap.hd .offset-one-fourth, .wrap.hd .offset-three | |
| { padding-left: 480px } | |
| .wrap.hd .columns.one-third, .wrap.hd .columns.four | |
| { width: 620px } | |
| .wrap.hd .offset-one-third, .wrap.hd .offset-four | |
| { padding-left: 640px } | |
| .wrap.hd .columns.five { width: 780px } | |
| .wrap.hd .offset-five { padding-left: 800px } | |
| .wrap.hd .columns.one-half, .wrap.hd .columns.six | |
| { width: 940px } | |
| .wrap.hd .offset-one-half, .wrap.hd .offset-six | |
| { padding-left: 960px } | |
| .wrap.hd .columns.seven { width: 1100px } | |
| .wrap.hd .offset-seven { padding-left: 1120px } | |
| .wrap.hd .columns.two-thirds, .wrap.hd .columns.eight | |
| { width: 1260px } | |
| .wrap.hd .offset-two-thirds, .wrap.hd .offset-eight | |
| { padding-left: 1280px } | |
| .wrap.hd .columns.three-fourths, .wrap.hd .columns.nine | |
| { width: 1420px } | |
| .wrap.hd .offset-three-fourths, .wrap.hd .offset-nine | |
| { padding-left: 1440px } | |
| .wrap.hd .columns.ten { width: 1580px } | |
| .wrap.hd .offset-ten { padding-left: 1600px } | |
| .wrap.hd .columns.eleven { width: 1740px } | |
| .wrap.hd .offset-eleven { padding-left: 1760px } | |
| .wrap.hd .columns.twelve { width: 1900px } | |
| .wrap.hd .columns.one-fifth { width: 364px } | |
| .wrap.hd .offset-one-fifth { padding-left: 384px } | |
| .wrap.hd .columns.two-fifths { width: 748px } | |
| .wrap.hd .offset-two-fifths { padding-left: 768px } | |
| .wrap.hd .columns.three-fifths { width: 1132px } | |
| .wrap.hd .offset-three-fifths { padding-left: 1152px } | |
| .wrap.hd .columns.four-fifths { width: 1516px } | |
| .wrap.hd .offset-four-fifths { padding-left: 1536px } | |
| .wrap.hd .columns.five-fifths { width: 1900px } | |
| .wrap.hd .offset-five-fifths { padding-left: 1920px } | |
| } | |
| input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), textarea | |
| { border-radius: 5px; background: #fff; border: 2px solid #83a0b0; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); padding: 7px; width: 18em; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif; outline: none; -webkit-transition: border-color 0.25s; -moz-transition: border-color 0.25s; transition: border-color 0.25s; -webkit-transition: border-color 0.25s; -moz-transition: border-color 0.25s; transition: border-color 0.25s; -webkit-transition: border-color 0.25s; -moz-transition: border-color 0.25s; transition: border-color 0.25s; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } | |
| .oldie input, .oldie textarea { background: #fff; border: 2px solid #83a0b0; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); padding: 7px; width: 18em; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif; outline: none; } | |
| .oldie input[type="checkbox"], .oldie input[type="radio"] | |
| { width: auto; padding: 0; border: 0; } | |
| input:-moz-placeholder { color: #555 } | |
| input::-webkit-input-placeholder { color: #555 } | |
| input.focused:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not(:focus):invalid, textarea.focused:not(:focus):invalid, select.focused:not(:focus):invalid | |
| { border-color: #eb5746 } | |
| select { font-family: "Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif; font-size: 14px; border-color: #ebebeb; } | |
| .zip input[type="text"], input[name="zip"] | |
| { width: 6em !important } | |
| input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):focus, textarea:focus | |
| { border-color: #bddae6 } | |
| .oldie input:focus, .oldie textarea:focus | |
| { border-color: #bddae6 } | |
| textarea { height: 5em; width: 90%; line-height: 1.4; } | |
| label, #signup .label label.field { display: block; font-size: 14px; color: #707070; margin: 0 0 0.25em; font-weight: normal; font-weight: normal; font-weight: normal; } | |
| button, a.button, a.button:link, a.button:visited, a.button:active, input[type="submit"], #share-body #invitationpage #submit_button, #share-body #contact_importer_button_container #contact_importer_button, .yui-panel-container #contact_importer_dialog .button-group button | |
| { display: inline-block; white-space: nowrap; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #b11116; font-size: 15px; padding: 6px 12px; border: 0; margin: 0; zoom: 1; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; font-family: "jubilat",Georgia,serif; -webkit-appearance: none; border-radius: 3px; } | |
| button:hover, a.button:hover, input[type="submit"]:hover, #share-body #invitationpage #submit_button:hover, #share-body #contact_importer_button_container #contact_importer_button:hover, .yui-panel-container #contact_importer_dialog .button-group button:hover | |
| { background-color: #c20006; text-decoration: none; } | |
| button.blue, a.button.blue, input[type="submit"].blue | |
| { background-color: #0270a0 } | |
| button.blue:hover, a.button.blue:hover, input[type="submit"].blue:hover | |
| { background-color: #0071a2 } | |
| form { display: block; zoom: 1; overflow: hidden; } | |
| form ol { margin: 0; padding: 0; overflow: hidden; width: 100%; } | |
| form ol li { list-style: none; margin: 0 0 15px; } | |
| form ol li.checkbox, form ol li.radio { padding-left: 18px; position: relative; } | |
| form ol li.checkbox input, form ol li.radio input | |
| { position: absolute; top: 3px; left: 1px; } | |
| form .required { color: #b11116; font-style: italic; font-size: 11px; } | |
| form .error { color: #b11116 } | |
| form.inline { text-align: center; text-align: center; text-align: center; } | |
| form.inline ol { margin-bottom: -10px } | |
| form.inline ol li { display: inline-block; margin: 0 5px 10px; } | |
| form.inline label { display: none } | |
| .ie7 form.inline ol li { display: inline; zoom: 1; } | |
| fieldset { margin: 0 0 30px } | |
| fieldset legend { display: block; width: 100%; padding: 0 0 6px; } | |
| fieldset legend span { font-family: "jubilat",Georgia,serif; color: #084162; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; font-size: 14px; display: block; padding: 0 0 6px; border-bottom: 1px solid #ddd; } | |
| form .buttons { margin: 30px 0 0 } | |
| body { text-rendering: optimizeLegibility; font-size: 14px; } | |
| .rgba.backgroundsize body { background: #ffffff no-repeat 50% 111px fixed; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; } | |
| .rgba.backgroundsize body.no-action-bar { background-position: 50% 0 } | |
| @media (min-width:980px) { | |
| .rgba.backgroundsize.loaded body { background-color: rgba(255, 255, 255, 0); background-image: url('../images/bg-potus-podium.jpg'); background-position: 50% 58px; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } | |
| .rgba.backgroundsize.loaded body.home-page, .rgba.backgroundsize.loaded body.denim-jacket | |
| { background-image: url('../images/bg-denim-jacket.jpg'); background-position: 50% 0; } | |
| .rgba.backgroundsize.loaded body.buttons | |
| { background-image: url('../images/bg-buttons.jpg') } | |
| .rgba.backgroundsize.loaded body.groups, .rgba.backgroundsize.loaded body.flag | |
| { background-image: url('../images/bg-flag.jpg') } | |
| .rgba.backgroundsize.loaded body.issues, .rgba.backgroundsize.loaded body.placards | |
| { background-image: url('../images/bg-placards.jpg') } | |
| .rgba.backgroundsize.loaded body.state, .rgba.backgroundsize.loaded body.barn | |
| { background-image: url('../images/bg-barn.jpg') } | |
| .rgba.backgroundsize.loaded body.michelle-obama, .rgba.backgroundsize.loaded body.flotus | |
| { background-image: url('../images/bg-flotus.jpg') } | |
| .rgba.backgroundsize.loaded body.joe-biden, .rgba.backgroundsize.loaded body.vpotus | |
| { background-image: url('../images/bg-vpotus.jpg') } | |
| .rgba.backgroundsize.loaded body.barack-obama, .rgba.backgroundsize.loaded body.potus | |
| { background-image: url('../images/bg-potus-clapping.jpg') } | |
| .rgba.backgroundsize.loaded body.dr-jill-biden | |
| { background-image: url('../images/bg-dr-jill-biden-with-michelle-obama.jpg') } | |
| .rgba.backgroundsize.loaded body.volunteer, .rgba.backgroundsize.loaded body.clipboard | |
| { background-image: url('../images/bg-clipboard.jpg') } | |
| .rgba.backgroundsize.loaded body.donate, .rgba.backgroundsize.loaded body.no-bg | |
| { background-image: none } | |
| } | |
| .wrap { position: relative; background-color: #dddede; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; } | |
| @media (min-width:980px) { | |
| .wrap { padding-left: 20px; padding-right: 20px; } | |
| .rgba.backgroundsize.loaded body:not(.no-bg):not(.donate) .wrap | |
| { background-color: rgba(255, 255, 255, 0.88) } | |
| } | |
| .oldie .wrap { background-color: #dddede; padding-left: 20px; padding-right: 20px; } | |
| a, a:link, a:hover, a:active, a:visited { text-decoration: none } | |
| i, b, s { font-weight: inherit; font-style: inherit; text-decoration: inherit; } | |
| .no-js .requires-js { display: none !important } | |
| #main img, #signup-body img { max-width: 100%; height: auto; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } | |
| #main { padding-top: 10px; padding-bottom: 10px; } | |
| #main object, #main embed { max-width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } | |
| #main .row { margin-bottom: 20px } | |
| #main .row:last-child, #main>:last-child | |
| { margin-bottom: 0 } | |
| .page-title { font-family: "jubilat",Georgia,serif; font-size: 32px; padding: 10px; background: #4e9bbc 16px 16px no-repeat; color: #fff; margin: 0 0 20px; } | |
| .page-title.smaller { font-size: 24px } | |
| .page-title.with-bg { padding-left: 72px } | |
| @media (min-width:960px) { | |
| .page-title { font-size: 60px; padding: 20px; } | |
| .page-title.smaller { font-size: 32px } | |
| .page-title.with-bg { padding-left: 130px; background-position: 34px 34px; } | |
| } | |
| @media (min-width:980px) { | |
| #main { padding-top: 20px; padding-bottom: 20px; } | |
| } | |
| .oldie #main { padding-top: 20px; padding-bottom: 20px; } | |
| .blog-posts { margin: 0 } | |
| .blog-post { list-style: none; clear: both; } | |
| .blog-post article { padding: 0 10px 10px 10px; background: #fff; border-bottom: 1px solid #999; border-top: 1px solid transparent; color: #555; font-size: 14px; } | |
| .blog-post article .tags li { display: inline } | |
| .blog-post article .tags li:after { content: "," } | |
| .blog-post article .tags li:last-child:after | |
| { content: "" } | |
| .blog-post article footer li.facebook { margin-right: 12px } | |
| .blog-post article footer li.twitter { margin-right: 18px } | |
| .blog-post article footer li.email a { float: left; display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; height: 63px; width: 55px; background: url("../images/btn-email-pill.png") no-repeat center 100%; margin-right: 18px; } | |
| .blog-post article header p { font-size: 13px; font-style: italic; margin-bottom: 15px; } | |
| .blog-post article footer { padding: 43px 0 0; overflow: hidden; } | |
| .blog-post article footer p { float: left; padding-right: 18px; font-family: "jubilat",Georgia,serif; font-size: 22px; color: #0270a0; } | |
| .blog-post article footer ul { list-style: none; margin: -43px 0 0; float: left; } | |
| .blog-post article footer li { float: left } | |
| .blog-post article footer h2 { clear: both; color: #084162; font-family: "jubilat",Georgia,serif; font-size: 16px; margin: 20px 0 0; } | |
| .blog-post article footer h2 a { color: #084162 } | |
| .blog-post:last-child article { border-bottom: 0 } | |
| @media (min-width:768px) { | |
| .blog-post article { padding: 6px 30px 30px } | |
| } | |
| .oldie .blog-post article { padding: 6px 30px 30px } | |
| .excerpt .entry-title { color: #084162; font-family: "jubilat",Georgia,serif; font-size: 16px; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-weight: 700; font-weight: 700; margin: 0 0 10px; } | |
| .excerpt .entry-title a { color: #084162 } | |
| .excerpt .buttons { text-align: center; text-align: center; text-align: center; margin: 10px 0 0; } | |
| .pagination { list-style: none; margin: 0; text-align: center; background: #fff; padding: 0 0 20px 0; } | |
| .pagination li { display: inline; margin: 0 10px; } | |
| #main .speech-bubble-arrow { display: none } | |
| .error-404 #main article header, .error-404 #main article .entry-content | |
| { margin: 0 20px } | |
| .error-404 #main article header h1 { margin: 0 0 10px } | |
| .module, #contact_importer_dialog { overflow: hidden; margin: 15px 0 0; background: #fff; border-radius: 3px; padding: 15px 0; } | |
| .module .module-header, #contact_importer_dialog .module-header, .module .hd, #contact_importer_dialog .hd | |
| { padding: 10px 10px 22px; background: #4e9bbc url('../images/module-header-bg.png') repeat-x 50% 100%; color: #fff; font-family: "jubilat",Georgia,serif; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; text-align: center; text-align: center; text-align: center; border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 18px; margin: -15px 0 10px; font-weight: 700; font-weight: 700; font-weight: 700; letter-spacing: 1px; } | |
| .module .explanation, #contact_importer_dialog .explanation | |
| { text-align: center; font-size: 15px; color: #959595; margin: 10px 0; } | |
| .module .see-more, #contact_importer_dialog .see-more | |
| { margin: 0; padding: 10px 0; text-align: center; text-align: center; text-align: center; } | |
| .module .segmented, #contact_importer_dialog .segmented | |
| { margin-bottom: -20px; margin-left: 0; margin-right: 0; list-style: none; } | |
| .module .segmented>li, #contact_importer_dialog .segmented>li | |
| { border-top: 1px solid #084162; padding: 20px; overflow: hidden; list-style: none; } | |
| .module .segmented>li:first-child, #contact_importer_dialog .segmented>li:first-child | |
| { padding-top: 0; border-top: 0; } | |
| .module.translucent { background: rgba(255, 255, 255, 0.8) } | |
| .module:first-child, .module.columns { margin-top: 0 } | |
| .module.video-404 { padding-top: 0; padding-bottom: 0; } | |
| .module.local-events .summary a, .module.local-events .summary a:link | |
| { color: #0270a0; text-decoration: none; } | |
| .module.local-events .summary a:hover { color: #084162; text-decoration: underline; } | |
| .module.local-events .summary a:visited { color: #084162 } | |
| .module.local-events .vcal { margin-bottom: -20px } | |
| .module.local-events form { width: 280px; margin: 20px auto; } | |
| .module.local-events ul, .module.local-events ol | |
| { margin: 0; line-height: 19px; } | |
| .module.local-events ul li, .module.local-events ol li | |
| { list-style-type: none } | |
| .module.local-events ul.vcal li.vevent:first-child | |
| { border-top: 1px solid #084162; padding-top: 20px; } | |
| .module.local-events ul.details { overflow: hidden } | |
| .module.local-events ul.details li { width: 49.9%; float: left; } | |
| .module.local-events .label { font-family: "Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif; font-size: 13px; font-weight: bold; color: #084162; } | |
| .module.local-events .vcal p { font-size: 13px; margin: 0 0 10px 0; } | |
| .module.local-events p.summary { color: #084162; font-family: "jubilat",Georgia,serif; font-size: 16px; font-weight: bold; margin-bottom: 10px; } | |
| .module.local-events .title { color: #084162; font-family: "jubilat",Georgia,serif; font-weight: normal; font-size: 18px; } | |
| .module.local-events .buttons { margin: 10px 0 0; text-align: right; text-align: right; text-align: right; } | |
| .module.local-events address { font-style: inherit } | |
| .modal, #overlay, .masked .mask { position: fixed; top: -999em; bottom: 999em; left: 50%; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } | |
| .modal.top.active, #overlay.active { top: 0; bottom: auto; } | |
| #overlay.active { left: 0; right: 0; bottom: 0; opacity: 1; } | |
| #overlay, .masked .mask { z-index: 1001; background: url('../images/overlay.png'); } | |
| .rgba #overlay { background: rgba(0, 0, 0, 0.7) } | |
| .modal.active { top: 50%; left: 50%; bottom: auto; opacity: 1; } | |
| .modal { background: #fff; border-radius: 3px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); z-index: 1002; padding: 0; } | |
| .modal .module-header { padding-left: 30px; padding-right: 30px; margin-top: 0; } | |
| .modal .entry-content { padding: 0 10px 10px; margin-top: 10px; } | |
| .modal footer { padding: 10px; text-align: right; background: #eee; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } | |
| .modal footer a, .modal footer a:link, .modal footer a:hover, .modal footer a:active, .modal footer a:visited | |
| { min-width: 6em; text-align: center; margin-left: 10px; } | |
| .modal footer a.cancel { background-color: #aaa } | |
| .modal footer a.cancel:hover, .modal footer a.cancel:active | |
| { background-color: #bbb } | |
| .modal .close { position: absolute; color: white; top: 12px; right: 10px; font-weight: 700; font-weight: 700; font-weight: 700; } | |
| .modal .close b { display: none } | |
| .module.toolkit nav { font-family: "jubilat",Georgia,serif; font-size: 12px; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; } | |
| .module.toolkit nav ul { margin: 0 0 -20px; padding: 0; zoom: 1; overflow: hidden; } | |
| .module.toolkit nav ul li { list-style: none; float: left; margin: 0 0 20px; width: 33%; } | |
| .module.toolkit nav ul li:nth-child(3n+1) | |
| { clear: left } | |
| .module.toolkit nav ul.two-up li { width: 50% } | |
| .module.toolkit nav ul.two-up li:nth-child(3n+1) | |
| { clear: none } | |
| .module.toolkit nav ul.two-up li:nth-child(odd) | |
| { clear: left } | |
| .oldie .module.toolkit nav ul { margin-bottom: 0 } | |
| .module.select-a-state { text-align: center; text-align: center; text-align: center; } | |
| .module.select-a-state header label { color: inherit; font-size: inherit; } | |
| .module.select-a-state .usmap-input { margin-top: 10px } | |
| .module.select-a-state .usmap-map svg { width: 940px; height: 593px; max-width: 100%; margin: 0 auto; } | |
| .home-page .module.select-a-state, .state .module.select-a-state | |
| { background: transparent; border-radius: 0; margin-top: 40px; } | |
| .home-page .module.select-a-state header, .state .module.select-a-state header | |
| { background: transparent; font-size: 24px; padding: 0; } | |
| .home-page .module.select-a-state header label, .state .module.select-a-state header label | |
| { color: #0270a0 } | |
| .home-page .module.select-a-state .usmap-map, .state .module.select-a-state .usmap-map | |
| { display: none } | |
| .ie9 .usmap-map { display: none } | |
| @media (min-width:960px) { | |
| .home-page .module.select-a-state .usmap-map, .state .module.select-a-state .usmap-map | |
| { display: block } | |
| } | |
| .state-chooser { margin: 0; list-style: none; } | |
| .state-chooser li { margin-top: 5px; margin-bottom: 5px; font-weight: 700; font-weight: 700; font-weight: 700; float: left; width: 50%; } | |
| @media (min-width: 768px) { | |
| .state-chooser li { width: 18%; padding-right: 2%; } | |
| .state-chooser li:nth-child(5n+1) { clear: both } | |
| } | |
| .oldie .state-chooser li { width: 18%; padding-right: 2%; } | |
| .timeline { overflow: hidden; width: auto; } | |
| .timeline .module, .timeline .item { margin: 20px 0 0 } | |
| .timeline .module .entry-title, .timeline .item .entry-title | |
| { font-size: inherit; font-family: inherit; margin: 0; } | |
| .timeline .module .entry-title a, .timeline .item .entry-title a, .timeline .module .entry-title a:link, .timeline .item .entry-title a:link, .timeline .module .entry-title a:hover, .timeline .item .entry-title a:hover, .timeline .module .entry-title a:active, .timeline .item .entry-title a:active, .timeline .module .entry-title a:visited, .timeline .item .entry-title a:visited | |
| { color: #fff } | |
| .timeline .module .entry-content, .timeline .item .entry-content, .timeline .module .entry-excerpt, .timeline .item .entry-excerpt | |
| { padding: 0 10px; color: #555; } | |
| .timeline .module .entry-title, .timeline .item .entry-title | |
| { color: white; font-weight: 700; font-weight: 700; font-weight: 700; letter-spacing: 1px; } | |
| .timeline .module footer, .timeline .item footer | |
| { padding: 0 10px } | |
| .timeline .module footer a, .timeline .item footer a | |
| { font-weight: 700; font-weight: 700; font-weight: 700; margin-right: 10px; } | |
| .timeline .module:first-child, .timeline .item:first-child | |
| { margin-top: 0 } | |
| .timeline .module:after, .timeline .item:after | |
| { content: "."; clear: both; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } | |
| @media (min-width:768px) { | |
| .timeline { margin-left: -10px; margin-right: -10px; } | |
| .timeline .module, .timeline .item { width: 364px; float: left; margin-left: 10px; margin-right: 10px; } | |
| .timeline .module.go-right, .timeline .item.go-right | |
| { float: right } | |
| .timeline .module:nth-child(1), .timeline .module:nth-child(2), .timeline .item:nth-child(1), .timeline .item:nth-child(2) | |
| { margin-top: 0 } | |
| } | |
| @media (min-width:960px) { | |
| .timeline .module, .timeline .item { width: 460px } | |
| .timeline .module .entry-content, .timeline .item .entry-content, .timeline .module .entry-excerpt, .timeline .item .entry-excerpt, .timeline .module footer, .timeline .item footer | |
| { padding: 0 30px } | |
| } | |
| .oldie .timeline { margin-left: -10px; margin-right: -10px; } | |
| .oldie .timeline .module, .oldie .timeline .item | |
| { width: 460px; float: left; margin-left: 10px; margin-right: 10px; } | |
| .oldie .timeline .module .entry-content, .oldie .timeline .item .entry-content, .oldie .timeline .module .entry-excerpt, .oldie .timeline .item .entry-excerpt, .oldie .timeline .module footer, .oldie .timeline .item footer | |
| { padding: 0 30px } | |
| .oldie .timeline .module:first-child, .oldie .timeline .item:first-child | |
| { margin-top: 20px } | |
| .oldie .timeline .module.go-right, .oldie .timeline .item.go-right | |
| { float: right } | |
| .generatedcontent .timeline .module footer a, .generatedcontent .timeline .item footer a | |
| { margin-right: 0.25em } | |
| .generatedcontent .timeline .module footer a:after, .generatedcontent .timeline .item footer a:after | |
| { content: ","; color: #555; text-decoration: none; } | |
| .generatedcontent .timeline .module footer a:last-child:after, .generatedcontent .timeline .item footer a:last-child:after | |
| { content: "" } | |
| .icon, #share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-facebook, #share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-twitter | |
| { display: block; padding: 90px 0 0; text-align: center; color: #4e9bbc; font-family: "jubilat",Georgia,serif; background: url('../images/icon-sprite.png') no-repeat 50% -999em; font-size: 12px; min-width: 90px; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; } | |
| a.icon, a:link.icon, a:hover.icon, a:visited.icon, a:active.icon | |
| { color: #4e9bbc } | |
| .icon.call, .icon.phone { background-position: 50% 0 } | |
| .icon.tweet-for-progress { background-position: 50% -150px } | |
| .icon.envelope { background-position: 50% -300px } | |
| .icon.house { background-position: 50% -450px } | |
| .icon.person { background-position: 50% -600px } | |
| .icon.thermometer { background-position: 50% -750px } | |
| .icon.clipboard { background-position: 50% -900px } | |
| .icon.facebook, #share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-facebook | |
| { background-position: 50% -1050px } | |
| .icon.twitter, #share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-twitter | |
| { background-position: 50% -1200px } | |
| .icon.at-sign { background-position: 50% -1350px } | |
| .icon.graph { background-position: 50% -1500px } | |
| .icon.rss { background-position: 50% -1650px } | |
| .icon.tumblr { background-position: 50% -1800px } | |
| .icon.checkmark { background-position: 50% -1950px } | |
| .icon.attack-watch { background-position: 50% -2100px } | |
| .icon.donate { background-position: 50% -2250px } | |
| .icon.talking-points { background-position: 50% -2400px } | |
| .icon.video { background-position: 50% -2550px } | |
| #share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-facebook span, #share-body #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-twitter span | |
| { background: transparent; padding: 0; } | |
| .calls-to-action { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; list-style: none; } | |
| .calls-to-action .icon { font-size: 14px; letter-spacing: 1px; } | |
| .calls-to-action li { position: relative; margin-bottom: 20px; } | |
| @media (min-width:480px) { | |
| .calls-to-action li:before { content: " "; background: #999; width: 1px; position: absolute; top: 0; left: -10px; bottom: 0; } | |
| .calls-to-action li:first-child:before { content: ""; background: transparent; } | |
| } | |
| @media (min-width:480px) and (max-width:767px) { | |
| .calls-to-action li { float: left; width: 50%; } | |
| .calls-to-action li:nth-child(odd):before | |
| { content: ""; background: transparent; clear: both; } | |
| .calls-to-action li:nth-child(3), .calls-to-action li:nth-child(4) | |
| { margin-bottom: 0 } | |
| } | |
| @media (min-width:768px) { | |
| .calls-to-action li { margin-bottom: 0 } | |
| } | |
| .home-page .heroshot ul { margin: 0; overflow: hidden; width: 100%; text-align: center; text-align: center; text-align: center; } | |
| .home-page .heroshot ul li { list-style: none; margin: 0 0 10px; } | |
| .home-page .heroshot ul li a { display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; width: 256px; margin: 0 auto; } | |
| .home-page .heroshot ul .hero-1 a { height: 191px } | |
| .home-page .heroshot ul .hero-2 a, .home-page .heroshot ul .hero-3 a | |
| { height: 165px } | |
| .home-page .heroshot ul .hero-4 a, .home-page .heroshot ul .hero-5 a, .home-page .heroshot ul .hero-6 a | |
| { height: 110px } | |
| .home-page .heroshot ul .dinner-with-barack a | |
| { background: url('../images/heroshots/mobile/dinner-with-barack.png') no-repeat 50% 50% } | |
| .home-page .heroshot ul .car-magnet a { background: url('../images/heroshots/mobile/car-magnet.png') no-repeat 50% 50% } | |
| .home-page .heroshot ul .merch a { background-image: url('../images/heroshots/mobile/holiday-shopping.jpg') } | |
| .home-page .heroshot ul .jobs-cant-wait a | |
| { background: url('../images/heroshots/mobile/jobs-cant-wait.png') no-repeat 50% 50% } | |
| .home-page .heroshot ul .one-million-conversations a | |
| { background: url('../images/heroshots/mobile/one-million-conversations.png') no-repeat 50% 50% } | |
| .home-page .heroshot ul .fighting-for-vets a | |
| { background: url('../images/heroshots/mobile/fighting-for-vets.jpg') } | |
| .home-page .heroshot ul .volunteer a { background: url('../images/heroshots/mobile/volunteer.png') no-repeat 50% 50% } | |
| .home-page .heroshot ul .women-for-obama a | |
| { background: url('../images/heroshots/mobile/women-for-obama.png') no-repeat 50% 50% } | |
| .home-page .heroshot ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/mobile/dwbm.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot ul .artworks a { background: url('../images/heroshots/mobile/artworks.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot ul .tweet-for-jobs a | |
| { background: url('../images/heroshots/mobile/tweet-for-jobs.png') no-repeat 50% 50% } | |
| .home-page .heroshot ul .grassroots-fundraising a | |
| { background: url('../images/heroshots/mobile/grassroots-fundraising.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot ul .tax-calculator a | |
| { background: url('../images/heroshots/mobile/tax-calculator.jpg') no-repeat 50% 50% } | |
| @media (min-width:768px) { | |
| .home-page .heroshot ul { width: 680px; margin: 0 auto; } | |
| .home-page .heroshot ul li { float: left; margin-right: 3px; margin-bottom: 3px; } | |
| .home-page .heroshot ul .hero-1 a { width: 413px; height: 339px; } | |
| .home-page .heroshot ul .hero-2 a, .home-page .heroshot ul .hero-3 a | |
| { width: 261px; height: 168px; } | |
| .home-page .heroshot ul .hero-4, .home-page .heroshot ul .hero-5 | |
| { margin-right: 0; width: 50%; } | |
| .home-page .heroshot ul .hero-6 { float: none } | |
| .home-page .heroshot ul .dinner-with-barack a | |
| { background-image: url('../images/heroshots/dinner-with-barack.png') } | |
| .home-page .heroshot ul .car-magnet a, .home-page .heroshot ul .merch a | |
| { background-image: url('../images/heroshots/car-magnet.png') } | |
| .home-page .heroshot ul .merch a { background-image: url('../images/heroshots/holiday-shopping.jpg') } | |
| .home-page .heroshot ul .jobs-cant-wait a | |
| { background-image: url('../images/heroshots/jobs-cant-wait.png') } | |
| .home-page .heroshot ul .one-million-conversations a | |
| { background-image: url('../images/heroshots/one-million-conversations.png') } | |
| .home-page .heroshot ul .fighting-for-vets a | |
| { background-image: url('../images/heroshots/fighting-for-vets.jpg') } | |
| .home-page .heroshot ul .volunteer a { background-image: url('../images/heroshots/volunteer.png') } | |
| .home-page .heroshot ul .women-for-obama a | |
| { background-image: url('../images/heroshots/women-for-obama.png') } | |
| .home-page .heroshot ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/dwbm.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot ul .tax-calculator a | |
| { background: url('../images/heroshots/tax-calculator.jpg') no-repeat 50% 50% } | |
| } | |
| @media (min-width:960px) { | |
| .home-page .heroshot ul { width: 940px; position: relative; height: 339px; } | |
| .home-page .heroshot ul li { float: none; margin: 0; position: absolute; background: #000; } | |
| .home-page .heroshot ul a { opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } | |
| .home-page .heroshot ul .hero-1 { top: 0; left: 266px; } | |
| .home-page .heroshot ul .hero-2 { top: 0; left: 0; } | |
| .home-page .heroshot ul .hero-3 { left: 0; top: 171px; } | |
| .home-page .heroshot ul .hero-4 { right: 0; top: 0; width: auto; } | |
| .home-page .heroshot ul .hero-5 { width: auto; right: 0; top: 114px; } | |
| .home-page .heroshot ul .hero-6 { right: 0; bottom: 0; } | |
| .home-page .heroshot:hover a { opacity: 0.6 } | |
| .home-page .heroshot:hover a:hover { opacity: 1 } | |
| } | |
| .oldie .home-page .heroshot ul { width: 940px; position: relative; height: 339px; } | |
| .oldie .home-page .heroshot ul li { float: none; margin: 0; position: absolute; display: inline; } | |
| .oldie .home-page .heroshot ul .hero-1 { top: 0; left: 266px; width: 413px; height: 339px; } | |
| .oldie .home-page .heroshot ul .hero-1 a | |
| { width: 413px; height: 339px; } | |
| .oldie .home-page .heroshot ul .hero-2 { top: 0; left: 0; width: 261px; height: 168px; } | |
| .oldie .home-page .heroshot ul .hero-2 a | |
| { width: 261px; height: 168px; } | |
| .oldie .home-page .heroshot ul .hero-3 { left: 0; top: 171px; width: 261px; height: 168px; } | |
| .oldie .home-page .heroshot ul .hero-3 a | |
| { width: 261px; height: 168px; } | |
| .oldie .home-page .heroshot ul .hero-4 { right: 0; top: 0; width: 256px; height: 110px; } | |
| .oldie .home-page .heroshot ul .hero-5 { right: 0; top: 114px; width: 256px; height: 110px; } | |
| .oldie .home-page .heroshot ul .hero-6 { left: 684px; bottom: 0; width: 256px; height: 110px; } | |
| .oldie .home-page .heroshot ul .dinner-with-barack a | |
| { background-image: url('../images/heroshots/dinner-with-barack.png') } | |
| .oldie .home-page .heroshot ul .car-magnet a | |
| { background-image: url('../images/heroshots/car-magnet.png') } | |
| .oldie .home-page .heroshot ul .merch a { background-image: url('../images/heroshots/holiday-shopping.jpg') } | |
| .oldie .home-page .heroshot ul .jobs-cant-wait a | |
| { background-image: url('../images/heroshots/jobs-cant-wait.png') } | |
| .oldie .home-page .heroshot ul .one-million-conversations a | |
| { background-image: url('../images/heroshots/one-million-conversations.png') } | |
| .oldie .home-page .heroshot ul .fighting-for-vets a | |
| { background-image: url('../images/heroshots/fighting-for-vets.jpg') } | |
| .oldie .home-page .heroshot ul .volunteer a | |
| { background-image: url('../images/heroshots/volunteer.png') } | |
| .oldie .home-page .heroshot ul .women-for-obama a | |
| { background-image: url('../images/heroshots/women-for-obama.png') } | |
| .oldie .home-page .heroshot ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/dwbm.jpg') no-repeat 50% 50% } | |
| .oldie .home-page .heroshot ul .artworks a | |
| { background: url('../images/heroshots/mobile/artworks.jpg') no-repeat 50% 50% } | |
| .oldie .home-page .heroshot ul .tweet-for-jobs a | |
| { background: url('../images/heroshots/tweet-for-jobs.png') no-repeat 50% 50% } | |
| .oldie .home-page .heroshot ul .grassroots-fundraising a | |
| { background: url('../images/heroshots/grassroots-fundraising.jpg') no-repeat 50% 50% } | |
| .oldie .home-page .heroshot ul .tax-calculator a | |
| { background: url('../images/heroshots/tax-calculator.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2up { overflow: hidden } | |
| .home-page .heroshot-2up ul { margin: 0; overflow: hidden; width: 100%; text-align: center; text-align: center; text-align: center; } | |
| .home-page .heroshot-2up ul li { list-style: none; margin: 0 0 10px; } | |
| .home-page .heroshot-2up ul li a { display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; width: 256px; margin: 0 auto; height: 190px; } | |
| .home-page .heroshot-2up ul .giving-everyone-a-fair-shot a | |
| { background: url('../images/heroshots/mobile/fair-shot.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2up ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/mobile/dwbm.jpg') no-repeat 50% 50% } | |
| @media (min-width:768px) { | |
| .home-page .heroshot-2up ul li { float: left; width: 49.9%; } | |
| } | |
| @media (min-width:960px) { | |
| .home-page .heroshot-2up ul li { width: 466px; height: 339px; float: left; position: static; margin: 0; background: #000; } | |
| .home-page .heroshot-2up ul li a { width: 466px; height: 339px; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } | |
| .home-page .heroshot-2up ul .hero-2 { margin-left: 8px } | |
| .home-page .heroshot-2up ul .giving-everyone-a-fair-shot a | |
| { background: url('../images/heroshots/fair-shot.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2up ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/dwbm-wide.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2up:hover ul li a { opacity: 0.6 } | |
| .home-page .heroshot-2up:hover ul li a:hover | |
| { opacity: 1 } | |
| } | |
| .oldie .home-page .heroshot-2up ul li { width: 466px; height: 339px; float: left; position: static; margin: 0; } | |
| .oldie .home-page .heroshot-2up ul li a { width: 466px; height: 339px; } | |
| .oldie .home-page .heroshot-2up ul .hero-2 | |
| { margin-left: 8px } | |
| .oldie .home-page .heroshot-2up ul .giving-everyone-a-fair-shot a | |
| { background: url('../images/heroshots/fair-shot.jpg') no-repeat 50% 50% } | |
| .oldie .home-page .heroshot-2up ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/dwbm-wide.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2x4 { overflow: hidden } | |
| .home-page .heroshot-2x4 ul { margin: 0; overflow: hidden; width: 100%; text-align: center; text-align: center; text-align: center; } | |
| .home-page .heroshot-2x4 ul li { list-style: none; margin: 0 0 10px; } | |
| .home-page .heroshot-2x4 ul li a { display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; width: 256px; margin: 0 auto; height: 130px; } | |
| .home-page .heroshot-2x4 ul .giving-everyone-a-fair-shot a | |
| { background: url('../images/heroshots/mobile/fair-shot.jpg') no-repeat 50% 50%; height: 190px; } | |
| .home-page .heroshot-2x4 ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/mobile/dwbm.jpg') no-repeat 50% 50%; height: 190px; } | |
| .home-page .heroshot-2x4 ul .merch a { background: url('../images/heroshots/holiday-shopping.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2x4 ul .artworks a { background: url('../images/heroshots/artworks.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2x4 ul .grassroots-fundraising a | |
| { background: url('../images/heroshots/grassroots-fundraising.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2x4 ul .tax-calculator a | |
| { background: url('../images/heroshots/tax-calculator.jpg') no-repeat 50% 50% } | |
| @media (min-width:768px) { | |
| .home-page .heroshot-2x4 ul li { float: left; margin: 0 0 8px 8px; width: 370px; } | |
| .home-page .heroshot-2x4 ul .hero-1, .home-page .heroshot-2x4 ul .hero-3, .home-page .heroshot-2x4 ul .hero-5 | |
| { margin-left: 0; clear: left; } | |
| } | |
| @media (min-width:960px) { | |
| .home-page .heroshot-2x4 ul li { background: #000 } | |
| .home-page .heroshot-2x4 ul li a { opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } | |
| .home-page .heroshot-2x4 ul .hero-1, .home-page .heroshot-2x4 ul .hero-2 | |
| { width: 466px; height: 261px; } | |
| .home-page .heroshot-2x4 ul .hero-1 a, .home-page .heroshot-2x4 ul .hero-2 a | |
| { width: 466px; height: 261px; } | |
| .home-page .heroshot-2x4 ul .hero-5 { clear: none } | |
| .home-page .heroshot-2x4 ul .hero-3, .home-page .heroshot-2x4 ul .hero-4, .home-page .heroshot-2x4 ul .hero-5, .home-page .heroshot-2x4 ul .hero-6 | |
| { width: 229px; height: 130px; } | |
| .home-page .heroshot-2x4 ul .hero-3 a, .home-page .heroshot-2x4 ul .hero-4 a, .home-page .heroshot-2x4 ul .hero-5 a, .home-page .heroshot-2x4 ul .hero-6 a | |
| { width: 229px; height: 130px; } | |
| .home-page .heroshot-2x4 ul .hero-5 { margin-left: 8px } | |
| .home-page .heroshot-2x4 ul .giving-everyone-a-fair-shot a | |
| { background: url('../images/heroshots/fair-shot.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2x4 ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/dwbm-wide.jpg') no-repeat 50% 50% } | |
| .home-page .heroshot-2x4:hover ul li a { opacity: 0.6 } | |
| .home-page .heroshot-2x4:hover ul li a:hover | |
| { opacity: 1 } | |
| } | |
| .oldie .home-page .heroshot-2x4 ul li { float: left; margin: 0 0 8px 8px; } | |
| .oldie .home-page .heroshot-2x4 ul .hero-1, .oldie .home-page .heroshot-2x4 ul .hero-2 | |
| { width: 466px; height: 261px; } | |
| .oldie .home-page .heroshot-2x4 ul .hero-1 a, .oldie .home-page .heroshot-2x4 ul .hero-2 a | |
| { width: 466px; height: 261px; } | |
| .oldie .home-page .heroshot-2x4 ul .hero-1, .oldie .home-page .heroshot-2x4 ul .hero-3 | |
| { margin-left: 0 } | |
| .oldie .home-page .heroshot-2x4 ul .hero-5 | |
| { clear: none } | |
| .oldie .home-page .heroshot-2x4 ul .hero-3, .oldie .home-page .heroshot-2x4 ul .hero-4, .oldie .home-page .heroshot-2x4 ul .hero-5, .oldie .home-page .heroshot-2x4 ul .hero-6 | |
| { width: 229px; height: 130px; } | |
| .oldie .home-page .heroshot-2x4 ul .hero-3 a, .oldie .home-page .heroshot-2x4 ul .hero-4 a, .oldie .home-page .heroshot-2x4 ul .hero-5 a, .oldie .home-page .heroshot-2x4 ul .hero-6 a | |
| { width: 229px; height: 130px; } | |
| .oldie .home-page .heroshot-2x4 ul .hero-5 | |
| { margin-left: 8px } | |
| .oldie .home-page .heroshot-2x4 ul .giving-everyone-a-fair-shot a | |
| { background: url('../images/heroshots/fair-shot.jpg') no-repeat 50% 50% } | |
| .oldie .home-page .heroshot-2x4 ul .dinner-with-barack-and-michelle a | |
| { background: url('../images/heroshots/dwbm-wide.jpg') no-repeat 50% 50% } | |
| .module.record-in-brief { background: transparent; border-radius: 0; padding: 0; } | |
| .module.record-in-brief .header { color: #0270a0; font-family: Georgia,serif; font-size: 18px; margin-bottom: 10px; text-align: center; text-align: center; text-align: center; } | |
| .module.record-in-brief ul { margin: 0; padding: 0; overflow: hidden; } | |
| .module.record-in-brief ul li { list-style: none; margin: 0 0 10px; font-family: "jubilat",Georgia,serif; font-size: 18px; text-align: center; text-align: center; text-align: center; font-weight: 400; color: #084162; text-shadow: 0 1px 1px white; background: url('../images/potus-record-slider-bg-plain.jpg') no-repeat 100% 100%; border: 3px solid white; } | |
| .module.record-in-brief ul li a { display: block; color: #084162; padding: 10px; } | |
| .module.record-in-brief ul li a i { display: block; margin: 5px 0 0; font-size: 12px; font-weight: normal; font-weight: normal; font-weight: normal; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; font-style: italic; font-style: italic; font-style: italic; } | |
| @media (min-width:768px) { | |
| .module.record-in-brief .header { display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; height: 127px; background: url('../images/hdr-obamas-record-in-brief.png') no-repeat 50% 50%; margin-bottom: 0; } | |
| .module.record-in-brief ul li { background-image: url('../images/potus-record-slider-bg.jpg'); font-size: 24px; } | |
| .module.record-in-brief ul li a { padding: 37px 50px 37px } | |
| .js .module.record-in-brief ul li { margin: 0 10px 0 0 } | |
| .js .module.record-in-brief .columns.eight li | |
| { width: 486px } | |
| } | |
| @media (min-width:960px) { | |
| .js .module.record-in-brief .columns.eight li | |
| { width: 614px } | |
| } | |
| .oldie .module.record-in-brief .header { display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; display: block; overflow: hidden; text-align: left; text-indent: -999em; height: 127px; background: url('../images/hdr-obamas-record-in-brief.png') no-repeat 50% 50%; margin-bottom: 0; } | |
| .oldie .module.record-in-brief ul li { background-image: url('../images/potus-record-slider-bg.jpg'); font-size: 24px; } | |
| .oldie .module.record-in-brief ul li a { padding: 37px 50px 37px } | |
| .oldie.js .module.record-in-brief ul li { margin: 0 10px 0 0 } | |
| .oldie.js .module.record-in-brief .columns.eight li | |
| { width: 614px } | |
| .share-links { text-align: center; margin: 20px 0; background: url('../images/share-links-bg.png') repeat-x 50% 50%; } | |
| .share-links ul li { display: inline; margin: 0 5px; } | |
| .share-links ul li a { display: inline-block; overflow: hidden; text-align: left; text-indent: -999em; display: inline-block; overflow: hidden; text-align: left; text-indent: -999em; display: inline-block; overflow: hidden; text-align: left; text-indent: -999em; width: 46px; height: 46px; background: url('../images/share-links-sprite.png') no-repeat -999em 50%; } | |
| .share-links ul .facebook a { background-position: 0 50% } | |
| .share-links ul .twitter a { background-position: -53px 50% } | |
| .share-links ul .email a { background-position: -107px 50% } | |
| .ie7 .share-links ul { width: 168px; margin-left: auto; margin-right: auto; } | |
| .ie7 .share-links ul li { float: left; width: 46px; } | |
| .ie7 .share-links ul li a { display: block } | |
| body { color: #555 } | |
| .title { color: #084162; font-family: "jubilat",Georgia,serif; font-size: 16px; text-align: center; margin-bottom: 10px; font-weight: normal; font-weight: normal; font-weight: normal; } | |
| article, #signupfooter { } | |
| article a, #signupfooter a, article a:link, #signupfooter a:link | |
| { color: #0270a0; text-decoration: none; } | |
| article a:hover, #signupfooter a:hover { color: #084162; text-decoration: underline; } | |
| article a:visited, #signupfooter a:visited | |
| { color: #084162 } | |
| article a.form-button, #signupfooter a.form-button, article a.form-button:link, #signupfooter a.form-button:link, article a.form-button:active, #signupfooter a.form-button:active, article a.form-button:visited, #signupfooter a.form-button:visited | |
| { color: white; font-family: "jubilat",Georgia,serif; font-size: 13px; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; background: #b11116; padding: 6px 15px; font-weight: normal; font-weight: normal; font-weight: normal; text-decoration: none; -moz-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: 1px; } | |
| article a.form-button:hover, #signupfooter a.form-button:hover | |
| { text-decoration: none; background: #720b0e; } | |
| article .headline-three, #signupfooter .headline-three | |
| { color: #084162; font-family: "jubilat",Georgia,serif; font-weight: normal; font-weight: normal; font-weight: normal; font-size: 18px; margin: 0 0 10px 0; } | |
| article .headline-four, #signupfooter .headline-four | |
| { color: #084162; font-family: "jubilat",Georgia,serif; font-size: 16px; font-weight: 700; font-weight: 700; font-weight: 700; margin-bottom: 10px; } | |
| article .headline-five, #signupfooter .headline-five | |
| { color: #084162; font-family: "Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif; font-size: 13px; font-weight: 700; font-weight: 700; font-weight: 700; } | |
| article .entry-title, #signupfooter .entry-title | |
| { color: #084162; font-family: "jubilat",Georgia,serif; font-weight: normal; font-weight: normal; font-weight: normal; font-size: 24px; margin: 10px 0 4px 0; } | |
| article .entry-title a, #signupfooter .entry-title a, article .entry-title a:link, #signupfooter .entry-title a:link, article .entry-title a:hover, #signupfooter .entry-title a:hover, article .entry-title a:visited, #signupfooter .entry-title a:visited, article .entry-title a:active, #signupfooter .entry-title a:active | |
| { color: #084162 } | |
| article .special-header, #signupfooter .special-header | |
| { color: #0270a0; font-family: "jubilat",Georgia,serif; font-size: 18px; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; font-weight: 700; font-weight: 700; font-weight: 700; margin: 0 0 10px 0; } | |
| article p, #signupfooter p { line-height: 19px; margin-bottom: 20px; } | |
| article p.special-description, #signupfooter p.special-description | |
| { font-family: "Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif; font-size: 16px; line-height: 18px; } | |
| article p.action-text, #signupfooter p.action-text | |
| { color: #3e3e3e; font-family: "jubilat",Georgia,serif; font-size: 18px; line-height: 23px; } | |
| article p.status-text, #signupfooter p.status-text | |
| { color: #084162; font-family: "jubilat",Georgia,serif; font-weight: normal; font-weight: normal; font-weight: normal; font-size: 13px; line-height: 18px; } | |
| article ul.featured-list, #signupfooter ul.featured-list | |
| { margin: 0; padding: 0 0 0 18px; list-style-image: url('../images/featured-list-style.png'); color: #959595; } | |
| article ul.featured-list a, #signupfooter ul.featured-list a, article ul.featured-list a:link, #signupfooter ul.featured-list a:link, article ul.featured-list a:active, #signupfooter ul.featured-list a:active, article ul.featured-list a:visited, #signupfooter ul.featured-list a:visited | |
| { font-family: "jubilat",Georgia,serif; color: #4e9bbc; font-weight: 700; font-weight: 700; font-weight: 700; text-transform: uppercase; text-transform: uppercase; text-transform: uppercase; font-size: 16px; text-decoration: none; } | |
| article ul.featured-list a:hover, #signupfooter ul.featured-list a:hover | |
| { color: #0270a0; text-decoration: underline; } | |
| article ul.featured-list li, #signupfooter ul.featured-list li | |
| { margin: 0 0 15px 0; padding: 0 0 0 5px; } | |
| article form label, #signupfooter form label | |
| { color: #959595; font-size: 14px; margin: 0 0 20px 0; } | |
| article .required-field, #signupfooter .required-field | |
| { color: #b11116 } | |
| article .entry-content ul, #signupfooter .entry-content ul, article .entry-excerpt ul, #signupfooter .entry-excerpt ul, article .entry-content ol, #signupfooter .entry-content ol, article .entry-excerpt ol, #signupfooter .entry-excerpt ol | |
| { margin: 0 0 20px 30px; line-height: 19px; } | |
| article .entry-content ul, #signupfooter .entry-content ul, article .entry-excerpt ul, #signupfooter .entry-excerpt ul | |
| { list-style: disc outside } | |
| article .entry-content li, #signupfooter .entry-content li, article .entry-excerpt li, #signupfooter .entry-excerpt li | |
| { margin-bottom: 5px } | |
| article .entry-content li p, #signupfooter .entry-content li p, article .entry-excerpt li p, #signupfooter .entry-excerpt li p | |
| { margin: 20px 0 0 0 } | |
| article .entry-content li p:first-child, #signupfooter .entry-content li p:first-child, article .entry-excerpt li p:first-child, #signupfooter .entry-excerpt li p:first-child | |
| { margin: 0 } | |
| article .entry-content .small-blog-img, #signupfooter .entry-content .small-blog-img, article .entry-excerpt .small-blog-img, #signupfooter .entry-excerpt .small-blog-img, article .entry-content .picLeft, #signupfooter .entry-content .picLeft, article .entry-excerpt .picLeft, #signupfooter .entry-excerpt .picLeft, article .entry-content .picRight, #signupfooter .entry-content .picRight, article .entry-excerpt .picRight, #signupfooter .entry-excerpt .picRight, article .entry-content .picCenter, #signupfooter .entry-content .picCenter, article .entry-excerpt .picCenter, #signupfooter .entry-excerpt .picCenter | |
| { display: block; margin: 0 auto 5px; } | |
| article .entry-content blockquote, #signupfooter .entry-content blockquote, article .entry-excerpt blockquote, #signupfooter .entry-excerpt blockquote | |
| { font-size: 13px; line-height: 21px; margin: 0 0 20px 0; padding: 0 50px 0 15px; border-left: 7px solid #cc0000; } | |
| article .entry-content blockquote cite, #signupfooter .entry-content blockquote cite, article .entry-excerpt blockquote cite, #signupfooter .entry-excerpt blockquote cite | |
| { color: #cc0000; font-weight: 700; font-weight: 700; font-weight: 700; } | |
| article .entry-content .tweet-content, #signupfooter .entry-content .tweet-content, article .entry-excerpt .tweet-content, #signupfooter .entry-excerpt .tweet-content | |
| { font-size: 16px; line-height: 24px; margin: 0 0 20px 0; padding: 0 50px 0 15px; border-left: 7px solid #0270a0; } | |
| article .entry-content figure, #signupfooter .entry-content figure, article .entry-excerpt figure, #signupfooter .entry-excerpt figure, article .entry-content img, #signupfooter .entry-content img, article .entry-excerpt img, #signupfooter .entry-excerpt img, article .entry-content iframe, #signupfooter .entry-content iframe, article .entry-excerpt iframe, #signupfooter .entry-excerpt iframe | |
| { border: 5px solid #dbdbdb; margin: 0 auto 20px; display: inline-block; border-radius: 3px; } | |
| article .entry-content figure img, #signupfooter .entry-content figure img, article .entry-excerpt figure img, #signupfooter .entry-excerpt figure img, article .entry-content img img, #signupfooter .entry-content img img, article .entry-excerpt img img, #signupfooter .entry-excerpt img img, article .entry-content iframe img, #signupfooter .entry-content iframe img, article .entry-excerpt iframe img, #signupfooter .entry-excerpt iframe img, article .entry-content figure iframe, #signupfooter .entry-content figure iframe, article .entry-excerpt figure iframe, #signupfooter .entry-excerpt figure iframe, article .entry-content img iframe, #signupfooter .entry-content img iframe, article .entry-excerpt img iframe, #signupfooter .entry-excerpt img iframe, article .entry-content iframe iframe, #signupfooter .entry-content iframe iframe, article .entry-excerpt iframe iframe, #signupfooter .entry-excerpt iframe iframe | |
| { display: block } | |
| article .entry-content figure figcaption, #signupfooter .entry-content figure figcaption, article .entry-excerpt figure figcaption, #signupfooter .entry-excerpt figure figcaption, article .entry-content img figcaption, #signupfooter .entry-content img figcaption, article .entry-excerpt img figcaption, #signupfooter .entry-excerpt img figcaption, article .entry-content iframe figcaption, #signupfooter .entry-content iframe figcaption, article .entry-excerpt iframe figcaption, #signupfooter .entry-excerpt iframe figcaption | |
| { margin-top: 10px } | |
| article .entry-content figure img, #signupfooter .entry-content figure img, article .entry-excerpt figure img, #signupfooter .entry-excerpt figure img, article .entry-content img img, #signupfooter .entry-content img img, article .entry-excerpt img img, #signupfooter .entry-excerpt img img, article .entry-content iframe img, #signupfooter .entry-content iframe img, article .entry-excerpt iframe img, #signupfooter .entry-excerpt iframe img, article .entry-content figure iframe, #signupfooter .entry-content figure iframe, article .entry-excerpt figure iframe, #signupfooter .entry-excerpt figure iframe, article .entry-content img iframe, #signupfooter .entry-content img iframe, article .entry-excerpt img iframe, #signupfooter .entry-excerpt img iframe, article .entry-content iframe iframe, #signupfooter .entry-content iframe iframe, article .entry-excerpt iframe iframe, #signupfooter .entry-excerpt iframe iframe | |
| { border: 0; margin: 0; border-radius: 0; } | |
| article .entry-content .storify-items figure, #signupfooter .entry-content .storify-items figure, article .entry-excerpt .storify-items figure, #signupfooter .entry-excerpt .storify-items figure | |
| { border: 0; margin: 0; display: block; border-radius: 0; } | |
| article .entry-content img.no-border, #signupfooter .entry-content img.no-border, article .entry-excerpt img.no-border, #signupfooter .entry-excerpt img.no-border, article .entry-content img.banner, #signupfooter .entry-content img.banner, article .entry-excerpt img.banner, #signupfooter .entry-excerpt img.banner | |
| { border: 0; display: inline; margin: auto; border-radius: 0; } | |
| article .entry-content .picCenter, #signupfooter .entry-content .picCenter, article .entry-excerpt .picCenter, #signupfooter .entry-excerpt .picCenter | |
| { border: 0; border-radius: 0; } | |
| article .entry-content .fitvid, #signupfooter .entry-content .fitvid, article .entry-excerpt .fitvid, #signupfooter .entry-excerpt .fitvid | |
| { margin: 0 auto 20px } | |
| article .entry-content p, #signupfooter .entry-content p, article .entry-excerpt p, #signupfooter .entry-excerpt p | |
| { line-height: 19px; margin-bottom: 20px; } | |
| article .entry-content>:last-child, #signupfooter .entry-content>:last-child, article .entry-excerpt>:last-child, #signupfooter .entry-excerpt>:last-child | |
| { margin-bottom: 0 } | |
| article footer, #signupfooter footer { margin: 20px 0 0 } | |
| .oldie article .fitvid, .oldie #signupfooter .fitvid | |
| { padding-bottom: 20px } | |
| .tweet .entry-content blockquote, .tweet .entry-excerpt blockquote | |
| { border-color: #084162; font-size: 16px; line-height: 1.5; } | |
| @media (min-width:768px) { | |
| article .entry-content .small-blog-img, article .entry-excerpt .small-blog-img, article .entry-content .picLeft, article .entry-excerpt .picLeft, article .entry-content .picRight, article .entry-excerpt .picRight | |
| { float: right; margin: 0 0 5px 30px; } | |
| } | |
| .oldie article .entry-content .small-blog-img, .oldie article .entry-excerpt .small-blog-img, .oldie article .entry-content .picLeft, .oldie article .entry-excerpt .picLeft, .oldie article .entry-content .picRight, .oldie article .entry-excerpt .picRight | |
| { float: right; margin: 0 0 5px 30px; } |
Maybe they are using SASS/LESS/GSS? This might be the compiled output, although it does not look like that... o_O
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Why don't you use sass or less? But more importantly, why does barackobama.com have an online store?