API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 22nd, 2011
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.63 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Boulevard
  3. Description: A WordPress Magazine Theme
  4. Author: Theme Sector
  5. Author URI: http://themesector.com
  6. Version: 1.0.1
  7. */
  8.  
  9. @import url("css/reset.css");
  10. @import url("css/nivo-slider.css");
  11.  
  12. body { background:#EEE; font-family:'PTSansRegular'; font-size:12px; color:#333; }
  13. a { text-decoration:none; color:#bc0c0c; }
  14. a:hover { text-decoration:underline; }
  15. p { line-height:18px; }
  16.  
  17. .post-review-widget { margin-top: 5px; }
  18.  
  19. #jtwt_date { display: none; }
  20.  
  21. /*** Header styles ***/
  22. #header-top-wrapper { background:#121212 url(images/top-navigation-trans.png) bottom repeat-x; height:35px; margin-bottom:20px; }
  23. #header-top { width:980px; margin:0 auto; }
  24. #header-top ul { font-family:'PTSansNarrowRegular'; text-transform:uppercase; font-size:13px; }
  25. #header-top ul li { float:left; display:block; margin-right:18px; position: relative; }
  26. #header-top ul li a { color:#999; text-shadow: 0px -1px 0px #000; height: 35px; line-height: 35px; }
  27. #header-top ul li ul { display: none; background: #fff; padding: 0; border: 1px solid #ddd; border-top: 0;
  28. -webkit-border-bottom-right-radius: 8px;
  29. -webkit-border-bottom-left-radius: 8px;
  30. -moz-border-radius-bottomright: 8px;
  31. -moz-border-radius-bottomleft: 8px;
  32. border-bottom-right-radius: 8px;
  33. border-bottom-left-radius: 8px;
  34. box-shadow:0px 1px 8px rgba(0, 0, 0, 0.2);
  35. }
  36. #header-top ul li:hover > ul { display: block; position: absolute; top: 35px; left: 0; z-index: 100; width: 170px; }
  37. #header-top ul li ul li { margin-right: 0; width: 170px; }
  38. #header-top ul li li a:hover { background: #f1f1f1; text-decoration: none; }
  39. #header-top ul li ul li a { color: #777; border-bottom: 1px solid #ddd; display: block; text-shadow: none; height: auto; line-height: normal; padding: 8px; font-size: 13px; }
  40. #header-top ul li ul li:last-child a { border-bottom: 0; }
  41. #header-top ul li ul li ul { display: none; }
  42. #header-top ul li ul li:hover ul { left: 210px; top: 10px; border-top: 1px solid #ddd;
  43. -webkit-border-radius: 8px;
  44. -moz-border-radius: 8px;
  45. border-radius: 8px;
  46. }
  47.  
  48. #header { margin-bottom:20px; overflow:hidden; }
  49. #logo { float:left; }
  50. #header-banner { float:right; }
  51.  
  52. /*** Navigation ***/
  53. #navigation-wrapper { background:#121212 url(images/navigation-trans.png) repeat-x; height:41px; margin-bottom:20px;-webkit-border-radius: 4px;
  54. -moz-border-radius: 4px;
  55. border-radius: 4px; }
  56. #navigation { font-family:'PTSansNarrowBold'; text-transform:uppercase; font-size:14px; }
  57. #navigation li { float:left; display:block; position: relative; }
  58. #navigation li a { color:#FFF; text-shadow: 0px -1px 0px #000; height: 41px; line-height: 41px; display: inline-block; padding: 0 14px; }
  59. #navigation > ul > li.current-menu-item > a, #navigation > ul > li.current-menu-parent > a { background: url('images/nav-active.png') repeat-x top left; height: 41px; line-height: 41px; }
  60. #navigation > ul > li > a:hover { background: url('images/nav-active.png') repeat-x top left; height: 41px; line-height: 41px; text-decoration: none; }
  61. #navigation li ul { display: none; background: #fff; padding: 0; border: 1px solid #ddd; border-top: 0;
  62. -webkit-border-bottom-right-radius: 8px;
  63. -webkit-border-bottom-left-radius: 8px;
  64. -moz-border-radius-bottomright: 8px;
  65. -moz-border-radius-bottomleft: 8px;
  66. border-bottom-right-radius: 8px;
  67. border-bottom-left-radius: 8px;
  68. box-shadow:0px 1px 8px rgba(0, 0, 0, 0.2);
  69. }
  70. #navigation li:hover > ul { display: block; position: absolute; top: 41px; left: 0; z-index: 100; width: 170px; }
  71. #navigation li ul li { margin-right: 0; width: 170px; }
  72. #navigation ul li li a:hover { background: #f1f1f1; text-decoration: none; }
  73. #navigation li ul li a { color: #777; border-bottom: 1px solid #ddd; display: block; text-shadow: none; height: auto; line-height: normal; padding: 8px; font-size: 13px; }
  74. #navigation li ul li:last-child a { border-bottom: 0; }
  75. #navigation li ul li ul { display: none; }
  76. #navigation li ul li:hover ul { left: 210px; top: 10px; border-top: 1px solid #ddd;
  77. -webkit-border-radius: 8px;
  78. -moz-border-radius: 8px;
  79. border-radius: 8px;
  80. }
  81.  
  82. /*** General styles ***/
  83. #wrapper { width:980px; margin:0 auto; overflow:hidden; }
  84. #main { width:650px; float:left; }
  85.  
  86. .alignleft { float: left; }
  87. .alignright { float: right; }
  88.  
  89. .clear { clear: both; }
  90.  
  91. .post-navigation { margin-bottom: 10px; }
  92.  
  93. /*** Featured ***/
  94. #featured-wrapper { margin-bottom:20px; }
  95. .slider-item { position:relative; width:650px; height:400px; background: white url('images/loading.gif') no-repeat 50% 50%; }
  96. .nivo-caption { position:absolute; bottom:0; }
  97. .nivo-caption .category { float:left; background:#bc0c0c; color:#FFF; padding:6px 10px 6px 10px; text-shadow: 0px -1px 0px #000; font-family:'PTSansNarrowBold'; font-size:15px; }
  98. .nivo-caption .category a { color:#FFF; }
  99. .nivo-caption .date { float:left; background:#424242; color:#CCC; padding:6px 10px 6px 10px; text-shadow: 0px -1px 0px #000; font-family:'PTSansNarrowBold'; font-size:15px; margin-left:-2px; }
  100. .nivo-caption .comments { float:right; background:url(images/comment-bg.png) no-repeat; text-shadow: 0px -1px 0px #000; color:#FFF; height:32px; width:33px; font-family:'PTSansNarrowBold'; font-size:15px; position:absolute; right:0; top:4px; text-align:center; padding-top:4px; }
  101. .nivo-caption .comments a { color:#FFF; }
  102. .nivo-caption .slider-heading { background:url(images/trans.png) repeat; padding:12px; clear:both; }
  103. .nivo-caption .slider-heading h2 a { line-height:30px; font-size:26px; color:#FFF; text-transform:uppercase; text-shadow: 0px -1px 0px #000; font-family:'PTSansNarrowBold'; margin-bottom:4px; display:block; }
  104. .nivo-caption .slider-heading p { color:#BBB; text-shadow: 0px -1px 0px #000; }
  105.  
  106. .nivo-controlNav { right:18px; top:15px; position:absolute; }
  107. .nivo-controlNav .nivo-control { background:url(images/slider-button.png) no-repeat; width:20px; height:20px; display:block; float:left; text-indent: -100000px; }
  108. .nivo-controlNav .nivo-control.active { background:url(images/slider-button-active.png) no-repeat; }
  109.  
  110. /*** Items ***/
  111. #items-wrapper { margin-bottom:10px; overflow:hidden;
  112. padding: 0 0 0 0 }
  113. .item {
  114. margin-bottom:16px;
  115. position:relative;
  116. padding:10px;
  117. background:#FFF;
  118. border:1px solid #d2d2d2;
  119. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  120. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  121. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
  122. .item.last { margin-right:0; }
  123. .item img { margin-bottom:6px; }
  124. .item h3 { margin-bottom:6px; }
  125. .item h3 a { font-family:'PTSansNarrowBold'; text-transform:uppercase; font-size:16px; color:#444; }
  126. .item p { font-size:12px; color:#666; line-height:18px; margin-bottom:36px; }
  127. .item .item-meta { position:absolute; left:0; bottom:0; background:#F1F1F1; border-top:1px solid #D7D7D7; ; padding:8px 0 10px 0;
  128. width: 100%;}
  129. .item .item-meta .date { font-style:italic; color:#888; text-shadow: 0px -1px 0px #FFF; font-size:11px; float:left;
  130. padding-left: 10px;
  131. }
  132. .item .item-meta .category { float:right; text-shadow: 0px -1px 0px #FFF; font-size:11px; padding-right: 10px; }
  133. .item-thumb { position:relative; }
  134. .thumb-icon { height:26px; width:26px; position:absolute; left:10px; top:10px; }
  135. .thumb-icon.audio { background:url(images/music-icon.png) no-repeat; }
  136. .thumb-icon.gallery { background:url(images/gallery-icon.png) no-repeat; }
  137. .thumb-icon.video { background:url(images/video-icon.png) no-repeat; }
  138.  
  139. .thumb-icon-small { height:16px; width:16px; position:absolute; left:35px; top:35px; }
  140. .thumb-icon-small.audio { background:url(images/music-icon-small.png) no-repeat; }
  141. .thumb-icon-small.gallery { background:url(images/gallery-icon-small.png) no-repeat; }
  142. .thumb-icon-small.video { background:url(images/video-icon-small.png) no-repeat; }
  143.  
  144. .item-thumb .comments { background:url(images/comment-bg.png) no-repeat; text-shadow: 0px -1px 0px #000; color:#FFF; height:32px; width:33px; position:absolute; right:2px; bottom:0; text-align:center; padding-top:4px; font-family:'PTSansNarrowBold'; font-size:15px; }
  145. .item-thumb .comments a { color: #fff; }
  146. .item-review { background:url(images/trans.png) repeat; position:absolute; left:0; bottom:9px; display:block; height:12px; padding:5px;}
  147.  
  148. /*** pagination ***/
  149. #pagination { margin-bottom:30px; overflow:hidden; }
  150. #pagination ul li { background:#cccccc; padding:8px 12px 8px 12px; float:left; display:block; margin-right:8px; font-size:14px; color:#777; text-shadow: 0px -1px 0px #FFF; }
  151. #pagination ul li a { color:#777; }
  152. #pagination ul li.active { background:#666666; color:#FFF; text-shadow: 0px -1px 0px #444; }
  153.  
  154. /*** Sidebar ***/
  155. #sidebar { float:right; width:300px; }
  156. .widget { margin-bottom:20px; overflow:hidden; }
  157. .widget h4 { background:url(images/widget-bg.png) repeat-x; font-size:18px; font-family:'PTSansNarrowBold'; text-transform:uppercase; color:#FFF; text-shadow: 0px -1px 0px #888; height:31px; padding:7px 0 0 10px; margin-bottom:20px; }
  158.  
  159. /** Social widget **/
  160. .social-box { margin-bottom:10px; overflow:hidden; }
  161. .social-box img { float:left; }
  162. .social-box-text {
  163. position:relative;
  164. float:right;
  165. padding:4px 10px 6px 10px;
  166. width:212px;
  167. background:#FFF;
  168. border:1px solid #d2d2d2;
  169. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  170. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  171. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  172. -webkit-border-radius: 6px;
  173. -moz-border-radius: 6px;
  174. border-radius: 6px; }
  175. .social-box-descrip { font-family:'PTSansNarrowRegular'; font-size:16px; color:#777; display:block; margin-bottom:1px; }
  176. .social-box-count { color:#999; font-size:11px; }
  177. .social-arrow { background:url(images/social-arrow.png) no-repeat; position:absolute; left:-8px; top:17px; height:12px; width:8px; display:block; }
  178.  
  179. /** recent post widget **/
  180. .widget-item { margin-bottom:10px; overflow:hidden; position: relative; }
  181. .widget-item .thumb, .widget-item .avatar { background:#FFFFFF; border:1px solid #D5D5D5; padding:5px; float:left; margin-right:10px; }
  182. .widget-item h3 a { font-family:'PTSansNarrowRegular'; font-size:13px; font-weight:bold; margin-bottom:5px; display:block; text-shadow: 0px -1px 0px #FFF; color:#444; }
  183. .widget-item .date { color:#888; margin-right:6px; text-shadow: 0px -1px 0px #FFF; }
  184. .widget-item .comments { background:url(images/comment.png) no-repeat left; padding-left:18px; color:#888; text-shadow: 0px -1px 0px #FFF; }
  185.  
  186. /** recent tweets **/
  187. .twitter #jtwt_text { background:url(images/twitter_small.png) no-repeat left top; padding-left:22px; margin-bottom:10px; }
  188.  
  189. /** flickr widget **/
  190. #sidebar .flickr .flickr_badge_image { float:left; margin-right:14px; margin-bottom:14px; }
  191. #sidebar .flickr #flickr_badge_image3, #sidebar .flickr #flickr_badge_image6, #sidebar .flickr #flickr_badge_image9, #sidebar .flickr #flickr_badge_image12, #sidebar .flickr #flickr_badge_image15, #sidebar .flickr #flickr_badge_image18, #sidebar .flickr #flickr_badge_image21, #sidebar .flickr #flickr_badge_image24, #sidebar .flickr #flickr_badge_image27, #sidebar .flickr #flickr_badge_image30 { margin-right:0; }
  192. #sidebar .flickr .flickr_badge_image img { background:#333; border:1px solid #111; padding:5px; }
  193.  
  194. /** tabs widget **/
  195. .tabs { border-bottom:1px solid #CCC; overflow:hidden; padding-left:5px; font-size:13px; font-family:'PTSansNarrowBold'; text-transform:uppercase; color:#888; margin-bottom:20px; list-style: none; }
  196. .tabs a { color: #888 !important; }
  197. .tabs li { border-bottom:none !important; background-image: none !important; float:left; padding:10px; background:#F2F2F2; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; margin-right:4px; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; margin-bottom: 0 !important; }
  198. .tabs li.active { background:#E2E2E2; border-color:#D1D1D1; color:#666; text-shadow: 0px -1px 0px #FFF; }
  199.  
  200. /** search widget **/
  201. .search-field { background:#FFF url(images/search-icon.png) no-repeat left; border:1px solid #d5d5d5; padding:7px 7px 7px 25px; outline: none; font-family:'PTSansRegular'; font-size:13px; color:#777; width:208px;
  202. -moz-box-shadow:inset 0 0 7px #DDD;
  203. -webkit-box-shadow:inset 0 0 7px #DDD;
  204. box-shadow:inset 0 0 7px #DDD;
  205. }
  206. .search-button { background:#858585; border:1px solid #666; font-family:'PTSansRegular'; font-size:13px; color:#FFF; text-shadow: 0px -1px 0px #555; padding:7px; margin-left:-4px; cursor:pointer; }
  207.  
  208. /** general widget style **/
  209. .widget ul a { #333; }
  210. .widget li { border-bottom: 1px dashed #CCC; padding-bottom: 10px; margin-bottom: 10px; }
  211. .widget p { line-height: 18px; }
  212.  
  213. /** Calendar **/
  214. #calendar_wrap { margin: 0 auto; }
  215. #calendar_wrap caption { text-align: center; }
  216.  
  217. #wp-calendar caption {
  218. font: bold 1.1em;
  219. margin-bottom: 5px;
  220. }
  221.  
  222. #wp-calendar {
  223. border-left: 1px solid #e6e6e6;
  224. border-top: 1px solid #e6e6e6;
  225. line-height:15px;
  226. margin:0 0 22px 0;
  227. text-align:left;
  228. }
  229.  
  230. #wp-calendar th {
  231. font: bold 11px;
  232. color: #fff;
  233. border-right: 1px solid #e6e6e6;
  234. letter-spacing: 2px;
  235. text-transform: uppercase;
  236. padding: 6px 6px 6px 12px;
  237. background: #666;
  238. }
  239.  
  240. #wp-calendar td {
  241. border-right: 1px solid #e6e6e6;
  242. border-bottom: 1px solid #e6e6e6;
  243. padding: 6px 6px 6px 12px;
  244. color: #333;
  245. }
  246.  
  247. tr.even { background: #fafafa; }
  248.  
  249. /*** Footer ***/
  250. #footer-wrapper { background:#272727 url(images/pattern7.png) repeat; border-top:8px solid #151515; overflow:hidden; }
  251. #footer { width:980px; margin:0 auto; padding:30px 0 30px 0; }
  252. #footer a { color:#CCC; text-shadow: 0px -1px 0px #000; }
  253.  
  254. /** Footer widgets **/
  255. #footer .widget { width:215px; float:left; margin-right:40px; color:#666; text-shadow: 0px -1px 0px #000; }
  256. #footer .widget.last { margin-right:0; }
  257. #footer .widget h4 { background:#2e2e2e; color:#aaa; text-shadow: 0px -1px 0px #000; }
  258. #footer .widget p { margin-bottom:20px; }
  259.  
  260. /** footer widget item **/
  261. #footer .widget .widget-item .thumb { background:#333; border:1px solid #111; }
  262. #footer .widget .widget-item h3 a { color:#CCC; text-shadow: 0px -1px 0px #000; }
  263. #footer .widget .widget-item .date { color:#666; text-shadow: 0px -1px 0px #000; margin-right:3px; }
  264. #footer .widget .widget-item .comments { background:url(images/comment-footer.png) no-repeat left; color:#666; text-shadow: 0px -1px 0px #000; }
  265.  
  266. /** footer widget twitter **/
  267. #footer .widget .twitter { color:#666; text-shadow: 0px -1px 0px #000; }
  268. #footer .widget .follow a { text-shadow: 0px -1px 0px #000; color:#CCC; }
  269.  
  270. /** footer widget flickr **/
  271. #footer .flickr .flickr_badge_image { float:left; margin-right:14px; margin-bottom:14px; }
  272. #footer .flickr .flickr_badge_image img { width: 50px; height: 50px; }
  273. #footer .flickr #flickr_badge_image3, #footer .flickr #flickr_badge_image6, #footer .flickr #flickr_badge_image9, #footer.flickr #flickr_badge_image12, #footer .flickr #flickr_badge_image15, #footer .flickr #flickr_badge_image18, #footer .flickr #flickr_badge_image21, #footer .flickr #flickr_badge_image24, #footer .flickr #flickr_badge_image27, #footer .flickr #flickr_badge_image30 { margin-right:0; }
  274. #footer .flickr .flickr_badge_image img { background:#333; border:1px solid #111; padding:5px; }
  275.  
  276. /*** Bottom ***/
  277. #bottom-wrapper { background:#151515 url(images/pattern7.png) repeat; }
  278. #bottom { width:980px; margin:0 auto; padding:12px 0 12px 0; color:#555; text-shadow: 0px -1px 0px #000; overflow:hidden; }
  279. #bottom a { color: #555; }
  280. #bottom .left { float:left; }
  281. #bottom .right { float:right; }
  282. #bottom .totop a { color:#555; float:right; margin-left:20px; background:url(images/totop.png) no-repeat right; padding-right:10px; }
  283.  
  284. /*** Post ***/
  285. #post-wrapper {
  286. background:#FFF;
  287. margin-bottom:30px;
  288. border:1px solid #d2d2d2;
  289. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  290. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  291. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
  292.  
  293. #post-header { margin-bottom:6px; }
  294. #post-header h1 { float:left; font-family:'PTSansNarrowRegular'; font-size:30px; color:#333; padding:10px 20px 12px 20px; width:560px; }
  295. .post-meta { background:url(images/post-meta-bg.png) repeat-x; border-top:1px solid #D2D2D2; height:28px; border-bottom:1px solid #C5C5C5; padding:11px 20px 0 20px; clear:both; }
  296. .post-meta .author { background:url(images/author-icon.png) no-repeat; padding-left:20px; margin-right:20px; }
  297. .post-meta .author a { color:#888; text-shadow: 0px -1px 0px #FFF; }
  298. .post-meta .date { background:url(images/date-icon.png) no-repeat; padding-left:20px; color:#888; text-shadow: 0px -1px 0px #FFF; }
  299. .post-meta .category { background:url(images/category-icon.png) no-repeat right; padding-right:24px; text-shadow: 0px -1px 0px #FFF; float:right; }
  300. .post-comment-box { margin:14px 14px 0 0; background:#bc0c0c url(images/comment-bg.png) no-repeat; text-shadow: 0px -1px 0px #000; color:#FFF; height:32px; width:33px; text-align:center; padding-top:4px; font-family:'PTSansNarrowBold'; font-size:15px; float:right; }
  301. .post-comment-box a { color:#FFF; }
  302.  
  303. #post { padding:20px; }
  304. #post .featured-image { border:1px solid #d8d8d8; padding:4px; margin-bottom: 15px; }
  305. .post-content p { font-size:13px; margin-bottom:20px; line-height:20px; }
  306. .post-content h1 { font-size:25px; margin-bottom:14px; }
  307. .post-content h2 { font-size:22px; margin-bottom:14px; }
  308. .post-content h3 { font-size:19px; margin-bottom:14px; }
  309. .post-content h4 { font-size:17px; margin-bottom:14px; }
  310. .post-content h5 { font-size:15px; margin-bottom:14px; }
  311. .post-content h6 { font-size:13px; margin-bottom:14px; text-transform:uppercase; }
  312. .post-content hr { border:0; background-color: #DDD; height:1px; margin-bottom:14px; color:#DDD; }
  313. .post-content blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; padding-top:5px; margin-left:25px; color:#777; font-style:italic; }
  314. .post-content ol { padding-left:42px; margin-bottom:20px; font-size:13px; }
  315. .post-content ol li { list-style-type: decimal; margin-bottom:6px; }
  316. .post-content ul { padding-left: 26px; margin-bottom:20px; font-size:13px; }
  317. .post-content ul li { background:url(images/ul-dot.png) no-repeat; padding-left:15px; margin-bottom:10px; }
  318. .post-content pre { overflow: auto; margin-bottom:20px; }
  319. .post-content .alignright { float:right; margin:0 0 4px 10px; }
  320. .post-content .alignleft { float:left; margin:0 10px 4px 0; }
  321. .wp-caption, .gallery-caption { border: 1px solid #D7D7D7; padding-top: 4px; margin-bottom:20px; text-align: center; }
  322. p.wp-caption-text { margin-bottom:2px; }
  323. .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
  324.  
  325. /** Review box **/
  326. .post-review { float:right; width:200px; border:1px solid #D7D7D7; margin-left:10px; margin-bottom:20px; }
  327. .overall-score { background:#EEE; margin:1px; padding:10px; text-align:center; }
  328. .post-review ul { border-top:1px solid #D7D7D7; padding:0; margin:0; }
  329. .post-review ul li { background:url(images/criteria-bg.gif) repeat-x bottom; border-bottom:1px solid #D7D7D7; padding:10px; color:#555; margin:0; }
  330. .post-review ul li:last-child { border-bottom:none; }
  331. .score { float:right; }
  332.  
  333. /*** Shortcodes ***/
  334.  
  335. /** Columns **/
  336. .one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; line-height:21px; margin-bottom:20px; }
  337. .one_half { width: 48%; }
  338. .one_third { width: 30.6666%; }
  339. .two_third { width: 65.3332%; }
  340. .one_fourth { width: 22%; }
  341. .three_fourth { width: 74%; }
  342. .last { margin-right: 0 !important; clear: right; }
  343. .clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }
  344.  
  345. /** Dropcap **/
  346. .dropcap { font-size:32px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }
  347.  
  348. /** Highlight **/
  349. .highlight1 { background:#f6f67a; }
  350. .highlight2 { background:#000; color:#CCC; }
  351.  
  352. /** Video **/
  353. .video-shortcode { margin-bottom:20px; }
  354.  
  355. /** Tabs **/
  356. .post-content .tabs { margin-bottom: 0 !important; }
  357. .post-content .tabs li { padding-left: 10px !important; }
  358. .post-content .tab_content {padding:16px 16px 0 16px; overflow:hidden; }
  359. .post-content .tabs-wrapper { overflow: hidden; width: 100%; margin-bottom: 20px; }
  360. .post-content .tabs-wrapper .tab_content { border:1px solid #d7d7d7; border-width:0 1px 1px 1px; }
  361.  
  362. /** Toggles **/
  363. .toggle { background:url(images/light-button.png) repeat-x; border:1px solid #BBB; padding:6px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }
  364. .toggle:hover { background:url(images/light-button.png) repeat-x; background-position:0 -37px; }
  365. .toggle a { background:url(images/toggle-arrow.png) no-repeat left; text-decoration:none; padding-left:30px; text-shadow: 0px -1px 0px #FFF; color:#444 !important; font-size:16px; }
  366. .toggle-content { display:none; background:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:20px; border:1px solid #DDD; font-size:14px; line-height:18px; text-shadow: 0px -1px 0px #FFF; margin-bottom:16px; }
  367. .toggle-content .block {padding:0px;}
  368.  
  369. /** Checklist **/
  370. .checklist li { background:url(images/check-list.png) no-repeat left !important; padding-left:28px !important; }
  371.  
  372. /** Badlist **/
  373. .badlist li { background:url(images/bad-list.png) no-repeat left !important; padding-left:28px !important; }
  374.  
  375. /** Buttons **/
  376. .button { padding:6px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-size:16px; cursor:pointer; }
  377. .button a { color:#FFF !important; text-shadow: 0px -1px 0px #333; }
  378. .button a:hover { text-decoration:none; }
  379. .button.black { background:url(images/black-button.png) repeat-x; border:1px solid #000; }
  380. .button.black:hover { background:url(images/black-button.png) repeat-x; background-position:0 -37px; }
  381. .button.red { background:url(images/red-button.png) repeat-x; border:1px solid #690000; }
  382. .button.red:hover { background:url(images/red-button.png) repeat-x; background-position:0 -37px; }
  383. .button.green { background:url(images/green-button.png) repeat-x; border:1px solid #0e5800; }
  384. .button.green:hover { background:url(images/green-button.png) repeat-x; background-position:0 -37px; }
  385. .button.blue { background:url(images/blue-button.png) repeat-x; border:1px solid #244f7c; }
  386. .button.blue:hover { background:url(images/blue-button.png) repeat-x; background-position:0 -37px; }
  387. .button.orange { background:url(images/orange-button.png) repeat-x; border:1px solid #824700; }
  388. .button.orange:hover { background:url(images/orange-button.png) repeat-x; background-position:0 -37px; }
  389. .button.light { background:url(images/light-button.png) repeat-x; border:1px solid #afafaf; }
  390. .button.light a { color:#5d5d5d !important; text-shadow: 0px -1px 0px #FFF; }
  391. .button.light:hover { background:url(images/light-button.png) repeat-x; background-position:0 -37px; }
  392.  
  393. .post-tags a { background:url(images/tag.png) no-repeat left; padding-left:21px; padding-right:10px; height:18px; margin:4px 10px 4px 0; padding-top:5px; font-size:11px !important; color:#777; text-shadow: 1px 1px 1px #FFF; display:inline-block; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px;}
  394.  
  395. .post-box-wrapper { border-bottom:1px solid #E1E1E1; }
  396. .post-box-wrapper.first { border-top:1px solid #E1E1E1; }
  397. .post-box { padding:20px 20px 27px 20px; overflow:hidden; }
  398. .post-box h5 { font-family:'PTSansNarrowRegular'; font-size:20px; color:#666; margin-bottom:10px; }
  399. .post-box .avatar { border:1px solid #d8d8d8; padding:4px; float:left; margin-right:10px; }
  400. .post-box p { font-size:13px; color:#777; line-height:20px; }
  401.  
  402. .related-item { float:left; margin-right:19px; }
  403. .post-box .related-item.last { margin-right:0; }
  404. .related-item img { padding:4px; border:1px solid #d8d8d8; }
  405.  
  406. /** Post Share **/
  407. .post-share {
  408. width: 80px; padding: 10px 0px; padding-bottom: 0; background: #ffffff; border: 1px solid #d2d2d2;
  409. -webkit-border-radius: 8px;
  410. -moz-border-radius: 8px;
  411. border-radius: 8px;
  412. text-align: center;
  413. position: fixed;
  414. top: 229px;
  415. left: auto;
  416. z-index: 15;
  417. margin-left: -103px;
  418. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  419. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  420. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  421. }
  422.  
  423. .share-widget {
  424. margin-bottom: 10px;
  425. }
  426.  
  427. /** Comments styles **/
  428. #comments { }
  429. #comments h3 { font-size:26px; border-bottom:4px solid #DDD; margin-bottom:25px; }
  430. ol.commentlist { margin-bottom:40px; }
  431. li.commentlist { }
  432. .the-comment { margin-bottom:24px; }
  433. .avatar { border:1px solid #CCC; float:left; margin-right:14px; }
  434. .comment-arrow { background:url(images/comment-arrow2.png) no-repeat; width:8px; height:15px; float:left; margin-top:16px; margin-right:-1px; }
  435. .comment-box { background:url(images/comment-bg2.png) repeat-x; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:14px; overflow:hidden; }
  436. .comment-author { margin-bottom:10px; }
  437. .comment-author small { color:#888; }
  438. .comment-text { line-height:18px; }
  439. #comments .children { margin: 20px 0 0 83px; }
  440. #comments .children li.comment { margin: 0 0 20px 0; }
  441. .cancel-comment-reply { margin-bottom:10px; }
  442. .no-comments { color:#888; }
  443. .comment-author a { color:#3a3a3a; }
  444. .comment-text-side { color:#888; font-style:italic; line-height:18px; }
  445.  
  446. #tab2 h3 a { font-style: normal !important; font-weight: normal !important; }
  447. .who-said { font-weight: bold !important; margin-bottom: 5px !important; }
  448.  
  449. #comment-input { float:left; margin-right:20px; }
  450. #comment-input input { border:0; margin-bottom:17px; }
  451. #comment-input input:focus, textarea:focus { outline:none; }
  452. #comment-input label { display:block; margin-bottom:5px; }
  453. #comment-input label .req { color:#999; }
  454. .input-name { background:url(images/input-name.png) no-repeat; width:198px; padding:11px 10px 14px 34px; }
  455. .input-email { background:url(images/input-email.png) no-repeat; width:198px; padding:11px 10px 14px 34px; }
  456. .input-website { background:url(images/input-website.png) no-repeat; width:198px; padding:11px 10px 14px 34px; }
  457. #comment-textarea { float:right; }
  458. .textarea-comment { background:url(images/textarea-comment.png) no-repeat; border:0; width:308px; height:163px; padding:14px; font-family:arial; }
  459. #comment-textarea label { display:block; margin-bottom:5px; }
  460. #comment-textarea-admin { float:none; margin-bottom:16px; }
  461. #comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
  462. #comment-submit { clear:both; float:right; margin-bottom:10px; }
  463. #comment-submit-admin { clear:both; margin-bottom:10px; }
  464. .comment-submit { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:6px 10px 7px 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-size:13px; color:#FFF; text-shadow: 0px -1px 0px #000; cursor:pointer; }
  465. .comment-submit:hover { background:url(images/black-button.png) repeat-x; background-position:0 -37px; }
  466.  
  467. /*** Page ***/
  468. #page-header { border-bottom:1px solid #D8D8D8; }
  469. #page-header h1 { font-family:'PTSansNarrowRegular'; font-size:30px; color:#333; padding:10px 20px 12px 20px; margin-bottom:2px; }
  470.  
  471.  
  472. /*** Archive ***/
  473. #archive-title {
  474. background:#FFF;
  475. margin-bottom:30px;
  476. border:1px solid #d2d2d2;
  477. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  478. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  479. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  480. padding:10px 10px 11px 12px;
  481. }
  482. #archive-title h1 { font-size:23px; }
  483. #archive-title span { color:#999; margin-bottom:2px; display:block; }
  484.  
  485. /** Form **/
  486. .postForm label { font-size: 12px; display: block; color: #333; margin-bottom: 5px; }
  487. .postForm label span { color: #999; font-weight: normal; }
  488. .postForm div { margin-bottom: 17px; }
  489. .postForm .text { background: url(images/input-name.png) no-repeat; border: 0; color: #333; width: 198px; padding: 11px 10px 14px 34px; }
  490. .postForm .error { border: 1px solid red; }
  491. .postForm textarea {
  492. background: url(images/textarea-comment.png) no-repeat;
  493. border: 0;
  494. width: 308px;
  495. height: 163px;
  496. padding: 14px;
  497. font-family: arial;
  498. }
  499. .postForm .submit { background: #4e4e4e; border: 1px solid #3d3d3d; font-size: 12px; color: #fff; font-weight: bold; padding: 6px 20px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
  500. .postForm .submit:hover { background: #414141; }
  501. .postForm .error_msg { display: none; margin-top: 5px; color: red; }
  502. .postForm .email_sent { color: green; margin-bottom: 10px; display: none; }
  503. .postForm #pyre_email { background: url(images/input-email.png) no-repeat; }
  504. /*** Fonts ***/
  505. @font-face {
  506. font-family: 'PTSansRegular';
  507. src: url('fonts/PTS55F-webfont.eot');
  508. src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
  509. url('fonts/PTS55F-webfont.woff') format('woff'),
  510. url('fonts/PTS55F-webfont.ttf') format('truetype'),
  511. url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
  512. font-weight: normal;
  513. font-style: normal;
  514.  
  515. }
  516.  
  517. @font-face {
  518. font-family: 'PTSansNarrowRegular';
  519. src: url('fonts/PTN57F-webfont.eot');
  520. src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
  521. url('fonts/PTN57F-webfont.woff') format('woff'),
  522. url('fonts/PTN57F-webfont.ttf') format('truetype'),
  523. url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
  524. font-weight: normal;
  525. font-style: normal;
  526.  
  527. }
  528.  
  529. @font-face {
  530. font-family: 'PTSansNarrowBold';
  531. src: url('fonts/PTN77F-webfont.eot');
  532. src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
  533. url('fonts/PTN77F-webfont.woff') format('woff'),
  534. url('fonts/PTN77F-webfont.ttf') format('truetype'),
  535. url('fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
  536. font-weight: normal;
  537. font-style: normal;
  538.  
  539. }
  540.  
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!