Team:Fudan D/css/style.css

From 2012.igem.org

(Difference between revisions)
Chocolatenw (Talk | contribs)
(Created page with "@charset "utf-8"; - →CSS Document: /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Table of contents] 1. Body 2. Top / #top 3. Header / #header - ...")
Newer edit →

Revision as of 01:54, 22 August 2012

@charset "utf-8"; /* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [Table of contents]

1. Body 2. Top / #top 3. Header / #header 

   - Logo

- Navigation 4. Slider / #slider 5. About / #about 6. Content / #content 

   - Article

- Article footer - Post types - Entry meta: list - Entry meta: post - Paginator - Comments - Gallery 7. Aside / #aside 8. Footer / #footer 9. Bottom / #bottom 10. Misc 11. Widgets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  • /


/* [1. Body] */ html, body{ margin: 0; padding: 0; min-width: 998px; height: 100%; } body, td, th, button, input, select, textarea{ font: normal 12px/20px 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif; text-shadow: 1px 1px 0 #000; color: #ededed; } button, input, select, textarea{ background: #262626; border: solid #2f2f2f 1px; border-top-color: #000; border-left-color: #000; /*font-style: italic;*/ } textarea:focus, input:focus{ /*font-style: normal;*/ color: #ededed; } textarea.placeholder, input.placeholder { 

  color: #5d5d5d;
  font-style: italic;

} h1, h2, h3, h4, h5, h6{ font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif; font-weight: normal; color: #181818; } h1{ font-size: 30px; line-height: 40px; } h1 cufon{ top: -8px !important; } h2{ font-size: 24px; line-height: 30px; padding: 0 0 10px 0; } h3{ font-size: 22px; line-height: 30px; padding: 0 0 10px 0; } h4{ font-size: 20px; line-height: 30px; padding: 0 0 10px 0; } h4 cufon{ top: -7px !important; } h5{ font-size: 18px; line-height: 20px; padding: 0 0 10px 0; } h6{ font-size: 16px; line-height: 20px; padding: 0 0 10px 0; } .cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading h6, .cufon-loading .post_type div, .cufon-loading .post_type span, .cufon-loading .header{ visibility: hidden; }

a{ color: #ededed; text-decoration: none; } a:hover{ color: #ededed; text-decoration: underline; } .article a{ color: #818181; text-decoration: underline; } .article a:hover{ text-decoration: none; } .article h1 a, .article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a{ text-decoration: none; } ul{ list-style: none; } p{ margin-bottom: 10px; } blockquote{ margin: 5px 0 5px 0; padding: 15px 20px 35px 20px; background: #d6dbdf url(../images/blockquote.gif) no-repeat 0 bottom; } .article ol, .article ul{ list-style-position: inside; margin-bottom: 10px; } .article ul li{ padding-left: 20px; background: url(../images/ul_arrow.gif) no-repeat 3px 8px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [2. Top] */

  1. top{

height: 50px; background: url(../images/top_bg.png) repeat-x 0 0; } #top ul{ width: 938px; height: 20px; overflow: hidden; padding: 0 1px; margin: 0 auto; background:url(../images/bread_l.gif) no-repeat 0 0; } #top ul li{ float: left; height: 20px; background: url(../images/bread_bg.gif) repeat-x 0 0; } #top ul li a{ display: block; color: #7c7c7c; text-shadow: 1px 1px 0 #101010; font-size: 10px; line-height: 14px; padding: 2px 12px 4px 7px; background: url(../images/bread_arr.png) no-repeat right 8px; } #top ul li a:hover{ color: #ededed; text-decoration: none } #top ul li.act a{ padding: 2px 16px 4px 7px; background: url(../images/bread_r.gif) no-repeat right 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [3. Header] */

  1. header{

width: 940px; margin: -30px auto 0 auto; height: 150px; position: relative; } #logo{ position: absolute; left: 0; top: 50px; } #nav{ position: absolute; right: 0; top: 72px; z-index: 1000; } #nav li{ position: relative; float: left; margin: 0 0 0 10px; padding: 0; z-index: 1001; } #nav li a{ color: #ededed; text-decoration: none; font-size: 16px; padding: 0 0 0 10px; text-transform: uppercase; vertical-align: top; } .cufon-loading #nav li a{ visibility: hidden; } #nav li a:hover, #nav li a.act{ color: red; } #nav li div{ position: absolute; top: 20px; left: 8px; width: 165px; display: none; z-index: 1002; } #nav li:hover div{ /*display: block;*/ } #nav li div i{ display: block; width: 165px; height: 6px; line-height: 6px; background: url(../images/ddmenu_b.png) no-repeat 0 0; } #nav li div ul{ background: url(../images/ddmenu_bg.png) no-repeat 0 9px; padding: 23px 0 2px 0; overflow: hidden; z-index: 1003; } #nav li div ul li{ background: url(../images/ddmenu_s.png) no-repeat center 4px; float: none; margin: 0; padding: 10px 0 0 0; } #nav li div ul li.first{ background: none; padding: 0; } #nav li div ul li a{ display: block; padding: 0 0 0 20px; margin: 0 13px 0 13px; font-size: 12px; text-transform: none; background: url(../images/ddmenu_arr.png) no-repeat 0 5px; } #nav li div ul li a span{ white-space: nowrap; } #nav li div ul li a:hover{ color: #f1f1f1; text-decoration: underline; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [4. Slider] */

  1. slider{

width: 976px; height: 236px; margin: 0 auto -6px auto; position: relative; background: url(../images/slider_bg.png) no-repeat center 0; } .slot{ position: absolute; overflow: hidden; } .slot ul{ height: 100%; } .slot ul li{ position: relative; } .slot ul li, .slot ul li img{ float: left; } #slot_left li, #slot_right li, #slot_left li img, #slot_right li img{ width: 260px; height: 155px; } #slot_center li, #slot_center li img{ width: 320px; height: 190px; } /*.slot a{ display: none; position: absolute; left: 0; right: 0; text-decoration: none; padding: 10px 20px 0px 20px; width: 220px; height: 145px; background: url(../images/night_slot_bg.png) repeat; color: #272727; text-shadow: 1px 1px 0 #fff; } .slot ul li:hover a{ display: block; } #slot_center a{ padding: 10px 30px 0px 30px; width: 260px; height: 180px; }*/ .slot h4{ width: 220px; height: 30px; padding: 10px 0 0 0; overflow: hidden; } #slot_center h4{ width: 280px; } .slot span{ display: block; width: 220px; height: 80px; padding: 0; overflow: hidden; } #slot_center span{ width: 280px; height: 120px; } .slot p{ margin: 0; padding: 0; }

/* IE7 z-index bug fix for slider */ div#bg div#header ul#nav li.parent div { z-index: 23; } div#bg div#header ul#nav li.parent { z-index: 22; } div#bg div#header ul#nav { z-index: 21; } div#bg div#header { z-index: 20; } div#bg div#slider div.slot ul { z-index: 4; } div#bg div#slider div.slot { z-index: 3; } div#bg div#slider .do_slide { z-index: 19; } div#bg div#slider { z-index: 2; } div#bg { z-index: 1; }

  1. slides { display: none; }

.slot ul li { position: absolute; } .slot .desc { visibility: hidden; top: 0px; left: 0px; position: absolute; z-index: 999; text-decoration: none; padding: 10px 20px 0px 20px; width: 220px; height: 145px; background: url(../images/night_slot_bg.png) repeat; color: #272727; text-shadow: 1px 1px 0 #e8e8e8; cursor: pointer; } #slot_center.slot .desc { width: 320px; height: 190px; }

  1. form_prev {

margin: 20px 0 10px; } #form_prev_holder .header { margin: 0; }

  1. slot_left, #slot_right{

width: 260px; height: 155px; top: 35px; }

  1. slot_left{

left: 28px; }

  1. slot_right{

right: 28px; }

  1. slot_center{

width: 320px; height: 190px; top: 10px; left: 328px; } .do_slide{ display: block; position: absolute; width: 44px; height: 44px; top: 90px; background-repeat: no-repeat; background-position: 0 0; } .do_slide:hover{ background-position: 0 -44px; } .do_slide.left{ left: 0; background-image: url(../images/do_slide_left.png); } .do_slide.right{ right: 0; background-image: url(../images/do_slide_right.png); }

  1. slider_dots{

position: absolute; width: 100%; text-align: center; height: 12px; left: 0; bottom: 0; cursor: default; } #slider_dots li{ display: inline-block; width: 11px; height: 12px; cursor: pointer; padding: 0 2px 0 2px; background-repeat: no-repeat; background-position: 0 0; vertical-align: top; } #slider_dots li:hover{ background-position: 0 -12px; } #slider_dots li.act{ background-position: 0 -24px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [5. About] */

  1. about_t{

width: 980px; height: 21px; background: url(http://area51.com.ua/sakura/images/night/about_t.png) no-repeat center 0; margin: 1px auto 0 auto; }

  1. about{

width: 940px; padding: 13px 0 13px 0; margin: 0 auto; text-align: center; font-size: 13px; } .cufon-active #about{ font-size: 14px; font-style: italic; } .cufon-loading #about{ visibility: hidden; } #about p{ margin: 0; padding: 0; }

  1. about_b{

width: 898px; height: 46px; margin: 0 auto -24px auto; background: url(http://area51.com.ua/sakura/images/night/about_b.png) no-repeat center bottom; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [6. Content] */

  1. holder{

width: 946px; margin: 15px auto 0 auto; min-height: 100px; }

  1. content{

float: left; width: 646px; min-height: 100px; padding-bottom: 25px; }

/* Article */ .article{ position: relative; background: url(../images/article_bg.png) repeat-y 0 0; overflow: hidden; color: #535353; text-shadow: 1px 1px 0 #fff; padding: 8px 23px 8px 23px; min-height: 50px; } .article_t, .article_b{ position: relative; width: 646px; height: 12px; line-height: 12px; background-repeat: no-repeat; background-position: 0 0; } .article_t{ background: url(../images/article_t.png) no-repeat 0 2px; } .article_b{ background: url(../images/article_b.png) no-repeat 0 0; margin-bottom: 10px; }

/* Article footer */ .article_footer{ margin-top: -15px; background: url(../images/article_footer_bg.png) repeat-y 0 0; } .article_footer_s{ padding: 5px 23px 2px 23px; overflow: hidden; background: url(../images/article_footer_s.png) no-repeat center 0; } .article_footer_b{ margin-bottom: 10px; height: 8px; line-height: 8px; overflow: hidden; background:url(../images/article_footer_b.png) no-repeat 0 0; }

/* Post types */ .post_type{ position: absolute; left: -40px; top: 2px; width: 40px; height: 80px; padding: 3px 0 3px 3px; text-align: center; background: url(../images/post_type_bg.png) no-repeat 0 0; color: #ededed; } .post_type div{ font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; margin-top: 3px; } .post_type span{ font-size: 10px; line-height: 12px; } .cufon-loading .post_type span, .cufon-loading .post_type div{ visibility: hidden; } .post_type a{ display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: 0 0; } .post_type.text a{ background-image: url(../images/post_type/article.png); } .post_type.image a{ background-image: url(../images/post_type/image.png); } .post_type.link a{ background-image: url(../images/post_type/link.png); } .post_type.audio a{ background-image: url(../images/post_type/audio.png); } .post_type.video a{ background-image: url(../images/post_type/video.png); } .post_type.quote a{ background-image: url(../images/post_type/quote.png); }

/* Entry meta: list */ .ico_link{ display: block; float: left; font-size: 10px; color: #636363; background-position: 0 5px; background-repeat: no-repeat; padding-left: 15px; margin-right: 15px; } .ico_link a{ color: #636363; } .ico_link:hover{ color: #ededed; background-position: 0 -16px; } .ico_link:hover a{ color: #ededed; } .ico_link.author{ background-image: url(../images/ico_author.png); } .ico_link.categories{ background-image: url(../images/ico_categories.png); } .ico_link.comments{ background-image: url(../images/ico_comments.png); } .ico_link.date{ background-image: url(../images/ico_date.png); } .ico_link.tags{ background-image: url(../images/ico_tags.png); }

/* Entry meta: post */ .entry_meta { overflow: hidden; margin: 0px 0 10px 0; } .entry_meta .ico_link{ display: block; float: left; font-size: 10px; color: #818181; background-position: 0 5px; background-repeat: no-repeat; padding-left: 15px; margin-right: 15px; text-decoration: none; } .entry_meta .ico_link a{ color: #818181; text-decoration: none; } .entry_meta .ico_link:hover{ color: #818181; background-position: 0 5px;

} .entry_meta a.ico_link:hover{ text-decoration: underline; } .entry_meta .ico_link:hover a{ color: #818181; } .entry_meta .ico_link a:hover{ text-decoration: underline; } .entry_meta .ico_link.author{ background-image: url(../images/meta_author.png); } .entry_meta .ico_link.categories{ background-image: url(../images/meta_categories.png); } .entry_meta .ico_link.comments{ background-image: url(../images/meta_comments.png); } .entry_meta .ico_link.date{ background-image: url(../images/meta_date.png); } .entry_meta .ico_link.tags{ background-image: url(../images/meta_tags.png); }

/* Parinator */ .paginator{ margin: 13px 0 7px 0; overflow: hidden; } .paginator li{ float: left; margin: 0 6px 6px 0; } .paginator li a{ display: block; font-size: 13px; width: 34px; padding: 7px 0 7px 0; text-align: center; vertical-align: middle; background: url(../images/paginator_bg.png) no-repeat 0 0; } .paginator li a:hover, .paginator li.act a{ color: #212121; text-shadow: 1px 1px 0 #fff; text-decoration: none; background-position: 0 -34px; } .paginator li.larr a, .paginator li.rarr a{ width: auto; padding: 0; } .paginator li a span{ display: block; padding: 7px 0 7px 0; } .paginator li.larr a{ padding-right: 5px; background: url(../images/paginator_larr_r.png) no-repeat right 0; } .paginator li.larr a:hover{ background-position: right -34px; } .paginator li.rarr a{ padding-left: 5px; background: url(../images/paginator_rarr_l.png) no-repeat 0 0; } .paginator li.rarr a:hover{ background-position: 0 -34px; } .paginator li.larr a span{ padding-left: 15px; padding-right: 5px; background: url(../images/paginator_larr_l.png) no-repeat 0 0; } .paginator li.larr a:hover span{ background-position: 0 -34px; } .paginator li.rarr a span{ padding-left: 5px; padding-right: 15px; background: url(../images/paginator_rarr_r.png) no-repeat right 0; } .paginator li.rarr a:hover span{ background-position: right -34px; }

/* Comments */ .article_footer_s.comments{ /* padding-top: 15px */ } .article_footer .header{ font-size: 24px; line-height: 30px; margin: 20px 0 10px 0; } .article_footer_s.feedback .header{ margin: 10px 0 10px 0; } .comment_bg{ background: url(../images/comment_spread_l.png) no-repeat 0 bottom; margin: 0 0 15px 0; } .comment{ overflow: hidden; background: url(../images/comment_spread_r.png) no-repeat right bottom; padding: 0 0 15px 60px; } .level_1 .comment{ padding: 0 0 15px 80px; } .comment .shadow_dark{ margin: 5px 0 0 -60px; float: left; width: 40px; height: 40px; } .level_1 .comment .shadow_dark{ margin: 5px 0 0 -80px; width: 60px; height: 60px; } .comment_meta{ overflow: hidden } .comment_meta .comments{ float: right; margin-right: 0; } .comment_meta p{ margin: 0; padding: 0; }

.level_2{margin-left: 40px;} .level_3{margin-left: 80px;} .level_4{margin-left: 120px;} .level_5{margin-left: 160px;} .level_6{margin-left: 180px;} .level_7{margin-left: 200px;} .level_8{margin-left: 220px;} .level_9{margin-left: 240px;}

.comment .header{ margin-bottom: 0px; }

/* Gallery */ .gallery{ width: 620px; font-size: 0px; line-height: 0px; word-spacing: -1px; padding: 10px 0; } .gallery_item{ display: inline-block; width: 290px; margin: 15px 20px 0 0; padding: 25px 0 0 0; vertical-align: top; font-size: 12px; line-height: 20px; word-spacing: 0; background: url(../images/gallery_spread.png) no-repeat center 0; } .gallery_item.first{ margin-top: 0px; padding-top: 0px; background: none; } .gallery_item h4, .gallery_item p{ margin: 0; padding: 0; } .gallery_item .shadow_light{ display: block; line-height: 0px; margin: 5px 0 5px 0; padding: 0; width: 280px; height: 150px; overflow: hidden; }

a.go_details{ display: block; width: 69px; height: 22px; margin: 15px 0 3px 0; background: url(../images/go_details.png) no-repeat 0 0; } a.go_details:hover{ background-position: 0 -22px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [7. Aside] */

  1. aside{

float: right; width: 286px; padding-bottom: 25px; }

#aside .widget{ position: relative; overflow: hidden; padding: 10px 23px 12px 23px; background: url(../images/aside_wedget_s.png) no-repeat 0 2px; } #aside .widget.no_spot{ background-image: url(../images/aside_wedget.png); } #aside .widget_b{ position: relative; width: 286px; height: 6px; line-height: 6px; background-repeat: no-repeat; background-position: 0 0; background: url(../images/aside_wedget_b.png) no-repeat 0 0; margin-bottom: 12px; } #aside .widget .header{ font-size: 20px; line-height: 30px; margin-bottom: 20px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [8. Footer] */

  1. footer_bg{

clear: both; background: #171717 url(../images/footer_bg.png) repeat-x 0 0; }

  1. footer_s{

padding: 25px 0 25px 0; background: url(../images/footer_s.png) no-repeat center 2px; }

  1. footer{

width: 940px; margin: 0 auto; }

  1. footer.spread{

background: url(../images/footer_spread.png) no-repeat 280px 0; } .footer_cols{ overflow: hidden; min-height:130px; background: url(../images/footer_spread_b.png) no-repeat 280px bottom; } .footer_cols .left{ float: left; width: 260px; margin-right: 20px; } .footer_cols .center{ float: left; width: 320px; margin: 0 20px 0 20px; } .footer_cols .right{ float: left; width: 280px; margin-left: 20px; }

#footer .widget{ position: relative; overflow: hidden; } #footer .widget.spot{ } #footer .widget_b{ display: none; position: relative; width: 286px; height: 6px; line-height: 6px; background-repeat: no-repeat; background-position: 0 0; background: url(../images/aside_wedget_b.png) no-repeat 0 0; margin-bottom: 12px; } #footer .widget .header{ font-size: 20px; line-height: 30px; margin-bottom: 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [9. Bottom] */

  1. bottom{

clear: both; min-height: 50px; background: #171717 url(../images/bottom.png) no-repeat center 0; } #bottom div{ width: 940px; margin: 0 auto; padding-top: 15px; } #bottom div span{ float: left; font-size: 10px; color: #515151; } #bottom div ul{ list-style: none; float: right; } #bottom div ul li{ float: left; width: 21px; height: 21px; margin-left: 9px; } #bottom div ul li a{ display: block; padding: 4px 0 0 4px; width: 17px; height: 17px; background: #262626 url(../images/social_bg.png) no-repeat 0 0; vertical-align: top } #bottom div ul li a:hover{ background-color: #404040; } #bottom div ul li a img{ vertical-align: top } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [10. Misc] */ small{ font-size: 10px; color: #636363; } .quote_author{ color: #181818; font-size: 16px; line-height: 21px; margin-bottom: 9px; } .media_audio{ height: 32px; margin: 4px 0 14px 0; } .media_video{ padding: 5px; margin: 5px 0 15px 0; background: #fff; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; position:relative; line-height: 10px; } .spacing_30{ height: 30px; } .shadow_light, .alignnone, .alignleft, .alignright, .aligncenter{ background: #fff; border: solid #fff 5px; -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; position:relative; max-width: 590px; } .alignleft{ float: left; margin: 5px 20px 15px 0; } .alignright{ float: right; margin: 5px 0 15px 20px; } .aligncenter{ display: block; clear: both; margin: 5px auto 15px auto; }

.shadow_dark, .widget .alignnone, .widget .alignleft, .widget .alignright, .widget .aligncenter{ background: #262626 url(../images/widget_img_bg.gif) repeat-x 0 0; padding: 5px; border: none; -webkit-box-shadow: 0px 0px 3px #161616; -moz-box-shadow: 0px 0px 3px #161616; box-shadow: 0px 0px 3px #161616; position:relative; max-width: 230px; } .wp-caption-text, .caption-text{ margin: -5px 0 0 0; padding: 0; font-size: 11px; color: #797a7c; } .wp-caption, .caption{ font-size: 11px; color: #797a7c; } .wp-caption p, .caption p{ margin: -5px 0 0 0; padding: 0; }

/* Forms */ .uniform{ display: block; overflow: hidden; margin: 14px 0 13px 0; } .uniform .i_h{ width: 50%; float: left; } .uniform .t_h{ clear: both; margin-right: 6px; } .uniform .i_h .l{ margin: 0 10px 0 0; } .uniform .i_h .r{ margin: 0 6px 0 4px; } .uniform input{ padding: 0 0 0 4px; height: 19px; line-height: 19px; float: left; margin: 0 0 9px 0; float: left; display: block; width: 100%; } .uniform textarea{ clear: both; width: 100%; padding: 0 0 0 4px; line-height: 20px; margin: 0 0 9px 0; overflow: auto; height: 139px; } a.go_submit{ display: block; float: left; width: 73px; height: 22px; margin: 1px 0 0 0; background: url(../images/go_submit.png) no-repeat 0 0; } a.go_add_comment{ display: block; float: left; width: 113px; height: 22px; margin: 1px 0 0 0; background: url(../images/go_add_comment.png) no-repeat 0 0; } a.go_submit:hover, a.go_add_comment:hover{ background-position: 0 -22px; } a.do_clear{ display: block; float: right; padding-left: 9px; font-size: 11px; line-height: 18px; background: url(../images/do_clear.png) no-repeat 0 8px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [11. Widgets] */

/* Common styles */ .widget .alignleft{ float: left; margin: 5px 10px 5px 0; } .widget .alignright{ float: right; margin: 5px 0 5px 10px; } .widget .aligncenter{ display: block; clear: both; margin: 5px auto 5px auto; } .widget p{ margin: 0; }

/* Flickr */ .flickr{ width: 250px; padding-top: 6px; } .flickr .alignleft{ margin: 0 5px 5px 0; }

/* Posts (twitter, blog posts, etc.) */ .post{ overflow: hidden; padding-top: 10px; margin-top: 10px; background: url(../images/widget_post_spread.png) no-repeat center 0; } #footer .post{ background: url(../images/footer_post_spread.png) no-repeat left 0; } .post.first, #footer .post.first{ margin: 0; padding: 0; background: none; } .goto_post{ overflow: hidden; clear: both; } .goto_post .ico_link.comments{ float: right; margin-right: 0; }

/* Categories */ ul.categories{ width: 260px; } ul.categories li{ float: left; width: 110px; padding: 5px 0 0 0; margin: 5px 20px 0 0; background: url(../images/widget_ul_spread.png) no-repeat 0 0; } ul.categories li.first{ margin-top: 0; padding: 0; background: none; } ul.categories li a{ display: block; padding: 0 0 0 20px; background: url(../images/ddmenu_arr.png) no-repeat 0 5px; }

ul.categories.type a{ background-repeat: no-repeat; background-position: 0 2px; } ul.categories.type li.text a{ background-image: url(../images/post_type/type_article.png); } ul.categories.type li.image a{ background-image: url(../images/post_type/type_image.png); } ul.categories.type li.link a{ background-image: url(../images/post_type/type_link.png); } ul.categories.type li.audio a{ background-image: url(../images/post_type/type_audio.png); } ul.categories.type li.video a{ background-image: url(../images/post_type/type_video.png); } ul.categories.type li.quote a{ background-image: url(../images/post_type/type_quote.png); }

/* Get in touch */ .uniform.get_in_touch textarea{ height: 79px; }

.pp_gallery { display: none !important; }

Retrieved from "http://2012.igem.org/Team:Fudan_D/css/style.css"