Team:UCL London/files/css

From 2010.igem.org

(Difference between revisions)
(Undo revision 195125 by Zcbee12 (Talk))
 
(One intermediate revision not shown)

Latest revision as of 03:13, 28 October 2010

/* ------------------------------------------------------------------------ Miscellaneous


*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}


* html .clearfix {height: 1%;} .clearfix {display: block;}




ul.star, ul.check, ul.cross{margin:0 0 20px 0;list-style-type: none;} ul.star ul{margin-left: 20px;margin-bottom:0;margin-top:0;} ul.star li{padding-left: 20px; margin-left: 0px; background: url(images/star.png) 0px 3px no-repeat;list-style-type: none;} ul.check ul{margin-left: 20px;margin-bottom:0;margin-top:0;} ul.check li{padding-left: 20px; margin-left: 0px; background: url(images/check.png) 0px 3px no-repeat;list-style-type: none;} ul.cross ul{margin-left: 20px;margin-bottom:0;margin-top:0;} ul.cross li{padding-left: 20px; margin-left: 0px; background: url(images/cross.png) 0px 3px no-repeat;list-style-type: none;}

a.button{display: inline-block; padding: 5px 25px; margin: 0px 0px 20px;background-image: url(images/button-fade.png); background-position: scroll left top; background-repeat:repeat-x; border: 1px solid #e8e8e8; border-right: 2px solid #e5e5e5;border-bottom: 2px solid #e5e5e5;} a.button:hover{background-image: url(images/button-fade-hover.png); background-position: scroll left bottom; background-repeat:repeat-x;}


.entry_devider{margin: 10px 0px 20px; height: 2px; display: block; background:url(images/line.gif) repeat-x scroll center bottom;} .entry_devider_top{margin: 10px 0px 20px; height: 20px; display: block; background:url(images/line.gif) repeat-x scroll center center;} .entry_devider_top .jhandletop{float: right; height: 20px; line-height: 15px;padding: 0px 0px 0px 8px; background: #E8E8E8;margin: 0;display: inline-block} .entry_devider_top .jhandletop a{font-size: 11px;word-spacing: 2px;margin: 0;padding: 0;}


.dropcap{float: left; display: inline-block; font-size: 40px; line-height: 100%; margin: 4px 10px 0px 0px;position: relative}


.two_column{float: left; display: inline; width: 47%; margin-bottom: 20px; padding: 0;} .two_column_last{float: right; display: inline; width: 47%; margin-bottom: 20px; padding: 0;} .three_column{float: left; display: inline; width: 30%; margin-right: 5%;margin-bottom: 20px; padding: 0;} .three_column_last{float: right; display: inline; width: 30%; margin-bottom: 20px; padding: 0;} .four_column{float: left; display: inline; width: 22%; margin-right: 4%; margin-bottom: 20px;padding: 0;} .four_column_last{float: right; display: inline; width: 22%; margin-bottom: 20px; padding: 0;}

.one_third{float:left; display:inline;width: 30%; margin-right: 5%; margin-bottom: 20px;padding: 0;} .one_third_last{float:right; display:inline;width: 30%; margin-bottom: 20px; padding: 0;} .two_third_last{float: right; display: inline; width: 65%; margin-bottom: 20px; padding: 0;} .two_third{float: left; display: inline; width: 65%; margin-right: 5%; margin-bottom: 20px;padding: 0;}

.one_fourth{float: left; display: inline; width: 22%; margin-right: 4%; margin-bottom: 20px;padding: 0;} .three_fourth_last{float: right; display: inline; width: 74%; margin-bottom: 20px; padding: 0;} .three_fourth{float: left; display: inline; width: 74%; margin-right: 4%; margin-bottom: 20px; padding: 0;} .two_fourth{float: left; display: inline; width: 48%; margin-right: 4%; margin-bottom: 20px; padding: 0;} .two_fourth_last{float: right; display: inline; width: 48%; margin-bottom: 20px; padding: 0;} .one_fourth_last{float: right; display: inline; width: 22%; margin-bottom: 20px; padding: 0;}


.rounded-out{margin: 0px 0px 20px;padding: 0px; border: 1px solid #E2E2E2;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .rounded-in{margin: 0px; padding: 20px; border: 1px solid #FDFDFD; background: #f8f8f8;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .rounded-in p, .rounded-in div{margin-top:0;padding-top: 0;} .rounded-in br{display:none;height: 0px;visibility: hidden; overflow: hidden;}

.download_roundedout{margin: 0px 0px 20px;padding: 0px; border: 1px solid #E2E2E2;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;background-color: #F7F8F7;background-image: url(images/button-fade.png); background-position: scroll left top; background-repeat:repeat-x;} .download_roundedout .download_roundedin{margin: 0px; padding: 20px 20px 20px 90px; border: 1px solid #FEFEFE; background: url(images/box_download.png) scroll 20px 20px no-repeat; min-height: 48px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .download_roundedout .download_roundedin p, .download_roundedout .download_roundedin div{margin-top:0;padding-top: 0;} .download_roundedout .download_roundedin br{display:none;height: 0px;visibility: hidden; overflow: hidden;}

.sucess_roundedout{margin: 0px 0px 20px;padding: 0px; border: 1px solid #E2E2E2;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;background-color: #DCECCF; background-image: url(images/button-fade.png); background-position: scroll left top; background-repeat:repeat-x;} .sucess_roundedout .sucess_roundedin{margin: 0px; padding: 20px 20px 20px 90px; border: 1px solid #FEFEFE; background: url(images/accepted.png) scroll 20px 20px no-repeat; min-height: 48px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .sucess_roundedout .sucess_roundedin p, .sucess_roundedout .sucess_roundedin div{margin-top:0;padding-top: 0;} .sucess_roundedout .sucess_roundedin br{display:none;height: 0px;visibility: hidden; overflow: hidden;}

.error_roundedout{margin: 0px 0px 20px;padding: 0px; border: 1px solid #E2E2E2;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;background-color: #F2E1D8; background-image: url(images/button-fade.png); background-position: scroll left top; background-repeat:repeat-x;} .error_roundedout .error_roundedin{margin: 0px; padding: 20px 20px 20px 90px; border: 1px solid #FEFEFE; background: url(images/error.png) scroll 20px 20px no-repeat; min-height: 48px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .error_roundedout .error_roundedin p, .error_roundedout .error_roundedin div{margin-top:0;padding-top: 0;} .error_roundedout .error_roundedin br{display:none;height: 0px;visibility: hidden; overflow: hidden;}

.warning_roundedout{margin: 0px 0px 20px;padding: 0px; border: 1px solid #E2E2E2;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;background-color: #F6F0D9; background-image: url(images/button-fade.png); background-position: scroll left top; background-repeat:repeat-x;} .warning_roundedout .warning_roundedin{margin: 0px; padding: 20px 20px 20px 90px; border: 1px solid #FEFEFE; background: url(images/warning.png) scroll 20px 20px no-repeat; min-height: 48px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .warning_roundedout .warning_roundedin p, .warning_roundedout .warning_roundedin div{margin-top:0;padding-top: 0;} .warning_roundedout .warning_roundedin br{display:none;height: 0px;visibility: hidden; overflow: hidden;}

.color_roundedout{margin: 0px 0px 20px;padding: 0px; border: 1px solid #E2E2E2;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;background-image: url(images/button-fade.png); background-position: scroll left top; background-repeat:repeat-x;} .color_roundedout .color_roundedin{margin: 0px; padding: 20px; border: 1px solid #FEFEFE; -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;} .color_roundedout .color_roundedin p, .color_roundedout .color_roundedin div{margin-top:0;padding-top: 0;} .color_roundedout .color_roundedin br{display:none;height: 0px;visibility: hidden; overflow: hidden;}


.download_roundedout:hover, .sucess_roundedout:hover, .error_roundedout:hover, .warning_roundedout:hover{background-image: url(images/button-fade-hover.png); background-position: 0% 100%; background-repeat:repeat-x;}


.quote_left{float: left; display: inline-block; width: 40%; margin: 20px 20px 20px 0px;padding: 5px 0px 0px 40px; min-height: 40px; font-size: 12px; line-height: 23px; font-style: italic; font-family:Georgia, serif; background: url(images/quote.png) 0px 0px no-repeat;} .quote_right{float: right; display: inline-block; width: 40%; margin: 20px 0px 20px 20px;padding: 5px 0px 0px 40px; min-height: 40px; font-size: 12px; line-height: 23px; font-style: italic; font-family:Georgia, serif; background: url(images/quote.png) 0px 0px no-repeat;}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p, blockquote,pre,address,code,del,dfn,em,img,q, dl,dt,dd,ol,ul,li, table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{letter-spacing:0px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;outline: 0;} strong, b{font-weight:bold;} em, dfn, i{font-style:italic;} a, img{outline: none; border: 0;} a{text-decoration: none;}


body { margin: 0; padding: 0; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px;line-height: 23px;background: #E8E8E8;color: #888} h1, h2, h3, h4, h5, h6 { font-weight:normal;font-family: Georgia, serif;line-height: 100%;} h1 {font-size: 36px;} h2 {font-size: 24px;} h3 {font-size: 21px;} h4 {font-size: 18px;} h5 {font-size: 16px;} h6 {font-size: 14px;} h1 strong{font-size: 40px;font-weight: bold;} h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px} ul,li{list-style:none outside;margin-left:20px;list-style-type:disc;} ol, ol li{list-style:decimal outside;} ol, dd{margin-left:24px;} ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}


table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin-bottom:18px;} table,td,th {vertical-align:middle;} th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;} td{padding:10px;color:#888;} tr{background-color: #FAFAFA;} tfoot td{border:0px;} th{background-color:#F1F1F1;} tr:hover{background-color:#FEFEFE;}

blockquote{margin: 10px 20px; padding-left: 25px; font-size: 12px; font-style: italic; font-family: Georgia, serif; background: url(images/quote.png) 0px 0px no-repeat; } blockquote p{padding: 0px;} pre,code{font-family:mono-space,monospace;white-space:pre;overflow-x:auto;overflow-y:hidden;padding:0px;line-height: 20px;font-weight: 400;} pre{padding:0px 5px; border: 1px solid #CCC; border-top: 0;background-image: url(images/pre.gif);background-position: 0px 1px; background-repeat: repeat;} pre code{margin: 0; padding: 0;} .wrap, .sp_wrap{margin: 0 auto; padding: 0px; width: 960px;} .clear{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;overflow: hidden;} .alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;} .alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;} .aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .wp-caption {border: 1px solid #ddd;margin-bottom:18px;text-align: center;background-color: #fff;padding: 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .wp-caption img {margin: 0;padding: 0;border: none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;color: #111;}


#top .sp_wrap{ padding: 10px 0px 0px;} #top, #top_effect, #top_effect .top_shadow{margin: 0;padding: 0px;} #logo{margin: 0px; padding: 10px 0px;float: left; _display: inline;} #menu{margin: 0px; padding: 0; height: 45px;} #menu .wrap{width: 970px; height: 45px; margin: 0px auto; padding: 0;} #search{float: right; _display: inline; width: 217px; height: 28px; margin: 40px 0px 0px 0px;position:relative;} #search #searchbox{position: absolute;left: 15px;top: 3px;padding: 4px 0px 0px 0px;width: 160px; font-size: 11px;background: none; border: none;letter-spacing: 1px;} #search #search-bt{position: absolute; top: 0px; right: 4px; width: 24px; height: 25px; cursor: pointer; background: none; border: none;}


#menu #page_menu{float: left; _display: inline; width: 960px; height: 40px; margin: 5px 5px 0px} #page_menu ul#pagemenu{margin: 0;padding: 0px 20px;list-style-type: none;z-index: 9998;position: relative;} #pagemenu li{position: relative;display: inline;float: left;padding: 0px 0px 0px 8px;margin: 0px 10px 0px 0px; cursor: pointer;} #pagemenu li a{display: block;padding: 0px 20px 0px 12px; text-decoration: none;height:40px;line-height:40px;font-size: 12px;color: #FFF;overflow:hidden;text-transform: uppercase; font-weight: bold;} #pagemenu a{text-shadow: #000 0px 1px 0px;} #pagemenu ul {position:absolute;top:40px;left: 0; margin: 0;display:none;z-index: 9997;border-top: 2px solid #e3e3e3;width: 222px;} #pagemenu ul li, #pagemenu ul .onhov, #pagemenu ul li:hover, #pagemenu ul .current_page_item{padding: 5px; margin: 0;z-index: 9996;background: #f1f1f1;border-bottom: 1px solid #e3e3e3;} #pagemenu li:hover ul ul, #pagemenu li:hover ul ul ul, #pagemenu li:hover ul ul ul ul{display:none;} #pagemenu li:hover ul, #pagemenu li li:hover ul, #pagemenu li li li:hover ul, #pagemenu li li li li:hover ul{display:block; z-index: 9997;} #pagemenu li ul a, #pagemenu li.onhov ul a, #pagemenu li.onhov li.onhov ul a, #pagemenu li.onhov li.onhov li.onhov ul a{width : 170px; height: 30px; line-height: 30px; border: 1px solid #F1F1F1; background: #f1f1f1; padding: 0px 20px;float:left;display: block;color: #888!important} #pagemenu ul ul{top:auto;border-left: 1px solid #e3e3e3;border-top: none;} #pagemenu li ul ul {left:212px; top: 0px;margin:0px 0 0 10px;} #pagemenu li ul a:hover{background: #f5f5f5;} #menu #page_menu a.pageactive, .current-menu-item a.pageactive{color: #FFF;} #pagemenu ul li.onhov a,#pagemenu ul li.onhov li.onhov a, #pagemenu li.onhov ul a:hover, #pagemenu li.onhov li.onhov ul a:hover, #pagemenu li.onhov li.onhov li.onhov ul a:hover{background: #f5f5f5;color: #666!important;border-color:#D9D9D9 #e9e9e9 #FFFFFF;border-style:solid;border-width:1px; -moz-border-radius:6px; -webkit-border-radius:5px; border-radius: 5px;} #pagemenu li.onhov a{color: #FFF!important;}


.datepick-fix a { width: 16px !important; height: 16px !important; padding: 5px !important; line-height: 0 !important; float:none !important; }

.datepick-fix { width: 170px !important;

}


#featured{margin: 0px 0px -50px -140px; padding: 0px; float: left; width: 1200px; height: 530px;position: relative;overflow: display;} #featured #featured_play{margin: 0; padding:0px; height: 530px; display: block;background: url(Ucl-template-featured_shadow.png) center 320px no-repeat;}


#main{margin: 0; padding: 0px; background: url(Ucl-template-main_top_shd.jpg) left top repeat-x;} #main #main_bottom{margin: 0; padding: 0px; background: url(Ucl-template-main_bot_shd.jpg) left bottom repeat-x;} #main #main_bottom #mainest{margin: 0; padding: 0px;background: url(Ucl-template-mainest.png) center top no-repeat;} #main #main_bottom #mainest .wrap{margin: 0 auto; padding: 0px; width: 960px;} #main #main_bottom #mainest .wrap .content{margin: 0; padding: 0px 20px 20px; min-height: 300px;background: #ffffff url(Ucl-template-main_middle.png) 0px 0px no-repeat;}

#middle{margin: 0px 0px 20px; padding: 0px; background: #EFEFEF url(Ucl-template-middle_bottom.jpg) scroll center bottom no-repeat; clear: both;} #middle .in_middle{background: url(Ucl-template-middle_top.jpg) scroll center top no-repeat;margin:0; padding: 20px; text-align:center;} #middle .in_middle h2{text-align:center;line-height: 32px;padding-bottom: 10px; margin: 0px 0px 0px 0px;} .bigbutton{display:inline-block; margin: 15px 5px 5px; padding: 0px;width: 174px; height: 40px; line-height: 40px; text-align:center; font-size: 17px;}

.content .glob_column{ margin: 0px; padding: 5px 0px 40px;} .content .glob_column .col_left{float: left; _display: inline; margin: 0px 46px 0px 0px; padding: 0;width: 276px;} .content .glob_column .col_right{float: right; _display: inline; margin: 0px; padding: 0; width: 276px;} .inner_col{margin: 0; padding: 20px 0px;} .inner_col h3{text-shadow: #FFF 0px 1px 0px; margin: 0px; padding: 0px 0px 20px;} .inner_col .col_text{margin:0px; padding: 0px 0px 15px;} img.image_column{display: block; margin: 0px auto 15px;}

.box_out_link{display: inline-block; height: 32px; line-height: 30px; margin: 0px; padding: 0px 35px 0px 0px; background-image: url(Ucl-template-button.png); background-repeat: no-repeat; background-position: right top;} .box_out_link .box_in_link{display: inline-block; text-align:center; height: 32px; line-height: 30px; margin: 0px; padding: 0px 8px 0px 24px; color: #666; font-size: 13px; background-image: url(Ucl-template-button.png); background-repeat: no-repeat; background-position: 0px -108px;} .box_out_link:hover, .box_out_link:focus{ background-position: right -60px;} .box_out_link:hover .box_in_link, .box_in_link:hover, .box_out_link:focus .box_in_link, .box_in_link:focus{ background-position: 0px -168px;} #testimonial_show .testimonial_writer{margin: 0; padding: 0px; text-align: right; font-size: 11px; font-weight: bold;} .testimonial_writer{margin: 0px; padding: 0px; text-align: right; font-size: 11px; font-weight: bold;}

.layout_second{margin: 0px 0px 20px; padding: 40px 0px;} .layout_second_home{margin: 0px; padding: 20px 0px; background: url(images/line.gif) scroll left top repeat-x;} .full_width{margin: 0px 0px 20px; padding: 40px 5px 20px; #display: inline-block;} .layout_second.sidebarright{background: url(images/main_sideright.png) 0 0 no-repeat;} .layout_second.sidebarleft{background: url(images/main_sideleft.png) 100% 0 no-repeat;}

.layout_second.sidebarright #left_content, .layout_second_home #left_content{float: left; _display: inline; width : 598px;margin: 0; padding: 0px;} .layout_second.sidebarleft #left_content{float: right; _display: inline; width : 598px;margin: 0; padding: 0px;} h1.pagetitle{padding: 0px 0px 6px;background: url(images/line.gif) scroll left bottom repeat-x;font-size: 32px;letter-spacing: 1px;} h1.special_pagetitle{padding: 0px 0px 6px;background: url(images/line.gif) scroll left bottom repeat-x;font-size: 32px;font-style: italic;text-align: right; color: #b1b1b1;} h1.special_pagetitle span{margin: 0; padding: 0px 5px; display: inline-block;height: 50px; line-height: 45px; color: #BBB;font-size: 26px;} h1.special_pagetitle span .archive_title{background: none;float: left; _display: inline; margin: 0; padding: 6px 6px 0px 0px; line-height: 16px; font-size: 16px; width: 100px;letter-spacing: 1px;}

.blog_lists{margin: 0px; padding: 15px 0px 40px;} .blog_lists_single{margin: 0px; padding: 0px 0px 20px;} .blog-meta{ margin: 0px 0px 20px; padding: 2px 10px; color: #646464; font-size: 11px; letter-spacing: 1px; text-shadow: #eaeaea 0px 1px 0px; display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border-width: 1px; border-style: solid; border-color: #ddd #ccc #aaa; background: #E3E3E3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#DADADA); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#DADADA)"; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#DADADA)); background: -moz-linear-gradient(top, #f5f5f5, #DADADA); background: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#DADADA)); } .blog-meta a{color: #646464;} .blog-meta a:hover{text-decoration: none;border-bottom: 1px dotted #aaa;} .blog-meta .post-author{height: 22px;line-height: 22px;display: inline-block;padding: 0px 22px;background: url(images/user.png) left center no-repeat;} .blog-meta .post-date{height: 22px;line-height: 22px;display: inline-block;padding: 0px 22px;background: url(images/clock.png) left center no-repeat;} .blog-meta .post-comment{height: 22px;line-height: 22px;display: inline-block;padding: 0px 22px;background: url(images/comment.png) left center no-repeat;} .blog-meta .post-category{height: 22px;line-height: 22px;display: inline-block;padding: 0px 22px;background: url(images/tag.png) left center no-repeat;} .blog-meta .edit-link{height: 22px;line-height: 22px;display: inline-block;padding: 0px 22px;background: url(images/edit.png) left center no-repeat;} .featured_image{margin: 0px 0px 10px; padding: 10px; background: #FFF; border: 1px solid #f2f2f2;box-shadow:0px 0px 2px #AAAAAA; -moz-box-shadow:0px 0px 2px #AAAAAA; -webkit-box-shadow:0px 0px 2px #AAAAAA;} .featured_image img{margin: 0px; padding: 0px; display: block;}

.wega-pagenavi{height: 20px;padding-top: 5px; margin-bottom: 0px;font-size: 11px;} .wega-pagenavi span{display: inline-block; height: 20px; line-height: 20px; padding: 0px 6px;margin: 0px 2px;background: #f8f8f8;border-top: 1px solid #e3e3e3; border-bottom: 1px solid #fefefe;border-left: 1px solid #e8e8e8; border-right: 1px solid #fefefe;} .wega-pagenavi a{display: inline-block; height: 20px; line-height: 20px; padding: 0px 6px;margin: 0px 2px;background: #DADADA url(images/button-fade.png) scroll left top repeat-x;border-top: 1px solid #F9F9F9; border-bottom: 1px solid #e3e3e3;border-left: 1px solid #F9F9F9; border-right: 1px solid #e3e3e3;} .wega-pagenavi a:hover{color: #555; background: #DADADA url(images/button-fade-hover.png) scroll left bottom repeat-x;} .wega-pagenavi span.current{background: #777 url(images/button-fade.png) scroll left top repeat-x; color: #FFF;border-top: 1px solid #F9F9F9; border-bottom: 1px solid #e3e3e3;border-left: 1px solid #F9F9F9; border-right: 1px solid #e3e3e3;}

.portfolio_list{width: 435px; margin: 0px; padding: 0px 0px 40px; #position: relative;} .portfolio_list.left{float: left;} .portfolio_list.right{float: right;} .portfolio_list .portfolio_image_preview{margin: 0px 0px 10px; padding: 15px; height: 200px; background: url(images/portfolio_img.png) scroll 0 0 repeat;display: block;} .portfolio_list .portfolio_image_preview .img_preloader, .portfolio_list .portfolio_image_preview .img_preloader a, .portfolio_list .portfolio_image_preview img{margin: 0; padding: 0; width: 405px; height: 200px;} .portfolio_list .portfolio_details{margin: 0; padding: 0px 15px;} .portfolio_list .portfolio_image_preview .ploader, .ploader{background: url(images/loader.gif) center no-repeat; margin: 0; padding: 0;} .portfolio_list .portfolio_image_preview .finishload{margin: 0; padding: 0;} .portfolio_list .portfolio_image_preview .finishload a.viewim{display: block;background: #333 url(images/big_keker.jpg) center no-repeat;margin: 0; padding: 0;;} .portfolio_list .portfolio_image_preview .finishload a.viewvid{display: block;background: #333 url(images/playvid.jpg) center no-repeat;margin: 0; padding: 0;}

.portfolio-single-post{margin: 0px 0px 20px; padding: 0px;} #portfolio_single_object{margin: 0px 0px 8px; padding: 20px 0px 0px 0px;background: url(images/portfolio_single_top.png) 0% 0% no-repeat;} #portfolio_single_object .portfolio_inner_single_object{margin: 0px; padding: 0px 20px 20px; background: url(images/portfolio_single.png) 0% 100% no-repeat;} #portfolio_single_object .portfolio_inner_single_object img{display: block;margin: 0; padding: 0;} #portfolio_single_object .portfolio_inner_single_object .p_item{margin: 0; padding: 0;} .portfolio-single-content{margin: 0px; padding: 0px 10px;} #portsingle_object{display: none;}

.search-blog-title{margin-bottom: 8px;} .search-post-date{display: block; margin: 8px 0px 15px; padding: 0; font-size: 11px; color: #aaa; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}


#adm-contact{margin: 0px 0px 20px; padding: 10px 0px 0px} fieldset{padding:20px;border:1px solid #e5e5e5;} legend, label{letter-spacing:1px;text-transform:uppercase;font-size:11px;} input[type=text], input[type=password], input[type=file], select{padding:5px;width:50%; -moz-border-radius:6px; -webkit-border-radius:5px; border-radius: 5px;} textarea{width:70%;height:100px;padding:5px; -moz-border-radius:6px; -webkit-border-radius:5px; border-radius: 5px;} input, textarea, select {outline-style:none!important;} input[type="submit"]::-moz-focus-inner{border : 0px!important;} input[type="submit"]:focus{outline:none;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } input[type=text], input[type=password], input[type=file], textarea, select{ background-color:#FAFAFA; border-color:#D9D9D9 #EAEAEA #FFFFFF; border-style:solid; border-width:1px; color:#666; font-size: 12px;}

.label{display: inline-block; width: 80px;margin: 0px;vertical-align: top;padding-top: 3px;} .req{color: #ED3C3C; font-weight: bold;font-size: 14px;vertical-align: top;padding-top: 3px;} .req small{font-weight: normal;font-size: 11px;vertical-align: top;} .contactload{margin: 8px 0px 0px 8px;height: 16px; line-height: 16px; padding-left: 22px;padding-top: 5px;display: inline-block;vertical-align:top;background:url(images/loader.gif) 0 5px no-repeat;} #contact_success{background: #C3FF88 url(images/success.gif) 5px 50% no-repeat;border: 1px solid #8DFF1C;color: #333;padding: 6px 0px 6px 35px;margin: 0px 0px 20px;position: relative;} #contact_success .jq_close{display: block;cursor: pointer; position: absolute; right: 3px; top: 3px;width: 16px; height: 16px; background: url(images/close.png) 0 0 no-repeat;}


.layout_second.sidebarright #sidebar, .layout_second_home #sidebar{float: right; _display: inline; width : 276px;margin: 0; padding: 0px; font-size: 11px;} .layout_second.sidebarleft #sidebar{float: left; _display: inline; width : 276px;margin: 0; padding: 0px; font-size: 11px;} #sidebar .sidebarbox{margin: 0px; padding: 0px 0px 40px;} #sidebar .sidebarbox h4{color: #838383;} #sidebar .sidebarbox ul{margin-left: 0px;list-style-type: none;} #sidebar .sidebarbox ul li{list-style-type: none;margin-left: 0; border-bottom: 1px solid #f0f0f0; padding: 3px 0px 3px 24px; background: url(images/list_arrow.png) scroll 0px 6px no-repeat;}

ul.across_latest h6{margin-bottom: 5px; padding-top: 5px; font-size: 12px;letter-spacing: 0px; color: #B2B2B2;font-family: Arial, Helvetica, sans-serif;} ul.across_latest small{color: #aaa;} #flickr{display: block; margin: 0px; padding: 0px;} .footbarbox #flickr{padding-top: 10px;} #flickr a{background: url(images/flickr-thumbnail.png) 0 0 no-repeat; display: inline-block; padding: 5px; float: left; margin: 3px; border: 0;} .flick{color: #0062DC;} .cr{color: #FF0083;} .twitterWidgets a{border-bottom: 1px dotted #999;} .sidebarbox .contact_information{margin: 0px; padding: 15px 15px 5px 15px; background:#efefef;border-top: 1px solid #f1f1f1;}

#sidebar .sidebarbox ul.across_popular_blog_widget li{list-style-type: none;margin: 0;padding: 0px;background: none; border-bottom: 1px solid #FEFEFE;} #sidebar .sidebarbox ul.across_popular_blog_widget li a{display: block; padding: 4px 0px; margin: 0; border-bottom: 1px solid #e3e3e3;} #sidebar .sidebarbox ul.across_popular_blog_widget li span.thumbnail{float: left; margin: 0; display: inline-block; width: 102px; height: 103px; background: url(images/thumbnail.png) 0 0 no-repeat;} #sidebar .sidebarbox ul.across_popular_blog_widget li span.thumbnail img{display: block; margin: 0; padding: 6px 6px 6px;} #sidebar .sidebarbox ul.across_popular_blog_widget li span.blog_text{float: right; margin: 0; padding: 5px 0px; width: 160px; font-size: 10px; color: #aaa;} #sidebar .sidebarbox ul.across_popular_blog_widget li span.blog_text strong.unstrong{font-weight: normal; font-size: 12px;line-height: 100%; margin-bottom: 10px; display: block;color: #888;} #sidebar .sidebarbox ul.across_popular_blog_widget li a:hover span.blog_text strong.unstrong{color: #111;} td#next{text-align: right;}

#sidebar .sidebarbox ul.portfolio-widget-list li{list-style-type: none;background: url(images/thumbnail.png) 0 0 no-repeat; border: none; width: 102px; height: 103px;padding: 0; margin: 5px 15px 10px;} ul.portfolio-widget-list li{display: inline-block; width: 102px; height: 103px; background: url(images/thumbnail.png) 0 0 no-repeat; margin: 0; padding: 0;} ul.portfolio-widget-list li img, .footbarbox ul.portfolio-widget-list li img{padding: 6px 6px 6px;} .footbarbox ul.portfolio-widget-list{padding: 10px 5px} .footbarbox ul.portfolio-widget-list li{border: 0;display: inline-block; width: 102px; height: 103px; background: url(images/thumbnail.png) 0 0 no-repeat; margin: 0; padding: 0;}

ul.across_social_links{list-style: none;} ul.across_social_links li{margin: 0; padding-left: 0px!important;clear: both; background: none!important;} ul.across_social_links li img{float: left; margin: 2px 8px 0px 0px;}


#footer{margin: 0; padding: 0; font-size: 11px;} #footer_widget{margin: 0; padding: 50px 0px 30px;} .footbarbox{margin: 0; padding: 0;} .footbarbox ul{list-style-type: none; margin-left: 0;} .footbarbox ul li{list-style-type: none; margin-left: 0; padding: 5px 0px;} #copyright{font-size: 11px; text-align:center;}


#footer_widget .widget_big_left{ float: left; _display: inline; margin: 0 4% 0 0; padding: 0px 0px 30px; width: 34%;} #footer_widget .widget_left{ float: left; _display: inline; margin: 0 4% 0 0; padding: 0px 0px 30px; width: 18%;} #footer_widget .widget_right{ float: right; _display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 30px; width: 18%;} #footer_widget .widget4_left .footbarbox{padding: 0px;} #footer_widget .widget4_right .footbarbox{padding: 0px;}

.contact_information p{margin-bottom: 12px;} .contact_information p.addr{background: url(images/addr.png) left top no-repeat; padding-left: 32px;} .contact_information p.email{background: url(images/mail.png) left top no-repeat; padding-left: 32px;} .contact_information p.phone{background: url(images/phone.png) left top no-repeat; padding-left: 32px;} .contact_information p.fax{background: url(images/fax.png) left top no-repeat; padding-left: 32px;}


h4#comments{background:url(images/line.gif) repeat-x scroll center bottom;padding: 0px 0px 10px 0px;} .box_comments{background:url(images/line.gif) repeat-x scroll center top;padding-top: 10px; margin-top: 30px;} .box_comments ul, .box_comments ul li{margin-left: 0px; list-style:none;} ul#comment_appart li #respond{margin-bottom: 10px; display: block;padding: 0px;} .commentlist{padding: 0px; width: 598px;} .commentlist ul#comment_appart{list-style: none; margin: 0;padding: 0;} ul#comment_appart li, ul#comment_appart li li{margin: 0px;} ul#comment_appart li .pro_comment{padding: 0px 0px 10px 0px; margin: 0px;_height: 1px} ul#comment_appart li .comment_text pre{width: 90%;} ul#comment_appart li .moderation{padding: 3px 0px; font-style: italic;color: #888;} ul#comment_appart li .comment_text{float: left; display: inline; width: 500px; padding: 10px 12px;} ul#comment_appart li li .comment_text{float: left; display: inline; width: 470px;padding: 10px 12px;} ul#comment_appart li li li .comment_text{float: left; display: inline; width: 440px;padding: 10px 12px;} ul#comment_appart li li li li .comment_text{float: left; display: inline; width: 410px;padding: 10px 12px;} ul#comment_appart li li li li li .comment_text{float: left; display: inline; width: 380px;padding: 10px 12px;} ul#comment_appart li .comment_text .cdate{font-style: italic; font-size: 10px;color: #aaa} ul#comment_appart li .comment_text a:hover{color: #111;}

ul#comment_appart li .comment-author{float: left; display: inline-block; width: 60px; height: 100%; margin: 0px 10px 0px 0px;} ul#comment_appart li .comment-author img{display: block; padding: 5px;background: url(images/avatar-thumbnail.png) 0 0 no-repeat;box-shadow: 0px 0px 0px;-moz-box-shadow: 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px;} ul#comment_appart li .comment-author .pinging {display: block; text-align:left;text-transform: uppercase; font-size: 9px; font-weight: bold;} ul#comment_appart li .fn{font-weight: bold; font-size: 13px;font-family: Tahoma,Geneva,Arial,sans-serif;}ul#comment_appart li .fn a:hover{color: #000} ul#comment_appart ul.children{margin: 0px; padding: 0px;} ul#comment_appart ul.children li{padding-left: 30px;}

ul#comment_appart li .comment_text, ul#comment_appart ul ul li .comment_text{background:#FFF;border-color:#D9D9D9 #EAEAEA #DADADA;border-style:solid;border-width:1px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; font-family: Georgia, serif; font-size: 11px;line-height: 20px;} ul#comment_appart li #respond{background:#f5f5f5;border-color:#FAFAFA #f8f8f8 #DADADA;border-style:solid;border-width:1px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; padding: 10px;} ul#comment_appart li #respond #commentform{margin-bottom: 0px;}

.reply a, #cancel-comment-reply-link{background: #f2f2f2 url(images/button-fade.png) repeat-x scroll left top;position: relative;margin: 0;line-height: 18px;padding: 1px 10px;font-size: 11px;cursor: pointer;border-width: 1px;border-style: solid;border-color: #CCC;color: #777;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;} .comment-edit-link{display: block; text-align:center; color: #aaa;font-size: 10px;} .comment-edit-link:hover{color: #555} ul#comment_appart li #commentform #form_left{float: right; display: inline;} ul#comment_appart ul li #commentform #form_left, ul#comment_appart ul li #commentform #form_right{float: none; display: block; width: 100%;} .comments-paging{margin: 0;padding-top:5px; background:url(images/line.gif) repeat-x scroll center top;} .comments-paging a{display: inline-block; height: 20px; line-height: 20px; padding: 0px 6px;margin: 0px 3px 0px 0px;background: #EAEAEA;border-top: 1px solid #F9F9F9; border-bottom: 1px solid #e3e3e3;border-left: 1px solid #F9F9F9; border-right: 1px solid #e3e3e3;} .comments-paging span{display: inline-block; height: 20px; line-height: 20px; padding: 0px 6px;margin: 0px 3px;background: #f4f4f4;border-top: 1px solid #e3e3e3; border-bottom: 1px solid #fefefe;border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;} .comments-paging a:hover{color: #333;}

.content-title{margin: 10px 0px 20px;font-size: 22px;display: inline-block;} #comments{letter-spacing: 1px; padding: 5px 10px;} #commentform{margin: 10px 0px; padding:30px 20px 20px;clear: both; background: #f0f0f0;} #commentform #form_left{float: right; display: inline; width: 65%; margin: 0;} #commentform #form_admin{margin: 0; padding: 0px;} #commentform #form_right{float: left; display: inline;width: 30%; margin: 0px;} #commentform #form_left textarea, #commentform #form_admin textarea{width:90%; height: 175px; padding: 5px; color: #999;background:#FAFAFA} #commentform #form_right input{padding: 5px; color: #999; width:90%; background:#FAFAFA} #commentform #form_left label, #commentform #form_right label{font-size: 10px!important; color: #999;} #commentform #form_right p{margin-bottom: 5px;} #commentform #form_right p#lastp{margin-bottom: 15px;}




  1. globalWrapper > #content {

padding: 0; margin: -20px auto; line-height: 0; width: 100%; }

.firstHeading { display: none; }

  1. globalWrapper #p-logo {

display: none; }

  1. globalWrapper #search-controls {

display: none; }

  1. globalWrapper > #top-section {

height: 20px; background: #fff; border: 0; }

  1. top-section > #menubar {

top: 0; position: relative; margin: 0; }

  1. top-section > #menubar a {

color: #aaa; }

  1. top-section > .left-menu {

float: left; width: 400px; position: relative; }

  1. top-section > .right-menu {

float: right; width: 400px; position: relative; }

  1. footer-box {

display: none; }

  1. footer li {

display: inline-block; width: 102px; margin: 0; }

  1. pagemenu a > .cufon

{ margin-top:15px; }

  1. pagemenu .sub-menu a > .cufon

{ margin-top: 12px; }

  1. main

{ background-color: #E8E8E8; }

  1. copyright

{ background-color: #40822b; height: 100px; }

  1. footer-wiki-1, #footer-wiki-2

{ height: 20px; margin: 0 auto; }

  1. copyright li

{ display: inline; float: left; min-width: 60px; margin-left: 20px; }

  1. toc, .toc {

max-height: 300px; }

h2,h3,h4{ border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 5px; }

div.thumb { border: none; }

.notebookImage { width:300px; margin: 0 0 20px 20px; float:right; }

.full_width { padding-top: 30px; }

  1. content, .full_width

{ line-height: 1; }

.gallery-item { float:left; width: 240px; margin: 10px; }

  1. language

{ position: absolute; top: 5px; right: 0px; }

  1. language a

{ display: inline; width: 20px; height: 16px; }

  1. protocol a{

color: green; }


a{color: #54AA2B} h2.blog-title a:hover, .portfolio_details h4 a:hover, .search-blog-title a:hover, a:hover{color: #888}

  1. top{ background: #4A9632 url(Ucl-template-green-bg_top.jpg) scroll 0 0 repeat;}
  2. top_effect{background: url(Ucl-template-green-top_effect.jpg) center bottom no-repeat;}
  3. top_effect .top_shadow{background: url(Ucl-template-green-top_shd.png) left bottom repeat-x;}
  4. search{background: url(Ucl-template-green-search.png) 0 0 no-repeat;}
  5. search #searchbox{color: #FAFAFA;}

#menu .wrap{background: url(Ucl-template-green-menu.png) 0 0 no-repeat;} #pagemenu li a:hover, #pagemenu li:hover a{color: #FFF;background: url(Ucl-template-green-menu_hover.png) 100% -40px no-repeat;}

#pagemenu .pageactive, #pagemenu .onhov a, #pagemenu .current_page_item a {background: url(Ucl-template-green-menu_hover.png) 100% -40px no-repeat; } #pagemenu .onhov, #pagemenu li:hover, #pagemenu .current_page_item{background: url(Ucl-template-green-menu_hover.png) left top no-repeat; }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{color: #009900;} .bigbutton{background: url(Ucl-template-green-big_button.png) 0 0 no-repeat;color: #FAFAFA;} .bigbutton:hover, .bigbutton:focus{background-position: 0% 100%;color: #FFF;} h1.special_pagetitle{color: #b1b1b1;} .sidebarbox ul li a{color: #888;} .sidebarbox ul li a:hover{color: #333;}

.testi_single{margin: 0px; padding: 0px;} .sidebarbox .testi_single blockquote{font-size: 11px; color: #999;} .testi_single blockquote{margin: 20px 0px 15px 0px; padding: 5px 0px 0px 35px;}

h2.blog-title, h2.blog-title a, .portfolio_details h4, .portfolio_details h4 a, .search-blog-title a {color: #555;} #comment_submit, #contact_submit{background-image:url(Ucl-template-green-big_button.png); background-repeat: no-repeat; background-position: scroll left top;display:inline-block; margin: 5px 5px 5px 0px; padding: 0px;width: 174px; height: 40px; line-height: 40px; text-align:center;border: 0;} #comment_submit:hover, #contact_submit:hover{background-position: 0% 100%;color: #FFF;}


  1. footer{background: #4A9632 url(Ucl-template-green-bg_top.jpg) scroll 0 0 repeat;color: #FFF;}
  2. footer .wrap{background: transparent url(Ucl-template-green-footer_light.png) scroll center top no-repeat;}
  3. footer #footer_bg{margin: 0; padding: 0;background: url(Ucl-template-green-footer_top.jpg) scroll left top repeat-x;}

#footer a{color: #FFF} #footer a:hover{color: #E3E3E3} .footbarbox h1, .footbarbox h2, .footbarbox h3, .footbarbox h4, .footbarbox h5, .footbarbox h6{color: #fff;} .footbarbox h4.footbar_title{margin: 0px; padding: 0px 0px 15px;border-bottom: 1px solid #54AA2B;} .footbarbox ul li{border-bottom: 1px solid #54AA2B} #copyright{margin: 0; height: 40px; padding: 2px 0px 0px; line-height: 40px; background: url(Ucl-template-green-copyr.jpg) scroll 0 0 repeat-x; color: #DADADA;} .footbarbox .contact_information{margin: 0px; padding: 15px 0px 5px;} .footbarbox p a{border-bottom: 1px dotted #54AA2B; color: #FFF;}

#copyright { background-color: #40822b; height: 50px; }


/*

* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
* 
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
* 
* Version: 1.3.2 (20/10/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*/
  1. fancybox-loading {

position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

  1. fancybox-loading div {

position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png'); }

  1. fancybox-overlay {

position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; display: none; }

  1. fancybox-tmp {

padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

  1. fancybox-wrap {

position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }

  1. fancybox-outer {

position: relative; width: 100%; height: 100%; background: #fff; }

  1. fancybox-content {

width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }

  1. fancybox-hide-sel-frame {

position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

  1. fancybox-close {

position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }

  1. fancybox-error {

color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }

  1. fancybox-img {

width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }

  1. fancybox-frame {

width: 100%; height: 100%; border: none; display: block; }

  1. fancybox-left, #fancybox-right {

position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('https://static.igem.org/mediawiki/2010/b/b7/Ucl-template-fancybox-blank.gif'); z-index: 1102; display: none; }

  1. fancybox-left {

left: 0px; }

  1. fancybox-right {

right: 0px; }

  1. fancybox-left-ico, #fancybox-right-ico {

position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

  1. fancybox-left-ico {

background-image: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png'); background-position: -40px -30px; }

  1. fancybox-right-ico {

background-image: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png'); background-position: -40px -60px; }

  1. fancybox-left:hover, #fancybox-right:hover {

visibility: visible; /* IE6 */ }

  1. fancybox-left:hover span {

left: 20px; }

  1. fancybox-right:hover span {

left: auto; right: 20px; }

.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

  1. fancybox-bg-n {

top: -20px; left: 0; width: 100%; background-image: url('https://static.igem.org/mediawiki/2010/5/5a/Ucl-template-fancybox-fancybox-x.png'); }

  1. fancybox-bg-ne {

top: -20px; right: -20px; background-image: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png'); background-position: -40px -162px; }

  1. fancybox-bg-e {

top: 0; right: -20px; height: 100%; background-image: url('https://static.igem.org/mediawiki/2010/7/7e/Ucl-template-fancybox-fancybox-y.png'); background-position: -20px 0px; }

  1. fancybox-bg-se {

bottom: -20px; right: -20px; background-image: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png'); background-position: -40px -182px; }

  1. fancybox-bg-s {

bottom: -20px; left: 0; width: 100%; background-image: url('https://static.igem.org/mediawiki/2010/5/5a/Ucl-template-fancybox-fancybox-x.png'); background-position: 0px -20px; }

  1. fancybox-bg-sw {

bottom: -20px; left: -20px; background-image: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png'); background-position: -40px -142px; }

  1. fancybox-bg-w {

top: 0; left: -20px; height: 100%; background-image: url('https://static.igem.org/mediawiki/2010/7/7e/Ucl-template-fancybox-fancybox-y.png'); }

  1. fancybox-bg-nw {

top: -20px; left: -20px; background-image: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png'); background-position: -40px -122px; }

  1. fancybox-title {

font-family: Helvetica; font-size: 12px; z-index: 1102; }

.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }

.fancybox-title-outside { padding-top: 10px; color: #fff; }

.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }

  1. fancybox-title-over {

padding: 10px; background-image: url('https://static.igem.org/mediawiki/2010/d/d4/Ucl-template-fancybox-fancy_title_over.png'); display: block; }

.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }

  1. fancybox-title-float-wrap {

border: none; border-collapse: collapse; width: auto; }

  1. fancybox-title-float-wrap td {

white-space: nowrap; }

  1. fancybox-title-float-left {

padding-left: 15px; background: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png') -40px -90px no-repeat; }

  1. fancybox-title-float-main {

color: #FFF; line-height: 29px; font-weight: bold; padding-bottom: 3px; background: url('https://static.igem.org/mediawiki/2010/5/5a/Ucl-template-fancybox-fancybox-x.png') 0px -40px; }

  1. fancybox-title-float-right {

padding-left: 15px; background: url('https://static.igem.org/mediawiki/2010/9/9e/Ucl-template-fancybox-fancybox.png') -55px -90px no-repeat; }

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/6/6d/Ucl-template-fancybox-fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/d/d0/Ucl-template-fancybox-fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/3/31/Ucl-template-fancybox-fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/d/d4/Ucl-template-fancybox-fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/c/c5/Ucl-template-fancybox-fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/5/56/Ucl-template-fancybox-fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/9/96/Ucl-template-fancybox-fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }

  1. fancybox-loading.fancybox-ie6 {

position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }

  1. fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/0/0a/Ucl-template-fancybox-fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/e/e1/Ucl-template-fancybox-fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/4/42/Ucl-template-fancybox-fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/8/8d/Ucl-template-fancybox-fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/a/ae/Ucl-template-fancybox-fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/c/c4/Ucl-template-fancybox-fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/e/e0/Ucl-template-fancybox-fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/e/ef/Ucl-template-fancybox-fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/https://static.igem.org/mediawiki/2010/2/2b/Ucl-template-fancybox-fancy_shadow_nw.png', sizingMethod='scale'); }