/b2evolution/emerald/rsc/css/style.css

http://laibcomsthemes.googlecode.com/ · CSS · 268 lines · 226 code · 16 blank · 26 comment · 0 complexity · 75bee2c048e820e1e29000e8a07d4b95 MD5 · raw file

  1. @charset "UTF-8";
  2. /* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
  3. @import url("../../../../rsc/css/basic.css"); /* Import basic styles */
  4. @import url("../../../../rsc/css/blog_base.css"); /* Import default blog navigation styles */
  5. @import url("item.css"); /* Import blog content styles */
  6. /* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
  7. /*
  8. Design by Free CSS Templates
  9. http://www.freecsstemplates.org
  10. Released for free under a Creative Commons Attribution 2.5 License
  11. */
  12. /* Basic */
  13. * {
  14. margin: 0em;
  15. padding: 0em;
  16. }
  17. h1,h2 {
  18. }
  19. html, body {
  20. font-family: "trebuchet ms", sans-serif;
  21. color: #555555;
  22. font-size: 11pt;
  23. margin: 0 auto;
  24. }
  25. a {
  26. color: #669911;
  27. }
  28. /* Outer */
  29. #outer {
  30. }
  31. /* Header */
  32. #header {
  33. height: 95px;
  34. background-image: url('../img/a2.gif');
  35. background-position: bottom left;
  36. padding-left: 40px;
  37. padding-top: 45px;
  38. }
  39. #header h1 a {
  40. color: #fff;
  41. text-decoration: none;
  42. font-size: 1.5em;
  43. }
  44. #header h1 {
  45. text-transform: lowercase;
  46. font-size: 1.6em;
  47. }
  48. #header h2,
  49. #header .widget_core_coll_tagline {
  50. position: relative;
  51. /* top: -0.3em; */
  52. color: #E8EFC2;
  53. font-weight: normal;
  54. font-size: 1.1em;
  55. text-transform: lowercase;
  56. }
  57. #pagetop {
  58. text-align: right;
  59. float: right;
  60. /* width: 600px; */
  61. margin: -35px 25px 0 0;
  62. }
  63. #pagetop ul {
  64. list-style: none;
  65. padding: 0;
  66. margin: 0;
  67. }
  68. #pagetop li {
  69. display: inline;
  70. }
  71. #pagetop li a {
  72. padding: 0 0 0 25px;
  73. color: #fff;
  74. text-decoration: none;
  75. text-transform: lowercase;
  76. }
  77. #pagetop li a:hover {
  78. text-decoration: none;
  79. }
  80. /* Menu */
  81. #menu {
  82. background-image: url('../img/a3.gif');
  83. background-repeat: repeat-x;
  84. background-position: bottom left;
  85. padding: 1em 2.5em 1em 2.5em;
  86. }
  87. #menu ul {
  88. list-style: none;
  89. }
  90. #menu li {
  91. display: inline;
  92. }
  93. #menu li a {
  94. font-size: 1.1em;
  95. font-weight: bold;
  96. text-transform: lowercase;
  97. color: #5D5F53;
  98. text-decoration: none;
  99. margin-right: 1em;
  100. }
  101. #menu li a:hover {
  102. color: #6B7E09;
  103. text-decoration: underline;
  104. }
  105. /* Content */
  106. #content {
  107. padding: 3em 15px 1em 15px;
  108. line-height: 1.6em;
  109. background: url('../img/a4.gif') repeat-x top left;
  110. }
  111. #content p {
  112. margin-bottom: 1.5em;
  113. }
  114. #content h2,h3,h4,h5,h6 {
  115. /* margin-bottom: 1em; */
  116. margin-bottom: 0.24em;
  117. }
  118. /* note: added #content ol to fix ordered lists in the content area */
  119. #content ul,
  120. #content ol {
  121. margin-bottom: 1.5em;
  122. padding-left: 1em;
  123. }
  124. #content blockquote {
  125. padding: 1em;
  126. margin-bottom: 1.5em;
  127. background-color: #FFFCD8;
  128. background-image: url('../img/a5.gif');
  129. background-repeat: no-repeat;
  130. background-position: top left;
  131. border: dotted 1px #DFD999;
  132. }
  133. #content blockquote p {
  134. margin-bottom: 0em;
  135. }
  136. #content table {
  137. margin-bottom: 1.5em;
  138. }
  139. #content table th {
  140. text-align: left;
  141. font-weight: bold;
  142. padding: 0.5em;
  143. }
  144. #content table td {
  145. padding: 0.5em;
  146. }
  147. /* note: Odd rows */
  148. #content table tr.rowA,
  149. #content table tr.rowO {
  150. background-color: #EAEFE0;
  151. color: inherit;
  152. }
  153. /* note: Even rows */
  154. #content table tr.rowB,
  155. #content table tr.rowE {
  156. background-color: #F9FFEF;
  157. color: inherit;
  158. }
  159. /* Primary Content */
  160. #primaryContentContainer {
  161. float: left;
  162. margin-right: -460px;
  163. width: 100%;
  164. }
  165. #primaryContent {
  166. margin: 0em 470px 0em 0em;
  167. padding: 0em 1.5em 1.5em 1.5em;
  168. }
  169. #primaryContent h2, #primaryContent h3 {
  170. text-transform: lowercase;
  171. color: #5D5F53;
  172. border-bottom: dotted 1px #ECEEDF;
  173. padding-bottom: 0.3em;
  174. }
  175. #secondaryContent h3, #tertiaryContent h3 {
  176. background: url('../img/a1.gif') no-repeat;
  177. width: 185px;
  178. height: 27px;
  179. font-size: 1.0em;
  180. font-weight: bold;
  181. padding-left: 15px;
  182. padding-top: 5px;
  183. text-transform: lowercase;
  184. color: #5D5F53;
  185. }
  186. /* note: added #wideContent for Wide Sidebar */
  187. #wideContent h3 {
  188. background: url('../img/a1.gif') no-repeat;
  189. width: 400px;
  190. height: 27px;
  191. font-size: 1.0em;
  192. font-weight: bold;
  193. padding-left: 15px;
  194. padding-top: 5px;
  195. text-transform: lowercase;
  196. color: #5D5F53;
  197. }
  198. /* note: added to blend linkified widget names */
  199. #secondaryContent h3 a, #tertiaryContent h3 a {
  200. background: url('../img/a1.gif') no-repeat;
  201. width: 185px;
  202. height: 27px;
  203. font-size: 1.0em;
  204. font-weight: bold;
  205. padding-top: 5px;
  206. text-decoration: none;
  207. text-transform: lowercase;
  208. color: #5D5F53;
  209. }
  210. #wideContent h3 a {
  211. background: url('../img/a1.gif') no-repeat;
  212. width: 400px;
  213. height: 27px;
  214. font-size: 1.0em;
  215. font-weight: bold;
  216. padding-top: 5px;
  217. text-decoration: none;
  218. text-transform: lowercase;
  219. color: #5D5F53;
  220. }
  221. /* Secondary Content */
  222. #secondaryContent {
  223. float: left;
  224. width: 215px;
  225. }
  226. /* Tertiary Content */
  227. #tertiaryContent {
  228. float: right;
  229. width: 215px;
  230. padding-right: 1em;
  231. }
  232. /* Wide Content */
  233. #wideContent {
  234. float: left;
  235. width: 430px;
  236. padding-right: 1em;
  237. }
  238. /* Footer */
  239. #footer {
  240. background: url('../img/a4.gif') repeat-x top left;
  241. border-top: solid 1px #D0D4BB;
  242. padding: 2.0em 3.5em 3.0em 3.5em;
  243. font-size: 0.8em;
  244. }
  245. .clear {
  246. clear: both;
  247. }
  248. /* some fixes */
  249. #primaryContentContainer div.featurepost {
  250. padding-left: 23px;
  251. padding-right: 10px;
  252. }