Collection Country Studies Featured Content Sections Menu
Skip to main content
.header-overlay
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 998;
background-color: #000000;
/* fallback */
background-color: rgba(0, 0, 0, 0.5);
.header
background-color: #fff;
border-top: 4px solid #FC4C02;
border-bottom: 1px solid #bfbfbf;
position: relative;
z-index: 999;
.header-container
max-width: 85.71428571rem;
width: 100%;
margin: 0 auto;
padding: 0 2rem;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
@media (max-width: 768px)
.header-container
padding-left: 1rem;
padding-right: 1rem;
.header-row
display: flex;
align-items: center;
min-height: 70px;
@media (min-width: 993px)
.header-row
align-items: flex-end;
.header-logo
width: 161px;
@media (min-width: 993px)
.header-logo
width: 363px;
padding: 25px 0;
.header-logo > a
display: block;
width: 363px;
height: 90px;
.header-logo > a > img
width: 100%;
height: auto;
.header-logo > a > span
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
@media (max-width: 992px)
.header-logo > a
width: 161px;
height: 40px;
@media print
.header-logo > a
display: none;
@media (max-width: 992px)
.header-logo
padding: 0;
@media print
.header-logo
padding: 1rem 0;
height: 68px;
display: block;
.header-logo:after
content: url("/static/images/logo-loc-new-branding.svg?74629");
display: block;
width: 100%;
height: 100%;
jQuery(function($)
// UX Interaction Tracking - Logo, Menu, Search, Breadcrumbs
$('.header-logo a').live('click', function()
UX.interaction($(this), 'LC Logo', 'Click', '');
);
);
.header-search
flex: 1 1 0%;
padding-left: 30px;
@media (min-width: 993px)
.header-search
padding: 25px 0 25px 210px;
.header-search > form
display: flex;
flex-wrap: wrap;
border: 1px solid #000;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
@media (max-width: 768px)
.header-search > form
flex: 1 0 100%;
.header-search > form .header-search-formats
position: relative;
color: #000;
border-bottom: 1px solid #000;
flex: 0 0 100%;
@media (min-width: 481px)
.header-search > form .header-search-formats
flex: none;
border: none;
.header-search > form .header-search-formats:after
content: "f107";
font-family: FontAwesome;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
height: 30px;
line-height: 30px;
padding: 0 6px;
font-size: 12px;
.header-search > form .header-search-formats .header-search-format-select
border: none;
height: 30px;
width: 100%;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
@media (max-width: 480px)
.header-search > form .header-search-formats .header-search-format-select
font-size: 16px;
.header-search > form .header-search-formats .header-search-format-select::-ms-expand
display: none;
.header-search > form .header-search-formats .header-search-format-select:hover,
.header-search > form .header-search-formats .header-search-format-select:focus
box-shadow: inset 0 0 3px #000 !important;
.header-search > form .header-search-input-wrapper
flex: 1 1 1%;
position: relative;
.header-search > form .header-search-input-wrapper .header-search-input
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: none;
border-left: 1px solid #000;
height: 30px;
line-height: 30px;
@media (max-width: 480px)
.header-search > form .header-search-input-wrapper .header-search-input
font-size: 16px;
border: none;
.header-search > form .header-search-input-wrapper .header-search-input:focus
box-shadow: inset 0 0 3px #999 !important;
.header-search > form .header-search-button
height: 30px;
font-size: 18px;
padding: 0 10px;
background-color: #000;
border-color: #000;
.header-search > form .header-search-button > span
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
.header-search > form .header-search-button .icon
line-height: inherit;
@media (max-width: 768px)
.header-search > form
display: none;
.header-search > form.header-search-form-active
display: flex;
.header-search .header-search-toggle
display: none;
height: 32px;
font-size: 1.25rem;
padding: 0 10px;
background-color: #000;
border-color: #000;
.header-search .header-search-toggle span
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
@media (max-width: 768px)
.header-search .header-search-toggle
display: inline-block;
float: right;
.header-search .header-search-toggle.header-search-toggle-close
background-color: transparent;
border-color: transparent;
color: #00618e;
font-size: 36px;
color: #FC4C02;
height: auto;
flex: none;
.header-search .header-search-toggle.header-search-toggle-close:hover,
.header-search .header-search-toggle.header-search-toggle-close:focus
background-color: transparent;
border-color: transparent;
color: #002347;
@media (max-width: 768px)
.header-search
min-height: 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 0 !important;
.header-search.header-search-close
padding: 0 55px 0 1rem !important;
z-index: 2;
background: #fff;
overflow: hidden;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: flex;
align-items: center;
@media print
.header-search
display: none;
/* autocomplete */
.autocomplete-w1
position: absolute;
top: 1px;
left: 0;
margin: 0;
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
.autocomplete
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #999;
border-top-color: transparent;
background-color: #fff;
cursor: default;
text-align: left;
max-height: 350px;
overflow: auto;
margin: 0;
.autocomplete .selected
background: #efefef;
.autocomplete div
padding: 2px 5px;
white-space: nowrap;
.autocomplete strong
font-weight: normal;
color: #00618e;
.autocomplete-status
font-weight: normal;
font-size: 10px;
float: right;
text-align: right;
position: absolute;
top: -9999px;
left: -9999px;
jQuery(function($)
// UX Interaction Tracking - Logo, Menu, Search, Breadcrumbs
$('.header-search-format-select').change(function()
var label;
$('.header-search-format-select option:selected').each(function()
label = $(this).text().trim();
);
UX.interaction($(this), 'Search', 'Select Format', label);
);
// search toggle
function searchActive()
$('.header-search > form').addClass('header-search-form-active');
$('.header-search .header-search-input').focus();
$('.header-search-toggle i').switchClass('icon-search', 'icon-times', 50);
$('.header-search-toggle').addClass('header-search-toggle-close');
$('.header-search').addClass('header-search-close');
;
function searchInactive()
$('.header-search > form').removeClass('header-search-form-active');
$('.header-search-toggle i').switchClass('icon-times', 'icon-search', 50);
$('.header-search-toggle').removeClass('header-search-toggle-close');
$('.header-search').removeClass('header-search-close');
;
$('.header-search-toggle').live('click', function()
if ($('.header-search > form').hasClass('header-search-form-active'))
searchInactive();
//UX Interaction Tracking
UX.interaction($(this), 'Search', 'Hide', '');
else
searchActive();
//UX Interaction Tracking
UX.interaction($(this), 'Search', 'Show', '');
);
$(window).on("load resize",function(e)
$('.autocomplete-w1').parent().css('width', '100%');
);
);
Everything
Audio Recordings
Books/Printed Material
Films, Videos
Legislation
Manuscripts/Mixed Material
Maps
Notated Music
Newspapers
Periodicals
Personal Narratives
Photos, Prints, Drawings
Software, E-Resources
Archived Web Sites
Web Pages
3D Objects
This Collection
.header-menu
position: relative;
@media (min-width: 769px)
.header-menu
padding-left: 15px;
.header-menu .header-menu-button
color: #000;
border: 0;
background: none;
font-size: 36px;
width: 31px;
height: 70px;
line-height: 1;
padding: 0 15px;
margin-right: -15px;
box-sizing: content-box;
.header-menu .header-menu-button .icon-times
color: #FC4C02;
.header-menu .header-menu-button > span
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
@media (min-width: 993px)
.header-menu .header-menu-button
height: auto;
line-height: normal;
padding: 9px 15px 18px;
.header-menu.header-menu-active .header-menu-button
background: #efefef;
.header-menu .header-menu-container
display: none;
background: #efefef;
position: absolute;
top: auto;
right: -15px;
z-index: 999;
@media (min-width: 993px)
.header-menu .header-menu-container
top: auto;
.header-menu .header-menu-container.header-menu-container-active
display: block;
height: auto;
overflow: auto;
opacity: 1;
.header-menu .header-menu-container > ul
padding-left: 0;
list-style: none;
margin: 0;
padding: 0 53px 0 2rem;
ul .header-menu .header-menu-container > ul
padding-left: 40px;
@media (min-width: 481px)
.header-menu .header-menu-container > ul
padding: 0 153px 0 2rem;
.header-menu .header-menu-container > ul a
color: #333;
.header-menu .header-menu-container > ul > li
padding: 0.5rem 50px 0.5rem 0;
white-space: nowrap;
.header-menu .header-menu-container > ul > li:first-child
padding-top: 1rem;
.header-menu .header-menu-container > ul > li:last-child
padding-bottom: 1rem;
.header-menu .header-menu-container > ul.header-menu-tertiary > li:first-child,
.header-menu .header-menu-container > ul.header-menu-external > li:first-child
border-top: 1px solid #999;
@media print
.header-menu
display: none;
jQuery(function($)
$('.header-menu-link a.menu-link').live('click', function ()
$('.header-submenu, .header-menu, .header-menu-link').toggleClass('on-off');
);
var delay = 800,
global_nav_header_timeout;
$('.header-menu li').live('hover', function(event)
$('.header-dropdown img').each(function(index, image)
var data_source = $(image).attr('data-src');
if(data_source)
$(image).attr(src: data_source, 'data-src': null);
);
if( $(event.target).parents('.hover').length )
return;
$('.header-menu li.hover').removeClass('hover');
$(event.target).closest('li').addClass('hover');
global_nav_header_timeout = setTimeout(function()
$('.header-dropdown').hide();
$('.header-dropdown', $(event.target).closest('li')).show();
, delay);
, function(event)
clearTimeout( global_nav_header_timeout );
$(event.target).closest('li').removeClass('hover');
$('.header-dropdown', $(event.target).closest('li')).hide();
);
$('.header-menu').live('hover', function(event) /*
do nothing on hover over, only on hover out
*/, function(event)
$('.header-menu li.hover').removeClass('hover');
$(event.target).parents('.header-dropdown').hide();
);
//Metrics tracking how users are using the new header
$('.header-menu a, .intersite-navigation a, .locfoot a').live('click', function(event)
s.linkTrackVars = s.linkTrackVar + ",prop57";
var label = $(this).attr('name');
if ( !label )
label = $(this).text().trim();
s.prop57 = label;
s.tl(this,'o',label);
);
function headerMenuActive()
$('.header-menu-container').removeClass('header-menu-container-active').attr('aria-hidden', 'true');
$('.header-menu').removeClass('header-menu-active');
$('.header-menu-button').attr('aria-expanded', 'false');
$('.header-menu-button i').switchClass('icon-times', 'icon-bars', 50);
//$('.header-overlay').hide();
;
function headerMenuInactive()
$('.header-menu-container').addClass('header-menu-container-active').attr('aria-hidden', 'false');
$('.header-menu').addClass('header-menu-active');
$('.header-menu-button').attr('aria-expanded', 'true');
$('.header-menu-button i').switchClass('icon-bars', 'icon-times', 50);
//$('.header-overlay').show();
;
$('.header-menu-button').live('click', function()
if ($('.header-menu-container').hasClass('header-menu-container-active'))
headerMenuActive();
//UX Interaction Tracking
UX.interaction($(this), 'Hamburger Menu', 'Close', '');
else
headerMenuInactive();
//UX Interaction Tracking
UX.interaction($(this), 'Hamburger Menu', 'Open', '');
);
$("html").live("click touchstart keydown",function(event)
headerMenuActive();
);
$(".header-menu").live("click touchstart keydown",function(event)
event.stopPropagation();
// allow escape key to close for accessibility
if (event.which == 27)
headerMenuActive();
);
// menu position and height
$(window).live("load resize scroll",function(e)
var headerHeight = $('.header-menu').outerHeight();
$('.header-menu-container').css("top": headerHeight);
);
// UX Interaction Tracking - Logo, Menu, Search, Breadcrumbs
$('.header-menu-container ul li').live('click', function()
var label = $(this).text().trim();
UX.interaction($(this), 'Hamburger Menu', 'Click', label);
);
);
background-color: #fff;
position: relative;
z-index: 2;
.breadcrumbs-container
max-width: 85.71428571rem;
width: 100%;
margin: 0 auto;
padding: 0 2rem;
background-color: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 12px;
@media (max-width: 768px)
.breadcrumbs-container
padding-left: 1rem;
padding-right: 1rem;
@media (max-width: 768px)
.breadcrumbs-container
display: none;
.breadcrumbs-row
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: -moz-box;
display: flex;
/* NEW, Spec - Firefox, Chrome, Opera */
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-flex-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
margin: 0 0;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
.header-breadcrumbs
-webkit-box-flex: 1;
/* OLD - iOS 6-, Safari 3.1-6 */
-webkit-flex: 1;
/* Safari 6.1+. iOS 7.1+, BB10 */
-ms-flex: 1;
/* IE 10 */
-moz-box-flex: 1;
flex: 1;
/* NEW, Spec - Firefox, Chrome, Opera */
min-width: 0;
/* firefox fix */
margin: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-right: 2rem;
jQuery(function($)
// UX Interaction Tracking - Logo, Menu, Search, Breadcrumbs
$('.header-breadcrumbs a').live('click', function(event)
var label = $(this).attr('name');
if ( !label )
label = $(this).text().trim();
UX.interaction($(this), 'Breadcrumbs', 'click', label);
);
);
collections-content
country-studies-content">
with-tabs
">
Collection
Country Studies
$(document).ready(function()
$('.tab-links ul').clone().addClass('clone').appendTo('.tab-links');
$('.tab-links .clone').each(function()
var list=$(this),
select=$(document.createElement('select')).insertBefore($(this).hide()).change(function()
window.location.href=$(this).val();
);
$('.tab-links').addClass('select-wrapper');
$('>li a', this).each(function()
var option=$(document.createElement('option'))
.appendTo(select)
.val(this.href)
.html($(this).html());
if($(this).attr('class') === 'selected-link')
option.attr('selected','selected');
);
list.remove();
);
$(window).on("load resize",function(e)
if (window.matchMedia('(max-width: 768px)').matches)
$('.tab-links').addClass('select-wrapper');
else
$('.tab-links').removeClass('select-wrapper');
);
);
Featured Content
Cuba : a country study
India : a country study
Iran : a country study
Russia : a country study
jQuery(function( $ )
$(".all-issues-url").bind("click", function(event)
event.preventDefault();
window.open(this.href);
);
$(".toggle-featured").click(function(event)
// Clicking the link to the all issues doesn't close the carousel
if (document.activeElement.className == "all-issues-url")
return false;
var hidden_carousel = $(event.delegateTarget)
.parents('.featured-items-new.hide-carousel');
if( hidden_carousel.length )
lateLoadImages();
$('.icon', event.delegateTarget)
.andSelf()
.toggleClass('icon-plus-square icon-minus-square');
$('.featured-items-content').toggle();
if( hidden_carousel.length )
hidden_carousel.removeClass('hide-carousel');
$(window).resize();
return false;
);
$('.featured-items-content-list').slick(
infinite: true,
slidesToShow: 5,
slidesToScroll: 5,
lazyLoad: 'ondemand',
dots: true,
responsive: [
breakpoint: 1024,
settings:
slidesToShow: 4,
slidesToScroll: 4
,
breakpoint: 800,
settings:
slidesToShow: 3,
slidesToScroll: 3,
dots: false
,
breakpoint: 600,
settings:
slidesToShow: 2,
slidesToScroll: 2,
dots: false
,
breakpoint: 320,
settings:
slidesToShow: 1,
slidesToScroll: 1,
dots: false
]
);
// Rerun the object-fit polyfill
//metrics
$('.slick-prev').bind('click', function(event)
UX.interaction($(this), 'Featured Content', 'rotate', 'prev');
);
$('.slick-next').bind('click', function(event)
UX.interaction($(this), 'Featured Content', 'rotate', 'next');
);
$('.featured-item-img').bind('click', function(event)
var label = 'Image: ' + $(event.target).parent().text(),
index = $(event.target).data('featured-item-index');
UX.interaction($(this), 'Featured Content', 'click', 'Image[' + index + ']');
);
$('.featured-item-title').bind('click', function(event)
var label = $(event.target).text(),
index = $(event.target).data('featured-item-index');
UX.interaction($(this), 'Featured Content', 'click', 'Item[' + index + '] Title:' +label);
);
$('.toggle-featured').bind('click', function(event));
if( $('.featured-items-new.show-carousel').length )
$('.featured-items-content').css("display", "block");
$(window).resize();
);
About this Collection
Contains the electronic versions of 80 books previously published in hard copy as part of the Country Studies Series by the Federal Research Division. Intended for a general audience, books in the series present a description and analysis of the historical setting and the social, economic, political, and national security systems and institutions of select countries throughout the world. Most books in the series deal with a single foreign country, but a few cover several countries or a geographic region. The series includes several books on countries that no longer exist in their original configuration—such as Czechoslovakia, East Germany, the Soviet Union, Sudan, and Yugoslavia. These books remain in the series because they continue to offer valuable historical information and perspective. In some cases, studies on successor states are also part of the series.
Each book was written by a multidisciplinary team of social scientists, who sought to adhere to accepted standards of scholarly objectivity. The books represent the analysis of the authors and should not be construed as an expression of an official U.S. government position, policy, or decision.
.footer
background-color: #f5f5f5;
border-top: 1px solid #999;
padding-top: 35px;
.footer a
color: #666;
@media print
.footer
display: none;
.footer-container
max-width: 85.71428571rem;
width: 100%;
margin: 0 auto;
padding: 0 2rem;
background-color: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
@media (max-width: 768px)
.footer-container
padding-left: 1rem;
padding-right: 1rem;
.footer-social-links-wrapper
border-bottom: 1px solid #999;
padding-bottom: 21px;
margin-bottom: 21px;
text-align: center;
.footer-social-title
font-size: 18px;
font-weight: normal;
color: #666;
display: inline-block;
margin: 0 28px 0 0;
@media (max-width: 992px)
.footer-social-title
display: block;
margin: 0 0 7px;
.footer-social-links
padding-left: 0;
list-style: none;
margin: 0 -7px;
display: inline-block;
margin-bottom: 0;
.footer-social-links > li
display: inline-block;
margin: 0 7px;
.footer-social-links > li i
font-size: 17.5px;
.footer-social-links > li span
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
.footer-social-links > li a .icon-external-link
font-size: 12.6px;
color: #666;
.footer-social-links > li.footer-social-link-rss a
color: #f47f65;
.footer-social-links > li.footer-social-link-email a
color: #00618e;
.footer-social-links > li.footer-social-link-survey
border-left: 1px solid #999;
padding-left: 28px;
margin-left: 14px;
font-size: 13px;
.footer-social-links > li.footer-social-link-survey a
color: #00618e;
@media (max-width: 992px)
.footer-social-links > li.footer-social-link-survey
border: none;
padding: 0;
display: block;
margin-top: 10.5px;
.footer-social-links > li.footer-social-link-itunesu
font-size: 13px;
.footer-social-links > li.footer-social-link-itunesu a
color: #00618e;
@media (max-width: 992px)
.footer-social-links
display: block;
@media (min-width: 993px)
.footer-row
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: -moz-box;
display: flex;
/* NEW, Spec - Firefox, Chrome, Opera */
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-flex-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
margin: 0 -1rem;
.footer-links-wrapper .footer-links
padding-left: 0;
list-style: none;
margin: 0 -8.75px;
margin-bottom: 0;
font-size: 12px;
.footer-links-wrapper .footer-links > li
display: inline-block;
margin: 0 8.75px;
.footer-links-wrapper .footer-links > li
margin-top: 3px;
margin-bottom: 3px;
@media (max-width: 992px)
.footer-links-wrapper
text-align: center;
margin-bottom: 21px;
@media (min-width: 993px)
.footer-links-wrapper
-webkit-box-flex: 1;
/* OLD - iOS 6-, Safari 3.1-6 */
-webkit-flex: 1;
/* Safari 6.1+. iOS 7.1+, BB10 */
-ms-flex: 1;
/* IE 10 */
-moz-box-flex: 1;
flex: 1;
/* NEW, Spec - Firefox, Chrome, Opera */
min-width: 0;
/* firefox fix */
margin: 0 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
.intersites-links-wrapper
margin: 0 14px;
@media (max-width: 992px)
.intersites-links-wrapper
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 28px;
.intersites-links
padding-left: 0;
list-style: none;
margin: 0 -1rem;
.intersites-links > li
display: inline-block;
margin: 0 1rem;
.intersites-links > li > a
display: block;
.intersites-links > li > a span
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
@media (max-width: 992px)
.intersites-links > li > a
margin: 5px 0;
.intersites-links > li.intersites-link-congress > a
width: 125px;
height: 30px;
background-size: 125px 30px;
background: url("/static/images/congress-gov.svg?72026") no-repeat;
.intersites-links > li.intersites-link-copyright > a
width: 175px;
height: 30px;
background-size: 175px 30px;
background: url("/static/images/copyright-gov.svg?72026") no-repeat;
@media (max-width: 992px)
.intersites-links
text-align: center;
//UX Interaction Tracking
jQuery(function($)
$('.footer-social-links li a').click(function(e)
var label = $(this).text().trim();
UX.interaction($(this), 'Follow', 'Click', label);
);
$('.footer-links li a').click(function(e)
var label = $(this).text().trim();
UX.interaction($(this), 'Footer', 'Click', label);
);
);
jQuery(function ($)
var scroll_timer,
displayed = false,
$message = $('.back-to-top a').hide(),
$window = $(window),
top = $(document.body).children(0).position().top;
$("#back-to-top").click(function(event)
$window.scrollTop(0);
event.preventDefault();
return false;
);
$window.scroll(function ()
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function ()
if($window.scrollTop() <= top)
displayed = false;
$message.fadeOut(800);
else if(!displayed)
displayed = true;
$message.stop(true, true).show().click(function()
$message.fadeOut(800);
);
, 100);
);
$("#back-to-top").click(function(e)
UX.interaction($(this), 'Footer', 'click', 'Back to top');
);
);
Back to top
LOCSuggest =
serviceUrl: 'https://www.loc.gov/search/suggest/'
;
MEDIA_URL = 'https://media.loc.gov';
PORTAL_FORM_KEY = 'f221868d3cf67d609d5b75fa1e4c20d1';
jQuery(function($)
/*
Grid and gallery layouts
*/
var isotope_options =
itemSelector: '.item'
;
// If in the grid or gallery style then make sure the
// pages are in order and there are no blank spaces
$('.search-results.grid-view').isotope(isotope_options);
imagesLoaded( $('#results'), function()
$('.search-results.grid-view').isotope(isotope_options);
);
var $iconic = $(".iconic");
if ($iconic.length > 0)
var loaded_count = 0;
$iconic.on("load", function()
loaded_count++;
// trigger isotope every once in a while as the images are loading:
if (loaded_count % 5 === 0)
$('.search-results.grid-view').isotope(isotope_options);
);
);
jQuery(function($)
var slider;
function create_slideshow($selector)
slider = $selector.royalSlider(
fullscreen:
enabled: true,
nativeFS: true
,
controlNavigation: 'thumbnails',
imageAlignCenter: true,
autoScaleSlider: false,
//autoScaleSliderHeight: 800,
loop: false,
navigateByClick: false,
numImagesToPreload: 2,
arrowsNav: true,
arrowsNavAutoHide: true,
arrowsNavHideOnTouch: true,
keyboardNavEnabled: true,
fadeinLoadedSlide: true,
//globalCaption: false,
//globalCaptionInside: true,
thumbs:
appendSpan: true,
firstMargin: true,
spacing: 10
,
deeplinking:
// deep linking options go here
enabled: true,
change: true,
prefix: 'slide-'
).data("royalSlider");
$('.royalSlider').royalSlider("updateSliderSize", true);
slider.ev.on('rsAfterContentSet', function (e, slideObject)
var img = slideObject.holder.find('img').eq(0);
if (img && img.length && slideObject.caption)
img.attr('alt', slideObject.caption.text());
);
return slider;
function create_overlay(highlight_id, left, top, width, height)
return $('')
.css(
'left': left + '%',
'top': top + '%',
'width': width + '%',
'height': height + '%',
'position': 'absolute',
'z-index': 10
);
function position_overlays(page_id, page_width, page_height, coords_list,
$image, $container, fudge)
if (!($container.length))
// no actual search result for this page -- exit this function
return true;
$container.find('div.image-highlight').remove();
if (!coords_list)
// coords data doesn't exist -- exit this function
return true;
var container_width = $container.width();
var container_height = $container.height();
var image_marginLeft = $image[0].offsetLeft;
var image_marginTop = $image[0].offsetTop;
var image_width = $image.width();
var image_height = $image.height();
// The overlays are positioned relative to their parent, the
// $container, but they need to show up in the right place relative
// to the image.
// The $container can be larger than the image,
// so we take the ratio of the sizes and use it to scale the
// positions, widths, and heights of the highlight overlays.
// We also make the overlays a little larger so they're more visible
// and we shift them a little using the "fudge" numbers.
var marginLeft = image_marginLeft / container_width;
var marginTop = image_marginTop / container_height;
var scaleWidth = image_width / container_width;
var scaleHeight = image_height / container_height;
$.each(coords_list, function (index, coords)
// word coordinates: [left, top, width, height]
var highlight_id = "highlight-" + page_id + '-' + index;
var overlay_left = 100 * (marginLeft + scaleWidth * coords[0] / page_width) + fudge.left;
var overlay_top = 100 * (marginTop + scaleHeight * coords[1] / page_height) + fudge.top;
var overlay_width = 100 * coords[2] / page_width * scaleWidth + fudge.width;
var overlay_height = 100 * coords[3] / page_height * scaleHeight + fudge.height;
var $highlight_overlay = create_overlay(highlight_id,
overlay_left, overlay_top, overlay_width, overlay_height);
$container.append($highlight_overlay);
);
var word_coordinates_pages;
word_coordinates_pages = ;
var get_$container;
var get_$image;
var fudge_numbers;
get_$container = function(page_id)
return $("#highlights-container-" + page_id);
;
get_$image = function(page_id)
return $("#iconic-segment-image-" + page_id);
;
fudge_numbers =
left: -1.3,
top: -0.5,
width: 2.5,
height: 1.3
;
if (!$.isEmptyObject(word_coordinates_pages))
var $iconic = $(".iconic");
var loaded = 0;
var loaded_total = $iconic.length;
// make sure we wait til all the images are loaded before we try to position the highlights on them:
$iconic.one("load", function()
loaded++;
if (loaded === loaded_total)
$.each(word_coordinates_pages, function(page_id, page)
var $image = get_$image(page_id);
var $container = get_$container(page_id);
position_overlays(page_id, page.width, page.height, page.coords_list,
$image, $container, fudge_numbers);
);
).each(function()
// to make sure the "on load" event occurs even if the
// images are already cached:
if (this.complete)
$(this).load();
);
$(window).resize(function()
setTimeout(function()
$.each(word_coordinates_pages, function(page_id, page)
var $container = get_$container(page_id);
var $image = get_$image(page_id, $container);
position_overlays(page_id, page.width, page.height, page.coords_list,
$image, $container, fudge_numbers);
);
, 300);
);
);



