/img/style.css

http://github.com/plushcms/PlushCMS · CSS · 389 lines · 323 code · 66 blank · 0 comment · 0 complexity · 7035b15ad4e5fbfeb08d7b718394f60f MD5 · raw file

  1. html {
  2. height: 100%;
  3. }
  4. * {
  5. margin: 0;
  6. padding: 0;
  7. }
  8. body {
  9. font: normal .80em 'trebuchet ms', arial, sans-serif;
  10. background: #F4F4EE;
  11. color: #5D5D5D;
  12. }
  13. p {
  14. padding: 0 0 20px 0;
  15. line-height: 1.7em;
  16. }
  17. img {
  18. border: 0;
  19. }
  20. h1, h2, h3, h4, h5, h6 {
  21. font: normal 175% 'century gothic', arial, sans-serif;
  22. color: #43423F;
  23. margin: 0 0 10px 0;
  24. padding: 15px 0 5px 0;
  25. }
  26. h2 {
  27. font: normal 175% 'century gothic', arial, sans-serif;
  28. color: #B60000;
  29. }
  30. h3 {
  31. font: normal 165% 'century gothic', arial, sans-serif;
  32. }
  33. h4, h5, h6 {
  34. margin: 0;
  35. padding: 0 0 10px 0;
  36. font: normal 120% arial, sans-serif;
  37. color: #B60000;
  38. }
  39. h5, h6 {
  40. font: italic 95% arial, sans-serif;
  41. color: #888;
  42. }
  43. h6 {
  44. color: #362C20;
  45. }
  46. a, a:hover {
  47. outline: none;
  48. text-decoration: none;
  49. color: #838800;
  50. }
  51. a:hover {
  52. text-decoration: none;
  53. color: #5D5D5D;
  54. }
  55. .left {
  56. float: left;
  57. width: auto;
  58. margin: 0 10px 0 0;
  59. }
  60. .right {
  61. float: right;
  62. width: auto;
  63. margin: 0 0 0 10px;
  64. padding: 0;
  65. }
  66. .center {
  67. display: block;
  68. text-align: center;
  69. margin: 20px auto;
  70. }
  71. blockquote {
  72. margin: 10px;
  73. padding: 10px;
  74. border: 1px solid #E5E5DB;
  75. background: #FFF;
  76. }
  77. ul {
  78. margin: 2px 0 22px 0;
  79. }
  80. ul li {
  81. list-style-type: circle;
  82. margin: 0 0 6px 0;
  83. padding: 0 0 4px 5px;
  84. }
  85. ol {
  86. margin: 8px 0 22px 20px;
  87. }
  88. ol li {
  89. margin: 0 0 11px 0;
  90. }
  91. #main, #logo, #menubar, #content_header, #site_content, #content_footer, #footer {
  92. margin-left: auto;
  93. margin-right: auto;
  94. }
  95. #main {
  96. padding-bottom: 20px;
  97. }
  98. #header {
  99. background: #3A332D;
  100. height: 170px;
  101. margin: 0 0 30px 0;
  102. }
  103. #logo {
  104. width: 878px;
  105. position: relative;
  106. height: 134px;
  107. background: #3A332D url(images/logo.png) no-repeat;
  108. }
  109. #logo #logo_text {
  110. position: absolute;
  111. top: 10px;
  112. }
  113. #logo h1, #logo h2 {
  114. font: normal 280% 'century gothic', arial, sans-serif;
  115. border-bottom: 0;
  116. text-transform: none;
  117. margin: 0 0 0 9px;
  118. }
  119. #logo_text h1, #logo_text h1 a, #logo_text h1 a:hover {
  120. padding: 22px 0 0 0;
  121. color: #FFF;
  122. letter-spacing: 0.1em;
  123. text-decoration: none;
  124. }
  125. #logo_text h1 a .logo_colour {
  126. color: #ECEF01;
  127. }
  128. #logo_text h2 {
  129. font-size: 120%;
  130. padding: 4px 0 0 0;
  131. color: #A8AA94;
  132. }
  133. #content_header, #content_footer {
  134. width: 940px;
  135. background: url(images/content_header.png) no-repeat;
  136. height: 14px;
  137. }
  138. #content_footer {
  139. background: url(images/content_footer.png) no-repeat;
  140. }
  141. #site_content {
  142. width: 878px;
  143. overflow: hidden;
  144. margin: 0 auto 0 auto;
  145. padding: 0 20px 20px 40px;
  146. background: #FFF;
  147. border-left: 1px solid #ECECE0;
  148. border-right: 1px solid #ECECE0;
  149. }
  150. .sidebar {
  151. float: right;
  152. width: 190px;
  153. padding: 0 15px 20px 15px;
  154. }
  155. .sidebar ul {
  156. width: 178px;
  157. padding: 4px 0 0 0;
  158. margin: 4px 0 30px 0;
  159. }
  160. .sidebar li {
  161. list-style: none;
  162. padding: 0 0 7px 0;
  163. }
  164. .sidebar li a, .sidebar li a:hover {
  165. padding: 0 0 0 35px;
  166. display: block;
  167. background: transparent url(images/link.png) no-repeat left center;
  168. }
  169. .sidebar li a.selected {
  170. color: #444;
  171. text-decoration: none;
  172. }
  173. .rss {
  174. height: 26px;
  175. padding: 5px 0 0 25px;
  176. margin-bottom: 15px;
  177. display: block;
  178. background: transparent url(images/rss.png) no-repeat left center;
  179. }
  180. .spacer {
  181. padding: 20px 0 20px 0;
  182. }
  183. .info {
  184. float: left;
  185. }
  186. .infocomments {
  187. float: right;
  188. }
  189. .more {
  190. text-align: right;
  191. }
  192. .next {
  193. margin: 10px 30px 0px 0px;
  194. float: right;
  195. }
  196. .prev {
  197. margin: 10px 0px 0px 30px;
  198. float: left;
  199. }
  200. .albumy {
  201. list-style: none;
  202. }
  203. .albumy_miniaturka {
  204. float: left;
  205. margin: 10px 5px 5px 5px;
  206. }
  207. #content {
  208. text-align: justify;
  209. width: 613px;
  210. padding: 0;
  211. }
  212. #content ul {
  213. margin: 2px 0 22px 0px;
  214. }
  215. #content ul li {
  216. list-style-type: none;
  217. background: url(images/bullet.png) no-repeat;
  218. margin: 0 0 6px 0;
  219. padding: 0 0 4px 25px;
  220. line-height: 1.5em;
  221. }
  222. #footer {
  223. width: 916px;
  224. font: normal 90% arial, sans-serif;
  225. height: 28px;
  226. padding: 30px 0 0 0;
  227. text-align: center;
  228. background: transparent;
  229. color: #333;
  230. letter-spacing: 0.1em;
  231. }
  232. #footer a, #footer a:hover {
  233. color: #888;
  234. text-decoration: none;
  235. }
  236. #footer a:hover {
  237. color: #333;
  238. }
  239. .search {
  240. color: #5D5D5D;
  241. border: 1px solid #BBB;
  242. width: 134px;
  243. padding: 4px;
  244. font: 100% arial, sans-serif;
  245. }
  246. .textarea {
  247. color: #5D5D5D;
  248. border: 1px solid #BBB;
  249. width: 600px;
  250. padding: 4px;
  251. font: 100% arial, sans-serif;
  252. }
  253. #id_submit {
  254. width: 150px;
  255. height: 25px;
  256. border: 1px solid #BBB;
  257. cursor: hand;
  258. }
  259. .form_settings {
  260. margin: 15px 0 0 0;
  261. }
  262. .form_settings p {
  263. padding: 0 0 4px 0;
  264. }
  265. .form_settings span {
  266. float: left;
  267. width: 200px;
  268. text-align: left;
  269. }
  270. .form_settings input, .form_settings textarea {
  271. padding: 5px;
  272. width: 299px;
  273. font: 100% arial;
  274. border: 1px solid #E5E5DB;
  275. background: #FFF;
  276. color: #47433F;
  277. }
  278. .form_settings .submit {
  279. font: 100% arial;
  280. border: 1px solid;
  281. width: 99px;
  282. margin: 0 0 0 212px;
  283. height: 33px;
  284. padding: 2px 0 3px 0;
  285. cursor: pointer;
  286. background: #3B3B3B;
  287. color: #FFF;
  288. }
  289. .form_settings textarea, .form_settings select {
  290. font: 100% arial;
  291. width: 299px;
  292. }
  293. .form_settings select {
  294. width: 310px;
  295. }
  296. .form_settings .checkbox {
  297. margin: 4px 0;
  298. padding: 0;
  299. width: 14px;
  300. border: 0;
  301. background: none;
  302. }
  303. .separator {
  304. width: 100%;
  305. height: 0;
  306. border-top: 1px solid #D9D5CF;
  307. border-bottom: 1px solid #FFF;
  308. margin: 0 0 20px 0;
  309. }
  310. .search_submit {
  311. width: 33px;
  312. height: 33px;
  313. background-image: url(images/search.png);
  314. background-color: white;
  315. border: 0px;
  316. cursor: hand;
  317. margin: 0 0 -9px 5px;
  318. }
  319. #menubar {
  320. width: 1100px;
  321. margin: 1px 0 0 0;
  322. position: absolute;
  323. }