Team:SYSU-China/temp/style.css

From 2011.igem.org

(Difference between revisions)
(Created page with "- http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain): html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, bl...")
Line 170: Line 170:
left: 20px;
left: 20px;
top: -75px;
top: -75px;
-
background-image: url(https://static.igem.org/mediawiki/igem.org/b/bd/SYSU_Logo_green.png
+
background-image: url(https://static.igem.org/mediawiki/igem.org/b/bd/SYSU_Logo_green.png);
-
);
+
}
}
Line 375: Line 374:
}
}
.page_content_aboutus_textBar {
.page_content_aboutus_textBar {
 +
width: 632px;
 +
background-color: #292f2f;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
padding: 0px;
 +
float: left;
 +
}
 +
.page_content_aboutus1_textBar {
width: 632px;
width: 632px;
background-color: #292f2f;
background-color: #292f2f;
Line 395: Line 402:
.page_content_LsideBar .page_content_aboutus_textBar #page_content_textBar_enterTEXT p {
.page_content_LsideBar .page_content_aboutus_textBar #page_content_textBar_enterTEXT p {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
 +
color: #FFF;
}
}
Line 553: Line 561:
word-break: break-all;
word-break: break-all;
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
 +
color: #FFF;
}
}
.page_content_relatedBar_humanpractice_LB {
.page_content_relatedBar_humanpractice_LB {
Line 559: Line 568:
position: relative;
position: relative;
margin-top: 20px;
margin-top: 20px;
-
background-image: url(NEW_photo/page_human_pratice_lab_craft_relatedBar.png);
+
background-image: url(https://static.igem.org/mediawiki/igem.org/c/cd/Page_human_pratice_lab_craft_relatedBar.png);
background-repeat: repeat-x;
background-repeat: repeat-x;
background-position: top;
background-position: top;
Line 572: Line 581:
position: relative;
position: relative;
margin-top: 20px;
margin-top: 20px;
-
background-image: url(NEW_photo/page_human_pratice_survey_relatedBar.png);
+
background-image: url(https://static.igem.org/mediawiki/igem.org/e/e1/Page_human_pratice_survey_relatedBar.png);
background-repeat: repeat-x;
background-repeat: repeat-x;
background-position: top;
background-position: top;
Line 585: Line 594:
position: relative;
position: relative;
margin-top: 20px;
margin-top: 20px;
-
background-image: url(NEW_photo/page_human_pratice_apple_app_relatedBar.png);
+
background-image: url(https://static.igem.org/mediawiki/igem.org/0/02/Page_human_pratice_apple_app_relatedBar.png);
background-repeat: repeat-x;
background-repeat: repeat-x;
background-position: top;
background-position: top;
Line 593: Line 602:
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
}
}
 +
.page_content_relatedBar_humanpractice_workshop {
 +
background-color: #465970;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/f/fc/Page_human_pratice_workshop_relatedBar.png);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
/*--------------various relatedBar------------*/
/*--------------various relatedBar------------*/
Line 811: Line 834:
font-size: 14px;
font-size: 14px;
color: #57A226;
color: #57A226;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h4 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h5 {
 +
font-family: "Times New Roman", Times, serif;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 12px;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h1 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 14px;
 +
color: #25A025;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter h6 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 14px;
 +
color: #0D6FC6;
 +
}
 +
 +
#background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
line-height: 1.75em;
 +
color: #FFF;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h7 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 14px;
 +
color: #292F2F;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
line-height: 1.5em;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
line-height: 2em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
 +
}
 +
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 {
 +
    font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 20px;
 +
font-weight: normal;
 +
text-decoration: none;
 +
color: #FFF;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
}
}

Revision as of 19:02, 5 October 2011

/* http://meyerweb.com/eric/tools/css/reset/

  v2.0 | 20110126
  License: none (public domain)
  • /

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* http://meyerweb.com/eric/tools/css/reset/

  v2.0 | 20110126
  License: none (public domain)
  • /
  1. background_shadow {

width: 1080px; margin-right: auto; margin-left: auto; background-image: url(SYSU_Upper_background_shadow.png ); background-repeat: repeat-y; margin-top: 0px; margin-bottom: 0px; padding-left: 40px; } body { background-color: #f5f5f5; padding: 0px; margin: 0%; margin-left: 0px; } div#feature_list { width: 1000px; height: 500px; overflow: hidden; position: relative; }

div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }

ul#tabs { left: 0; z-index: 2; width: 200px; background-color: #333333; height: 100px; }

ul#tabs li { font-size: 12px; font-family: Arial; background-color: #33333; }

ul#tabs li img { border: none; float: left; background-color: #33333; }

ul#tabs li a { color: #222; text-decoration: none; display: block; height: 100px; outline: none; background-color: #33333; }

ul#tabs li a:hover { text-decoration: underline; background-color: #33333; }

ul#tabs li a.current { color: #FFF; width: 250px; background-color: #33333; background-image: url(SYSU_Feature-tab-current.png ); }

ul#tabs li a.current:hover { text-decoration: none; cursor: default; background-color: #33333; }

ul#output { width: 800px; height: 500px; position: relative; left: -50px; }

ul#output li { position: relative; width: 800px; height: 500px; left: 250px; top: 0px; }

ul#output li a { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; -moz-border-radius: 5px; }

ul#output li a:hover { background: #D33431; }


  1. logo_bar {

position:relative; width:93px; height:125px; z-index:5; left: 20px; top: -75px; background-image: url(SYSU_Logo_green.png); }

.contact_bottombar { margin: 0px; width: 1000px; font-family: Arial, Helvetica, sans-serif; padding: 20px; font-size: 12px; } .title_container { width: 960px; margin-right: 20px; margin-left: 20px; z-index: 5; }

.mainpage_project_WholeContainer { background-color: #5a7b22; background-image: url(SYSU_Project.png); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_human_practice_WholeContainer { background-color: #cda901; background-image: url(SYSU_main_pages_BG_pics_Human_practice.png ); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_aboutus_WholeContainer { background-color: #000; background-image: url(SYSU_main_pages_BG_pics_Aboutus.png ); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_human_practice_WholeContainer { background-color: #cda901; background-image: url(SYSU_main_pages_BG_pics_Human_practice.png ); background-position: top; width: 1000px; background-repeat: no-repeat; } .page_WholeContainer { width: 1000px; } .page_aboutus_WholeContainer { width: 1000px; background-color: #000; }


  1. main_page_clearer {

background-color: transparent; height: 535px; width: 1000px; clear: both; }

.main_page_clearer_light { background-color: transparent; height: 20px; width: 100%; clear: both; }

  1. main_page_content_WholeBox {

width: 1000px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; background-color: transparent; height: auto; } .main_page_content_box { background-color: transparent; float: left; width: 306px; margin-top: 20px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; height: auto; } .main_page_content_box_r0 { background-color: transparent; float: left; width: 306px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;

} .main_page_introduction_bar { padding: 0px; float: left; height: 34px; width: 227px; margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 0px; }

.main_page_introduction_bar p {

font-size: 18px; color: #000; font-family: Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; }

.main_page_content_more_bar a{

float: right; height: 34px; width: 75px; background-image: url(SYSU_main_pages_BG_pics_More.png ); clear: right; }

.main_page_content_more_bar a:hover {

background-image: url(SYSU_main_pages_BG_pics_More_light.png ); float: right; height: 34px; width: 75px; clear: right; } .main_page_content_picbox { height: 136px; width: 100%; float: left; } .main_page_content_textbox { background-color: #d9d9d9; width: 100%; float: left; overflow: hidden; padding-top: 12px; padding-bottom: 12px; line-height: 1.5em; } .main_page_content_Whole_intro_bar { clear: right; float: left; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }

.main_page_content_textbox p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-right: 12px; padding-left: 12px; } .main_page_content_box_r0 .main_page_content_textbox p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .page_clear_and_introBar { height: 65px; width: 100%; margin-top: -50px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; }

  1. page_content_WholeBox {

width: 1000px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; background-color: transparent; height: auto; } .page_content_bgBar { height: 600px; width: 632px; margin-bottom: 20px; position: relative; } .page_content_LsideBar { float: left; height: auto; width: 632px; } .page_content_textBar { width: 632px; background-color: #f5f5f5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #d9d9d9; padding: 0px; height: auto; } .page_content_aboutus_textBar { width: 632px; background-color: #292f2f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; float: left; } .page_content_aboutus1_textBar { width: 632px; background-color: #292f2f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; float: left; }

  1. page_content_textBar_enterTEXT {

padding: 12px; width: 608px; line-height: 1.75em; font-size: 14px; } .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT p { font-family: Arial, Helvetica, sans-serif; } /*about us 的文字在这改!!!!!!*/ .page_content_LsideBar .page_content_aboutus_textBar #page_content_textBar_enterTEXT p { font-family: Arial, Helvetica, sans-serif; color: #FFF; }

.page_content_RsideBar { float: left; width: 307px; margin-left: 20px; }

  1. page_content_WholeBox .page_content_RsideBar p {

font-family: Arial, Helvetica, sans-serif; }

.page_content_videoBar { background-color: #484848; width: 100%; }

  1. page_content_baBar_details a {

background-color: #333; display: block; height: 25px; width: 100px; position: absolute; top: 480px; left: 525px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFF; text-align: center; padding-top: 6px; }

  1. page_content_baBar_details a:hover {

display: block; height: 25px; width: 100px; position: absolute; top: 480px; left: 525px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFF; text-align: center; padding-top: 5px; background-color: #D33431; }

/*--------------various relatedBar------------*/ .page_content_relatedBar_project_mc { background-color: #57a226; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_modules_construction_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_mv { background-color: #25A025; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_modules_verification_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_fv { background-color: #0169DF; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_functional_verification_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_sf { background-color: #CE8300; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_safety_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_no { background-color: #C5AC1E; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_notes_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_dp { background-color: #179F55; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_data_page_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_story { background-color: #0B59A4; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_story_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_aboutus { background-color: #484848; width: 283px; position: relative; background-image: url(SYSU_Page_aboutus_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; color: #FFF; } .page_content_relatedBar_humanpractice_LB { background-color: #4A913B; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_lab_craft_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_humanpractice_survey { background-color: #58137C; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_survey_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_humanpractice_app { background-color: #022AAB; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_apple_app_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_humanpractice_workshop { background-color: #465970; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_workshop_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; }


/*--------------various relatedBar------------*/ .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul { width: 620px; margin-top: 5px; margin-bottom: 50px; margin-left: 0px; float: left; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li { background-repeat: no-repeat; background-position: top; float: left; width: 114px; margin-right: 10px; margin-top: 20px; background-image: url(SYSU_Page_aboutus_photoBG.png); } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul p { font-family: Arial, Helvetica, sans-serif; color: #FFF; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #99ccff; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul #fuking_tired { background-color: #292F2F; background-image: url(none); float: left; width: 600px; margin-top: 10px; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li p { font-family: Arial, Helvetica, sans-serif; color: #FFF; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT { padding: 10px; float: left; width: 100%; margin-bottom: 50px; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #99ccff; margin-top: 3px; margin-bottom: 5px; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul #fuking_tired p { padding-left: 15px; }

.page_content_text_Bar_enterTEXT_RpicBar { float: right; width: 180px; margin-left: 10px; } .page_content_textBar_enterTEXT_enter { float: left; width: 418px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter li {

font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; } /*-------------lightbox style---------------*/ /**

* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
  1. jquery-overlay {

position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

  1. jquery-lightbox {

position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

  1. jquery-lightbox a img { border: none; }
  2. lightbox-container-image-box {

position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

  1. lightbox-container-image { padding: 10px; }
  1. lightbox-loading {

position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

  1. lightbox-nav {

position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

  1. lightbox-container-image-box > #lightbox-nav { left: 0; }
  2. lightbox-container-image-box.loaded {

border-bottom: 0; }

  1. lightbox-nav a { outline: none;}
  2. lightbox-nav-btnPrev, #lightbox-nav-btnNext {

width: 49%; height: 100%; zoom: 1; display: block; }

  1. lightbox-nav-btnPrev {

left: 0; float: left; }

  1. lightbox-nav-btnNext {

right: 0; float: right; }

  1. lightbox-container-image-data-box {

font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

  1. lightbox-container-image-data {

padding: 0 10px; color: #666; }

  1. lightbox-container-image-data #lightbox-image-details {

width: 70%; float: left; text-align: left; }

  1. lightbox-image-details-caption { font-weight: bold; }
  2. lightbox-image-details-currentNumber {

display: block; clear: left; padding-bottom: 1.0em; }

  1. lightbox-secNav-btnClose {

width: 66px; float: right; padding-bottom: 0.7em; }

@charset "utf-8"; /* CSS Document */ /* jQuery lightBox plugin - Gallery style */ /* This layout is for sample purposes

   Feel free to edit it to suit your needs
  • /

.lbGallery { background-color: #444; padding: 10px; width: 520px; } .lbGallery ul { list-style: none; } .lbGallery ul li { display: inline; } .lbGallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } .lbGallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; } .lbGallery ul a:hover { color: #fff; }


/*-------------------lightbox style-------------*/

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT h1 {

font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; } .page_content_textBar_enterTEXT_enter p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.75em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #57A226; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h4 {

font-family: "Arial Black", Gadget, sans-serif; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h5 {

font-family: "Times New Roman", Times, serif; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {

font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h1 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #25A025; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter h6 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #0D6FC6; }

  1. background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter {

font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.75em; color: #FFF; }

  1. background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h7 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #292F2F; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {

font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; line-height: 2em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px;

}

  1. background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 {
   font-family: "Arial Black", Gadget, sans-serif;

font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 a {

font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-decoration: none; color: #FFF; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }