API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 6th, 2012
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.99 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme name: Beauty Clean
  3. Theme URI: http://www.yourinspirationweb.com/tf/beauty-clean/
  4. Description: Beauty is a clean and elegant theme that can be used for your company website: it offers in fact the possibility to visualize in Home an introductory page and the latest news, a feature common to many corporate sites. Nevertheless, it's perfect also for a more traditional use of WordPress, as also in the blog version the layout remains vital and engaging. It has 5 widget areas, two-columns, fixed-width, 2 pre-defined templates, one customizable multi-level drop-down menus, featured posts, a corporate layout, translations in many languages. WP 3.0 Menus, Custom Post Types and Custom Taxonomies are integrated. Support forum <a href="http://www.yourinspirationweb.com/tf/support/forum/">here</a>. (<a href="http://www.freeminimalwptheme.com/?ap_id=panel&c_id=panel" title="Get Beauty Premium">Get Beauty Premium</a>)
  5. Version: 1.0.8
  6. Author: Your Inspiration Web
  7. Author URI: http://www.yourinspirationweb.com/en/
  8. License: GNU General Public License version 3.0
  9. License URI: http://www.gnu.org/licenses/gpl-3.0.html
  10. Tags: black, red, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready
  11. */
  12.  
  13. /***********************************************************************
  14. ******************* reset.css ******************************************
  15. ************************************************************************/
  16. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
  17. body {line-height:1.5;}
  18. table {border-collapse:separate; border-spacing:0;}
  19. caption, th, td {text-align:left;font-weight:normal;}
  20. table, td, th {vertical-align:middle;}
  21. th {color:#757475;line-height:40px;min-height:40px;text-align:center;padding:10px;font-weight:bold;}
  22. blockquote:before, blockquote:after, q:before, q:after { content:""; }
  23. blockquote, q { quotes:"" ""; }
  24. a img {border:none;}
  25. .clearer {height:0px;overflow:hidden;margin:0px;clear:both;}
  26. .center {text-align:center;}
  27.  
  28. /* seld-clear floats */
  29. .group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
  30. /***********************************************************************/
  31.  
  32.  
  33. html, body, div, p{
  34. margin: 0;
  35. padding: 0;
  36. border: 0;
  37. }
  38.  
  39. img { border:0 }
  40.  
  41. /* Main Layout */
  42.  
  43. html { min-height:100% }
  44. body { font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; min-width:1098px; font-size:75% }
  45. p, li, address, dd, blockquote { color:#545252; font-size:1em; line-height:1.81em }
  46. p, dl { margin-bottom:30px }
  47. a, a:hover { text-decoration:none }
  48. h1, h2, h3, h4, h5, h6 { font-family:'ChampagneLimousinesRegular'; font-weight:bold; color:#a50101; margin-bottom:30px; }
  49. h1 { font-size:2.571em }
  50. h2 { font-size:2.154em }
  51. h3 { font-size:1.8em }
  52. h4 { font-size:1.5em }
  53. h5 { font-size:1.2em }
  54. h6 { font-size:0.9em }
  55. #content ul { margin-left:40px; margin-bottom:20px; list-style:square }
  56. #content ol {margin-left:40px;margin-bottom:20px;}
  57. i, em { font-style:italic }
  58. strong { font-weight:bold; }
  59. #content strong { color:#545252 }
  60. #content blockquote { background:url('images/cite.png') no-repeat 45px 25px; padding:35px; }
  61. dt { font-weight:bold; }
  62.  
  63. .line { border-top:1px solid #cacaca }
  64. .space { height:45px }
  65. body .last, body .widget-last { margin-right:0; border-right:0; }
  66.  
  67. #wrapShadow { background:url('images/header.png') top center no-repeat; }
  68. #wrapper { width:920px; margin:0 auto; background:#FFF url('images/bg-wrap.png') top center repeat-y; padding:0 30px }
  69.  
  70.  
  71. /* ====================== START SLOGAN AND NAV-SPACE ====================== */
  72. #header { float:left; width:100%; margin:0px 0; position:relative; }
  73. div#slogan { float:right; }
  74. div#slogan h1, h1#slogan { font-family:'ChampagneLimousinesBold'; font-weight:bold; text-align:center; margin:42px 0; color:#979797; font-size:1.6em; }
  75. h1#slogan { margin:20px 0; clear:both; }
  76. #slogan span { font-family:'ChampagneLimousinesRegular'; font-weight:bold }
  77. #slogan cufon { z-index:0; }
  78. /* ====================== END SLOGAN AND NAV-SPACE ====================== */
  79.  
  80.  
  81. /* ====================== START LOGO ====================== */
  82. #logo { float:left; text-align:left; position:absolute; width:302px; top:0px; left:0; }
  83. #logo p { font-family:'ChampagneLimousinesBold'; color:#8d8d8d; text-align:center; font-size:1.738em; margin:0 0 15px 0 }
  84. #logo strong { font-family:'ChampagneLimousinesRegular' }
  85.  
  86. #logo a:hover { text-decoration:none; }
  87. #logo span.name { font-size:68px; display:block; line-height:72px; margin-top:-20px; }
  88. #logo span.description { font-size:18px; display:block; margin-top:5px; }
  89. #logo span.description span { font-weight:bold; color:#888; }
  90. #logo a { color:#999; }
  91. /* ====================== END LOGO ====================== */
  92.  
  93.  
  94. /* ====================== START NAV ====================== */
  95. #nav { position:relative; z-index:1000; margin-left:320px; }
  96. #nav ul { margin:0; float:right; list-style:none; }
  97. #nav li { margin:0 0 0 30px; float:left; padding:175px 0; position:relative; }
  98. #nav a { display:block; line-height:11px; color:#4f4e4e; text-decoration:none; letter-spacing:2px; position:relative; }
  99. #nav a:hover, #nav .current_page_item a { color:#a10404 }
  100.  
  101. /* second level */
  102. #nav ul.sub-menu, #nav ul.children { display:none; position:absolute; padding:5px 10px; margin:18px 0 0; width:150px; background:#fff; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
  103. #nav ul.sub-menu li, #nav ul.children li { float:none; display:block; padding:10px 0; margin:0; text-transform:none; border-top: 1px solid #DDD; line-height:1em; }
  104. #nav ul.sub-menu li:first-child, #nav ul.children li:first-child { border:0; }
  105. #nav ul.sub-menu li a, #nav ul.children a { color:#8c969e; letter-spacing:0; }
  106. #nav ul.sub-menu li a:hover, #nav ul.children a:hover { color:#333; }
  107.  
  108. /* third level */
  109. #nav ul.sub-menu li ul, #nav ul.children li ul { margin:0; top: -6px; z-index:100; }
  110.  
  111. /*indicators*/
  112. #nav a.sf-with-ul{ min-width:1px; padding-right: 15px; }
  113. #nav .sf-sub-indicator{position:absolute; display:block; width:10px; height:7px; text-indent:-999em; background: url('images/menu-arrow.png') bottom left; top: 0.25em; left: 110% !important;}
  114. #nav a:focus >.sf-sub-indicator,
  115. #nav a:hover >.sf-sub-indicator,
  116. #nav a:active >.sf-sub-indicator,
  117. #nav li:hover >a >.sf-sub-indicator,
  118. #nav li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top left;}
  119.  
  120. #nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 0;}
  121. #nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 0;}
  122. #nav ul.sub-menu a:focus >.sf-sub-indicator,
  123. #nav ul.sub-menu a:hover >.sf-sub-indicator,
  124. #nav ul.sub-menu a:active >.sf-sub-indicator,
  125. #nav ul.sub-menu li:hover >a >.sf-sub-indicator,
  126. #nav ul.sub-menu li.sfHover >a >.sf-sub-indicator,
  127. #nav ul.children a:focus >.sf-sub-indicator,
  128. #nav ul.children a:hover >.sf-sub-indicator,
  129. #nav ul.children a:active >.sf-sub-indicator,
  130. #nav ul.children li:hover >a >.sf-sub-indicator,
  131. #nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top right; }
  132.  
  133. /* nojs */
  134. body.no_js #nav ul li:hover > ul { display:block }
  135. body.no_js #nav ul li ul.submenu li:hover > ul, body.no_js #nav ul li ul.children li:hover > ul { display:block }
  136. /* ====================== END NAV ====================== */
  137.  
  138.  
  139. /* ====================== START TWITTER ====================== */
  140. #twitter { height:123px; width:460px; float:right; margin:18px 0; border-left:1px solid #cacaca; padding-left:12px }
  141. #twitter img { float:left }
  142. #twitter blockquote { width:202px; height:85px; padding:15px 15px 8px 63px; background:url('images/balloon-twitter.png'); float:right; font-size:0.923em; line-height:1.385em; color:#505050 }
  143. /* ====================== END TWITTER ====================== */
  144.  
  145.  
  146. /* ====================== START SLIDER ====================== */
  147. #slider { list-style:none; overflow:hidden }
  148. #slider, #slider li { float:left; width:940px; }
  149. #slider span { display:inline-block; overflow:hidden; float:left }
  150. #slider .featured-image { margin:0 23px 0 0; float:left; width:444px }
  151. #slider .text { padding-top:7%; padding-right:20px; width:450px; float:right }
  152. #slider h2, #slider p { text-align:left }
  153. #slider p { color:#525050 }
  154. .pagination { text-align:center; margin-bottom:8px }
  155. .pagination a.activeSlide { cursor:default; color:#A10404 }
  156. .pagination a { display:inline-block; margin:0 5px 0 0; outline:none; font-size:5px; background:#A2A2A2 center no-repeat; text-align:center; }
  157. .pagination a, .pagination a:hover { color:#A2A2A2; }
  158. .p-slider { margin:0 0 25px 0 }
  159. .p-slider a { background-image:url('images/circle.png'); width:12px; height:12px; }
  160. .p-testimonial { padding-bottom:30px }
  161. .p-testimonial a { background-image:url('images/circle8x8.png'); width:8px; height:8px; }
  162. /* ====================== END SLIDER ====================== */
  163.  
  164.  
  165. /* ====================== START SLIDESHOW ====================== */
  166. #slideshow, #slideshow img { width:864px; height:319px }
  167. #slideshow { padding:0 28px 45px 28px; background:url('images/shadow-slide.png') bottom center no-repeat }
  168. body.no_js #slideshow img { display:none; }
  169. #slideshow img:first-child { display:block; }
  170. #ft-title-images { display:none }
  171. /* ====================== END SLIDESHOW ====================== */
  172.  
  173.  
  174. /* ====================== START CONTENT ====================== */
  175. #content { width:558px; margin:0 0 15px 0; float:left }
  176. #content h2 { text-align:left }
  177. /* ====================== END CONTENT ====================== */
  178.  
  179.  
  180. /* ====================== START SERVICES ====================== */
  181. .box-border { border-right:1px solid #cacaca; margin-right:9px !important; padding-right:4px; }
  182. .box-border h2 { margin-bottom:30px; text-align:center }
  183. .box-border img { margin-bottom:20px; width:283px }
  184. .box-border p { color:#0f0e0e }
  185. /* ====================== END SERVICES ====================== */
  186.  
  187.  
  188. /* ====================== START TEAM ====================== */
  189. #team { list-style:none !important; margin-left:0 !important }
  190. #team li { margin-bottom:12px }
  191. #team img { border:1px solid #ccc; float:left; padding:3px }
  192. #team blockquote { width:390px; height:85px; float:right; padding:9px 17px 8px 40px; background:url('images/arrow-quote.png') top left no-repeat; margin:0 }
  193. /* ====================== END TEAM ====================== */
  194.  
  195.  
  196. /* ====================== START SIDEBAR ====================== */
  197. #sidebar { width:300px; float:right; }
  198. #sidebar .widget ul { list-style:none; margin-bottom:30px }
  199. #sidebar .widget ul li ul { margin-left:20px; margin-bottom:-8px; }
  200. #sidebar .widget ul li { border-bottom:1px solid #ccc; padding:8px 0; }
  201. #sidebar .widget ul li ul li { border:0; }
  202. #sidebar .widget ul li a { color:#686767; }
  203. #sidebar .menu { list-style:none; margin-bottom:50px !important; }
  204. #sidebar .menu li { border-bottom:1px solid #cacaca; margin-bottom:10px; padding-bottom:5px }
  205. #sidebar .menu li a, #sidebar .menu li { display:block; height:40px; font-family:'ChampagneLimousinesBold'; color:#979797; font-size:18px; font-weight:bold }
  206. #sidebar .menu li a:hover { text-decoration:none; color:#a10404; font-size:18px; }
  207.  
  208. /*icons*/
  209. #sidebar .menu li.icon a { background:no-repeat left center; padding-left:40px }
  210. #sidebar .menu li.folder a { background-image:url('images/icons/folder.png'); }
  211. #sidebar .menu li.comment a { background-image:url('images/icons/comment.png'); }
  212. #sidebar .menu li.reading a { background-image:url('images/icons/reading.png'); }
  213.  
  214. /* sidebar nav */
  215. .sidebar-nav ul { list-style:none; margin-bottom:50px; margin-top:30px }
  216. .sidebar-nav li { border-bottom:1px solid #cacaca; margin-bottom:10px; padding-bottom:5px }
  217. .sidebar-nav a, .sidebar-nav li { display:block; height:40px; line-height:30px; color:#979797; font-size:18px; font-weight:bold }
  218. .sidebar-nav a { padding-left:40px }
  219. .sidebar-nav a:hover { text-decoration:none; color:#a10404 }
  220. /* ====================== END SIDEBAR ====================== */
  221.  
  222.  
  223. /* ====================== START LAYOUTS ====================== */
  224. .layout-sidebar-left #sidebar, .layout-sidebar-right #content { float:left; }
  225. .layout-sidebar-right #sidebar, .layout-sidebar-left #content { float:right; }
  226. .layout-sidebar-no #content { float:left; width:920px; }
  227. /* ====================== END LAYOUTS ====================== */
  228.  
  229.  
  230. /* ====================== START TESTIMONIALS ====================== */
  231. .testimonial-text { background:url('images/testimonial-icon.png') 240px bottom no-repeat }
  232. .testimonial-text ul { list-style:none; }
  233. .testimonial-text blockquote { padding:5px 5px 10px 43px; background:url('images/arrow-quote.png') top left no-repeat; }
  234. .testimonial-text blockquote p { padding:0; }
  235. .testimonial-text blockquote a.name-testimonial { margin-top:-30px; display:block; }
  236.  
  237. #sidebar .testimonial-text ul { margin:0; }
  238. #sidebar .testimonial-text li { border:0 !important; width:300px; }
  239. /* ====================== END TESTIMONIALS ====================== */
  240.  
  241.  
  242. /* ====================== START PORTFOLIO ====================== */
  243. #portfolio { list-style:none }
  244. #portfolio li { width:280px; margin:0 34px 36px 0; display:inline-block; float:left }
  245. #portfolio li.last { margin-right:0 }
  246. #portfolio li .thumb { display:block; padding:5px; height:143px; width:280px; border:1px solid #c5c1c1; overflow:hidden; position:relative; margin-bottom:5px; }
  247. #portfolio li img { width:280px; height:143px; border:0; padding:0 }
  248. #portfolio li a.more-link { display:block; height:36px; line-height:36px; text-align:center; border-top:1px solid #cacaca }
  249. #portfolio li a.more-link:hover { text-decoration:none; }
  250. #portfolio li h5 { margin-bottom:8px; clear:both }
  251. #portfolio li h5 a { font-size:18px; color:#858484 }
  252. #portfolio li p { margin-bottom:15px }
  253. #portfolio li p img { display:block }
  254. a.zoom { position:absolute; width:280px; height:143px; left:5px; top:5px; text-indent:-9999px; background:#000 url('images/zoom.png') center no-repeat }
  255. a.video a.zoom { background:#000 url('images/play.png') center no-repeat }
  256.  
  257. /*portfolio slider*/
  258. .portfolio-slider { margin:30px 0 40px 0 }
  259. .portfolio-slider ul { list-style:none }
  260. .portfolio-slider li { height:118px; width:193px; border:1px solid #cacaca !important; padding:5px !important; display:block; float:left; margin-right:6px; position:relative }
  261. .portfolio-slider li a { display:block; width:193px; height:118px; overflow:hidden; }
  262. .portfolio-slider li a img { border:0 !important; padding:0 !important }
  263. .portfolio-slider li a.thumb { position:relative; }
  264.  
  265. div.ppt { display:none !important }
  266. /* ====================== END PORTFOLIO ====================== */
  267.  
  268.  
  269.  
  270. /* ====================== START PORTFOLIO GALLERY ====================== */
  271. .gallery-wrap { position:relative; }
  272. #portfolio-gallery { list-style:none; margin:0; width:106%; overflow:hidden; }
  273. #portfolio-gallery li { display:inline-block; float:left; margin:0 35px 20px 0; width:201px; min-height:270px; position:relative; }
  274. .layout-sidebar-no #portfolio-gallery li { margin:0 50px 0 0; }
  275. #portfolio-gallery li .post-thumb a { display:block; width:179px; height:179px; padding:10px; border:1px solid #b2b0b0; }
  276. #portfolio-gallery li .post-thumb img { border:0; padding:0; }
  277. #portfolio-gallery li h4, #portfolio-gallery li p { margin:0; }
  278. #portfolio-gallery li h4 { margin-top:10px; }
  279. #portfolio-gallery li p { color:#656262; font-size:90%; }
  280. #content .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
  281. /* ====================== END PORTFOLIO GALLERY ====================== */
  282.  
  283.  
  284.  
  285. /* ====================== START PAGINATION ====================== */
  286. .general-pagination { height:18px; margin:0 auto; text-align:center; clear:both; margin-bottom:20px; }
  287. .general-pagination span { display:none; }
  288. .general-pagination a { display:inline-block; margin-right:4px; padding:0 5px; line-height:17px; text-align:center; background:url('images/bg-pagination.png') top repeat-x; border:1px solid #aeaeae; color:#918e8e; font-size:12px; }
  289. .general-pagination a.selected { background-position:0 -18px; color:#3e3c3c; }
  290. .general-pagination a:hover { background-position:0 -36px; color:#3e3c3c; text-decoration:none; }
  291.  
  292. /*border-radius*/
  293. .general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  294. /* ====================== END PAGINATION ====================== */
  295.  
  296.  
  297. /* ====================== START BLOG ====================== */
  298. .date { position:relative; margin-bottom:5px; height:70px }
  299. h2.title-blog { float:left; display:inline-block; width:430px; margin-bottom:0px; bottom:5px; font-size:1.8em; }
  300. h2.title-blog a:hover { text-decoration:none; }
  301. .day, .mon-year { float:right; display:inline-block; color:#979797; text-transform:uppercase }
  302. .day { width:45px; font-size:36px; font-family:Arial; font-weight:bold; border-right:1px solid #cacaca; text-align:right; padding-right:10px }
  303. .mon-year { font-size:18px; text-align:justify; padding-left:10px; letter-spacing:2px }
  304. .mon-year span { letter-spacing:6px }
  305. p.meta { margin-bottom:0; padding:8px 0 }
  306. p.tags { padding-left:30px; background:url('images/article.png') no-repeat left center }
  307. #content p.left { width:400px }
  308. .space-content { height:20px }
  309. .wp-post-image { margin-bottom:20px; max-width:100%; height:auto; }
  310. .sticky {background: #f2f7fc;border-top: 4px solid #CACACA;padding: 18px 20px 0;margin:0 -20px 20px}
  311.  
  312.  
  313. /*Styling Images*/
  314. img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto; }
  315. .alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
  316. .alignright, img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
  317. div.aligncenter, img.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important; float:none;}
  318. img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px;}
  319. .wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:558px !important; padding:4px;text-align:center;}
  320. .wp-caption img{margin:5px 5px 0;width:98%;}
  321. .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;}
  322. .wp-smiley{margin:0;}
  323. .gallery{margin:0 auto 18px;}
  324. .gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;}
  325. .gallery-columns-2 .gallery-item{width:50%;}
  326. .gallery-columns-4 .gallery-item{width:25%;}
  327. .gallery img{border:2px solid #cfcfcf;}
  328. .gallery-columns-2 .attachment-medium{max-width:92%;height:auto;}
  329. .gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;}
  330. .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;}
  331. .gallery dl{margin:0;}
  332. .gallery img{border:10px solid #f1f1f1;}
  333. .gallery br+br{display:none;}
  334. #content .attachment img{display:block;margin:0 auto;}
  335. p.list-tags {line-height:25px;margin-top:20px;border-top:1px solid #dcdbdb;padding:10px 0 10px 36px;background:url('images/icons/article.png') left 15px no-repeat}
  336. /* ====================== END BLOG ====================== */
  337.  
  338.  
  339. /* ====================== START COMMENTS ====================== */
  340. h3#comments-title {margin:30px 0;padding-left:35px;background:url('images/comment.png') no-repeat left center}
  341. h3#comments-title span {font-size:.8em;}
  342. .comment-container {padding:5px;border:1px solid #d8d7d7;}
  343. .comment-author {float:left;margin:25px 10px 0 0;width:110px;}
  344. .comment-author img {border:4px solid #d7d7d7;margin:0 0 0 16px;}
  345. #comments .fn {font-style:normal;text-align:center;font-size:90%;margin:10px 0 0 0;display:block;}
  346. /*comments visitors*/
  347. .comment-meta {margin:1px 0 1px 120px;padding:20px 20px 10px 20px;border-left:1px solid #d8d7d7;min-height:145px;}
  348. .comment-metaTextarea {position:relative;margin:0 0 15px 120px;width:422px;padding:20px;-moz-border-radius:15px;-webkit-border-radius:15px;}
  349. em.moderation {float:right;clear:right;font-size:85%;}
  350. /*.comment-meta p {font-size:0.83em;color:#363533;} */
  351. .contentMetaData {width:100%;height:30px;}
  352. .intro {width:100%;height:25px;margin-bottom:20px;}
  353. .commentNumber {float:right;font-size:150%;color:#bebcbd;}
  354. .commentDate {float:left;margin:0 0 0px 0;}
  355. ol.commentlist,li.comment {margin:0 0 60px 0;padding:0;list-style-type:none!important;}
  356. li.comment ul.children {margin-left:6.5em;}
  357. li.comment ul.children li {margin:20px 0 0 0;}
  358.  
  359. /*comments author*/
  360. .bypostauthor .comment-container, .bypostauthor .comment-container .children,.bypostauthor .children .bypostauthor .comment-container,
  361. .bypostauthor .children .bypostauthor .children .comment-container,.bypostauthor .children .bypostauthor .children .bypostauthor .comment-container,
  362. .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container,
  363. .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container
  364. {background-color:#f4f4f4;}
  365. /*comments visitors*/
  366. .comment-container .children, .bypostauthor .children .comment-container,.bypostauthor .children .bypostauthor .children .comment-container,
  367. .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container,
  368. .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container
  369. {background-color:#fff;}
  370. /*comments link*/
  371. /*.comment-meta a:link, .comment-meta a:visited {color:#9a052a;text-decoration:none;}
  372. .comment-meta a:active, .comment-meta a:hover {color:#8c0106;}
  373.  
  374. /*trackback*/
  375. #trackbacks {}
  376. ol.trackbacklist {margin:20px 35px;}
  377. ol.trackbacklist li {padding:10px 0;}
  378. /* ====================== END COMMENTS ====================== */
  379.  
  380.  
  381. /* ====================== START RESPOND ====================== */
  382. #respond {margin:60px 0 30px;}
  383. #respond input {padding:10px;margin:0 0 10px 10px;border:1px solid #d8d7d7;background-color:#fff;}
  384. #respond input:focus,#respond textarea:focus {background-color:#f7f7f7;}
  385. #respond textarea {border:1px solid #d8d7d7;background-color:#fff;height:135px;margin:0 0 10px 10px;padding:10px;}
  386. #respond input, #respond textarea {width:414px;}
  387. .depth-1 #respond input, .depth-1 #respond textarea {width:374px;}
  388. .depth-2 #respond input, .depth-2 #respond textarea {width:334px;}
  389. .depth-3 #respond input, .depth-3 #respond textarea {width:294px;}
  390. .depth-4 #respond input, .depth-4 #respond textarea {width:254px;}
  391. .depth-5 #respond input, .depth-5 #respond textarea {width:214px;}
  392. .depth-6 #respond input, .depth-6 #respond textarea {width:174px;}
  393. #respond #submit {color:#666363;background:#eee;width:150px;float:right;margin:0 0 20px 0;padding:10px;font-weight:bold;font-size:0.95em!important;}
  394. #respond #submit:hover {background-color:#fff;cursor:pointer;color:#000}
  395. #respond .containerPost {font-size:1.1em}
  396. img.comment-avatar {margin:20px 0 0 0;border:1px solid #ccc; padding:3px}
  397. #commentform { margin-left:10px; width:548px; }
  398. .depth-1 #respond #commentform { width:508px; }
  399. .depth-2 #respond #commentform { width:468px; }
  400. .depth-3 #respond #commentform { width:428px; }
  401. .depth-4 #respond #commentform { width:388px; }
  402. .depth-5 #respond #commentform { width:348px; }
  403. .depth-6 #respond #commentform { width:308px; }
  404. #commentform label {width:101.5px;clear:left;display:block;float:left;font-size:1em;line-height:40px;margin:0;text-align:left;vertical-align:middle;}
  405. #commentform p {padding:10px 0 0px;margin-bottom:0}
  406. #commentform p.form-submit {border-bottom:none;}
  407. #commentform p.comment-form-author label,#commentform p.comment-form-email label,#commentform p.comment-form-url label {height:38px;}
  408. #commentform p.comment-form-comment label {height:155px;}
  409. /* ====================== END RESPOND ====================== */
  410.  
  411.  
  412.  
  413. /* ====================== START REPLY COMMENTS ====================== */
  414. .reply {text-align:right;margin:25px 0 0 0;}
  415. h3#reply-title{padding-left:35px;background:url('images/leave-comment.png') no-repeat left center;line-height:27px;}
  416. /*.depth-3 {width:466px;}
  417. .depth-3 .comment-meta {width:305px;}
  418. .depth-4 {width:475px;}
  419. .depth-4 .comment-meta {width:310px;}
  420. .depth-5 {width:435px;}
  421. .depth-5 .comment-meta {width:270px;} */
  422. .form-reply p {text-align:right;padding-bottom:5px;margin-right:24px;}
  423. .form-reply p small {text-align:left;}
  424. /* ====================== END REPLY COMMENTS ====================== */
  425.  
  426.  
  427. /* ====================== START SEARCHBOX ====================== */
  428. #searchform { margin:10px 0 30px 0 }
  429. #searchform .screen-reader-text { display:none }
  430. #searchform input {border:1px solid #ccc;color:#666;}
  431. input#searchsubmit {cursor:pointer;width:75px;padding:4px;}
  432. input#s { width:208px; padding:5px; }
  433. /* ====================== END SEARCHBOX ====================== */
  434.  
  435.  
  436. /* ====================== START CONTACT FORM ====================== */
  437. #content .contact-form { width:480px; margin-left:10px; }
  438. #content .contact-form ul { margin:0; list-style:none; }
  439. #content .contact-form ul li { line-height:1.3em; margin:18px 0 25px; padding:0; text-align:left; }
  440. #content .contact-form ul li label { color:#545252; display:inline-block; margin:4px 10px 0 0; text-align:left; vertical-align:top; width:124px; font-weight:bold; cursor:pointer; }
  441. #content .contact-form ul li label span.sublabel { font-weight:normal; }
  442. #content .contact-form ul li.text-field input, #content .contact-form ul li textarea { width:300px; background:#FFF url('images/gradient-input.png') repeat-x; border:1px solid #AAA; padding:3px; vertical-align:top; }
  443. #content .contact-form ul li.text-field input { height:26px; }
  444. #content .contact-form ul li.submit-button { text-align:right; padding-right:30px; }
  445. #content .contact-form li.submit-button input { display:inline-block; border:1px solid #fff; outline:1px solid #AAA; font-size:14px; height:40px; line-height:40px; padding:0 10px; background:url('images/gradient-sendemail-submit.png') repeat-x top left; cursor:pointer; }
  446. #content .contact-form li.submit-button input:hover { background-position:0 -40px; }
  447. #content .contact-form li.submit-button input[disabled] { color:#ddd; }
  448. #content .contact-form ul li .msg-error { width:304px; font-style:italic; font-size:0.85em; float:right; }
  449.  
  450. /* icons */
  451. #content .contact-form ul li.icon { padding-right:30px; background:right 5px no-repeat; }
  452. #content .contact-form ul li.error { background-image:url('images/error-icon.png'); }
  453. #content .contact-form ul li.success { background-image:url('images/tick-icon.png'); }
  454.  
  455. /* messages */
  456. #content .contact-form p.success, #content .contact-form p.error { padding:10px 15px 10px 55px; border:1px solid; margin:0 auto 30px; background:no-repeat 15px center; width:400px; }
  457. #content .contact-form p.success { background-color:#effea9; border-color:#d7ee6e; color:#839607; background-image:url('images/icons/tick_contact.png'); }
  458. #content .contact-form p.error { background-color:#fedccd; border-color:#fa8c83; color:#c82c1f; background-image:url('images/icons/error.png'); }
  459.  
  460. /*border-radius*/
  461. #content .contact-form p.success, #content .contact-form p.error { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
  462. /* ====================== END CONTACT FORM ====================== */
  463.  
  464. /* start general form */
  465. #content .hentry form label { color:#545252; display:inline-block; margin:4px 10px 0 0; text-align:left; vertical-align:top; width:124px; font-weight:bold; cursor:pointer; }
  466. #content .hentry form input, #content .hentry form textarea, #content .hentry form select { width:304px; background:#FFF url('images/gradient-input.png') repeat-x; border:1px solid #AAA; padding:3px; margin-bottom:1em; }
  467. #content .hentry form input[type="checkbox"],#content .hentry form input[type="radio"] {width:20px;height:10px;}
  468. #content .hentry form input[type="submit"],#content .hentry form input[type="reset"] {width:100px;background:none;color:#545252!important;}
  469. #content .hentry form input[type="text"] { height:26px; }
  470. #content .hentry form input:hover, #content .hentry form select:hover { background-position:0 -40px; }
  471. #content .hentry form input[type="submit"] {cursor:pointer;}
  472. #content .hentry form input[type="submit"]:hover {background-color:#f1f1f1;}
  473. /* end general form */
  474.  
  475. /* ====================== START CONTACT SIDEBAR ====================== */
  476. .phone-icon span { display:block; background:url('images/phone.png') no-repeat left center; padding-left:42px }
  477. .fax-icon span { display:block; background:url('images/fax.png') no-repeat left center; padding-left:42px }
  478. .facebook-icon a, .twitter-icon a, .feed-icon a { display:block; padding-left:34px; height:27px }
  479. .facebook-icon a { background:url('images/facebook.png') no-repeat }
  480. .feed-icon a { background:url('images/feed.png') no-repeat }
  481. .twitter-icon a { background:url('images/twitter.png') no-repeat }
  482. .facebook-icon a:hover, .twitter-icon a:hover, .feed-icon a:hover { background-position:0 -27px }
  483. .address-icon { background:url('images/world.png') no-repeat left center; padding-left:36px }
  484. /* ====================== END CONTACT SIDEBAR ====================== */
  485.  
  486.  
  487. /* ====================== START FOOTER ====================== */
  488. #footer { float:left; width:100%; }
  489. #footer p { font-size:0.923em; margin-top:15px; }
  490. #footer p.left, #footer p.right { width:450px; }
  491. #footer p.left { float:left; text-align:left; }
  492. #footer p.right { float:right; text-align:right; }
  493. #footer p.center { text-align:center; }
  494. /* ====================== END FOOTER ====================== */
  495.  
  496.  
  497. /* ====================== START 404 ====================== */
  498. .p404 { padding:10px 0 }
  499. .p404 * { color:#535252; text-align:center; }
  500. .p404 h1 { font-size:4.8em; line-height:90px; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; padding-top:15px; }
  501. .p404 strong { font-size:2.5em }
  502. .p404 h2 { width:243px; margin:0 auto 20px !important; border-bottom:1px solid #cacaca; font-size:1.8em; line-height:90px }
  503. .p404 img { border:0 !important; vertical-align:middle }
  504. .p404 input { padding:20px !important }
  505. /* ====================== END 404 ====================== */
  506.  
  507.  
  508.  
  509. /* ====================== START WIDGETS ====================== */
  510. .widget {margin-bottom:30px;}
  511. .widget h2, .widget h3 {margin-bottom:20px;}
  512.  
  513. /* recent posts */
  514. .recent-post { margin-top:20px }
  515. .recent-post div.link { display:block; height:77px; font-size:1.2em; margin-bottom:2em }
  516. .recent-post div.link:last-child { margin-bottom:0; }
  517. .recent-post .thumb-img { float:left; margin-right:10px; }
  518. body .recent-post .thumb-img img { padding:3px !important; border:1px solid #d7d2d2; float:none; }
  519. .recent-post .thumb-img .thumb-shadow { width:100%; height:14px; background:url('images/bg/shadow-thumb-recentposts.png') no-repeat center top; margin:-7px 0 0; }
  520. .recent-post p, .recent-post small { color:#656262; }
  521. .recent-post p { margin:0; line-height:22px; }
  522.  
  523. /* last news */
  524. .last-news { width:100%; float:left; }
  525. .last-news .box-post { float:left; margin-bottom:30px; }
  526. .last-news img { float:left; border:1px solid #acabab; padding:3px; width:55px; height:55px; }
  527. .last-news a.title { color:#4F4E4E; }
  528. .last-news a.title, .last-news p.meta { display:block; width:225px; float:right; }
  529. .last-news p.meta { padding:12px 0; }
  530. .last-news p.meta span.date, .last-news p.meta span.author { display:block; line-height:1.5em; height:auto; margin:0; font-size:0.8em; padding-left:20px; background:no-repeat left center; }
  531. .last-news p.meta span.date { width:80px; float:left; background-image:url('images/time-icon.png'); }
  532. .last-news p.meta span.author { width:100px; float:right; background-image:url('images/user-icon.png'); }
  533.  
  534. /* text image */
  535. .boxs-home { margin-bottom:20px; float:left; }
  536. body .boxs-home h2 { text-align:center; }
  537. .boxs-home img { margin-bottom:20px; }
  538.  
  539. /* tag cloud */
  540. .tagcloud a { color:#686767; }
  541.  
  542. /* calendar */
  543. #wp-calendar { width:100%; margin-top:0; }
  544. #wp-calendar th, #wp-calendar td { line-height:32px; padding:5px 10px; text-align:center; }
  545. #wp-calendar caption { margin-bottom:10px; font-size:80%; font-weight:bold; }
  546. #wp-calendar th, #wp-calendar #today, #wp-calendar #today a { background-color:#ccc; color:#434343; }
  547. #wp-calendar tfoot a { display:block; }
  548. #wp-calendar #today a:hover { color:#000 }
  549.  
  550. /* last tweets */
  551. .last-tweets p { margin-bottom:0; }
  552. /* ====================== START WIDGETS ====================== */
  553.  
  554.  
  555.  
  556. /* ====================== START SHORTCODE ====================== */
  557. hr {margin:40px auto;width:600px;border:1px dotted #ccc;clear:both}
  558. code, pre {background-color:#e8ebec;border:1px dotted #bbb;color:#333;font:13px/18px Consolas,"Courier New",Courier,monospace;padding:0px 5px;}
  559.  
  560. /*column*/
  561. .one-fourth {float:left;width:207px;margin-right:30px;}
  562. .one-third {float:left;width:286px;margin-right:30px;}
  563. .two-third {float:left;width:602px;margin-right:30px;}
  564. .two-fourth {float:left;width:445px;margin-right:30px;}
  565.  
  566. /*bullet*/
  567. ul.short {margin:20px 0;padding:0;list-style-type:none!important;}
  568. ul.short li {padding:0 0 0 25px;margin:0 0 0 5px;}
  569. ul.star li {background:url('images/icons/bullet/star.png') no-repeat center left;}
  570. ul.arrow li {background:url('images/icons/bullet/arrow.png') no-repeat center left;}
  571. ul.check li {background:url('images/icons/bullet/check.png') no-repeat center left;}
  572. ul.add li {background:url('images/icons/bullet/add.png') no-repeat center left;}
  573. ul.info li {background:url('images/icons/bullet/info.png') no-repeat center left;}
  574.  
  575. /*alert message*/
  576. div.box {font-size:108.3%;margin:2px 0 15px;padding:20px 15px 20px 65px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;/*behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);*/}
  577. div.success-box {background:url("images/icons/message/check.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;}
  578. div.arrow-box {background:url("images/icons/message/arrow.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;}
  579. div.alert-box {background:url("images/icons/message/alert.png") no-repeat 15px center #fbdd96;border:1px solid #e5af51;color:#ca6b1c;}
  580. div.error-box {background:url("images/icons/message/error.png") no-repeat 15px center #fdd2d1;border:1px solid #f6988f;color:#883333;}
  581. div.notice-box {background:url("images/icons/message/note.png") no-repeat 15px center #f9ebca;border:1px solid #e5b2ac;color:#9f6722;}
  582. div.info-box {background:url("images/icons/message/info.png") no-repeat 15px center #e6ebf0;border:1px solid #89becd;color:#277dce;}
  583.  
  584. /*buttons*/
  585. .wall-of-buttons {margin:0 auto;width:100%;text-align:left;}
  586. a.button {display:inline-block;margin:0 5px 19px 0;}
  587. .button {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);background:url('images/overlay-button.png') repeat-x 0 0 #222;
  588. border-bottom:1px solid rgba(0,0,0,0.25);color:#fff!important;cursor:pointer;display:inline-block;font-size:13px;font-weight:bold;
  589. line-height:1;overflow:visible;padding:5px 15px 6px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25);width:auto;}
  590. .orange.button {background-color:#ff5c00;}
  591. .orange.button:hover {background-color:#d45500;}
  592. .blue.button {background-color:#2daebf;}
  593. .blue.button:hover {background-color:#007d9a;}
  594. .green.button {background-color:#91bd09;}
  595. .green.button:hover {background-color:#749a02;}
  596. .red.button {background-color:#e33100;}
  597. .red.button:hover {background-color:#872300;}
  598. .yellow.button {background-color: #ffb515;}
  599. .yellow.button:hover {background-color:#fc9200;}
  600. .magenta.button {background-color:#a9014b;}
  601. .magenta.button:hover {background-color:#630030;}
  602. .button:hover {background-color:#111;}
  603.  
  604. .large.button {font-size:14px;padding:8px 19px 9px;}
  605. .small.button {font-size:11px;}
  606. .button:hover,.button:active {text-decoration:none;}
  607.  
  608. /*toggle*/
  609. .toggle { margin:30px 0 24px; }
  610. .toggle p.tab-index { padding-bottom:16px; margin-bottom:10px; border-bottom:1px solid #d7d7d7; }
  611. .toggle p.tab-index a { display:block; height:16px; line-height:16px; background:url('images/icons/arrow.png') left center no-repeat; padding:0 0 0 25px; cursor:pointer; color:#3e3e3e; }
  612. .toggle p.tab-index a.tab-opened { background:url('images/icons/arrow-bottom.png') left center no-repeat; }
  613. .toggle p.tab-index a:hover { text-decoration:none; }
  614. .toggle .content-tab p { padding:18px 10px; background:#f3f2f2; border:1px solid #d7d7d7; margin-top:0; }
  615. .toggle .content-tab .arrow { height:12px; width:24px; background:url('images/icons/arrow-up.png') no-repeat; margin:0 0 -1px 20px; position:relative; }
  616.  
  617. /*tabs*/
  618. ul.tabs {list-style-type:none;margin:0;padding:0;height:58px;}
  619. ul.tabs li {background-color:#d8d8d5;width:20%;height:58px;line-height:58px;display:block;float:left;text-align:center;border:solid #b6b6b6;border-width:1px 1px 1px 0px;}
  620. ul.tabs li {display:block;float:left;height:58px;}
  621. ul.tabs li.ui-state-hover {background-color:#eee}
  622. ul.tabs li.ui-state-active {background:url('images/bg/tab/open-tab.png') repeat-x top center #fff;border-bottom:1px solid #fff;position:relative;z-index:100;top:0;left:0;}
  623. ul.tabs li:first-child {border-left:1px solid #b6b6b6 !important;}
  624. ul.tabs li:last-child {border-right:1px solid #b6b6b6 !important;}
  625. .tabs-container div.panel {padding:20px 20px 10px;}
  626. #content ul.tabs li h4 {margin:0;padding:0;text-align:center;line-height:58px;}
  627. #content .tabs-container div.panel h5 {margin-top:0.8em;}
  628. .tabs-container div.panel p {margin:0;}
  629. .tabs-container div.border-box {position:relative;top:1px;left:0;border:1px solid #b6b6b6 !important;z-index:0;background:#FFF;}
  630. .ui-tabs-hide {display:none}
  631. #content ul.tabs h4 a:link,#content ul.tabs h4 a:visited {color:#535252;}
  632. #content ul.tabs h4 a:hover,#content ul.tabs h4 a:active {text-decoration:none;}
  633.  
  634. /*table*/
  635. table {margin:1em 0 30px;border:1px solid #e0e0e0;}
  636. table td, table th { padding:10px 20px; text-align:left; color:#757475; }
  637. #content .post table {font-size:100%;}
  638. .short-table th {background:#fff;border-bottom:1px solid #e0e0e0;text-align:center;height:80px;color:#636262;font-weight:bold;}
  639. .short-table th.features {border-bottom:none;height:40px;line-height:40px;background-color:transparent;color:#636262;}
  640. tr:nth-child(2n+1) {background-color:#f6f6f6;}
  641. #content td img {border:none;vertical-align:middle;margin:0;}
  642. /*red*/
  643. .red th {background:#c21200;color:#fff;}
  644. table.red {border:1px solid #c21200;}
  645. /*grey*/
  646. .grey th {background:#4b4a4a;color:#fff;}
  647. table.grey {border:1px solid #4b4a4a;}
  648. /*blue*/
  649. .blue th {background:#07558c;color:#fff;}
  650. table.blue {border:1px solid #07558c;}
  651.  
  652. /*prices table*/
  653. .price-table {background:#fff url('images/bg/tab-price-gradient.png') repeat-x;width:280px;border:1px solid #d2d0d0;margin:0 0 20px}
  654. .price-table .head {height:100px;text-align:center;border-bottom:1px solid #d2d0d0;}
  655. .price-table .head p {margin:0 !important;padding:0 !important;line-height:4em;font-size:13px;}
  656. .price-table .head h2.price {font-size:4em;margin:0 !important;line-height:0.4em;text-align:center;padding:0;}
  657. .price-table .body {padding:20px 25px;}
  658. .price-table .body ul {list-style:none;margin:0 0 20px;}
  659. .price-table .body li {padding:10px 0 10px 35px;background:url('images/icons/tick20.png') left center no-repeat;line-height:20px;}
  660. .price-table .body .more {text-align:center;padding:0!important;margin:0!important;}
  661. .price-table .body .more a {padding:5px 10px;text-align:center;border:1px solid #dbd8d8;background:#f3f3f3;color:#999;display:inline-block;width:auto;height:16px;line-height:16px;text-transform:uppercase;font-size:110%;}
  662. .price-table .body .more a:hover {background:#eee;color:#605f5f;text-decoration:none;}
  663.  
  664. .price-table .blue *, .price-table .red *, .price-table .grey *, .price-table .green *, .price-table .yellow * {color:#fff}
  665. .price-table .grey {background:#4b4a4a}
  666. .price-table .blue {background:#07558c}
  667. .price-table .red {background:#c21200}
  668. .price-table .green {background:#1d7406}
  669. .price-table .yellow {background:#7b8904}
  670.  
  671. /*twitter*/
  672. .twitter-container {margin-top:-20px;}
  673. ul.tweets-widget {list-style-type:none;margin:0;padding:0;}
  674. #footer ul.tweets-widget li {background:url('images/icons/bird-twitter.png') no-repeat 0 30px;margin:0;line-height:20px;min-height:28px;border-bottom:1px solid #aba9a9;border-top:1px solid #e8e7e7;padding:20px 0 20px 40px!important;color:inherit;}
  675. ul.tweets-widget li.first {border-top:none;}
  676. ul.tweets-widget li.last {border-bottom:none;}
  677. ul.tweets-widget li p.meta {font-size:inherit;}
  678.  
  679. /*twitter shortcode*/
  680. .last-tweets-widget ul {list-style-type:none;margin:0;padding:0;}
  681. .last-tweets-widget ul li {background:url('images/bg/twitter-bg.png') no-repeat 0 center;margin:0;line-height:20px;min-height:20px;border-bottom:1px dotted #ccc;padding:15px 0 15px 40px;}
  682.  
  683. /*dropcap*/
  684. p.dropcap:first-letter {font-size:220%;display:block;float:left;font-size:40px;line-height:40px;margin:10px 8px 5px 0;}
  685.  
  686. /*quote*/
  687. blockquote p, .cite li {padding:0 0 0 45px;}
  688. .cite {margin:0}
  689.  
  690. /*highlight*/
  691. span.highlight {background-color:#d9d7d6;}
  692.  
  693. /*slider*/
  694. .nivo-slider {position:relative;margin-bottom:35px}
  695. .nivo-slider .nivo-slice {position:absolute;}
  696. .nivo-slider img {position:absolute;top:0;left:0;border:0 !important;padding:0 !important;width:100%}
  697. .nivo-controlNav {position:absolute;top:102%}
  698. .nivo-controlNav a {background:url('images/icons/pagination-slider.png') no-repeat;cursor:pointer;display:block;float:left;height:12px;margin:0 5px 0 0;position:relative;text-indent:-9999px;width:12px;z-index:99;}
  699. .nivo-controlNav a:hover, .nivo-controlNav a.active {background-position:0 -12px}
  700.  
  701. /*section caption*/
  702. div.section-caption { width:100%; margin:20px 0 40px; }
  703. div.section-caption h5 { color:#636161; text-transform:none; width:120px; padding-right:30px; float:left; font-weight:normal; margin-top:0 }
  704. div.section-caption .captions { float:left; width:460px; }
  705. div.section-caption .caption { border-left:1px solid #cfcfcf; padding-left:30px; margin-bottom:45px; }
  706. div.section-caption .caption h6 { font-style:italic; margin-top:0; line-height:18px; }
  707. div.section-caption .captions br { display:none; }
  708.  
  709. /*call to action*/
  710. .call-to-action { width:100%; height:113px; background:#fff url('images/gradient-call-to-action.png') repeat-x top left; border:1px solid #cbc9c9; position:relative; }
  711. .call-to-action .incipit, .call-to-action .separate-phone, .call-to-action .number-phone { float:left; height:100%; margin-left:20px; position:relative; z-index:1; }
  712. .call-to-action .incipit h2 { margin:0; font-size:36px; line-height:48px; margin:18px 0 0; }
  713. .call-to-action .incipit p { color:#464444; font-size:16px; line-height:20px; margin:0; }
  714. .call-to-action .separate-phone { width:64px; background:url('images/icons/phone-call-to-action.png') no-repeat top left; }
  715. .call-to-action .number-phone { margin-right:20px; line-height:113px; font-size:48px; color:#838383; font-weight:bold; font-family:"Arial"; text-shadow:1px -1px 2px rgba(255,255,255,0.83); letter-spacing:-3px; }
  716. .call-to-action .decoration-image { position:absolute; right:0; bottom:0; width:100%; height:120%; background:url('images/woman.png') no-repeat right bottom; }
  717.  
  718. /*testimonials*/
  719. .testimonials-list { margin-bottom:45px; }
  720. .testimonials-list .thumb-testimonial { float:left; width:120px; text-align:right; }
  721. .testimonials-list .thumb-testimonial .shadow-thumb { float:right; width:72px; height:16px; background:url('images/bg/shadow-avatar.png') no-repeat top center; }
  722. .testimonials-list .thumb-testimonial img { float:right !important; }
  723. .testimonials-list .thumb-testimonial p { clear:both; }
  724. .testimonials-list .thumb-testimonial p .title, .testimonials-list .thumb-testimonial p .website { float:right; }
  725. .testimonials-list .the-post { padding:10px 0 0 45px; background:url('images/bg/sep-testimonials.png') no-repeat left top; margin-left:150px; }
  726.  
  727. /*google maps*/
  728. .google-map-frame iframe { padding:3px; border:1px solid #acabab; }
  729.  
  730. /*styled button icon*/
  731. #content .more-button { position:relative; margin:20px 0 0; width:151px; height:39px; clear:right; display:inline-block; }
  732. #content .bg-button, #content a.more-button, #content .more-button a { background:transparent url('images/button-more.png') top left no-repeat; }
  733. #content a.more-button, #content .more-button a, #content .more-button input, #content .more-button button { display:inline-block; width:101px; height:39px; line-height:39px; color:#696969; padding:0 40px 0 10px; text-shadow:1px 1px 0px #fff; border:0; cursor:pointer; font-size:13px; text-align:center; }
  734. #content a.more-button:hover, #content .more-button a:hover, #content .bg-button:hover { background-position:0 -39px; color:#383838; }
  735. #content .more-button input, #content .more-button button { width:151px; background-color:transparent; }
  736. #content .more-button .icon { display:block; position:absolute; top:0; right:0; width:34px; height:39px; background:center no-repeat; }
  737. #content .more-button .icon-img { background-position:125px center; background-repeat:no-repeat; }
  738.  
  739. /*button rtl*/
  740. #content a.more-button-rtl, #content .more-button-rtl a, #content .more-button-rtl input, #content .more-button-rtl button { padding:0 10px 0 40px; background-image:url('images/button-more-rtl.png') }
  741. #content .more-button-rtl .icon { left:0; right:auto; }
  742.  
  743. /*button icons*/
  744. #commentform .form-submit input,
  745. #content .more-button .arrow { background-image:url('images/icons/for_button/arrow.png') }
  746. #content .more-button .arrow-left { background-image:url('images/icons/for_button/arrow-left.png') }
  747. #content .more-button .remove { background-image:url('images/icons/for_button/remove.png') }
  748. #content .more-button .calc { background-image:url('images/icons/for_button/calc.png') }
  749. #content .more-button .offer { background-image:url('images/icons/for_button/offer.png') }
  750. #content .more-button .gift { background-image:url('images/icons/for_button/gift.png') }
  751. #content .more-button .cart { background-image:url('images/icons/for_button/cart.png') }
  752. #content .more-button .download { background-image:url('images/icons/for_button/download.png') }
  753. #content .more-button .tick { background-image:url('images/icons/for_button/tick.png') }
  754. /* ====================== END SHORTCODE ====================== */
  755.  
  756. /* colors */
  757. a, h1, h2, h3, h4, h5, h6, .pagination a.activeSlide, #nav a:hover, #nav .current_page_item a,
  758. h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, body #sidebar .testimonial-widget li p a,
  759. #sidebar .box li a:hover, .sidebar-nav a:hover, #portfolio li h5 a:hover, #portfolio li h5 span, body #latest-news a.title,
  760. .contact-form .error label, #content .contact-form ul li .msg-error, #content .contact-form ul li.error label, #sidebar .testimonial-text li a
  761. { color:#A10404; }
  762.  
  763. a:hover, #sidebar .widget li a:hover, .last-news a.title:hover
  764. { color:#d14007; }
  765.  
  766. body .contact-form .error input, body .contact-form .error textarea, body .contact-form .error select
  767. { border-color:#A10404!important; }
  768.  
  769. .p-slider a.activeSlide, .p-testimonial a.activeSlide
  770. { background-color:#A10404;color:#A10404; }
  771.  
  772. /* Extras */
  773.  
  774. .clear{clear:both;}
  775. .left{float:left;}
  776. .right{float:right;}
  777. .nomargin{margin:0}
  778. .nopadding{padding:0}
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!