/* * name Lieferservice 1 * version 1.0 * author Computer Werkstatt Erding * author URL http://www.Computer-Werkstatt-Erding.de * copyright Copyright (C) 2017 Computer Werkstatt Erding. All rights reserved. */ /* ////////////////////////////////////////////////////////////////////// 1. layout 1.1. reset 1.2. header 1.3. module positions 1.4. navigation 1.5. fonts 1.6. titles 1.7. buttons 1.8. variations 1.9. custom pages 1.10. typography 1.11. joomla 2. colors 2.1. reset 2.2. header 2.3. module positions 2.4. navigation 2.5. fonts 2.6. titles 2.7. buttons 2.8. variations 2.9. custom pages 2.10. typography 2.11. joomla 3. extensions 3.1. cweslider 3.2. cwepromote 3.3. cweglyph 3.4. cweeffects 3.5. cwesocial ////////////////////////////////////////////////////////////////////// */ /* style CSS */ /* ////////////////////////////////////////////////////////////////////// /// 1. layout ////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.1. reset ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.2. header ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.3. module positions ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.4. navigation ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.5. fonts ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// primary font -------------------------------------------------- font-family: 'Roboto', Helvetica, Arial, sans-serif; ////////////////////////////////////////////////// */ /* /// default */ /* /// joomla */ /* ////////////////////////////////////////////////// secondary font -------------------------------------------------- font-family: ; ////////////////////////////////////////////////// */ /* /// default */ /* /// joomla */ /* ////////////////////////////////////////////////// 1.6. titles ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.7. buttons ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.8. variations ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.9. custom pages ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.10. typography ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.11. joomla ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////// /// 2. colors ////////////////////////////////////////////////////////////////////// */ /* ------------------------------------------------------ #0099ff - main color ------------------------------------------------------ style 1 - #0099ff style 2 - #FF6666 style 3 - #f06292 style 4 - #7e57c2 style 5 - #86B827 style 6 - #ffab40 style 7 - #00bcd4 style 8 - #5c6bc0 style 9 - #d81b60 style 10 - #eeb700 ------------------------------------------------------ */ /* ////////////////////////////////////////////////// 2.1. reset ////////////////////////////////////////////////// */ a { color: #0099ff; } a:hover, a:focus { color: #444; outline: none; } /* ////////////////////////////////////////////////// 2.2. header ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 2.3. module positions ////////////////////////////////////////////////// */ /*/ /// /// back to top /// /*/ a.backtop i { background-color: #0099ff; color: #FFFFFF; } /*/ /// /// color module positions /// /*/ #ls-noticewrap, #ls-focuswrap { background-color: #0099ff; color: #fff; } /* ////////////////////////////////////////////////// 2.4. navigation ////////////////////////////////////////////////// */ /*/ /// /// nav style /// /*/ /* active */ .cwenav .navigation .nav-pills > .active > a, .cwenav .navigation .nav-pills > li > a:hover, .cwenav .navigation .nav-pills > li > a:focus, .cwenav .navigation .menunav-pills > .active > a, .cwenav .navigation .menunav-pills > li > a:hover, .cwenav .navigation .menunav-pills > li > a:focus, .cwenav .navigation li span.nav-header:hover, .cwenav .navigation li span.nav-header:focus, .cwenav .navigation .nav-pills > .active > span.nav-header, .cwenav .navigation .nav-pills > li > span.nav-header:hover, .cwenav .navigation .nav-pills > li > span.nav-header:focus, .cwenav .navigation .menunav-pills > .active > span.nav-header, .cwenav .navigation .menunav-pills > li > span.nav-header:hover, .cwenav .navigation .menunav-pills > li > span.nav-header:focus { background-color: #0099ff !important; color: #fff !important; } /* icons */ .cwenav .navigation li a[class^="fa-"]:hover:before, .cwenav .navigation li a[class*=" fa-"]:hover:before, .cwenav .navigation li a[class^="fa-"]:focus:before, .cwenav .navigation li a[class*=" fa-"]:focus:before, .cwenav .navigation li.active a[class^="fa-"]:before, .cwenav .navigation li.active a[class*=" fa-"]:before, .cwenav .navigation li span.nav-header[class^="fa-"]:hover:before, .cwenav .navigation li span.nav-header[class*=" fa-"]:hover:before, .cwenav .navigation li span.nav-header[class^="fa-"]:focus:before, .cwenav .navigation li span.nav-header[class*=" fa-"]:focus:before, .cwenav .navigation li.active span.nav-header[class^="fa-"]:before, .cwenav .navigation li.active span.nav-header[class*=" fa-"]:before { color: #fff !important; } .cwenav .navigation ul.nav-child li a[class^="fa-"]:before, .cwenav .navigation ul.nav-child li a[class*=" fa-"]:before, .cwenav .navigation ul.nav-child li a[class^="fa-"]:before, .cwenav .navigation ul.nav-child li a[class*=" fa-"]:before, .cwenav .navigation ul.nav-child li a[class^="fa-"]:hover:before, .cwenav .navigation ul.nav-child li a[class*=" fa-"]:hover:before, .cwenav .navigation ul.nav-child li a[class^="fa-"]:focus:before, .cwenav .navigation ul.nav-child li a[class*=" fa-"]:focus:before, .cwenav .navigation ul.nav-child li.active a[class^="fa-"]:before, .cwenav .navigation ul.nav-child li.active a[class*=" fa-"]:before, .cwenav .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, .cwenav .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, .cwenav .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, .cwenav .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, .cwenav .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before, .cwenav .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before, .cwenav .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before, .cwenav .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before, .cwenav .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before, .cwenav .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before { color: #0099ff !important; } /* make LINK CSS STYLE menu parameter compatible with FontAwesome */ .cwenav .navigation li a[class^="fa-"]:before, .cwenav .navigation li a[class*=" fa-"]:before, .cwenav .navigation li span.nav-header[class^="fa-"]:before, .cwenav .navigation li span.nav-header[class*=" fa-"]:before { color: #0099ff; } /* submenu */ .cwenav .navigation .nav-pills .nav-child > .active > a, .cwenav .navigation .nav-pills .nav-child > li > a:hover, .cwenav .navigation .menunav-pills .nav-child > .active > a, .cwenav .navigation .menunav-pills .nav-child > li > a:hover, .cwenav .navigation .nav-pills .nav-child > .active > span.nav-header, .cwenav .navigation .nav-pills .nav-child > li > span.nav-header:hover, .cwenav .navigation .menunav-pills .nav-child > .active > span.nav-header, .cwenav .navigation .menunav-pills .nav-child > li > span.nav-header:hover { color: #0099ff !important; } /* /// menu icon fixes */ ul.nav.menu li span.nav-header { color: #0099ff; } /*/ /// /// vertical menus /// /*/ /* basic */ ul.menubasic li a:hover, ul.menubasic li a:focus, ul.menubasic li.current a, ul.menubasic li.current ul a:hover, ul.menubasic li.current ul a:focus, ul.menubasic li span.nav-header:hover, ul.menubasic li span.nav-header:focus, ul.menubasic li.current span.nav-header, ul.menubasic li.current ul span.nav-header:hover, ul.menubasic li.current ul span.nav-header:focus { color: #fff; background-color: #0099ff; } ul.menubasic li.current ul a, ul.menubasic li.current ul span.nav-header { color: #444; background-color: #fff; } ul.menubasic.menu-light li a:hover, ul.menubasic.menu-light li a:focus, ul.menubasic.menu-light li.current a, ul.menubasic.menu-light li.current ul a:hover, ul.menubasic.menu-light li.current ul a:focus, ul.menubasic.menu-light li.current ul a, ul.menubasic.menu-light li span.nav-header:hover, ul.menubasic.menu-light li span.nav-header:focus, ul.menubasic.menu-light li.current span.nav-header, ul.menubasic.menu-light li.current ul span.nav-header, ul.menubasic.menu-light li.current ul span.nav-header:hover, ul.menubasic.menu-light li.current ul span.nav-header:focus { color: #fff !important; background-color: #0099ff; } /* dark version */ #ls-container .ls-dark ul.menubasic, #ls-container .ls-dark ul.menubasic li a, #ls-container .ls-dark ul.menubasic li span.nav-header { color: #eee; border-color: #444; } #ls-container .ls-dark ul.menubasic li a:hover, #ls-container .ls-dark ul.menubasic li a:focus, #ls-container .ls-dark ul.menubasic li.current a, #ls-container .ls-dark ul.menubasic li.current ul a:hover, #ls-container .ls-dark ul.menubasic li.current ul a:focus, #ls-container .ls-dark ul.menubasic li.current ul a, #ls-container .ls-dark ul.menubasic li span.nav-header:hover, #ls-container .ls-dark ul.menubasic li span.nav-header:focus, #ls-container .ls-dark ul.menubasic li.current span.nav-header, #ls-container .ls-dark ul.menubasic li.current ul span.nav-header, #ls-container .ls-dark ul.menubasic li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menubasic li.current ul span.nav-header:focus { color: #0099ff; background-color: #1a1a1a; } #ls-container .ls-dark ul.menubasic.menu-clear li a:hover, #ls-container .ls-dark ul.menubasic.menu-clear li a:focus, #ls-container .ls-dark ul.menubasic.menu-clear li.current a, #ls-container .ls-dark ul.menubasic.menu-clear li.current ul a:hover, #ls-container .ls-dark ul.menubasic.menu-clear li.current ul a:focus, #ls-container .ls-dark ul.menubasic.menu-clear li.current ul a, #ls-container .ls-dark ul.menubasic.menu-clear li span.nav-header:hover, #ls-container .ls-dark ul.menubasic.menu-clear li span.nav-header:focus, #ls-container .ls-dark ul.menubasic.menu-clear li.current span.nav-header, #ls-container .ls-dark ul.menubasic.menu-clear li.current ul span.nav-header, #ls-container .ls-dark ul.menubasic.menu-clear li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menubasic.menu-clear li.current ul span.nav-header:focus { color: #fff; background-color: #0099ff; } #ls-container .ls-dark ul.menubasic.menu-dark li a:hover, #ls-container .ls-dark ul.menubasic.menu-dark li a:focus, #ls-container .ls-dark ul.menubasic.menu-dark li.current a, #ls-container .ls-dark ul.menubasic.menu-dark li.current ul a:hover, #ls-container .ls-dark ul.menubasic.menu-dark li.current ul a:focus, #ls-container .ls-dark ul.menubasic.menu-dark li.current ul a, #ls-container .ls-dark ul.menubasic.menu-dark li span.nav-header:hover, #ls-container .ls-dark ul.menubasic.menu-dark li span.nav-header:focus, #ls-container .ls-dark ul.menubasic.menu-dark li.current span.nav-header, #ls-container .ls-dark ul.menubasic.menu-dark li.current ul span.nav-header, #ls-container .ls-dark ul.menubasic.menu-dark li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menubasic.menu-dark li.current ul span.nav-header:focus { color: #0099ff !important; background-color: #1a1a1a; } #ls-container .ls-dark ul.menubasic.menu-light li a:hover, #ls-container .ls-dark ul.menubasic.menu-light li a:focus, #ls-container .ls-dark ul.menubasic.menu-light li.current a, #ls-container .ls-dark ul.menubasic.menu-light li.current ul a:hover, #ls-container .ls-dark ul.menubasic.menu-light li.current ul a:focus, #ls-container .ls-dark ul.menubasic.menu-light li.current ul a, #ls-container .ls-dark ul.menubasic.menu-light li span.nav-header:hover, #ls-container .ls-dark ul.menubasic.menu-light li span.nav-header:focus, #ls-container .ls-dark ul.menubasic.menu-light li.current span.nav-header, #ls-container .ls-dark ul.menubasic.menu-light li.current ul span.nav-header, #ls-container .ls-dark ul.menubasic.menu-light li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menubasic.menu-light li.current ul span.nav-header:focus { color: #fff !important; background-color: #0099ff; } /* arrow */ ul.menuarrow li a:hover, ul.menuarrow li a:focus, ul.menuarrow li.current a, ul.menuarrow li.current ul a:hover, ul.menuarrow li.current ul a:focus, ul.menuarrow li span.nav-header:hover, ul.menuarrow li span.nav-header:focus, ul.menuarrow li.current span.nav-header, ul.menuarrow li.current ul span.nav-header:hover, ul.menuarrow li.current ul span.nav-header:focus { color: #0099ff; background-color: transparent; } ul.menuarrow li.current ul a, ul.menuarrow li.current ul span.nav-header { color: #444; } ul.menuarrow li a:hover:before, ul.menuarrow li a:focus:before, ul.menuarrow li.current a:before, ul.menuarrow li.current ul a:hover:before, ul.menuarrow li.current ul a:focus:before, ul.menuarrow li span.nav-header:hover:before, ul.menuarrow li span.nav-header:focus:before { color: #0099ff; } ul.menuarrow.menu-light li a:hover, ul.menuarrow.menu-light li a:focus, ul.menuarrow.menu-light li.current a, ul.menuarrow.menu-light li.current ul a:hover, ul.menuarrow.menu-light li.current ul a:focus, ul.menuarrow.menu-light li span.nav-header:hover, ul.menuarrow.menu-light li span.nav-header:focus, ul.menuarrow.menu-light li.current span.nav-header, ul.menuarrow.menu-light li.current ul span.nav-header:hover, ul.menuarrow.menu-light li.current ul span.nav-header:focus { color: #0099ff !important; } /* dark version */ #ls-container .ls-dark ul.menuarrow li a:hover, #ls-container .ls-dark ul.menuarrow li a:focus, #ls-container .ls-dark ul.menuarrow li.current a, #ls-container .ls-dark ul.menuarrow li.current ul a:hover, #ls-container .ls-dark ul.menuarrow li.current ul a:focus, #ls-container .ls-dark ul.menuarrow li span.nav-header:hover, #ls-container .ls-dark ul.menuarrow li span.nav-header:focus, #ls-container .ls-dark ul.menuarrow li.current span.nav-header, #ls-container .ls-dark ul.menuarrow li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuarrow li.current ul span.nav-header:focus { color: #0099ff !important; background-color: transparent; } #ls-container .ls-dark ul.menuarrow li a:hover:before, #ls-container .ls-dark ul.menuarrow li a:focus:before, #ls-container .ls-dark ul.menuarrow li.current a:before, #ls-container .ls-dark ul.menuarrow li.current ul a:hover:before, #ls-container .ls-dark ul.menuarrow li.current ul a:focus:before, #ls-container .ls-dark ul.menuarrow li span.nav-header:hover:before, #ls-container .ls-dark ul.menuarrow li span.nav-header:focus:before, #ls-container .ls-dark ul.menuarrow li.current span.nav-header:before, #ls-container .ls-dark ul.menuarrow li.current ul span.nav-header:hover:before, #ls-container .ls-dark ul.menuarrow li.current ul span.nav-header:focus:before { color: #0099ff; } #ls-container .ls-dark ul.menuarrow.menu-light li a:hover, #ls-container .ls-dark ul.menuarrow.menu-light li a:focus, #ls-container .ls-dark ul.menuarrow.menu-light li.current a, #ls-container .ls-dark ul.menuarrow.menu-light li.current ul a:hover, #ls-container .ls-dark ul.menuarrow.menu-light li.current ul a:focus, #ls-container .ls-dark ul.menuarrow.menu-light li span.nav-header:hover, #ls-container .ls-dark ul.menuarrow.menu-light li span.nav-header:focus, #ls-container .ls-dark ul.menuarrow.menu-light li.current span.nav-header, #ls-container .ls-dark ul.menuarrow.menu-light li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuarrow.menu-light li.current ul span.nav-header:focus { color: #0099ff !important; } #ls-container .ls-dark ul.menuarrow.menu-clear li a:hover, #ls-container .ls-dark ul.menuarrow.menu-clear li a:focus, #ls-container .ls-dark ul.menuarrow.menu-clear li.current a, #ls-container .ls-dark ul.menuarrow.menu-clear li.current ul a:hover, #ls-container .ls-dark ul.menuarrow.menu-clear li.current ul a:focus, #ls-container .ls-dark ul.menuarrow.menu-clear li span.nav-header:hover, #ls-container .ls-dark ul.menuarrow.menu-clear li span.nav-header:focus, #ls-container .ls-dark ul.menuarrow.menu-clear li.current span.nav-header, #ls-container .ls-dark ul.menuarrow.menu-clear li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuarrow.menu-clear li.current ul span.nav-header:focus { color: #0099ff !important; } /* side */ ul.menuside li a:hover, ul.menuside li a:focus, ul.menuside li.current a, ul.menuside li.current ul a:hover, ul.menuside li.current ul a:focus, ul.menuside li span.nav-header:hover, ul.menuside li span.nav-header:focus, ul.menuside li.current span.nav-header, ul.menuside li.current ul span.nav-header:hover, ul.menuside li.current ul span.nav-header:focus { color: #0099ff; border-left: 5px solid #0099ff; background-color: transparent; } ul.menuside li.current ul a { color: #444; } ul.menuside.menu-light li a:hover, ul.menuside.menu-light li a:focus, ul.menuside.menu-light li.current a, ul.menuside.menu-light li.current ul a:hover, ul.menuside.menu-light li.current ul a:focus, ul.menuside.menu-light li span.nav-header:hover, ul.menuside.menu-light li span.nav-header:focus, ul.menuside.menu-light li.current span.nav-header, ul.menuside.menu-light li.current ul span.nav-header:hover, ul.menuside.menu-light li.current ul span.nav-header:focus { color: #0099ff !important; } /* dark version */ #ls-container .ls-dark ul.menuside li a:hover, #ls-container .ls-dark ul.menuside li a:focus, #ls-container .ls-dark ul.menuside li.current a, #ls-container .ls-dark ul.menuside li.current ul a:hover, #ls-container .ls-dark ul.menuside li.current ul a:focus, #ls-container .ls-dark ul.menuside li span.nav-header:hover, #ls-container .ls-dark ul.menuside li span.nav-header:focus, #ls-container .ls-dark ul.menuside li.current span.nav-header, #ls-container .ls-dark ul.menuside li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuside li.current ul span.nav-header:focus { color: #0099ff !important; border-left: 5px solid #0099ff; background-color: transparent; } #ls-container .ls-dark ul.menuside.menu-light li a:hover, #ls-container .ls-dark ul.menuside.menu-light li a:focus, #ls-container .ls-dark ul.menuside.menu-light li.current a, #ls-container .ls-dark ul.menuside.menu-light li.current ul a:hover, #ls-container .ls-dark ul.menuside.menu-light li.current ul a:focus, #ls-container .ls-dark ul.menuside.menu-light li span.nav-header:hover, #ls-container .ls-dark ul.menuside.menu-light li span.nav-header:focus, #ls-container .ls-dark ul.menuside.menu-light li.current span.nav-header, #ls-container .ls-dark ul.menuside.menu-light li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuside.menu-light li.current ul span.nav-header:focus { color: #0099ff !important; } /* line */ ul.menuline li a:hover, ul.menuline li a:focus, ul.menuline li.current a, ul.menuline li.current ul a:hover, ul.menuline li.current ul a:focus, ul.menuline li span.nav-header:hover, ul.menuline li span.nav-header:focus, ul.menuline li.current span.nav-header, ul.menuline li.current ul span.nav-header:hover, ul.menuline li.current ul span.nav-header:focus { color: #444; border-bottom: 1px solid #0099ff; background-color: transparent; } ul.menuline li.current ul a { color: #444; } ul.menuline li a:hover:before, ul.menuline li a:focus:before, ul.menuline li.current a:before, ul.menuline li.current ul a:hover:before, ul.menuline li.current ul a:focus:before, ul.menuline li span.nav-header:hover:before, ul.menuline li span.nav-header:focus:before, ul.menuline li.current span.nav-header:before, ul.menuline li.current ul span.nav-header:hover:before, ul.menuline li.current ul span.nav-header:focus:before { color: #0099ff; } ul.menuline.menu-clear li a:hover, ul.menuline.menu-clear li a:focus, ul.menuline.menu-clear li span.nav-header:hover, ul.menuline.menu-clear li span.nav-header:focus { color: #fff; border-bottom: 1px solid #0099ff; } ul.menuline.menu-dark li a:hover, ul.menuline.menu-dark li a:focus, ul.menuline.menu-dark li span.nav-header:hover, ul.menuline.menu-dark li span.nav-header:focus { color: #fff !important; border-bottom: 1px solid #0099ff; } ul.menuline.menu-light li a:hover, ul.menuline.menu-light li a:focus, ul.menuline.menu-light li.current a, ul.menuline.menu-light li.current ul a:hover, ul.menuline.menu-light li.current ul a:focus, ul.menuline.menu-light li span.nav-header:hover, ul.menuline.menu-light li span.nav-header:focus, ul.menuline.menu-light li.current span.nav-header, ul.menuline.menu-light li.current ul span.nav-header:hover, ul.menuline.menu-light li.current ul span.nav-header:focus { color: #444 !important; border-bottom: 1px solid #0099ff; } /* dark version */ #ls-container .ls-dark ul.menuline li a:hover, #ls-container .ls-dark ul.menuline li a:focus, #ls-container .ls-dark ul.menuline li.current a, #ls-container .ls-dark ul.menuline li.current ul a:hover, #ls-container .ls-dark ul.menuline li.current ul a:focus, #ls-container .ls-dark ul.menuline li span.nav-header:hover, #ls-container .ls-dark ul.menuline li span.nav-header:focus, #ls-container .ls-dark ul.menuline li.current span.nav-header, #ls-container .ls-dark ul.menuline li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuline li.current ul span.nav-header:focus { border-bottom: 1px solid #0099ff; background-color: transparent; color: #eee; } #ls-container .ls-dark ul.menuline li a:hover:before, #ls-container .ls-dark ul.menuline li a:focus:before, #ls-container .ls-dark ul.menuline li.current a:before, #ls-container .ls-dark ul.menuline li.current ul a:hover:before, #ls-container .ls-dark ul.menuline li.current ul a:focus:before, #ls-container .ls-dark ul.menuline li span.nav-header:hover:before, #ls-container .ls-dark ul.menuline li span.nav-header:focus:before, #ls-container .ls-dark ul.menuline li.current span.nav-header:before, #ls-container .ls-dark ul.menuline li.current ul span.nav-header:hover:before, #ls-container .ls-dark ul.menuline li.current ul span.nav-header:focus:before { color: #0099ff; } #ls-container .ls-dark ul.menuline.menu-clear li a:hover, #ls-container .ls-dark ul.menuline.menu-clear li a:focus, #ls-container .ls-dark ul.menuline.menu-clear li.current a, #ls-container .ls-dark ul.menuline.menu-clear li.current ul a:hover, #ls-container .ls-dark ul.menuline.menu-clear li.current ul a:focus, #ls-container .ls-dark ul.menuline.menu-clear li span.nav-header:hover, #ls-container .ls-dark ul.menuline.menu-clear li span.nav-header:focus, #ls-container .ls-dark ul.menuline.menu-clear li.current span.nav-header, #ls-container .ls-dark ul.menuline.menu-clear li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuline.menu-clear li.current ul span.nav-header:focus { color: #eee; border-bottom: 1px solid #0099ff; } #ls-container .ls-dark ul.menuline.menu-clear li a:hover, #ls-container .ls-dark ul.menuline.menu-clear li a:focus, #ls-container .ls-dark ul.menuline.menu-clear li.current a, #ls-container .ls-dark ul.menuline.menu-clear li.current ul a:hover, #ls-container .ls-dark ul.menuline.menu-clear li.current ul a:focus, #ls-container .ls-dark ul.menuline.menu-clear li span.nav-header:hover, #ls-container .ls-dark ul.menuline.menu-clear li span.nav-header:focus, #ls-container .ls-dark ul.menuline.menu-clear li.current span.nav-header, #ls-container .ls-dark ul.menuline.menu-clear li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuline.menu-clear li.current ul span.nav-header:focus { border-bottom: 1px solid #0099ff; } #ls-container .ls-dark ul.menuline.menu-light li a:hover, #ls-container .ls-dark ul.menuline.menu-light li a:focus, #ls-container .ls-dark ul.menuline.menu-light li.current a, #ls-container .ls-dark ul.menuline.menu-light li.current ul a:hover, #ls-container .ls-dark ul.menuline.menu-light li.current ul a:focus, #ls-container .ls-dark ul.menuline.menu-light li span.nav-header:hover, #ls-container .ls-dark ul.menuline.menu-light li span.nav-header:focus, #ls-container .ls-dark ul.menuline.menu-light li.current span.nav-header, #ls-container .ls-dark ul.menuline.menu-light li.current ul span.nav-header:hover, #ls-container .ls-dark ul.menuline.menu-light li.current ul span.nav-header:focus { color: #444 !important; border-bottom: 1px solid #0099ff; } /*/ /// /// horizontal menus /// /*/ ul.menuhorizontal li.active a, ul.menuhorizontal li a:hover, ul.menuhorizontal li a:focus, ul.menuhorizontal li:hover a, ul.menuhorizontal li:focus a, ul.menuhorizontal li.active span.nav-header, ul.menuhorizontal li span.nav-header:hover, ul.menuhorizontal li span.nav-header:focus, ul.menuhorizontal li:hover span.nav-header, ul.menuhorizontal li:focus span.nav-header, ul.menuhorizontal li span.nav-header:hover, ul.menuhorizontal li span.nav-header:focus { color: #0099ff; background-color: transparent; } /* dark version */ #ls-container .ls-dark ul.menuhorizontal li.active a, #ls-container .ls-dark ul.menuhorizontal li a:hover, #ls-container .ls-dark ul.menuhorizontal li a:focus, #ls-container .ls-dark ul.menuhorizontal li:hover a, #ls-container .ls-dark ul.menuhorizontal li:focus a, #ls-container .ls-dark ul.menuhorizontal li.active span.nav-header, #ls-container .ls-dark ul.menuhorizontal li span.nav-header:hover, #ls-container .ls-dark ul.menuhorizontal li span.nav-header:focus, #ls-container .ls-dark ul.menuhorizontal li:hover span.nav-header, #ls-container .ls-dark ul.menuhorizontal li:focus span.nav-header, #ls-container .ls-dark ul.menuhorizontal li span.nav-header:hover, #ls-container .ls-dark ul.menuhorizontal li span.nav-header:focus { color: #0099ff; background-color: transparent; } /* clear */ ul.menuhorizontal.menu-clear li.active a, ul.menuhorizontal.menu-clear li a:hover, ul.menuhorizontal.menu-clear li a:focus, ul.menuhorizontal.menu-clear li:hover a, ul.menuhorizontal.menu-clear li:focus a, ul.menuhorizontal.menu-clear li.active span.nav-header, ul.menuhorizontal.menu-clear li span.nav-header:hover, ul.menuhorizontal.menu-clear li span.nav-header:focus, ul.menuhorizontal.menu-clear li:hover span.nav-header, ul.menuhorizontal.menu-clear li:focus span.nav-header, ul.menuhorizontal.menu-clear li span.nav-header:hover, ul.menuhorizontal.menu-clear li span.nav-header:focus { color: #0099ff !important; } ul.menuhorizontal.menu-clear li a:before, ul.menuhorizontal.menu-clear li span.nav-header:before { color: #fff; } ul.menuhorizontal.menu-clear li.active a:before, ul.menuhorizontal.menu-clear li a:hover:before, ul.menuhorizontal.menu-clear li a:focus:before, ul.menuhorizontal.menu-clear li:hover a:before, ul.menuhorizontal.menu-clear li:focus a:before, ul.menuhorizontal.menu-clear li.active span.nav-header:before, ul.menuhorizontal.menu-clear li span.nav-header:hover:before, ul.menuhorizontal.menu-clear li span.nav-header:focus:before, ul.menuhorizontal.menu-clear li:hover span.nav-header:before, ul.menuhorizontal.menu-clear li:focus span.nav-header:before, ul.menuhorizontal.menu-clear li span.nav-header:hover:before, ul.menuhorizontal.menu-clear li span.nav-header:focus:before { color: #0099ff !important; } /* dark */ ul.menuhorizontal.menu-dark li.active a, ul.menuhorizontal.menu-dark li a:hover, ul.menuhorizontal.menu-dark li a:focus, ul.menuhorizontal.menu-dark li:hover a, ul.menuhorizontal.menu-dark li:focus a, ul.menuhorizontal.menu-dark li.active span.nav-header, ul.menuhorizontal.menu-dark li span.nav-header:hover, ul.menuhorizontal.menu-dark li span.nav-header:focus, ul.menuhorizontal.menu-dark li:hover span.nav-header, ul.menuhorizontal.menu-dark li:focus span.nav-header, ul.menuhorizontal.menu-dark li span.nav-header:hover, ul.menuhorizontal.menu-dark li span.nav-header:focus { color: #0099ff !important; } ul.menuhorizontal.menu-dark li.active a:before, ul.menuhorizontal.menu-dark li a:hover:before, ul.menuhorizontal.menu-dark li a:focus:before, ul.menuhorizontal.menu-dark li:hover a:before, ul.menuhorizontal.menu-dark li:focus a:before, ul.menuhorizontal.menu-dark li.active span.nav-header:before, ul.menuhorizontal.menu-dark li span.nav-header:hover:before, ul.menuhorizontal.menu-dark li span.nav-header:focus:before, ul.menuhorizontal.menu-dark li:hover span.nav-header:before, ul.menuhorizontal.menu-dark li:focus span.nav-header:before, ul.menuhorizontal.menu-dark li span.nav-header:hover:before, ul.menuhorizontal.menu-dark li span.nav-header:focus:before { color: #0099ff !important; } /* light */ ul.menuhorizontal.menu-light li.active a, ul.menuhorizontal.menu-light li a:hover, ul.menuhorizontal.menu-light li a:focus, ul.menuhorizontal.menu-light li:hover a, ul.menuhorizontal.menu-light li:focus a, ul.menuhorizontal.menu-light li.active span.nav-header, ul.menuhorizontal.menu-light li span.nav-header:hover, ul.menuhorizontal.menu-light li span.nav-header:focus, ul.menuhorizontal.menu-light li:hover span.nav-header, ul.menuhorizontal.menu-light li:focus span.nav-header, ul.menuhorizontal.menu-light li span.nav-header:hover, ul.menuhorizontal.menu-light li span.nav-header:focus { color: #0099ff !important; background-color: transparent; text-decoration: none; } /* right */ ul.menuhorizontal.pull-right li.active a, ul.menuhorizontal.pull-right li a:hover, ul.menuhorizontal.pull-right li a:focus, ul.menuhorizontal.pull-right li:hover a, ul.menuhorizontal.pull-right li:focus a, ul.menuhorizontal.pull-right li.active span.nav-header, ul.menuhorizontal.pull-right li span.nav-header:hover, ul.menuhorizontal.pull-right li span.nav-header:focus, ul.menuhorizontal.pull-right li:hover span.nav-header, ul.menuhorizontal.pull-right li:focus span.nav-header, ul.menuhorizontal.pull-right li span.nav-header:hover, ul.menuhorizontal.pull-right li span.nav-header:focus { color: #0099ff; background-color: transparent; text-decoration:none; } /* ////////////////////////////////////////////////// 2.5. fonts ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 2.6. titles ////////////////////////////////////////////////// */ .page-header h2 a:hover, h2.item-title a:hover, div.categories-list h3 a:hover, div.newsfeed h2 a:hover, div.newsfeed-category h2 a:hover { color: #0099ff; } .moduletable h3 [class^="fa fa-"], .moduletable h3 [class*=" fa fa-"] { background-color: #0099ff; color: #fff; } /* dark version */ #ls-container .ls-dark .page-header h2 a:hover, #ls-container .ls-dark h2.item-title a:hover, #ls-container .ls-dark div.categories-list h3 a:hover, #ls-container .ls-dark div.newsfeed h2 a:hover { color: #0099ff; } /* ////////////////////////////////////////////////// 2.7. buttons ////////////////////////////////////////////////// */ .btn, .pager .next a, .pager .previous a { color: #fff; background-color: #0099ff; } .btn:hover, .btn:focus, .btn:active, .btn.active, .pager .next a:hover, .pager .previous a:hover, .pager .next a:focus, .pager .previous a:focus { color: #fff; background-color: #333; background-image: none; border: 1px solid transparent; box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); } /* /// primary */ .btn-primary { color: #fff; background-color: #0099ff; border: 1px solid transparent; background-image: none; } .btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #0099ff; } /*/ /// /// pagination /// /*/ .pagination ul li a, .pagination ul > .disabled > a, .pagination ul > .active > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus, .pagination ul > .active > a:hover, .pagination ul > .active > a:focus { color: #fff; background-color: #0099ff; } .pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li.active a, .pagination ul li.active a:hover { color: #0099ff; background-color: #fff; } /* dark version */ #ls-container .ls-dark .pagination ul li a, #ls-container .ls-dark .pagination ul > .disabled > a, #ls-container .ls-dark .pagination ul > .active > a, #ls-container .ls-dark .pagination ul > .disabled > a:hover, #ls-container .ls-dark .pagination ul > .disabled > a:focus, #ls-container .ls-dark .pagination ul > .active > a:hover, #ls-container .ls-dark .pagination ul > .active > a:focus { color: #fff; background-color: #0099ff; } #ls-container .ls-dark .pagination ul li a:hover, #ls-container .ls-dark .pagination ul li a:focus, #ls-container .ls-dark .pagination ul li.active a, #ls-container .ls-dark .pagination ul li.active a:hover { color: #0099ff; background-color: #fff; } /* ////////////////////////////////////////////////// 2.8. variations ////////////////////////////////////////////////// */ .moduletable-sfx1 h3 i, .moduletable-sfx2 h3 i, .moduletable-sfx5 h3 i, .moduletable-sfx6 h3 i, .moduletable-sfx13 h3 i, .moduletable-sfx14 h3 i, .moduletable-sfx17 h3 i, .moduletable-sfx18 h3 i, .moduletable-sfx21 h3 i, .moduletable-sfx22 h3 i, .moduletable-sfx25 h3 i, .moduletable-sfx26 h3 i, .moduletable-sfx29 h3 i, .moduletable-sfx30 h3 i, .moduletable-sfx33 h3 i, .moduletable-sfx34 h3 i, .moduletable-sfx21 a:hover, .moduletable-sfx21 a:focus { color: #0099ff; } .moduletable-sfx3 h3 i, .moduletable-sfx4 h3 i, .moduletable-sfx7 h3 i, .moduletable-sfx8 h3 i, .moduletable-sfx15 h3 i, .moduletable-sfx16 h3 i, .moduletable-sfx19 h3 i, .moduletable-sfx20 h3 i, .moduletable-sfx23 h3 i, .moduletable-sfx24 h3 i, .moduletable-sfx27 h3 i, .moduletable-sfx28 h3 i, .moduletable-sfx31 h3 i, .moduletable-sfx32 h3 i, .moduletable-sfx35 h3 i, .moduletable-sfx36 h3 i, .moduletable-sfx9, .moduletable-sfx10, .moduletable-sfx11, .moduletable-sfx12 { background-color: #0099ff; color: #FFF; } .moduletable-sfx4 h3, .moduletable-sfx8 h3, .moduletable-sfx16 h3, .moduletable-sfx16 h3, .moduletable-sfx20 h3, .moduletable-sfx24 h3, .moduletable-sfx28 h3, .moduletable-sfx32 h3, .moduletable-sfx36 h3 { border-bottom: 1px solid #0099ff; } /* dark version */ #ls-container .ls-dark #ls-featurewrap .moduletable-sfx1 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx1 a:focus, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx2 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx2 a:focus, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx3 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx3 a:focus, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx4 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx4 a:focus, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx5 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx5 a:focus, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx6 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx6 a:focus, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx7 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx7 a:focus, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx8 a:hover, #ls-container .ls-dark #ls-featurewrap .moduletable-sfx8 a:focus { color: #0099ff !important; } #ls-container .ls-dark #ls-blockwrap .moduletable-sfx1 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx1 a:focus, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx2 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx2 a:focus, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx3 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx3 a:focus, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx4 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx4 a:focus, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx5 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx5 a:focus, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx6 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx6 a:focus, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx7 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx7 a:focus, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx8 a:hover, #ls-container .ls-dark #ls-blockwrap .moduletable-sfx8 a:focus { color: #0099ff !important; } /* ////////////////////////////////////////////////// 2.9. custom pages ////////////////////////////////////////////////// */ /*/ /// /// download theme section /// /*/ #ls-download #ls-download-btn a.btn:hover, #ls-download #ls-download-btn a.btn:focus { color: #0099ff !important; } /*/ /// /// demo navigation styles /// /*/ #ls-container .demo-nav-styles { background-color: #0099ff; } /* ////////////////////////////////////////////////// 2.10. typography ////////////////////////////////////////////////// */ /*/ /// /// bootstrap elements /// /*/ /* blockquote */ blockquote { border-color: #0099ff; } blockquote.blockquote-dark { border-color: #0099ff; } /* badge */ .badge-info { background-color: #0099ff; } /*/ /// /// lists /// /*/ ul.list-square li:before { background-color: #0099ff; color: #fff; } ol.list-square li:before { color: #fff; background: none repeat scroll 0% 0% #0099ff; } ul.list-circle li:before { background-color: #0099ff; color: #fff; } ol.list-circle li:before { color: #fff; background: none repeat scroll 0% 0% #0099ff; } /* ////////////////////////////////////////////////// 2.11. joomla ////////////////////////////////////////////////// */ /*/ /// /// article dropdown /// /*/ ul.dropdown-menu a:hover { color: #0099ff; } .btn-group.open .btn.dropdown-toggle { background-color: #0099ff; } /* dark version */ #ls-container .ls-dark ul.dropdown-menu a:hover { color: #0099ff; } /*/ /// /// tags /// /*/ ul.tags li a { color: #0099ff; } div.tag-category ul.thumbnails h3 a { background-color: #0099ff; color: #fff; } /*/ /// /// search /// /*/ #ls-search-advanced-fields .accordion-heading a.accordion-toggle { color: #fff; background-color: #0099ff; } /*/// mobile ///*/ @media (max-width: 768px) { .moduletablecwestyle.pull-left .ls-search a.btn.dropdown-toggle i { color: #0099ff; } } /*/ /// /// profile /// /*/ #member-profile button.btn.btn-primary.validate, #member-profile a.btn { color: #fff; background-color: #0099ff; } /*/ /// /// newsfeed /// /*/ div.newsfeed h2 a:hover, div.newsfeed-category h2 a:hover { color: #0099ff; } /* ////////////////////////////////////////////////////////////////////// /// 3. extensions ////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 3.1. cweslider ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 3.2. cwepromote ////////////////////////////////////////////////// */ .cwestyle div[id^="cwepromote-box"] h4[id^="cwepromote-title"], .cwestyle div[id^="cwepromote-box"] h4[id*=" cwepromote-title"] { background-color: #0099ff !important; } .cwestyle div[id^="cwepromote-box"]:hover h4[id^="cwepromote-title"], .cwestyle div[id^="cwepromote-box"]:hover h4[id*=" cwepromote-title"], .cwestyle div[id^="cwepromote-box"] h4[id^="cwepromote-title"]:hover, .cwestyle div[id^="cwepromote-box"] h4[id*=" cwepromote-title"]:hover { background-color: #111 !important; } /* ////////////////////////////////////////////////// 3.3. cweglyph ////////////////////////////////////////////////// */ .cwestyle div[id^="cweglyph-icon"], .cwestyle div[id*=" cweglyph-icon"] { background-color: #0099ff !important; border: 1px solid #0099ff !important; } /* ////////////////////////////////////////////////// 3.4. cweeffects ////////////////////////////////////////////////// */ .cwestyle div[id^="cweeffects-icon"] i, .cwestyle div[id*=" cweeffects-icon"] i { color: #0099ff !important; } .cwestyle div[id^="cweeffects-icon"] i:hover, .cwestyle div[id*=" cweeffects-icon"] i:hover { color: #444 !important; } /* ////////////////////////////////////////////////// 3.5. cwesocial ////////////////////////////////////////////////// */ .cwestyle div[id^="cwesocial"] a, .cwestyle div[id*=" cwesocial"] a { background-color: #0099ff !important; }