/* ============================================================================== ** ** COMMON ELEMENTS ** ** SCOPE: GLOBAL ** REVISION: 0.1 ** DATE: 03/23/11 ** AUTHORS: DUNCAN MCALESTER (DUNCAN@LAYER-51.COM) ** USAGE: ** NOTES: These style directives are used on common elements that can appear on any page of the site, but are not required on every page. ** TODO: ** REVISION HISTORY ------------------------------------------------------------------------------ ============================================================================== */ /* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */ /* Including lib.less - this template is intentionally left blank and does not need to be included on the live server */ /* Including lib.less - this template is intentionally left blank and does not need to be included on the live server */ /* =========================================================================== */ /* ** COLUMNS ** ** DESCRIPTION: Defines the standard ** USAGE: ** NOTES: The container default is 75% width and will grow between 960 and 1300px ** */ .col100 { width: 94.6% !important; } .col80 { width: 74.6% !important; } .col75 { width: 69.6% !important; } .col70 { width: 64.6% !important; } .col66 { width: 60.6% !important; } .col60 { width: 54.6% !important; } .col50 { width: 44.6% !important; } .col40 { width: 34.6% !important; } .col33 { width: 27.6% !important; } .col30 { width: 24.6% !important; } .col25 { width: 19.6% !important; } .col20 { width: 14.6% !important; } .col15 { width: 4.4% !important; } .col100, .col80, .col75, .col70, .col66, .col60, .col50, .col40, .col33, .col30, .col25, .col20, .col15, .col10, .col5 { padding: 2.7%; display: block; float: left; } #main { margin: 0 0 auto 14em; padding: 1em; background: #fff; } .one-col #main { margin-left: 0; width: 96% !important; } #quicknav { margin: 0 1em 1em 0; width: 20%; position: absolute; top: 0; } #asides { margin: 0.65em 1em 0; } #asides aside header h1, #asides aside header h2 { border-bottom: 1px solid #d3d3d3 !important; margin: 0.7em 0; } #asides aside ul li { border-bottom: 1px solid #d3d3d3; padding-bottom: 10px; } #asides aside ul li ul li { border-bottom: medium none; } #asides aside ul li:last-child { border-bottom: medium none; } #asides aside ul.form-list-item li { border-bottom: none; } #asides aside figure { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 7px 7px 0 rgba(100, 100, 100, 0.33); display: block; margin-top: 2em; text-align: center; } #site-tools { display: block; float: right; } .main_list { list-style: none outside none; margin: 0; padding: 0; } .main_list li { border-bottom: 1px solid #EAECE8; padding: 15px 0; } .main_list h2 { padding: 0 0 5px 0; } /* ** SEARCH ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */#site-search { display: block; height: auto; width: 200px; margin: 13px 0 0 20px; padding: 0; overflow: hidden; float: right; font-family: 'Trade Gothic W02 Bold 2', sans-serif; line-height: 1; } #site-search legend { display: none; } #site-search fieldset { overflow: hidden; margin: 0; width: 95%; height: 30px; padding: 0; background: none !important; } #site-search::before { content: ""; display: block; float: left; height: 16px; width: 22px; margin: 6px -15px 0 0; } #search-field { font-family: 'Trade Gothic W02 Bold 2', sans-serif; text-align: left; font-size: 1.1em; border: none; width: 80%; height: 26px; padding: 0 0 0 12px; margin: 1px 0 0 5px; color: #c3c6c7; background: #ffffff url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) right -19px no-repeat; } #search-field:focus { background: #ffffff url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) right -19px no-repeat; } .ie9 input[type="radio"], .ie9 input[type="checkbox"] { width: 19px; height: 19px; } .ie7 #site-search fieldset, .ie8 #site-search fieldset { overflow: hidden; } .ie7 #search-field, .ie8 #search-field { overflow: hidden; margin-top: 8px; height: 20px; } /* ** TOOLBAR ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */ #toolbar { float: right; width: 230px; max-width: 230px; min-width: 230px; height: 70px; padding-top: 0; margin: 28px 60px 0 0; font-family: 'Trade Gothic W02 Bold 2', sans-serif; color: #fff; } .ie7 #toolbar { filter: none; } #sign-up { text-transform: uppercase; color: #7c92ab; padding: 5px 13px 5px 50px; background: #ffffff url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) 12px 7px no-repeat; /* Old browsers */ background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) 12px 7px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3dae3 100%); /* FF3.6+ */ background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) 12px 7px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d3dae3)); /* Chrome,Safari4+ */ background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) 12px 7px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3dae3 100%); /* Chrome10+,Safari5.1+ */ background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) 12px 7px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3dae3 100%); /* Opera 11.10+ */ background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) 12px 7px no-repeat, -ms-linear-gradient(top, #ffffff 0%, #d3dae3 100%); /* IE10+ */ background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/site-tools.png) 12px 7px no-repeat, linear-gradient(top, #ffffff 0%, #d3dae3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3dae3', GradientType=0); /* IE6-9 */ } #sign-up::before { content: ""; display: none; background: none; } #sign-up:hover { text-decoration: none; color: #7c92ab; } /* ** SOCIAL MEDIA ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */ #social-media { padding: 0; margin-left: 0; clear: both; overflow: hidden; } #social-media li { display: block; text-indent: -999em; margin-bottom: 1px; margin-right: 9px; float: left; } #social-media a { display: block; height: 30px; width: 30px; background: transparent url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/social-media.png) 0 0 no-repeat; } #social-media .twitter a { background-position: -30px -35px; } #social-media .instagram a { background-position: -86px -109px; } #social-media .youtube a { background-position: -58px -72px; } #social-media .espanol a { height: 16px; background: none; text-indent: 0; color: #fff; width: auto; padding-top: 14px; text-transform: uppercase; } .facebook a:hover { background-color: transparent !important; } .twitter a:hover { background-color: transparent !important; } .youtube a:hover { background-color: transparent !important; } /* ** MORE BUTTON ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */ .more { background: #7c92ab; color: #fff !important; font-size: .65em; padding: .45em .7em .35em .7em; text-transform: uppercase; } .more:hover { background: #9bacbf; text-decoration: none; } /* ** EVENT ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */ .calendar-icon { display: block; height: 1.5em; width: 1.15em; padding: .15em .25em .45em .45em; margin: 0 1em 0 0; background: #7c92ab; color: #fff; font-family: 'Trade Gothic W02 Bold', sans-serif; font-size: 1.818em; line-height: .9; letter-spacing: -1px; float: left; clear: left; } .calendar-icon abbr { letter-spacing: normal; font-family: 'Trade Gothic W02 Bold 2', sans-serif; font-size: 14px; font-size: .775rem; line-height: 0; text-transform: uppercase; border: none; } /* ** BREADCRUMBS ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */ #breadcrumbs { clear: left; list-style: none; margin: 0 0 2em 0; padding: 0; display: block; font-family: 'Trade Gothic W02 Bold 2', sans-serif; font-size: .761em; border-bottom: 1px solid #eaece8; } #breadcrumbs li { display: inline; margin: 0; } #breadcrumbs li a { margin: 0 .231em; } #breadcrumbs li:first-child a { margin-left: 0; } /* ** LIST ** ** DESCRIPTION: Table based list element including pagination ** USAGE: Typically used for "press browser" style navigation ** NOTES: ** */ .listing { display: table; width: 100%; } .listing td { vertical-align: top; font-size: .9em; line-height: 1.4; padding: 1em .5em; } .listing td.date { text-align: center; } .listing tr:nth-child(even) { background-color: #fcfcfc; } .listing h2 { font-size: 1.231em; display: block; } .listing .divider td { border-bottom: 1px solid #ecf0f1; background: #fff; padding: 2.6em 0 0 0 !important; vertical-align: bottom; width: 76%; } .listing .divider td time { font-weight: lighter; font-size: .8em; } .listing .sort { background-color: #a3aa3a; } .listing .sort th { text-algin: left !important; } .listing .sort a { font-size: .825em; font-weight: normal; color: #fff; cursor: pointer; } #actions { height: 35px; border-top: 1px solid #CCCCCC; font-weight: bold; list-style: none outside none; margin: 0 0 1em 0; padding: 14px 0 14px 0; text-shadow: none !important; } #actions li { float: left; } #actions li a { background: #7c92ab; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #abb9c9), color-stop(0.02, #7c92ab), color-stop(1, #6b7e93)); background: -webkit-linear-gradient(top, #abb9c9 3% #7c92ab 4%, #6b7e93 100%); background: -moz-linear-gradient(top, #abb9c9 3%, #7c92ab 4%, #6b7e93 100%); background: -o-linear-gradient(top, #abb9c9 3%, #7c92ab 4%, #6b7e93 100%); background: linear-gradient(top, #abb9c9 3%, #7c92ab 4%, #6b7e93 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #7c92ab , endColorstr= #6b7e93 ); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border: 1px solid #596f83; color: #FFFFFF; font-size: 0.8em; margin: 0 10px 0 0; padding: 4px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; } #actions li a:hover { text-decoration: none; background: #8c9fb5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #cad3dd), color-stop(0.02, #8c9fb5), color-stop(1, #7a8b9e)); background: -webkit-linear-gradient(top, #cad3dd 3% #8c9fb5 4%, #7a8b9e 100%); background: -moz-linear-gradient(top, #cad3dd 3%, #8c9fb5 4%, #7a8b9e 100%); background: -o-linear-gradient(top, #cad3dd 3%, #8c9fb5 4%, #7a8b9e 100%); background: linear-gradient(top, #cad3dd 3%, #8c9fb5 4%, #7a8b9e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #8c9fb5 , endColorstr= #7a8b9e ); } #actions .print { height: 2.8em; } #actions .email { height: 2.8em; } #actions .facebook-like { height: 2.8em; clear: left; } #actions .tweet { height: 2.8em; } .two-col .facebook-like, .one-col .facebook-like, .quick-nav .facebook-like { clear: none !important; } .pagination { clear: both; position: relative; margin: .618em auto 0 auto; padding: 1em 1em 3em 1em; overflow: show; font-size: .761em; color: #444; background-color: #efefef; } .ie7 .pagination { height: 20px; padding: 5px 15px 15px 15px; } .pagination select { position: relative; width: 3em; height: 2em; margin: -0.2em 0 auto 0.3em; } .listing-jump { position: absolute; } .listing-increment { position: absolute; top: 1.231em; right: 1em; display: block; } .listing-increment a { cursor: pointer; padding: 0 5px; background: none !important; } .listing-increment a.selected { color: #a85111; } .ie7 .listing-increment { margin-top: 2px; } /* ** INLINE SEARCH ** ** DESCRIPTION: This is for the search that typically appears in the asides column ** USAGE: ** NOTES: ** */ .ie7 .inline-search input[type="text"] { width: 70%; } .inline-search { padding-top: 0; overflow: hidden; clear: both; } .inline-search fieldset { padding: 0; background: none; margin-bottom: 1em; } .inline-search legend { padding-bottom: .317em !important; display: block !important; } .inline-search select { font-size: .9em; margin-right: 0.4em; width: 37% !important; float: left; height: 30px; } .inline-search input[type="text"] { font-size: .9em; padding: 6px; float: left; width: 76%; } .inline-search .button { font-size: .9em; float: right; width: 20%; margin-right: 2px; padding: 0 !important; height: 29px; } .selct li { float: left; width: 40%; } /* ** PEOPLE LIST ** ** DESCRIPTION: Used for a list of people that use the hcard format. Mostly used for Hearings ** USAGE: ** NOTES: ** */ .people { list-style: none; margin: 0; padding: 0; } .people li { margin-bottom: 1.231em; } .people .fn, .people .honorific-prefix { color: #444; font-weight: bold; } .people .title, .people .org, .people .adr { font-size: .9em; line-height: 1.4; } /* ** LOCATIONS ** ** DESCRIPTION: Used for a list of people that use the hcard format. Mostly used for Hearings ** USAGE: ** NOTES: ** */ .locations .org { font-size: 1.1em; font-weight: bold; } /* ** ENTRIES ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */ .hnews h1 a:hover { text-decoration: none; } /* ** TAGS ** ** DESCRIPTION: Tags are used ** USAGE: ** NOTES: ** */ .tags dt { display: inline; font-weight: bold; } .tags dd { margin: 0; padding: 0; display: inline; } .tags dd::after { content: ", "; } .tags dd:last-child::after { content: ""; } /* ** LANDING PAGE LIST ** ** DESCRIPTION: Used for pages that have a list of all the child pages Typically used on pages like the Issues or Services landing pages ** USAGE: ** NOTES: ** */ #landing-page-list { list-style: none; margin: 0; padding: 0; } #landing-page-list h2 { margin: 0; border: none; } #landing-page-list li { overflow: auto; clear: both; padding: 1.333em 0 1.333em 0; border-bottom: 1px dotted #c0bcb2; } #landing-page-list li:last-child { border: none; } #landing-page-list img { width: 25%; margin-right: 5%; float: left; } /* ** ACCORDIAN ** ** DESCRIPTION: Default styles for text based Accordian elements ** USAGE: Create a DL element with the class .accordian Assign the class .toggler to the DT element Assign the class .togglee to the DD element ** NOTES: The default behvior will add toggle arrows in the light accent variable and create a background color block. ** */ .accordian { list-style: none; padding: 0; margin: 0; } .accordian .toggler { padding: 1em 0 1em 0; border-top: 1px solid #ffffff; } .accordian .toggler { overflow: auto; line-height: 1.4; padding-left: 1.85em; cursor: pointer; background: #ffffff; } .accordian .toggler:before { display: inline-block; height: 0; content: ''; padding: 0; margin: auto 0.8em auto -1.2em; border-left: 10px solid #f2edda; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: none; } .accordian .open:before { border-left: 5px solid transparent; border-top: 10px solid #f2edda; border-right: 5px solid transparent; border-bottom: none; } .accordian .togglee { clear: both; margin-left: 1.85em; padding-bottom: 1em; border-top: 1px solid #f2edda; } .accordian .togglee > p { padding: 1em 0; font-size: .9em; line-height: 1.3; } /* ** BUTTON ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */ .button { position: relative; outline: 0 !important; padding: .8em .75em .8em .75em; display: inline-block; color: #fff; border: none; background: #7c92ab; font-family: 'Trade Gothic W02 Bold 2', sans-serif; font-size: .875em; line-height: 1; text-transform: uppercase; } .button:hover { color: #fff; } .button:active { color: #fff; } a.button, a.button:hover { color: #FFFFFF; text-align: center; text-decoration: none; } .ie8 .button, ie7 .button { padding: .5em .75em .5em .75em; } /* ** ASIDES ** ** DESCRIPTION: ** USAGE: ** NOTES: ** */#asides dt { font-weight: bold; } .no-list { margin: 0; padding: 0; list-style: none; list-style-image: none; } .no-list li { position: relative; padding: 0; margin: 0; } .facts dd dt { margin-top: 1em; } .facts dd dd { margin-left: .5em; margin-bottom: .5em; } .facts dd { line-height: 1.2; margin: 0 0 1.231em 0; } .ie7 .acrobat a, .ie7 .word a, .ie7 .excel a, .ie7 .powerpoint a, .ie7 .document a, .ie7 .flash a, .ie7 .vid a, .ie7 .avi a, .ie7 .h264 a, .ie7 .aud a, .ie7 .mp3 a, .ie7 .txt a, .ie7 .filesize { margin-left: 0; float: left; width: 90%; } .acrobat a, .word a, .excel a, .powerpoint a, .document a, .flash a, .vid a, .avi a, .h264 a, .aud a, .mp3 a, .txt a, .filesize { margin-left: 2em; display: block; } .filesize { margin-top: -1.5em; font-size: .675; } .ie7 .filesize { display: none; } .filesize::before { content: "("; } .filesize::after { content: ")"; } .filetype { height: 17px !important; width: 14px !important; display: block; margin: 1px 1em auto 0; float: left; text-indent: -999em; background-repeat: no-repeat; background-position: center center; } .acrobat .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -126px 0 no-repeat; } .word .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -112px -14px no-repeat; } .excel .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -98px -28px no-repeat; } .powerpoint .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -84px -42px no-repeat; } .document .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -56px -70px no-repeat; } .txt .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -56px -70px no-repeat; } .flash .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -70px -56px no-repeat; } .gallery .filetype { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/img/square-icons.png) -42px -84px no-repeat; } .vid .filetype, .avi .filetype, .h264 .filetype { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAARCAYAAAAG/yacAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMThEQkJGNTAwMDFENjJCODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTFENDY1MTRFQjlGMTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTFENDY1MTNFQjlGMTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTgwMTE3NDA3MjA2ODExOERCQkVBOTcxMDUxQzZGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjgwMTE3NDA3MjA2ODExOERCQkY1MDAwMUQ2MkI4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiSqm78AAAH+SURBVHjaVFM7a1VBEJ5ZbvwTgkFbKwUrsbMTbxeLdDYKPkpNGm18oIKiQgiIEsjLWF25iD8jqWzS2EQUGx+557Wvcb7ZkwPuOXNmd3Z2vplv5/Dm1kchHaIP64MFvlmKJmY6NjdHVxYuMfWDN7YmcuH8ORoMKlkEviRSbDdu30NU+vxpzQ66HBN1PtD8/HGGbjtPIQSzQbz31MPTzoephRl5dahmFe3ufSlpIryUdHPOhoSvU1nfnND6xkRcUKS6aejsmdPcqG7qhupWddNS13YmbqimIPLLV+/k1MkTJbpkM2ZlIRdYQy7obPvIwEUgafTL44tcKdKsKlJXNc0OK/r1+w/9+P6TDg6+0YIyuL//lfjBw9cyGrkB3fuoEuwSgAg06J5ISikqUogU1HF56SYf/q2obToCelSb7UVIUEY9PX2yzAjId+4+kqgbR0OksGZ1HbGX8rCfUuqRVF48v8/QiARkzEsWuk7B7m519TEDla9dXxIEBF82AT8ZXYG1WFdkSf28iAOc9y29ffOMkWYIqUdRe19TDJliEtreXmHUy4uLt8SiSsmdtelSTkNUE2OvaGTiLJKe3nm/wkkPIXd0CZBgT5in4jOdrrFXfx6Pr/7HXmFI+p9FFFWs78Cmc8gi0wgHklVe3PBqmepg1Jg9WfuQoukvo+n+E2AAjAbFhk3/Hb0AAAAASUVORK5CYII=); } .aud .filetype, .mp3 .filetype { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAARCAYAAAAG/yacAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMThEQkJGNTAwMDFENjJCODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTFENDY1MTBFQjlGMTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE2RENEOUVFQjg5MTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTgwMTE3NDA3MjA2ODExOERCQkVBOTcxMDUxQzZGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjgwMTE3NDA3MjA2ODExOERCQkY1MDAwMUQ2MkI4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PidIPBAAAAHOSURBVHjahFNLbhNBEH01noVtIWfjCOSsE1ucxeyQ5RMAV7C9shw7QrDGC4gX8YKPlCwDAg6BlIVzDH8Ck2j6Q1V1j+UgpLRU093VVfVeve6hfr/veeChMZlMaLvp9XreOafmi9mLeV3L+c1mo7MUF0uICHwGDoP1jtcONu4LBlmWYTgcYjAYqCOVA+fsFlniiO5TW65W8IEVpJ1UnFJdnKRGMNZiPDrGi1cvIUxms5nOxUhlY4wBJQmjOE2ynHT64T0+f/qIX1dXIYEpUEIYcbFEMi0n2TyYFHDW4fWbt/hyfoHpu6n6DPvyPLQRepJGnIHngiQf3i6XS6SlEirlMiO7e31qT8bkjE6ILJAwjbvbDNVHVXS6XUYx2NVGk0KlIL0KwbPILIiirCT4WHAHiQ/IY73e4OeP76jX91GuVJCb0KMqG+WV4mlAsIrw7fIrxicTNB4/QftZG579gi4Zen8Mpy9CPqoO93XYPMLTVgvXiwWedzqMVmVlc5ioas5rRSouV3g3m00MRyNkv/+gVtvbMhCY3Set9OQytVm2xkFD+VtWDNEXlKOt7PGeXGw0EVg4jSlCJTGkcpj2pPTmZ/P4WP//X9E/L/ivAAMAyig4+0AeTQgAAAAASUVORK5CYII=); } .errorMessage { z-index: 1000; display: block; padding: 0 10px; height: auto; color: #fff; font-family: sans-serif; font-size: 1em; } #cerabox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1106; display: none; } #cerabox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("/web/20160625014629im_/http://www.whitehouse.senate.gov/styles/images/cerabox/cerabox.png"); } #cerabox-background { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; background: #FFF; opacity: .5; } #cerabox { position: absolute; top: 50%; left: 50%; z-index: 1101; display: none; opacity: 0; background: #fff; } #cerabox .cerabox-content { width: 100%; height: 100%; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; /*CSS3*/ -moz-box-shadow: 0 0 30px -5px #333333; -webkit-box-shadow: 0 0 30px -5px #333333; box-shadow: 0 0 30px -5px #333333; /* For IE 8 */ /*filter:progid:DXImageTransform.Microsoft.Glow(Color='#CCCCCC',Strength=3);*/ /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/ /* For IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/ } #cerabox .cerabox-content img { float: left; } #cerabox .cerabox-content span { font-family: Helvetica; font-size: 12px; margin: 10px; display: block; color: #000; line-height: normal; } #cerabox .cerabox-title { z-index: 1102; position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; background: #000; background: rgba(0, 0, 0, 0.8); width: 100%; } #cerabox .cerabox-title span { font-family: Helvetica; font-size: 12px; margin: 10px; display: block; line-height: normal; } #cerabox .cerabox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/web/20160625014629im_/http://www.whitehouse.senate.gov/images/cerabox/cerabox.png') -40px 0px; cursor: pointer; z-index: 1105; } #cerabox .cerabox-content img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #cerabox .cerabox-content iframe { width: 100%; height: 100%; border: none; display: block; } #cerabox a.cerabox-left, #cerabox a.cerabox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/web/20160625014629im_/http://www.whitehouse.senate.gov/images/cerabox/blank.gif'); z-index: 1104; display: none; } #cerabox a.cerabox-left { left: 0px; } #cerabox a.cerabox-right { right: 0px; } #cerabox a.cerabox-left span, #cerabox a.cerabox-right span { position: absolute; top: 50%; /*left: -9999px;*/ width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1104; display: block; } #cerabox a.cerabox-left:hover span { background-image: url('/web/20160625014629im_/http://www.whitehouse.senate.gov/images/cerabox/cerabox.png'); background-position: -40px -30px; left: -15px; } #cerabox a.cerabox-right:hover span { background-image: url('/web/20160625014629im_/http://www.whitehouse.senate.gov/images/cerabox/cerabox.png'); background-position: -40px -60px; right: -15px; } #cerabox .cerabox-content-protection { display: none; position: absolute; background: transparent url('/web/20160625014629im_/http://www.whitehouse.senate.gov/images/cerabox/blank.gif'); z-index: 1103; left: 0; right: 0; bottom: 0; top: 0; } /*IE6*/ #cerabox-loading.ceraboxbox-ie6 { position: absolute; margin-top: 0; } h3.gallery-name { font-weight: bold; } /* gallery details page */ #thumbnails_container { background-color: #f4f4f4; font-size: .9em; padding: 12px; letter-spacing: .1em; color: #484b51; margin-bottom: 10px; } #thumbnails_container img { float: left; width: 124px; background: none repeat scroll 0 0 #F0F0F0; border: 7px solid #F0F0F0; } .timeline-header { height: 29px; padding: 12px 10px 0 10px; border-bottom: 2px solid #1784B6; background: #1784b6 url(/web/20160625014629im_/http://www.whitehouse.senate.gov/images/timeline/header.png) repeat-x; } .timeline-header ul { height: 20px; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #fff; } .timeline-header ul li { float: left; height: 20px; margin: 0 15px 0 0; padding: 0; background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/images/timeline/header-li.png) no-repeat center bottom; } .timeline-header ul li a { cursor: pointer; font-size: 12px; font-weight: bold; line-height: 1em; letter-spacing: 1px; color: #fff; font-size: 1em; } .timeline-header ul li a.selected, .timeline-header ul li a:hover { color: #2A3D48; text-decoration: none; font-size: 1em; } .loading { height: 300px; background: #f8f8f8 ; } .timeline-content { background-color: #f8f8f8; } .timeline-content .timeline-main { margin: 0; padding: 0; list-style: none; overflow: visible; } .timeline-content .timeline-main li { background: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/images/timeline/li.png) repeat-y 95px 0; padding: 20px; } .timeline-content .timeline-main .alt { background-color: #f1f1f1; } .timeline-content .timeline-main .timeline-left { float: left; width: 15%; height: 100%; } .timeline-content .timeline-main .timeline-left h3 { border-bottom: 0; font-size: 17px; } .timeline-content .timeline-main .timeline-right { float: right; width: 85%; font-size: .9em; } .timeline-content .timeline-main .timeline-right ul { list-style-image: url(/web/20160625014629im_/http://www.whitehouse.senate.gov/images/timeline/main-li.png); } .timeline-content .timeline-main .timeline-right ul li { padding: 0; background: none; } .timeline-content .timeline-main .timeline-right ul li + li { margin-top: 20px; } /* ** 900 ** ** DESCRIPTION: Styles that apply to screens 900 pixels wide and down ** USAGE: ** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens ** */ @media only screen and (max-width: 900px) { #toolbar { margin: 10px 0 0; } #site-search { width: 115px; margin-top: 8px; } #site-search::before { height: 0; } #main { margin: 0 0 auto 12em; } #asides { width: 20%; } } @media only screen and (max-width: 820px) { #toolbar { display: none; } #site-search { display: none; } } /* ** 600 ** ** DESCRIPTION: Styles that apply to screens 480 and belows pixels wide and down ** USAGE: ** NOTES: Typically this means mobile phones held in portrait ** */ @media only screen and (max-width: 600px) { #main { margin: 0 0 auto 0; } } /* ** 480 ** ** DESCRIPTION: Styles that apply to screens 480 and belows pixels wide and down ** USAGE: ** NOTES: Typically this means mobile phones held in portrait ** */ @media only screen and (max-width: 479px) { #social-media { float: none; overflow: auto; width: 90%; margin: 0 5% 1em 5%; } #social-media li { margin-right: 1px; float: left; } #site-footer #social-media { float: left; margin-left: 0; padding: 0 25%; text-align: center; top: 18px; } #toolbar { display: none; } } #photo-container { overflow: hidden; width: 720px; height: 320px; padding: 5px 0px 25px 0px; } #photo-container #med { float: left; width: 70%; } #photo-container #thumb { float: left; width: 20%; } #photo-container #thumb ul { margin: 5px 15px 0px 0px; width: 100%; } #photo-container #thumb ul li { border: medium none !important; float: left !important; height: 100px; list-style: none outside none !important; margin: 0 0 17px !important; overflow: hidden; padding: 0 0 0 !important; } #top-hits-container { margin: 1em 0; padding: 1em 0; background-color: #ebebeb; border-radius: 10px; } #top-hits-container #top-hits-verbiage { padding-left: 20px; } #top-hits-container ol { margin-bottom: 0; } #messages_panel iframe { padding: 15px; width: 90%; } /* FILE ARCHIVED ON 01:46:29 Jun 25, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 00:56:40 Nov 06, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 73.68 exclusion.robots: 0.223 exclusion.robots.policy: 0.214 cdx.remote: 0.074 esindex: 0.01 LoadShardBlock: 42.598 (3) PetaboxLoader3.datanode: 57.959 (4) CDXLines.iter: 19.202 (3) load_resource: 87.201 PetaboxLoader3.resolve: 45.602 */