/* * Article * Content article styles * ------------------------------------------------------------------------------------------- */ /* * Base variables * Default variables colors, background, styles * ------------------------------------------------------------------------------------------- */ .b-article { font-size: 1.5em; line-height: 1.533em; overflow: hidden; max-width: 620px; margin-bottom: 20px; } .b-article a { text-decoration: underline; } .b-article a.dotted { text-decoration: none; } .b-article h1 { font-size: 2em; line-height: 1.167em; padding-bottom: 0.5em; } .b-article .m_header { font-size: 1em; } .b-article .m_header .b-comment_badge { position: relative; vertical-align: middle; top: -3px; left: 6px; } .b-article .m_header .b-comment_badge span { padding-bottom: 4px; } .b-article .m_header .b-comment_badge a { color: #fff; } .b-article .m_header .b-comment_badge a:hover { text-decoration: none; } .b-article h2 { font-size: 1.4em; line-height: 1.29em; padding-bottom: .48em; } .b-article h3 { font-weight: bold; padding-bottom: .67em; } .b-article p { padding-bottom: 1em /*.67em*/; } .b-article ul + h3, .b-article p + h3 { padding-top: .67em; } .b-article ul + h2, .b-article p + h2 { padding-top: 0.238em /*.48em*/; } .b-article p + .img-single { padding-top: 5px; } .b-article .img-single img { height: auto; max-width: 100%; vertical-align: top; } .b-article .img-single small { display: block; color: #808080; font: italic 0.867em/1.307em Arial, Helvetica, sans-serif; padding-top: 6px; } .b-article .img-single + p { padding-top: 15px; } .b-article .img-single + .img-single { padding-top: 10px; } .b-article ul { list-style-type: disc; padding: 0 0 0 28px; } .b-article ul li { padding-bottom: .67em; } .b-article ol { list-style-type: decimal; padding: 0 0 0 28px; } .b-article ol li { padding-bottom: .67em; } .b-article blockquote, .b-article cite.quote { font-size: .87em; line-height: 1.46em; background-color: #f2f2f2; padding: 1.15em 20px; margin: 5px 0 1.92em; } .b-article blockquote p, .b-article cite.quote p { zoom: 1; padding-bottom: 0; } .b-article blockquote p:after, .b-article cite.quote p:after { content: ""; display: table; clear: both; } .b-article blockquote p + p, .b-article cite.quote p + p { padding-top: .67em; } .b-article cite.quote { display: block; margin: 0px 10px; font-style: italic; } .b-article p + table, .b-article ul + table { margin-top: .73em; } .b-article .tbl { margin-bottom: 1.67em; } .b-article .tbl th { font-size: .87em; line-height: 1.46em; border-bottom: 1px solid #d9d9d9; text-align: left; vertical-align: top; background-color: #f2f2f2; padding: 0.385em 10px 0.385em; } .b-article .tbl th small { display: inline-block; color: #808080; font: 0.85em/1.636em Verdana, Geneva, Arial, Helvetica, sans-serif; vertical-align: top; } .b-article .tbl td { vertical-align: top; font-size: .87em; line-height: 1.46em; border-bottom: 1px solid #d9d9d9; padding: .77em 10px; } .b-article .b-media { padding: 5px 0 0; word-spacing: normal; letter-spacing: normal; display: -moz-inline-box; display: -moz-inline-stack; display: inline-block; } .b-article .b-media embed, .b-article .b-media object { max-width: 100%; } .b-article .b-media img { height: auto; max-width: 100%; vertical-align: middle; } .b-article .b-media small { display: inline-block; font: 0.73em/1.36em Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 1px 0 2px; } .b-article .b-media + p { padding-top: .67em; } .b-article .b-soc-top { float: right; padding-top: 5px; white-space: nowrap; } .b-article .b-soc-top .b-sharelist__li { padding-top: 0; padding-bottom: 0; vertical-align: top; } .b-article .b-soc-top .b__li_pad { padding-left: 10px; } .b-article-wide { max-width: 100%; } .ie6 .b-article { width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1120) ? '620px' : '100%'); } .b-article-mod { max-width: 820px; } .ie6 .b-article-mod { width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1120) ? '820px' : '100%'); } .ie6 .b-article-mod { width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1120) ? '100%' : '100%'); } .ie6 .branding .b-article { width: 100% !important; } .ie6 .img-single, .ie6 .b-media { position: relative; overflow: hidden; zoom: 1; width: 100%; } .b-article-details { /*position:relative;*/ color: #808080; font: 0.733em/1.818em Verdana, Geneva, Arial, Helvetica, sans-serif; /*margin-top:-1.36em;*/ } .b-article-details a { color: #808080; /*text-decoration:none;*/ } .b-article-details a:hover { color: #cc0000; } .b-article-info { color: #808080; font: 1em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 20px 0 ; border-top: 1px solid #d9d9d9; } .b-article-info .note { padding-bottom: 11px; } .b-related { margin: 0px 0px 25px 0px; } .b-related .related-t { font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; } .b-related .related-b { font: bold 15px/18px Arial, Helvetica, sans-serif; padding: 5px 0; } .b-related .related-b a { text-decoration: underline; } .b-article-share { padding: 9px 0px 0px 10px; font-size: 1px; background: #f2f2f2; margin-bottom: 16px; zoom: 1; } .b-article-share:after { content: ""; display: table; clear: both; } .b-article-share iframe { vertical-align: top; } .article-share__li { display: inline-block; color: #333333; vertical-align: middle; font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 10px 10px 0; } .article-share__li a:link, .article-share__li a:visited { color: #333333; text-decoration: underline; } .article-share__li a:hover, .article-share__li a:active { color: #cc0000; } .oldie .article-share__li { *display: inline; *zoom: 1; } .b-sharelist { line-height: 16px; } .b-sharelist .b-icon { vertical-align: top; } .b-sharelist__li, .b-sharelist__li-double, .b-sharelist__li-last { margin-right: 5px; padding-top: 10px; vertical-align: middle; word-spacing: normal; display: -moz-inline-box; display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; } .b-sharelist__li i.b-icon, .b-sharelist__li-double i.b-icon, .b-sharelist__li-last i.b-icon { vertical-align: middle; margin-right: 10px; } .b-sharelist__li-double { margin-right: 15px; } .b-sharelist__li-last { white-space: nowrap; vertical-align: top; } .b-sharelist__li-last a { margin-right: 20px; } .b-article-info-tags { font: normal 1.1em/1.727em Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 0 14px; color: #333333; } .b-article-info-tags a { text-decoration: underline; } .b-article-info-tags li { word-spacing: normal; display: -moz-inline-box; display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; margin-right: 7px; } .b-article .article_image { float: right; padding: 0.5em 0px 6px 6px; text-align: right; } .b-article .article_image_caption, .b-article .caption1, .b-article .caption1B, .b-article .caption1I, .b-article .caption2, .b-article .caption2B, .b-article .caption2I { display: block; color: #808080; padding-top: 6px; } .b-article .article_image_caption, .b-article .caption1, .b-article .caption1B, .b-article .caption1I { font: 0.73em/1.36em Verdana, Geneva, Arial, Helvetica, sans-serif; } .b-article .caption2, .b-article .caption2B, .b-article .caption2I { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .b-article table.TitledImage { max-width: 100%; } .b-article table.TitledImage .caption1, .b-article table.TitledImage .caption1B, .b-article table.TitledImage .caption1I, .b-article table.TitledImage .caption2, .b-article table.TitledImage .caption2B, .b-article table.TitledImage .caption2I { padding-bottom: 0.67em; } .b-article table.TitledImage .caption1, .b-article table.TitledImage .caption2 { text-align: left; } .b-article table.TitledImage .caption1B, .b-article table.TitledImage .caption2B { text-align: left; font-weight: bold; } .b-article table.TitledImage .caption1I, .b-article table.TitledImage .caption2I { text-align: left; font-style: italic; } .b-article table.TitledImage td img { height: auto; vertical-align: bottom; } .b-article table.TitledImage + p { padding-top: 15px; } .b-article table.TitledImage + .img-single { padding-top: 10px; } .b-article table.TitledImage + table.TitledImage { margin-top: 0.73em; } .b-lists-comments + .b-rubric-header { margin-top: 27px; } .comment-vote { float: right; } .comment-vote .comment-vote__li { display: inline; } .comment-vote .comment-vote__li span { font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; position: relative; top: -5px; border-bottom: 1px dotted #1b35b2; margin-right: 10px; } .comment-vote .comment-vote__li a { text-decoration: none; } .comment-vote .comment-vote__li a:hover span { border-bottom-color: #cc0000; } .mark-best:hover .icon-best { width: 16px; height: 16px; background-position: -64px -96px; } .articlePlayerList { list-style-type: none; overflow: auto; width: 512px; margin: 0px 0px; border: 1px solid #ebebeb; background-color: #F5F5F5; padding: 0px 0px; } .streamMap { font-size: 13px; } .streamMap td, .streamMap th { vertical-align: top; padding-bottom: 3px; } .streamMap td a, .streamMap th a { text-decoration: none; } .streamMap th { padding-left: 21px; padding-right: 9px; font-weight: normal; } #article_body { zoom: 1; } #article_body:after { content: ""; display: table; clear: both; } .infoBlock { margin-top: 30px; clear: both; background: #f2f2f2; padding: 10px; } .infoBlock .plateImg { display: none; } .infoBlock p { font: 13px/18px Arial, Helvetica, sans-serif; padding-bottom: 0; } .infoBlock p strong { display: block; padding-bottom: 1em; } .infoBlock h4 { font: bold 11px/15px Arial, Helvetica, sans-serif; padding: 6px 10px 5px; margin: -10px -10px 10px -10px; color: #fff; text-transform: uppercase; color: #fff; background-color: #cc0000; } .infoBlock .b-voter { font-size: 13px; margin: 0 -10px -10px; } .infoBlock .b-voter h3 { font: bold 15px/19px Arial, Helvetica, sans-serif; } .infoBlock .b-voter form { padding: 0 10px; } .infoBlock .b-voter-list { font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 0; } .pModal { z-index: 10; } .pModal { position: absolute; left: 180px; top: 30px; padding: 20px; background: #ffffff; display: table; word-spacing: -1em; display: none; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); border: 1px solid #ccc; } .pModal li { word-spacing: normal; display: -moz-inline-box; display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; font: 11px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; width: 25%; width: 24.9%; } .oldie .pModal { border: 1px solid #d9d9d9; padding: 19px; } .b-prmlink { font: bold 13px/19px Arial, Helvetica, sans-serif; border-top: 1px solid #D9D9D9; padding: 20px 0; } .bbcLogoTop { display: block; padding-top: 4px; } .bbcLogoTop img { vertical-align: bottom; } .bbcLogoBottom { display: block; margin: 0px 0px 20px 0px; } .bbcLogoBottom img { vertical-align: bottom; } .b-rate_article { background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -ms-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: linear-gradient(top, #f2f2f2, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6', GradientType=0); overflow: hidden; margin-bottom: 30px; line-height: 24px; } .b-rate_article .action_rate { float: left; background-color: #ffebcd; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #fff2e3, #ffebcd); background-image: -ms-linear-gradient(top, #fff2e3, #ffebcd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff2e3), color-stop(100%, #ffebcd)); background-image: -webkit-linear-gradient(top, #fff2e3, #ffebcd); background-image: -o-linear-gradient(top, #fff2e3, #ffebcd); background-image: linear-gradient(top, #fff2e3, #ffebcd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2e3', endColorstr='#ffebcd', GradientType=0); border-right: 1px solid #e5d7c3; padding: 15px; } .b-rate_article .current_rate { padding: 15px; font-size: 13px; color: #000; overflow: hidden; } .b-rate_article .current_rate big { color: #cc0000; font-size: 25px; font-weight: bold; margin-left: 6px; } .b-rate_article .current_rate i, .b-rate_article .current_rate big { vertical-align: middle; position: relative; top: -3px; } .b-rate_article .total_votes { float: right; font: 11px/24px Verdana, Geneva, Arial, Helvetica, sans-serif; } /* FILE ARCHIVED ON 00:12:40 Mar 15, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:22:39 May 20, 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: 273.683 exclusion.robots: 0.215 exclusion.robots.policy: 0.2 RedisCDXSource: 3.588 esindex: 0.012 LoadShardBlock: 247.031 (3) PetaboxLoader3.resolve: 174.786 (4) PetaboxLoader3.datanode: 208.125 (5) CDXLines.iter: 19.212 (3) load_resource: 163.409 (2) */