Advertisement
Guest User

Untitled

a guest
Dec 22nd, 2012
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.20 KB | None | 0 0
  1. @charset "utf-8";
  2. @charset "utf-8";
  3.  
  4. /* GENERAL */
  5. body { color:#eeeeee; background-color: #000000;}
  6.  
  7. /* HEADINGS */
  8. h1,h2,h3,h4,h5,h6,h7 { color:#ffffff; }
  9. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a { color:#ffffff;}
  10. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover { color:#ffffff;}
  11.  
  12. /* TYPOGRAPHY */
  13. a { color:#FF8014;}
  14. a:hover { color:#FF8014;}
  15. label { color: #909090;}
  16.  
  17. /* WP INSERT IMAGE */
  18. .wp-caption { background: #000000; color: #bbbbbb;}
  19.  
  20. /* STENCILS */
  21. .stencil_skate { background-image: url(gfx/stencils/skate.png); background-repeat: no-repeat; background-position: top center; }
  22. .stencil_turntable { background-image: url(gfx/stencils/turntable.png); background-repeat: no-repeat; background-position: top center; }
  23. .stencil_clothing { background-image: url(gfx/stencils/clothing.png); background-repeat: repeat; background-position: top center; }
  24.  
  25. /* HEADER-1 */
  26. #header-1 { border-bottom: 1px solid #000000; }
  27.  
  28. #header-1 #navigation ul li:hover { background-color: #FF8014;}
  29.  
  30. #header-1 #navigation ul li .menu-description { color: #909090;}
  31. #header-1 #navigation ul li:hover .menu-description { color: #4c0000;}
  32.  
  33. #header-1 #navigation ul li ul li { background-color: #101010;} /* IE7+8 FIX */
  34. #header-1 #navigation ul li ul li.odd { background-color: #101010;}
  35. #header-1 #navigation ul li ul li.even { background-color: #1a1a1a;}
  36.  
  37. #header-1 #navigation ul li ul li:hover { background-color: #FF8014;}
  38.  
  39. #header-1 #navigation .has-sub-menu .top-menu-item { background-image: url(gfx/has_sub_menu_top.png); }
  40. #header-1 #navigation .sub-menu .has-sub-menu { background-image: url(gfx/has_sub_menu_dropdown.png); }
  41.  
  42.  
  43. #header-1 #navigation ul li a { color:#ffffff; }
  44. #header-1 #navigation ul li ul li a { color:#909090; }
  45.  
  46. #header-1 #navigation ul li ul li:hover a { color:#ffffff; }
  47. #header-1 #navigation ul li ul li:hover ul li a { color: #909090;}
  48.  
  49. #header-1 #navigation ul li ul li:hover ul li:hover a { color:#ffffff; }
  50. #header-1 #navigation ul li ul li:hover ul li:hover ul li a { color: #909090;}
  51.  
  52. #header-1 #navigation ul li ul li:hover ul li:hover ul li:hover a { color:#ffffff; }
  53. #header-1 #navigation ul li ul li:hover ul li:hover ul li:hover ul li a { color: #909090;}
  54.  
  55. #header-1 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover a { color:#ffffff; }
  56. #header-1 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover ul li a { color: #909090;}
  57.  
  58. #header-1 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a { color:#ffffff; }
  59. #header-1 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a { color: #909090;}
  60.  
  61. /* HEADER-2 */
  62. #header-2 { border-bottom: 1px solid #000000; }
  63. #header-2 #navigation { border-top: 1px solid #000000; }
  64. #header-2 #navigation li:hover { background-color: #FF8014;}
  65.  
  66. #header-2 #navigation ul li ul li { background-color: #101010;} /* IE7+8 FIX */
  67. #header-2 #navigation ul li ul li.odd { background-color: #101010;}
  68. #header-2 #navigation ul li ul li.even { background-color: #1a1a1a;}
  69.  
  70. #header-2 #navigation ul li ul li:hover { background-color: #FF8014;}
  71.  
  72. #header-2 #navigation .has-sub-menu .top-menu-item { background-image: url(gfx/has_sub_menu_top.png); }
  73. #header-2 #navigation .sub-menu .has-sub-menu { background-image: url(gfx/has_sub_menu_dropdown.png); }
  74.  
  75.  
  76. #header-2 #navigation ul li a { color:#ffffff; }
  77. #header-2 #navigation ul li ul li a { color:#909090; }
  78.  
  79. #header-2 #navigation ul li ul li:hover a { color:#ffffff; }
  80. #header-2 #navigation ul li ul li:hover ul li a { color: #909090;}
  81.  
  82. #header-2 #navigation ul li ul li:hover ul li:hover a { color:#ffffff; }
  83. #header-2 #navigation ul li ul li:hover ul li:hover ul li a { color: #909090;}
  84.  
  85. #header-2 #navigation ul li ul li:hover ul li:hover ul li:hover a { color:#ffffff; }
  86. #header-2 #navigation ul li ul li:hover ul li:hover ul li:hover ul li a { color: #909090;}
  87.  
  88. #header-2 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover a { color:#ffffff; }
  89. #header-2 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover ul li a { color: #909090;}
  90.  
  91. #header-2 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a { color:#ffffff; }
  92. #header-2 #navigation ul li ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a { color: #909090;}
  93.  
  94. #header-2 .contact_holder { color: #909090;}
  95.  
  96.  
  97. /* HEADER-3 */
  98. #header-3 { border-bottom: 1px solid #000000; }
  99.  
  100. .menu_navigation_bg {border-bottom:1px solid #000000;}
  101. .menu_navigation_bg_container { background: rgb(0,0,0); background: rgba(0,0,0,0.9);}
  102.  
  103. #header-3 .sub-menu a { border-left: 1px solid #000000;}
  104.  
  105. #header-3 #navigation ul li:hover { background-color: #FF8014;}
  106.  
  107. #header-3 #navigation ul li .menu-description { color: #909090;}
  108. #header-3 #navigation ul li:hover .menu-description { color: #4c0000;}
  109.  
  110. #header-3 #navigation ul li ul li:hover { background-color: transparent;}
  111.  
  112. #header-3 #navigation .has-sub-menu .top-menu-item { background-image: url(gfx/has_sub_menu_top.png); }
  113. #header-3 #navigation .sub-menu .has-sub-menu { background-image: url(gfx/has_sub_menu_dropdown.png); }
  114.  
  115.  
  116. #header-3 #navigation ul li a { color:#ffffff; }
  117. #header-3 #navigation ul li ul li a { color:#909090; }
  118.  
  119. #header-3 #navigation ul li ul li:hover a { color:#ffffff; }
  120. #header-3 #navigation ul li ul li:hover ul li a { color: #909090;}
  121.  
  122.  
  123.  
  124. #slider-1 .info_line { }
  125. #slider-1 .info_line a { color: #ffffff; background-image: url(gfx/black_75.png);}
  126. #slider-1 .info_line a:hover { background: #FF8014;}
  127.  
  128. #slider-1 .slider_nav { background-image: url(gfx/slider_nav_bg.png);}
  129. #slider-1 .slider_nav li { background-image:url(gfx/slider_1_nav_li.png);}
  130. #slider-1 .slider_nav li.slider_nav_active, #slider-1 .slider_nav li:hover { background-image:url(gfx/slider_1_nav_li_active.png);}
  131.  
  132. /* SLIDER-2 */
  133. #slider-2 .cube_left_arrow {background:url(gfx/slider_6_left_arrow.png); background-repeat: no-repeat; background-position: left center; opacity: 0.4;}
  134. #slider-2 .cube_left_arrow:hover { opacity: 1;}
  135. #slider-2 .cube_button_left {}
  136.  
  137.  
  138. #slider-2 .info_line { }
  139. #slider-2 .info_line a { background: #FF8014; color: #ffffff;}
  140. #slider-2 .info_line a:hover { }
  141.  
  142. /* SLIDER-3 */
  143. #slider-3 ul li .slide_name { color: #ffffff;}
  144. #slider-3 ul li .slide_more { color: #909090;}
  145.  
  146. /* CONTENT */
  147. #content_wrapper { }
  148.  
  149. /* MESSAGE */
  150. .message { border-top: 1px solid #000000; color: #ffffff; }
  151. .message_bottom_line { border-top: 1px solid #000000;}
  152. .message a { background: #FF8014; color: #ffffff;}
  153. .message a:hover { background: #444444; color: #000000;}
  154.  
  155. /* HOMEPAGE */
  156. #home_widget_area h2 { color: #909090; }
  157.  
  158. /* POST COMMENTS */
  159. .comments_number { border-bottom: 1px solid #000000;}
  160. .commentlist { }
  161. .commentlist .comment_wrapper { border-bottom:1px solid #000000; }
  162. .commentlist .comment_wrapper .comment_author { color:#ffffff;}
  163. .commentlist .comment_wrapper .comment_author a { color:#ffffff;}
  164. .commentlist .comment_wrapper .comment_author a:hover { color:#FF8014;}
  165. .commentlist .comment_wrapper .comment-reply-link { color:#ffffff; background: #FF8014; }
  166. .commentlist .comment_wrapper .comment-reply-link:hover { background: #444444; color: #000000;}
  167. .commentlist .comment_wrapper .comment_approval { background: #ffff00; color: #000000;}
  168. .commentlist .comment_wrapper .comment_date { color: #909090;}
  169.  
  170. /* COMMENT FORM */
  171. #comment_form { }
  172. #comment_form input { background: #000000; color: #bbbbbb;}
  173. #comment_form textarea { background: #000000; color: #bbbbbb;}
  174. #comment_form .submit_comment { background-color: #FF8014; color:#ffffff;}
  175. #comment_form .submit_comment:hover {background: #444444; color: #000000;}
  176. #comment_form .cancel-comment-reply a { color: #FF8014;}
  177.  
  178. /* WIDGETS */
  179. ul.tweets li { background:#000000; color: #909090;}
  180. ul.tweets li:after { border-color:#000000 transparent transparent; }
  181. ul.tweets li a {}
  182.  
  183. /* CONTACT FORM */
  184. #contact_form_wrapper { border-top:1px solid #000000; }
  185. #contact_form input { background: #000000; color: #bbbbbb;}
  186. #contact_form textarea { background: #000000; color: #bbbbbb;}
  187. #contact_form .submit_contact { background-color: #FF8014; color:#ffffff;}
  188. #contact_form .submit_contact:hover {background: #444444; color: #000000;}
  189.  
  190. /* PAGINATION */
  191. .fresh-pagination .current { background: #FF8014; }
  192. .fresh-pagination .page {background: #000000; color: #eeeeee;}
  193. .fresh-pagination .previouspostslink { background: #000000; color: #eeeeee;}
  194. .fresh-pagination .nextspostslink { background: #000000; color: #eeeeee;}
  195. .fresh-pagination .page:hover, .previouspostslink:hover, .nextspostslink:hover { background: #FF8014;}
  196.  
  197. /* FOOTER 1 */
  198. #footer1_wrapper { }
  199. #footer1 .footer1_top_line { border-top:1px solid #000000;}
  200. #footer1 a { color:#ffffff;}
  201. #footer1 a:hover { color:#FF8014;}
  202.  
  203. #footer1 .footer_widget h2, #footer1 .footer_widget h2 a { color: #909090;}
  204.  
  205. /* FOOTER 2 */
  206. #footer2_wrapper { }
  207. #footer2 { border-top:1px solid #000000; color: #777777;}
  208. #footer2 a { color: #ffffff;}
  209. #footer2 .footer2_search_input {color: #777777; background: none;}
  210. #footer2 .footer2_search_button { background-image: url(gfx/footer2_search.png) }
  211.  
  212. /* BLOG+PORTFOLIO SINGLE VIEW - GENERAL STYLING */
  213. .post_meta h2 { color: #909090;}
  214. .post_info_single { color: #909090;}
  215. .post_info_single a { color: #ffffff;}
  216. .post_info_single a:hover { color: #FF8014;}
  217.  
  218. /* BLOG CATEGORY - GENERAL STYLING */
  219. #post_area {}
  220. #cat_title {border-bottom:1px solid #000000;}
  221. #cat_title p { color: #909090;}
  222. .post_info span { border-right:1px solid #555555; color: #909090}
  223. .post_info a { color:#ffffff; }
  224. .post_info a:hover { color:#FF8014;}
  225. .post_info span:last-child { border:none; }
  226.  
  227. #cat_title h1 a:hover { background: #FF8014; color: #ffffff;}
  228. .post_title a:hover { background: #FF8014; color: #ffffff;}
  229. .more-link { color: #ffffff; background: #FF8014;}
  230. .more-link:hover {background: #444444; color: #000000;}
  231.  
  232. .sidebar a { color:#ffffff;}
  233. .sidebar a:hover { color:#FF8014;}
  234. .sidebar .widget h2, .sidebar .widget h2 a { color: #909090;}
  235.  
  236. /* portfolio-cat-1 */
  237. #portfolio-cat-1 .post_title {color: #ffffff;}
  238. #portfolio-cat-1 .post_title:hover { color: #FF8014;}
  239.  
  240.  
  241. /* portfolio-cat-2 */
  242. #portfolio-cat-2 .post_title {color: #ffffff;}
  243. #portfolio-cat-2 .post_title:hover { color: #FF8014;}
  244.  
  245. /* portfolio-cat-3 */
  246. #portfolio-cat-3 .post_title {color: #ffffff;}
  247. #portfolio-cat-3 .post_title:hover { color: #FF8014;}
  248.  
  249. /* portfolio-cat-4 */
  250. #portfolio-cat-4 .post_title {color: #ffffff;}
  251. #portfolio-cat-4 .post_title:hover { color: #FF8014;}
  252.  
  253. /* portfolio-cat-5 */
  254. #portfolio-cat-5 .post_title {color: #ffffff;}
  255. #portfolio-cat-5 .post_title:hover { color: #FF8014;}
  256.  
  257. /* portfolio-cat-6 */
  258. #portfolio-cat-6 .post_title {color: #ffffff;}
  259. #portfolio-cat-6 .post_title:hover { color: #FF8014;}
  260.  
  261. /* portfolio-cat-7 */
  262. #portfolio-cat-7 .post_title {color: #ffffff;}
  263. #portfolio-cat-7 .post_title:hover { color: #FF8014;}
  264.  
  265. /* portfolio-cat-8 */
  266. #portfolio-cat-8 .post_title {}
  267. #portfolio-cat-8 .post_title, #portfolio-cat-8 .post_title a {color: #ffffff;}
  268.  
  269. /* portfolio-cat-9 */
  270. #portfolio-cat-9 .post_title {}
  271. #portfolio-cat-9 .post_title, #portfolio-cat-9 .post_title a {color: #ffffff;}
  272.  
  273. /* portfolio-cat-10 */
  274. #portfolio-cat-10 .post_title {}
  275. #portfolio-cat-10 .post_title, #portfolio-cat-10 .post_title a {color: #ffffff;}
  276.  
  277. /* portfolio-cat-11 */
  278. #portfolio-cat-11 .post_title {}
  279. #portfolio-cat-11 .post_title, #portfolio-cat-11 .post_title a {color: #ffffff;}
  280.  
  281. /* portfolio-cat-12 */
  282. #portfolio-cat-12 .post_title {}
  283. #portfolio-cat-12 .post_title, #portfolio-cat-12 .post_title a {color: #ffffff;}
  284.  
  285. /* portfolio-cat-13 */
  286. #portfolio-cat-13 .post_title {}
  287. #portfolio-cat-13 .post_title, #portfolio-cat-13 .post_title a {color: #ffffff;}
  288.  
  289. /* portfolio-cat-14 */
  290. #portfolio-cat-14 .post_title {}
  291. #portfolio-cat-14 .post_title, #portfolio-cat-14 .post_title a {color: #ffffff;}
  292.  
  293. /* SIDEBAR */
  294. .recentcomments { background-image: url(gfx/icon_comment.png);}
  295. .recentcomments a { color: #ffffff;}
  296. .recentcomments a:hover { color: #FF8014;}
  297.  
  298. .widget_categories ul li { color: #909090;}
  299. .widget_categories ul li a { color: #ffffff;}
  300.  
  301. #wp-calendar { color: #909090;}
  302. #wp-calendar caption { color: #eeeeee;}
  303. #wp-calendar thead tr th { color: #ffffff;}
  304. #wp-calendar tbody tr td a { color: #ffffff;}
  305. #wp-calendar tbody tr td a:hover { color: #FF8014;}
  306.  
  307. #searchform #s {background: #000000; color: #eeeeee;}
  308. #searchform #searchsubmit { background: #FF8014; color: #ffffff;}
  309. #searchform #searchsubmit:hover { background: #444444; color: #000000;}
  310.  
  311. #widget_contact input, #widget_contact textarea { background: #000000; color: #eeeeee;}
  312. #widget_contact #fc_submit { background: #FF8014; color: #ffffff;}
  313. #widget_contact #fc_submit:hover { background: #444444; color: #000000;}
  314.  
  315. .fresh_recent_posts_title { color: #ffffff;}
  316. .fresh_recent_posts_title:hover { color: #FF8014;}
  317. .fresh_recent_posts li .fresh_recent_posts_date { color: #909090;}
  318.  
  319. .tagcloud a { background: #FF8014; color: #ffffff !important;}
  320. .tagcloud a:hover { background: #444444; color: #000000 !important;}
  321.  
  322. /* SHORTCODES */
  323. blockquote { background: #000000; color: #909090;}
  324. pre { background: #000000; color: #909090;}
  325. code { background: #000000; color: #909090; }
  326.  
  327. /* SHORTCODES - BUTTONS */
  328. .btn_a { color: #ffffff; background: #FF8014;}
  329. .btn_a:hover {background: #444444; color: #000000;}
  330.  
  331. /* SHORTCODES - BOXES */
  332. .box_download { background-image:url(gfx/icons/arrow_down.png); background-color: #FF8014;}
  333. .box_info { background-image:url(gfx/icons/info_button_32.png); background-color: #FF8014;}
  334. .box_warning { background-image:url(gfx/icons/close_32.png); background-color: #FF8014;}
  335. .box_note { background-image:url(gfx/icons/notebook.png); background-color: #FF8014;}
  336.  
  337. /* SHORTCODES - PULLQUOTES */
  338. .pullquote_left { border-left:6px solid #000000;}
  339. .pullquote_right { border-right:6px solid #000000;}
  340.  
  341. /* SHORTCODES - HIGHLIGHTS */
  342. .highlight1 { background:#FF8014;}
  343. .highlight2 { border-bottom:1px dotted #FF8014;}
  344.  
  345. /* SHORTCODES - HIGHLIGHTS */
  346. .sc_divider { border-top:1px solid #000000;}
  347. .top a {color:#909090;}
  348. .top a:hover { color:#FF8014;}
  349.  
  350. /* SHORTCODES - TABS */
  351. .sc_tab { color:#909090; background: #1a1a1a;}
  352. .sc_tab:hover { color:#ffffff;}
  353. .sc_tab_active { color:#ffffff; background: #000000;}
  354. .sc_tab_single_box { background:#000000;}
  355.  
  356. /* SHORTCODES - TOGGLE */
  357. .toggle { background-image:url(gfx/toggle.png); }
  358. .toggle_active { background-image:url(gfx/toggle.png);}
  359.  
  360. /* TABLES */
  361. tr { background: #101010;}
  362. tr:nth-child(2n+1) { background: #1a1a1a;}
  363. tr:hover { background: #000000;}
  364. th { background-color: #FF8014; color: #ffffff;}
  365.  
  366. /* LOGO FOOTER - INSIDE TEXT WIDGET */
  367. /*
  368. Use this html code inside your text widget:
  369. <a href="http://www.LINKTOYOURHOMEPAGEFOREXAMPLE.com" class="logo_footer"></a>
  370. Make sure you also edit the width and height to fit your logo, you can do so in global.css:
  371. */
  372. .logo_footer { background-image: url(gfx/logo_footer.png);}
  373.  
  374. /* LIVE PREVIEW */
  375. .livepanel_wrapper .style_holder { border-right: 1px solid #000000; background: #000000; background: rgba(0,0,0,0.92);}
  376.  
  377. .livepanel_wrapper .livepanel_button { background-image: url(gfx/icons/live_colorwheel.png); background-color: #000000; background-color: rgba(0,0,0,0.92); border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000;}
  378. .livepanel_wrapper_active .livepanel_button { background-image: url(gfx/icons/live_close.png);}
  379.  
  380. .livepanel_wrapper h7 { border-top: 1px solid #000000; color: #ffffff;}
  381. .livepanel_wrapper label { color: #909090;}
  382.  
  383. .livepanel_wrapper .live_button_left {background: #333333; color: #bbbbbb;}
  384. .livepanel_wrapper .live_button_left:hover {background: #FF8014; color: #ffffff;}
  385.  
  386. .livepanel_wrapper .live_button_right { background: #333333; color: #bbbbbb;}
  387. .livepanel_wrapper .live_button_right:hover { background: #FF8014; color: #ffffff;}
  388.  
  389. .livepanel_wrapper #live_reset_wrapper { border-top: 1px solid #000000; border-left: 1px solid #000000;}
  390. .livepanel_wrapper #live_reset { background: #FF8014; color: #ffffff;}
  391. .livepanel_wrapper #live_reset:hover { background: #444444; color: #000000;}
  392.  
  393. .livepanel_wrapper #live_google_fonts_wrapper, .livepanel_wrapper #live_reset_wrapper { border-bottom: 1px solid #000000;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement