Untitled

SUBMITTED BY: antoineh1

DATE: May 8, 2016, 10:09 p.m.

FORMAT: Text only

SIZE: 3.0 kB

Raw Download

HITS: 3571

Report
  1. body
  2. {
  3. background-color: rgb(2, 30, 60);
  4. color: #292828;
  5. font-family: 'Lato', sans-serif;
  6. /*font-family: 'Press Start 2P', cursive;
  7. font-family: 'Ubuntu', sans-serif;
  8. font-family: 'Audiowide', cursive;*/
  9. }
  11. #container
  12. {
  13. width: 1000px;
  14. margin-left: auto;
  15. margin-right: auto;
  16. background: #FFFFFF;
  17. }
  19. .header
  20. {
  21. height: 150px;
  22. background-image: url("../img/logo3.jpg");
  23. }
  25. .logo
  26. {
  27. width: 750px;
  28. height: 100px;
  29. padding: 25px;
  30. float: left;
  31. font-size: 25px;
  32. text-align: left;
  33. font-family: 'Press Start 2P', cursive;
  34. letter-spacing: 2px;
  35. }
  37. #czas
  38. {
  39. width: 180px;
  40. height: 55px;
  41. font-size: 30px;
  42. padding: 10px;
  43. text-align: center;
  44. line-height: 55px;
  45. font-family: 'Audiowide', cursive;
  46. letter-spacing: 2px;
  47. float: left;
  48. }
  50. #data
  51. {
  52. width: 180px;
  53. height: 55px;
  54. font-size: 20px;
  55. padding: 10px;
  56. text-align: center;
  57. line-height: 55px;
  58. font-family: 'Audiowide', cursive;
  59. letter-spacing: 2px;
  60. float: left;
  61. }
  63. .menubar
  64. {
  65. background-color: #FFFFFF;
  66. height: 40px;
  67. padding: 10px;
  68. float:left;
  69. }
  71. .baritem
  72. {
  73. background-color: #0A69F9;
  74. float: left;
  75. font-size: 20px;
  76. text-align: center;
  77. width: 243px;
  78. height: 40px;
  79. line-height: 40px;
  80. border-right: 2px dotted #005000;
  81. }
  83. .baritem:first-child
  84. {
  85. border-left: 2px dotted #005000;
  86. width: 241px;
  87. }
  89. .baritem:first-child:hover
  90. {
  91. border-left: 2px dotted #005000;
  92. width: 241px;
  93. cursor: pointer;
  94. }
  96. .baritem:hover
  97. {
  98. background-color: #006000;
  99. float: left;
  100. text-align: center;
  101. width: 243px;
  102. height: 40px;
  103. border-right: 2px dotted #005000;
  104. cursor: pointer;
  105. }
  107. a.bar
  108. {
  109. display:block;
  110. }
  112. .rect
  113. {
  114. float:left;
  115. height: 340px;
  116. width: 200px;
  117. }
  119. .nav
  120. {
  121. float: left;
  122. height: 240px;
  123. width: 200px;
  124. background-color: #FFFFFF;
  125. }
  127. #content
  128. {
  129. float: left;
  130. width: 580px;
  131. background-color: #fff;
  132. text-align: justify;
  133. padding: 10px;
  134. }
  136. .social
  137. {
  138. padding-top: 13px;
  139. float: left;
  140. height: 450px;
  141. width: 200px;
  142. text-align: center;
  143. font-size: 20px;
  144. background-color: #FFFFFF;
  145. }
  147. #st
  148. {
  149. background-color: #303030;
  150. height: 80px;
  151. width: 100%;
  152. }
  154. #tw
  155. {
  156. margin-top: 15px;
  157. background-color: #00aced;
  158. Height: 80px;
  159. width: 100%;
  160. }
  162. #yt
  163. {
  164. background-color: #bb0000;
  165. Height: 80px;
  166. width: 100%;
  167. }
  169. #tch
  170. {
  171. background-color: #6441a5;
  172. /* padding-top: 5px; */
  173. Height: 80px;
  174. width: 100%;
  175. }
  177. #footer
  178. {
  179. clear:both;
  180. height: 40px;
  181. text-align: center;
  182. font-size: 20px;
  183. background-color: #FFFFFF;
  184. padding: 5px;
  185. border-top: 1px solid #eee;
  186. line-height: 40px;
  187. }
  189. ul
  190. {
  191. list-style-type: none;
  192. padding: 0 10px;
  193. }
  195. li
  196. {
  197. padding: 10px;
  198. background-color: #0A69F9;
  199. margin-top: 10px;
  200. text-align: center;
  201. }
  203. li:hover
  204. {
  205. cursor: pointer;
  206. }
  208. a
  209. {
  210. text-decoration: none;
  211. color: #002000;
  212. }
  214. a:hover
  215. {
  216. color: #ECECEC;
  217. background: linear-gradient(0deg, #00a, #0a69f9);
  218. }
  220. a.slink
  221. {
  222. color: white;
  223. display: block;
  224. }
  226. a.slink:hover
  227. {
  228. color: #bbb;
  229. }
comments powered by Disqus