thisizmonster

CSS for bg change

Sep 13th, 2011
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.76 KB | None | 0 0
  1. /*  
  2. Theme Name: drupal2u
  3. Theme URL: http://drupal2u.com/
  4. Description: Fixed-width, two colums, right sidebar.
  5. Author: drupal2u
  6. Author URI: http://drupal2u.com/
  7. Tags: two-columns, fixed-width, right-sidebar
  8. */
  9.  
  10. body {  font-family: Tahoma; margin:0; padding:0; color:#182028; font-size:12px; width:100%; background: url(http://osc4.template-help.com/wt_30594/images/left.jpg) repeat-x left top #fdfeff; text-align:left
  11. }
  12. form {margin:0;  padding:0;
  13. }
  14. img {border:0px
  15. }
  16. a { color:#db0101; font-size:12px; text-decoration:none
  17. }
  18. a:hover {text-decoration:underline; color:#db0101
  19. }
  20. ul{margin:0px; padding:0px; list-style:none;
  21. }
  22. li{margin:0px; padding:0px;
  23. }
  24.  
  25. #wrapper { width:100%
  26. }
  27. /*************************************
  28.     Header
  29. **************************************/
  30. #header { width:100%;
  31. }
  32. #header_in { width: 1000px; padding: 0px; margin:0px auto;  height:175px;
  33. }
  34. #logo { width:189px; height:99px; float:left; padding:18px 0 13px 13px; font-size:0px
  35. }
  36. #description { width:320px; padding:35px 0 0 50px; float:left; line-height:18px; font-size:14px; font-family:Tahoma; color:#b6c1cc
  37. }
  38. #description span { color:#dbe1e7
  39. }
  40. #description a {font-size:20px; font-family:Tahoma; color:#db0101; text-transform:uppercase; font-weight:bold; text-decoration:none
  41. }
  42. #description .upper  { color:#FFFFFF; text-transform:uppercase; font-size:20px;
  43. }
  44. #description .free  { color:#db0101; text-transform:uppercase; font-size:19px; font-weight:bold
  45. }
  46.  
  47.  
  48. .clear { clear:both; font-size:0px; height:1px;
  49. }
  50.  
  51. /*************************************
  52.     Subscribe form
  53. **************************************/
  54. #subscribe {width:404px; float: right; padding-top:18px; font-family:Tahoma; font-size:12px; color:#dbe1e7;
  55. }
  56. #subscribe a { font-family:Tahoma; font-size:12px; color:#dbe1e7; text-decoration:none
  57. }
  58. .sbutton {width:13px; height:28px; background:url(images/sbutton.gif) no-repeat; border:0px; cursor:pointer
  59. }
  60. .via_mail {font-family:Tahoma; font-size:12px; color:#182028; background:url(images/viamail_bg.gif) no-repeat left top; width:128px; height:23px; padding:5px 0 0 13px; border:0px; float:left; margin-right:9px
  61. }
  62. #searchform {padding:0px; margin:0px
  63. }
  64. #searchform .s { font-family:Tahoma; font-size:12px; color:#182028; background:url(images/search_bg.gif) no-repeat left top; width:352px; height:23px; padding:7px 0 0 14px; border:0px; float:left; margin-right:5px
  65. }
  66. #searchform .button { width:21px; height:30px; background:url(images/search_button.gif) no-repeat; border:0px
  67. }
  68.  
  69. /*************************************
  70.     nav
  71. **************************************/
  72. #nav { padding:0px; margin:0px; height:40px
  73. }
  74. #nav ul{margin:0px; padding:0px; list-style:none;
  75. }
  76. #nav li { float: left; list-style-type: none; margin: 0px 2px 0px 0px; padding: 0px; background: url(images/nav_li_bg.png) top left no-repeat;
  77. }
  78. #nav li:hover { background: url(images/nav_li_bg_hover.png) top left no-repeat;
  79. }
  80. #nav ul li a {font-family:Tahoma; font-size: 13px; font-weight:bold; text-decoration: none; display: block; padding: 13px 27px; margin: 0px; color: #fdfeff; background: url(images/nav_right.png) right top no-repeat; text-align:center
  81. }
  82. #nav ul li a:hover {color: #fdfeff; background: url(images/nav_right_hover.png) right top no-repeat; text-align:center; text-decoration:none
  83. }
  84. #nav ul li.current_page_item { background: url(images/nav_li_bg_hover.png) top left no-repeat;
  85. }
  86. #nav ul li.current_page_item a { color: #fdfeff; background: url(images/nav_right_hover.png) right top no-repeat;; text-decoration: none;
  87. }
  88.  
  89. /*************************************
  90.     Footer
  91. **************************************/
  92. #footer { width:100%; background:url(images/footer_bg.gif) repeat-x left top #182028
  93. }
  94. #footer_in {    width: 974px; padding:0px 13px; margin: 0px auto; background:url(images/footer_bg.gif) repeat-x left top #182028; font-family:Tahoma; font-size:11px; color:#808a94
  95. }
  96. #footer_in a {  color: #808a94; text-decoration:underline; font-size:11px
  97. }
  98. #footer_in a:hover { text-decoration: none;
  99. }
  100. #footer_nav { text-align:right; width:636px; float:left; padding-top:30px
  101. }
  102. #footer_nav ul { padding: 0px; margin:0px; list-style: none;
  103. }
  104. #footer_nav li { list-style: none; margin: 0px; padding:0px 6px 0 10px; display:inline; border-left: 1px #808a94 solid
  105. }
  106. #footer_nav li a {  color:#808a94; margin:0px; padding:0px; text-decoration: none;  font-size: 13px; font-family: Tahoma;
  107. }
  108. #footer_nav li a:hover {color: #808a94; text-decoration:underline  
  109. }
  110. #footer_nav li.current_page_item {color: #808a94
  111. }
  112. #footer_nav .current_page_item a {color: #808a94; text-decoration:underline
  113. }
  114.  
  115. /*************************************
  116.     Main Container
  117. **************************************/
  118. #container { width:100%;
  119. }
  120. #container_in { width:1000px; text-align: left; margin: 0 auto; padding:19px 0 29px 0px;
  121. }
  122.    
  123.  
  124.  
  125. /*************************************
  126.     Sidebar
  127. **************************************/
  128. #sidebar {float: right; width: 280px; margin: 0px; padding: 0px;
  129. }
  130. #sponsors { background:#dbe1e7
  131. }
  132. #sponsors b { font-size:16px
  133. }
  134. #sponsors span { color:#db0101
  135. }
  136. .ads { float:left; padding:0px 4px 4px 0px
  137. }
  138. .sub_package {display:none
  139. }
  140.  
  141. #tab { font-size:12px; color:#182028
  142. }
  143. #tab h2 { padding:0px; margin:0px; display:none; font-size:0px
  144. }
  145. #tab ul, #news ul, #popul ul {margin:0px; padding:0px; list-style:none;
  146. }
  147. #tab ul li, #news ul li, #popul ul li {margin:0px; padding:0px 0px 0px 0px; background:none
  148. }
  149. #tab ul li ul li {margin:0px; padding:3px 0 4px 19px; background:url(images/tab_li.gif) no-repeat left top
  150. }
  151. #tab a { font-family:Tahoma; font-size:12px; font-weight:bold; color:#182028; text-decoration:none
  152. }
  153. #tab a:hover { color:#0187db; text-decoration:underline
  154. }
  155. #news ul li ul li, #popul ul li ul li {margin:0px; padding:3px 0 4px 19px; background:url(images/news_li.gif) no-repeat left top
  156. }
  157. #news a, #popul a { font-family:Tahoma; font-size:12px; font-weight:bold; color:#182028; text-decoration:none
  158. }
  159. #news a:hover, #popul a:hover { color:#db0101; text-decoration:underline
  160. }
  161.  
  162. .tabs { background:url(images/tabs_bg.gif) repeat-y left top; border-top:1px solid #dbe1e7
  163. }
  164. .tabs_in { padding: 14px 13px 6px 13px
  165. }
  166.  
  167. #side { font-family:Tahoma; font-size:12px; color:#182028; background:url(images/tabs_bg.gif) repeat-y left top; padding:0px; margin:0px
  168. }
  169. #side a {text-decoration: none; color: #182028; font-size: 12px; font-family:Tahoma; font-weight:bold
  170. }
  171. #side a:hover {text-decoration: underline; color: #0187db;
  172. }
  173. #side h2 { margin: 0px; padding: 19px 15px 12px 44px; font-size: 16px; font-family: Tahoma; font-weight: bold; color: #FFFFFF; background: url(images/h2_bg.png) no-repeat left top
  174. }
  175. #side ul {list-style-type: none; margin: 0px; padding: 0px;
  176. }
  177. #side ul li {list-style-type: none; margin: 0px; padding: 0px
  178. }
  179. #side ul li ul {list-style-type: none; margin: 0px; padding: 10px 13px 16px 13px; background: url(images/tabs_bottom.gif) no-repeat left bottom
  180. }
  181. #side ul li ul li ul {list-style-type: none; margin: 0px; padding: 0px; background: none
  182. }
  183. #side ul li ul li { margin:0px; padding:3px 0 4px 19px; background:url(images/tab_li.gif) no-repeat left top
  184. }
  185.  
  186.  
  187.  
  188. /*************************************
  189.     Content
  190. **************************************/
  191. #content {  width: 701px; float: left;  padding: 0px;
  192. }
  193. .white_top { width:701px; position:absolute; height:3px; left:0px; top:117px; background:#fdfeff
  194. }
  195.  
  196. .row { clear: both; height:1px; background:#dbe1e7
  197. }
  198. .col1 { width: 340px; float: left; padding-top:1px;
  199. }
  200. .col2 { width: 340px; float: right;
  201. }
  202. .post {margin: 0px 0 10px 0
  203. }
  204.  
  205. .postdate { font-size: 11px; color: #4c5762; font-family:Tahoma; padding:17px 13px 2px 13px
  206. }
  207. .title { font-family: Tahoma; font-size: 20px; color: #db0101; padding:2px 13px 3px 13px
  208. }
  209. .title a {text-decoration: none; color: #db0101; font-family: Tahoma; font-size: 20px;
  210. }
  211. .title a:hover {text-decoration: underline; color: #db0101;
  212. }
  213.  
  214. .vertical { background:url(images/vertical_line.gif) repeat-y left top; border-bottom:1px #dbe1e7 solid
  215. }
  216.  
  217.  
  218.  
  219.  
  220. .pagetitle {margin-bottom: 8px;  padding: 0px 13px; color: #000000;
  221. }
  222. .title_single { font-family: Tahoma; font-size: 16px; color: #293034; padding-top:3px; width:470px; float:left
  223. }
  224. .entry {line-height: 15px; font-size: 12px; color: #182028; padding:15px 13px 12px 13px; font-family:Tahoma
  225. }
  226. .post p {padding-bottom:10px; margin:0px
  227. }
  228. .postmeta { font-size: 11px; padding: 8px 0px 8px 13px; color:#4c5762
  229. }
  230. #cats { font-family:tahoma; font-size:12px; color:#0187db; font-weight:bold
  231. }
  232. #cats a { font-family:tahoma; font-size:12px; color:#0187db; font-weight:bold; text-decoration:none
  233. }
  234. .comments_1 { width:37px; height:37px; background:url(images/comments_bg.gif) no-repeat left center; text-align:center; line-height:32px; font-size:14px; font-weight:bold; color:#293034
  235. }
  236. a.comments_1 { color:#FF0000
  237. }
  238. .post img { max-width: 300px; margin:0 16px 8px 0
  239. }
  240. .post b, .post strong { font-size:12px; color:#182028
  241. }
  242. .size-full { border:2px #9ea8b2 solid;
  243. }
  244. .aligncenter, div.aligncenter { display: block; margin-left: auto;  margin-right: auto;
  245. }
  246. .alignleft { float: left;
  247. }
  248. .alignright {  float: right;
  249. }
  250.  
  251.  
  252. .navigation {padding: 20px 0 10px 0; text-align:center
  253. }
  254. .left_arrow { background:url(images/left_arrow.gif) no-repeat left center; padding-left:12px
  255. }
  256. .right_arrow { background:url(images/right_arrow.gif) no-repeat right center; padding-right:12px
  257. }
  258.    
  259. /* wp-pagenavi style overriding */
  260. .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
  261.     color: #000000 !important;
  262.     background:#FFFFFF !important;
  263.     border: 0px !important;
  264.     font-size: 13px !important;
  265.     padding:  4px 6px !important; margin-right:4px
  266. }
  267. .wp-pagenavi a:hover {
  268.     color: #000000 !important;
  269.     background:#FFFFFF !important;
  270.     border: 0px !important;
  271.    
  272. }
  273. .wp-pagenavi span.pages {
  274.     color: #000000 !important;
  275.     background:#FFFFFF !important;
  276.     border: 0px !important;
  277.     font-size: 13px !important;
  278.     padding:  4px 6px !important; margin-right:4px
  279. }
  280. .wp-pagenavi span.current {
  281.     color: #FFFFFF !important;
  282.     background:#0187db !important;
  283.     border: 0px !important;
  284.     font-size: 13px !important;
  285.     padding:  4px 6px !important;
  286.     font-weight: bold; margin-right:4px
  287. }
  288. .wp-pagenavi span {
  289.     background:transparent !important;
  290. }
  291. .extend {
  292. background-color:#FFFFFF;
  293. border:5px solid #000000;
  294. background:transparent !important;
  295. color:#000000;
  296. margin:2px;
  297. padding:2px 4px;
  298. }
  299.  
  300.  
  301.  
  302.  
  303. /*************************************
  304.     Top Search Form
  305. **************************************/
  306. /*Search box Rounded Corner start */
  307. #xsnazzy {margin:0 0 10px 0;}
  308.  
  309. .xtop, .xbottom {display:block; font-size:1px;}
  310. .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
  311. .xb1, .xb2, .xb3 {height:1px;}
  312. .xb1 {margin:0 5px;}
  313. .xb2 {margin:0 3px;}
  314. .xb3 {margin:0 2px;}
  315. .xb4 {height:2px; margin:0 1px;}
  316. .xboxcontent {display:block; padding:5px;}
  317. /*Search box Rounded Corner End */
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326.  
  327. /*********************************************
  328.         Previous/Next Page Navigation
  329. *********************************************/
  330. .page-nav {
  331.     clear: both; /* To clear any floats */
  332.     margin: 15px 0px;
  333.     padding: 2px 0px;
  334.     height: 22px;
  335. }
  336. .nav-previous {
  337.     width: 249px;
  338.     float: left;
  339.     text-align: left;
  340.     margin: 2px 0px;
  341. }
  342. .nav-next {
  343.     width: 249px;
  344.     float: right;
  345.     text-align: right;
  346.     margin: 2px 0px;
  347. }
  348. .page-nav a {
  349.     text-decoration: none;
  350. }
  351. .nav-previous a {
  352.     padding-left: 10px;
  353. }
  354. .nav-next a {
  355.     padding-right: 10px;
  356. }
  357. /**************************************
  358.     Comments
  359. **************************************
  360. **************************************/
  361. #comments-wrap {
  362. }
  363.  
  364. .textarea {}
  365. .Cbutton {
  366.     border:none;
  367.     font:bold 11px Arial, Helvetica, sans-serif;
  368.     padding:4px;}
  369.  
  370. /*  Headers */
  371.  
  372. #comments-wrap h6 {
  373.     font-size: 20px;
  374. }
  375.  
  376. /*  Comments    */
  377.  
  378. .commentlist { 
  379. }
  380. .thecomment {
  381.     margin: 0px 0px 0px 0px;
  382.     overflow: hidden;
  383. }
  384. .comment-body {
  385.     margin: 0px; padding:5px 10px 20px 0px;
  386. }
  387. .comment-metadata {
  388.     padding:5px 0px;
  389. }
  390. .comment-metadata a, .comment-metadata a:visited {
  391. }
  392. .comment-metadata a:hover {
  393. }
  394. .authorcomment {
  395.     margin: 0px 0px 10px 0px;
  396.     font-size:12px;
  397.     overflow: hidden;
  398.     height:100%;
  399. }
  400. .authorcomment .comment-body {
  401.     border: none;
  402.    
  403.    
  404. }
  405. .authorcomment .comment-metadata {
  406.     padding: 11px 10px;
  407. }
  408.  
  409.  
  410.  
  411.  
  412.    
  413. h2 a {  color: #db0101; text-decoration: underline; font-size:20px; font-weight:normal
  414. }
  415. h2 a:hover {
  416.     text-decoration: none;
  417.     }
  418.    
  419. h6 {
  420.     font-size: 24px;
  421.     font-family: Georgia, "Times New Roman", Times, serif;
  422.     font-weight: normal;
  423.     padding: 0px 0 10px 0px;
  424.     line-height: 150%;
  425.     margin: 0px;
  426. }
  427.    
  428. h2 {
  429.     font-size: 24px;
  430.     font-family: Georgia, "Times New Roman", Times, serif;
  431.     font-weight: normal;
  432.     padding: 10px 0px;
  433.     line-height: 150%;
  434.     margin: 0px;
  435. }
  436.  
  437. .addthis_container { margin-top:15px
  438. }
Advertisement
Add Comment
Please, Sign In to add comment