/* Theme Name: Haven Theme URL: http://demo.favthemes.com/haven/ Description: Premium Responsive Joomla! Template Author: FavThemes Author URI: http://www.favthemes.com Bootstrap Authors: @mdo and @fat Theme Version: 1.2 License: GNU General Public License v3.0 License URI: http://www.gnu.org/copyleft/gpl.html */ /* STYLE 3 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ a, a:link, a:visited { color: #699B4B; text-decoration: none; } a:hover, a:focus { color: #111; text-decoration: none; } /* TEMPLATE CSS ---------------------------------------------------------------------------- */ /* Header */ #fav-headerwrap { background-color: rgba(79, 138, 43, 0.85); } .lt-ie9 #fav-headerwrap { background-color: rgb(79, 138, 43); } /* Navigation */ #fav-nav .navigation .nav-pills .nav-child > .active > a, #fav-nav .navigation .nav-pills .nav-child > li > a:hover { text-decoration: none; color: #699B4B; } /* Promo */ #fav-promo .moduletable li a:hover, #fav-promo div[class^="moduletable-"] li a:hover, #fav-promo div[class*=" moduletable-"] li a:hover { color: #699B4B; } #fav-promo .moduletable a, #fav-promo div[class^="moduletable-"] a, #fav-promo div[class*=" moduletable-"] a, #fav-promo .moduletable p a, #fav-promo div[class^="moduletable-"] p a, #fav-promo div[class*=" moduletable-"] p a { color: #699B4B; } /* Copyright */ #fav-copyright .moduletable li a:hover, #fav-copyright div[class^="moduletable-"] li a:hover, #fav-copyright div[class*=" moduletable-"] li a:hover { color: #699B4B; } #fav-copyright .moduletable a, #fav-copyright div[class^="moduletable-"] a, #fav-copyright div[class*=" moduletable-"] a, #fav-copyright .moduletable p a, #fav-copyright div[class^="moduletable-"] p a, #fav-copyright div[class*=" moduletable-"] p a { color: #699B4B; } #fav-copyright ul.nav.menu li.active a, #fav-copyright ul.nav.menu li a:hover, #fav-copyright ul.nav.menu li:hover a { color: #699B4B; } a.backtop i { background-color: #699B4B; color: #FFFFFF; } /* JOOMLA CSS ---------------------------------------------------------------------------- */ /* Article Title */ .page-header h2, h2.item-title { color: #111; border-bottom: 1px solid #699B4B; } .page-header h2 a:hover, h2.item-title a:hover { color: #699B4B; } .componentheading { color: #111; border-bottom: 1px solid #699B4B; } /* Moduletable Title */ .moduletable h3 { color: #111; border-bottom: 1px solid #699B4B; } /* Buttons */ .btn, .btn:link, .btn:visited { color: #ffffff; background-color: #699B4B; } .btn:hover, .btn:focus { color: #fff; background-color: #699B4B; } .btn-primary, .btn-primary:link, .btn-primary:visited { color: #fff; background-color: #699B4B; box-shadow: 0 4px #3f7122; } .btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #699B4B; box-shadow: 0 0 #3f7122; } /* Read More */ p.readmore a.btn { color: #ffffff; background-color: #699B4B; box-shadow: 0 4px #3f7122; } p.readmore a.btn:hover { color: #fff; background-color: #699B4B; box-shadow: 0 0 #3f7122; } /* Pagination */ .pagination ul > .active > a:hover { background-color: #ffffff; color: #699B4B; } .pager .next a, .pager .previous a { color: #FFF; background-color: #699B4B; box-shadow: 0px 4px #3f7122; } .pager .next a:hover, .pager .next a:focus, .pager .previous a:hover, .pager .previous a:focus { color: #FFF; background-color: #699B4B; box-shadow: 0px 0px #3f7122; } /* Article Info */ ul.dropdown-menu a:hover { color: #699B4B; background-color: transparent; background-image:none; } /* Create Article */ div.edit button.btn.btn-primary { background-color: #699B4B; color: #fff; } /* Tags */ div.tag-category h2 { font-size: 24px; border-bottom: 1px solid #699B4B; } div.tags .label-info[href], div.tags .badge-info[href] { background-color: #699B4B; color: #fff; } div.tag-category ul.thumbnails h3 a { background-color: #699B4B; color: #fff; } /* Accordion */ .accordion-group .accordion-heading { background-color: #699B4B; } /* Badge */ .badge-info { background-color: #699B4B; } /* Menu Basic */ .moduletable ul.nav.menubasic li a:hover, div[class^="moduletable-"] ul.nav.menubasic li a:hover, div[class*=" moduletable-"] ul.nav.menubasic li a:hover { color: #699B4B; } .moduletable ul.nav.menubasic li a:hover:before, div[class^="moduletable-"] ul.nav.menubasic li a:hover:before, div[class*=" moduletable-"] ul.nav.menubasic li a:hover:before { color: #699B4B; } .moduletable ul.nav.menubasic li.current.active a, div[class^="moduletable-"] ul.nav.menubasic li.current.active a, div[class*=" moduletable-"] ul.nav.menubasic li.current.active a { color: #699B4B; } .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child a:hover, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child a:hover, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child a:hover, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active ul.nav-child.unstyled.small a:hover, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active ul.nav-child.unstyled.small a:hover, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active ul.nav-child.unstyled.small a:hover { color: #699B4B; } .moduletable ul.nav.menubasic ul.nav-child.unstyled.small a:hover, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small a:hover, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small a:hover { color: #699B4B; } .moduletable ul.nav.menubasic ul.nav-child.unstyled.small a:hover:before, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small a:hover:before, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small a:hover:before, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child a:hover:before, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child a:hover:before, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child a:hover:before, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover:before, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover:before, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover:before, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active ul.nav-child.unstyled.small a:hover:before, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active ul.nav-child.unstyled.small a:hover:before, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active ul.nav-child.unstyled.small a:hover:before { color: #699B4B; } .moduletable ul.nav.menubasic ul.nav-child.unstyled.small li.current.active a, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.current.active a, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.current.active a, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:hover, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:hover, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:hover, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover, .moduletable ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.current.active.deeper.parent a, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.current.active.deeper.parent a, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.current.active.deeper.parent a, .moduletable ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.active.deeper.parent ul.nav-child a, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.active.deeper.parent ul.nav-child a, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.active.deeper.parent ul.nav-child a { color: #699B4B; } .moduletable ul.nav.menubasic ul.nav-child.unstyled.small li.current.active a:before, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.current.active a:before, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.current.active a:before, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:before, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:before, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:before, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:hover:before, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:hover:before, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child li.current.active.deeper.parent a:hover:before, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:before, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:before, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:before, .moduletable ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover:before, div[class^="moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover:before, div[class*=" moduletable-"] ul.nav.menubasic li.active.deeper.parent ul.nav-child.unstyled.small li.current.active a:hover:before, .moduletable ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.current.active.deeper.parent a:before, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.current.active.deeper.parent a:before, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.current.active.deeper.parent a:before, .moduletable ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.active.deeper.parent ul.nav-child a:before, div[class^="moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.active.deeper.parent ul.nav-child a:before, div[class*=" moduletable-"] ul.nav.menubasic ul.nav-child.unstyled.small li.active.deeper.parent li.active.deeper.parent ul.nav-child a:before { color: #699B4B; } .moduletable ul.nav.menubasic li.current.active a:before, div[class^="moduletable-"] ul.nav.menubasic li.current.active a:before, div[class*=" moduletable-"] ul.nav.menubasic li.current.active a:before { color: #699B4B; } .moduletable ul.nav.menubasic li li.current.active, div[class^="moduletable-"] ul.nav.menubasic li li.current.active, div[class*=" moduletable-"] ul.nav.menubasic li li.current.active, .moduletable ul.nav.menubasic li li li.current.active, div[class^="moduletable-"] ul.nav.menubasic li li li.current.active, div[class*=" moduletable-"] ul.nav.menubasic li li li.current.active, .moduletable ul.nav.menubasic li li li li.current.active, div[class^="moduletable-"] ul.nav.menubasic li li li li.current.active, div[class*=" moduletable-"] ul.nav.menubasic li li li li.current.active { color: #699B4B; } .moduletable ul.nav.menubasic li li.current.active a:before, div[class^="moduletable-"] ul.nav.menubasic li li.current.active a:before, div[class*=" moduletable-"] ul.nav.menubasic li li.current.active a:before, .moduletable ul.nav.menubasic li li li.current.active a:before, div[class^="moduletable-"] ul.nav.menubasic li li li.current.active a:before, div[class*=" moduletable-"] ul.nav.menubasic li li li.current.active a:before, .moduletable ul.nav.menubasic li li li li.current.active a:before, div[class^="moduletable-"] ul.nav.menubasic li li li li.current.active a:before, div[class*=" moduletable-"] ul.nav.menubasic li li li li.current.active a:before { color: #699B4B; } /* Menu Arrow */ .moduletable ul.nav.menuarrow li.current.active a:before, div[class^="moduletable-"] ul.nav.menuarrow li.current.active a:before, div[class*=" moduletable-"] ul.nav.menuarrow li.current.active a:before { color: #699B4B; } .moduletable ul.nav.menuarrow li a:hover:before, div[class^="moduletable-"] ul.nav.menuarrow li a:hover:before, div[class*=" moduletable-"] ul.nav.menuarrow li a:hover:before { color: #699B4B; } .moduletable ul.nav.menuarrow li a:hover, div[class^="moduletable-"] ul.nav.menuarrow li a:hover, div[class*=" moduletable-"] ul.nav.menuarrow li a:hover, .moduletable ul.nav.menuarrow li.current.active a, div[class^="moduletable-"] ul.nav.menuarrow li.current.active a, div[class*=" moduletable-"] ul.nav.menuarrow li.current.active a { color: #699B4B; } /* Module Variations */ .moduletable-sfx1 h3 { color: #111; border-bottom: 1px solid #699B4B; } .moduletable-sfx2 h3 { color: #111; border-bottom: 1px solid #699B4B; } .moduletable-sfx2 h3 i { background-color: #699B4B; color: #FFF; } .moduletable-sfx3 h3 { color: #111; border-bottom: 1px solid #699B4B; } .moduletable-sfx3 h3 i { background-color: #699B4B; color: #FFF; } .moduletable-sfx4 h3 { color: #111; border-bottom: 1px solid #699B4B; } .moduletable-sfx5 h3 { color: #111; border-bottom: 1px solid #699B4B; } .moduletable-sfx5 h3 i { background-color: #699B4B; color: #FFF; } .moduletable-sfx6 h3 { color: #111; border-bottom: 1px solid #699B4B; } .moduletable-sfx6 h3 i { background-color: #699B4B; color: #FFF; } .moduletable-sfx7 { color: #fff; background-color: #699B4B; } .moduletable-sfx8 { color: #fff; background-color: #699B4B; } .moduletable-sfx8 h3 i { color: #699B4B; background-color: #fff; } .moduletable-sfx9 { color: #fff; background-color: #699B4B; } .moduletable-sfx9 h3 i { color: #699B4B; background-color: #fff; } /* K2 CSS ---------------------------------------------------------------------------- */ /* K2 Admin */ div#k2Frontend table.k2FrontendToolbar td.button { color: #FFF; background-color: #699B4B; } /* Read More */ a.k2ReadMore { color: #fff!important; background-color: #699B4B; box-shadow: 0px 4px #3f7122; } a.k2ReadMore:hover, a.k2ReadMore:focus { color: #fff; background-color: #699B4B; box-shadow: 0px 0px #3f7122; } a.k2ReadMores { color: #fff!important; background-color: #699B4B; box-shadow: 0px 4px #3f7122; padding:15px 12px 15px 12px; border-radius:40px; margin:20px 0 20px 0; font-size:18px; } a.k2ReadMores:hover, a.k2ReadMores:focus { color: #fff; background-color: #699B4B; box-shadow: 0px 0px #3f7122; } /* K2 Pagination */ div.k2Pagination ul li a { color: #699B4B; background-color: #fff; } div.k2Pagination li.disabled a:hover, div.k2Pagination ul li.active a:hover { color: #699B4B; } /* Category Title */ div.itemListCategory h2:before { color: #699B4B; } div.catItemHeader h3.catItemTitle { color: #111; border-bottom: 1px solid #699B4B; } div.catItemHeader h3.catItemTitle a:hover { color: #699B4B; } /* Category Item Featured */ div.itemIsFeatured h2:before, div.catItemIsFeatured h3:before, div.userItemIsFeatured h3:before { color: #699B4B; } /* Item Title */ div.itemHeader h2.itemTitle { color: #111; border-bottom: 1px solid #699B4B; } /* Item Comments */ div.itemCommentsForm form input#submitCommentButton { color: #FFF; background-color: #699B4B; box-shadow: 0px 4px #3f7122; } div.itemCommentsForm form input#submitCommentButton:hover { color: #FFF; background-color: #699B4B; box-shadow: 0px 0px #3f7122; } /* Item Comments Pagination */ div.itemCommentsPagination ul.pagination-list li a { color: #FFF; background-color: #699B4B; box-shadow: 0px 4px #3f7122; } div.itemCommentsPagination ul.pagination-list li a:hover, div.itemCommentsPagination ul.pagination-list li a:focus { color: #FFF; background-color: #699B4B; box-shadow: 0px 0px #3f7122; } /* Tag Item Title */ div.tagItemHeader h2.tagItemTitle { border-bottom: 1px solid #699B4B; } div.tagItemHeader h2.tagItemTitle a:hover { color: #699B4B; } /* User Item Title */ div.userItemHeader h3.userItemTitle { color: #111; border-bottom: 1px solid #699B4B; } div.userItemHeader h3.userItemTitle a:hover { color: #699B4B; } /* Latest Items Title */ div.latestItemsCategory h2:before { color: #699B4B; } /* Latest Item Title */ div.latestItemHeader h2.latestItemTitle { color: #111; border-bottom: 1px solid #699B4B; } div.latestItemHeader h2.latestItemTitle a:hover { color: #699B4B; } /* K2 Comments */ div.k2LatestCommentsBlock ul li span.lcItemTitle { color: #699B4B; } /* K2 User */ div.k2LoginBlock fieldset.input input.button, div.k2UserBlock form input.button.ubLogout { color: #FFF; background-color: #699B4B; box-shadow: 0px 4px #3f7122; } div.k2LoginBlock fieldset.input input.button:hover, div.k2LoginBlock fieldset.input input.button:focus, div.k2UserBlock form input.button.ubLogout:hover, div.k2UserBlock form input.button.ubLogout:focus { color: #FFF; background-color: #699B4B; box-shadow: 0px 0px #3f7122; } /* Items Filtered by Date */ div.genericItemHeader h2.genericItemTitle { color: #111; border-bottom: 1px solid #699B4B; } div.genericItemHeader h2.genericItemTitle a:hover { color: #699B4B; } /* User Profile */ .k2AccountPage button.button.validate { color: #fff; background-color: #699B4B; } /* EXTENSIONS ---------------------------------------------------------------------------- */ /* FavGlyph */ .favdemo #favglyph-icon { background-color: #699B4B!important; } /* FavPromote */ .favdemo #favpromote:hover { background-color: #699B4B!important; } .favdemo h3#favpromote-title { background-color: #699B4B!important; } /* FavEffects */ #fav-maintop .favdemo div[id^="faveffects-icon"], #fav-maintop .favdemo div[id*=" faveffects-icon"] { background-color: #699B4B!important; border: 4px solid #699B4B!important; } #fav-bottom .favdemo #faveffects i { color: #699B4B!important; }