Guest User

Untitled

a guest
May 25th, 2018
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.14 KB | None | 0 0
  1. body {
  2. background-image:url(img/bg.jpg);
  3. color:#000000;
  4. font-family: Verdana, Arial, Helvetica, sans-serif;
  5. font-size: 12px;
  6. margin: 0px 0px;
  7. padding: 0px;
  8. }
  9. .clear{clear:both;}
  10. * {
  11. margin: 0px;
  12. padding: 0px;
  13. }
  14. #container {
  15. margin: 0px auto;
  16. text-align: left;
  17. width: 730px;
  18. }
  19. a{
  20. font-size:12px;
  21. }
  22. p{
  23. margin: 0px 0px;
  24. }
  25. /********************** Header ***************************/
  26. #sddm
  27. { margin: 0;
  28. padding: 0;
  29. z-index: 30}
  30.  
  31. #sddm li
  32. { margin: 0;
  33. padding: 0;
  34. list-style: none;
  35. float: left;
  36. font: bold 11px arial}
  37.  
  38. #sddm li a
  39. { display: block;
  40. margin: 0 1px 0 0;
  41. padding: 4px 10px;
  42. width: 60px;
  43. background: #28556b;
  44. color: #FFF;
  45. text-align: center;
  46. text-decoration: none}
  47.  
  48. #sddm li a:hover
  49. { background: #28556b}
  50.  
  51. #sddm div
  52. { position: absolute;
  53. visibility: hidden;
  54. margin: 0;
  55. padding: 0;
  56. background: #28556b;
  57. border: 1px solid #28556b}
  58.  
  59. #sddm div a
  60. { position: relative;
  61. display: block;
  62. margin: 0;
  63. padding: 5px 10px;
  64. width: auto;
  65. white-space: nowrap;
  66. text-align: left;
  67. text-decoration: none;
  68. background: #28556b;
  69. color: #2875DE;
  70. font: 11px arial}
  71.  
  72. #sddm div a:hover
  73. { background: #28556b;
  74. color: #FFF}
  75.  
  76. #picture {
  77. -webkit-border-radius: 20px;
  78. -moz-border-radius: 20px;
  79. border-radius: 20px;
  80. }
  81. #header {
  82. background-color:#28556b;
  83. width:730px;
  84. margin-top: 25px;
  85. -webkit-border-radius: 20px;
  86. -moz-border-radius: 20px;
  87. border-radius: 20px;
  88. -moz-box-shadow: 4px 4px 5px #393939;
  89. -webkit-box-shadow: 4px 4px 5px #393939;
  90. box-shadow: 4px 4px 5px #393939;
  91. position:relative;
  92. }
  93. #header ul{
  94. font-weight:bold;
  95. color:#FFFFFF;
  96. width:730px;
  97. border: 0px solid #FFFFFF;
  98. display:block;
  99. top:0px;
  100. position:relative;
  101. margin: 10px 0px 0px 10px;
  102. height:22px;
  103. padding:5px 0px 0px 0px;
  104. text-align:center;
  105.  
  106. }
  107. #header li{
  108. display:inline;
  109. }
  110. #header ul a{
  111. text-decoration:underline;
  112. font-weight:bold;
  113. color:#ffffff;
  114. margin: 0px 15px;
  115. }
  116.  
  117. #logo_w1,#logo_w2 {
  118. font-size: 24px;
  119. font-style:italic;
  120. color:#FFFFFF;
  121. position:absolute;
  122. }
  123. #logo_w1{
  124. top:15px;
  125. left:70px;
  126. }
  127. #logo_w2{
  128. top:44px;
  129. left:94px;
  130. }
  131. #header_text {
  132. top:90px;
  133. left:43px;
  134. width:230px;
  135. position:absolute;
  136. }
  137. #header_text p{
  138. font-size: 18px;
  139. color:#FFFFFF;
  140. }
  141. #header_text a{color:#28556b;}
  142. #header_text a:hover{color:#c77e0c;}
  143. /************************LOGO******************************/
  144. img.floatLeft {
  145. float: left;
  146. margin: 5px 5px 5px 5px;
  147. }
  148. img.floatRight {
  149. float: right;
  150. margin: 5px 5px 5px 5px;
  151. }
  152. #logo {
  153. background: #ffffff url('/img/logo.png') center center no-repeat;
  154. border-radius: 20px 20px 20px 20px;
  155. -webkit-border-radius: 20px;
  156. -moz-border-radius: 20px;
  157. box-shadow: 4px 4px 5px #393939;
  158. -moz-box-shadow: 4px 4px 5px #393939;
  159. -webkit-box-shadow: 4px 4px 5px #393939;
  160.  
  161. margin-bottom: 25px;
  162. margin-top: 25px;
  163. width: 730px;
  164. height: 160px;
  165. }
  166.  
  167.  
  168. #picture {
  169. margin: auto;
  170. -webkit-border-radius: 20px;
  171. -moz-border-radius: 20px;
  172. border-radius: 20px;
  173. }
  174.  
  175. /********************** Content ***************************/
  176. ul{
  177. margin: 0px 0px 0px 20px;
  178. }
  179. li{
  180. margin: 0px 0px 0px 20px;
  181. }
  182.  
  183. #content {
  184. background-color:#FFFFFF;
  185. width:730px;
  186. margin-top: 25px;
  187. margin-bottom: 25px;
  188. -webkit-border-radius: 20px;
  189. -moz-border-radius: 20px;
  190. border-radius: 20px;
  191. -moz-box-shadow: 4px 4px 5px #393939;
  192. -webkit-box-shadow: 4px 4px 5px #393939;
  193. box-shadow: 4px 4px 5px #393939;
  194. }
  195. img{
  196. border-width:0px;
  197. }
  198. h1{
  199. color:#28556b;
  200. font-size:32px;
  201. font-weight:bold;
  202. text-decoration:underline;
  203. margin: auto;
  204.  
  205.  
  206. }
  207.  
  208. h2{
  209. color:#393939;
  210. font-size:14px;
  211. font-weight: bold;
  212. margin: 10px 0px 5px 0px;
  213. }
  214. #left {
  215. float:left;
  216. width:638px;
  217. margin-left:27px;
  218. padding: 30px 10px 30px 0px;
  219. display:inline;
  220. }
  221. #left a{color:#28556b;}
  222. #left a:hover{color:#c77e0c;}
  223. #photos a{
  224. margin-right:14px;
  225. }
  226. #right {
  227. float:right;
  228. width:210px;
  229. padding: 0px 20px 20px 20px;
  230. margin-top:10px;
  231. border-left: #FFF 2px solid;
  232.  
  233. }
  234. #right a{
  235. color:#c77e0c;
  236. }
  237. #right a:hover{
  238. color:#85a157;
  239. }
  240. /********************** Footer ***************************/
  241. #footerline {
  242. clear:both;
  243. background-image:url(img/footer.png);
  244. font-size:1px;
  245. height:25px;
  246. margin-top: 25px;
  247. position: relative;
  248.  
  249. }
  250. #footer {
  251. width:730px;
  252. text-align:center;
  253. clear: both;
  254. margin-top:25px;
  255. }
  256. /**********************MENU*********************************/
  257. #drop-down-menu{margin-left:20px}
  258. ul{
  259. font-weight:bold;color:#ffffff;
  260. margin:0;
  261. padding:0;
  262. list-style:none}
  263. ul li{
  264. display:block;
  265. position:relative;
  266. float:left}
  267. li ul{display:none}
  268. ul li a{
  269. display:block;
  270. margin-left:1px;
  271. text-decoration:none;
  272. color:#ffffff;
  273. border-top:1px solid #B75963;
  274. padding: 5px 15px 5px 15px;
  275. background:#6E5463;
  276. white-space:nowrap}
  277. ul li a:hover{background:#985963;color:inherit}
  278. li:hover ul{
  279. display:block;
  280. position:absolute}
  281. li:hover li{
  282. font-size:70%;
  283. clear:left;
  284. width:12em}
  285. li:hover a{ background:#985963;color:inherit}
  286. li:hover li a:hover{background:#B75963;color:inherit}
  287. .clear_all{clear:both;height:0.5em;}
Add Comment
Please, Sign In to add comment