|
|
| Line 40: |
Line 40: |
| | ul li { margin: 0; padding: 0; } | | ul li { margin: 0; padding: 0; } |
| | | | |
| - | h1 { font-size: 34px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; color: #9c6421; }
| |
| - | h2 { font-size: 24px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; color: #000; }
| |
| - | h3 { font-size: 21px; font-weight: normal; margin: 0 0 15px 0; padding: 0; color: #000;}
| |
| - | h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0 0 10px 0; }
| |
| - | h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
| |
| - | h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; }
| |
| | | | |
| - | .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
| |
| - | .cleaner_h10 { clear: both; width:100%; height: 10px; }
| |
| - | .cleaner_h20 { clear: both; width:100%; height: 20px; }
| |
| - | .cleaner_h30 { clear: both; width:100%; height: 30px; }
| |
| - | .cleaner_h40 { clear: both; width:100%; height: 40px; }
| |
| - | .cleaner_h50 { clear: both; width:100%; height: 50px; }
| |
| - | .cleaner_h60 { clear: both; width:100%; height: 60px; }
| |
| - |
| |
| - | .hr_divider { background: url(../images/templatemo_hr_divider.jpg) bottom repeat-x; }
| |
| - |
| |
| - | .float_l { float: left; }
| |
| - | .float_r { float: right; }
| |
| - |
| |
| - | .image_wrapper {
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | width: 218px;
| |
| - | height: 128px;
| |
| - | padding: 9px;
| |
| - | }
| |
| - | .image_wrapper span {
| |
| - | position: absolute;
| |
| - | left: 0;
| |
| - | top: 0;
| |
| - | width: 236px;
| |
| - | height: 144px;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/3/3d/Fruit_site_templatemo_image_frame.png) no-repeat;
| |
| - | }
| |
| - | .image_fl { float: left; margin: 3px 20px 0 0; }
| |
| - | .image_fr { float: right; margin: 3px 0 0 20px; }
| |
| - |
| |
| - | blockquote { font-style: italic; margin-left: 10px;}
| |
| - | cite { font-weight: bold; color:#3b3823; }
| |
| - | cite span { color: #696443; }
| |
| - | em { color: #e55822; }
| |
| - |
| |
| - | .tmo_list { margin: 20px 0; padding: 0; list-style: none; }
| |
| - | .tmo_list li { background: url(../images/templatemo_list.png) no-repeat scroll 0 0px; margin: 0 0 20px; padding: 3px 0 3px 25px; line-height: 1em; }
| |
| - | .tmo_list li a { color: #333; text-decoration: none; }
| |
| - | .tmo_list li a:hover { color: #d06802; text-decoration: none; }
| |
| - |
| |
| - | .btn_more a {
| |
| - | display: block;
| |
| - | width: 85px;
| |
| - | height: 27px;
| |
| - | color: #5c460e;
| |
| - | padding: 5px 3px 0 27px;
| |
| - | font-size: 12px;
| |
| - | font-weight: bold;
| |
| - | text-decoration: none;
| |
| - | text-align: center;
| |
| - | background: url(../images/templatemo_btn.png) no-repeat;
| |
| - | }
| |
| - |
| |
| - | .btn_more a:hover, .btn_more a span:hover {
| |
| - | color: #dca822;
| |
| - | background: url(../images/templatemo_btn_hover.png) no-repeat;
| |
| - | }
| |
| | | | |
| | #templatemo_wrapper { | | #templatemo_wrapper { |
| Line 192: |
Line 128: |
| | | | |
| | #templatemo_menu ul li a:hover, #templatemo_menu ul .current { | | #templatemo_menu ul li a:hover, #templatemo_menu ul .current { |
| - | background: url(../images/templatemo_menu_hover.png) no-repeat center bottom; | + | background: url(https://static.igem.org/mediawiki/2012/b/bb/SUSTC_SHENZHEN_A_templatemo_menu_hover.png) no-repeat center bottom; |
| | } | | } |
| | | | |
| | /* end of menu */ | | /* end of menu */ |
| | | | |
| - | /* main */
| |
| - |
| |
| - | #templatemo_main {
| |
| - | clear: both;
| |
| - | width: 840px;
| |
| - | padding: 40px 30px;
| |
| - | background: #fff url(../images/templatemo_main.png) no-repeat top;
| |
| - | }
| |
| - |
| |
| - | #templatemo_content {
| |
| - | float: left;
| |
| - | width: 550px;
| |
| - | }
| |
| - |
| |
| - | #templatemo_content p {
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - |
| |
| - | .content_box {
| |
| - | padding-bottom: 30px;
| |
| - | margin-bottom: 30px;
| |
| - | border-bottom: 1px solid #ccc;
| |
| - | }
| |
| - |
| |
| - | .cb_last {
| |
| - | padding-bottom: 0;
| |
| - | margin-bottom: 0;
| |
| - | border-bottom: none;
| |
| - | }
| |
| - |
| |
| - | #cool_link_list {
| |
| - | margin: 0 0 0 20px;
| |
| - | padding: 0;
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | #cool_link_list li {
| |
| - | float: left;
| |
| - | width: 160px;
| |
| - | margin: 0 15px 15px 0;
| |
| - | padding: 0;
| |
| - | display: inline-block;
| |
| - | }
| |
| - |
| |
| - | #cool_link_list li a {
| |
| - | display: block;
| |
| - | width: 140px;
| |
| - | padding: 0 0 0 20px;
| |
| - | color: #666;
| |
| - | text-decoration: none;
| |
| - | line-height: 1em;
| |
| - | background: url(../images/templatemo_list.png) no-repeat center left;
| |
| - | }
| |
| - |
| |
| - | #templatemo_sidebar {
| |
| - | float: right;
| |
| - | width: 260px;
| |
| - | }
| |
| - |
| |
| - | .icon_link { display: block; float: left; margin-left: 30px; width: 48px; }
| |
| - |
| |
| - | .sidebar_box_woframe {
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - |
| |
| - | .sidebar_box {
| |
| - | width: 260px;
| |
| - | padding: 0;
| |
| - | background: url(../images/templatemo_sidebar_box.png) left repeat-y;
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_top {
| |
| - | width: 260px;
| |
| - | height: 20px;
| |
| - | background: url(../images/templatemo_sidebar_box_top.png) no-repeat;
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_bottom {
| |
| - | width: 260px;
| |
| - | height: 20px;
| |
| - | margin-bottom: 30px;
| |
| - | background: url(../images/templatemo_sidebar_box_bottom.png) no-repeat;
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_content {
| |
| - | padding: 0 20px;
| |
| - | }
| |
| - |
| |
| - | .sidebar_box_content p {
| |
| - | margin-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | #templatemo_sidebar h3 {
| |
| - | padding-bottom: 20px;
| |
| - | margin-bottom: 30px;
| |
| - | border-bottom: 1px solid #ccc;
| |
| - | }
| |
| - |
| |
| - | #popular_post_box { margin: 0; padding: 0; list-style: none; }
| |
| - | #popular_post_box li { margin: 0 0 30px 0; padding: 0; }
| |
| - | #popular_post_box li .date { display: block; color: #f4263e; }
| |
| - | #popular_post_box li .title a { display: block; color: #2d961c; text-decoration: none;}
| |
| - | #popular_post_box .last { margin: 0; }
| |
| - |
| |
| - | /* end of main */
| |
| - |
| |
| - | /* footer */
| |
| - |
| |
| - | #templatemo_footer {
| |
| - | width: 840px;
| |
| - | height: 136px;
| |
| - | padding: 30px;
| |
| - | text-align: center;
| |
| - | color: #161616;
| |
| - | /* text-shadow: 0px 1px 1px #FFFFFF; */
| |
| - | background: url(../images/templatemo_footer.png) no-repeat;
| |
| - | }
| |
| - |
| |
| - | #templatemo_footer a {
| |
| - | text-decoration: none;
| |
| - | color: #161616;
| |
| - | }
| |
| - |
| |
| - | #templatemo_footer a:hover {
| |
| - | color: #990000;
| |
| - | }
| |
| - |
| |
| - | /* end of footer */
| |
| | | | |
| | </style> | | </style> |
| Line 334: |
Line 142: |
| | | | |
| | <div id="site_title"> | | <div id="site_title"> |
| - | <a href=" http:// www. templatemo. com" target="_parent"><img src="12https://static.igem.org/mediawiki/2012/3/38/SUSTC_Logo.jpg" alt="logo" /><span>2012 SUSTC iGEM TEAM</span></a> | + | <a href=" https:// 2012. igem. org/Team:SUSTC-Shenzhen-A" target="_parent"><img src="12https://static.igem.org/mediawiki/2012/3/38/SUSTC_Logo.jpg" alt="logo" /><span>2012 SUSTC iGEM TEAM</span></a> |
| | </div> <!-- end of site_title --> | | </div> <!-- end of site_title --> |
| | | | |
"
