jkpersy

Untitled

Apr 12th, 2016
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.81 KB | None | 0 0
  1. /*
  2. Theme Name: MyFinance
  3. Theme URI: http://newwpthemes.com/
  4. Description: Перевод от <a href="http://www.wordpreso.ru">www.wordpreso.ru</a>.
  5. Author: NewWpThemes
  6. Author URI: http://newwpthemes.com
  7. Version: 1.0
  8. Tags: green, three-columns, mixed-columns, right-sidebar
  9. */
  10.  
  11. /* INDEX:
  12.  
  13. =GENERAL
  14. =LAYOUT
  15. =HEADER
  16. =MENUS
  17. =POST
  18. =WOOCOMMERCE
  19. =SITEMAP
  20. =CONTACT FORM
  21. =SLIDER
  22. =WP-PAGENAVI
  23. =FOOTER
  24. =WIDGETS
  25. =COMMENTS
  26. =RESPONSIVE
  27. */
  28.  
  29. /* =GENERAL
  30. -------------------------------------------------------------- */
  31.  
  32. body {
  33. background: #CFCFCF url('images/background.jpg') center top no-repeat fixed;
  34. color: #555555;
  35. }
  36.  
  37. a {
  38. color: #559100;
  39. text-decoration: underline;
  40. }
  41.  
  42. a:hover, a:focus {
  43. color: #85C926;
  44. text-decoration: none;
  45. }
  46.  
  47. a:focus {
  48. outline: none;
  49. }
  50.  
  51. /* =LAYOUT
  52. -------------------------------------------------------------- */
  53.  
  54. #container {
  55. width: 960px;
  56. margin: 15px auto 0 auto;
  57. }
  58.  
  59. #main {
  60. padding: 15px;
  61. background: #fff;
  62. }
  63.  
  64. #main-fullwidth {
  65. padding: 15px;
  66. background: #fff;
  67. }
  68.  
  69. #content {
  70. overflow: hidden;
  71. float: left;
  72. width: 615px;
  73. }
  74.  
  75. #sidebar-primary {
  76. overflow: hidden;
  77. float: left;
  78. width: 300px;
  79. margin-left: 15px;
  80. }
  81.  
  82. /* =HEADER
  83. -------------------------------------------------------------- */
  84.  
  85. #header {
  86. height: 60px;
  87. padding:20px 0;
  88. background: #FFFFFF;
  89. }
  90.  
  91. .logo {
  92. float: left;
  93. margin: 2px 0 2px 15px;
  94. }
  95.  
  96. .logo h1.site_title {
  97. margin: 0;
  98. padding:0;
  99. font-family: Arial, Helvetica, Sans-serif;
  100. font-size:48px;
  101. line-height: 40px;
  102. font-weight: bold;
  103. }
  104.  
  105. .logo h1.site_title a, .logo h1.site_title a:hover {
  106. color: #424242;
  107. text-decoration: none;
  108. }
  109.  
  110. .logo h2.site_description {
  111. margin: 0;
  112. padding:0;
  113. color: #424242;
  114. font-family: Arial, Helvetica, Sans-serif;
  115. font-size:14px;
  116. line-height: 14px;
  117. }
  118.  
  119. .header-right {
  120. float: right;
  121. margin-right: 15px;
  122. }
  123.  
  124. /* =MENUS
  125. -------------------------------------------------------------- */
  126.  
  127. /* Menu Primary
  128. ----------------------------*/
  129.  
  130. .menu-primary-container {
  131. padding:0;
  132. position:relative;
  133. height: 34px;
  134. background: #FFFFFF;
  135. z-index: 400;
  136. border-bottom: 2px solid #DFDFDF;
  137. }
  138.  
  139. .menu-primary {
  140. }
  141.  
  142. .menu-primary ul {
  143. min-width: 160px;
  144. }
  145.  
  146. /* First Level - Menu Primary */
  147.  
  148. .menu-primary li a {
  149. color: #555555;
  150. padding: 11px 15px;
  151. text-decoration: none;
  152. font-family: sans-serif;
  153. font-size: 12px;
  154. text-transform: uppercase;
  155. font-weight: normal;
  156. }
  157.  
  158. .menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,
  159. .menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
  160. color: #66A50E;
  161. outline: 0;
  162. background: none;
  163. }
  164.  
  165. /* Child Levels - Menu Primary */
  166.  
  167. .menu-primary ul {
  168. margin-top: 2px;
  169. }
  170.  
  171. .menu-primary ul ul {
  172. margin-top: 0;
  173. }
  174.  
  175. .menu-primary li li a {
  176. color: #fff;
  177. text-transform: none;
  178. background: #66A50E;
  179. padding: 10px 15px;
  180. margin: 0;
  181. border: 0;
  182. font-weight: normal;
  183. }
  184.  
  185. .menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus,
  186. .menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {
  187. color: #fff;
  188. background: #7ABB20;
  189. outline: 0;
  190. border-bottom:0;
  191. text-decoration: none;
  192. }
  193.  
  194.  
  195. /* Arrows Menu Primary */
  196.  
  197. .menu-primary a.sf-with-ul {
  198. padding-right: 20px;
  199. min-width: 1px;
  200. }
  201. .menu-primary .sf-sub-indicator {
  202. position: absolute;
  203. display: block;
  204. overflow: hidden;
  205. right: 0;
  206. top: 0;
  207. padding: 10px 10px 0 0;
  208. }
  209.  
  210. .menu-primary li li .sf-sub-indicator {
  211. padding: 9px 10px 0 0;
  212. }
  213.  
  214. /* Shadows Menu Primary */
  215.  
  216. .wrap-menu-primary .sf-shadow ul {
  217. background: url('images/menu-primary-shadow.png') no-repeat bottom right;
  218. }
  219.  
  220. /* Menu Secondary
  221. ----------------------------*/
  222.  
  223. .menu-secondary-container {
  224. position:relative;
  225. height: 40px;
  226. z-index: 300;
  227. background: #332E2B;
  228. border-bottom: 3px solid #66A50E;
  229. }
  230.  
  231. .menu-secondary {}
  232.  
  233. .menu-secondary ul {
  234. min-width: 160px;
  235. }
  236.  
  237. /* First Level - Menu Secondary */
  238. .menu-secondary li a {
  239. color: #fff;
  240. padding: 13px 15px 14px 15px;
  241. text-decoration: none;
  242. font-family: sans-serif;
  243. font-size: 13px;
  244. text-transform: uppercase;
  245. font-weight: normal;
  246. }
  247.  
  248. .menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
  249. .menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
  250. color: #fff;
  251. background:#66A50E url('images/menu-secondary-hover.png') center bottom no-repeat;
  252. outline: 0;
  253. border-bottom: 3px solid #93D23A;
  254. margin: 0 0 -3px 0;
  255. }
  256.  
  257. /* Child Levels - Menu Secondary */
  258.  
  259. .menu-secondary ul {
  260. margin-top: 3px;
  261. }
  262.  
  263. .menu-secondary ul ul {
  264. margin-top: 0;
  265. }
  266.  
  267. .menu-secondary li li a {
  268. color: #fff;
  269. background: #66A50E;
  270. padding: 10px 15px;
  271. text-transform: none;
  272. margin: 0;
  273. font-weight: normal;
  274. }
  275.  
  276. .menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,
  277. .menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
  278. color: #fff;
  279. background: #93D23A;
  280. outline: 0;
  281. border-bottom: 0;
  282. margin: 0;
  283. }
  284.  
  285. /* Arrows - Menu Secondary */
  286.  
  287. .menu-secondary a.sf-with-ul {
  288. padding-right: 26px;
  289. min-width: 1px;
  290. }
  291. .menu-secondary .sf-sub-indicator {
  292. position: absolute;
  293. display: block;
  294. overflow: hidden;
  295. right: 0;
  296. top: 0;
  297. padding: 13px 13px 0 0;
  298. }
  299.  
  300. .menu-secondary li li .sf-sub-indicator {
  301.  
  302. padding: 9px 13px 0 0;
  303. }
  304.  
  305. /* Shadows - Menu Secondary */
  306.  
  307. .wrap-menu-secondary .sf-shadow ul {
  308. background: url('images/menu-secondary-shadow.png') no-repeat bottom right;
  309. }
  310.  
  311. /* =POST
  312. -------------------------------------------------------------- */
  313.  
  314. /* Post General
  315. ----------------------------*/
  316.  
  317. .post {
  318. margin-bottom: 15px;
  319. border-bottom: 0;
  320. }
  321.  
  322. .post-box {
  323. width: 300px;
  324. height: 300px;
  325. float: left;
  326. margin-left: 15px;
  327. overflow: hidden;
  328. }
  329.  
  330. .post-wrap div:first-child {
  331. margin-left: 0;
  332. }
  333.  
  334. .page, .post-single {
  335. border-bottom: 0;
  336. margin-bottom: 0;
  337. }
  338.  
  339. .title {
  340. color: #333333;
  341. margin: 0 0 10px 0;
  342. padding: 0;
  343. font-family: sans-serif;
  344. font-size: 18px;
  345. line-height: 18px;
  346. font-weight: normal;
  347. }
  348.  
  349. .post-single .title {
  350. font-size: 24px;
  351. line-height: 24px;
  352. }
  353.  
  354. .title a {
  355. color: #333333;
  356. text-decoration: none;
  357. }
  358.  
  359. .title a:hover {
  360. color: #66A50E;
  361. text-decoration: none;
  362. }
  363.  
  364. .entry {
  365. line-height: 20px;
  366. }
  367.  
  368. .featured_image {
  369. padding: 6px;
  370. border: 1px solid #C0C0C0;
  371. background: #fff;
  372. }
  373.  
  374. .page-title {
  375. color: #333;
  376. margin: 0px 0 10px 0;
  377. padding: 0 0 10px 0;
  378. font-weight: normal;
  379. text-transform: uppercase;
  380. font-size: 20px;
  381. font-family: sans-serif;
  382. border-bottom: 2px solid #333;
  383. }
  384.  
  385. /* Post Metas
  386. ----------------------------*/
  387.  
  388. .postmeta-primary {
  389. color: #999999;
  390. font-size: 12px;
  391. line-height: 18px;
  392. padding: 0 0 10px 0;
  393. }
  394.  
  395. .postmeta-secondary {
  396. color: #999999;
  397. font-size: 12px;
  398. line-height: 18px;
  399. padding: 0 0 10px 0;
  400. }
  401.  
  402. .postmeta-primary span, .postmeta-secondary span {
  403. padding:3px 0 3px 20px;
  404. background-position:left center;
  405. background-repeat: no-repeat;
  406. }
  407.  
  408. .meta_date {
  409. background-image: url(images/date.png);
  410. }
  411.  
  412. .meta_author {
  413. background-image: url(images/author.png);
  414. }
  415.  
  416. .meta_comments {
  417. background-image: url(images/comments.png);
  418. }
  419.  
  420. .meta_edit {
  421. background-image: url(images/edit.png);
  422. }
  423.  
  424. .meta_categories {
  425. background-image: url(images/category.png);
  426. }
  427.  
  428. .meta_tags {
  429. background-image: url(images/tags.png);
  430. }
  431.  
  432. /* Read More
  433. ----------------------------*/
  434.  
  435. .readmore {
  436. margin-bottom: 15px;
  437. float: right;
  438. }
  439.  
  440. .readmore a {
  441. color: #FFFFFF;
  442. background: #66A50E;
  443. padding: 8px 14px;
  444. font-size: 12px;
  445. line-height: 12px;
  446. display: inline-block;
  447. text-decoration: none;
  448. text-transform: uppercase;
  449. border-bottom: 3px solid #93D23A;
  450. }
  451.  
  452. .readmore a:hover {
  453. color: #FFFFFF;
  454. background: #332E2B;
  455. text-decoration: none;
  456. border-bottom: 3px solid #66A50E;
  457. }
  458.  
  459. /* =WOOCOMMERCE
  460. -------------------------------------------------------------- */
  461.  
  462. .woocommerce .content, .woocommerce #main-fullwidth {
  463. background: #fff;
  464. }
  465.  
  466. .variations .label {
  467. background-color:inherit;
  468. color: inherit;
  469. display: block !important;
  470. font-size: inherit;
  471. font-weight: inherit;
  472. line-height:inherit;
  473. text-shadow: none;
  474. vertical-align: inherit;
  475. white-space: inherit;
  476. padding: 8px 8px 8px 0 !important;
  477. }
  478. .woocommerce input[type="text"], .woocommerce input[type="password"], .woocommerce input.text, .woocommerce input.title, .woocommerce textarea, .woocommerce select {
  479. margin: 0;
  480. padding: 4px !important;
  481. }
  482.  
  483. .quantity input[type="text"], .quantity input.text, .quantity input{
  484. margin: 0;
  485. padding: 0 !important;
  486. }
  487.  
  488. .woocommerce img {
  489. width: auto !important;
  490. height: auto !important;
  491. }
  492.  
  493. /* =SITEMAP
  494. -------------------------------------------------------------- */
  495. .sitemap {
  496. }
  497.  
  498. .sitemap-col {
  499. width: 30%;
  500. padding: 0 0 0 10px;
  501. }
  502.  
  503. .sitemap-col-archives {
  504. width: 45%;
  505. padding: 0 0 0 10px;
  506. }
  507.  
  508. .sitemap h2 {
  509. font-size: 18px;
  510. font-weight: bold;
  511. border-bottom: 2px solid #ddd;
  512. padding: 0 0 10px 0;
  513. margin: 0 0 10px 0;
  514. }
  515.  
  516. .sitemap h3 {
  517. font-size: 14px;
  518. font-weight: bold;
  519. padding: 0;
  520. margin: 0 0 10px 0;
  521. }
  522.  
  523. .sitemap-list {
  524. font-size: 13px;
  525. line-height: 22px;
  526. }
  527.  
  528. .sitemap-list, .sitemap-list ul {
  529. padding: 0 0 0 20px;
  530. }
  531.  
  532. /* =CONTACT FORM
  533. -------------------------------------------------------------- */
  534. .contact-form {
  535. }
  536.  
  537. .contact-form-label {
  538. width: 90px;
  539. font-weight: bold;
  540. font-size: 14px;
  541. padding: 7px 0;
  542. }
  543.  
  544. .contact-form-input {
  545. margin-left: 90px;
  546. }
  547.  
  548. .contact-form input[type=text] {
  549. padding: 6px;
  550. width: 60%;
  551. margin-bottom: 20px;
  552. border: 1px solid #ccc;
  553. background: #fff;
  554. }
  555.  
  556. .contact-form input[type=submit] {
  557. padding: 5px 50px;
  558. border: 1px solid #ccc;
  559. background: #eee;
  560. }
  561. .contact-form textarea {
  562. width: 96%;
  563. padding: 6px;
  564. height: 160px;
  565. margin-bottom: 20px;
  566. border: 1px solid #ccc;
  567. background: #fff;
  568. }
  569.  
  570. .contact-form-required {
  571. color: red;
  572. }
  573.  
  574. /* =SLIDER
  575. -------------------------------------------------------------- */
  576.  
  577. .fp-slider {
  578. margin: 0 0 15px 0;
  579. }
  580.  
  581. .fp-slides-container {}
  582.  
  583. .fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
  584. width: 615px;
  585. }
  586.  
  587. .fp-slides, .fp-thumbnail {
  588. height: 300px;
  589. overflow: hidden;
  590. position: relative;
  591. }
  592.  
  593. .fp-title {
  594. font-family: sans-serif;
  595. color: #fff;
  596. font-size: 18px;
  597. font-weight: normal;
  598. padding: 0 0 2px 0;
  599. margin: 0;
  600. }
  601.  
  602. .fp-title a, .fp-title a:hover {
  603. color: #fff;
  604. text-decoration: none;
  605. }
  606.  
  607. .fp-content {
  608. position: absolute;
  609. overflow: hidden;
  610. padding: 10px 15px;
  611. bottom: 0;
  612. left: 0;
  613. right: 0;
  614. background: #111;
  615. opacity: 0.7;
  616. filter: alpha(opacity = 70);
  617. }
  618.  
  619. .fp-content p {
  620. color: #fff;
  621. padding: 0;
  622. margin: 0;
  623. line-height: 18px;
  624. }
  625.  
  626. .fp-more, .fp-more:hover{
  627. color: #fff;
  628. font-weight: bold;
  629. }
  630.  
  631. .fp-nav {
  632. height: 12px;
  633. text-align: center;
  634. padding: 10px 0;
  635. background: #333;
  636. }
  637.  
  638. .fp-pager a {
  639. background-image: url(images/featured-pager.png);
  640. cursor:pointer;
  641. margin: 0 8px 0 0;
  642. padding: 0;
  643. display: inline-block;
  644. width: 12px;
  645. height: 12px;
  646. overflow: hidden;
  647. text-indent: -999px;
  648. background-position: 0 0;
  649. float: none;
  650. line-height: 1;
  651. opacity: 0.7;
  652. filter: alpha(opacity = 70);
  653. }
  654.  
  655. .fp-pager a:hover, .fp-pager a.activeSlide {
  656. text-decoration: none;
  657. background-position: 0 -112px;
  658. opacity: 1.0;
  659. filter: alpha(opacity = 100);
  660. }
  661.  
  662. .fp-prev-next-wrap {
  663. position: relative;
  664. z-index: 200;
  665. }
  666.  
  667. .fp-prev-next {
  668. position: absolute;
  669. bottom: 130px;
  670. left: 0;
  671. right: 0;
  672. height: 37px;
  673. }
  674.  
  675. .fp-prev {
  676. float:left;
  677. margin-left: 14px;
  678. width:37px;
  679. height:37px;
  680. background:url(images/featured-prev.png) left top no-repeat;
  681. opacity: 0.6;
  682. filter: alpha(opacity = 60);
  683. }
  684.  
  685. .fp-prev:hover {
  686. opacity: 0.8;
  687. filter: alpha(opacity = 80);
  688. }
  689.  
  690. .fp-next {
  691. float:right;
  692. width:36px;
  693. height:37px;
  694. margin-right: 14px;
  695. background:url(images/featured-next.png) right top no-repeat;
  696. opacity: 0.6;
  697. filter: alpha(opacity = 60);
  698. }
  699.  
  700. .fp-next:hover {
  701. opacity: 0.8;
  702. filter: alpha(opacity = 80);
  703. }
  704.  
  705. /* =WP-PAGENAVI
  706. -------------------------------------------------------------- */
  707.  
  708. .wp-pagenavi {
  709. float: left;
  710. }
  711.  
  712. .wp-pagenavi a, .wp-pagenavi span {
  713. text-decoration: none;
  714. padding: 5px 8px;
  715. margin: 2px;
  716. font-size: 15px;
  717. line-height: 15px;
  718. float: left;
  719. }
  720.  
  721. .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
  722. color: #333333;
  723. background:none;
  724. }
  725.  
  726. .wp-pagenavi span.current {
  727. font-weight: bold;
  728. color: #fff;
  729. background:#66A50E;
  730. }
  731.  
  732. .wp-pagenavi a:hover {
  733. color: #fff;
  734. background:#332E2B;
  735. }
  736.  
  737. .wp-pagenavi span.pages {
  738. color: #333333;
  739. background: none;
  740. padding: 4px 8px 4px 0;
  741. }
  742.  
  743. .wp-pagenavi span.extend {
  744. background:transparent;
  745. color: #333333;
  746. background: none;
  747. }
  748.  
  749. /* =FOOTER
  750. -------------------------------------------------------------- */
  751.  
  752. #footer {
  753. margin-bottom:15px;
  754. }
  755.  
  756. #copyrights {
  757. color: #FFFFFF;
  758. background: #332E2B;
  759. text-align: center;
  760. padding: 20px 0;
  761. }
  762.  
  763. #copyrights a {
  764. color: #FFFFFF;
  765. }
  766.  
  767. #copyrights a:hover {
  768. color: #FFFFFF;
  769. text-decoration: none;
  770. }
  771.  
  772. #credits {
  773. color: #3D3D3D;
  774. text-align: center;
  775. font-size: 11px;
  776. padding: 10px 0 0 0;
  777. }
  778.  
  779. #credits a {
  780. color: #3D3D3D;
  781. text-decoration: none;
  782. }
  783.  
  784. #credits a:hover {
  785. text-decoration: none;
  786. color: #3D3D3D;
  787. }
  788.  
  789. /* Footer Widgets
  790. ----------------------------*/
  791.  
  792. #footer-widgets {
  793. background: #FFFFFF;
  794. padding: 20px 0 0 0;
  795. border-top: 2px solid #F0F0F0;
  796. }
  797.  
  798. .footer-widget-box {
  799. width: 225px;
  800. float: left;
  801. margin-left: 12px;
  802. }
  803.  
  804. .footer-widget-box-last {
  805.  
  806. }
  807.  
  808. /* Footer Widgets Color */
  809.  
  810. #footer-widgets .widget-container {
  811.  
  812. }
  813.  
  814. /* Footer Widgets Links */
  815.  
  816. #footer-widgets .widget-container a {
  817.  
  818. }
  819.  
  820. #footer-widgets .widget-container a:hover {
  821.  
  822. }
  823.  
  824. /* Footer Widget Title */
  825.  
  826. #footer-widgets .widgettitle {
  827.  
  828. }
  829.  
  830. #footer-widgets .widgettitle, #footer-widgets .widgettitle a, #footer-widgets .widgettitle a:hover {
  831.  
  832. }
  833.  
  834. /* Footer List Items */
  835.  
  836. #footer-widgets .widget ul li {
  837.  
  838. }
  839.  
  840. /* Footer Widgets Tabs */
  841.  
  842. #footer-widgets .tabs-widget li a {
  843.  
  844. }
  845.  
  846. #footer-widgets .tabs-widget li a:hover, #footer-widgets .tabs-widget li a.tabs-widget-current {
  847.  
  848. }
  849.  
  850. /* Footer Widgets Seaarch */
  851.  
  852. #footer-widgets #search {
  853.  
  854. }
  855.  
  856. #footer-widgets #search #s {
  857.  
  858. }
  859.  
  860. /* =WIDGETS
  861. -------------------------------------------------------------- */
  862.  
  863. /* Widgets Defaults
  864. ----------------------------*/
  865.  
  866. .widget-container {
  867. list-style-type: none;
  868. list-style: none;
  869. margin: 0 0 15px 0;
  870. padding: 0;
  871. color: #332E2B;
  872. font-size: 13px;
  873. }
  874.  
  875. .widget-container a {
  876. color: #332E2B;
  877. text-decoration: none;
  878. }
  879.  
  880. .widget-container a:hover {
  881. color: #5E980B;
  882. text-decoration: none;
  883. }
  884.  
  885. .widgettitle {
  886. background: #F0F0F0;
  887. margin: 0 0 10px 0;
  888. padding: 10px;
  889. border-bottom: 2px solid #66A50E;
  890. }
  891.  
  892. .widgettitle, .widgettitle a, .widgettitle a:hover {
  893. color: #424242;
  894. font-size: 16px;
  895. line-height: 16px;
  896. font-family: sans-serif;
  897. font-weight: normal;
  898. text-decoration: none;
  899. text-transform: uppercase;
  900. }
  901.  
  902. .widget ul {
  903. list-style-type: none;
  904. list-style: none;
  905. margin: 0;
  906. padding: 0;
  907. }
  908.  
  909. .widget ul li {
  910. padding: 0 0 9px 12px;
  911. margin: 0 0 8px 0;
  912. background: url(images/widget-list.png) left 2px no-repeat;
  913. border-bottom: 0;
  914. }
  915.  
  916. .widget ul li .children {
  917. padding-top: 17px;
  918. }
  919.  
  920.  
  921. /* Search
  922. ----------------------------*/
  923.  
  924. #search {
  925. border: 1px solid #D8D8D8;
  926. background: #fff url(images/search.png) 99% 50% no-repeat;
  927. text-align: left;
  928. padding: 6px 24px 6px 6px;
  929. }
  930.  
  931. #search #s {
  932. background: none;
  933. color: #979797;
  934. border: 0;
  935. width: 100%;
  936. padding: 0;
  937. margin: 0;
  938. outline: none;
  939. }
  940.  
  941. #content-search {
  942. width: 300px;
  943. padding: 15px 0;
  944. }
  945.  
  946. /* Wp Calendar
  947. ----------------------------*/
  948.  
  949. #wp-calendar td:hover, #wp-calendar #today {
  950. background: #66A50E;
  951. color: #fff;
  952. }
  953.  
  954. #wp-calendar td:hover a, #wp-calendar #today a {
  955. color: #fff;
  956. }
  957.  
  958. /* Text Widget
  959. ----------------------------*/
  960.  
  961. .textwidget {
  962. line-height: 18px;
  963. }
  964.  
  965. /* 125x125 Banners Widget
  966. ----------------------------*/
  967.  
  968. .banners-125 {
  969. text-align: center;
  970. margin-bottom: -10px;
  971. }
  972.  
  973. .banners-125 img {
  974. margin: 0 5px 5px 5px;
  975. }
  976.  
  977.  
  978. /* Posts Widget
  979. ----------------------------*/
  980.  
  981. .posts-widget ul {
  982. list-style-type: none;
  983. list-style: none;
  984. padding: 0;
  985. margin: 10px 0 0 0;
  986. }
  987.  
  988. .posts-widget ul li {
  989. list-style-type: none;
  990. list-style: none;
  991. padding: 0 0 15px 0;
  992. margin: 0 0 15px 0;
  993. border-bottom: 0;
  994. }
  995.  
  996. .posts-widgettitle {
  997. font-weight: normal;
  998. padding: 0 0 5px 0;
  999. margin: 0;
  1000. font-family: sans-serif;
  1001. font-size: 14px;
  1002. }
  1003.  
  1004. .posts-widgettitle a {}
  1005.  
  1006. .posts-widgettitle a:hover {}
  1007.  
  1008. .posts-widget-meta {
  1009. font-style: italic;
  1010. padding: 0 0 5px 0;
  1011. }
  1012.  
  1013. .posts-widget-entry {
  1014. font-family: Arial, Helvetica, Sans-serif;
  1015. line-height: 20px;
  1016. }
  1017.  
  1018. .posts-widget-more {
  1019. font-weight: bold;
  1020. }
  1021.  
  1022. .posts-widget-more:hover {}
  1023.  
  1024. .posts-widget-featured-image {
  1025. border: 1px solid #F0F0F0;
  1026. padding: 4px;
  1027. background-color: #fff;
  1028. }
  1029.  
  1030. .posts-widget .alignleft {
  1031. margin: 0 8px 8px 0;
  1032. }
  1033.  
  1034. .posts-widget .alignright {
  1035. margin: 0 0 8px 8px;
  1036. }
  1037.  
  1038. .posts-widget .aligncenter {
  1039. margin-bottom: 8px;
  1040. }
  1041.  
  1042. /* Comments Widget
  1043. ----------------------------*/
  1044.  
  1045. .comments-widget ul {
  1046. list-style-type: none;
  1047. list-style: none;
  1048. padding: 0;
  1049. margin: 10px 0 0 0;
  1050. }
  1051.  
  1052. .comments-widget ul li {
  1053. list-style-type: none;
  1054. list-style: none;
  1055. padding: 0 0 10px 0;
  1056. margin: 0 0 10px 0;
  1057. border-bottom: 0;
  1058. }
  1059.  
  1060. .comments-widget-author {
  1061. text-decoration: none;
  1062. font-weight: bold;
  1063. padding: 0 0 5px 0;
  1064. margin: 0;
  1065. }
  1066.  
  1067. .comments-widget-author:hover {}
  1068.  
  1069. .comments-widget-entry {
  1070. font-family: Arial, Helvetica, Sans-serif;
  1071. line-height: 20px;
  1072. }
  1073.  
  1074. .comments-widget-more {
  1075. font-weight: bold;
  1076. }
  1077.  
  1078. .comments-widget-more:hover {}
  1079.  
  1080. .comments-widget-avatar {
  1081. border: 1px solid #F0F0F0;
  1082. padding: 4px;
  1083. background-color: #fff;
  1084. }
  1085.  
  1086. .comments-widget .alignleft {
  1087. margin: 0 8px 0 0;
  1088. }
  1089.  
  1090. .comments-widget .alignright {
  1091. margin: 0 0 0 8px;
  1092. }
  1093.  
  1094. .comments-widget .aligncenter {
  1095. margin-bottom: 8px;
  1096. }
  1097.  
  1098. /* Info Box Widget
  1099. ----------------------------*/
  1100.  
  1101. .infobox-widget ul {
  1102. list-style-type: none;
  1103. list-style: none;
  1104. padding: 0;
  1105. margin: 0;
  1106. }
  1107.  
  1108. .infobox-widget ul li {
  1109. list-style-type: none;
  1110. list-style: none;
  1111. padding: 0;
  1112. margin: 5px 0 0 0;
  1113. }
  1114.  
  1115. .infobox-widget ul li a {
  1116. text-decoration: none;
  1117. }
  1118.  
  1119. .infobox-widget-description {
  1120. line-height: 20px;
  1121. }
  1122.  
  1123. .infobox-widget-more {
  1124. font-weight: bold;
  1125. }
  1126.  
  1127. .infobox-widget-more:hover {
  1128. }
  1129.  
  1130.  
  1131. .infobox-widget .alignleft {
  1132. margin: 0 10px 10px 0;
  1133. }
  1134.  
  1135. .infobox-widget .alignright {
  1136. margin: 0 0 10px 10px;
  1137. }
  1138.  
  1139. .infobox-widget .aligncenter {
  1140. margin-bottom: 10px;
  1141. }
  1142.  
  1143. .infobox-widget .inbottom {
  1144. margin-top: 10px;
  1145. }
  1146.  
  1147. /* Social Profiles Widget
  1148. ----------------------------*/
  1149. .social-profiles-widget img {
  1150. margin: 0 4px 0 0;
  1151. }
  1152.  
  1153. .social-profiles-widget img:hover {
  1154. opacity: 0.8;
  1155. }
  1156.  
  1157. /* Tabs Widget
  1158. ----------------------------*/
  1159.  
  1160. .tabs-widget {
  1161. list-style: none;
  1162. list-style-type: none;
  1163. margin: 0 0 10px 0;
  1164. padding: 0;
  1165. height: 26px;
  1166. }
  1167.  
  1168. .tabs-widget li {
  1169. list-style: none;
  1170. list-style-type: none;
  1171. margin: 0 0 0 4px;
  1172. padding: 0;
  1173. float: left;
  1174. }
  1175.  
  1176. .tabs-widget li:first-child {
  1177. margin: 0;
  1178. }
  1179.  
  1180. .tabs-widget li a {
  1181. color: #fff;
  1182. background: #332E2B;
  1183. padding: 7px 16px;
  1184. font-family: Arial, Helvetica, Sans-serif;
  1185. font-weight: bold;
  1186. display: block;
  1187. text-decoration: none;
  1188. font-size: 12px;
  1189. line-height: 12px;
  1190. border-bottom: 3px solid #66A50E;
  1191. }
  1192.  
  1193. .tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
  1194. background: #66A50E url('images/tabs-hover.png') center bottom no-repeat;
  1195. color: #fff;
  1196. border-bottom: 3px solid #93D23A;
  1197. }
  1198.  
  1199. .tabs-widget-content {
  1200. }
  1201.  
  1202. /* Tweets Widget
  1203. ----------------------------*/
  1204.  
  1205. .tweets-widget ul {
  1206. list-style-type: none;
  1207. list-style: none;
  1208. margin: 0;
  1209. padding: 0;
  1210. line-height: 20px;
  1211. font-family: Arial, Helvetica, Sans-serif;
  1212. }
  1213.  
  1214. .tweets-widget ul li {
  1215. list-style-type: none;
  1216. list-style: none;
  1217. padding: 0;
  1218. margin: 15px 0 0 0;
  1219. }
  1220.  
  1221. .tweets-widget ul li:first-child {
  1222. margin-top: 5px;
  1223. }
  1224.  
  1225. .tweets-widget li.tweets-bird {
  1226. padding-left: 24px;
  1227. background: url(images/tweets.png) left 2px no-repeat;
  1228. }
  1229.  
  1230. .tweets-widget a {}
  1231.  
  1232. .tweets-widget a:hover {}
  1233.  
  1234. a.tweets-widget-time {
  1235. text-decoration: underline;
  1236. }
  1237.  
  1238. a.tweets-widget-time:hover {
  1239. text-decoration: none;
  1240. }
  1241.  
  1242. /* Facebook Widget
  1243. ----------------------------*/
  1244.  
  1245. .facebook-widget {
  1246. list-style-type: none;
  1247. list-style: none;
  1248. margin: 0;
  1249. padding: 0;
  1250. }
  1251.  
  1252. /* =COMMENTS
  1253. -------------------------------------------------------------- */
  1254.  
  1255. #comments {
  1256. margin-bottom: 15px;
  1257. }
  1258.  
  1259. #comments p {
  1260. margin: 5px 0 10px 0;
  1261. }
  1262.  
  1263. h3#comments-title {
  1264. font-weight: bold;
  1265. font-size: 20px;
  1266. padding: 0;
  1267. margin: 0 0 15px 0;
  1268. }
  1269.  
  1270. .commentlist {
  1271. list-style: none;
  1272. margin: 0;
  1273. padding: 0;
  1274. }
  1275.  
  1276. .commentlist li.comment {
  1277. line-height: 24px;
  1278. margin: 0 0 15px 0;
  1279. padding: 0 0 0 0px;
  1280. position: relative;
  1281. }
  1282.  
  1283. .commentlist li:last-child {
  1284. border-bottom:none;
  1285. margin-bottom:0;
  1286. }
  1287.  
  1288. #comments .comment-body ul,
  1289. #comments .comment-body ol {
  1290. margin-bottom: 15px;
  1291. }
  1292.  
  1293. #comments .comment-body blockquote p:last-child {
  1294. margin-bottom: 15px;
  1295. }
  1296.  
  1297. .commentlist .avatar {
  1298. border: 3px solid #ffffff;
  1299. margin-right: 10px;
  1300. width: 40px;
  1301. height: 40px;
  1302. vertical-align: middle;
  1303. margin-bottom: 2px;
  1304. }
  1305.  
  1306. .comment-author {
  1307. padding: 5px;
  1308. display: block;
  1309. background: #F2F2F2;
  1310. border: 1px solid #DFDFDF;
  1311. -moz-border-radius: 4px;
  1312. -khtml-border-radius: 4px;
  1313. -webkit-border-radius: 4px;
  1314. border-radius: 4px;
  1315. }
  1316.  
  1317. .comment-author cite {
  1318. font-style: normal;
  1319. font-weight: bold;
  1320. }
  1321.  
  1322. .comment-author .says {
  1323. font-style: italic;
  1324. }
  1325.  
  1326. .fn, .fn a:link, .fn a:hover, .fn a:visited {
  1327. font-family: Arial, Helvetica, Sans-serif;
  1328. font-size: 16px;
  1329. font-style: normal;
  1330. font-weight: bold;
  1331. text-decoration: none;
  1332. }
  1333.  
  1334. .comment-meta {
  1335. margin: -23px 0 0 65px;
  1336. display: block;
  1337. font-size: 11px;
  1338. padding:0;
  1339. }
  1340.  
  1341. .comment-meta a:link,
  1342. .comment-meta a:visited {
  1343. text-decoration: none;
  1344. }
  1345. .commentlist .bypostauthor {
  1346. }
  1347. .reply {
  1348. text-align: right;
  1349. margin-bottom: 10px;
  1350. }
  1351.  
  1352. .comment-reply-link {
  1353. font-size: 11px;
  1354. font-weight: normal;
  1355. text-decoration: none;
  1356. background: #EDEDED;
  1357. color: #333;
  1358. padding: 2px 8px;
  1359. -moz-border-radius: 3px;
  1360. -khtml-border-radius: 3px;
  1361. -webkit-border-radius: 3px;
  1362. border-radius: 3px;
  1363. border: 1px solid #999999;
  1364. }
  1365.  
  1366. .comment-reply-link:hover {
  1367. background: #F5F5F5;
  1368. color: #333;
  1369. }
  1370.  
  1371.  
  1372. .commentlist .children {
  1373. list-style: none;
  1374. margin: 0;
  1375. }
  1376.  
  1377. /* Children */
  1378.  
  1379. .commentlist .children li {
  1380. border: none;
  1381. margin: 0;
  1382. }
  1383.  
  1384. .nocomments {
  1385. display: none;
  1386. }
  1387.  
  1388. #comments .pingback {
  1389. margin-bottom: 18px;
  1390. padding-bottom: 18px;
  1391. }
  1392.  
  1393. .commentlist li.comment+li.pingback {
  1394. margin-top: -6px;
  1395. }
  1396.  
  1397. #comments .pingback p {
  1398. font-size: 12px;
  1399. line-height: 18px;
  1400. display:block;
  1401. margin: 0;
  1402. }
  1403.  
  1404. #comments .pingback .url {
  1405. font-style: italic;
  1406. font-size: 13px;
  1407. }
  1408.  
  1409. /* Comments form */
  1410.  
  1411. #respond {
  1412. overflow: hidden;
  1413. position: relative;
  1414. margin-bottom: 15px;
  1415. }
  1416.  
  1417. h3#reply-title {
  1418. font-weight: bold;
  1419. font-size: 20px;
  1420. padding: 0;
  1421. margin: 0 0 15px 0;
  1422. }
  1423.  
  1424. #respond .required {
  1425. color:#FF4B33;
  1426. }
  1427.  
  1428. #respond .comment-notes {
  1429. margin-bottom: 1em;
  1430. }
  1431.  
  1432. .form-allowed-tags {
  1433. display: none;
  1434. }
  1435.  
  1436. .children #respond {
  1437. margin: 0 48px 0 0;
  1438. }
  1439.  
  1440. #comments-list #respond {
  1441. margin: 0 0 18px 0;
  1442. }
  1443.  
  1444. #comments-list ul #respond {
  1445. margin: 0;
  1446. }
  1447.  
  1448. #cancel-comment-reply-link {
  1449. font-size: 12px;
  1450. line-height: 18px;
  1451. font-weight: normal;
  1452. }
  1453.  
  1454. #respond .required {
  1455. color:#FF4B33;
  1456. font-weight:bold;
  1457. }
  1458.  
  1459. #respond label {
  1460. font-size: 12px;
  1461. font-weight: bold;
  1462. }
  1463.  
  1464. #respond input {
  1465. margin:10px 0 0 0;
  1466. width:98%;
  1467. }
  1468.  
  1469. #respond textarea {
  1470. width:98%;
  1471. margin:10px 0 0 0;
  1472. }
  1473.  
  1474. #respond .form-allowed-tags {
  1475. font-size: 12px;
  1476. line-height: 18px;
  1477. }
  1478.  
  1479. #respond .form-allowed-tags code {
  1480. font-size: 11px;
  1481. }
  1482.  
  1483. #respond input[type=submit] {
  1484. margin: 0;
  1485. }
  1486.  
  1487. #respond .form-submit {
  1488. margin: 0;
  1489. }
  1490.  
  1491. #respond .form-submit input {
  1492. width: auto;
  1493. font-size: 14px;
  1494. }
  1495. #respond dl {
  1496. margin: 0 0 10px;
  1497. }
  1498.  
  1499. #respond dt {
  1500. display: inline;
  1501. font-weight: normal;
  1502. }
  1503.  
  1504. #respond dd {
  1505. display: inline;
  1506. }
  1507.  
  1508.  
  1509. /* =RESPONSIVE
  1510. -------------------------------------------------------------- */
  1511.  
  1512. .menu-primary-responsive-container, .menu-secondary-responsive-container {
  1513. display: none;
  1514. margin: 10px;
  1515. }
  1516.  
  1517. .menu-primary-responsive, .menu-secondary-responsive {
  1518. width: 100%;
  1519. padding: 5px;
  1520. border: 1px solid #ddd;
  1521. }
  1522.  
  1523.  
  1524. /* Tablets ----------- */
  1525.  
  1526. @media only screen and (max-width: 768px) {
  1527.  
  1528. #container, #footer-container {
  1529. width: 100%;
  1530. }
  1531.  
  1532. #main,
  1533. #main-fullwidth,
  1534. #header,
  1535. #footer-widgets,
  1536. #footer {
  1537. padding-left: 10px;
  1538. padding-right: 10px;
  1539. }
  1540.  
  1541. #main, #main-fullwidth {
  1542. background-image: none;
  1543. }
  1544.  
  1545. #header {
  1546. height: 100%;
  1547. padding-top: 10px;
  1548. padding-bottom: 10px;
  1549. }
  1550.  
  1551. .logo, .header-right {
  1552. float: none;
  1553. text-align: center;
  1554. padding-left: 0;
  1555. padding-right: 0;
  1556. margin-left: 0;
  1557. margin-right: 0;
  1558. }
  1559.  
  1560. .header-right {
  1561. padding-top: 10px;
  1562. }
  1563.  
  1564. #topsearch {
  1565. float: none;
  1566. width: 96%;
  1567. margin: 10px 2%;
  1568. }
  1569.  
  1570. #header #topsearch {
  1571. margin-left: 0;
  1572. margin-right: 0;
  1573. width: 100%;
  1574. }
  1575.  
  1576. #top-social-profiles {
  1577. float: none;
  1578. width: 100%;
  1579. display: block;
  1580. text-align: center;
  1581. }
  1582.  
  1583. #content, #sidebar-primary, #sidebar-secondary {
  1584. width: 100%;
  1585. float: none;
  1586. padding: 0;
  1587. margin: 0;
  1588. display: block;
  1589. }
  1590.  
  1591. .menu-primary-container, .menu-secondary-container {
  1592. float: none;
  1593. margin-left: 0;
  1594. margin-right: 0;
  1595. display: block;
  1596. }
  1597.  
  1598. .fp-slider, #fb-root {
  1599. display: none;
  1600. }
  1601.  
  1602. .post-box {
  1603. width: 100%;
  1604. height: 100%;
  1605. float: none;
  1606. overflow: hidden;
  1607. margin: 0;
  1608. padding: 0;
  1609. }
  1610.  
  1611. #footer-widgets-container #footer-widgets {
  1612. width: inherit;
  1613. }
  1614.  
  1615. .footer-widget-box {
  1616. width: 100%;
  1617. float: none;
  1618. margin: 0;
  1619. padding: 0;
  1620. }
  1621. #copyrights, #credits {
  1622. display: block;
  1623. float: none;
  1624. text-align: center;
  1625. }
  1626.  
  1627. #footer-container #copyrights, #footer-container #credits {
  1628. padding: 5px 0;
  1629. }
  1630.  
  1631. #footer-container #footer {
  1632. width: auto;
  1633. padding-left: 10px;
  1634. padding-right: 10px;
  1635. }
  1636.  
  1637. }
  1638.  
  1639. /* Mobile Phones ----------- */
  1640.  
  1641. @media only screen and (max-width: 480px) {
  1642.  
  1643. .menu-primary-responsive-container, .menu-secondary-responsive-container {
  1644. display: block;
  1645. }
  1646.  
  1647. .menu-primary-container, .menu-secondary-container {
  1648. display: none;
  1649. }
  1650.  
  1651. #header .menu-primary-responsive-container, #header .menu-primary-responsive-container {
  1652. margin-left: 0;
  1653. margin-right: 0;
  1654. width: 100%;
  1655. }
  1656. }
  1657. .mbttext {
  1658.  
  1659. background:
  1660. url(http://3.bp.blogspot.com/-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE/dkyZEzF2HIw/s28/w2b-mail.png)
  1661. no-repeat scroll 4px center transparent;
  1662.  
  1663. padding:
  1664. 7px 15px 7px 35px;
  1665.  
  1666. color:
  1667. #666;
  1668.  
  1669. font-weight:
  1670. bold;
  1671.  
  1672. text-decoration:
  1673. none;
  1674.  
  1675. border: 1px
  1676. solid lightGrey;
  1677.  
  1678. -moz-border-radius:
  1679. 4px;
  1680.  
  1681. -webkit-border-radius:
  1682. 4px;
  1683.  
  1684. border-radius:
  1685. 4px;
  1686.  
  1687. -moz-box-shadow:
  1688. 1px 1px 2px #CCC inset;
  1689.  
  1690. -webkit-box-shadow:
  1691. 1px 1px 2px #CCC inset;
  1692.  
  1693. box-shadow:
  1694. 1px 1px 2px #CCC inset;
  1695.  
  1696. }
  1697.  
  1698.  
  1699.  
  1700. .mbtbutton
  1701. {
  1702.  
  1703. color:
  1704. #666;
  1705.  
  1706. font-weight:
  1707. bold;
  1708.  
  1709. text-decoration:
  1710. none;
  1711.  
  1712. padding:
  1713. 6px 15px;
  1714.  
  1715. border: 1px
  1716. solid lightGrey;
  1717.  
  1718. cursor:
  1719. pointer;
  1720.  
  1721. -moz-border-radius:
  1722. 4px;
  1723.  
  1724. -webkit-border-radius:
  1725. 4px;
  1726.  
  1727. -goog-ms-border-radius:
  1728. 4px;
  1729.  
  1730. border-radius:
  1731. 4px;
  1732.  
  1733. background:
  1734. #FBFBFB;
  1735.  
  1736. background:
  1737. -moz-linear-gradient(top, #FBFBFB 0%, #F4F4F4 100%);
  1738.  
  1739. background:
  1740. -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB),
  1741. color-stop(100%,#F4F4F4));
  1742.  
  1743. background:
  1744. -webkit-linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%);
  1745.  
  1746. background:
  1747. -o-linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%);
  1748.  
  1749. background:
  1750. -ms-linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%);
  1751.  
  1752. filter:
  1753. progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB',
  1754. endColorstr='#F4F4F4',GradientType=0 );
  1755.  
  1756. background:
  1757. linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%);
  1758.  
  1759. }
  1760. /* =END
  1761. ----------------------------------
Advertisement
Add Comment
Please, Sign In to add comment