wowstory01.css

学习时曾经用到的资料

.wsbody {
    padding:0px 10px 0px 10px; margin:0px;
}

.wslogo {
    width:300px; height:64px; padding:0px; 
    margin:0px;
}

.xiaof {
    width:64px; height:64px; padding:0px; 
    margin:0px;
}

.wsheader {
    width:946px; height:80px; margin-bottom:10px;
}

.wsheader .wslogoarea {
    width:946px; height:80px;
}

.wslogoarea .ws_a1{
    width:300px; height:80px; vertical-align:bottom;
}

.wsheader .wslogo {
    width:300px; height:64px;
}

.wsheader .ws_a2 {
    width:646px; padding:10px 0px 0px 0px;
    background-image:url(images/urlline.gif); background-repeat:repeat-x; background-position-y:65px;
    font-family:Tahoma; font-size:12px;
    color:#0058DB;
    text-align:right; vertical-align:top;
}

.wsheader font.wsacton {
    text-decoration: underline; color:#ff6600; cursor:hand;
}

.wsheader font.wsact {
    text-decoration: none; color:#0058DB; cursor:hand;
}

.wsheader a:link {
    text-decoration: none;color:#0058DB;
}

.wsheader a:visited {
    text-decoration: none; color:#0058DB;
}

.wsheader a:hover {
    text-decoration: underline; color:#FF6600;cursor:hand; 
}

.wsheader a:active {
    text-decoration: none; color:#0058DB;
}


.wscontent {
    width:936px; height:450px; margin-left:5px;
}

.wscontent .wscgrid {
    width:936px; height:450px;
}

.wscgrid .a1 {
    width:160px; 
    vertical-align:top;
}

.wscgrid .a2 {
    width:616px; 
    vertical-align:top;
}

.wscgrid .a3 {
    width:160px; 
    vertical-align:top;
}

.wsmenu {
    width:160px; height:100%;
    background-color:#FFF9F5;
    border-top:1px solid #FF9959; border-bottom:1px solid #FF9959;
}

.wsmenu .box {
    width:100%; height:100%;
    background-color:#FFF9F5;
    border-left:1px solid #FFC8A8; border-right:1px solid #FFC8A8;
    border-top:0px; border-bottom:0px;
}

.wsmenu .box .box {
    width:100%; height:100%;
    background-color:#FFF9F5;
    border-top:2px solid #FF9959; border-bottom:2px solid #FF9959;
    border-left:0px; border-right:0px;
    padding:2px 3px 2px 3px;
}

.wsmenu a:link {
    text-decoration: none;color:#0000ff;
}

.wsmenu a:visited {
    text-decoration: none; color:#0000ff;
}

.wsmenu a:hover {
    text-decoration: none; color:#0000ff;cursor:hand; 
    background-color:#F5F9FF;border:1px solid #5999FF;
}

.wsmenu a:active {
    text-decoration: none; color:#0000ff;
}

.wsmenu h1 {
    font-family:Tahoma; font-size:12px; color:#FF6600;
    padding-left:3px; padding-right:0px; padding-top:3px; padding-bottom:2px;
    margin:0px; margin-top:0px; height:20px; width:100%;
}

.wsmenu p {
    font-family:Tahoma; font-size:11px; color:#000000;
    padding-left:10px; padding-right:0px; padding-top:1px; padding-bottom:1px;
    margin:0px; width:100%;
}

.wstitle {
    width:600px; height:100%;
    background-color:#F5F9FF;
    border-top:1px solid #5999FF; border-bottom:1px solid #5999FF;
	margin-bottom:15px;
}

.wstitle .box {
    width:100%; height:100%;
    background-color:#F5F9FF;
    border-left:1px solid #A8C8FF; border-right:1px solid #A8C8FF;
    border-top:0px; border-bottom:0px;
}

.wstitle .box .box {
    width:100%; height:100%;
    background-color:#F5F9FF;
    border-top:2px solid #5999FF; border-bottom:2px solid #5999FF;
    border-left:0px; border-right:0px;
    padding:8px 3px 8px 3px;
}

.wsarticle {
    width:600px; margin-left:8px; margin-right:8px;
}

.wsportrait {
    width:160px;
}

.wsportrait .wspgrid {
    width:160px; font-family:Tahoma; font-size:12px;
}

.wsportrait .ws_a1 {
    padding:0px 0px 0px 8px; margin:0px;
    width:90px; vertical-align:middle;
}

.wsportrait .ws_a2 {
    width:70px; padding:0px 6px 0px 0px; margin:0px;
}

.wsportrait h2 {
    font-family:Tahoma; font-size:12px; margin:0px; color:#FF6600;
     padding:0px 0px 3px 0px; text-align:left;
}

.wsportrait p {
    font-family:Tahoma; font-size:12px; margin:0px; color:#0058DB;
    padding:0px 0px 2px 0px; text-align:left;
}

.wslink {
    width:160px;
}

.wslink h2 {
    font-family:Tahoma; font-size:12px; margin:0px; color:#FF6600;
    padding:3px 0px 3px 2px;
}

.wslink p {
    font-family:Tahoma; font-size:12px; margin:0px; 
    padding:0px 0px 2px 4px;
}

.wslink .box table {
    font-family:Tahoma; font-size:12px; margin-left:3px; width:145px;
}

.wslink .box th {
    text-align:left; padding-right:10px; color:#0066FF; font-weight:normal;
}

.wslink .box td {
    text-align:right;
}

.wslink a:link {
    text-decoration: none;color:#0058DB;
}

.wslink a:visited {
    text-decoration: none; color:#0058DB;
}

.wslink a:hover {
    text-decoration: none; color:#FF6600;cursor:hand; 
}

.wslink a:active {
    text-decoration: none; color:#0058DB;
}

.wslgreen {
    width:160px;
    background-color:#F5FFF5;
    border-top:1px solid #7FB87F; border-bottom:1px solid #7FB87F;
    font-family:Tahoma; font-size:12px; 
    margin:0px 0px 10px 0px;
}

.wslgreen .box {
    width:100%; height:100%;
    background-color:#F5FFF5;
    border-left:1px solid #99DE99; border-right:1px solid #99DE99;
    border-top:0px; border-bottom:0px;
}

.wslgreen .box .box {
    width:100%; height:100%;
    background-color:#F5FFF5;
    border-top:2px solid #7FB87F; border-bottom:2px solid #7FB87F;
    border-left:0px; border-right:0px;
    padding:2px 3px 2px 3px;
}

.wslyellow {
    width:160px;
    background-color:#FFFFF0;
    border-top:1px solid #FFCC66; border-bottom:1px solid #FFCC66;
    font-family:Tahoma; font-size:12px; 
    margin:0px 0px 10px 0px;
}

.wslyellow .box {
    width:100%; height:100%;
    background-color:#FFFFF0;
    border-left:1px solid #FFE0A1; border-right:1px solid #FFE0A1;
    border-top:0px; border-bottom:0px;
}

.wslyellow .box .box {
    width:100%; height:100%;
    background-color:#FFFFF0;
    border-top:2px solid #FFCC66; border-bottom:2px solid #FFCC66;
    border-left:0px; border-right:0px;
    padding:2px 3px 2px 3px;
}

.wslblue {
    width:160px;
    background-color:#F5F9FF;
    border-top:1px solid #5999FF; border-bottom:1px solid #5999FF;
    font-family:Tahoma; font-size:12px; 
    margin:0px 0px 10px 0px;
}

.wslblue .box {
    width:100%; height:100%;
    background-color:#F5F9FF;
    border-left:1px solid #A8C8FF; border-right:1px solid #A8C8FF;
    border-top:0px; border-bottom:0px;
}

.wslblue .box .box {
    width:100%; height:100%;
    background-color:#F5F9FF;
    border-top:2px solid #5999FF; border-bottom:2px solid #5999FF;
    border-left:0px; border-right:0px;
    padding:2px 3px 2px 3px;
}

.wsfooter {
    width:946px; background-image:url(images/urlline.gif);
    background-repeat:repeat-x;background-position-y:top;
    margin:10px 0px 0px 0px;
    text-align:center;
    font-family:Tahoma; font-size:11px; 
    padding:8px 0px 0px 0px;
    color:#999999;
}

.wsfooter .wsgrid {
    font-family:Tahoma; font-size:11px; 
    color:#999999;
}

.wsfooter .ws_a1 {
    padding-right:5px;
}

.AdotArticle p {
    font-family:Tahoma; font-size:14px; 
    padding-left:10px; padding-right:0px; padding-top:3px; padding-bottom:3px; 
    margin:0px;
}

.AdotArticle table p {
    font-family:Tahoma; font-size:11px;
    padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
    margin:0px;
}

.AdotArticle font.Lv1 {
    color:#FF0000;
}

.AdotArticle font.Lv2 {
    color:#FF4000;
}

.AdotArticle font.Lv3 {
    color:#000080;
}

.AdotArticle font.Lv4 {
    color:#006000;
}

.AdotArticle font.Lv5 {
    color:#8000FF;
}

.AdotArticle h1 {
    font-family:Arial; font-size:16px; font-weight:bold;
    padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px;
    margin:0px; 
}

.AdotArticle h2 {
    font-family:Tahoma; font-size:14px; font-weight:bold;
    padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px;
    margin:0px; margin-top:10px; color:#000000;
}

.wstitle .box .box h1 {
    font-family:Tahoma; font-size:14px; font-weight:bold;
    padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
    margin:0px; margin-top:0px; color:#000000;
    width:100%; text-align:center;
}

.AdotArticle h3 {
    font-family:Tahoma; font-size:14px; font-weight:bold;
    padding-left:5px; padding-right:0px; padding-top:10px; padding-bottom:5px;
    margin:0px; color:#000080;
}

.AdotArticle h4 {
    font-family:Tahoma; font-size:12px; font-weight:bold; font-style:italic;
    padding-left:5px; padding-right:0px; padding-top:5px; padding-bottom:5px;
    margin:0px;
}

.AdotArticle h5 {
    font-family:Tahoma; font-size:12px; font-weight:normal;
    padding-left:5px; padding-right:0px; padding-top:3px; padding-bottom:3px; 
    margin:0px; color:#000080;
    border-left:1px solid #000080;
}

.AdotArticle h6 {
    font-family:Tahoma; font-size:12px; font-weight:normal;
    padding-left:16px; padding-right:0px; padding-top:0px; padding-bottom:0px;
    margin:0px;
}

.AdotArticle address {
  font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal;
  padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px;
  margin:0px;
  text-align:right;
}

.AdotArticle blockquote {
  font-family:Tahoma; font-size:12px;
  padding:0px;
  margin-top:0px; margin-bottom:0px; margin-left:25px; margin-right:25px;
}

.AdotArticle pre {
  background-color:#e8e8e8;
  font-family:Courier New; font-size:11px;
  margin-left:5px; margin-right:5px; margin-bottom:0px; margin-top:0px;
  padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px;
  word-wrap:break-word;
}

.AdotArticle hr {
  color:#C0C0C0; height:1px; width:100%;
  padding:0px; margin-left:0px; margin-right:0px;margin-top:0px; margin-bottom:0px;
}

.AdotArticle a {
  color:#000000; text-decoration:none;
  background-image:none; padding:0px;
}

.AdotArticle a:active {
  color:#003399; text-decoration:underline;
  background-image:none; padding:0px;
}

.AdotArticle a:link {
  color:#003399; text-decoration:underline;
  background-image:none; padding:0px;
}

.AdotArticle a:visited {
  color:#003399; text-decoration:underline;
  background-image:none; padding:0px;
}

.AdotArticle a:hover {
  color:#ff3300; text-decoration:underline;
  background-image:none; padding:0px;
}

.AdotArticle ul {
  list-style-type: disc;
  margin-left:25px; margin-top:0px; margin-bottom:0px; margin-right:0px;
  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  font-family:Tahoma; font-size:12px;
}

.AdotArticle ul li{
  list-style-type: disc;
  font-family:Tahoma; font-size:12px;
  padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px;
  margin:0px;
}

.AdotArticle ul ul li{
  list-style-type: square;
}

.AdotArticle ul ul ul li{
  list-style-type: circle;
}

.AdotArticle ul ul ul ul li{
  list-style-type: none;
}

.AdotArticle ol {
  list-style-type:decimal;
  margin-left:10px; margin-top:0px; margin-bottom:0px; margin-right:0px;
  padding-left:25px; padding-right:5px; padding-top:0px; padding-bottom:0px;
  font-family:Tahoma; font-size:12px;
}

.AdotArticle ol li{
  list-style-type:decimal;
  font-family:Tahoma; font-size:12px;
  padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px;
  margin:0px;
}

.AdotArticle ol ol li{
  list-style-type:lower-alpha;
}

.AdotArticle ol ol ol li{
  list-style-type:lower-roman;
}

.AdotArticle ol ol ol ol li{
  list-style-type:none;
}

.AdotArticle table {
  font-family:Tahoma; font-size:11px;
  margin-left:5px; margin-top:5px; margin-bottom:5px; margin-right:5px;
}

.AdotArticle td {
  background-color:#e8e8e8; 
  padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
}

.AdotArticle tr.header td {
  padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
  background-color:#c0c0c0;
  font-weight:bold;
}

.AdotArticle strike {
  color:#606060;
}

a.bgray:link  {text-decoration: none;color:#666666;}
a.bgray:visited   {text-decoration: none; color:#666666;}
a.bgray:hover  {text-decoration: underline; color:#666666;cursor:hand;}
a.bgray:active		{text-decoration: underline; color:#666666;}

.sitelink td {padding-top:3px; padding-bottom:1px;padding-left:5px;padding-right:5px;font-size:11px;border:1px solid #D0E4FD;text-align:left;background-color:#FFFFFF;}

.sitelink td a:link {text-decoration: none;color:#666666;}
.sitelink td a:visited {text-decoration: none; color:#666666;}
.sitelink td a:hover  {text-decoration: underline; color:#666666;cursor:hand;}
.sitelink td a:active {text-decoration: underline; color:#666666;}

.btnarea {width:950px;text-align:center;margin:0px;padding:0px;border:0px;}
.btnshow {width:230px;height:30px;margin:0px;padding:0px;}
.btnover {text-align:center;height:30px;background-image: url(images/btn_03.gif);background-repeat: no-repeat;cursor:hand;font-family:Tahoma; font-size:12px;color:#333333;padding-top:7px;}
.btnout {text-align:center; height:30px;background-image: url(images/btn_02.gif);background-repeat: no-repeat;cursor:hand;font-family:Tahoma; font-size:12px;color:#333333;padding-top:7px;}

.codearea {width:100%;height:400px;}
.srcarea {width:48%;height:390px;text-align:left;}
.srctextarea {width:100%;height:390px;border:1px solid #2D9CFC;font-family:Tahoma; font-size:12px; color:#333333;word-wrap:break-word;word-break:break-all;}
.areamargin {width:5px;font-size:5px;}
.resultarea {width:48%;text-align:left;}
.resultiframe{width:100%;height:388px;border:1px solid #2D9CFC;margin:0px; padding:0px;}


.indexpart {margin:0px;padding:0px;}
.indexpart a:link {color:#0058DB;TEXT-DECORATION:underline;}  
.indexpart a:visited {color:#0058DB;TEXT-DECORATION:underline;}  
.indexpart a:hover {color: #FF6600;TEXT-DECORATION: underline;cursor:hand;}  
.indexpart a:active {color: #FF6600;TEXT-DECORATION: underline;}  

.indexpart td {background-color:#FFFFFF;}
.indexpart .indexgif {width:30px;height:30px;}
.indexpart .indextitle {vertical-align:middle;text-align:left; font-weight: bold;
	font-family:Tahoma; font-size:14px; 
    padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px;
    margin:0px;}
.indexpart .indexdesc {font-family:Tahoma; font-size:12px; line-height:16px;
	padding-left:10px; padding-right:5px; padding-top:0px; padding-bottom:0px; 
    margin:0px;}


a.bred:link  {text-decoration: none;color:#FF4000;}
a.bred:visited   {text-decoration: none; color:#FF4000;}
a.bred:hover  {text-decoration: underline; color:#FF4000;cursor:hand;}
a.bred:active		{text-decoration: underline; color:#FF4000;}

.wsfooter a:link  {text-decoration: none;color:#999999;}
.wsfooter a:visited   {text-decoration: none; color:#999999;}
.wsfooter a:hover  {text-decoration: underline; color:#999999;cursor:hand;}
.wsfooter a:active		{text-decoration: underline; color:#999999;}