/b2evolution/nonzero/rsc/css/style.css

http://laibcomsthemes.googlecode.com/ · CSS · 514 lines · 395 code · 79 blank · 40 comment · 0 complexity · e16414cca92a8bb94a51b70f3d7d212f 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. Nonzero1.0 by nodethirtythree design
  9. http://www.nodethirtythree.com
  10. missing in a maze
  11. */
  12. /*
  13. This is the main CSS
  14. without the color specific changes.
  15. This is to avoid duplication, make debugging easier,
  16. and minimize the bytes of the files.
  17. */
  18. /* Basic Stuff */
  19. *
  20. {
  21. margin: 0em;
  22. padding: 0em;
  23. }
  24. body
  25. {
  26. background-color: #fff;
  27. color: #585858;
  28. font-size: 9pt;
  29. font-family: "trebuchet ms", helvetica, sans-serif;
  30. }
  31. h1,h2,h3,h4,h5,h6
  32. {
  33. font-weight: normal;
  34. letter-spacing: -1px;
  35. text-transform: lowercase;
  36. }
  37. span h1,
  38. h1 span
  39. {
  40. font-weight: bold;
  41. }
  42. span h1 a,
  43. h1 span a {
  44. text-decoration: none;
  45. color: #fff;
  46. }
  47. span h3,
  48. h3 span
  49. {
  50. font-weight: bold;
  51. }
  52. span h4 a,
  53. h4 span a {
  54. text-decoration: none;
  55. }
  56. span h4,
  57. h4 span
  58. {
  59. font-weight: bold;
  60. }
  61. br.clear
  62. {
  63. clear: both;
  64. }
  65. img
  66. {
  67. padding: 3px;
  68. border: solid 1px #e1e1e1;
  69. }
  70. #secondaryContent_3columns img,
  71. #secondaryContent_2columns img,
  72. .postinfo img {
  73. border: none;
  74. padding: 0;
  75. }
  76. #main_inner ul,
  77. #main_inner ol {
  78. margin-left: 1.3em;
  79. }
  80. img.floatTL
  81. {
  82. float: left;
  83. margin-right: 1.5em;
  84. margin-bottom: 1.5em;
  85. margin-top: 0.5em;
  86. }
  87. a
  88. {
  89. text-decoration: underline;
  90. }
  91. a:hover
  92. {
  93. text-decoration: none;
  94. }
  95. .widget_core_free_html ul,
  96. ul.links
  97. {
  98. list-style: none;
  99. }
  100. .widget_core_free_html ul li.first,
  101. ul.links li.first
  102. {
  103. }
  104. section,
  105. .bText ul li,
  106. .bText ol li,
  107. .widget_core_free_html ul li,
  108. ul.links li,
  109. blockquote,
  110. p
  111. {
  112. line-height: 1.7em;
  113. }
  114. /* Header */
  115. #header
  116. {
  117. width:100%;
  118. height:122px;
  119. }
  120. #header_inner
  121. {
  122. position: relative;
  123. width: 950px;
  124. height:122px;
  125. margin: 0 auto;
  126. }
  127. /* Logo */
  128. #logo
  129. {
  130. position: absolute;
  131. bottom: 0.6em;
  132. }
  133. #logo h1
  134. {
  135. display: inline;
  136. color: #fff;
  137. font-size: 2.6em;
  138. }
  139. #logo .widget_core_coll_tagline,
  140. #logo h2
  141. {
  142. display: inline;
  143. padding-left: 0.5em;
  144. font-size: 1.0em;
  145. }
  146. /* Menu */
  147. #menu
  148. {
  149. position: absolute;
  150. right: 0em;
  151. bottom: 0em;
  152. }
  153. #menu ul
  154. {
  155. list-style: none;
  156. }
  157. #menu li
  158. {
  159. float: left;
  160. }
  161. #menu li a
  162. {
  163. margin-left: 0.5em;
  164. display: block;
  165. padding: 1.1em 1.4em 1.0em 1.4em;
  166. border: solid 1px #fff;
  167. color: #616161;
  168. font-weight: bold;
  169. font-size: 1.0em;
  170. text-transform: lowercase;
  171. text-decoration: none;
  172. }
  173. #menu li a.active
  174. {
  175. color: #fff;
  176. }
  177. /* Main */
  178. #main_inner p
  179. {
  180. text-align: justify;
  181. margin-bottom: 2.0em;
  182. }
  183. #main_inner ul
  184. {
  185. margin-bottom: 2.0em;
  186. }
  187. #main_inner
  188. {
  189. position: relative;
  190. width: 950px;
  191. margin: 0 auto;
  192. padding-top: 3.5em;
  193. }
  194. #main_inner h3 a {
  195. text-decoration: none;
  196. }
  197. #main_inner h3,h4
  198. {
  199. border-bottom: dotted 1px #E1E1E1;
  200. position: relative;
  201. }
  202. #main_inner h3
  203. {
  204. font-size: 2.1em;
  205. padding-bottom: 0.1em;
  206. margin-bottom: 0.8em;
  207. }
  208. #main_inner h4
  209. {
  210. font-size: 1.2em;
  211. padding-bottom: 0.175em;
  212. margin-bottom: 1.4em;
  213. margin-top: 0.95em;
  214. }
  215. #main_inner .featurepost {
  216. padding-left: 23px;
  217. padding-right: 10px;
  218. }
  219. #main_inner .featurepost,
  220. #main_inner .post
  221. {
  222. position: relative;
  223. }
  224. #main_inner .featurepost h3,
  225. #main_inner .post h3
  226. {
  227. position: relative;
  228. font-size: 1.7em;
  229. padding-bottom: 1.2em;
  230. }
  231. #main_inner .featurepost ul.post_info,
  232. #main_inner .post ul.post_info
  233. {
  234. list-style: none;
  235. position: absolute;
  236. top: 3em;
  237. font-size: 0.88em;
  238. }
  239. #main_inner .featurepost ul.post_info li,
  240. #main_inner .post ul.post_info li
  241. {
  242. background-position: 0em -0.1em;
  243. background-repeat: no-repeat;
  244. display: inline;
  245. padding-left: 18px;
  246. }
  247. #main_inner .featurepost ul.post_info li.date,
  248. #main_inner .post ul.post_info li.date
  249. {
  250. }
  251. #main_inner .featurepost ul.post_info li.comments,
  252. #main_inner .post ul.post_info li.comments
  253. {
  254. margin-left: 1.1em;
  255. }
  256. /* Footer */
  257. #footer
  258. {
  259. width: 950px;
  260. margin: 0 auto;
  261. text-align: center;
  262. clear: both;
  263. border-top: dotted 1px #E1E1E1;
  264. margin-top: 1.0em;
  265. margin-bottom: 1.0em;
  266. padding-top: 1.0em;
  267. text-transform: lowercase;
  268. }
  269. /* Search */
  270. .widget_core_coll_search_form input.submit,
  271. input.button
  272. {
  273. color: #fff;
  274. font-weight: bold;
  275. text-transform: lowercase;
  276. font-size: 0.8em;
  277. height: 2.0em;
  278. }
  279. .widget_core_coll_search_form input.SearchField,
  280. input.text
  281. {
  282. border: solid 1px #F1F1F1;
  283. font-size: 1.0em;
  284. padding: 0.25em 0.25em 0.25em 0.25em;
  285. }
  286. .search_options,
  287. #search
  288. {
  289. position: relative;
  290. width: 100%;
  291. margin-bottom: 2.0em;
  292. }
  293. .widget_core_coll_search_form input.SearchField,
  294. #search input.text
  295. {
  296. /* position: absolute; */
  297. top: 0em;
  298. left: 0em;
  299. width: 9.5em;
  300. }
  301. .widget_core_coll_search_form input.submit,
  302. #search input.button
  303. {
  304. /* position: absolute; */
  305. top: 0em;
  306. right: 0em;
  307. min-width: 2.0em;
  308. /* max-width: 2.5em; */
  309. }
  310. /* Restyling blockquote */
  311. blockquote {
  312. padding: 1em;
  313. padding-bottom: 0;
  314. margin-left: 2.5em;
  315. margin-right: 2.5em;
  316. margin-bottom: 1em;
  317. }
  318. blockquote p {
  319. margin-bottom: 0;
  320. }
  321. /* Restyling blockquote */
  322. /* Fixing bCommentSmallPrint */
  323. div.bCommentSmallPrint {
  324. font-size: 0.88em;
  325. }
  326. div.bCommentSmallPrint img {
  327. border: none;
  328. vertical-align: bottom;
  329. }
  330. /* Fixing bCommentSmallPrint */
  331. /* Fixing Pagetop Container */
  332. #pagetop {
  333. text-align: right;
  334. float: right;
  335. /* width: 600px; */
  336. margin: 5px 12px 0 0;
  337. }
  338. #pagetop ul {
  339. list-style: none;
  340. padding: 0;
  341. margin: 0;
  342. }
  343. #pagetop li {
  344. display: inline;
  345. }
  346. #pagetop li a {
  347. padding: 0 0 0 25px;
  348. color: #fff;
  349. text-decoration: none;
  350. text-transform: lowercase;
  351. }
  352. #pagetop li a:hover {
  353. text-decoration: none;
  354. }
  355. /* Fixing Pagetop Container */
  356. /* LAYOUT - 3 COLUMNS */
  357. /* Primary content */
  358. #primaryContent_3columns
  359. {
  360. position: relative;
  361. margin-right: 34em;
  362. }
  363. #columnA_3columns
  364. {
  365. position: relative;
  366. float: left;
  367. width: 100%;
  368. margin-right: -34em;
  369. padding-right: 2em;
  370. }
  371. /* Secondary Content */
  372. #secondaryContent_3columns
  373. {
  374. float: right;
  375. }
  376. #columnB_3columns
  377. {
  378. width: 13.0em;
  379. float: left;
  380. padding: 0em 2em 0.5em 2em;
  381. border-left: dotted 1px #E1E1E1;
  382. }
  383. #columnC_3columns
  384. {
  385. width: 13.0em;
  386. float: left;
  387. padding: 0em 0em 0.5em 2em;
  388. border-left: dotted 1px #E1E1E1;
  389. }
  390. #columnD_widecolumn
  391. {
  392. width: 26.0em;
  393. padding: 0em 2em 0.5em 2em;
  394. border-left: dotted 1px #E1E1E1;
  395. }
  396. /* LAYOUT - 2 COLUMNS */
  397. /* Primary content */
  398. #primaryContent_2columns
  399. {
  400. position: relative;
  401. margin-right: 17em;
  402. }
  403. #columnA_2columns
  404. {
  405. position: relative;
  406. float: left;
  407. width: 100%;
  408. margin-right: -17em;
  409. padding-right: 2em;
  410. }
  411. /* Secondary Content */
  412. #secondaryContent_2columns
  413. {
  414. float: right;
  415. }
  416. #columnC_2columns
  417. {
  418. width: 13.0em;
  419. float: left;
  420. padding: 0em 0em 0.5em 2em;
  421. border-left: dotted 1px #E1E1E1;
  422. }
  423. /* LAYOUT - 1 COLUMN */
  424. /* Primary content */
  425. #primaryContent_1column
  426. {
  427. position: relative;
  428. }
  429. #columnA_1column
  430. {
  431. position: relative;
  432. width: 100%;
  433. }