/* CSS Document */ /* Copyright (c) 2007 QianLong Inc. */ /* * 2008olympicScreen.css 3/8/2007 14:40 * ---------------- * Control the look of the http://2008.qianlong.com/ output pages with this style sheet file. */ /* Build by weizhuce Category Color description RGB Use -------- ----------------- --- --- Backgrounds: white #FFFFFF main background color for all pages Text colors: black #000000 main text color Color light grey #CCCCCC Page width 1024/+ Content Width 1000 table headers, in page gfx Left/Right Margin 0/0 Between top boxes 0 Font sizes: 14px Table Title (bold, blue) 12px Normal text Pixel Infos: ------------ Transparent gif: 1 x 1 Subpage nice middle pic */ /* screen media */ * {font-size: 12px;} html {padding:0px; margin:0px;} body {font-size:12px; font-family:Verdana, Arial, SunSans-Regular, Sans-Serif; font-style:normal; color:#000000; background:#FFFFFF; margin:0px; padding:0px; text-indent:1px; text-align:center;} /*---Links & Mouse-Overs---*/ a:link {color:#333333; text-decoration:none} a:visited {color:#800080; text-decoration:none}/* #BF0405 */ a:hover {color:#FF0000; text-decoration:underline} a:active {color:#FF0000; text-decoration:none} #navSite {color:#D7E8F2; border-bottom:1px solid #FFFFFF; background:#638AB1; text-align:center; padding:4px;} #navSite li {display:inline;} #navSite a:link {color:#D7E8F2; text-decoration:none;} #navSite a:visited {color:#D7E8F2; text-decoration:none;} #navSite a:hover {color:#D7E8F2; text-decoration:underline;} #navSite a:active {color:#D7E8F2; text-decoration:none;} #copyright {padding:10px; border-top:5px solid #0C3D6E; background:#638AB1; text-align:center; color:#D7E8F2; font-size:12px; line-height:150%;} h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend {margin:0; padding:0;} fieldset, img, table {border:none;} td {font-size:12px; line-height:180%;} form {padding:0px; margin:0px;} select {font-size:12px; color:#333333;} input {font-size:12px; color:#333333;} img {border:0px;} .fontstyle {color:#999999;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .div7x7 {width:7px; height:7px; overflow:hidden; font-size:7px; line-height:7px;} .div3x3 {width:3px; height:3px; overflow:hidden; font-size:3px; line-height:3px;} /* ========================================== */ /* ========================================== */ /* ========================================== */ #olympic2008 {width:1000px; margin:0px auto; padding:0px; text-align:left;} /* Part Custom CSS Selectors */ .S01 {background:url(/2008olympic/img/olympic_title.jpg) no-repeat left top; height:0; padding-top:150px; overflow:hidden;} .S02 {background:url(/2008olympic/img/olympic_02.gif) repeat-x left top; color:#D7E8F2;} .S02 a:link, .S02 a:visited, .S02 a:hover, .S02 a:active {color:#D7E8F2; text-decoration:none;} .S02 a:hover {color:#D7E8F2; text-decoration:underline;} .S02 .title {background:url(/2008olympic/img/olympic_01.gif) no-repeat left top; height:0; padding-top:28px; overflow:hidden;} .S03 {width:404px; border:1px solid #8BA8C5;} .S04 {width:407px; border:1px solid #8BA8C5;} .S05 {width:173px; border:1px solid #CCCCCC;} .S05 h3 {background:url(/2008olympic/img/olympic_12.gif) no-repeat left top; height:29px; line-height:29px; font-weight:normal; padding:0 0 0 26px; border-top:1px solid #CCCCCC;} .S06 {border:1px solid #FFFFFF; background:#FFFFFF url(/2008olympic/img/olympic_04.gif) repeat-x left top; padding:6px;} .S06 table {border-collapse: collapse;} .S06 img {border:1px solid #FFFFFF; /* width:386px; height:272px; */} .S07 {background:url(/2008olympic/img/olympic_05.gif) no-repeat left top; height:34px; margin:0 0 0 3px;} .S07 .title {color:#0066CC; font-size:14px; font-weight:bold; padding:6px 0 0 24px;} .S07 .etitle {text-align:right; padding:10px 15px 0 0;} .S08 {margin:10px 20px; color:#999999;} .S08 a:link, .S08 a:hover, .S08 a:active {color:#07519A; text-decoration:none;} .S08 a:hover {color:#07519A; font-weight:bold;} .S08 img {border:1px solid #E9E9E9; width:28px; height:28px; margin:0 7px 0 0;} .S08 a:hover img {border:1px solid #E9E9E9; width:56px; height:56px;} .S08 td {border-bottom:1px solid #EAEAEA; padding:0px 0;} .S09 {margin:10px 20px; color:#0066CC; text-align:center;} .S09 a:link, .S09 a:hover, .S09 a:active {color:#0066CC; text-decoration:none;} .S09 a:hover {color:#0066CC; text-decoration:underline;} .S09 img {border:2px solid #E9E9E9; width:106px; height:75px; margin:0 0 2px 0; padding:2px;} .S09 a:hover img {border:2px solid #0066CC; width:106px; height:75px; margin:0 0 2px 0; padding:2px;} .S10 {margin:0px 20px 10px 20px; color:#333333; font-size:14px;} .S10 a:link, .S10 a:hover, .S10 a:active {color:#333333; text-decoration:none; font-size:14px;} .S10 a:hover {color:#FF0000; text-decoration:underline;} .S10 a:visited {font-size:14px;} .S11 {margin:10px 20px -10px 20px; color:#0458AE;} .S11 a:link, .S11 a:hover, .S11 a:active {color:#333333; text-decoration:none; font-size:14px; font-weight:bold;} .S11 a:hover {color:#FF0000; text-decoration:underline;} .S11 a:visited {font-size:14px; font-weight:bold;} .S11 td {padding:5px 0px; border-bottom:1px dotted #3A6697;} .S12 {margin:10px 20px; color:#0458AE; font-size:14px;} .S12 a:link, .S12 a:hover, .S12 a:active {color:#0458AE; text-decoration:none; font-size:14px;} .S12 a:hover {color:#FF0000; text-decoration:underline;} .S12 a:visited {font-size:14px;} .S13 {color:#CC0000; text-align:center; height:43px; padding:10px 0; font-weight:bold;} .S13 #timeDate {font-size:24px;} .S13 #times {} .S14 {margin:5px 0px; text-align:center;} .S14 a:link, .S14 a:hover, .S14 a:active {color:#27577D; text-decoration:none;} .S14 a:hover {color:#FF0000; text-decoration:underline;} .S14 img {} .S14_1 {margin:5px 0px; text-align:center;} .S14_1 a:link, .S14_1 a:hover, .S14_1 a:active {color:#27577D; text-decoration:none;} .S14_1 a:hover {color:#FF0000; text-decoration:underline;} .S14_1 img {border:1px solid #0B70D1;} .S15 {color:#0066CC; text-align:center; border:1px solid #8BA8C5; background:#F3F9FC; padding:10px;} .S15 a:link, .S15 a:hover, .S15 a:active {text-decoration:underline;} .S15 a:hover {color:#0066CC;} .S15 a:visited {text-decoration:underline;} .S15 img {border:1px solid #C1C1C1; width:130px; height:95px; margin:0 0 2px 0; padding:3px; background:#FFFFFF;} .S15 a:hover img {border:1px solid #0066CC; width:130px; height:95px; margin:0 0 2px 0; padding:3px; background:#FFFFFF;} .S16 {margin:5px 0px;} .S17 h3 {background:url(/2008olympic/img/olympic_13.gif) no-repeat left top; height:31px; line-height:31px; padding:0 0 0 23px; font-size:14px; color:#FFFFFF;} .S18 h3 {background:url(/2008olympic/img/olympic_14.gif) no-repeat left top; height:31px; line-height:31px; padding:0 0 0 23px; font-size:14px; color:#FFFFFF;} .S19 {border:1px solid #8BA8C5; border-top:none; padding:10px;} /* Content and more Page */ .cp {width:818px; border:1px solid #8BA8C5;} .cp hr {text-align:center;} /* more */ .More * {font-size:14px;} .More {padding:20px; text-align:left; margin:0px 20px;} .More a:link, .More a:hover, .More a:active {color:#0458AE; text-decoration:none; font-size:14px;} .More a:hover {color:#FF0000; text-decoration:underline;} .More a:visited {font-size:14px; margin:0px 20px;} .Page {text-align:center; margin:0px 20px; font-size:24px;} .Page select {font-size:24px;} .Page input {font-size:24px;} /* content */ .Function {text-align:right; padding:5px 0; margin:0px 20px;} .Function a {text-decoration:underline;} .Heading {font-size:26px; color:#000066; text-align:center; margin:0px 20px;} .Content {padding:20px 20px 40px 20px; width:738px; font-size:14.8px; line-height:180%; text-align:left; margin:0px 20px;} .Content *, .Content font, .Content td {font-size:14px; line-height:180%;} .Content a:link, .Content a:hover, .Content a:active {color:#0458AE; text-decoration:underline; font-size:14px;} .Content a:hover {color:#FF0000; text-decoration:underline;} .Content a:visited {font-size:14px;} .Content p {padding:10px 0;} .Date {color:#FF0000; text-align:center; margin:0px 20px;} .Date a:link, .Date a:visited, .Date a:hover, .Date a:active {color:#FF0000; text-decoration:none} .Date a:hover {color:#FF0000; text-decoration:underline} .Source {color:#0745D4; text-align:center; padding:5px; margin:0px 20px;} .Source a:link, .Source a:visited, .Source a:hover, .Source a:active {color:#0745D4; text-decoration:none} .Source a:hover {color:#0745D4; text-decoration:underline} .Rel {border-top:3px solid #999999; margin:0px 20px;} .Rel table {border-collapse: collapse;} .relbox {margin-bottom:5px;} .relgroup {background:#EEEEEE; padding:5px; font-size:14px; font-weight:bold;} .relcontent {line-height:180%; color:#0458AE; font-size:14px;} .relcontent a:link, .relcontent a:hover, .relcontent a:active {color:#0458AE; text-decoration:none; font-size:14px;} .relcontent a:hover {color:#FF0000; text-decoration:underline;} .relcontent a:visited {font-size:14px;} /* Other Custom CSS Selectors */ .aysp td {} .ayspEnd td {} .jdyw td {} .jdywEnd td {border-bottom:none;} .gfxw td {padding-bottom:20px; background:url(/2008olympic/img/olympic_11.gif) repeat-x left 32px;} .gfxwEnd td {} .xwdt td {padding-bottom:20px; background:url(/2008olympic/img/olympic_11.gif) repeat-x left 32px;} .xwdtEnd td {} .morelist td {padding-bottom:20px;} .morelistEnd td {} .Gap1 td {padding-bottom:15px;} .End td {} .fontstyle {color:#CCCCCC;} .BgTransparent {background-color: transparent;} .S098,/* */ .S098 a:link, .S098 a:visited, .S098 a:hover, .S098 a:active {color:#000000; text-decoration:none;} .S098 a:hover {color:#FF0000;} .S098 table {border-collapse: collapse;} .S098 tr{background-color:expression((this.sectionRowIndex%2==0)?"#DEDEDE":"")}