northside

theme

Oct 17th, 2012
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.92 KB | None | 0 0
  1. /*
  2. Theme Name: NSBC
  3. Theme URI: http://wordpress.org/
  4. Description: Northside Baptist Church
  5. Author: Nick Serra
  6. Version: 1.0
  7. Tags: church
  8. */
  9.  
  10. html, body {
  11. background:url('images/bodybg.jpg') repeat 0 0 #f1ebe0;
  12. color:#3a3a3a;
  13. font-weight: normal;
  14. font-style: normal;
  15. line-height:normal;
  16. font-family: 'ConduitITCLight', sans-serif;
  17. font-size-adjust: 0.44;
  18. font-size:13px;
  19. height:100%;
  20. }
  21.  
  22. .plain {
  23. font-family:sans-serif;
  24. font-size:14px;
  25. }
  26.  
  27. #container {
  28. min-height:100%;
  29. position:relative;
  30. }
  31.  
  32. a, a:hover, a:visited, a:active {
  33. text-decoration:none;
  34. color:#005752;
  35. }
  36.  
  37. strong {
  38. color:#005752;
  39. font-weight:normal;
  40. }
  41.  
  42. .wrapper {
  43. width:960px;
  44. margin:0 auto;
  45. }
  46. .wrapper.tec {
  47. padding-top: 20px;
  48. padding-bottom: 58px;
  49. }
  50.  
  51. #header {
  52. height:126px;
  53. background:url('images/topbg.jpg') repeat-x center top transparent;
  54. }
  55.  
  56. h1 {
  57. background:url('images/logo.gif') no-repeat 0 0 transparent;
  58. height:45px;
  59. width:222px;
  60. text-indent:-999em;
  61. margin-top:32px;
  62. float:left;
  63. }
  64.  
  65. h1 a {
  66. display:block;
  67. height:45px;
  68. width:222px;
  69. }
  70.  
  71. h2 {
  72. font-size:55px;
  73. font-weight:normal;
  74. color:#613716;
  75. margin-bottom:10px;
  76. }
  77.  
  78. h3 {
  79. font-size:41px;
  80. color:#8a5837;
  81. font-weight:normal;
  82. }
  83.  
  84. h4 {
  85. font-size:30px;
  86. font-weight:normal;
  87. }
  88.  
  89. h5 {
  90. color:#025c57;
  91. text-transform:uppercase;
  92. font-size:23px;
  93. font-weight:normal;
  94. }
  95.  
  96. h6 {
  97. font-size:18px;
  98. color:#4a4a4a;
  99. font-weight:normal;
  100. padding-bottom:14px;
  101. margin-bottom:18px;
  102. border-bottom:1px dashed #4a4a4a;
  103. }
  104.  
  105. #nav {
  106. background:url('images/navbg.jpg') repeat-x 0 0 transparent;
  107. height:45px;
  108. }
  109.  
  110. #menu, #menu-events {
  111. background:url('images/navsep.gif') no-repeat left center transparent;
  112. list-style-type:none;
  113. float:left;
  114. }
  115.  
  116. #menu li, #menu-events li {
  117. background:url('images/navsep.gif') no-repeat right center transparent;
  118. float:left;
  119. height:45px;
  120. line-height:45px;
  121. }
  122.  
  123. #menu li a, #menu-events li a {
  124. text-transform:uppercase;
  125. font-size:15px;
  126. color:#f7eac4;
  127. display:block;
  128. height:100%;
  129. padding:0 20px;
  130. }
  131.  
  132. #menu-events li#menu-item-880 a {
  133. color: #efbe16;
  134. background:url('images/menuactive.png') no-repeat center center transparent;
  135. }
  136.  
  137. #menu li a:hover, #menu-events li a:hover {
  138. color:#efbe16;
  139. }
  140.  
  141. #menu li.current_page_item a, #menu li.current_page_parent a, #menu li.current-menu-item a, #menu-events li.current_page_item a {
  142. background:url('images/menuactive.png') no-repeat center center transparent;
  143. color:#efbe16;
  144. }
  145.  
  146. .index #wood {
  147. height:300px;
  148. background:url('images/woodbg.jpg') repeat-x center top transparent;
  149. }
  150.  
  151. .index #burn {
  152. background:url('images/burn.png') no-repeat center top transparent;
  153. height:300px;
  154. }
  155.  
  156. .subpage #wood {
  157. height:25px;
  158. background:url('images/woodbg.jpg') repeat-x center top transparent;
  159. border-bottom:1px solid #015b56;
  160. }
  161.  
  162.  
  163. #video {
  164. background:url('images/videobg.gif') no-repeat 0 0 transparent;
  165. height:277px;
  166. width:430px;
  167. margin-left:-10px;
  168. }
  169.  
  170. #welcome {
  171. height:257px;
  172. background:url('images/welcomebg.jpg') no-repeat right bottom transparent;
  173. padding:40px 100px 0 20px;
  174. width:300px;
  175. }
  176.  
  177. .left {
  178. float:left;
  179. }
  180.  
  181. #map {
  182. height:226px;
  183. width:273px;
  184. background:url('images/mapbg.png') no-repeat right bottom transparent;
  185. position:relative;
  186. }
  187.  
  188. #google_map {
  189. position:absolute;
  190. width:204px;
  191. height:157px;
  192. left:34px;
  193. top:34px;
  194. }
  195.  
  196. #bottomright {
  197. padding:20px;
  198. }
  199.  
  200. #contact {
  201. width:220px;
  202. }
  203.  
  204. #contactinfo {
  205. border-top:1px dashed #4a4a4a;
  206. font-style:italic;
  207. margin-top:10px;
  208. padding-top:10px;
  209. }
  210.  
  211. #slideshow {
  212. background:url('images/cracks.png') no-repeat center center transparent;
  213. width:520px;
  214. margin-left:18px;
  215. height:300px;
  216. position:relative;
  217. }
  218.  
  219. .arrow {
  220. position:absolute;
  221. height:171px;
  222. width:35px;
  223. display:block;
  224. margin-top:-85px;
  225. top:50%;
  226. }
  227.  
  228. #leftarrow {
  229. left:25px;
  230. background:url('images/leftarrow.png') no-repeat center center transparent;
  231. }
  232.  
  233. #rightarrow {
  234. background:url('images/rightarrow.png') no-repeat center center transparent;
  235. right:25px;
  236. }
  237.  
  238. #slideshow_mask {
  239. overflow:hidden;
  240. position:relative;
  241. width:384px;
  242. height:255px;
  243. margin:0 auto;
  244. top:10px;
  245. }
  246.  
  247. #slideshow_mask ul {
  248. list-style-type:none;
  249. width:99999px;
  250. position:relative;
  251. }
  252.  
  253. #slideshow_mask ul li {
  254. float:left;
  255. width:384px;
  256. }
  257.  
  258. #search {
  259. margin-top:40px;
  260. float:right;
  261. }
  262.  
  263. #search .input {
  264. width:224px;
  265. height:32px;
  266. background:url('images/search.gif') no-repeat 0 0 transparent;
  267. float:left;
  268. }
  269. #search input {
  270. background:transparent;
  271. width:210px;
  272. float:left;
  273. margin:10px 0 0 10px;
  274. }
  275.  
  276. #search button {
  277. width:38px;
  278. height:32px;
  279. background:url('images/gobutton.gif') no-repeat 0 0 transparent;
  280. }
  281.  
  282. .subpage #footer {
  283. position:absolute;
  284. bottom:0;
  285. width:100%;
  286. height:58px;
  287. background:url('images/woodbg.jpg') repeat-x center top transparent;
  288. border-top:1px solid #015b56;
  289. font-size:11px;
  290. color:#fff;
  291. }
  292.  
  293. .subpage #footer p {
  294. margin-top:20px;
  295. }
  296.  
  297. .subpage #content {
  298. padding-bottom:58px;
  299. padding-top:20px;
  300. }
  301.  
  302. .subnav {
  303. background-color:#b9b29d;
  304. background-color: rgba(185, 178, 157, 0.3);
  305. background-image:url('images/subnavarrow.gif');
  306. background-position:right bottom;
  307. background-repeat:no-repeat;
  308. width:294px;
  309. padding:8px 8px 25px 8px;
  310. color:#4a4a4a;
  311. margin-bottom:20px;
  312. }
  313.  
  314. .subnav a.post {
  315. color:#3a3a3a;
  316. text-decoration:none;
  317. }
  318.  
  319. .subnav ul {
  320. list-style-type:none;
  321. }
  322.  
  323. .subnav ul li {
  324. width:295px;
  325. height:31px;
  326. margin-bottom:5px;
  327. }
  328.  
  329. .subnav ul li a {
  330. width:265px;
  331. height:31px;
  332. background-color:#b9b29d;
  333. background-color: rgba(185, 178, 157, 0.3);
  334. background-image:url('images/subnavlistarrow.png');
  335. background-position:8px center;
  336. background-repeat:no-repeat;
  337. font-size:17px;
  338. line-height:28px;
  339. padding-left:30px;
  340. display:block;
  341. }
  342.  
  343. .subnav ul li a:hover, .subnav ul li a.active {
  344. background-color:#958e8b;
  345. background-color: rgba(149, 142, 139, 0.3);
  346. }
  347.  
  348. #content-left {
  349. float:left;
  350. width:625px;
  351. color:#613716;
  352. padding-bottom:50px;
  353. }
  354.  
  355. #content-left p {
  356. line-height:19px;
  357. padding-bottom: 7px;
  358. }
  359.  
  360. #content-right {
  361. float:right;
  362. width:315px;
  363. }
  364.  
  365. .moreposts {
  366. font-size:15px;
  367. text-transform:uppercase;
  368. margin-top:15px;
  369. text-decoration:underline;
  370. display:block;
  371. }
  372.  
  373. #slideshow_nav {
  374. list-style-type:none;
  375. position:absolute;
  376. bottom:14px;
  377. right:68px;
  378. }
  379.  
  380. #slideshow_nav li {
  381. float:left;
  382. margin-right:4px;
  383. }
  384.  
  385. #slideshow_nav li.last {
  386. margin-right:0;
  387. }
  388.  
  389. #slideshow_nav li a {
  390. width:11px;
  391. height:11px;
  392. display:block;
  393. background:url('images/slideshowbutton.png') no-repeat 0 0 transparent;
  394. }
  395.  
  396. #slideshow_nav li a.active {
  397. background:url('images/slideshowbuttonactive.png') no-repeat 0 0 transparent;
  398. }.mediaPost { padding-bottom:30px; }.dlbuttons img { margin:10px 16px 0 0; }.mediaPost h3 { color:#005752; font-size:22px; border-bottom: 1px solid rgba(185, 178, 157, 0.3); padding-bottom:4px; margin-bottom:14px; }
  399. #slideshow_mask img {
  400. width:364px;
  401. height:235px;
  402. padding:9px;
  403. background-color:#f5ecce;
  404. border:1px solid #000000;
  405. }
  406. .input input {border: 0;}
  407.  
  408. }
  409. img.alignright {float:right; margin:0 0 1em 1em}
  410. img.alignleft {float:left; margin:0 1em 1em 0}
  411. img.aligncenter {display: block; margin-left: auto; margin-right: auto}
  412. .alignright {float:right; }
  413. .alignleft {float:left; }
  414. }
  415. }
  416. .aligncenter {display: block; margin-left: auto; margin-right: auto}
Advertisement
Add Comment
Please, Sign In to add comment