Advertisement
Guest User

CSS

a guest
Dec 16th, 2012
27
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.18 KB | None | 0 0
  1. * {
  2. padding:0px;
  3. margin:0px;
  4. }
  5. body {
  6. background-image: url('Images/Snow.png');
  7. background-repeat:repeat-x;
  8. background-color:#9de9e6;
  9. }
  10. #header {
  11. background-image: url('Images/header.png');
  12. background-repeat:no-repeat;
  13. width:100%;
  14. height:256px;
  15. }
  16. #main {
  17. width:1000px;
  18. height:800px;
  19. background-color:#fff;
  20. border:1px solid #7ccac7;
  21. }
  22. #nav {
  23. width:100%;
  24. height:35px;
  25. background-color:#9fd7e6;
  26. border-bottom:2px solid #6fc5e2;
  27. }
  28. #nav ul{
  29. float:left;
  30. margin-left:10px;
  31. list-style-type:none;
  32. }
  33. #nav ul li {
  34. display:inline;
  35. line-height:35px;
  36. }
  37. #nav ul li a {
  38. font-family:Tahoma;
  39. font-size:17px;
  40. text-decoration:none;
  41. color:#fff;
  42. padding:10px;
  43. }
  44. #nav ul li a:hover {
  45. color:#418091;
  46. border-bottom:2px solid #418091;
  47. }
  48. #left {
  49. float:left;
  50. width:700px;
  51. height:100%;
  52. background-color:#fff;
  53. border-right:1px solid #dedede;
  54. }
  55. #left h1 {
  56. color:#501f70;
  57. font-family:Tahoma;
  58. text-decoration:underline;
  59. font-size:18px;
  60. margin-left:20px;
  61. padding:10px;
  62. }
  63. #left p {
  64. color:#501f70;
  65. font-family:Tahoma;
  66. padding:5px;
  67. font-size:11px;
  68. }
  69. .news {
  70. margin-left:10px;
  71. }
  72. #right {
  73. float:right;
  74. width:299px;
  75. height:100%;
  76. background-color:#f4fafa;
  77. }
  78. #right p {
  79. padding:10px;
  80. text-align:center;
  81. color:#33c1c1;
  82. font-family:tahoma;
  83. }
  84. #right ul {
  85. margin-left:25px;
  86. list-style-type:none;
  87. }
  88. #right ul li {
  89. display:inline;
  90. padding:5px;
  91. }
  92. #right ul li a {
  93. color:#501f70;
  94. text-decoration:none;
  95. font-family:Tahoma;
  96. }
  97. #right ul li a:hover {
  98. border-bottom:2px solid #9fd7e6;
  99. }
  100. #search {
  101. margin-top:4px;
  102. float:right;
  103. width:250px;
  104. height:35px;
  105. }
  106. .textbox {
  107. background-color:#fff;
  108. border:1px solid #2eabab;
  109. color:#2eabab;
  110. padding:5px;
  111. }
  112. .button {
  113. background-color:#33c1c1;
  114. border:1px solid #2eabab;
  115. color:#fff;
  116. padding:5px;
  117. margin-left:5px;
  118. }
  119. .button:hover {
  120. background-color:#72eaea;
  121. }
  122. #image {
  123. margin-top:10px;
  124. width:200px;
  125. height:70px;
  126. margin-left:auto;
  127. margin-right:auto;
  128. border:1px solid #dedede;
  129. background-color:#fff;
  130. }
  131. #image:hover {
  132. background-color:#f8f8f8;
  133. }
  134. #image p {
  135. line-height:50px;
  136. color:#2eabab;
  137. text-align:center;
  138. font-family:Tahoma;
  139. }
  140. .img1:hover{
  141. opacity:0.6;
  142. }
  143. .img2:hover{
  144. opacity:0.6;
  145. }
  146. .img3:hover{
  147. opacity:0.6;
  148. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement