/********************************************************************************************** Title: International Atomic Energy Agency (IAEA) Author: Kresimir Nikolic Date: June 2010 *********************************************************************************************** Rules here overwrite standard set of layout rules, in order to create additional layouts 1. LAYOUT 1.1. Overview Template 1.2. Subpage 3 Columns 1.3. Subpage 2 Columns: content + resources 1.4. Subpage 2 Columns: content + side navigation 1.5. Subpage 1 column: content 2. */ /* Overview Template */ body.standard #content, body.standard #sidebar { padding: 0 0 0 20px 0; width: 460px; float: left; } body.standard #sidebar { float: right; } /* subpage 3 columns */ body.subpage-3col #content { margin-top: -5px; } body.subpage-3col #sidebar { width: 220px; } /* subpage 2 columns: content + resources */ body.subpage-2col-a #content { width: 700px;} body.subpage-2col-a #sidebar { width: 220px; } /* subpage 2 columns: side-navigation + content */ body.subpage-2col #side-navigation { width: 220px; } body.subpage-2col #content { width: 700px;} /* subpage 1 column: content */ body.subpage-1col #content { width: 940px;} body.standard #top-section { padding:0; margin-bottom:20px; overflow:hidden; } body.standard #top-section .top-column { float:left; width:460px; } body.standard #top-section .top-sidebar { float:right; } /* common styles */ body.standard #main img { padding: 4px; background: #eee; border: 1px solid #ddd; margin-top: 6px;} body.standard #main img.noborder { border: none; padding: 0; background: transparent;} body.overview #main .article h2, body.overview #main #sidebar .sidebar-item h2, body.standard #main #sidebar .article h2 { font: normal 1.8em/1.2 Arial, Helvetica, sans-serif; border-top: 5px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; padding: 6px 0 8px 0; color: #232323; } body.standard #main #top-section h2 { color: #a52a2a; font: 2.6em Georgia, serif; border: none; margin: 0; padding: 0; } body.standard #content a.link-image:hover img, body.standard #sidebar a.link-image:hover img { border: 1px solid #8A8A8A; } body.standard #main .article { padding-bottom: 29px; } body.standard #main .main-article p { font-size: 1.4em; line-height: 1.428571em; } body.standard #main .article .meta { display: block; color: #8A8A8A; padding: 0 0 3px; } body.standard #main .article p.releasedate { font-weight: bold; margin-top: 0; } body.standard #main .article p.releasedate span { font-weight: normal } body.standard #main .article p.statementby { font-weight: bold; } /**/ body.standard #main .article ul.with-dot { margin: 26px 0 0 13px; } body.standard #main .article ul.with-dot li { background: transparent url(../images/bullet_grey.png) no-repeat scroll 0 3px; padding: 0 0 6px 13px; color: #575757; font-size: 1.2em; } body.standard #main .article ul { margin: 0 0 0px 20px;} body.standard #main .article ul li { padding: 0 0 0 20px; background:transparent url(/ui/2009/images/bullet_grey.png) no-repeat scroll 6px 6px; font-size: 1.2em; line-height: 150%;} body.standard ul li a.more { display:block; text-align:right; } body.standard #content .grid-12 { display: inline; float: left; position: relative; width: 700px; margin-right: 20px } body.standard #content .grid-4, body.standard #content .grid-4-last { display: inline; float: left; position: relative; width: 220px; margin-right: 20px; } body.standard #content .grid-3a, body.standard #content .grid-3a-last { display: inline; float: left; position: relative; width: 140px; margin-right: 20px; } body.standard #content .grid-4a, body.standard #content .grid-4a-last { display: inline; float: left; position: relative; width: 215px; margin-right: 27px; } body.standard #content .grid-6, body.standard #content .grid-6-last { display: inline; float: left; position: relative; width: 340px; margin-right: 20px; } body.standard #content .grid-4-last, body.standard #content .grid-6-last, body.standard #content .grid-3a-last { margin-right: 0px; } .grid-4 h3, .grid-4-last h3 { margin-top: 20px } body.standard #content .article-with-image .article-content { width: 280px; float: right; display: inline;} body.standard #content .article-with-date .article-date { width: 40px; float: left; padding-top: 5px; text-align: center; font-family: Georgia, serif; } body.standard #content .article-with-date .article-content { width: 400px; float: right; } body.standard #content .article-with-date h2 { margin-bottom: 18px; } body.standard #content .article-date span { display: block; } body.standard #content .article-date .article-date-container { padding: 2px; background: #ccc; } body.standard #content .article-date .article-day { background: #fff; padding: 5px 0 7px; color: #575757; font-size: 1.6em; font-weight: bold; } body.standard #content .article-date .article-month { padding: 4px 0 1px; color: #575757; font-size: 1.2em; } body.standard #content .article-date .article-year { padding: 2px 0; color: #aaa; font-size: 1.2em; } body.standard #content .main-article { padding-bottom: 33px; } body.standard #content .main-article p { font-size: 1.4em; } body.standard #sidebar .sidebar-cover { padding-bottom: 35px; } body.standard #sidebar .col1 { width: 220px; float: left; } body.standard #sidebar .col2 { width: 220px; float: right; } body.standard #sidebar .article-photos .article { padding-bottom: 19px; } body.standard #sidebar .article-photos .article-content { width: 110px; float: right; } body.standard #sidebar .article-photos h2 { margin-bottom: 19px; } body.standard #sidebar .article-photos img { margin-bottom: 0; } body.standard #sidebar .sidebar-item { padding-bottom: 50px; } body.standard #sidebar .sidebar-item h2 { color: #232323; font-size: 1.8em; margin-bottom: 18px; font-weight: normal; } body.standard #sidebar .sidebar-item p { font-size: 1.2em; line-height: 1.5; color: #575757; } body.standard #sidebar .sidebar-item ul li, body.work .gray-box ul li, body.about .gray-box ul li, body.publications .gray-box ul li { font-size: 1.2em; line-height: 1.4; padding: 4px 0 10px 15px; background: url(../images/bullet_grey.png) 1px 0.75em no-repeat; } body.overview #sidebar .sidebar-item ul li { border-bottom: 1px solid #E1E1E1 } body.standard #sidebar .gray-box, body.work .gray-box, body.about .gray-box, body.publications .gray-box { border-top: 5px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; background: #F3F3F3; padding: 0 16px 0 16px; margin-bottom: 29px;} body.standard #sidebar .gray-box h3, body.work .gray-box h3, body.about .gray-box h3, body.publications .gray-box h3 { font: bold 1.2em "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Helvetica, Arial,sans-serif; padding: 10px 0; background: url(../images/bg_gray-box-hr.gif) repeat-x bottom left; color: #232323; } body.standard #sidebar .gray-box ul li, body.work .gray-box ul li, body.about .gray-box ul li, body.publications .gray-box ul li { background: transparent; /*padding:4px 0 10px 0*/ padding: 7px 0; border-bottom: 1px solid #E1E1E1 } body.standard #sidebar .gray-box ul li.pdf { background: url(../images/ico_pdf.gif) no-repeat 0 10px; padding-left: 18px; } body.standard #sidebar .gray-box ul li.story { background: url(../images/ico_story.gif) no-repeat 0 11px; padding-left: 18px; } body.standard #sidebar .gray-box ul li.video { background: url(../images/ico_video.gif) no-repeat 0 10px; padding-left: 18px; } body.standard #sidebar .gray-box ul li.photo { background: url(../images/ico_photo.gif) no-repeat 0 11px; padding-left: 18px; } body.standard #sidebar .gray-box ul li.audio { background: url(../images/ico_audio.gif) no-repeat 0 11px; padding-left: 18px; } body.standard #sidebar .gray-box ul li.last { border: 0; } body.standard #sidebar .gray-box .date { display: block; color: #aaa;} body.standard .gray-box ul li:last-child, body.work .gray-box ul li:last-child { border-bottom: none; } /* Left-Side-Navigation */ body.standard #side-navigation { width: 220px; margin-right: 20px; display: inline; float: left; border-top: 5px solid #E1E1E1; } body.standard #side-navigation li a { background: #f90; } body.standard #side-navigation h2 { font-size: 1.8em; color: #232323; font-weight: normal; padding: 6px 0 8px 0; line-height: 1; font-family: Arial, sans-serif;} body.standard #side-navigation h2.divide { border-top: 5px solid #E1E1E1; padding-top: 8px; margin-top: 40px; } body.standard #side-navigation > ul { border-bottom: 1px solid #E1E1E1; } body.standard #side-navigation li { border-top: 1px solid #E1E1E1; } body.standard #side-navigation li.active a { background: url(../images/ico_side-nav-arrow-c.gif) no-repeat 2px 10px; } body.standard #side-navigation li a, body.standard #side-navigation li.collapsed a { font-size: 1.2em; color: #333; display: block; padding: 7px 0 7px 15px; background: url(../images/ico_side-nav-arrow.gif) no-repeat 2px 10px; min-height: 14px; } body.standard #side-navigation li a.no-child { background: url(../images/ico_no-child.gif) no-repeat 2px 13px; } body.standard #side-navigation li ul.first-level a { background-position: 17px 10px; padding-left: 30px; } body.standard #side-navigation li ul.first-level a.no-child { background-position: 17px 13px; } body.standard #side-navigation li ul.first-level a.collapse { background-position: 17px 10px; } body.standard #side-navigation li ul.second-level a { background-position: 32px 10px; padding-left: 45px; } body.standard #side-navigation li ul.second-level a.no-child { background-position: 32px 13px; } body.standard #side-navigation li ul.second-level a.collapse { background-position: 32px 10px; } body.standard #side-navigation li ul.third-level a { background-position: 47px 10px; padding-left: 60px; } body.standard #side-navigation li ul.third-level a.no-child { background-position: 47px 13px; } body.standard #side-navigation li ul.third-level a.collapse { background-position: 47px 10px;} /*body.standard #side-navigation li a:hover { background-color: #f3f3f3; text-decoration: none; }*/ body.standard #side-navigation li a.active { background-color: #f3f3f3; text-decoration: none; } body.standard #side-navigation li.active ul { display: block; } body.standard #side-navigation li.collapsed ul { display: none; } /*body.standard #main .article-with-image img { margin-right: 20px;}*/ body.standard #main .article ul.with-dot { margin: 26px 0 0 13px; } body.standard #main .article ul.with-dot li { background: transparent url(../images/bullet_grey.png) no-repeat scroll 0 5px; padding: 0 0 6px 13px; color: #575757; font-size: 1.2em; margin: 0 } .red { color: #a52a2a;} body.standard #content #vacancy { width: 700px; margin:0 0 20px 20px; overflow: hidden; } body.standard #content dl#vacancy dt { clear: both; float: left; width: 200px; font: normal 1.2em/150% "Lucida Grande",Lucida,Verdana,sans-serif;} body.standard #content dl#vacancy dd { float: left; width: 500px ;font: normal 1.2em/150% "Lucida Grande",Lucida,Verdana,sans-serif; padding-bottom: 5px; } body.standard #content table.vacancies { width: 100%;} body.standard #content table.vacancies td.post-nr { width: 80px; } body.standard #content table.vacancies td.post-date { width: 80px; } /* search result */ body.standard #main #result { margin-top: 18px; } body.standard .storydate, .press-result .storydate { color: #575757; font-weight: bold; } body.standard #main #result p { overflow: hidden; margin-top: 2px;} /*body.standard #main #result .clear { margin-bottom: 25px; }*/ /* search result press section */ /* body.standard #main .press-result h3 { margin-bottom: 15px; font: normal 1.2em/150% "Lucida Grande",Lucida,Verdana,sans-serif;} body.standard #main .press-result .storydate { display:block; color:#8A8A8A;} body.standard #main .press-result p { margin-bottom: 25px; overflow: hidden; font-size: 1.1em;}*/ .press-result { /*margin-top: 18px;*/ } /* earchives list */ body.standard #content dl.archive-list dt { clear: both; float: left; width: 70px; font: normal 1.2em/150% "Lucida Grande",Lucida,Verdana,sans-serif; color: #aaa;} body.standard #content dl.archive-list dd { float: left; width: 390px ;font: normal 1.2em/150% "Lucida Grande",Lucida,Verdana,sans-serif; padding-bottom: 5px; color: #aaa;} body.standard #content .article a.search-top-news, body.standard #content .article a.search-infcircs, body.standard #content .article a.search-annualreports, body.standard #content .article a.search-bulletin { display: block; margin: 10px 0 0 65px; height: 34px; text-indent: -9999em; } body.standard #content .article a.search-top-news { background: transparent url(/ui/2009/images/btn_search_topnews.png) no-repeat scroll 0 -34px; } body.standard #content .article a.search-top-news:hover { background: transparent url(/ui/2009/images/btn_search_topnews.png) no-repeat scroll 0 0; } body.standard #content .article a.search-infcircs { background: transparent url(/ui/2009/images/btn_search_infcircs.png) no-repeat scroll 0 -34px; } body.standard #content .article a.search-infcircs:hover { background: transparent url(/ui/2009/images/btn_search_infcircs.png) no-repeat scroll 0 0; } body.standard #content .article a.search-annualreports { background: transparent url(/ui/2009/images/btn_search_annualreports.png) no-repeat scroll 0 -34px; } body.standard #content .article a.search-annualreports:hover { background: transparent url(/ui/2009/images/btn_search_annualreports.png) no-repeat scroll 0 0; } body.standard #content .article a.search-bulletin { background: transparent url(/ui/2009/images/btn_search_bulletin.png) no-repeat scroll 0 -34px; } body.standard #content .article a.search-bulletin:hover { background: transparent url(/ui/2009/images/btn_search_bulletin.png) no-repeat scroll 0 0; } body.standard #sidebar #iaea-twitter { min-height:200px; height:auto !important; height:200px; background:none repeat scroll 0 0 #F3F3F3;} #sidebar #iaea-twitter { margin-bottom: 30px; padding-bottom: 0; border-bottom:1px solid #E1E1E1; } #sidebar #iaea-twitter h3 { text-indent: -5555em; background: #31CCFF url(/ui/2009/images/twitter_logo.png) no-repeat 5px 50%; padding: 5px 5px;} #sidebar #iaea-twitter ul li { background: none; padding-right: 15px; } /* by the numbers list */ #main .article ul#bythenumbers { margin-top: 20px } #main .article ul#bythenumbers li { font-size: 1.4em; list-style: none; padding: 0 0 10px 0; margin: 0 }