Team:SYSU-China/temp/experimentalstyle.css

From 2011.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 32: Line 32:
line-height: 1;
line-height: 1;
 +
}
 +
i {
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-style: italic;
}
}
ol, ul {
ol, ul {
Line 47: Line 51:
border-collapse: collapse;
border-collapse: collapse;
border-spacing: 0;
border-spacing: 0;
 +
text-align: center;
 +
font-size: 12px;
 +
color: #000;
 +
border: 1px solid #000;
}
}
/* http://meyerweb.com/eric/tools/css/reset/  
/* http://meyerweb.com/eric/tools/css/reset/  
Line 212: Line 220:
background-color: #cda901;
background-color: #cda901;
background-image: url(https://static.igem.org/mediawiki/2011/9/93/Page_head_humanpractice.jpg);
background-image: url(https://static.igem.org/mediawiki/2011/9/93/Page_head_humanpractice.jpg);
 +
background-position: top;
 +
width: 1000px;
 +
background-repeat: no-repeat;
 +
}
 +
.mainpage_news_WholeContainer {
 +
background-color: #cda901;
 +
background-image: url(https://static.igem.org/mediawiki/2011/8/8d/NEWS_HEAD.jpg);
background-position: top;
background-position: top;
width: 1000px;
width: 1000px;
Line 257: Line 272:
height: auto;
height: auto;
}
}
 +
#main_page_content_box_for_homepage_vedio {
 +
background-color: transparent;
 +
float: left;
 +
width: 632px;
 +
margin-top: 20px;
 +
margin-right: 20px;
 +
margin-bottom: 0px;
 +
margin-left: 0px;
 +
height: auto;
 +
padding: 0px;
 +
}
 +
.main_page_content_box_r0 {
.main_page_content_box_r0 {
background-color: transparent;
background-color: transparent;
Line 403: Line 430:
}
}
-
.page_content_RsideBar {
+
#page_content_RsideBar {
float: left;
float: left;
width: 307px;
width: 307px;
margin-left: 20px;
margin-left: 20px;
 +
z-index: 1;
 +
height: auto;
}
}
-
#page_content_WholeBox .page_content_RsideBar p {
+
#page_content_WholeBox #page_content_RsideBar p {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
}
}
.page_content_videoBar {
.page_content_videoBar {
-
background-color: #484848;
+
background-color: transparent;
width: 100%;
width: 100%;
}
}
Line 810: Line 839:
width: 520px;
width: 520px;
}
}
-
.lbGallery ul { list-style: none; }
+
.lbGallery ul {
-
.lbGallery ul li { display: inline; }
+
list-style: none;
 +
text-align: left;
 +
}
 +
.lbGallery ul li {
 +
display: inline;
 +
text-align: left;
 +
padding-top: 0px;
 +
}
.lbGallery ul img {
.lbGallery ul img {
border: 5px solid #3e3e3e;
border: 5px solid #3e3e3e;
Line 838: Line 874:
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h2 {
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
-
font-size: 14px;
+
font-size: 16px;
color: #57A226;
color: #57A226;
 +
line-height: 2em;
}
}
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h4 {
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h4 {
Line 890: Line 927:
margin-left: 5px;
margin-left: 5px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_story h1 {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 897: Line 934:
line-height: 2em;
line-height: 2em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_story h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 906: Line 943:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_story h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 913: Line 950:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h1 a {
+
#background_shadow .page_aboutus_WholeContainer #page_content_RsideBar .page_content_relatedBar_aboutus h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 923: Line 960:
}
}
-
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 {
+
#background_shadow .page_aboutus_WholeContainer #page_content_RsideBar .page_content_relatedBar_aboutus h2 {
     font-family: "Arial Black", Gadget, sans-serif;
     font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 930: Line 967:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 a {
+
#background_shadow .page_aboutus_WholeContainer #page_content_RsideBar .page_content_relatedBar_aboutus h2 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-size: 20px;
Line 937: Line 974:
color: #FFF;
color: #FFF;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_app h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 946: Line 983:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_app h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 953: Line 990:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_LB h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 962: Line 999:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_LB h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 969: Line 1,006:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_survey h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 978: Line 1,015:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_survey h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 985: Line 1,022:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 994: Line 1,031:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,001: Line 1,038:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_fv h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,010: Line 1,047:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_fv h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,017: Line 1,054:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_dp h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,026: Line 1,063:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_dp h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,033: Line 1,070:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_mv h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,042: Line 1,079:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_mv h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,049: Line 1,086:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_mc h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,058: Line 1,095:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_mc h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,065: Line 1,102:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_no h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,074: Line 1,111:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_no h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,081: Line 1,118:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h1 a {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_sf h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,090: Line 1,127:
margin-left: 10px;
margin-left: 10px;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h2 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_relatedBar_project_sf h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,097: Line 1,134:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_videoBar h1 {
+
#background_shadow .page_WholeContainer #page_content_WholeBox #page_content_RsideBar .page_content_videoBar h1 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,106: Line 1,143:
width: 1000px;
width: 1000px;
}
}
-
.page_content_RsideBar .page_content_relatedBar_project_wiki2 h2 {
+
#page_content_RsideBar .page_content_relatedBar_project_wiki2 h2 {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
font-size: 20px;
Line 1,113: Line 1,150:
margin-bottom: 1em;
margin-bottom: 1em;
}
}
-
.page_content_RsideBar .page_content_relatedBar_project_wiki2 h1 a {
+
#page_content_RsideBar .page_content_relatedBar_project_wiki2 h1 a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 16px;
Line 1,121: Line 1,158:
line-height: 2em;
line-height: 2em;
margin-left: 10px;
margin-left: 10px;
 +
}
 +
#gallery ul li p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-align: left;
 +
display: inline;
 +
font-weight: normal;
 +
font-size: 14px;
 +
line-height: 1.25em;
 +
}
}

Latest revision as of 19:14, 28 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;

} i { font-family:Arial, Helvetica, sans-serif; font-style: italic; } 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; text-align: center; font-size: 12px; color: #000; border: 1px solid #000; } /* 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; zoom: 80% } 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:absolute; width:93px; height:125px; z-index:6; left: 0px; top: 0px; }

.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; position: relative; top: 0px; } .mainpage_homepage_WholeContainer { background-color: #fff; width: 1000px; }

.mainpage_project_WholeContainer { background-color: #5a7b22; background-image: url(Page_head_project.jpg); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_aboutus_WholeContainer { background-color: #000; background-image: url(Page_head_aboutus.jpg); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_human_practice_WholeContainer { background-color: #cda901; background-image: url(Page_head_humanpractice.jpg); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_news_WholeContainer { background-color: #cda901; background-image: url(NEWS_HEAD.jpg); 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: 525px; 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; }

  1. main_page_content_box_for_homepage_vedio {

background-color: transparent; float: left; width: 632px; margin-top: 20px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; height: auto; padding: 0px; }

.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: 0px; 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: 387px; 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; }

  1. page_content_RsideBar {

float: left; width: 307px; margin-left: 20px; z-index: 1; height: auto; }

  1. page_content_WholeBox #page_content_RsideBar p {

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

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

  1. page_content_baBar_details a {

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

  1. page_content_baBar_details a:hover {

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

/*--------------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_wiki2 { width: 283px; position: relative; margin-top: 20px;


background-image: url( Page_related_bar_new.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; background-image: url(Page_related_bar_new.png); background-color: #68751F; font-size: 12px; } .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(c); } .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; text-align: left; } .lbGallery ul li { display: inline; text-align: left; padding-top: 0px; } .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: 16px; color: #57A226; line-height: 2em; }

  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; }

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

font-family: "Arial Black", Gadget, sans-serif; font-size: 16px; color: #FFF; }

  1. page_downmanu_clearer {

height: 70px; width: 1000px; }

  1. page_content_RsideBar .page_content_relatedBar_project_wiki2 h2 {

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

  1. page_content_RsideBar .page_content_relatedBar_project_wiki2 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. gallery ul li p {

font-family: Arial, Helvetica, sans-serif; text-align: left; display: inline; font-weight: normal; font-size: 14px; line-height: 1.25em;

}

Retrieved from "http://2011.igem.org/Team:SYSU-China/temp/experimentalstyle.css"