home *** CD-ROM | disk | FTP | other *** search
/ PCNET 2003 October (DVD) / PCNET0310.ISO / default.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2010-02-17  |  5.6 KB  |  359 lines
  1. body {
  2.     margin: 0;
  3.     padding: 0;
  4.     background: #C3C3C3 url(images/img01.gif) repeat-x;
  5.     font-family: Segoe UI, Trebuchet MS, Arial, Helvetica;
  6.     font-size: 13px;
  7.     color: #333333;
  8. }
  9.  
  10. h1, h2 {
  11.     font-weight: normal;
  12. }
  13.  
  14. p, ol, ul {
  15.     margin-top: 0;
  16.     line-height: 180%;
  17. }
  18.  
  19. a {
  20.     color: #8064a2;
  21.     text-decoration: none;
  22.     font-weight:bold;
  23. }
  24.  
  25. a:hover {
  26.     text-decoration: none;
  27.     color: #FF0000;
  28. }
  29.  
  30. a img {
  31.     border: none;
  32. }
  33.  
  34. img.left {
  35.     float: left;
  36.     margin: 0 15px 0 0;
  37. }
  38.  
  39. img.right {
  40.     float: right;
  41.     margin: 0 0 0 15px;
  42. }
  43.  
  44. /* Header */
  45.  
  46. #header {
  47.     height: 110px;
  48.     width: 970px;
  49.     margin-top: 8px;
  50.     margin-right: auto;
  51.     margin-bottom: 0;
  52.     margin-left: auto;
  53. }
  54.  
  55. #logo {
  56.     float: left;
  57.     padding: 1px 0 0 4px;
  58. }
  59.  
  60. #logo h1, #logo p {
  61.     margin: 0;
  62.     font-weight: bold;
  63. }
  64.  
  65. #logo h1 {
  66. }
  67.  
  68. #logo p {
  69.     padding-left: 1px;
  70.     line-height: normal;
  71.     font-size: .85em;
  72. }
  73.  
  74. #ay {
  75.     float: left;
  76.     padding: 1px 0 0 4px;
  77.     font-size:16px;
  78. }
  79.  
  80. #menu {
  81.     float: right;
  82.     padding-top: 55px;
  83.     font-family: Arial, Helvetica, sans-serif;
  84.     font-size:14px;
  85.     text-transform: uppercase;
  86. }
  87.  
  88. #menu ul {
  89.     margin: 0;
  90.     padding: 0;
  91.     list-style: none;
  92.     line-height: normal;
  93. }
  94.  
  95. #menu li {
  96.     display: inline;
  97.     text-transform: uppercase;
  98. }
  99.  
  100. #menu a {
  101.     display: block;
  102.     float: left;
  103.     padding: 10px 10px;
  104.     text-decoration: none;
  105.     font-size: .85em;
  106.     font-weight: bold;
  107.     color: #8064a2;
  108.     text-transform: uppercase;
  109. }
  110.  
  111. #menu a:hover {
  112.     text-decoration: none;
  113.     font-size: 0.85em;
  114.     border-bottom-style: dashed;
  115.     border-bottom-color: #8064a2;
  116. }
  117.  
  118. #menu .current_page_item  {
  119.     display: block;
  120.     float: left;
  121.     padding: 10px 20px;
  122.     text-decoration: none;
  123.     font-size: 0.85em;
  124.     font-weight: bold;
  125.     color: #000000;
  126.     border-right-width: 1px;
  127.     border-left-width: 1px;
  128.     border-right-style: solid;
  129.     border-left-style: solid;
  130.     border-right-color: #aaaaaa;
  131.     border-left-color: #aaaaaa;
  132.     background-color: #c3c3c3;
  133.     background-image: url(images/img02.gif);
  134.     background-repeat: repeat-x;
  135. }
  136.  
  137. /* Page */
  138.  
  139. #page {
  140.     width: 960px;
  141.     margin: 0 auto;
  142. }
  143.  
  144. /* Content */
  145.  
  146. #content {
  147.     float: left;
  148.     width: 650px;
  149. }
  150.  
  151. .post {
  152. }
  153.  
  154. .meta {
  155.     margin: 0;
  156.     padding: 10px 0 15px 20px;
  157.     border-top: 1px solid #F3F3F3;
  158. }
  159.  
  160. .meta a {
  161.     text-decoration: none;
  162. }
  163.  
  164. .meta a:hover {
  165.     text-decoration: underline;
  166. }
  167.  
  168. .meta .more {
  169.     padding-left: 12px;
  170.     background: url(images/img09.gif) no-repeat left center;
  171. }
  172.  
  173. .meta .comments {
  174.     padding-left: 15px;
  175.     background: url(images/img10.gif) no-repeat left center;
  176. }
  177.  
  178. /* Sidebar */
  179.  
  180. #sidebar {
  181.     float: right;
  182.     width: 300px;
  183. }
  184.  
  185. #sidebar ul {
  186.     margin: 0;
  187.     padding: 0;
  188.     list-style: none;
  189. }
  190.  
  191. #sidebar li {
  192. }
  193.  
  194. #sidebar li ul {
  195.     margin-bottom: 10px;
  196.     padding-bottom: 10px;
  197.     background: #FFFFFF url(images/img16.gif) no-repeat left bottom;
  198. }
  199.  
  200. #sidebar li li {
  201.     padding: 0px 20px;
  202.     border-bottom: 1px solid #F3F3F3;
  203. }
  204.  
  205.  
  206. #sidebar h2 {
  207.     height: 53px;
  208.     margin: 0;
  209.     padding: 15px 0 0 20px;
  210.     background: url(images/img15.gif) no-repeat;
  211.     text-transform: uppercase;
  212.     letter-spacing: -1px;
  213.     font-size: 1.6em;
  214.     font-weight: bold;
  215.     color: #FFFFFF;
  216. }
  217.  
  218. #sidebar h3 {
  219.     height: 53px;
  220.     margin: 0;
  221.     padding: 15px 0 0 20px;
  222.     background: url(images/img10x.gif) no-repeat;
  223.     text-transform: uppercase;
  224.     letter-spacing: -1px;
  225.     font-size: 1.6em;
  226.     font-weight: bold;
  227.     color: #FFFFFF;
  228. }
  229.  
  230. /* Green Box */
  231.  
  232. .greenbox {
  233.     background: #FFFFFF url(images/img03.gif) repeat-x;
  234. }
  235.  
  236. .greenbox .title {
  237.     height: 60px;
  238.     background: url(images/img04.gif) no-repeat;
  239. }
  240.  
  241. .greenbox .title h1, .greenbox .title h2 {
  242.     height: 35px;
  243.     margin: 0;
  244.     padding: 15px 0 0 20px;
  245.     background: url(images/img05.gif) no-repeat right top;
  246.     text-transform: uppercase;
  247.     letter-spacing: -1px;
  248.     font-size: 1.6em;
  249.     font-weight: bold;
  250.     color: #FFFFFF;
  251. }
  252.  
  253. .greenbox .entry {
  254.     padding: 10px 20px 0 20px;
  255.     border-left: 1px solid #FFFFFF;
  256.     border-right: 1px solid #FFFFFF;
  257. }
  258.  
  259. .greenbox .entry li {
  260.     color: #666666;
  261.     border-bottom-width: 1px;
  262.     border-bottom-style: solid;
  263.     border-bottom-color: #efefef;
  264.     padding-bottom: 3px;
  265. }
  266.  
  267. .btm { background: url(images/img06.gif) repeat-x left bottom; }
  268. .btm .l { background: url(images/img07.gif) no-repeat left bottom; }
  269. .btm .r { background: url(images/img08.gif) no-repeat right bottom; }
  270.  
  271. /* Two Columns */
  272.  
  273. .two-columns {
  274.     clear: both;
  275.     background: url(images/img11.gif) repeat-y;
  276.     border-top: 10px solid #C3C3C3;
  277. }
  278.  
  279. .two-columns .title {
  280. }
  281.  
  282. .two-columns .title h2 {
  283.     height: 53px;
  284.     margin: 0;
  285.     padding: 15px 0 0 20px;
  286.     text-transform: uppercase;
  287.     letter-spacing: -1px;
  288.     font-size: 1.6em;
  289.     font-weight: bold;
  290.     color: #FFFFFF;
  291. }
  292.  
  293. .two-columns .blue {
  294.     background: url(images/img13.gif) no-repeat;
  295. }
  296.  
  297. .two-columns .red {
  298.     background: url(images/img14.gif) no-repeat;
  299. }
  300.  
  301. .two-columns .columnA, .two-columns .columnB {
  302.     width: 320px;
  303. }
  304.  
  305. .two-columns .columnA {
  306.     float: left;
  307. }
  308.  
  309. .two-columns .columnB {
  310.     float: right;
  311. }
  312.  
  313. .two-columns .btm {
  314.     clear: both;
  315.     background: url(images/img12.gif) no-repeat left bottom;
  316. }
  317.  
  318. /* Footer */
  319.  
  320. #footer {
  321.     clear: both;
  322.     background: #ffffff;
  323.     text-align: center;
  324.     font-size: 12px;
  325.     color: #666666;
  326.     padding-top: 10px;
  327.     padding-right: 0;
  328.     padding-bottom: 5px;
  329.     padding-left: 0;
  330.     font-family: tahoma;
  331.     width: 970px;
  332.     margin-right: auto;
  333.     margin-left: auto;
  334.     border: 1px solid #666666;
  335. }
  336.  
  337. .not {
  338.     font-size:12px;
  339.     line-height:16px;
  340.     font-color:#999999;
  341.     margin-top: 5px;
  342.     margin-bottom: 5px;
  343. }
  344.  
  345. .sol {
  346.     float: left;
  347.     width: 105px;
  348.     height: 100px;
  349.     margin-left: 30px;
  350.     padding-top: 5px;
  351. }
  352.  
  353. .sag {
  354.     float: left;
  355.     width: 300px;
  356.     height: 80px;
  357.     margin-left: 15px;
  358.     padding-top: 25px;
  359. }