/**************************************************** Project: IPCC File: styles.css Creator: VIM Interactive, Inc. / Reef Light Interactive Copyright: (c) 2011 - VIM Interactive, Inc. / Reef Light Interactive ****************************************************/ /***************************** clearfix *****************************/ .mobile_clouds:before, .mobile_clouds:after, .cf:before, .cf:after { content: ""; display: table; } .cf:after, .mobile_clouds:after { clear: both; } .cf { zoom: 1; } /***************************** normalize.css - http://github.com/necolas/normalize.css *****************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ } body { margin: 0; } body, button, input, select, textarea { font-family: sans-serif; } /***************************** Links *****************************/ a { color: #00e; /* Addresses outline displayed oddly in Chrome */ /* Improves readability when focused and also mouse hovered in all browsers */ } a:visited { color: #551a8b; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /***************************** Typography *****************************/ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; /* 2 */ } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /***************************** Lists *****************************/ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ } button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } button, input { line-height: normal; /* 1 */ } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Corrects inner padding and border displayed oddly in FF3/4 */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /***************************** Tables - Removes most spacing between table cells *****************************/ table { border-collapse: collapse; border-spacing: 0; } /***************************** Helper Classes *****************************/ .left { float: left; display: inline; } .right { float: right; display: inline; } img{max-width:100%;} /***************************** Global Styles *****************************/ body { border-top: 5px solid #2d6eab; background: #eef4fe url("http://ipcc-wg2.org/AR5/images/site/bg_body.png") repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #192a45; } h1, h2, h3, h4, h5, h6 { font-family: 'Ubuntu', sans-serif; color: #1a407f; line-height: 1.4em; clear: left; } a { color: #d52d09; } a:visited { color: #d52d09; } a:focus { outline: none; } /* font display without using heading codes -- added by Yuka (3/21/12) */ .h4font { font-family: 'Ubuntu', sans-serif; color: #1a407f; font-weight: bold; } .h3font { font-family: 'Ubuntu', sans-serif; color: #1a407f; font-weight: bold; font-size: 16px; } /************* Tables Added by Yuka ***************/ /*- no border (set below) 11/16/11 */ .basic table { width: 100%; border-top: none; border-bottom: none; padding-bottom: none; margin-bottom: none; border: 0px; } .basic td { border: 0px; padding: 5px; } table.noBorder { border: 0px; margin: 5px; padding: 5px; } table.noBorder td { border: 0px; margin: 5px; padding: 5px; } table.noBorder.break { display: none; } table.noBorder2 { border: 0px; margin: 1px; padding: 1px; } table.noBorder2 td { border: 0px; margin: 0px; padding: 0px; } table .textbox { border: 1px solid #aecdec; margin: 0px; padding: 0px; background: #f5f9ff; } table .textbox td { border: 1px solid #aecdec; background: #f5f9ff; margin: 15px; padding: 15px; } table #boxTable { vertical-align: middle; background-color: #F8F8FF; margin: 10px 10px !important; width: 100%; color: #1b293f; font-size: 13px; font-family: Arial, sans-serif; border-top: 1px solid #cedff1; border-bottom: 1px solid #4e93cb; padding-bottom: 1px; margin-bottom: 1px; } table.noBorder2 td img { max-width: 97%; width:auto !important; } /**** added by Yuka (Sep 12, 2014) to accommodate Graphics table for mobile screen ***/ table.noBorder3 { border: 0px; margin: 1px; padding: 1px; } table.noBorder3 td { border: 0px; margin: 0px; padding: 0px; } table.noBorder3td img { max-width: 97%; !important; } /****************************/ /* added by Yuka (Oct 09, 2014) to accommodate comment search table */ table.list_table { border: 0px; margin: 5px; padding: 5px; } table.list_table td { max-width: 97%; !important; overflow: scroll; border: 0px; margin: 5px; padding: 5px; } table.list_table td.wrappable, table.list_table td.wrappable {white-space: normal;} /****************************/ input[type=text] { width: 100%; } b.f3{font-size:medium;} /*********END *********/ /* *********************************** Table styles added by Yuka (3/06/12) for e-Launch ***************************************/ /* Table .boxTable td { vertical-align: middle; background-color:#F8F8FF; margin-right: 20px !important; color: #1b293f; padding: 0 10px; }*/ /*********END *********/ /********* Rob's table *********/ /* TABLES */ table { margin: 10px 0; width: 100%; color: #1b293f; font-size: 13px; font-family: Arial, sans-serif; border-top: 1px solid #cedff1; border-bottom: 1px solid #4e93cb; padding-bottom: 1px; margin-bottom: 1px; } table.robtable { font-family: verdana,arial,sans-serif; font-size: 8px; color: #333333; border: 0px; margin: 50px; /*border-width: 1px;*/ /*border-color: #666666;*/ /*border-collapse: collapse;*/ table-layout: fixed; width: 500px; } table.robtable th { border: 5px; border-width: 2px; padding: 20px; border-style: solid; border-color: #666666; background-color: #dedede; height: 5px; } table.robtable td { border: 5px; border-width: 2px; padding: 20px; border-style: solid; border-color: #666666; background-color: #ffffff; height: 5px; } table th { color: #fff; text-transform: uppercase; background: #4e93cb; height: 45px; text-align: center; font-family: 'Ubuntu', sans-serif; } table th, table td { border-left: 1px solid #cedff1; border-right: 1px solid #cedff1; border-bottom: 1px solid #cedff1; padding: 5px 10px; } /* *********************************** Table styles added by Yuka (11/16/11) ***************************************/ .tdbleufonce { background-color: #0165bb; color: #FFFFFF; padding: 5px; /* added 5/6/09 */ } .tdlight { vertical-align: middle; background-color: #F8F8FF; /* padding: 5px; <-- overwrite default padding setting */ } .tableTitle { /* for author list */ background-color: #0165bb; color: #FFFFFF; padding: 5px; font-size: 1.1em; } .tdbleumoyen { background-color: #87a2d7; color: #FFFFFF; /* padding: 5px; added 5/6/09 */ } .tdbleuclair { background-color: #e0e5f1; padding: 5px; /* added 5/6/09 */ } .tdbleufonce h1, .tdbleumoyen h2 { color: #FFFFFF; } .tdtitle { background-color: #87a2d7; color: #FFFFFF; padding: 5px; text-align: left; } .tdnavy { background-color: #00008B; color: #FFFFFF; text-weight: normal; padding: 5px; } .tdnavy a:link, .tdnavy a:visited, .tdnavy a:active { color: #FFFFFF; text-weight: bold; } .tdbasic { background-color: #F5F5F5; } .tdgreenish { background-color: #AFC7C7; color: #fff; } /* *********************************** More Table styles added by Yuka (2/26/2014) ***************************************/ .tdblue {background-color:#e0e5f1;} .tdblue2 {background-color:#e0e5f1;} .tdblue3 {background-color:#e0e5f1;} .tdblue4 { background-color:#e0e5f1; text-align:center; } .tdblue0 {background-color:#e0e5f1;} .tdlight3 {background-color:#F8F8FF;} .tdlight3 li { padding-left: 5px; margin-left: 20px; } .tdblue4 {background-color:#e0e5f1;} .tdlight4 { background-color:#F8F8FF; text-align:center; } .tdmid {background-color:#B0C4DE;} /**** End Addition **************/ #clouds { background: url(http://ipcc-wg2.org/AR5/images/site/bg_clouds.jpg) no-repeat 50% 0; width: 100%; margin: 0 auto; padding: 0; } #wrapper { width: 968px; margin: 0 auto; } #header { text-shadow: 0 1px 1px #346196; position: relative; background: url(http://ipcc-wg2.org/AR5/images/site/bg_header.png) no-repeat 50% 100%; height: 176px; } #header p { font-size: 12px; color: #fff; line-height: 1.6em; padding: 0; margin: 5px 0 0 14px; } #header p.title { margin: 10px 0 0; padding: 20px 0 0 14px; font-family: 'Ubuntu', sans-serif; font-size: 22px; color: #fff; font-weight: normal; line-height: 1em; } .title_wrap { min-height: 94px; width: 58%; } .header_logos { position: absolute; top: 20px; right: 19px; overflow: hidden; background: url(http://ipcc-wg2.org/AR5/images/site/logos.png) no-repeat 0 0; width: 393px; height: 63px; text-indent: -9999px; } .header_logos span { visibility: hidden; } .fact_sheet { background: url(http://ipcc-wg2.org/AR5/images/site/btn_fact_sheet.png) no-repeat; width: 133px; height: 36px; display: block; text-indent: -9999px; font-size: 1%; margin-top: 35px; margin-left: 35px; float: left; } .fact_sheets { margin-top: 24px; margin-left: 35px; float: left; width: 150px; cursor: pointer; position: absolute; } .fact_sheets .trigger { background: url(http://ipcc-wg2.org/AR5/images/site/blank_button.png) no-repeat; width: 150px; height: 36px; display: block; color: #fff; line-height: 34px; text-indent: 31px; font-family: 'Ubuntu', sans-serif; } .fact_sheets ul { position: absolute; display: none; background: #1F70BE; border-radius: 0 0 3px 3px; width: 150px; list-style: none; margin: -3px 0 0; padding: 0; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; } .fact_sheets ul a { color: #FFF; padding: 8px 5px 8px 15px; display: block; text-decoration: none; font-size: 13px; text-shadow: 0 1px 1px rgba(124, 46, 11, 0.2); } .fact_sheets ul a:hover, .fact_sheets ul a:focus { text-decoration: underline; } .fact_sheets:hover ul { display: block; } /* global navigation */ .nav { margin: 0; padding: 24px 0 0 0; float: right; width: 78%; } .nav li { float: left; list-style: none; } .nav li a { float: left; color: #101b2d; text-decoration: none; text-shadow: 0 1px 0 #fff; font-size: 13px; font-weight: bold; margin: 0 5px; padding: 10px 14px; border-bottom: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .nav li a:hover, .nav .nav li.here a, .nav .nav li.parent-here a { background: #c5e3ff; color: #0a5599; border-bottom: 1px solid #fff; } .nav_tablet { display: none; } .nav_mobile { display: none; } /* social icons */ .social { position: absolute; padding: 0; margin: 0; bottom: 16px; right: 36px; } .social li { float: left; list-style: none; } .social li a { float: left; display: block; width: 32px; height: 32px; text-indent: -9999px; font-size: 1%; } .twitter { background: url(http://ipcc-wg2.org/AR5/images/site/icon_twitter.png) no-repeat; } .facebook { background: url(http://ipcc-wg2.org/AR5/images/site/icon_facebook.png) no-repeat; margin-left: 7px; } #content { padding: 0; margin: 0; background: url(http://ipcc-wg2.org/AR5/images/site/bg_content.png) repeat-y center top; } #content_bottom { height: 6px; background: url(http://ipcc-wg2.org/AR5/images/site/bg_content_bottom.png) no-repeat; margin: 0; padding: 0; } #footer_links { text-align: center; margin: 0 auto; padding: 40px 0; } #footer_links li { display: inline-block; padding: 0 10px; } #footer_links li a { color: #1d3968; } /* download file type icons (added by Yuka 11/15/11) */ .ipdf { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-pdf.jpg); background-repeat: no-repeat; } .iGo { padding-left: 30px; padding-top: -2px; background: url(http://ipcc-wg2.org/AR5/images/site/btn_go.png); background-repeat: no-repeat; /*background-position: -2px -5px;*/ } /* download file type icons (added by Yuka 2/28/14) */ .idoc { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-doc.jpg); background-repeat: no-repeat; } .iimage { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-image.jpg); background-repeat: no-repeat; } .ilink { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-link.jpg); background-repeat: no-repeat; } .ippt { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-ppt.jpg); background-repeat: no-repeat; } .ivideo { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-video.jpg); background-repeat: no-repeat; } .ixls { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-xls.jpg); background-repeat: no-repeat; } .izip { padding-left: 15px; padding-top: 2px; background: url(http://ipcc-wg2.org/AR5/images/site/icon-zip.jpg); background-repeat: no-repeat; } /***************************** Homepage Styles *****************************/ #hp_col_wrapper { border-bottom: 1px solid #dee4ef; margin: 0 4px; } #hp_col_wrapper a.sm-button { border-radius: 3px; background-color: #ef550f; box-shadow: 0 2px 3px rgba(109,21,0,.47), inset 0 -1px 1px rgba(109,16,0,.8); color: #fff; padding: 10px 20px; text-decoration: none; margin-top: 30px; display: block; width: 180px; text-align: center; } .hp_col1 { float: left; width: 45%; margin-left: 3%; } .hp_col1 p.report { font-size: 40px; margin: 40px 0 0 0; font-weight: bold; font-family: 'Ubuntu', sans-serif; color: #1a407f; line-height: 1.4em; } /* font display for video-heading -- added by Yuka (2/25/25) */ .hp_col1 p.report2 { font-size: 30px; margin: 20px 0 0 0; font-weight: bold; font-family: 'Ubuntu', sans-serif; color: #1a407f; line-height: 1.4em; } .hp_col1 h1 { font-size: 21px; font-weight: normal; line-height: 1.6em; } .hp_col1 img { margin-top: 33px; } .hp_col1 .btn { display: block; width: 224px; height: 101px; text-indent: -9000px; float: left; margin: 20px 10px; } .hp_col1 .button { text-decoration: none; background-color: #fbf1ed; border-radius: 3px; display: inline-block; text-align: center; vertical-align: top; width: 46%; margin: 20px 1%; } .hp_col1 .button .title { color: #FFF; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: normal; text-shadow: 0 1px 1px rgba(124, 46, 11, 0.75); display: block; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); -moz-box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); background: -moz-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7673c), color-stop(100%, #cd1f1a)); background: -webkit-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -o-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -ms-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: linear-gradient(to bottom, #f7673c 0%, #cd1f1a 100%); } .hp_col1 .button .de { display: block; padding: 15px 0 45px; background-repeat: no-repeat; background-position: 50% 80%; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; } .hp_col1 .button .alt { color: #ffef80; } .hp_col1 .button .summary { display: block; color: #54301f; font-size: 11px; padding: 10px 0; } .hp_col1 .button.makers .de { background-image: url(http://ipcc-wg2.org/AR5/images/site/policymakers.png); } .hp_col1 .button.full .de { background-image: url(http://ipcc-wg2.org/AR5/images/site/full_report.png); } .hp_col1 .button:hover .title, .hp_col1 .button:focus .title { background: -moz-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c74429), color-stop(100%, #b11e16)); background: -webkit-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -o-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -ms-linear-gradient(top, #c74429 0%, #b11e16 100%); background: linear-gradient(to bottom, #c74429 0%, #b11e16 100%); } .hp_col1 .button:hover .de, .hp_col1 .button:focus .de { background-position: 50% 93%; } .hp_col1 .button:active .title { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); background: -moz-linear-gradient(top, #79120a 0%, #c24026 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79120a), color-stop(100%, #c24026)); background: -webkit-linear-gradient(top, #79120a 0%, #c24026 100%); background: -o-linear-gradient(top, #79120a 0%, #c24026 100%); background: -ms-linear-gradient(top, #79120a 0%, #c24026 100%); background: linear-gradient(to bottom, #79120a 0%, #c24026 100%); -webkit-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); } .hp_col1 .button:active .de { background-position: 50% 93%; } .hp_col1 p {line-height: 1.6em;} .btn_policymaker { margin-right: 20px; } .hp_col2 { float: left; display: block; width: 45%; margin: 37px 0 40px 4%; position: relative; } .hp_col2 p a { font-weight: bold; } .hp_col2 .vl { height: 269px; display: block; } .hp_col2 .overview { background: #FFF; border-radius: 0 0 3px 3px; text-transform: uppercase; padding: 5px 10px; font-size: 14px; position: relative; top: 1px; margin: auto; display: block; color: #000; width: 50%; margin: auto auto -26px; text-align: center; border: 1px solid #DAD5BF; border-top: none; } .hp_col2 .video { position: relative; display: block; text-decoration: none; } /*Marty Minton Change 2-7-14*/ .hp_col2 .video img { border-radius: 3px; border: 1px solid #DAD5BF; display: block; height: 542px; background: url(http://ipcc-wg2.org/AR5/images/site/play_button2.png) no-repeat -3000px -3000px; } .video .hp_col2 .video img {width: 433px; height: 244px;} .hp_col2 .video:hover .video_play, .hp_col2 .video:focus .video_play { background-image: url(http://ipcc-wg2.org/AR5/images/site/play_button2.png); } .hp_col2 .video_play { text-indent: -9999px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: url(http://ipcc-wg2.org/AR5/images/site/play_button.png) no-repeat 50% 50%; } .hp_stats { position: relative; padding: 0 3% 20px; } .hp_stats h2 { text-align: center; font-size: 27px; font-weight: normal; margin: 0; padding: 30px 0; } .stats1, .stats2, .stats3 { text-align: center; display: inline-block; width: 30%; margin: 0 1% 20px; border-radius: 3px; position: relative; } .stats1 .stat_name, .stats2 .stat_name, .stats3 .stat_name { display: inline-block; border-radius: 20px; margin: auto; padding: 10px 20px; position: relative; top: 18px; } .stats1 { border: 1px solid #FFA93D; } .stats1 .stat_name { background: #FFA93D; } .stats2 { border: 1px solid #00AAD0; } .stats2 .stat_name { background: #00AAD0; } .stats3 { border: 1px solid #99000B; } .stats3 .stat_name { background: #99000B; } .stat_number { font-size: 72px; font-family: 'Ubuntu', sans-serif; margin: 0; padding: 9px 0 0 0; } .stat_name { color: #fff; font-size: 14px; font-family: 'Ubuntu', sans-serif; text-shadow: 0 1px 1px #555; width: 75%; } #btn_summary_for_policymaker { background: url(http://ipcc-wg2.org/AR5/images/site/btn_summary_for_policymaker.png) no-repeat -2px -3px; } #btn_summary_for_policymaker:hover { background-position: -2px -122px; } #btn_summary_for_policymaker:active, #btn_summary_for_policymaker:visited { background-position: -2px -241px; } /***************************** Subpage Styles *****************************/ .col1 { float: right; display: inline; width: 64.336373%; margin: 33px 35px 35px 0; line-height: 1.6em; } .col2 { float: left; display: inline; width: 220px; margin: 33px 0 35px 35px; } .portlet { width: 100%; border-radius: 3px; border: 1px solid #7ab3e9; margin: 0 0 22px 0; } .portlet .portlet_inner { padding-bottom: 3px; } .portlet h2 { color: #fff; font-size: 13px; text-transform: uppercase; text-shadow: 0 1px 1px #24619b; margin: 0; padding: 0; height: 43px; line-height: 41px; text-align: center; background: #7ab3e9; /* Old browsers */ background: -moz-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ab3e9), color-stop(100%, #5388ba)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ab3e9 0%, #5388ba 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab3e9', endColorstr='#5388ba',GradientType=0 ); /* IE6-9 */ } .portlet .portlet_nav { margin: 0; padding: 20px 10px 20px 20px; list-style-type: none; } .portlet .portlet_nav.custom { padding: 10px 10px 10px 20px; border-top: 1px solid #b6cee6; } .portlet .portlet_nav a { text-decoration: none; } .portlet .portlet_nav a:hover { text-decoration: underline; } .portlet .portlet_nav li { color: #6689ad; } .portlet .portlet_nav li a {display:block; color: #005bb3; font-size: 13px; line-height: 2em; padding-left: 15px; background: url(http://ipcc-wg2.org/AR5/images/site/li_images.png) no-repeat 0 9px; } .portlet .portlet_nav li a:hover { color: #003e7a; } .portlet .portlet_nav li.here a { color: #d22807; background-position: 0 -29px; } .portlet .portlet_nav li.here li a { color: #005bb3; background-position: 0 -65px; } .portlet .portlet_nav li li.here a { background-position: 0 -104px; } .portlet .portlet_nav ul { margin: 0 0 0 20px; padding: 0; } .portlet .portlet_nav ul li { list-style: none; } .portlet .portlet_nav ul li a { background-position: 0 -65px; padding-left: 15px; } .portlet .portlet_nav ul ul { display: none; } .portlet p { margin: 20px; line-height: 1.6em; } /***************************** Reports Styles (Added by Yuka 11/16/11) *****************************/ /***************************** Contributors Page Styles *****************************/ .listing h1 { clear: both; } .author { margin: 8px 8px 15px 8px; width: 139px; float: left; height: 325px; } .author p { line-height: 1.2em; margin:5px 0; } .author p.country { text-transform: uppercase; font-weight: bold; margin-bottom: -5px; line-height: 1.2; } .author p strong { color: #1a407f; font-family: 'Ubuntu', sans-serif; font-size: 15px; line-height: 1.1; } .author img { border: 1px solid #4e545d; width:auto !important; height:auto !important; max-width:100%; } .contributing { padding-left: 10px; } .contributing li { float: left; width: 280px; margin-right: 20px; } .contributing li.last { margin-right: 0px; } p span { color: #4e93cb; } .world_map { margin: 10px 0 40px; } /* Fancy table overrides */ table.fancy { text-align: right; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } table.fancy.mobile { display: none; } table.fancy table td { border: 1px solid #cedff1; } table.fancy th { border-bottom: 1px solid #cedff1; } table.fancy th.clear { background-color: transparent; border: none; } table.fancy td { border-bottom: 1px solid transparent; } table.fancy tr .tal { text-align: left; } table.fancy tr.total td { color: #000; background-color: #ddebf6; text-transform: uppercase; font-weight: bold; } table.fancy.mobile { display: none; width: 100%; text-align: right; border-top: 1px solid #cedff1; border-bottom: 1px solid #cedff1; } table.fancy.mobile table td { border: 1px solid #cedff1; } table.fancy.mobile th { border-bottom: 1px solid #cedff1; } table.fancy.mobile tr .tal { text-align: left; } table.fancy.mobile tr .tal.role { background-color: #3D739E; color: #fff; font-weight: bold; } table.fancy.mobile tr .total { color: #000; background-color: #ddebf6; text-transform: uppercase; font-weight: bold; } table.fancy.mobile tr td { border-bottom: 1px solid #cedff1; } /***************************** Process Page *****************************/ #process { background: url(http://ipcc-wg2.org/AR5/images/site/process_bg.png) no-repeat; width: 630px; height: 655px; position: relative; /*blue*/ /*orange_short*/ /*green*/ } #process a { display: block; background: url(http://ipcc-wg2.org/AR5/images/site/process_blocks.png) no-repeat; color: #fff; text-shadow: 0px 1px 1px #a22c00; text-decoration: none; text-align: center; font-size: 11px; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding: 10px 8px 6px 8px; line-height: 12px; margin: 5px; position: absolute; } #process a span { display: none; padding: 25px 25px; width: 186px; height: 195px; background: url(http://ipcc-wg2.org/AR5/images/site/process_popup.png) no-repeat; position: absolute; top: -232px; left: -45px; color: #0e2943; text-shadow: none; text-align: left; font-family: Arial, Helvetica, sans-serif; } #process a span strong { font-weight: bold; font-size: 13px; display: block; line-height: 1.1em; padding-bottom: 10px; } #process a.big_popup span { width: 301px; height: 326px; top: -361px; left: -95px; background: url(http://ipcc-wg2.org/AR5/images/site/process_big_popup.png) no-repeat; } #process a.mid_popup span { width: 240px; height: 306px; top: -338px; left: -70px; background: url(http://ipcc-wg2.org/AR5/images/site/process_mid_popup.png) no-repeat; } #process a:hover span { display: block; } #process a.orange_big { background-position: -1px -125px; width: 130px; height: 50px; } #process a.orange_big:hover { background-position: -1px -203px; } #process a.orange_sm { background-position: -1px -1px; width: 130px; height: 35px; } #process a.orange_sm:hover { background-position: -1px -60px; } #process a.orange_short { background-position: -1px -281px; width: 100px; height: 35px; } #process a.orange_short:hover { background-position: -1px -339px; } #process a.orange_short span { left: -60px; } #process a.orange_short.big_popup span { left: -105px; } #process a.orange_short.mid_popup span { left: -88px; } #process a.blue { background-position: -1px -398px; width: 100px; height: 35px; text-shadow: 0px 1px 1px #2e5173; } #process a.blue:hover { background-position: -1px -459px; } #process a.blue span { left: -60px; } #process a.blue.big_popup span { left: -105px; } #process a.blue.mid_popup span { left: -88px; } #process a.green { padding: 16px 12px 4px; background-position: -1px -524px; width: 64px; height: 48px; text-shadow: 0px 1px 1px #4c5d00; } #process a.green:hover { background-position: -1px -606px; } #process a.green span { left: -75px; } #process a.green.big_popup span { left: -121px; } #process a.green.mid_popup span { left: -101px; top: -333px; } #process p { font-size: 11px; font-family: 'Ubuntu', sans-serif; color: #454f58; position: absolute; } #process #t1 { top: 104px; left: 289px; } #process #t2 { top: 351px; left: 46px; } #process #p1 { left: 23px; top: 21px; } #process #p2 { left: 370px; top: 21px; } #process #p3 { left: 23px; top: 130px; } #process #p4 { left: 280px; top: 135px; } #process #p5 { left: 456px; top: 135px; } #process #p6 { left: 23px; top: 254px; } #process #p7 { left: 280px; top: 256px; } #process #p8 { left: 37px; top: 387px; } #process #p9 { left: 164px; top: 387px; } #process #p10 { left: 290px; top: 387px; } #process #p11 { left: 164px; top: 450px; } #process #p12 { left: 290px; top: 450px; } #process #p13 { left: 466px; top: 450px; } #process #p14 { left: 101px; top: 550px; } #process #p15 { left: 246px; top: 550px; } #process #p16 { left: 392px; top: 550px; } /***************************** Events *****************************/ .event { margin: 10px 0 60px; } .event h2 a { color: #1A407F; text-decoration: none; } .event h2 a:hover { text-decoration: underline; } .event p strong { color: #1a407f; } .paging { clear: both; border-top: 1px solid #b0cdeb; text-align: center; padding-top: 30px; } .paging.tablet, .paging.phone { display: none; } .paging a { font-size: 13px; font-weight: bold; margin: .5%; padding: 8px 10px; background: #e2efff; text-decoration: none; color: #1a407f; float:left; } .paging a.active { background: #d43309; color: #fff; } .paging a.active:hover { color: #fff; } .paging a:hover { color: #d43309; } /***************************** Reviewers *****************************/ .reviewers h3 { clear: both; padding: 20px 0 10px; margin: 0; } .reviewers ul { margin: 0; padding: 0; list-style: none; clear: both; } .reviewers ul li { padding: 3px 10px; border: 0px solid #999; float: left; width: 29%; } .reviewers #page_clear { clear: both; padding-top: 20px; } #btn_callout { display: block; margin: 10px 0; width: 100%; -moz-border-radius: 3px; border-radius: 3px; line-height: 14px; text-indent: 0; color: #fff; font-size: 13px; text-transform: uppercase; text-shadow: 0 1px 1px #a22208; margin: 0; padding: 21px 0; height: none; text-align: center; text-decoration: none; background-image: none; background: #f98551; /* Old browsers */ background: -moz-linear-gradient(top, #f98551 0%, #d64835 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f98551), color-stop(100%, #d64835)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f98551 0%, #d64835 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f98551 0%, #d64835 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f98551 0%, #d64835 100%); /* IE10+ */ background: linear-gradient(to bottom, #f98551 0%, #d64835 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f98551', endColorstr='#d64835',GradientType=0 ); /* IE6-9 */ } #btn_callout:hover { background: #f76827; /* Old browsers */ background: -moz-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f76827), color-stop(100%, #cd1f02)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* IE10+ */ background: linear-gradient(to bottom, #f76827 0%, #cd1f02 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76827', endColorstr='#cd1f02',GradientType=0 ); /* IE6-9 */ } #btn_callout:active { background: #f76827; /* Old browsers */ background: -moz-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f76827), color-stop(100%, #cd1f02)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* IE10+ */ background: linear-gradient(to bottom, #f76827 0%, #cd1f02 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76827', endColorstr='#cd1f02',GradientType=0 ); /* IE6-9 */ } /***************************** disclaimer page workups added by Yuka (3/7/2012) *****************************/ #btn_agree { display: block; width: 133px; height: 70px; background: url(http://ipcc-wg2.org/AR5/images/site/btn_agree_with_arrow_small.png) no-repeat -2px -3px; } #btn_agree span { position: absolute; top: -999em; } #btn_agree:hover { background-position: -2px -75px; } #btn_agree:active, #btn_agree:visited { background-position: -2px -150px; } /* background border */ .tableBorder { background: url(http://ipcc-wg2.org/SREX/images/site/tableBorder.png) no-repeat left; width: 620px; height: 582px; } .tableBorder_content { align: center; width: 600px; } /***************************** Non-homepage download button (added by Yuka, 3/12/2012) *****************************/ /* Full Report button*/ #btn_full, #btn_SPM, #btn_download, #btn_search { display: block; width: 224px; height: 101px; background-repeat: no-repeat; background-position: -2px -3px; } #btn_full span, #btn_SPM span, #btn_download span, #btn_search span { position: absolute; top: -999em; } #btn_full:hover, #btn_SPM:hover, #btn_download:hover, #btn_search:hover { background-position: -2px -122px; } #btn_full:active, #btn_full:visited, #btn_SPM:active, #btn_SPM:visited, #btn_download:active, #btn_download:visited, #btn_search:active, #btn_search:visited { background-position: -2px -241px; } #btn_full { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_full_AR5_report.png); } #btn_SPM { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_summary_for_policymaker.png); } #btn_search { width: 123px; height: 101px; background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_search.png); } /* Integration Brochure button added Jan 23, 2015*/ #btn_IntBro, #btn_SPM, #btn_download, #btn_search { display: block; width: 224px; height: 101px; background-repeat: no-repeat; background-position: -2px -3px; } #btn_IntBro span, #btn_SPM span, #btn_download span, #btn_search span {position: absolute; top: -999em; } #btn_IntBro:hover, #btn_SPM:hover, #btn_download:hover, #btn_search:hover { background-position: -2px -122px; } #btn_IntBro:active, #btn_IntBro:visited, #btn_SPM:active, #btn_SPM:visited, #btn_download:active, #btn_download:visited, #btn_search:active, #btn_search:visited { background-position: -2px -241px; } #btn_IntBro { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_IntBro.png); } /* chapter download button */ #btn_download { width: 500px; height: 70px; background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_download.png); } #btn_download:hover { background-position: -2px -75px; } #btn_download:active, #btn_download:visited { background-position: -2px -150px; } /* Full Report Part A and Part B button (smaller) added Oct 09, 2014, and Jan 26, 2015*/ #btn_partA, #btn_partB, #btn_SPM2, #btn_IntBro_small { display: block; width: 196px; height: 90px; background-repeat: no-repeat; background-position: -2px -3px; } #btn_partA span, #btn_partB span, #btn_SPM2 span, #btn_IntBro_small span { position: absolute; top: -999em; } a#btn_partA:hover, a#btn_partB:hover, a#btn_SPM2:hover, #btn_IntBro_small:hover { background-position: -2px -104px; } a#btn_partA:active, a#btn_partA:visited, a#btn_partB:active, a#btn_partB:visited, a#btn_SPM2:active, a#btn_SPM2:visited, a#btn_IntBro_small:active, a#btn_IntBro_small:visited { background-position: -2px -206px; } #btn_partA { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_AR5partA_report.png); } #btn_partB { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_AR5partB_report.png); } #btn_SPM2 { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_SPM2.png); } #btn_IntBro_small { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_IntBro_small.png); } /***************************** Citation Styles (Added by Yuka 6/09/2014) *****************************/ #btn_citation, #btn_citation_doc { display: block; width: 224px; height: 101px; background-repeat: no-repeat; background-position: -2px -3px; } #btn_citation span, #btn_citation_doc span { position: absolute; top: -999em; } #btn_citation:hover, #btn_citation_doc :hover { background-position: -2px -122px; } #btn_citation:active, # btn_citation:visited, #btn_citation_doc :active, #btn_citation_doc :visited { background-position: -2px -241px; } #btn_citation { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_citation.png); } #btn_citation_doc { background-image: url(http://ipcc-wg2.org/AR5/images/site/btn_citation_doc.png); } /***************** alternative list style - (if use