/b2evolution/corporatemag/rsc/css/style.css

http://laibcomsthemes.googlecode.com/ · CSS · 331 lines · 236 code · 64 blank · 31 comment · 0 complexity · 3fa2197a1f6c064653e3f9186d3e6fe6 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. Theme Name: CorporateMag
  9. Author URI: http://wpjunction.com
  10. Theme URI: http://wpjunction.com
  11. Author: hpa
  12. Version: 1.0
  13. Description: CorporateMag Theme Premium WP
  14. */
  15. /*
  16. :: b2evolution Conversion ::
  17. By: JC John Sese Cuneta
  18. Website: http://laibcoms.asia/blog/
  19. Theme: http://laibcoms.asia/blog/
  20. Version: 1.0
  21. Description: CorporateMag Theme Premium for b2evolution v3.x and above
  22. */
  23. /* Skin CSS Imports */
  24. @import url('reset.css');
  25. @import url('default.css');
  26. @import url('lavalamp.css');
  27. @import url('glide.css');
  28. @import url('tabs.css');
  29. @import url('slide.css');
  30. @import url('widgets.css');
  31. @import url('comments.css');
  32. /* Skin CSS Imports */
  33. /* Basic Stuff */
  34. body {
  35. font:normal 11px Tahoma, Verdana, Arial;
  36. margin:0;
  37. color:#566B83;
  38. }
  39. .skin_wrapper_loggedin, .skin_wrapper_anonymous {
  40. background:#FFFFFF url('../img/background.gif') repeat-x 0 0;
  41. font:normal 11px Tahoma, Verdana, Arial;
  42. margin:0;
  43. color:#566B83;
  44. }
  45. ul li { list-style:none; }
  46. a { color:#5986B8; }
  47. a:hover { color:#000000; }
  48. #body-in { background:transparent url('../img/body-in-bg.gif') repeat-x 0 100%; }
  49. #wrapper {
  50. width:956px;
  51. margin:0 auto;
  52. }
  53. /* header */
  54. #header {
  55. padding-top:30px;
  56. }
  57. #header-content { padding-bottom:46px; }
  58. #branding {
  59. text-transform:uppercase;
  60. height:58px;
  61. float:left;
  62. width:635px;
  63. }
  64. #blog-title {
  65. background:transparent url('../img/title-separator.gif') no-repeat 100% 0;
  66. display:block;
  67. padding-right:15px;
  68. margin-right:10px;
  69. float:left;
  70. font:bold 22px Arial;
  71. line-height:58px;
  72. }
  73. #blog-title a { color:#7893B1;}
  74. #blog-title a:hover { color:#B0C6E0;}
  75. #blog-description {
  76. font-size:12px;
  77. float:left;
  78. line-height:58px;
  79. color:#B0C6E0;
  80. }
  81. #top-search {
  82. float:right;
  83. margin-top:17px;
  84. background:transparent url('../img/top-search-bg.gif') no-repeat 0 0;
  85. width:309px;
  86. height:30px;
  87. position:relative;
  88. }
  89. #top-search input {
  90. border:medium none;
  91. background:transparent;
  92. position:absolute;
  93. color:#BEBEBE;
  94. }
  95. #top-search .input-text {
  96. left:39px;
  97. top:7px;
  98. width:190px;
  99. }
  100. #top-search .input-submit {
  101. width:63px;
  102. height:30px;
  103. padding:0;
  104. right:0;
  105. top:0;
  106. cursor:pointer;
  107. }
  108. /* container */
  109. #top-container { height:247px; }
  110. #featured-posts-wrapper {
  111. float:left;
  112. width:644px;
  113. height:247px;
  114. }
  115. #featured-posts .title {
  116. font-size:16px;
  117. border-bottom:3px solid #8EAFD4;
  118. padding-bottom:3px;
  119. margin-bottom:3px;
  120. }
  121. #featured-posts .title a { color:#5986B8; }
  122. #featured-posts .entry { color:#FFFFFF; }
  123. .post, .navigation, .commentlist, .respond {
  124. padding-right:10px;
  125. }
  126. .pagetitle {
  127. font-size:18px;
  128. color:#566B83;
  129. margin-bottom:10px;
  130. }
  131. .post .title {
  132. color:#4D7CB3;
  133. font-size:16px;
  134. margin-bottom:5px;
  135. }
  136. .post .meta, .entry-meta { margin-bottom:10px; }
  137. .more-link span,
  138. p.bMore a {
  139. display:block;
  140. color:#FFFFFF;
  141. text-align:center;
  142. width:65px;
  143. height:25px;
  144. line-height:25px;
  145. padding:0 10px;
  146. background-color:#5986B8;
  147. border:1px solid #4D729D;
  148. }
  149. .entry { line-height:18px; }
  150. /* content */
  151. #content {
  152. float:left;
  153. width:596px;
  154. }
  155. .mini-post {
  156. float:left;
  157. width:276px;
  158. height:312px;
  159. background:#FFFFFF url('../img/mini-post-bg.gif') repeat-x 0 0;
  160. padding:9px 7px;
  161. overflow:hidden;
  162. }
  163. .odd { margin-right:8px; }
  164. .mini-post .title {
  165. float:left;
  166. width:180px;
  167. font-size:12px;
  168. height:17px;
  169. margin-bottom:17px;
  170. overflow:hidden;
  171. }
  172. .mini-post .title a { color:#4D7CB3; }
  173. .mini-post .title a:hover { color:#555555; }
  174. .mini-post .datepost {
  175. float:right;
  176. width:96px;
  177. text-align:right;
  178. }
  179. .mini-post .thumbnail {
  180. clear:both;
  181. padding:5px;
  182. background-color:#FFFFFF;
  183. margin-bottom:15px;
  184. }
  185. .mini-post .entry { clear:both; }
  186. .mini-post .more-link span {
  187. margin-top:15px;
  188. }
  189. .no-image { background:#FFFFFF url('../img/mini-post-no-image-bg.gif') repeat-x 0 0 !important; }
  190. /* post navigation */
  191. #post-nav {
  192. text-transform:uppercase;
  193. font-size:11px;
  194. margin-bottom:10px;
  195. padding-right:10px;
  196. }
  197. #post-nav a {
  198. display:block;
  199. background-color:#719FD2;
  200. border:1px solid #4D729D;
  201. color:#FFFFFF;
  202. padding:8px 13px;
  203. }
  204. #nav-next-post {
  205. float:right;
  206. margin-left:10px;
  207. }
  208. #nav-prev-post {
  209. float:left;
  210. margin-left:10px;
  211. }
  212. /* sidebar */
  213. #sidebar {
  214. float:left;
  215. width:360px;
  216. }
  217. .widget { margin-bottom:10px; }
  218. .widget-title {
  219. background:#FFFFFF url('../img/widget-title-bg.gif') repeat-y 0 0;
  220. height:30px;
  221. font-size:12px;
  222. line-height:30px;
  223. color:#6B92C0;
  224. border-top:1px solid #B3C6DB;
  225. border-bottom:1px solid #B3C6DB;
  226. padding:0 5px;
  227. }
  228. .widget-content {
  229. background:#FFFFFF url('../img/widget-content-bg.gif') repeat-x 0 0;
  230. padding:0 5px;
  231. }
  232. .widget-content a { color:#566B83; }
  233. .widget-content li {
  234. padding:10px 0;
  235. border-bottom:1px solid #D8E4F0;
  236. }
  237. .widget-content li li {
  238. border:none;
  239. padding:10px 0 0 10px;
  240. }
  241. #secondary .widget-title { background-image:url('../img/widget-small-title-bg.gif'); }
  242. #calendar_wrap { padding-top:5px; }
  243. /* footer */
  244. #footer {
  245. text-transform:uppercase;
  246. height:31px;
  247. padding-top:8px;
  248. line-height:21px;
  249. color:#5986B8;
  250. }
  251. #footer a { color:#566B83; }
  252. #footer a:hover { color:#719FD2; }
  253. #blog-name {
  254. background:#5882b2 url('../img/blog-name-left-bg.gif') no-repeat 100% 0;
  255. float:left;
  256. display:block;
  257. height:24px;
  258. font-size:12px;
  259. color:#FFFFFF;
  260. line-height:24px;
  261. padding:0 10px 0 5px;
  262. margin-right:10px;
  263. }