API tools faq
paste
Advertisement
Guest User

StyleCSS

a guest
Jan 15th, 2013
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.34 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: BlackLight
  3. Theme URI: http://www.theme-junkie.com
  4. Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>.
  5. Author: Theme Junkie
  6. Author URI: http://www.theme-junkie.com
  7. Version: 1.0
  8. License: GNU General Public License
  9. License URI: license.txt
  10. Tags: theme-options, translation-ready
  11. */
  12. /*
  13. WARNING: DO NOT EDIT THIS FILE. If you wish to make custom stylistic changes to your theme, use the
  14. custom.css template to define custom styles. This way, you will still be able to take advantage of
  15. future upgrades to the theme without worrying about overwriting your style changes.
  16. */
  17. /*-----------------------------------------------
  18.  
  19. TABLE OF CONTENT:
  20.  
  21. 0. Reset
  22.  
  23. 1. Setup
  24. -1.1 Defaults
  25. -1.2 Hyperlinks
  26.  
  27. 2. Site Structure & Appearance
  28. -2.1 Containers & Columns
  29. -2.2 Navigation Menu
  30. -2.3 Header
  31. -2.4 Content
  32. -2.4.1 Slider
  33. -2.4.2 Homepage
  34. -2.5 Sidebar
  35. -2.6 Footer
  36.  
  37. 3. Posts
  38. -3.1 Typographic Elements
  39. -3.2 Images
  40. -3.3 Pagination / WP-Pagenavi
  41. -3.4 Author Box
  42.  
  43. 4. Widgets
  44. -4.1 Generic Widgets
  45. -4.2 Specific Widgets
  46.  
  47. 5. Comments
  48. -5.1 Comments List
  49. -5.2 Comments Form
  50. -5.3 Trackbacks
  51.  
  52. 6. Page Templates
  53. -6.1 Contact Form
  54. -6.2 Full Width
  55.  
  56. 7. MISC
  57. -7.1 Breadcrumbs
  58. -7.2 Buttons
  59.  
  60. -------------------------------------------------*/
  61. /* =0. Reset
  62. ------------------------------------------------ */
  63. @import url("reset.css");
  64. html, body, div, span, applet, object, iframe,
  65. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  66. a, abbr, acronym, address, big, cite, code,
  67. del, dfn, em, font, ins, kbd, q, s, samp,
  68. small, strike, strong, sub, sup, tt, var,
  69. dl, dt, dd, ol, ul, li,
  70. fieldset, form, label, legend,
  71. table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
  72. :focus { outline: 0; }
  73. body { line-height: 1; }
  74. ol, ul { list-style: none; }
  75. table { border-collapse: separate; border-spacing: 0; }
  76. caption, th, td { font-weight: normal; text-align: left; }
  77. blockquote:before, blockquote:after,
  78. q:before, q:after { content: ""; }
  79. blockquote, q { quotes: "" ""; }
  80. a img { border: 0; }
  81. article,
  82. aside,
  83. figure,
  84. footer,
  85. header,
  86. nav,
  87. section { display: block; }
  88. .left { float: left; }
  89. .right { float: right; }
  90. .cleaner { clear: left; display: block; float: none; height: 0; line-height: 0; margin: 0; padding: 0; visibility: hidden; }
  91. * html .clear { height: 1%; }
  92. .clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
  93. .clear { display: block; }
  94. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
  95.  
  96. /* =1. Setup
  97. ----------------------------------------------- */
  98.  
  99. /* 1.1 Defaults */
  100. body { background: url(images/bg-body.png) repeat; color: #444; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; }
  101. h1,h2,h3,h4,h5,h6 { font-weight: bold; }
  102. h1 { font-size: 28px; }
  103. h2 { font-size: 25px; }
  104. h3 { font-size: 16px; }
  105. h4 { font-size: 13px; }
  106. h5,h6 { font-size: 12px; }
  107. input,
  108. textarea { background: #fff; border-color: #ccc #efefef #efefef #ccc; border-style: solid; border-width: 1px; color: #777; padding: 6px; }
  109. input[type="text"]:focus,
  110. textarea:focus { background: #ffffff; }
  111.  
  112. /* 1.2 Hyperlinks */
  113. a,
  114. a:visited { border: medium none; outline: medium none; text-decoration: none; }
  115. a:active { outline: 0; }
  116.  
  117. /* =2. Site Structure & Appearance
  118. ----------------------------------------------- */
  119.  
  120. /* 2.1 Containers & Columns */
  121. #wrapper { background: #fff; margin: 0 auto; padding: 12px 20px 5px 20px; position: relative; width: 920px; }
  122. .inner-wrap { margin: 0 auto; padding: 0 15px; position: relative; width: 960px; }
  123. #content { position: relative; margin: 0 0 20px 0; width: 100%; }
  124. #sidebar { float: right; width: 300px; }
  125. footer { border-top: 1px solid #333; color: #999; overflow: hidden; padding: 10px 0 0 0; width: 100%; }
  126.  
  127. /* 2.2 Navigation Menu */
  128. .nav { list-style: none; line-height: 1; margin: 0; overflow: hidden; padding: 0; z-index: 999; }
  129. .nav a { display: block; position: relative; text-decoration: none; z-index: 100; }
  130. .nav li { float: left; width: auto; z-index: 999; }
  131. .nav li a { text-decoration: none; }
  132. .nav li:hover a, .nav li:hover a:active { text-decoration: none; }
  133. .nav li ul { left: -999em; position: absolute; width: 184px; z-index: 999; }
  134. .nav li ul li a, .nav li ul li a:visited { background: #fff; font-size: 12px; padding: 10px 15px; width: 150px; }
  135. .nav li ul li a.sf-with-ul { padding: 10px 15px; }
  136. .nav li ul ul { margin: -38px 0 0 180px; }
  137. .nav li:hover, .nav li.hover { position: static; }
  138. .nav li:hover ul ul, .nav li.sfhover ul ul,
  139. .nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
  140. .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
  141. .nav li:hover ul, .nav li.sfhover ul,
  142. .nav li li:hover ul, .nav li li.sfhover ul,
  143. .nav li li li:hover ul, .nav li li li.sfhover ul,
  144. .nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto; }
  145. .nav .sf-sub-indicator { background: url(images/arrow-down.png) no-repeat 0px 0; overflow: hidden; position: absolute; width: 9px; height: 9px; text-indent: -999em; top: 1.2em; right: 0.45em; }
  146. .nav li ul .sf-sub-indicator { background: url(images/bullet.png) no-repeat; display: block; overflow: hidden; position: absolute; width: 10px; height: 10px; text-indent: -999em; top: 1.3em; right: 0.4em; }
  147.  
  148. /* PRIMARY NAV */
  149. #primary-nav { background-color: #333; height: 38px; }
  150. #primary-nav .nav { float: left; border-left: 1px solid #393939; border-right: 1px solid #292929; }
  151. #primary-nav .nav li a { border-left: 1px solid #292929; border-right: 1px solid #393939; color: #ddd; font-size: 11px; line-height: 38px; padding: 0 17px; }
  152. #primary-nav .nav li a:hover { background-color: #424242; color: #eee; }
  153. #primary-nav .nav li li a { background: #333; border-bottom: 1px solid #292929; border-top: 1px solid #393939; border-left: none; border-right: none; }
  154. #primary-nav .nav li li a:hover { background: #424242; color: #eee; }
  155. #primary-nav .nav li ul { width: 184px; }
  156. #primary-nav .nav ul ul { margin: -40px 0 0 184px; }
  157. #primary-nav .nav .sf-sub-indicator { background: url(images/arrow-down.png) no-repeat; display: block; position: absolute; top: 18px; right: 8px; width: 7px; height: 4px; }
  158. #primary-nav .nav li ul .sf-sub-indicator { background: url(images/arrow-right.png) no-repeat; display: block; overflow: hidden; position: absolute; width: 10px; height: 10px; text-indent: -999em; top: 1.3em; right: 0.4em; }
  159.  
  160. /* SECONDARY NAV */
  161. #secondary-nav { position: absolute; top: 110px; width: 960px; }
  162. #secondary-nav .nav { background: #333 url(images/bg-secondary-nav.png) repeat-x left center; margin: 0 auto; height: 40px; line-height: 40px; }
  163. #secondary-nav .nav { width: 100%; }
  164. #secondary-nav .nav li a { color: #f0f0f0; font-size: 13px; font-weight: bold; padding: 0 15px; }
  165. #secondary-nav .nav li.first a { background: #fff url(images/ico-home.png) no-repeat 15px 15px; color: #999; padding-left: 29px; }
  166. #secondary-nav .nav li a:hover, #secondary-nav .nav li.sfHover a { background-color: #fff; color: #999; }
  167. #secondary-nav .nav li ul { }
  168. #secondary-nav .nav li ul ul { padding-top: 0; }
  169. #secondary-nav .nav li li a, #secondary-nav .nav li.sfHover li a { background: #fff; border-bottom: 1px solid #e6e6e6; color: #999; line-height: 1; padding: 12px 15px; text-shadow: 0 1px 0 #fff; }
  170. #secondary-nav .nav li li a:hover { background: #f0f0f0; color: #666; }
  171. #secondary-nav .nav .sf-sub-indicator { background: url(images/arrow-down.png) no-repeat; display: block; position: absolute; top: 18px; right: 5px; width: 7px; height: 4px; }
  172. #secondary-nav .nav li ul .sf-sub-indicator { background: url(images/arrow-right.png) no-repeat; display: block; overflow: hidden; position: absolute; width: 10px; height: 10px; text-indent: -999em; top: 1.2em; right: 0.4em; }
  173. #primary-nav .nav li ul,
  174. #secondary-nav .nav li li a { box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1); }
  175.  
  176. /* HEADER ICONS */
  177. .header-social-icons { border-right: 1px solid #292929; border-left: 1px solid #393939; color: #ddd; display: block; font-size: 11px; height: 38px; line-height: 36px; text-indent: -9999em; }
  178. .header-social-icons a { border-left: 1px solid #292929; border-right: 1px solid #393939; float: right; display: block; width: 20px; height: 38px; line-height: 38px; opacity: 0.7; filter: alpha(opacity=70); padding: 0 13px; }
  179. .header-social-icons a:hover { background-color: #444; }
  180. .header-social-icons .icon-twitter { background: url(images/ico-header-twitter.png) no-repeat 11px 8px; }
  181. .header-social-icons .icon-facebook { background: url(images/ico-header-facebook.png) no-repeat 11px 8px; }
  182. .header-social-icons .icon-email { background: url(images/ico-header-email.png) no-repeat 11px 8px; }
  183. .header-social-icons .icon-rss { background: url(images/ico-header-rss.png) no-repeat 11px 8px; }
  184.  
  185. /* 2.3 Header */
  186. header { background: #111 url(images/bg-header.png) no-repeat bottom center; display: block; height: 200px; padding: 10px 0 0px 0; position: relative; }
  187. /* Logo */
  188. #text-logo { float: left; margin: 0px 0 0 0; }
  189. #site-title { display: block; float: left; margin: 0 10px 0 0; height: 40px; }
  190. #site-title a { color: #fff; font-size: 30px; }
  191. #site-desc { border-left: 1px dotted #333; color: #999; float: right; font-size: 11px; font-style: italic; line-height: 1; margin: 7px 0 0 0; padding: 0 0 0 10px; text-transform: lowercase; }
  192. #logo { float: left; margin: 10px 0 0 0; overflow: hidden; }
  193. /* Header Search */
  194. #header-search { background: #eee; border: 1px solid #f0f0f0; float: right; margin: 31px 0 0 0; }
  195. #header-search input[type='text'] { background: #fbfbfb; width: 200px; }
  196.  
  197. /* 2.4 Content */
  198. /* 2.4.1 Slider */
  199. #slider { color: #666; display: none; margin: 10px 0 20px 0; position: relative; z-index: 20; }
  200. #slider a.next,
  201. #slider a.prev { cursor: pointer; display: none; position: absolute; bottom: 20px; width: 16px; height: 16px; opacity: 0.7; filter: alpha(opacity=70); text-indent: -999em; z-index: 999; }
  202. #slider a.next:hover,
  203. #slider a.prev:hover { opacity: 1; filter: alpha(opacity=100); }
  204. #slider a.next { background: url(images/ico-pagination-next.png) no-repeat 0 0; right: 20px; }
  205. #slider a.prev { background: url(images/ico-pagination-prev.png) no-repeat 0 0; right: 40px; }
  206. #slider .pagination { overflow: hidden; padding: 0; position: absolute; bottom: 22px; right: 70px; width: auto; margin: 0; z-index: 999; }
  207. #slider .pagination li { float: left; }
  208. #slider .pagination li a { background: url(images/ico-slider-pagination.png) no-repeat 0 -12px; border-bottom: none; color: #000000; display: block; padding: 0 5px; width: 12px; height: 12px; text-indent: -999em; }
  209. #slider .pagination li.current a { background: url(images/ico-slider-pagination.png) no-repeat; }
  210. .slides_container { display: block; width: 920px; height: 300px; }
  211. .slides_container .hentry { background: #f0f0f0; display: none; width: 920px; }
  212. .slides_container .entry-thumb { display: block; float: left; z-index: 20; }
  213. .slides_container .entry { display: block; float: right; padding: 20px; width: 280px; }
  214. .slides_container .entry-title { font-size: 22px; font-weight: bold; line-height: 26px; margin: 0 0 10px 0; }
  215. .slides_container .entry-title a { color: #232323; }
  216. .slides_container .entry-content { line-height: 20px; margin: 0 0 10px 0; }
  217.  
  218. /* 2.4.2 Homepage */
  219. .entry-title a:hover { color: #444; background: #DFFAFF; border-bottom: 1px solid #D1EBEF; text-shadow: 0px 1px 0px #fff; text-decoration: none; }
  220. .entry-content { font-family: Helvetica, Arial, sans-serif; }
  221. #content > article { float: left; width: 600px; }
  222. article a:hover { background: #eee; border-bottom: 1px dotted #ccc; }
  223. /* News Ticker */
  224. #news-ticker { border-bottom: 1px solid #e6e6e6; color: #999; font-size: 11px; font-weight: bold; line-height: 24px; margin: 0 0 20px 0; padding: 0 0 10px 0; position: relative; overflow: hidden; width: 100%; height: 22px; }
  225. #news-ticker span.text { color: #333; float: left; letter-spacing: 1px; text-transform: uppercase; }
  226. #news-ticker span.headline-comment a { color: #999; }
  227. #news-ticker .news { display: inline; float: left; padding-left: 5px; overflow: hidden; }
  228. #news-ticker .news-ticker { display: none; }
  229. .headline-nav { position: absolute; width: 50px; top: 3px; right: 0; }
  230. .headline-nav a,
  231. .headline-nav a:visited { background: #eee; color: #999 !important; display: block; font-size: 12px; padding: 0 5px; height: 16px; line-height: 16px; text-shadow: 0 1px 0 #fff; }
  232. .headline-nav a:hover { background: #ddd; }
  233. .headline-previous { float: left; }
  234. .headline-next { float: right; }
  235. .heading { border-top: 4px solid #333; color: #008AB4; display: block; font-size: 11px; font-weight: bold; letter-spacing: 1px; line-height: 11px; margin: 10px 0 25px; text-transform: uppercase; }
  236. .heading-text { background: #fff; float: left; margin: -7px 0 0 0px; padding: 0 5px 0 0px; }
  237. /* Entry Loop */
  238. .entry-list { display: block; float: left; position: relative; padding: 20px 0 0 0; width: 290px; }
  239. .entry-list .entry-title { display: block; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 0 15px 0; }
  240. .entry-list h2.entry-title a { color: #232323; }
  241. .entry-list .entry-thumb { background: #fff; display: block; margin: 0 0 15px 0; width: 290px; height: 150px !important; }
  242. .entry-meta { color: #999; height: 30px; line-height: 30px; margin: 0 0 10px 0; }
  243. .entry-author a,
  244. .entry-author a:visited { color: #999; border-bottom: 1px dotted #dddddd; line-height: 20px; }
  245. .entry-author a:hover { background-color: #eee; text-decoration: none; }
  246. .entry-cat { display: block; margin: 0 0 5px 0; }
  247. .entry-cat a,
  248. .entry-cat a:visited { color: #333; font-size: 11px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; }
  249. .entry-cat a:hover { background: #fff; border-bottom: none; }
  250. .entry-list .entry-content { display: block; margin: 0 0 15px 0; }
  251. .entry-list .entry-content p { color: #555555; }
  252. a.readmore { border-bottom: 1px dotted #dddddd; }
  253. a.readmore:hover { background-color: #eee; }
  254. .entry-comment { float: right; }
  255. .entry-comment a,
  256. .entry-comment a:visited { background: url(images/ico-comment.png) no-repeat; border-bottom: none !important; color: #fff !important; display: block; width: 24px; height: 30px; line-height: 23px; opacity: 0.6; filter: alpha(opacity=60); text-align: center; }
  257. .entry-comment a:hover { background: url(images/ico-comment.png) no-repeat; opacity: 1; filter: alpha(opacity=100); }
  258. .entry-share { display: block; float: left; margin: 10px 0 20px; width: 100%; }
  259. .entry-share .btn-tweet,
  260. .entry-share .btn-like,
  261. .entry-share .btn-plus { float: left; display: inline-block; width: 90px; height: 22px; margin: 0 2px 0 0px; padding: 0px; }
  262. .right-col { padding: 20px 0 0 19px; }
  263. .loop-1,
  264. .loop-2 { border-top: none; padding-top: 0; }
  265.  
  266. /* 2.5 Sidebar */
  267.  
  268. /* 2.6 Footer */
  269. .footer-social-icons { border-top: 4px solid #333; width: 100%; overflow: hidden; padding: 15px 0; }
  270. .footer-social-icons a,
  271. .footer-social-icons a:visited { color: #000; display: block; float: left; font-size: 14px; font-weight: bold; width: 143px; height: 32px; padding: 0 0 0 40px; }
  272. .footer-social-icons a:hover { color: #008ab2; }
  273. .footer-social-icons a span { color: #999; display: block; font-size: 11px; font-weight: normal; }
  274. .footer-social-icons .icon-twitter { background: url(images/ico-footer-twitter.png) no-repeat 0 0; }
  275. .footer-social-icons .icon-facebook { background: url(images/ico-footer-facebook.png) no-repeat 0 0; }
  276. .footer-social-icons .icon-google { background: url(images/ico-footer-google.png) no-repeat 0 0; }
  277. .footer-social-icons .icon-rss { background: url(images/ico-footer-rss.png) no-repeat 0 0; }
  278. .footer-social-icons .icon-email { background: url(images/ico-footer-email.png) no-repeat 0 0; margin-right: 0; }
  279. #footer-widget-1,
  280. #footer-widget-2,
  281. #footer-widget-3,
  282. #footer-widget-4,
  283. #footer-widget-5 { display: inline; float: left; margin: 15px 0 0 0; padding: 0 20px 0 0; width: 163px; }
  284. #footer-widget-5 { padding-right: 0; width: 183px; }
  285.  
  286. /* Copyright */
  287. .copyright { background: #212121; color: #999; font-size: 11px; padding: 20px 0; width: 100%; }
  288. .copyright a,
  289. .copyright a:visited { border-bottom: 1px dotted #666; color: #999; }
  290.  
  291. /* =3. Posts
  292. ----------------------------------------------- */
  293. .single .entry { width: 100%; }
  294. .single .entry-title { font-size: 22px; font-weight: bold; line-height: 26px; margin: 0 0 10px 0; padding: 0; }
  295. .entry-tags { display: block; float: left; margin: 10px 0 15px; }
  296. .entry-edit { float: right; margin: 10px 0 15px; }
  297. .page-title { letter-spacing: -0.1em; font-size: 24px; line-height: 28px; margin: 0 0 10px 0; }
  298.  
  299. /* 3.1 Typographic Elements */
  300. .entry p { margin: 0 0 10px 0; }
  301. .entry h1,
  302. .entry h2,
  303. .entry h3,
  304. .entry h4,
  305. .entry h5,
  306. .entry h6 { margin: 5px 0 10px 0; }
  307. .entry strong { font-weight: bold; }
  308. .entry em { font-style: italic; font-weight: normal; }
  309. .entry strong em,
  310. .entry em strong { font-style: italic; font-weight: bold; }
  311. .entry a img { border: none; }
  312. .entry ul { list-style: none; margin: 0 0 0 7px; padding-bottom: 10px; }
  313. .entry ol { list-style-type: decimal; margin: 0 0 10px 25px; }
  314. .entry ol ol { list-style: upper-alpha; }
  315. .entry ol ol ol { list-style: lower-roman; }
  316. .entry ol ol ol ol { list-style: lower-alpha; }
  317. .entry ol li { padding: 3px 0 3px 0; font-size: 12px; }
  318. .entry ul ul,
  319. .entry ol ol,
  320. .entry ul ol,
  321. .entry ol ul { margin-bottom: 0; }
  322. .entry ul li { background: url(images/ico-dot.png) no-repeat 0 8px; position: relative; margin: 0 0 5px 0; padding: 0 0 0 12px; }
  323. .entry ul li { }
  324. .entry li ul { margin: 0; padding: 0; }
  325. .entry del { text-decoration: line-through; color: #aaa; }
  326. .entry ins { text-decoration: underline; font-weight: bold; }
  327. .entry blockquote { background: url(images/bg-blockquote.png) no-repeat 0 0; font-family: Georgia, serif; margin: 10px 0; padding: 20px 0 20px 65px; }
  328. .entry blockquote p,
  329. blockquote a,
  330. blockquote { color: #777; font-style: italic; font-size: 14px; }
  331. .entry dfn { font-weight: bold; }
  332. .entry pre,
  333. .entry code,
  334. .entry tt { margin: 1.5em 0; white-space: pre; display: block; font-size: 12px; }
  335. .entry pre,
  336. .entry code,
  337. .entry tt { font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; background: #f5f5f5; border: 1px dashed #ddd; overflow: auto; padding: 20px; color: #666; line-height: 1; }
  338. .entry hr { background: #e6e6e6; color: #e6e6e6; clear: both; width: 100%; height: 1px; border: none; margin: 15px 0; }
  339. .entry input,
  340. .entry textarea { font-size: 1em; padding: 3px; }
  341.  
  342. /* 3.2 Images */
  343. img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0; }
  344. img.alignnone { padding: 0; margin: 0 0 10px 0; display: inline; }
  345. img.alignright { padding: 0; margin: 0 0 10px 10px; display: inline; }
  346. img.alignleft { padding: 0; margin: 0 10px 10px 0; display: inline; }
  347. .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
  348. .alignright { float: right; margin: 0 0 10px 10px; }
  349. .alignleft { float: left; margin: 0 10px 10px 0; }
  350.  
  351. /* 3.3 Pagination / WP-Pagenavi */
  352.  
  353. /* Pagination */
  354. .navigation { font-style: italic; padding: 20px 0 0 0; }
  355. #content > article .pagination { border-top: 3px double #e6e6e6; overflow: hidden; width: 100%; font-size: 12px; padding: 20px 0 5px 0; margin: 20px 0 0 0; }
  356. #content > article .pagination a,
  357. #content > article .pagination a:visited { background: #f9f9f9; border: 1px solid #e6e6e6 !important; color: #999; display: block; position: relative; margin: 1px 0; padding: 6px 10px; }
  358. #content > article .pagination a:hover { background-color: #fff; }
  359.  
  360. /* WP-Pagenavi */
  361. .wp-pagenavi { border-top: 3px double #e6e6e6; text-transform: uppercase; margin: 20px 0 20px 0; padding-top: 35px; width: 100%; }
  362. .wp-pagenavi a:link,
  363. .wp-pagenavi a:visited,
  364. .wp-pagenavi .on,
  365. .wp-pagenavi .current { border: 1px solid #dddddd !important; color: #999; display: inline; text-align: right; margin: 0 0 0 3px; padding: 7px 12px; text-decoration: none; text-shadow: 0 1px 0 #fff; }
  366. .wp-pagenavi a:link,
  367. .wp-pagenavi a:visited { background: #f9f9f9 url(images/alert-overlay.png) repeat-x left center; }
  368. .wp-pagenavi a:hover { color: #666666; }
  369. .wp-pagenavi .extend,
  370. .wp-pagenavi span.pages { border: 0; color: #999; padding: 2px 20px 2px 0; }
  371. .wp-caption p.wp-caption-text { font-weight: normal; margin: 0; padding: 0; font-size: 11px; line-height: 12px; }
  372. .wp-caption { background: #F7F7F7; text-align: center; border: 1px solid #e6e6e6; padding: 4px 0 5px 0; }
  373. .wp-caption img { margin: 0 0 5px 0; padding: 0; border: 0; }
  374. /* 3.4 Author BIO Box */
  375. .authorbox { background: #f9f9f9; border-top: 1px solid #e6e6e6; border: 1px solid #eee; overflow: hidden; margin: 0 0 15px 0; padding: 12px; }
  376. .authorbox p { margin: 0; padding: 0; }
  377. .authorbox img { background: #fff; border: 1px solid #eee; display: block; float: left; margin: 0 10px 0 0; padding: 4px; }
  378.  
  379. /* =4. Widgets
  380. ----------------------------------------------- */
  381.  
  382. /* 4.1 Generic Widgets */
  383. .widget { background: transparent; margin: 0 0 20px 0; }
  384. #sidebar .widget { background: #fff; border: 1px solid #e6e6e6; padding: 15px; }
  385. #sidebar .widget-title { border-bottom: 3px double #e6e6e6; color: #333; font-size: 11px; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 5px 0; padding: 0 0 7px 0; text-transform: uppercase; }
  386. .widget ul li { background: url(images/ico-list.png) no-repeat 0 17px; padding: 10px 0 10px 11px; position: relative; }
  387. .widget ul li a { border-bottom: 1px dotted #ccc; text-align: left; text-shadow: 0 1px 0 #fff; }
  388. .widget ul li a:hover { background: #eee; }
  389. .widget > div { }
  390. footer .widget { font-size: 11px; }
  391. footer .widget-title { color: #333; font-size: 12px; letter-spacing: 0.1em; margin: 0 0 10px 0; text-align: left; text-transform: uppercase; text-shadow: 0 1px 0 #f0f0f0; }
  392. footer .widget a,
  393. footer .widget a:visited { border-bottom: 1px dotted #ddd; color: #999; font-size: 11px; }
  394. footer .widget a:hover { border-bottom: 1px solid #e6e6e6; text-decoration: none; }
  395. footer .widget ul li { background: none; margin: 0 0 10px 0; padding: 0; }
  396.  
  397. /* 4.2 Specific Widgets */
  398.  
  399. /* TWITTER */
  400. .widget_tj_twitter { margin: 0 0 20px 0; background: url(images/ico-twitter-dark.png) no-repeat 90% 16px !important; }
  401. .widget_tj_twitter .widget-title { border-bottom-color: #e6e6e6; }
  402. .widget_tj_twitter li { border-bottom: 1px solid #e6e6e6; display: block !important; }
  403. .widget_tj_twitter li a { display: inline !important; padding-left: 0 !important; }
  404. .widget_tj_twitter li .time { color: #999 !important; }
  405. .widget_tj_twitter li a:hover { }
  406. .follow-user { margin: 15px 0 0 0; }
  407.  
  408. /* CALENDAR */
  409. #wp-calendar { background: #fff; width: 100%; }
  410. #wp-calendar,
  411. #wp-calendar th,
  412. #wp-calendar caption { text-align: center; }
  413. #wp-calendar th { border-top: 1px solid #e6e6e6; padding: 5px 3px; }
  414. #wp-calendar td { background: #f0f0f0; border: 1px solid #fff; color: #999; padding: 5px 2px; text-align: center; text-shadow: 0 1px 0 #fff; }
  415. #wp-calendar tbody td:hover { background: #fff298; color: #666; }
  416. #wp-calendar tbody td.pad:hover { background: #f0f0f0; color: #999; }
  417. #wp-calendar caption { background: transparent; color: #333; font-weight: bold; padding: 3px 0 7px 0; }
  418. #wp-calendar #today { background: #8EE2FC; color: #fff; text-shadow: none; }
  419.  
  420. /* ARCHIVE */
  421. .widget_archive select { margin: 10px 0 0 0; }
  422.  
  423. /* ADVERTISEMENT */
  424. .widget-ads { border: 0 !important; margin: 0 0 15px 0; padding: 0 !important; }
  425. .widget-ads h3.ad-title { color: #999; font-size: 11px; font-weight: normal; margin-bottom: 7px; text-align: center; text-transform: uppercase; }
  426. .widget_advwidget { padding: 15px 0 10px 10px !important; }
  427. #sidebar .widget_advwidget .widget-title { border-bottom: none; color: #999; font-size: 11px; font-weight: normal; letter-spacing: 0; margin: 0 0 5px 0; padding: 0; text-align: center; }
  428. .widget-ad125 { margin: 0 !important; padding: 0 !important; }
  429. .widget-ad125 img { display: inline; float: left; margin: 0 0 10px 10px; }
  430.  
  431. /* FLICKR */
  432. .widget_tj_flickr { margin: 0 0 15px 0; padding-bottom: 5px; }
  433. .widget_tj_flickr > div { border-top: 0; }
  434. .widget h3 span { color: #0061D8; }
  435. .widget h3 span span { color: #FF1183; }
  436. .widget .flickr_badge_image { float: left; margin: 0px; }
  437. .widget .flickr_badge_image .photo-wrap { position: relative; margin-bottom: 20px; padding: 0; }
  438. .widget .flickr_badge_image a img { display: inline; float: left; background: #fff; margin: 4px 4px 0px 0px; padding: 4px; border: 1px solid #57532A; }
  439. .widget .flickr_badge_image a:hover img { background: #fbfbfb; border-color: #e5ecf1; }
  440.  
  441. /* TAG CLOUD */
  442. .widget_tag_cloud div { padding: 10px 0 0 0; }
  443. .widget_tag_cloud a,
  444. .widget_tag_cloud a:visited { font-size: 11px !important; line-height: 13px; background-color: #eee; color: #999; display: inline-block; margin: 0 0 3px 0; padding: 5px 10px 5px 7px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
  445. .widget_tag_cloud a:before { content: ''; display: inline-block; border-radius: 20px; width: 5px; height: 5px; background-color: #fff; margin: 0 6px 1px 0; zoom: 1; *display: inline; }
  446. .widget_tag_cloud .tagcloud a:hover { color: #ffffff; text-decoration: none; }
  447. .widget_tag_cloud a:hover:before { background-color: #fff; }
  448.  
  449. /* SEARCH */
  450. .widget_search input[type='text'], #header-search input[type='text'] { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; display: block; float: left; height: 16px; }
  451. .widget_search input[type='image'], #header-search input[type='image'] { background: #fbfbfb url(images/alert-overlay.png) repeat-x left center; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; display: block; float: left; padding: 6px 0 6px 5px; }
  452. .widget_search form, #header-search form { display: block; overflow: hidden; height: 30px; }
  453. #sidebar .widget_search input[type='text'] { width: 207px; }
  454. footer .widget_search input[type='text'] { width: 130px; }
  455.  
  456. /* VIDEO */
  457. .tj-video .open { padding: 10px 0 10px 0; }
  458. .tj-video .open .description { color: #999; margin: 10px 0 0 0; font-size: 11px; font-style: italic; }
  459. .tj-video .hide { display: none; }
  460. .tj-video li { background: url(images/ico-video.png) no-repeat 0 13px !important; border-top: 1px solid #e6e6e6; padding-left: 23px !important; }
  461. .tj-video li a { border-bottom: none !important; }
  462.  
  463. /* =5. Comments
  464. -------------------------------------------------------------- */
  465.  
  466. /* 5.1 Comments */
  467. #comments { width: 600px; }
  468. #comments h3 { font-size: 15px; font-weight: bold; padding: 10px 0 20px 0; }
  469. #comments .col-left { float: left; }
  470. #comments .col-right { float: right; }
  471. #comments-wrap { width: 600px; padding: 10px 0 40px 0; margin-bottom: -52px; position: relative; }
  472. #comments .comment small { color: #999; font-size: 11px; margin-top: -2px; }
  473. #comments .comment { margin-bottom: 20px; width: 100%; }
  474. #comments .comment .col-left { width: 90px; }
  475. #comments .comment .col-left img { background: #fff; border: #e6e6e6 1px solid; padding: 4px; }
  476. #comments .comment .col-left .inside { background: url(images/arrow-comment.png) no-repeat right 27px; width: 90px; float: right; margin-right: -5px; position: relative; overflow: hidden; padding-right: 7px; min-height: 70px; }
  477. #comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px; }
  478. #comments .comment .col-right { min-height: 65px; background: #fff; border-radius: 5px; padding: 10px 15px; border: #e6e6e6 1px solid; margin-left: 93px; float: none; }
  479. * html #comments .comment .col-right { height: 100px; }
  480. #comments .comment span.reply { float: right; padding: 3px 3px 0; font-size: 11px; }
  481. #comments .comment span.reply a,
  482. #comments .comment span.reply a { background: #fff; color: #999; }
  483. #comments ul.children { margin: 10px 0 0 20px; padding: 0; }
  484. #comments .navigation .alignright,
  485. #comments .navigation .alignleft { margin: 0; }
  486. #comments .navigation a { background: #9F9F9F; color: #fff; display: block; padding: 5px 9px; margin-left: 4px; font-family: Georgia; font-weight: bold; }
  487. #comments .navigation a:hover { background: #888; }
  488. #comments .commentlist { padding: 0; }
  489. #comments .commentlist p { padding: 0 0 10px; }
  490. #comments .commentlist #respond #comment-form { padding: 0 0 25px; margin: 0; border: 0; width: auto; }
  491. #comments .commentlist .children #respond #comment-form .col-right { float: none; }
  492. #comments .cancel-comment-reply { margin-bottom: 10px; }
  493.  
  494. /* 5.2 Comment Form */
  495. #comment-form { width: 600px; padding: 15px 0; position: relative; }
  496. #comment-form h2 { padding-bottom: 28px; position: relative; }
  497. #comment-form .form-left { float: left; width: 200px; }
  498. #comment-form .form-right { width: 380px; float: right; }
  499. .children #comment-form .form-right { float: none; }
  500. #comment-form textarea, #comment-form .form-left input { border-radius: 4px; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 7px 10px; }
  501. #comment-form textarea { width: 350px; margin-bottom: 18px; }
  502. #comment-form .form-left input { width: 180px; display: block; margin-bottom: 10px; }
  503. #comment-form input.sb { clear: left; display: block; }
  504. #comment-form p.lc_logged { margin-top: -20px; position: relative; }
  505.  
  506. /* 5.3 Pingbacks / Trackbacks */
  507. h3#pings { margin: 20px 0 10px 0; }
  508. .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
  509. .pinglist li .author { font-weight: bold; font-size: 15px; }
  510. .pinglist li .date { font-size: 11px; }
  511. .pinglist li .pingcontent { display: block; margin: 10px 0; }
  512.  
  513. /* =6. Page Templates
  514. ----------------------------------------------- */
  515.  
  516. /* 6.1 Full Width */
  517. .page-template-template-fullwidth-php #content>article { width: 920px; }
  518.  
  519. /* 6.2 Contact Form */
  520. #contact-form { display: block; width: 100%; }
  521. #contact-form li { background: none; padding-left: 0; }
  522. #contact-form input.txt,
  523. #contact-form textarea { border-color: #ccc #efefef #efefef #ccc; border-style: solid; border-width: 1px; border-radius: 3px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
  524. #contact-form input.txt { background: #fcfcfc; color: #666; margin: 0 5px 10px 0; padding: 5px 7px; width: 200px; }
  525. #contact-form textarea { background: #fcfcfc; color: #666; padding: 5px 7px; height: 200px !important; width: 80%; }
  526. #contact-form label { display: block; font-size: 12px; line-height: 30px; }
  527. #contact-form #submit { margin: 15px 0 0 0; }
  528. .page-template-template-contact-php .thanks { color: green; }
  529. .page-template-template-contact-php .error { color: red; }
  530.  
  531. /* =7. MISC
  532. ----------------------------------------------- */
  533.  
  534. /* 7.1 Breadcrumbs */
  535. #breadcrumbs { border-bottom: 1px solid #e6e6e6; color: #9c9c9c; display: block; font-size: 12px; overflow: hidden; margin: 0 0 20px 0; padding: 0 0 10px 0; position: relative; }
  536. #breadcrumbs a,
  537. #breadcrumbs span { color: #9c9c9c; }
  538. #breadcrumbs .cat-feed a { background: url(images/ico-feed.png) no-repeat right 5px; padding-right: 16px; color: #999; float: right; }
  539. .header-ad { background: #fff; float: right; margin: 20px 0 0 0; width: 468px; height: 60px; }
  540.  
  541. /* 7.2 Submit Button */
  542. .submit-button, .submit-button:visited { background: #343434 url(images/alert-overlay.png) repeat-x; border: none; display: inline-block; color: #fff !important; font-weight: bold; text-decoration: none; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); padding: 8px 10px !important; position: relative; cursor: pointer; }
  543. .submit-button:hover { color: #fff; opacity: 0.9; filter: alpha(opacity=90); }
  544. .submit-button:active { top: 1px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!