home *** CD-ROM | disk | FTP | other *** search
/ 221.214.14.186 / 221.214.14.186.tar / 221.214.14.186 / wh / css.css < prev    next >
Cascading Style Sheet File  |  2008-09-18  |  6KB  |  393 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4.     font-size: 12px;
  5. }
  6. body {
  7.     width: 770px;
  8.     margin: 0px auto;
  9.     background-image: url(img/ditu3.gif);
  10.     text-align: center;
  11. }
  12. #box {
  13.     width: 778px;
  14. }
  15. #head {
  16.     height: 25px;
  17.     width: 774px;
  18.     margin: 2px;
  19.     background-image: url(img/ditu1.gif);
  20.     padding: 2px;
  21. }
  22. #head1 {
  23.     background: url(img/shij.jpg) no-repeat left center;
  24.     float: left;
  25.     width: 390px;
  26.     height: 25px;
  27.     text-align: center;
  28.     padding: 3px 0px 0px;
  29. }
  30. #head2 {
  31.     background-image: url(img/mt1.gif);
  32.     float: left;
  33.     width: 27px;
  34.     height: 25px;
  35. }
  36. #head3 {
  37.     background-image: url(img/mt2.gif);
  38.     width: 283px;
  39.     float: left;
  40.     height: 25px;
  41.     text-align: center;
  42.     font-size: 16px;
  43.     color: #FF0000;
  44.     padding-top: 5px;
  45. }
  46. #head4 {
  47.     background-image: url(img/mt2.gif);
  48.     float: right;
  49.     width: 70px;
  50.     height: 25px;
  51.     text-align: center;
  52. }
  53.  
  54. #dh {
  55.     height: 60px;
  56.     width: 772px;
  57.     margin: 4px;
  58.     line-height: 30px;
  59.     padding: 0px;
  60.     border: 1px solid #006600;
  61. }
  62. #main1 {
  63.     font-size: 12px;
  64.     color: #FF3300;
  65.     padding: 4px;
  66.     width: 780px;
  67.     margin-top: 4px;
  68.     margin-bottom: 4px;
  69.     border: 1px solid #FF3300;
  70.     height: 27px;
  71. }
  72. #main1-1 {
  73.     width: 100px;
  74.     float: left;
  75.     height: 22px;
  76.     text-align: center;
  77.     padding-top: 3px;
  78. }
  79. #main1-2 {
  80.     float: right;
  81.     width: 650px;
  82. }
  83. #main2 {
  84.     width: 780px;
  85.     margin-top: 2px;
  86.     margin-bottom: 2px;
  87. }
  88. #main2-1 {
  89.     width: 278px;
  90.     marginp: 2px 4px 4px 0px;
  91.     border: 1px solid #006600;
  92.     float: left;
  93.     height: 243px;
  94.     margin-right: 4px;
  95.     margin-bottom: 2px;
  96. }
  97. #main2-14 {
  98.     padding-top: 5px;
  99. }
  100.  
  101. #main2-11 {
  102.     background-image: url(img/1568135.jpg);
  103.     margin: 0px;
  104.     border: 2px outset #003300;
  105.     height: 195px;
  106.     padding: 10px;
  107.     width: 276px;
  108. }
  109.  
  110. #main2-12 {
  111.     background-image: url(img/floral4bk1.jpg);
  112.     padding: 10px;
  113.     border: 2px outset #006600;
  114.     height: auto;
  115. }
  116. #main2-13 {
  117.     text-align: left;
  118.     float: left;
  119.     width: 85px;
  120.     padding: 5px 0px 0px;
  121. }
  122. #main3 {
  123.     width: 780px;
  124.     margin-top: 2px;
  125.     margin-bottom: 2px;
  126. }
  127.  
  128. #main2-2 {
  129.     float: left;
  130.     width: 290px;
  131.     border: 1px solid #CC66FF;
  132.     height: 243px;
  133.     margin: 0px 2px 2px;
  134. }
  135. #main2-21 {
  136. }
  137.  
  138. #main2-3 {
  139.     float: right;
  140.     width: 198px;
  141.     border: 1px solid #FFCC00;
  142.     height: 243px;
  143.     margin-left: 2px;
  144.     margin-bottom: 2px;
  145. }
  146. #main2-31 {
  147.     height: 120px;
  148.     width: 190px;
  149.     border-bottom: 1px dotted #FFCC66;
  150. }
  151. #main2-32 {
  152.     height: 20px;
  153.     border: 1px dashed #FF9900;
  154.     width: 190px;
  155.     text-align: right;
  156. }
  157. #main2-33 {
  158.     font-size: 12px;
  159.     line-height: 20px;
  160.     text-align: left;
  161.     width: 190px;
  162. }
  163. .xt {
  164.     font-size: 12px;
  165.     color: #003366;
  166.     text-decoration: none;
  167.     position: relative;
  168.     padding: 5px;
  169. }
  170. #main4,#main5,#main6 {
  171.     width: 780px;
  172.     height: 120px;
  173.     float: left;
  174.     margin-top: 2px;
  175.     margin-bottom: 2px;
  176. }
  177. #main4-1,#main5-1,#main6-1 {
  178.     width: 270px;
  179.     margin: 2px 2px 2px 0px;
  180.     float: left;
  181.     border: 1px solid #009900;
  182.     height: 120px;
  183. }
  184. #main4-11,#main5-11,#main6-11 {
  185.     background: no-repeat center center;
  186.     float: left;
  187.     height: 78px;
  188.     width: 62px;
  189.     padding-top: 10px;
  190. }
  191. #main4-12,#main5-12,#main6-12 {
  192.     height: 100px;
  193.     width: 200px;
  194.     float: right;
  195. }
  196. #main4-2,#main5-2,#main6-2 {
  197.     width: 270px;
  198.     float: left;
  199.     height: 120px;
  200.     border: 1px solid #0099FF;
  201.     margin: 2px ;
  202. }
  203. #main4-21,#main5-21,#main6-21 {
  204.     float: left;
  205.     height: 78px;
  206.     width: 62px;
  207.     padding-top: 10px;
  208. }
  209. #main4-22,#main5-22,#main6-22 {
  210.     height: 100px;
  211.     width: 200px;
  212.     float: right;
  213. }
  214. #main4-3{
  215.     width: 230px;
  216.     float: right;
  217.     margin: 2px 0px 2px 2px;
  218.     border: 1px solid #FF0000;
  219. }
  220. #main6-3 {
  221.     float: right;
  222.     height: 120px;
  223.     width: 230px;
  224.     margin-bottom: 2px;
  225.     margin-left: 2px;
  226.     border: 1px solid #6600CC;
  227. }
  228. h1 {
  229.     font-size: 12px;
  230.     color: #FF6600;
  231.     text-align: left;
  232.     height: 25px;
  233.     padding-top: 4px;
  234.     padding-left: 8px;
  235.     background-color: #FFCC66;
  236.     border-bottom: 1px solid #660000;
  237. }
  238. #main7 {
  239.     clear: both;
  240.     width: 780px;
  241.     margin-top: 2px;
  242.     height: 185px;
  243. }
  244.  
  245. #main5-3 {
  246.     width: 230px;
  247.     float: right;
  248.     border: 1px solid #CCCC66;
  249.     height: 125px;
  250.     margin-left: 2px;
  251. }
  252. #main7-1 {
  253.     width: 544px;
  254.     float: left;
  255.     margin-right: 2px;
  256.     height: 120px;
  257.     border: 1px solid #FFCC00;
  258. }
  259. h2 {
  260.     font-size: 12px;
  261.     color: #336600;
  262.     text-align: left;
  263.     padding-left: 5px;
  264.     line-height: 10px;
  265.     display: block;
  266.     height: 12px;
  267.     border-bottom: 1px dashed #666666;
  268. }
  269. #main7-2 {
  270.     float: right;
  271.     width: 230px;
  272.     height: 255px;
  273.     border: 1px solid #006600;
  274.     padding-bottom: 8px;
  275. }
  276. .xt:hover {
  277.     color: #FFFFFF;
  278.     background-color: #006600;
  279.     background-image: none;
  280. }
  281. #main8 {
  282.     clear: both;
  283.     width: 780px;
  284.     margin-top: 2px;
  285.     height: 80px;
  286. }
  287. .xt span {
  288.     display: none;
  289. }
  290. #main8-1 {
  291.     float: left;
  292.     height: 90px;
  293.     width: 544px;
  294.     border: 1px solid #FFCC33;
  295.     margin-top: 2px;
  296.     margin-right: 2px;
  297. }
  298. #main8-2 {
  299.     float: left;
  300.     height: 90px;
  301.     width: 230px;
  302.     border: 1px solid #CC3399;
  303.     display: block;
  304.     margin: 2px 0px 2px 2px;
  305. }
  306. #main8-21 {
  307.     float: left;
  308.     padding-left: 20px;
  309.     width: 224px;
  310.     padding 0px 20px 0px;
  311. }
  312. #main8-22 {
  313.     float: left;
  314.     padding-right: 20px;
  315.     padding-left: 20px;
  316.     width: 224px;
  317. }
  318. #main8-23 {
  319.     width: 224px;
  320.     padding-left: 30px;
  321.     padding-right: 30px;
  322.     float: left;
  323. }
  324. #main9 {
  325.     height: 60px;
  326.     width: 780px;
  327.     border: 1px solid #9999FF;
  328.     line-height: 30px;
  329.     margin-top: 4px;
  330.     margin-bottom: 4px;
  331. }
  332. #main10 {
  333.     clear: both;
  334.     height: 60px;
  335.     width: 780px;
  336.     margin-top: 2px;
  337. }
  338. #main10-1 {
  339.     height: 76px;
  340.     width: 84px;
  341.     float: left;
  342. }
  343. h3 {
  344.     font-size: 12px;
  345.     color: #666666;
  346.     line-height: 20px;
  347.     width: 550px;
  348. }
  349.  
  350. #main10-2 {
  351.     float: left;
  352.     width: 300px;
  353.     background-image: url(img/2.gif);
  354.     height: 76px;
  355.     line-height: 10px;
  356.     color: #000066;
  357.     text-align: center;
  358.     vertical-align: middle;
  359.     padding: 10px;
  360.     background-repeat: repeat-x;
  361. }
  362. #main10-3 {
  363.     height: 76px;
  364.     width: 105px;
  365.     float: left;
  366.     background-image: url(img/3.gif);
  367. }
  368. .xt:hover span {
  369.     display: block;
  370.     border: 3px 3px solid solid;
  371.     border: #CCCCCC;
  372.     
  373.     position: absolute;
  374.     left: 5px;
  375.     top: 20px;
  376.     height: 10px;
  377.     width: 60px;
  378.     padding: 0px;
  379.     margin: 0px;
  380.     background-position: center top;
  381. }
  382. .xt:hover span p {
  383.     color: #000000;
  384.     text-align: center;
  385.     padding: 1px;
  386.     border: 1px solid #333333;
  387.     background-color: #FFECD9;
  388.     line-height: 12px;
  389. }
  390. a {
  391.     margin-right: 3px;
  392. }
  393.