Guest User

Untitled

a guest
Jun 23rd, 2018
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.52 KB | None | 0 0
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. *body{
  5. margin:0;
  6. padding:0;
  7. font-family:"Times New Roman", Times, serif;
  8. font-size:12px;
  9. }
  10.  
  11. #container{
  12. position:relative;
  13. width:950px;
  14. margin-left:auto;
  15. margin-right:auto;
  16. }
  17.  
  18. #header{
  19. position:relative;
  20. border-top:8px solid #000000;
  21. width:850px;
  22. height:120px;
  23. background-color:#FFFFFF;
  24. }
  25.  
  26. #midtop{
  27. position:relative;
  28. display:block;
  29. background-image:url(../images/midbot.jpg);
  30. background-repeat:no-repeat;
  31. height:317px;
  32. width:846px;
  33. }
  34.  
  35. #menu{
  36.  
  37. position:absolute;
  38. margin-top:41px;
  39. width:846px;
  40. height:44px;
  41. }
  42. #menu ul{
  43. padding:0px;
  44. margin:0px;
  45. }
  46. #menu ul li{
  47. list-style: none;
  48. float:left;
  49. display:block;
  50. height:45px;
  51. font-size:16px;
  52. text-align:justify;
  53. }
  54.  
  55.  
  56.  
  57. #menu a{
  58. padding-left:10px;
  59. padding-right:10px;
  60. color:#FFFFFF;
  61. display: block;
  62. padding-top:10px;
  63. height:34px;
  64. width:auto;
  65. text-align:center;
  66. height: 38px;
  67.  
  68.  
  69. }
  70.  
  71.  
  72. #menu ul li a:hover{
  73. background-color:#000;
  74. opacity: 1;
  75. }
  76.  
  77.  
  78.  
  79. #midbot{
  80. position:absolute;
  81. background-repeat:no-repeat;
  82. margin-left:541px;
  83. margin-top: 231px;
  84. }
  85. #midbot a{
  86. text-indent:99999px;
  87. background-image:url(../images/btnnext.png);
  88. background-repeat:no-repeat;
  89. display:block;
  90. height:50px;
  91. width:50px;
  92. }
  93. #midbot:hover{
  94. position:absolute;
  95. background-image:url(../images/btnnext.png);
  96. background-repeat:no-repeat;
  97. margin-left:541px;
  98. margin-top: 231px;
  99. opacity:0.5;
  100. }
  101.  
  102.  
  103.  
  104. #content{
  105. position:relative;
  106. width:850px;
  107. }
  108.  
  109. #maincontent{
  110. float:left;
  111. width:470px;
  112. margin-left:45px;
  113. margin-right:45px;
  114. margin-top:24px;
  115. }
  116.  
  117. #news{
  118. float:left;
  119. margin-left:2px;
  120. width:223px;
  121. height:430px;
  122. background-color:#f2f2f2;
  123. z-index:9999;
  124. }
  125.  
  126. #footer{
  127. margin-top:-167px;
  128. background-image:url(../images/overlapfooter.png);
  129. position:relative;
  130. width:850px;
  131. height:253px;
  132. z-index:0;
  133. }
  134. h1 a{
  135. text-indent:-10000px;
  136. display: block;
  137. margin-left:42px;
  138. margon-right:20px;
  139. width:240px;
  140. height:85px;
  141. background-image:url(../images/HeaderDaroVerandaslogo.jpg);
  142. background-repeat:no-repeat;
  143.  
  144. }
  145.  
  146. .clear{
  147. clear:both;
  148. }
  149.  
  150. a{
  151. text-decoration:none;
  152. text-transform:none;
  153. }
  154.  
  155.  
  156. .grid1{
  157. font-size:18px;
  158. padding-bottom:5px;
  159. padding-left:8px
  160. }
  161.  
  162. .grid2{
  163. font-size:12px;
  164. border-bottom:1px solid #CCCCCC;
  165. padding-bottom:20px;
  166. padding-left:8px;
  167. }
  168.  
  169. .grid2 img{
  170. float:left;
  171. clear:left;
  172. padding-top:10px;
  173. }
  174.  
  175. .grid2:hover{
  176. background-color:#d7d4d4;
  177. padding-bottom:20px;
  178. padding-left:8px;
  179. opacity:0.8;
  180. }
Add Comment
Please, Sign In to add comment