├── .gitignore ├── css ├── contents │ ├── content-2.css │ ├── content-2.min.css │ ├── content-3.min.css │ ├── content-3.css │ ├── content-20.min.css │ ├── content-20.css │ ├── content-10.min.css │ └── content-10.css ├── contacts │ ├── contact-2.min.css │ └── contact-2.css ├── footers │ ├── footer-2.min.css │ └── footer-2.css ├── testimonials │ ├── testimonial-5.min.css │ └── testimonial-5.css ├── headers │ ├── header-1.min.css │ └── header-1.css ├── backgrounds.min.css ├── backgrounds.css └── colors │ ├── black.min.css │ ├── white.min.css │ ├── blue-gem.min.css │ ├── white-smoke.min.css │ ├── black.css │ ├── white.css │ ├── blue-gem.css │ ├── white-smoke.css │ └── colors.min.css ├── CNAME ├── img ├── bgs │ ├── bg-10.jpg │ └── bg-29.jpg ├── icons │ ├── badge.png │ ├── book.png │ ├── timer.png │ ├── support.png │ ├── responsive.png │ └── graduation-cap.png ├── logo-black-small.png └── logo-white-small.png ├── sitemap.xml ├── robots.txt ├── README.md ├── js └── fdk.min.js └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | **/.DS_STORE -------------------------------------------------------------------------------- /css/contents/content-2.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /css/contents/content-2.min.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | www.flatdesignframework.com 2 | -------------------------------------------------------------------------------- /css/contents/content-3.min.css: -------------------------------------------------------------------------------- 1 | .content-3{text-align:center} -------------------------------------------------------------------------------- /css/contents/content-3.css: -------------------------------------------------------------------------------- 1 | .content-3 { 2 | text-align: center; 3 | } 4 | -------------------------------------------------------------------------------- /img/bgs/bg-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/bgs/bg-10.jpg -------------------------------------------------------------------------------- /img/bgs/bg-29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/bgs/bg-29.jpg -------------------------------------------------------------------------------- /img/icons/badge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/icons/badge.png -------------------------------------------------------------------------------- /img/icons/book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/icons/book.png -------------------------------------------------------------------------------- /img/icons/timer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/icons/timer.png -------------------------------------------------------------------------------- /img/icons/support.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/icons/support.png -------------------------------------------------------------------------------- /img/icons/responsive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/icons/responsive.png -------------------------------------------------------------------------------- /img/logo-black-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/logo-black-small.png -------------------------------------------------------------------------------- /img/logo-white-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/logo-white-small.png -------------------------------------------------------------------------------- /img/icons/graduation-cap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/froala/design-framework-demo/HEAD/img/icons/graduation-cap.png -------------------------------------------------------------------------------- /css/contents/content-20.min.css: -------------------------------------------------------------------------------- 1 | .content-20 .container *+.row{margin-top:50px}@media (max-width:991px){.content-20 .container .col-xs-12+.col-xs-12{margin-top:30px}} -------------------------------------------------------------------------------- /css/contents/content-20.css: -------------------------------------------------------------------------------- 1 | .content-20 .container * + .row { 2 | margin-top: 50px; 3 | } 4 | @media (max-width: 991px) { 5 | .content-20 .container .col-xs-12 + .col-xs-12 { 6 | margin-top: 30px; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | https://www.flatdesignkit.com 5 | 6 | 7 | -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file 2 | # 3 | # To ban all spiders from the entire site uncomment the next two lines: 4 | # User-agent: * 5 | # Disallow: / 6 | -------------------------------------------------------------------------------- /css/contents/content-10.min.css: -------------------------------------------------------------------------------- 1 | .content-10{padding:50px 0;text-align:center}.content-10 *+.container-auto{margin-top:30px}.content-10 .container .row div+div{margin-top:30px}@media (min-width:992px){.content-10 .container .row div+div{margin-top:0}} -------------------------------------------------------------------------------- /css/contents/content-10.css: -------------------------------------------------------------------------------- 1 | .content-10 { 2 | padding: 50px 0; 3 | text-align: center; 4 | } 5 | .content-10 * + .container-auto { 6 | margin-top: 30px; 7 | } 8 | .content-10 .container .row div + div { 9 | margin-top: 30px; 10 | } 11 | @media (min-width: 992px) { 12 | .content-10 .container .row div + div { 13 | margin-top: 0; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /css/contacts/contact-2.min.css: -------------------------------------------------------------------------------- 1 | .contact-2{padding:0 0 50px}@media (min-width:768px){.contact-2{padding:0 0 100px}}.contact-2 #map-canvas{width:100%;z-index:5;height:200px}@media (min-width:768px){.contact-2 #map-canvas{height:400px}}.contact-2 .container{margin-top:30px}@media (min-width:768px){.contact-2 .container{margin-top:50px}}.contact-2 .container *+.row{margin-top:30px}@media (min-width:768px){.contact-2 .container *+.row{margin-top:50px}}.contact-2 .container form .form-group{width:100%} -------------------------------------------------------------------------------- /css/footers/footer-2.min.css: -------------------------------------------------------------------------------- 1 | .footer-2{text-align:center}.footer-2 .container div+div{margin-top:15px}@media (min-width:992px){.footer-2 .container div+div{margin-top:30px}}.footer-2 .container .pull-left+.pull-right{margin-top:15px}@media (min-width:992px){.footer-2 .container .pull-left+.pull-right{margin:0}}@media (max-width:991px){.footer-2 .container .pull-left,.footer-2 .container .pull-right{float:none!important}}@media (max-width:767px){.footer-2 .container .clearfix+.network-icon{margin-left:0}.footer-2 .container .network-icon:nth-child(n+4){margin-top:20px}} -------------------------------------------------------------------------------- /css/contacts/contact-2.css: -------------------------------------------------------------------------------- 1 | .contact-2 { 2 | padding: 0 0 50px; 3 | } 4 | @media (min-width: 768px) { 5 | .contact-2 { 6 | padding: 0 0 100px; 7 | } 8 | } 9 | .contact-2 #map-canvas { 10 | width: 100%; 11 | z-index: 5; 12 | height: 200px; 13 | } 14 | @media (min-width: 768px) { 15 | .contact-2 #map-canvas { 16 | height: 400px; 17 | } 18 | } 19 | .contact-2 .container { 20 | margin-top: 30px; 21 | } 22 | @media (min-width: 768px) { 23 | .contact-2 .container { 24 | margin-top: 50px; 25 | } 26 | } 27 | .contact-2 .container * + .row { 28 | margin-top: 30px; 29 | } 30 | @media (min-width: 768px) { 31 | .contact-2 .container * + .row { 32 | margin-top: 50px; 33 | } 34 | } 35 | .contact-2 .container form .form-group { 36 | width: 100%; 37 | } 38 | -------------------------------------------------------------------------------- /css/testimonials/testimonial-5.min.css: -------------------------------------------------------------------------------- 1 | .testimonial-5{text-align:center}@media (min-width:768px){.testimonial-5{text-align:inherit}}.testimonial-5 .container *+.row{margin-top:30px}@media (min-width:768px){.testimonial-5 .container *+.row{margin-top:50px}}.testimonial-5 .container .row+.row .black-box,.testimonial-5 .container .row+.row .white-box{margin-top:0}@media (min-width:992px){.testimonial-5 .container .row+.row .black-box,.testimonial-5 .container .row+.row .white-box{margin-top:-20px}}.testimonial-5 .container img{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.testimonial-5 .container .author-name{margin-bottom:0}@media (max-width:767px){.testimonial-5 .container .col-xs-6+.col-xs-12{margin-top:0}}@media (max-width:991px){.testimonial-5 .container .col-md-6+.col-md-6{margin-top:30px}} -------------------------------------------------------------------------------- /css/footers/footer-2.css: -------------------------------------------------------------------------------- 1 | .footer-2 { 2 | text-align: center; 3 | } 4 | .footer-2 .container div + div { 5 | margin-top: 15px; 6 | } 7 | @media (min-width: 992px) { 8 | .footer-2 .container div + div { 9 | margin-top: 30px; 10 | } 11 | } 12 | .footer-2 .container .pull-left + .pull-right { 13 | margin-top: 15px; 14 | } 15 | @media (min-width: 992px) { 16 | .footer-2 .container .pull-left + .pull-right { 17 | margin: 0; 18 | } 19 | } 20 | @media (max-width: 991px) { 21 | .footer-2 .container .pull-left, 22 | .footer-2 .container .pull-right { 23 | float: none !important; 24 | } 25 | } 26 | @media (max-width: 767px) { 27 | .footer-2 .container .clearfix + .network-icon { 28 | margin-left: 0; 29 | } 30 | .footer-2 .container .network-icon:nth-child(n+4) { 31 | margin-top: 20px; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /css/testimonials/testimonial-5.css: -------------------------------------------------------------------------------- 1 | .testimonial-5 { 2 | text-align: center; 3 | } 4 | @media (min-width: 768px) { 5 | .testimonial-5 { 6 | text-align: inherit; 7 | } 8 | } 9 | .testimonial-5 .container * + .row { 10 | margin-top: 30px; 11 | } 12 | @media (min-width: 768px) { 13 | .testimonial-5 .container * + .row { 14 | margin-top: 50px; 15 | } 16 | } 17 | .testimonial-5 .container .row + .row .black-box, 18 | .testimonial-5 .container .row + .row .white-box { 19 | margin-top: 0; 20 | } 21 | @media (min-width: 992px) { 22 | .testimonial-5 .container .row + .row .black-box, 23 | .testimonial-5 .container .row + .row .white-box { 24 | margin-top: -20px; 25 | } 26 | } 27 | .testimonial-5 .container img { 28 | -webkit-border-radius: 100%; 29 | -moz-border-radius: 100%; 30 | border-radius: 100%; 31 | } 32 | .testimonial-5 .container .author-name { 33 | margin-bottom: 0; 34 | } 35 | @media (max-width: 767px) { 36 | .testimonial-5 .container .col-xs-6 + .col-xs-12 { 37 | margin-top: 0; 38 | } 39 | } 40 | @media (max-width: 991px) { 41 | .testimonial-5 .container .col-md-6 + .col-md-6 { 42 | margin-top: 30px; 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /css/headers/header-1.min.css: -------------------------------------------------------------------------------- 1 | .header-1 .navbar .nav a.popout{border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-width:2px;padding:7px 10px;margin:11px 20px}.header-1 .navbar .nav a.popout.text-thin{border-width:.36px}.header-1 .navbar .nav a.popout.text-light{border-width:1px}.header-1 .navbar .nav a.popout.text-xsmall{border-width:1px}.header-1 .navbar .nav a.popout.text-xsmall.text-thin{border-width:.252px}.header-1 .navbar .nav a.popout.text-xsmall.text-light{border-width:1px}.header-1 .navbar .nav a.popout.text-small{border-width:2px}.header-1 .navbar .nav a.popout.text-small.text-thin{border-width:.324px}.header-1 .navbar .nav a.popout.text-small.text-light{border-width:1px}.header-1 .navbar .nav a.popout.text-large{border-width:3px}.header-1 .navbar .nav a.popout.text-large.text-thin{border-width:.432px}.header-1 .navbar .nav a.popout.text-large.text-light{border-width:1px}.header-1 .navbar .nav a.popout.text-xlarge{border-width:4px}.header-1 .navbar .nav a.popout.text-xlarge.text-thin{border-width:.54px}.header-1 .navbar .nav a.popout.text-xlarge.text-light{border-width:2px}.header-1 .navbar .nav a.popout.text-xxlarge{border-width:4px}.header-1 .navbar .nav a.popout.text-xxlarge.text-thin{border-width:.612px}.header-1 .navbar .nav a.popout.text-xxlarge.text-light{border-width:2px} -------------------------------------------------------------------------------- /css/backgrounds.min.css: -------------------------------------------------------------------------------- 1 | .bgi-1{background-image:url(../img/bgs/bg-1.jpg)}.bgi-2{background-image:url(../img/bgs/bg-2.jpg)}.bgi-3{background-image:url(../img/bgs/bg-3.jpg)}.bgi-4{background-image:url(../img/bgs/bg-4.jpg)}.bgi-5{background-image:url(../img/bgs/bg-5.jpg)}.bgi-6{background-image:url(../img/bgs/bg-6.jpg)}.bgi-7{background-image:url(../img/bgs/bg-7.jpg)}.bgi-8{background-image:url(../img/bgs/bg-8.jpg)}.bgi-9{background-image:url(../img/bgs/bg-9.jpg)}.bgi-10{background-image:url(../img/bgs/bg-10.jpg)}.bgi-11{background-image:url(../img/bgs/bg-11.jpg)}.bgi-12{background-image:url(../img/bgs/bg-12.jpg)}.bgi-13{background-image:url(../img/bgs/bg-13.jpg)}.bgi-14{background-image:url(../img/bgs/bg-14.jpg)}.bgi-15{background-image:url(../img/bgs/bg-15.jpg)}.bgi-16{background-image:url(../img/bgs/bg-16.jpg)}.bgi-17{background-image:url(../img/bgs/bg-17.jpg)}.bgi-18{background-image:url(../img/bgs/bg-18.jpg)}.bgi-19{background-image:url(../img/bgs/bg-19.jpg)}.bgi-20{background-image:url(../img/bgs/bg-20.jpg)}.bgi-21{background-image:url(../img/bgs/bg-21.jpg)}.bgi-22{background-image:url(../img/bgs/bg-22.jpg)}.bgi-23{background-image:url(../img/bgs/bg-23.jpg)}.bgi-24{background-image:url(../img/bgs/bg-24.jpg)}.bgi-25{background-image:url(../img/bgs/bg-25.jpg)}.bgi-26{background-image:url(../img/bgs/bg-26.jpg)}.bgi-27{background-image:url(../img/bgs/bg-27.jpg)}.bgi-28{background-image:url(../img/bgs/bg-28.jpg)}.bgi-29{background-image:url(../img/bgs/bg-29.jpg)}.bgi-30{background-image:url(../img/bgs/bg-30.jpg)} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Froala Design Framework Demo 2 | Froala Design Framework is a modern design library that comes with neat HTML5 and CSS3 design blocks ready to be combined together to create astonishing designs. 3 | 4 | This demo showcases just a small part of what the design framework is capable off. For live preview see [http://www.flatdesignframework.com](http://www.flatdesignframework.com) 5 | 6 | You are allowed to download this demo and use it to create your own website under the following conditions: 7 | * add a link to [Froala Design Framework](http://froala.com/design-framework) on your website 8 | * keep all copyright notices 9 | * your are not allowed to create a similar product 10 | 11 | ## Useful Links 12 | * Official website: [froala.com/design-framework](http://froala.com/design-framework) 13 | * Official documentation: [froala.com/design-framework/docs](http://froala.com/design-framework/docs) 14 | * Changelog: [froala.com/design-framework/changelog](http://froala.com/design-framework/changelog) 15 | * Licensing: [froala.com/design-framework/terms](http://froala.com/design-framework/terms) 16 | * Pricing: [froala.com/design-framework/pricing](http://froala.com/design-framework/pricing) 17 | * Support: [froala.com/contact](http://froala.com/design-framework/contact) 18 | 19 | ## What's Included 20 | The Froala Design Framework Demo consists of: 21 | * 8 design blocks 22 | * 6 line icons 23 | * Fixed image background 24 | * Parallax effects 25 | 26 | ## Licensing 27 | For Froala Design Framework License please see https://www.froala.com/design-framework/terms. 28 | -------------------------------------------------------------------------------- /css/headers/header-1.css: -------------------------------------------------------------------------------- 1 | /* nav-in class in added to html. */ 2 | /* Collapse */ 3 | .header-1 .navbar .nav a.popout { 4 | border-style: solid; 5 | -webkit-border-radius: 4px; 6 | -moz-border-radius: 4px; 7 | border-radius: 4px; 8 | border-width: 2px; 9 | padding: 7px 10px; 10 | margin: 11px 20px; 11 | } 12 | .header-1 .navbar .nav a.popout.text-thin { 13 | border-width: 0.36px; 14 | } 15 | .header-1 .navbar .nav a.popout.text-light { 16 | border-width: 1px; 17 | } 18 | .header-1 .navbar .nav a.popout.text-xsmall { 19 | border-width: 1px; 20 | } 21 | .header-1 .navbar .nav a.popout.text-xsmall.text-thin { 22 | border-width: 0.252px; 23 | } 24 | .header-1 .navbar .nav a.popout.text-xsmall.text-light { 25 | border-width: 1px; 26 | } 27 | .header-1 .navbar .nav a.popout.text-small { 28 | border-width: 2px; 29 | } 30 | .header-1 .navbar .nav a.popout.text-small.text-thin { 31 | border-width: 0.324px; 32 | } 33 | .header-1 .navbar .nav a.popout.text-small.text-light { 34 | border-width: 1px; 35 | } 36 | .header-1 .navbar .nav a.popout.text-large { 37 | border-width: 3px; 38 | } 39 | .header-1 .navbar .nav a.popout.text-large.text-thin { 40 | border-width: 0.432px; 41 | } 42 | .header-1 .navbar .nav a.popout.text-large.text-light { 43 | border-width: 1px; 44 | } 45 | .header-1 .navbar .nav a.popout.text-xlarge { 46 | border-width: 4px; 47 | } 48 | .header-1 .navbar .nav a.popout.text-xlarge.text-thin { 49 | border-width: 0.54px; 50 | } 51 | .header-1 .navbar .nav a.popout.text-xlarge.text-light { 52 | border-width: 2px; 53 | } 54 | .header-1 .navbar .nav a.popout.text-xxlarge { 55 | border-width: 4px; 56 | } 57 | .header-1 .navbar .nav a.popout.text-xxlarge.text-thin { 58 | border-width: 0.612px; 59 | } 60 | .header-1 .navbar .nav a.popout.text-xxlarge.text-light { 61 | border-width: 2px; 62 | } 63 | -------------------------------------------------------------------------------- /css/backgrounds.css: -------------------------------------------------------------------------------- 1 | .bgi-1 { 2 | background-image: url("../img/bgs/bg-1.jpg"); 3 | } 4 | .bgi-2 { 5 | background-image: url("../img/bgs/bg-2.jpg"); 6 | } 7 | .bgi-3 { 8 | background-image: url("../img/bgs/bg-3.jpg"); 9 | } 10 | .bgi-4 { 11 | background-image: url("../img/bgs/bg-4.jpg"); 12 | } 13 | .bgi-5 { 14 | background-image: url("../img/bgs/bg-5.jpg"); 15 | } 16 | .bgi-6 { 17 | background-image: url("../img/bgs/bg-6.jpg"); 18 | } 19 | .bgi-7 { 20 | background-image: url("../img/bgs/bg-7.jpg"); 21 | } 22 | .bgi-8 { 23 | background-image: url("../img/bgs/bg-8.jpg"); 24 | } 25 | .bgi-9 { 26 | background-image: url("../img/bgs/bg-9.jpg"); 27 | } 28 | .bgi-10 { 29 | background-image: url("../img/bgs/bg-10.jpg"); 30 | } 31 | .bgi-11 { 32 | background-image: url("../img/bgs/bg-11.jpg"); 33 | } 34 | .bgi-12 { 35 | background-image: url("../img/bgs/bg-12.jpg"); 36 | } 37 | .bgi-13 { 38 | background-image: url("../img/bgs/bg-13.jpg"); 39 | } 40 | .bgi-14 { 41 | background-image: url("../img/bgs/bg-14.jpg"); 42 | } 43 | .bgi-15 { 44 | background-image: url("../img/bgs/bg-15.jpg"); 45 | } 46 | .bgi-16 { 47 | background-image: url("../img/bgs/bg-16.jpg"); 48 | } 49 | .bgi-17 { 50 | background-image: url("../img/bgs/bg-17.jpg"); 51 | } 52 | .bgi-18 { 53 | background-image: url("../img/bgs/bg-18.jpg"); 54 | } 55 | .bgi-19 { 56 | background-image: url("../img/bgs/bg-19.jpg"); 57 | } 58 | .bgi-20 { 59 | background-image: url("../img/bgs/bg-20.jpg"); 60 | } 61 | .bgi-21 { 62 | background-image: url("../img/bgs/bg-21.jpg"); 63 | } 64 | .bgi-22 { 65 | background-image: url("../img/bgs/bg-22.jpg"); 66 | } 67 | .bgi-23 { 68 | background-image: url("../img/bgs/bg-23.jpg"); 69 | } 70 | .bgi-24 { 71 | background-image: url("../img/bgs/bg-24.jpg"); 72 | } 73 | .bgi-25 { 74 | background-image: url("../img/bgs/bg-25.jpg"); 75 | } 76 | .bgi-26 { 77 | background-image: url("../img/bgs/bg-26.jpg"); 78 | } 79 | .bgi-27 { 80 | background-image: url("../img/bgs/bg-27.jpg"); 81 | } 82 | .bgi-28 { 83 | background-image: url("../img/bgs/bg-28.jpg"); 84 | } 85 | .bgi-29 { 86 | background-image: url("../img/bgs/bg-29.jpg"); 87 | } 88 | .bgi-30 { 89 | background-image: url("../img/bgs/bg-30.jpg"); 90 | } 91 | -------------------------------------------------------------------------------- /css/colors/black.min.css: -------------------------------------------------------------------------------- 1 | .txt-black .f-btn{color:#000;border-color:#000}.txt-black .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-black .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-black .r-btn{color:#fff;border-color:#000;background:#000}.txt-black .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-black .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-black .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-black .f-btn:hover{background:#000!important;border-color:#000!important;color:#fff!important}.hi-black .f-btn.highlight{color:#000!important;border-color:#000!important}.hi-black .f-btn.highlight:hover{color:#fff!important}.hi-black .r-btn:hover{color:#fff!important;background:#000!important;border-color:#000!important}.hi-black .r-btn.highlight{color:#fff!important;background:#000!important;border-color:#000!important}.hi-black .r-btn.highlight:hover{background:#1a1a1a!important;border-color:#1a1a1a!important}.txt-black{color:#000}.txt-black .bordered{border-color:#000}.txt-black .box{border-color:#000}.txt-black .box *{border-color:#000}.hi-black .highlight{color:#000!important}.hi-black .highlight.bordered{border-color:#000}.txt-black .alt-link{color:#000}.txt-black .colored-box{color:#000}.txt-black .colored-box a.alt-link:not(.box-link){color:#000}.txt-black .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-black .colored-box a.box-link{color:#000}.txt-black .hover-box{border-color:#000}.txt-black .hover-box :not(.highlight){color:#000}.txt-black .hover-box:hover{color:#fff}.txt-black .hover-box:hover *{color:#fff}.txt-black .network-icon{background:#000;color:#fff}.txt-black .network-icon:not(.r-btn):not(.f-btn):hover{background:#1a1a1a;border-color:#1a1a1a}.txt-black .network-icon.f-btn{color:#000}.hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#000}.hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#262626}.hi-black .alt-link:hover{color:#000!important}.hi-black:not(header) .colored-box{background:#000;color:#fff}.hi-black:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#4d4d4d}.hi-black:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:gray}.hi-black:not(header) .colored-box a.alt-link{color:#fff}.hi-black:not(header) .colored-box a.alt-link:hover{color:#4d4d4d!important}.hi-black:not(header) .colored-box a.box-link{color:#fff}.hi-black:not(header) .colored-box a.box-link:after{background-color:#fff}.hi-black .hover-box :not(.highlight){color:#252525}.hi-black .hover-box:hover{background:#000;color:#fff!important}.hi-black .hover-box:hover *{color:#fff!important}.hi-black .network-icon.f-btn:not([class*='-hover']):hover{color:#fff;background:#000;border-color:#000}.hi-black .network-icon.f-btn.highlight:hover{background:#000;color:#fff}.bg-black:not([class*=overlay-]){background-color:#000}.bg-black[class*=overlay-]:after{background-color:#000}.bg-black[class*=overlay-] .contrast-bg{background-color:#fff;border-color:#fff}.hi-black .bg-highlight{background-color:#000!important;color:#fff!important}.hi-black .border-highlight{border-color:#000!important}header.bg-black .navbar,header.menu-bg-black .navbar .navbar-collapse.in,header.menu-bg-black .navbar .navbar-collapse.collapsing{background-color:#000}header.txt-black .navbar ul.nav>li.nav-btn a,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#000}header.txt-black .navbar ul.nav>li>a,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#000}header.txt-black .navbar ul.nav>li>a.active,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-black .navbar ul.nav>li>a.active.filled,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-black .navbar ul.nav>li>a.popout,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-black .navbar ul.nav>li>a.popout.filled,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-black .navbar ul.nav>li>a.popout:hover,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-black .navbar ul.nav>li>a.filled:hover,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-black .navbar ul.nav>li>a:hover,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-black .navbar button.dismiss-navbar,header.menu-txt-black .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-black .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#000}header.txt-black .navbar .brand,header.menu-txt-black .navbar .navbar-collapse.in .brand,header.menu-txt-black .navbar .navbar-collapse.collapsing .brand{color:#000}header.txt-black .navbar .navbar-toggle{color:#000}header.txt-black .navbar .navbar-toggle .icon-bar{background-color:#000}header.hi-black .navbar a.brand:hover,header.menu-hi-black .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing a.brand:hover{color:#000}header.hi-black .navbar ul.nav>li>a.active,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#000!important;border-color:#000!important}header.hi-black .navbar ul.nav>li>a.active.filled,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.popout,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#000!important;border-color:#000!important}header.hi-black .navbar ul.nav>li>a.popout.filled,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#1a1a1a!important;background-color:#1a1a1a!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.popout:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.filled:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#000!important;background-color:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#000!important;border-color:#000!important}footer.bg-black{background:#000}footer.txt-black{border-top-color:#000}.bg-black .form-inline .input-group-btn.f-btn{background:#000}.bg-black .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-black .form-control{border-color:#000}.txt-black .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#000}.hi-black .form-inline .input-group-btn.f-btn:hover{background:#000} -------------------------------------------------------------------------------- /css/colors/white.min.css: -------------------------------------------------------------------------------- 1 | .txt-white .f-btn{color:#fff;border-color:#fff}.txt-white .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-white .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-white .r-btn{color:#252525;border-color:#fff;background:#fff}.txt-white .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-white .f-btn:hover{background:#fff!important;border-color:#fff!important;color:#252525!important}.hi-white .f-btn.highlight{color:#fff!important;border-color:#fff!important}.hi-white .f-btn.highlight:hover{color:#252525!important}.hi-white .r-btn:hover{color:#252525!important;background:#fff!important;border-color:#fff!important}.hi-white .r-btn.highlight{color:#252525!important;background:#fff!important;border-color:#fff!important}.hi-white .r-btn.highlight:hover{background:#e6e6e6!important;border-color:#e6e6e6!important}.txt-white{color:#fff}.txt-white .bordered{border-color:#fff}.txt-white .box{border-color:#fff}.txt-white .box *{border-color:#fff}.hi-white .highlight{color:#fff!important}.hi-white .highlight.bordered{border-color:#fff}.txt-white .alt-link{color:#fff}.txt-white .colored-box{color:#fff}.txt-white .colored-box a.alt-link:not(.box-link){color:#fff}.txt-white .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-white .colored-box a.box-link{color:#fff}.txt-white .hover-box{border-color:#fff}.txt-white .hover-box :not(.highlight){color:#fff}.txt-white .hover-box:hover{color:#fff}.txt-white .hover-box:hover *{color:#fff}.txt-white .network-icon{background:#fff;color:#252525}.txt-white .network-icon:not(.r-btn):not(.f-btn):hover{background:#fff;border-color:#fff}.txt-white .network-icon.f-btn{color:#fff}.hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#fff}.hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#d9d9d9}.hi-white .alt-link:hover{color:#fff!important}.hi-white:not(header) .colored-box{background:#fff;color:#252525}.hi-white:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#b3b3b3}.hi-white:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:gray}.hi-white:not(header) .colored-box a.alt-link{color:#252525}.hi-white:not(header) .colored-box a.alt-link:hover{color:#b3b3b3!important}.hi-white:not(header) .colored-box a.box-link{color:#252525}.hi-white:not(header) .colored-box a.box-link:after{background-color:#000}.hi-white .hover-box :not(.highlight){color:#252525}.hi-white .hover-box:hover{background:#fff;color:#252525!important}.hi-white .hover-box:hover *{color:#252525!important}.hi-white .network-icon.f-btn:not([class*='-hover']):hover{color:#252525;background:#fff;border-color:#fff}.hi-white .network-icon.f-btn.highlight:hover{background:#fff;color:#252525}.bg-white:not([class*=overlay-]){background-color:#fff}.bg-white[class*=overlay-]:after{background-color:#fff}.bg-white[class*=overlay-] .contrast-bg{background-color:#000;border-color:#000}.hi-white .bg-highlight{background-color:#fff!important;color:#000!important}.hi-white .border-highlight{border-color:#fff!important}header.bg-white .navbar,header.menu-bg-white .navbar .navbar-collapse.in,header.menu-bg-white .navbar .navbar-collapse.collapsing{background-color:#fff}header.txt-white .navbar ul.nav>li.nav-btn a,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#fff}header.txt-white .navbar ul.nav>li>a,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#fff}header.txt-white .navbar ul.nav>li>a.active,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-white .navbar ul.nav>li>a.active.filled,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-white .navbar ul.nav>li>a.popout,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-white .navbar ul.nav>li>a.popout.filled,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-white .navbar ul.nav>li>a.popout:hover,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-white .navbar ul.nav>li>a.filled:hover,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-white .navbar ul.nav>li>a:hover,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-white .navbar button.dismiss-navbar,header.menu-txt-white .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-white .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#fff}header.txt-white .navbar .brand,header.menu-txt-white .navbar .navbar-collapse.in .brand,header.menu-txt-white .navbar .navbar-collapse.collapsing .brand{color:#fff}header.txt-white .navbar .navbar-toggle{color:#fff}header.txt-white .navbar .navbar-toggle .icon-bar{background-color:#fff}header.hi-white .navbar a.brand:hover,header.menu-hi-white .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing a.brand:hover{color:#fff}header.hi-white .navbar ul.nav>li>a.active,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#fff!important;border-color:#fff!important}header.hi-white .navbar ul.nav>li>a.active.filled,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.popout,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#fff!important;border-color:#fff!important}header.hi-white .navbar ul.nav>li>a.popout.filled,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#e6e6e6!important;background-color:#e6e6e6!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.popout:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.filled:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#fff!important;background-color:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#fff!important;border-color:#fff!important}footer.bg-white{background:#fff}footer.txt-white{border-top-color:#fff}.bg-white .form-inline .input-group-btn.f-btn{background:#fff}.bg-white .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-white .form-control{border-color:#fff}.txt-white .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#fff}.hi-white .form-inline .input-group-btn.f-btn:hover{background:#fff} -------------------------------------------------------------------------------- /css/colors/blue-gem.min.css: -------------------------------------------------------------------------------- 1 | .txt-blue-gem .f-btn{color:#553982;border-color:#553982}.txt-blue-gem .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-blue-gem .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-blue-gem .r-btn{color:#fff;border-color:#553982;background:#553982}.txt-blue-gem .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-blue-gem .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-blue-gem .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-blue-gem .f-btn:hover{background:#553982!important;border-color:#553982!important;color:#fff!important}.hi-blue-gem .f-btn.highlight{color:#553982!important;border-color:#553982!important}.hi-blue-gem .f-btn.highlight:hover{color:#fff!important}.hi-blue-gem .r-btn:hover{color:#fff!important;background:#553982!important;border-color:#553982!important}.hi-blue-gem .r-btn.highlight{color:#fff!important;background:#553982!important;border-color:#553982!important}.hi-blue-gem .r-btn.highlight:hover{background:#6c49a5!important;border-color:#6c49a5!important}.txt-blue-gem{color:#553982}.txt-blue-gem .bordered{border-color:#553982}.txt-blue-gem .box{border-color:#553982}.txt-blue-gem .box *{border-color:#553982}.hi-blue-gem .highlight{color:#553982!important}.hi-blue-gem .highlight.bordered{border-color:#553982}.txt-blue-gem .alt-link{color:#553982}.txt-blue-gem .colored-box{color:#553982}.txt-blue-gem .colored-box a.alt-link:not(.box-link){color:#553982}.txt-blue-gem .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-blue-gem .colored-box a.box-link{color:#553982}.txt-blue-gem .hover-box{border-color:#553982}.txt-blue-gem .hover-box :not(.highlight){color:#553982}.txt-blue-gem .hover-box:hover{color:#fff}.txt-blue-gem .hover-box:hover *{color:#fff}.txt-blue-gem .network-icon{background:#553982;color:#fff}.txt-blue-gem .network-icon:not(.r-btn):not(.f-btn):hover{background:#6c49a5;border-color:#6c49a5}.txt-blue-gem .network-icon.f-btn{color:#553982}.hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#553982}.hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#7954b4}.hi-blue-gem .alt-link:hover{color:#553982!important}.hi-blue-gem:not(header) .colored-box{background:#553982;color:#fff}.hi-blue-gem:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#a289cb}.hi-blue-gem:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:#dad0ea}.hi-blue-gem:not(header) .colored-box a.alt-link{color:#fff}.hi-blue-gem:not(header) .colored-box a.alt-link:hover{color:#a289cb!important}.hi-blue-gem:not(header) .colored-box a.box-link{color:#fff}.hi-blue-gem:not(header) .colored-box a.box-link:after{background-color:#fff}.hi-blue-gem .hover-box :not(.highlight){color:#252525}.hi-blue-gem .hover-box:hover{background:#553982;color:#fff!important}.hi-blue-gem .hover-box:hover *{color:#fff!important}.hi-blue-gem .network-icon.f-btn:not([class*='-hover']):hover{color:#fff;background:#553982;border-color:#553982}.hi-blue-gem .network-icon.f-btn.highlight:hover{background:#553982;color:#fff}.bg-blue-gem:not([class*=overlay-]){background-color:#553982}.bg-blue-gem[class*=overlay-]:after{background-color:#553982}.bg-blue-gem[class*=overlay-] .contrast-bg{background-color:#fff;border-color:#fff}.hi-blue-gem .bg-highlight{background-color:#553982!important;color:#fff!important}.hi-blue-gem .border-highlight{border-color:#553982!important}header.bg-blue-gem .navbar,header.menu-bg-blue-gem .navbar .navbar-collapse.in,header.menu-bg-blue-gem .navbar .navbar-collapse.collapsing{background-color:#553982}header.txt-blue-gem .navbar ul.nav>li.nav-btn a,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#553982}header.txt-blue-gem .navbar ul.nav>li>a,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#553982}header.txt-blue-gem .navbar ul.nav>li>a.active,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-blue-gem .navbar ul.nav>li>a.active.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a.popout,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-blue-gem .navbar ul.nav>li>a.popout.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a.popout:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a.filled:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-blue-gem .navbar button.dismiss-navbar,header.menu-txt-blue-gem .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#553982}header.txt-blue-gem .navbar .brand,header.menu-txt-blue-gem .navbar .navbar-collapse.in .brand,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing .brand{color:#553982}header.txt-blue-gem .navbar .navbar-toggle{color:#553982}header.txt-blue-gem .navbar .navbar-toggle .icon-bar{background-color:#553982}header.hi-blue-gem .navbar a.brand:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing a.brand:hover{color:#553982}header.hi-blue-gem .navbar ul.nav>li>a.active,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#553982!important;border-color:#553982!important}header.hi-blue-gem .navbar ul.nav>li>a.active.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.popout,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#553982!important;border-color:#553982!important}header.hi-blue-gem .navbar ul.nav>li>a.popout.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#6c49a5!important;background-color:#6c49a5!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.popout:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#553982!important;background-color:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#553982!important;border-color:#553982!important}footer.bg-blue-gem{background:#553982}footer.txt-blue-gem{border-top-color:#553982}.bg-blue-gem .form-inline .input-group-btn.f-btn{background:#553982}.bg-blue-gem .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-blue-gem .form-control{border-color:#553982}.txt-blue-gem .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#553982}.hi-blue-gem .form-inline .input-group-btn.f-btn:hover{background:#553982} -------------------------------------------------------------------------------- /css/colors/white-smoke.min.css: -------------------------------------------------------------------------------- 1 | .txt-white-smoke .f-btn{color:#efefef;border-color:#efefef}.txt-white-smoke .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-white-smoke .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-white-smoke .r-btn{color:#252525;border-color:#efefef;background:#efefef}.txt-white-smoke .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white-smoke .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white-smoke .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-white-smoke .f-btn:hover{background:#efefef!important;border-color:#efefef!important;color:#252525!important}.hi-white-smoke .f-btn.highlight{color:#efefef!important;border-color:#efefef!important}.hi-white-smoke .f-btn.highlight:hover{color:#252525!important}.hi-white-smoke .r-btn:hover{color:#252525!important;background:#efefef!important;border-color:#efefef!important}.hi-white-smoke .r-btn.highlight{color:#252525!important;background:#efefef!important;border-color:#efefef!important}.hi-white-smoke .r-btn.highlight:hover{background:#d6d6d6!important;border-color:#d6d6d6!important}.txt-white-smoke{color:#efefef}.txt-white-smoke .bordered{border-color:#efefef}.txt-white-smoke .box{border-color:#efefef}.txt-white-smoke .box *{border-color:#efefef}.hi-white-smoke .highlight{color:#efefef!important}.hi-white-smoke .highlight.bordered{border-color:#efefef}.txt-white-smoke .alt-link{color:#efefef}.txt-white-smoke .colored-box{color:#efefef}.txt-white-smoke .colored-box a.alt-link:not(.box-link){color:#efefef}.txt-white-smoke .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-white-smoke .colored-box a.box-link{color:#efefef}.txt-white-smoke .hover-box{border-color:#efefef}.txt-white-smoke .hover-box :not(.highlight){color:#efefef}.txt-white-smoke .hover-box:hover{color:#fff}.txt-white-smoke .hover-box:hover *{color:#fff}.txt-white-smoke .network-icon{background:#efefef;color:#252525}.txt-white-smoke .network-icon:not(.r-btn):not(.f-btn):hover{background:#fff;border-color:#fff}.txt-white-smoke .network-icon.f-btn{color:#efefef}.hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#efefef}.hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#c9c9c9}.hi-white-smoke .alt-link:hover{color:#efefef!important}.hi-white-smoke:not(header) .colored-box{background:#efefef;color:#252525}.hi-white-smoke:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#a3a3a3}.hi-white-smoke:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:#707070}.hi-white-smoke:not(header) .colored-box a.alt-link{color:#252525}.hi-white-smoke:not(header) .colored-box a.alt-link:hover{color:#a3a3a3!important}.hi-white-smoke:not(header) .colored-box a.box-link{color:#252525}.hi-white-smoke:not(header) .colored-box a.box-link:after{background-color:#000}.hi-white-smoke .hover-box :not(.highlight){color:#252525}.hi-white-smoke .hover-box:hover{background:#efefef;color:#252525!important}.hi-white-smoke .hover-box:hover *{color:#252525!important}.hi-white-smoke .network-icon.f-btn:not([class*='-hover']):hover{color:#252525;background:#efefef;border-color:#efefef}.hi-white-smoke .network-icon.f-btn.highlight:hover{background:#efefef;color:#252525}.bg-white-smoke:not([class*=overlay-]){background-color:#efefef}.bg-white-smoke[class*=overlay-]:after{background-color:#efefef}.bg-white-smoke[class*=overlay-] .contrast-bg{background-color:#000;border-color:#000}.hi-white-smoke .bg-highlight{background-color:#efefef!important;color:#000!important}.hi-white-smoke .border-highlight{border-color:#efefef!important}header.bg-white-smoke .navbar,header.menu-bg-white-smoke .navbar .navbar-collapse.in,header.menu-bg-white-smoke .navbar .navbar-collapse.collapsing{background-color:#efefef}header.txt-white-smoke .navbar ul.nav>li.nav-btn a,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#efefef}header.txt-white-smoke .navbar ul.nav>li>a,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#efefef}header.txt-white-smoke .navbar ul.nav>li>a.active,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-white-smoke .navbar ul.nav>li>a.active.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a.popout,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-white-smoke .navbar ul.nav>li>a.popout.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a.popout:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a.filled:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-white-smoke .navbar button.dismiss-navbar,header.menu-txt-white-smoke .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#efefef}header.txt-white-smoke .navbar .brand,header.menu-txt-white-smoke .navbar .navbar-collapse.in .brand,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing .brand{color:#efefef}header.txt-white-smoke .navbar .navbar-toggle{color:#efefef}header.txt-white-smoke .navbar .navbar-toggle .icon-bar{background-color:#efefef}header.hi-white-smoke .navbar a.brand:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing a.brand:hover{color:#efefef}header.hi-white-smoke .navbar ul.nav>li>a.active,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#efefef!important;border-color:#efefef!important}header.hi-white-smoke .navbar ul.nav>li>a.active.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.popout,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#efefef!important;border-color:#efefef!important}header.hi-white-smoke .navbar ul.nav>li>a.popout.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#d6d6d6!important;background-color:#d6d6d6!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.popout:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#efefef!important;background-color:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#efefef!important;border-color:#efefef!important}footer.bg-white-smoke{background:#efefef}footer.txt-white-smoke{border-top-color:#efefef}.bg-white-smoke .form-inline .input-group-btn.f-btn{background:#efefef}.bg-white-smoke .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-white-smoke .form-control{border-color:#efefef}.txt-white-smoke .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#efefef}.hi-white-smoke .form-inline .input-group-btn.f-btn:hover{background:#efefef} -------------------------------------------------------------------------------- /css/colors/black.css: -------------------------------------------------------------------------------- 1 | .txt-black .f-btn { 2 | color: #000000; 3 | border-color: #000000; 4 | } 5 | .txt-black .f-btn.highlight { 6 | color: #b8312f; 7 | border-color: #b8312f; 8 | } 9 | .txt-black .f-btn:hover { 10 | color: #ffffff; 11 | background: #b8312f; 12 | border-color: #b8312f; 13 | } 14 | .txt-black .r-btn { 15 | color: #ffffff; 16 | border-color: #000000; 17 | background: #000000; 18 | } 19 | .txt-black .r-btn:hover { 20 | color: #ffffff; 21 | border-color: #b8312f; 22 | background: #b8312f; 23 | } 24 | .txt-black .r-btn.highlight { 25 | color: #ffffff; 26 | border-color: #b8312f; 27 | background: #b8312f; 28 | } 29 | .txt-black .r-btn.highlight:hover { 30 | color: #ffffff; 31 | background: #d14b49; 32 | border-color: #d14b49; 33 | } 34 | .hi-black .f-btn:hover { 35 | background: #000000 !important; 36 | border-color: #000000 !important; 37 | color: #ffffff !important; 38 | } 39 | .hi-black .f-btn.highlight { 40 | color: #000000 !important; 41 | border-color: #000000 !important; 42 | } 43 | .hi-black .f-btn.highlight:hover { 44 | color: #ffffff !important; 45 | } 46 | .hi-black .r-btn:hover { 47 | color: #ffffff !important; 48 | background: #000000 !important; 49 | border-color: #000000 !important; 50 | } 51 | .hi-black .r-btn.highlight { 52 | color: #ffffff !important; 53 | background: #000000 !important; 54 | border-color: #000000 !important; 55 | } 56 | .hi-black .r-btn.highlight:hover { 57 | background: #1a1a1a !important; 58 | border-color: #1a1a1a !important; 59 | } 60 | .txt-black { 61 | color: #000000; 62 | } 63 | .txt-black .bordered { 64 | border-color: #000000; 65 | } 66 | .txt-black .box { 67 | border-color: #000000; 68 | } 69 | .txt-black .box * { 70 | border-color: #000000; 71 | } 72 | .hi-black .highlight { 73 | color: #000000 !important; 74 | } 75 | .hi-black .highlight.bordered { 76 | border-color: #000000; 77 | } 78 | .txt-black .alt-link { 79 | color: #000000; 80 | } 81 | .txt-black .colored-box { 82 | color: #000000; 83 | } 84 | .txt-black .colored-box a.alt-link:not(.box-link) { 85 | color: #000000; 86 | } 87 | .txt-black .colored-box a.alt-link:not(.box-link):hover { 88 | color: #e59c9b; 89 | } 90 | .txt-black .colored-box a.box-link { 91 | color: #000000; 92 | } 93 | .txt-black .hover-box { 94 | border-color: #000000; 95 | } 96 | .txt-black .hover-box *:not(.highlight) { 97 | color: #000000; 98 | } 99 | .txt-black .hover-box:hover { 100 | color: #ffffff; 101 | } 102 | .txt-black .hover-box:hover * { 103 | color: #ffffff; 104 | } 105 | .txt-black .network-icon { 106 | background: #000000; 107 | color: #ffffff; 108 | } 109 | .txt-black .network-icon:not(.r-btn):not(.f-btn):hover { 110 | background: #1a1a1a; 111 | border-color: #1a1a1a; 112 | } 113 | .txt-black .network-icon.f-btn { 114 | color: #000000; 115 | } 116 | .hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link) { 117 | color: #000000; 118 | } 119 | .hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon { 120 | color: #ffffff; 121 | } 122 | .hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover { 123 | color: #262626; 124 | } 125 | .hi-black .alt-link:hover { 126 | color: #000000 !important; 127 | } 128 | .hi-black:not(header) .colored-box { 129 | background: #000000; 130 | color: #ffffff; 131 | } 132 | .hi-black:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link) { 133 | color: #4d4d4d; 134 | } 135 | .hi-black:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover { 136 | color: #808080; 137 | } 138 | .hi-black:not(header) .colored-box a.alt-link { 139 | color: #ffffff; 140 | } 141 | .hi-black:not(header) .colored-box a.alt-link:hover { 142 | color: #4d4d4d !important; 143 | } 144 | .hi-black:not(header) .colored-box a.box-link { 145 | color: #ffffff; 146 | } 147 | .hi-black:not(header) .colored-box a.box-link:after { 148 | background-color: #ffffff; 149 | } 150 | .hi-black .hover-box *:not(.highlight) { 151 | color: #252525; 152 | } 153 | .hi-black .hover-box:hover { 154 | background: #000000; 155 | color: #ffffff !important; 156 | } 157 | .hi-black .hover-box:hover * { 158 | color: #ffffff !important; 159 | } 160 | .hi-black .network-icon.f-btn:not([class*='-hover']):hover { 161 | color: #ffffff; 162 | background: #000000; 163 | border-color: #000000; 164 | } 165 | .hi-black .network-icon.f-btn.highlight:hover { 166 | background: #000000; 167 | color: #ffffff; 168 | } 169 | .bg-black:not([class*='overlay-']) { 170 | background-color: #000000; 171 | } 172 | .bg-black[class*='overlay-']:after { 173 | background-color: #000000; 174 | } 175 | .bg-black[class*='overlay-'] .contrast-bg { 176 | background-color: #ffffff; 177 | border-color: #ffffff; 178 | } 179 | .hi-black .bg-highlight { 180 | background-color: #000000 !important; 181 | color: #ffffff !important; 182 | } 183 | .hi-black .border-highlight { 184 | border-color: #000000 !important; 185 | } 186 | /* nav-in class in added to html. */ 187 | /* Collapse */ 188 | header.bg-black .navbar, 189 | header.menu-bg-black .navbar .navbar-collapse.in, 190 | header.menu-bg-black .navbar .navbar-collapse.collapsing { 191 | background-color: #000000; 192 | } 193 | header.txt-black .navbar ul.nav > li.nav-btn a, 194 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li.nav-btn a, 195 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li.nav-btn a { 196 | border-color: #000000; 197 | } 198 | header.txt-black .navbar ul.nav > li > a, 199 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a, 200 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a { 201 | color: #000000; 202 | } 203 | header.txt-black .navbar ul.nav > li > a.active, 204 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a.active, 205 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 206 | color: #b8312f; 207 | border-color: #b8312f; 208 | } 209 | header.txt-black .navbar ul.nav > li > a.active.filled, 210 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 211 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 212 | color: #b8312f; 213 | color: #ffffff; 214 | } 215 | header.txt-black .navbar ul.nav > li > a.popout, 216 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a.popout, 217 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 218 | color: #b8312f; 219 | border-color: #b8312f; 220 | background-color: transparent; 221 | } 222 | header.txt-black .navbar ul.nav > li > a.popout.filled, 223 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 224 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 225 | background-color: #b8312f; 226 | color: #ffffff; 227 | } 228 | header.txt-black .navbar ul.nav > li > a.popout:hover, 229 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 230 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 231 | background: #b8312f; 232 | color: #ffffff; 233 | } 234 | header.txt-black .navbar ul.nav > li > a.filled:hover, 235 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 236 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 237 | border-color: #d14b49; 238 | background-color: #d14b49; 239 | color: #ffffff; 240 | } 241 | header.txt-black .navbar ul.nav > li > a:hover, 242 | header.menu-txt-black .navbar .navbar-collapse.in ul.nav > li > a:hover, 243 | header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 244 | color: #b8312f; 245 | border-color: #b8312f; 246 | } 247 | header.txt-black .navbar button.dismiss-navbar, 248 | header.menu-txt-black .navbar .navbar-collapse.in button.dismiss-navbar, 249 | header.menu-txt-black .navbar .navbar-collapse.collapsing button.dismiss-navbar { 250 | color: #000000; 251 | } 252 | header.txt-black .navbar .brand, 253 | header.menu-txt-black .navbar .navbar-collapse.in .brand, 254 | header.menu-txt-black .navbar .navbar-collapse.collapsing .brand { 255 | color: #000000; 256 | } 257 | header.txt-black .navbar .navbar-toggle { 258 | color: #000000; 259 | } 260 | header.txt-black .navbar .navbar-toggle .icon-bar { 261 | background-color: #000000; 262 | } 263 | header.hi-black .navbar a.brand:hover, 264 | header.menu-hi-black .navbar .navbar-collapse.in a.brand:hover, 265 | header.menu-hi-black .navbar .navbar-collapse.collapsing a.brand:hover { 266 | color: #000000; 267 | } 268 | header.hi-black .navbar ul.nav > li > a.active, 269 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a.active, 270 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 271 | color: #000000 !important; 272 | border-color: #000000 !important; 273 | } 274 | header.hi-black .navbar ul.nav > li > a.active.filled, 275 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 276 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 277 | background-color: #000000 !important; 278 | color: #ffffff !important; 279 | } 280 | header.hi-black .navbar ul.nav > li > a.popout, 281 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a.popout, 282 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 283 | color: #000000 !important; 284 | border-color: #000000 !important; 285 | } 286 | header.hi-black .navbar ul.nav > li > a.popout.filled, 287 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 288 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 289 | background-color: #000000 !important; 290 | color: #ffffff !important; 291 | } 292 | header.hi-black .navbar ul.nav > li > a.popout.filled:hover, 293 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a.popout.filled:hover, 294 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled:hover { 295 | border-color: #1a1a1a !important; 296 | background-color: #1a1a1a !important; 297 | color: #ffffff !important; 298 | } 299 | header.hi-black .navbar ul.nav > li > a.popout:hover, 300 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 301 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 302 | background: #000000 !important; 303 | color: #ffffff !important; 304 | } 305 | header.hi-black .navbar ul.nav > li > a.filled:hover, 306 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 307 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 308 | border-color: #000000 !important; 309 | background-color: #000000 !important; 310 | color: #ffffff !important; 311 | } 312 | header.hi-black .navbar ul.nav > li > a:hover, 313 | header.menu-hi-black .navbar .navbar-collapse.in ul.nav > li > a:hover, 314 | header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 315 | color: #000000 !important; 316 | border-color: #000000 !important; 317 | } 318 | footer.bg-black { 319 | background: #000000; 320 | } 321 | footer.txt-black { 322 | border-top-color: #000000; 323 | } 324 | .bg-black .form-inline .input-group-btn.f-btn { 325 | background: #000000; 326 | } 327 | .bg-black .form-inline .input-group-btn.f-btn:hover { 328 | background: #b8312f; 329 | } 330 | .txt-black .form-control { 331 | border-color: #000000; 332 | } 333 | .txt-black .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn) { 334 | border-color: #000000; 335 | } 336 | .hi-black .form-inline .input-group-btn.f-btn:hover { 337 | background: #000000; 338 | } 339 | -------------------------------------------------------------------------------- /css/colors/white.css: -------------------------------------------------------------------------------- 1 | .txt-white .f-btn { 2 | color: #ffffff; 3 | border-color: #ffffff; 4 | } 5 | .txt-white .f-btn.highlight { 6 | color: #b8312f; 7 | border-color: #b8312f; 8 | } 9 | .txt-white .f-btn:hover { 10 | color: #ffffff; 11 | background: #b8312f; 12 | border-color: #b8312f; 13 | } 14 | .txt-white .r-btn { 15 | color: #252525; 16 | border-color: #ffffff; 17 | background: #ffffff; 18 | } 19 | .txt-white .r-btn:hover { 20 | color: #ffffff; 21 | border-color: #b8312f; 22 | background: #b8312f; 23 | } 24 | .txt-white .r-btn.highlight { 25 | color: #ffffff; 26 | border-color: #b8312f; 27 | background: #b8312f; 28 | } 29 | .txt-white .r-btn.highlight:hover { 30 | color: #ffffff; 31 | background: #d14b49; 32 | border-color: #d14b49; 33 | } 34 | .hi-white .f-btn:hover { 35 | background: #ffffff !important; 36 | border-color: #ffffff !important; 37 | color: #252525 !important; 38 | } 39 | .hi-white .f-btn.highlight { 40 | color: #ffffff !important; 41 | border-color: #ffffff !important; 42 | } 43 | .hi-white .f-btn.highlight:hover { 44 | color: #252525 !important; 45 | } 46 | .hi-white .r-btn:hover { 47 | color: #252525 !important; 48 | background: #ffffff !important; 49 | border-color: #ffffff !important; 50 | } 51 | .hi-white .r-btn.highlight { 52 | color: #252525 !important; 53 | background: #ffffff !important; 54 | border-color: #ffffff !important; 55 | } 56 | .hi-white .r-btn.highlight:hover { 57 | background: #e6e6e6 !important; 58 | border-color: #e6e6e6 !important; 59 | } 60 | .txt-white { 61 | color: #ffffff; 62 | } 63 | .txt-white .bordered { 64 | border-color: #ffffff; 65 | } 66 | .txt-white .box { 67 | border-color: #ffffff; 68 | } 69 | .txt-white .box * { 70 | border-color: #ffffff; 71 | } 72 | .hi-white .highlight { 73 | color: #ffffff !important; 74 | } 75 | .hi-white .highlight.bordered { 76 | border-color: #ffffff; 77 | } 78 | .txt-white .alt-link { 79 | color: #ffffff; 80 | } 81 | .txt-white .colored-box { 82 | color: #ffffff; 83 | } 84 | .txt-white .colored-box a.alt-link:not(.box-link) { 85 | color: #ffffff; 86 | } 87 | .txt-white .colored-box a.alt-link:not(.box-link):hover { 88 | color: #e59c9b; 89 | } 90 | .txt-white .colored-box a.box-link { 91 | color: #ffffff; 92 | } 93 | .txt-white .hover-box { 94 | border-color: #ffffff; 95 | } 96 | .txt-white .hover-box *:not(.highlight) { 97 | color: #ffffff; 98 | } 99 | .txt-white .hover-box:hover { 100 | color: #ffffff; 101 | } 102 | .txt-white .hover-box:hover * { 103 | color: #ffffff; 104 | } 105 | .txt-white .network-icon { 106 | background: #ffffff; 107 | color: #252525; 108 | } 109 | .txt-white .network-icon:not(.r-btn):not(.f-btn):hover { 110 | background: #ffffff; 111 | border-color: #ffffff; 112 | } 113 | .txt-white .network-icon.f-btn { 114 | color: #ffffff; 115 | } 116 | .hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link) { 117 | color: #ffffff; 118 | } 119 | .hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon { 120 | color: #ffffff; 121 | } 122 | .hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover { 123 | color: #d9d9d9; 124 | } 125 | .hi-white .alt-link:hover { 126 | color: #ffffff !important; 127 | } 128 | .hi-white:not(header) .colored-box { 129 | background: #ffffff; 130 | color: #252525; 131 | } 132 | .hi-white:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link) { 133 | color: #b3b3b3; 134 | } 135 | .hi-white:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover { 136 | color: #808080; 137 | } 138 | .hi-white:not(header) .colored-box a.alt-link { 139 | color: #252525; 140 | } 141 | .hi-white:not(header) .colored-box a.alt-link:hover { 142 | color: #b3b3b3 !important; 143 | } 144 | .hi-white:not(header) .colored-box a.box-link { 145 | color: #252525; 146 | } 147 | .hi-white:not(header) .colored-box a.box-link:after { 148 | background-color: #000000; 149 | } 150 | .hi-white .hover-box *:not(.highlight) { 151 | color: #252525; 152 | } 153 | .hi-white .hover-box:hover { 154 | background: #ffffff; 155 | color: #252525 !important; 156 | } 157 | .hi-white .hover-box:hover * { 158 | color: #252525 !important; 159 | } 160 | .hi-white .network-icon.f-btn:not([class*='-hover']):hover { 161 | color: #252525; 162 | background: #ffffff; 163 | border-color: #ffffff; 164 | } 165 | .hi-white .network-icon.f-btn.highlight:hover { 166 | background: #ffffff; 167 | color: #252525; 168 | } 169 | .bg-white:not([class*='overlay-']) { 170 | background-color: #ffffff; 171 | } 172 | .bg-white[class*='overlay-']:after { 173 | background-color: #ffffff; 174 | } 175 | .bg-white[class*='overlay-'] .contrast-bg { 176 | background-color: #000000; 177 | border-color: #000000; 178 | } 179 | .hi-white .bg-highlight { 180 | background-color: #ffffff !important; 181 | color: #000000 !important; 182 | } 183 | .hi-white .border-highlight { 184 | border-color: #ffffff !important; 185 | } 186 | /* nav-in class in added to html. */ 187 | /* Collapse */ 188 | header.bg-white .navbar, 189 | header.menu-bg-white .navbar .navbar-collapse.in, 190 | header.menu-bg-white .navbar .navbar-collapse.collapsing { 191 | background-color: #ffffff; 192 | } 193 | header.txt-white .navbar ul.nav > li.nav-btn a, 194 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li.nav-btn a, 195 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li.nav-btn a { 196 | border-color: #ffffff; 197 | } 198 | header.txt-white .navbar ul.nav > li > a, 199 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a, 200 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a { 201 | color: #ffffff; 202 | } 203 | header.txt-white .navbar ul.nav > li > a.active, 204 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a.active, 205 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 206 | color: #b8312f; 207 | border-color: #b8312f; 208 | } 209 | header.txt-white .navbar ul.nav > li > a.active.filled, 210 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 211 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 212 | color: #b8312f; 213 | color: #ffffff; 214 | } 215 | header.txt-white .navbar ul.nav > li > a.popout, 216 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a.popout, 217 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 218 | color: #b8312f; 219 | border-color: #b8312f; 220 | background-color: transparent; 221 | } 222 | header.txt-white .navbar ul.nav > li > a.popout.filled, 223 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 224 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 225 | background-color: #b8312f; 226 | color: #ffffff; 227 | } 228 | header.txt-white .navbar ul.nav > li > a.popout:hover, 229 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 230 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 231 | background: #b8312f; 232 | color: #ffffff; 233 | } 234 | header.txt-white .navbar ul.nav > li > a.filled:hover, 235 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 236 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 237 | border-color: #d14b49; 238 | background-color: #d14b49; 239 | color: #ffffff; 240 | } 241 | header.txt-white .navbar ul.nav > li > a:hover, 242 | header.menu-txt-white .navbar .navbar-collapse.in ul.nav > li > a:hover, 243 | header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 244 | color: #b8312f; 245 | border-color: #b8312f; 246 | } 247 | header.txt-white .navbar button.dismiss-navbar, 248 | header.menu-txt-white .navbar .navbar-collapse.in button.dismiss-navbar, 249 | header.menu-txt-white .navbar .navbar-collapse.collapsing button.dismiss-navbar { 250 | color: #ffffff; 251 | } 252 | header.txt-white .navbar .brand, 253 | header.menu-txt-white .navbar .navbar-collapse.in .brand, 254 | header.menu-txt-white .navbar .navbar-collapse.collapsing .brand { 255 | color: #ffffff; 256 | } 257 | header.txt-white .navbar .navbar-toggle { 258 | color: #ffffff; 259 | } 260 | header.txt-white .navbar .navbar-toggle .icon-bar { 261 | background-color: #ffffff; 262 | } 263 | header.hi-white .navbar a.brand:hover, 264 | header.menu-hi-white .navbar .navbar-collapse.in a.brand:hover, 265 | header.menu-hi-white .navbar .navbar-collapse.collapsing a.brand:hover { 266 | color: #ffffff; 267 | } 268 | header.hi-white .navbar ul.nav > li > a.active, 269 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a.active, 270 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 271 | color: #ffffff !important; 272 | border-color: #ffffff !important; 273 | } 274 | header.hi-white .navbar ul.nav > li > a.active.filled, 275 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 276 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 277 | background-color: #ffffff !important; 278 | color: #252525 !important; 279 | } 280 | header.hi-white .navbar ul.nav > li > a.popout, 281 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a.popout, 282 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 283 | color: #ffffff !important; 284 | border-color: #ffffff !important; 285 | } 286 | header.hi-white .navbar ul.nav > li > a.popout.filled, 287 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 288 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 289 | background-color: #ffffff !important; 290 | color: #252525 !important; 291 | } 292 | header.hi-white .navbar ul.nav > li > a.popout.filled:hover, 293 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a.popout.filled:hover, 294 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled:hover { 295 | border-color: #e6e6e6 !important; 296 | background-color: #e6e6e6 !important; 297 | color: #252525 !important; 298 | } 299 | header.hi-white .navbar ul.nav > li > a.popout:hover, 300 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 301 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 302 | background: #ffffff !important; 303 | color: #252525 !important; 304 | } 305 | header.hi-white .navbar ul.nav > li > a.filled:hover, 306 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 307 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 308 | border-color: #ffffff !important; 309 | background-color: #ffffff !important; 310 | color: #252525 !important; 311 | } 312 | header.hi-white .navbar ul.nav > li > a:hover, 313 | header.menu-hi-white .navbar .navbar-collapse.in ul.nav > li > a:hover, 314 | header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 315 | color: #ffffff !important; 316 | border-color: #ffffff !important; 317 | } 318 | footer.bg-white { 319 | background: #ffffff; 320 | } 321 | footer.txt-white { 322 | border-top-color: #ffffff; 323 | } 324 | .bg-white .form-inline .input-group-btn.f-btn { 325 | background: #ffffff; 326 | } 327 | .bg-white .form-inline .input-group-btn.f-btn:hover { 328 | background: #b8312f; 329 | } 330 | .txt-white .form-control { 331 | border-color: #ffffff; 332 | } 333 | .txt-white .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn) { 334 | border-color: #ffffff; 335 | } 336 | .hi-white .form-inline .input-group-btn.f-btn:hover { 337 | background: #ffffff; 338 | } 339 | -------------------------------------------------------------------------------- /css/colors/blue-gem.css: -------------------------------------------------------------------------------- 1 | .txt-blue-gem .f-btn { 2 | color: #553982; 3 | border-color: #553982; 4 | } 5 | .txt-blue-gem .f-btn.highlight { 6 | color: #b8312f; 7 | border-color: #b8312f; 8 | } 9 | .txt-blue-gem .f-btn:hover { 10 | color: #ffffff; 11 | background: #b8312f; 12 | border-color: #b8312f; 13 | } 14 | .txt-blue-gem .r-btn { 15 | color: #ffffff; 16 | border-color: #553982; 17 | background: #553982; 18 | } 19 | .txt-blue-gem .r-btn:hover { 20 | color: #ffffff; 21 | border-color: #b8312f; 22 | background: #b8312f; 23 | } 24 | .txt-blue-gem .r-btn.highlight { 25 | color: #ffffff; 26 | border-color: #b8312f; 27 | background: #b8312f; 28 | } 29 | .txt-blue-gem .r-btn.highlight:hover { 30 | color: #ffffff; 31 | background: #d14b49; 32 | border-color: #d14b49; 33 | } 34 | .hi-blue-gem .f-btn:hover { 35 | background: #553982 !important; 36 | border-color: #553982 !important; 37 | color: #ffffff !important; 38 | } 39 | .hi-blue-gem .f-btn.highlight { 40 | color: #553982 !important; 41 | border-color: #553982 !important; 42 | } 43 | .hi-blue-gem .f-btn.highlight:hover { 44 | color: #ffffff !important; 45 | } 46 | .hi-blue-gem .r-btn:hover { 47 | color: #ffffff !important; 48 | background: #553982 !important; 49 | border-color: #553982 !important; 50 | } 51 | .hi-blue-gem .r-btn.highlight { 52 | color: #ffffff !important; 53 | background: #553982 !important; 54 | border-color: #553982 !important; 55 | } 56 | .hi-blue-gem .r-btn.highlight:hover { 57 | background: #6c49a5 !important; 58 | border-color: #6c49a5 !important; 59 | } 60 | .txt-blue-gem { 61 | color: #553982; 62 | } 63 | .txt-blue-gem .bordered { 64 | border-color: #553982; 65 | } 66 | .txt-blue-gem .box { 67 | border-color: #553982; 68 | } 69 | .txt-blue-gem .box * { 70 | border-color: #553982; 71 | } 72 | .hi-blue-gem .highlight { 73 | color: #553982 !important; 74 | } 75 | .hi-blue-gem .highlight.bordered { 76 | border-color: #553982; 77 | } 78 | .txt-blue-gem .alt-link { 79 | color: #553982; 80 | } 81 | .txt-blue-gem .colored-box { 82 | color: #553982; 83 | } 84 | .txt-blue-gem .colored-box a.alt-link:not(.box-link) { 85 | color: #553982; 86 | } 87 | .txt-blue-gem .colored-box a.alt-link:not(.box-link):hover { 88 | color: #e59c9b; 89 | } 90 | .txt-blue-gem .colored-box a.box-link { 91 | color: #553982; 92 | } 93 | .txt-blue-gem .hover-box { 94 | border-color: #553982; 95 | } 96 | .txt-blue-gem .hover-box *:not(.highlight) { 97 | color: #553982; 98 | } 99 | .txt-blue-gem .hover-box:hover { 100 | color: #ffffff; 101 | } 102 | .txt-blue-gem .hover-box:hover * { 103 | color: #ffffff; 104 | } 105 | .txt-blue-gem .network-icon { 106 | background: #553982; 107 | color: #ffffff; 108 | } 109 | .txt-blue-gem .network-icon:not(.r-btn):not(.f-btn):hover { 110 | background: #6c49a5; 111 | border-color: #6c49a5; 112 | } 113 | .txt-blue-gem .network-icon.f-btn { 114 | color: #553982; 115 | } 116 | .hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link) { 117 | color: #553982; 118 | } 119 | .hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon { 120 | color: #ffffff; 121 | } 122 | .hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover { 123 | color: #7954b4; 124 | } 125 | .hi-blue-gem .alt-link:hover { 126 | color: #553982 !important; 127 | } 128 | .hi-blue-gem:not(header) .colored-box { 129 | background: #553982; 130 | color: #ffffff; 131 | } 132 | .hi-blue-gem:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link) { 133 | color: #a289cb; 134 | } 135 | .hi-blue-gem:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover { 136 | color: #dad0ea; 137 | } 138 | .hi-blue-gem:not(header) .colored-box a.alt-link { 139 | color: #ffffff; 140 | } 141 | .hi-blue-gem:not(header) .colored-box a.alt-link:hover { 142 | color: #a289cb !important; 143 | } 144 | .hi-blue-gem:not(header) .colored-box a.box-link { 145 | color: #ffffff; 146 | } 147 | .hi-blue-gem:not(header) .colored-box a.box-link:after { 148 | background-color: #ffffff; 149 | } 150 | .hi-blue-gem .hover-box *:not(.highlight) { 151 | color: #252525; 152 | } 153 | .hi-blue-gem .hover-box:hover { 154 | background: #553982; 155 | color: #ffffff !important; 156 | } 157 | .hi-blue-gem .hover-box:hover * { 158 | color: #ffffff !important; 159 | } 160 | .hi-blue-gem .network-icon.f-btn:not([class*='-hover']):hover { 161 | color: #ffffff; 162 | background: #553982; 163 | border-color: #553982; 164 | } 165 | .hi-blue-gem .network-icon.f-btn.highlight:hover { 166 | background: #553982; 167 | color: #ffffff; 168 | } 169 | .bg-blue-gem:not([class*='overlay-']) { 170 | background-color: #553982; 171 | } 172 | .bg-blue-gem[class*='overlay-']:after { 173 | background-color: #553982; 174 | } 175 | .bg-blue-gem[class*='overlay-'] .contrast-bg { 176 | background-color: #ffffff; 177 | border-color: #ffffff; 178 | } 179 | .hi-blue-gem .bg-highlight { 180 | background-color: #553982 !important; 181 | color: #ffffff !important; 182 | } 183 | .hi-blue-gem .border-highlight { 184 | border-color: #553982 !important; 185 | } 186 | /* nav-in class in added to html. */ 187 | /* Collapse */ 188 | header.bg-blue-gem .navbar, 189 | header.menu-bg-blue-gem .navbar .navbar-collapse.in, 190 | header.menu-bg-blue-gem .navbar .navbar-collapse.collapsing { 191 | background-color: #553982; 192 | } 193 | header.txt-blue-gem .navbar ul.nav > li.nav-btn a, 194 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li.nav-btn a, 195 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li.nav-btn a { 196 | border-color: #553982; 197 | } 198 | header.txt-blue-gem .navbar ul.nav > li > a, 199 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a, 200 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a { 201 | color: #553982; 202 | } 203 | header.txt-blue-gem .navbar ul.nav > li > a.active, 204 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.active, 205 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 206 | color: #b8312f; 207 | border-color: #b8312f; 208 | } 209 | header.txt-blue-gem .navbar ul.nav > li > a.active.filled, 210 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 211 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 212 | color: #b8312f; 213 | color: #ffffff; 214 | } 215 | header.txt-blue-gem .navbar ul.nav > li > a.popout, 216 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.popout, 217 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 218 | color: #b8312f; 219 | border-color: #b8312f; 220 | background-color: transparent; 221 | } 222 | header.txt-blue-gem .navbar ul.nav > li > a.popout.filled, 223 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 224 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 225 | background-color: #b8312f; 226 | color: #ffffff; 227 | } 228 | header.txt-blue-gem .navbar ul.nav > li > a.popout:hover, 229 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 230 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 231 | background: #b8312f; 232 | color: #ffffff; 233 | } 234 | header.txt-blue-gem .navbar ul.nav > li > a.filled:hover, 235 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 236 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 237 | border-color: #d14b49; 238 | background-color: #d14b49; 239 | color: #ffffff; 240 | } 241 | header.txt-blue-gem .navbar ul.nav > li > a:hover, 242 | header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav > li > a:hover, 243 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 244 | color: #b8312f; 245 | border-color: #b8312f; 246 | } 247 | header.txt-blue-gem .navbar button.dismiss-navbar, 248 | header.menu-txt-blue-gem .navbar .navbar-collapse.in button.dismiss-navbar, 249 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing button.dismiss-navbar { 250 | color: #553982; 251 | } 252 | header.txt-blue-gem .navbar .brand, 253 | header.menu-txt-blue-gem .navbar .navbar-collapse.in .brand, 254 | header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing .brand { 255 | color: #553982; 256 | } 257 | header.txt-blue-gem .navbar .navbar-toggle { 258 | color: #553982; 259 | } 260 | header.txt-blue-gem .navbar .navbar-toggle .icon-bar { 261 | background-color: #553982; 262 | } 263 | header.hi-blue-gem .navbar a.brand:hover, 264 | header.menu-hi-blue-gem .navbar .navbar-collapse.in a.brand:hover, 265 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing a.brand:hover { 266 | color: #553982; 267 | } 268 | header.hi-blue-gem .navbar ul.nav > li > a.active, 269 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.active, 270 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 271 | color: #553982 !important; 272 | border-color: #553982 !important; 273 | } 274 | header.hi-blue-gem .navbar ul.nav > li > a.active.filled, 275 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 276 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 277 | background-color: #553982 !important; 278 | color: #ffffff !important; 279 | } 280 | header.hi-blue-gem .navbar ul.nav > li > a.popout, 281 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.popout, 282 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 283 | color: #553982 !important; 284 | border-color: #553982 !important; 285 | } 286 | header.hi-blue-gem .navbar ul.nav > li > a.popout.filled, 287 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 288 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 289 | background-color: #553982 !important; 290 | color: #ffffff !important; 291 | } 292 | header.hi-blue-gem .navbar ul.nav > li > a.popout.filled:hover, 293 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.popout.filled:hover, 294 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled:hover { 295 | border-color: #6c49a5 !important; 296 | background-color: #6c49a5 !important; 297 | color: #ffffff !important; 298 | } 299 | header.hi-blue-gem .navbar ul.nav > li > a.popout:hover, 300 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 301 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 302 | background: #553982 !important; 303 | color: #ffffff !important; 304 | } 305 | header.hi-blue-gem .navbar ul.nav > li > a.filled:hover, 306 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 307 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 308 | border-color: #553982 !important; 309 | background-color: #553982 !important; 310 | color: #ffffff !important; 311 | } 312 | header.hi-blue-gem .navbar ul.nav > li > a:hover, 313 | header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav > li > a:hover, 314 | header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 315 | color: #553982 !important; 316 | border-color: #553982 !important; 317 | } 318 | footer.bg-blue-gem { 319 | background: #553982; 320 | } 321 | footer.txt-blue-gem { 322 | border-top-color: #553982; 323 | } 324 | .bg-blue-gem .form-inline .input-group-btn.f-btn { 325 | background: #553982; 326 | } 327 | .bg-blue-gem .form-inline .input-group-btn.f-btn:hover { 328 | background: #b8312f; 329 | } 330 | .txt-blue-gem .form-control { 331 | border-color: #553982; 332 | } 333 | .txt-blue-gem .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn) { 334 | border-color: #553982; 335 | } 336 | .hi-blue-gem .form-inline .input-group-btn.f-btn:hover { 337 | background: #553982; 338 | } 339 | -------------------------------------------------------------------------------- /css/colors/white-smoke.css: -------------------------------------------------------------------------------- 1 | .txt-white-smoke .f-btn { 2 | color: #efefef; 3 | border-color: #efefef; 4 | } 5 | .txt-white-smoke .f-btn.highlight { 6 | color: #b8312f; 7 | border-color: #b8312f; 8 | } 9 | .txt-white-smoke .f-btn:hover { 10 | color: #ffffff; 11 | background: #b8312f; 12 | border-color: #b8312f; 13 | } 14 | .txt-white-smoke .r-btn { 15 | color: #252525; 16 | border-color: #efefef; 17 | background: #efefef; 18 | } 19 | .txt-white-smoke .r-btn:hover { 20 | color: #ffffff; 21 | border-color: #b8312f; 22 | background: #b8312f; 23 | } 24 | .txt-white-smoke .r-btn.highlight { 25 | color: #ffffff; 26 | border-color: #b8312f; 27 | background: #b8312f; 28 | } 29 | .txt-white-smoke .r-btn.highlight:hover { 30 | color: #ffffff; 31 | background: #d14b49; 32 | border-color: #d14b49; 33 | } 34 | .hi-white-smoke .f-btn:hover { 35 | background: #efefef !important; 36 | border-color: #efefef !important; 37 | color: #252525 !important; 38 | } 39 | .hi-white-smoke .f-btn.highlight { 40 | color: #efefef !important; 41 | border-color: #efefef !important; 42 | } 43 | .hi-white-smoke .f-btn.highlight:hover { 44 | color: #252525 !important; 45 | } 46 | .hi-white-smoke .r-btn:hover { 47 | color: #252525 !important; 48 | background: #efefef !important; 49 | border-color: #efefef !important; 50 | } 51 | .hi-white-smoke .r-btn.highlight { 52 | color: #252525 !important; 53 | background: #efefef !important; 54 | border-color: #efefef !important; 55 | } 56 | .hi-white-smoke .r-btn.highlight:hover { 57 | background: #d6d6d6 !important; 58 | border-color: #d6d6d6 !important; 59 | } 60 | .txt-white-smoke { 61 | color: #efefef; 62 | } 63 | .txt-white-smoke .bordered { 64 | border-color: #efefef; 65 | } 66 | .txt-white-smoke .box { 67 | border-color: #efefef; 68 | } 69 | .txt-white-smoke .box * { 70 | border-color: #efefef; 71 | } 72 | .hi-white-smoke .highlight { 73 | color: #efefef !important; 74 | } 75 | .hi-white-smoke .highlight.bordered { 76 | border-color: #efefef; 77 | } 78 | .txt-white-smoke .alt-link { 79 | color: #efefef; 80 | } 81 | .txt-white-smoke .colored-box { 82 | color: #efefef; 83 | } 84 | .txt-white-smoke .colored-box a.alt-link:not(.box-link) { 85 | color: #efefef; 86 | } 87 | .txt-white-smoke .colored-box a.alt-link:not(.box-link):hover { 88 | color: #e59c9b; 89 | } 90 | .txt-white-smoke .colored-box a.box-link { 91 | color: #efefef; 92 | } 93 | .txt-white-smoke .hover-box { 94 | border-color: #efefef; 95 | } 96 | .txt-white-smoke .hover-box *:not(.highlight) { 97 | color: #efefef; 98 | } 99 | .txt-white-smoke .hover-box:hover { 100 | color: #ffffff; 101 | } 102 | .txt-white-smoke .hover-box:hover * { 103 | color: #ffffff; 104 | } 105 | .txt-white-smoke .network-icon { 106 | background: #efefef; 107 | color: #252525; 108 | } 109 | .txt-white-smoke .network-icon:not(.r-btn):not(.f-btn):hover { 110 | background: #ffffff; 111 | border-color: #ffffff; 112 | } 113 | .txt-white-smoke .network-icon.f-btn { 114 | color: #efefef; 115 | } 116 | .hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link) { 117 | color: #efefef; 118 | } 119 | .hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon { 120 | color: #ffffff; 121 | } 122 | .hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover { 123 | color: #c9c9c9; 124 | } 125 | .hi-white-smoke .alt-link:hover { 126 | color: #efefef !important; 127 | } 128 | .hi-white-smoke:not(header) .colored-box { 129 | background: #efefef; 130 | color: #252525; 131 | } 132 | .hi-white-smoke:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link) { 133 | color: #a3a3a3; 134 | } 135 | .hi-white-smoke:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover { 136 | color: #707070; 137 | } 138 | .hi-white-smoke:not(header) .colored-box a.alt-link { 139 | color: #252525; 140 | } 141 | .hi-white-smoke:not(header) .colored-box a.alt-link:hover { 142 | color: #a3a3a3 !important; 143 | } 144 | .hi-white-smoke:not(header) .colored-box a.box-link { 145 | color: #252525; 146 | } 147 | .hi-white-smoke:not(header) .colored-box a.box-link:after { 148 | background-color: #000000; 149 | } 150 | .hi-white-smoke .hover-box *:not(.highlight) { 151 | color: #252525; 152 | } 153 | .hi-white-smoke .hover-box:hover { 154 | background: #efefef; 155 | color: #252525 !important; 156 | } 157 | .hi-white-smoke .hover-box:hover * { 158 | color: #252525 !important; 159 | } 160 | .hi-white-smoke .network-icon.f-btn:not([class*='-hover']):hover { 161 | color: #252525; 162 | background: #efefef; 163 | border-color: #efefef; 164 | } 165 | .hi-white-smoke .network-icon.f-btn.highlight:hover { 166 | background: #efefef; 167 | color: #252525; 168 | } 169 | .bg-white-smoke:not([class*='overlay-']) { 170 | background-color: #efefef; 171 | } 172 | .bg-white-smoke[class*='overlay-']:after { 173 | background-color: #efefef; 174 | } 175 | .bg-white-smoke[class*='overlay-'] .contrast-bg { 176 | background-color: #000000; 177 | border-color: #000000; 178 | } 179 | .hi-white-smoke .bg-highlight { 180 | background-color: #efefef !important; 181 | color: #000000 !important; 182 | } 183 | .hi-white-smoke .border-highlight { 184 | border-color: #efefef !important; 185 | } 186 | /* nav-in class in added to html. */ 187 | /* Collapse */ 188 | header.bg-white-smoke .navbar, 189 | header.menu-bg-white-smoke .navbar .navbar-collapse.in, 190 | header.menu-bg-white-smoke .navbar .navbar-collapse.collapsing { 191 | background-color: #efefef; 192 | } 193 | header.txt-white-smoke .navbar ul.nav > li.nav-btn a, 194 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li.nav-btn a, 195 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li.nav-btn a { 196 | border-color: #efefef; 197 | } 198 | header.txt-white-smoke .navbar ul.nav > li > a, 199 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a, 200 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a { 201 | color: #efefef; 202 | } 203 | header.txt-white-smoke .navbar ul.nav > li > a.active, 204 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.active, 205 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 206 | color: #b8312f; 207 | border-color: #b8312f; 208 | } 209 | header.txt-white-smoke .navbar ul.nav > li > a.active.filled, 210 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 211 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 212 | color: #b8312f; 213 | color: #ffffff; 214 | } 215 | header.txt-white-smoke .navbar ul.nav > li > a.popout, 216 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.popout, 217 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 218 | color: #b8312f; 219 | border-color: #b8312f; 220 | background-color: transparent; 221 | } 222 | header.txt-white-smoke .navbar ul.nav > li > a.popout.filled, 223 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 224 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 225 | background-color: #b8312f; 226 | color: #ffffff; 227 | } 228 | header.txt-white-smoke .navbar ul.nav > li > a.popout:hover, 229 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 230 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 231 | background: #b8312f; 232 | color: #ffffff; 233 | } 234 | header.txt-white-smoke .navbar ul.nav > li > a.filled:hover, 235 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 236 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 237 | border-color: #d14b49; 238 | background-color: #d14b49; 239 | color: #ffffff; 240 | } 241 | header.txt-white-smoke .navbar ul.nav > li > a:hover, 242 | header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav > li > a:hover, 243 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 244 | color: #b8312f; 245 | border-color: #b8312f; 246 | } 247 | header.txt-white-smoke .navbar button.dismiss-navbar, 248 | header.menu-txt-white-smoke .navbar .navbar-collapse.in button.dismiss-navbar, 249 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing button.dismiss-navbar { 250 | color: #efefef; 251 | } 252 | header.txt-white-smoke .navbar .brand, 253 | header.menu-txt-white-smoke .navbar .navbar-collapse.in .brand, 254 | header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing .brand { 255 | color: #efefef; 256 | } 257 | header.txt-white-smoke .navbar .navbar-toggle { 258 | color: #efefef; 259 | } 260 | header.txt-white-smoke .navbar .navbar-toggle .icon-bar { 261 | background-color: #efefef; 262 | } 263 | header.hi-white-smoke .navbar a.brand:hover, 264 | header.menu-hi-white-smoke .navbar .navbar-collapse.in a.brand:hover, 265 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing a.brand:hover { 266 | color: #efefef; 267 | } 268 | header.hi-white-smoke .navbar ul.nav > li > a.active, 269 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.active, 270 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.active { 271 | color: #efefef !important; 272 | border-color: #efefef !important; 273 | } 274 | header.hi-white-smoke .navbar ul.nav > li > a.active.filled, 275 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.active.filled, 276 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.active.filled { 277 | background-color: #efefef !important; 278 | color: #252525 !important; 279 | } 280 | header.hi-white-smoke .navbar ul.nav > li > a.popout, 281 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.popout, 282 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.popout { 283 | color: #efefef !important; 284 | border-color: #efefef !important; 285 | } 286 | header.hi-white-smoke .navbar ul.nav > li > a.popout.filled, 287 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.popout.filled, 288 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled { 289 | background-color: #efefef !important; 290 | color: #252525 !important; 291 | } 292 | header.hi-white-smoke .navbar ul.nav > li > a.popout.filled:hover, 293 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.popout.filled:hover, 294 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.popout.filled:hover { 295 | border-color: #d6d6d6 !important; 296 | background-color: #d6d6d6 !important; 297 | color: #252525 !important; 298 | } 299 | header.hi-white-smoke .navbar ul.nav > li > a.popout:hover, 300 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.popout:hover, 301 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.popout:hover { 302 | background: #efefef !important; 303 | color: #252525 !important; 304 | } 305 | header.hi-white-smoke .navbar ul.nav > li > a.filled:hover, 306 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a.filled:hover, 307 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a.filled:hover { 308 | border-color: #efefef !important; 309 | background-color: #efefef !important; 310 | color: #252525 !important; 311 | } 312 | header.hi-white-smoke .navbar ul.nav > li > a:hover, 313 | header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav > li > a:hover, 314 | header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav > li > a:hover { 315 | color: #efefef !important; 316 | border-color: #efefef !important; 317 | } 318 | footer.bg-white-smoke { 319 | background: #efefef; 320 | } 321 | footer.txt-white-smoke { 322 | border-top-color: #efefef; 323 | } 324 | .bg-white-smoke .form-inline .input-group-btn.f-btn { 325 | background: #efefef; 326 | } 327 | .bg-white-smoke .form-inline .input-group-btn.f-btn:hover { 328 | background: #b8312f; 329 | } 330 | .txt-white-smoke .form-control { 331 | border-color: #efefef; 332 | } 333 | .txt-white-smoke .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn) { 334 | border-color: #efefef; 335 | } 336 | .hi-white-smoke .form-inline .input-group-btn.f-btn:hover { 337 | background: #efefef; 338 | } 339 | -------------------------------------------------------------------------------- /js/fdk.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Froala v1.0.0 (http://froala.com) 3 | * Copyright 2014-2015 Froala 4 | */ 5 | if("undefined"==typeof jQuery)throw new Error("Froala requires jQuery");window.FDKModernizr=function(a,b,c){function d(a){r.cssText=a}function e(a,b){return typeof a===b}function f(a,b){return!!~(""+a).indexOf(b)}function g(a,b){for(var d in a){var e=a[d];if(!f(e,"-")&&r[e]!==c)return"pfx"==b?e:!0}return!1}function h(a,b,d){for(var f in a){var g=b[a[f]];if(g!==c)return d===!1?a[f]:e(g,"function")?g.bind(d||b):g}return!1}function i(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),f=(a+" "+u.join(d+" ")+d).split(" ");return e(b,"string")||e(b,"undefined")?g(f,b):(f=(a+" "+v.join(d+" ")+d).split(" "),h(f,b,c))}var j,k,l,m="2.7.1",n={},o=b.documentElement,p="modernizr",q=b.createElement(p),r=q.style,s=({}.toString," -webkit- -moz- -o- -ms- ".split(" ")),t="Webkit Moz O ms",u=t.split(" "),v=t.toLowerCase().split(" "),w={},x=[],y=x.slice,z=function(a,c,d,e){var f,g,h,i,j=b.createElement("div"),k=b.body,l=k||b.createElement("body");if(parseInt(d,10))for(;d--;)h=b.createElement("div"),h.id=e?e[d]:p+(d+1),j.appendChild(h);return f=["­",'"].join(""),j.id=p,(k?j:l).innerHTML+=f,l.appendChild(j),k||(l.style.background="",l.style.overflow="hidden",i=o.style.overflow,o.style.overflow="hidden",o.appendChild(l)),g=c(j,a),k?j.parentNode.removeChild(j):(l.parentNode.removeChild(l),o.style.overflow=i),!!g},A={}.hasOwnProperty;l=e(A,"undefined")||e(A.call,"undefined")?function(a,b){return b in a&&e(a.constructor.prototype[b],"undefined")}:function(a,b){return A.call(a,b)},Function.prototype.bind||(Function.prototype.bind=function(a){var b=this;if("function"!=typeof b)throw new TypeError;var c=y.call(arguments,1),d=function(){if(this instanceof d){var e=function(){};e.prototype=b.prototype;var f=new e,g=b.apply(f,c.concat(y.call(arguments)));return Object(g)===g?g:f}return b.apply(a,c.concat(y.call(arguments)))};return d}),w.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:z(["@media (",s.join("touch-enabled),("),p,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=9===a.offsetTop}),c},w.csstransforms=function(){return!!i("transform")},w.csstransforms3d=function(){var a=!!i("perspective");return a&&"webkitPerspective"in o.style&&z("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b){a=9===b.offsetLeft&&3===b.offsetHeight}),a};for(var B in w)l(w,B)&&(k=B.toLowerCase(),n[k]=w[B](),x.push((n[k]?"":"no-")+k));return n.addTest=function(a,b){if("object"==typeof a)for(var d in a)l(a,d)&&n.addTest(d,a[d]);else{if(a=a.toLowerCase(),n[a]!==c)return n;b="function"==typeof b?b():b,"undefined"!=typeof enableClasses&&enableClasses&&(o.className+=" "+(b?"":"no-")+a),n[a]=b}return n},d(""),q=j=null,n._version=m,n._prefixes=s,n._domPrefixes=v,n._cssomPrefixes=u,n.testProp=function(a){return g([a])},n.testAllProps=i,n.testStyles=z,n}(this,this.document),function(a,b,c){"use strict";function d(c){if(e=b.documentElement,f=b.body,S(),gb=this,c=c||{},lb=c.constants||{},c.easing)for(var d in c.easing)V[d]=c.easing[d];sb=c.edgeStrategy||"set",jb={beforerender:c.beforerender,render:c.render,keyframe:c.keyframe},kb=c.forceHeight!==!1,kb&&(Jb=c.scale||1),mb=c.mobileDeceleration||y,ob=c.smoothScrolling!==!1,pb=c.smoothScrollingDuration||z,qb={targetTop:gb.getScrollTop()},Rb=(c.mobileCheck||function(){return/Android|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent||navigator.vendor||a.opera)})(),Rb?(ib=b.getElementById("skrollr-body"),ib&&fb(),W(),Db(e,[s,v],[t])):Db(e,[s,u],[t]),gb.refresh(),vb(a,"resize orientationchange",function(){var a=e.clientWidth,b=e.clientHeight;(b!==Ob||a!==Nb)&&(Ob=b,Nb=a,Pb=!0)});var g=T();return function h(){Z(),ub=g(h)}(),gb}var e,f,g={get:function(){return gb},init:function(a){return gb||new d(a)},VERSION:"0.6.26"},h=Object.prototype.hasOwnProperty,i=a.Math,j=a.getComputedStyle,k="touchstart",l="touchmove",m="touchcancel",n="touchend",o="skrollable",p=o+"-before",q=o+"-between",r=o+"-after",s="skrollr",t="no-"+s,u=s+"-desktop",v=s+"-mobile",w="linear",x=1e3,y=.004,z=200,A="start",B="end",C="center",D="bottom",E="___skrollable_id",F=/^(?:input|textarea|button|select)$/i,G=/^\s+|\s+$/g,H=/^data(?:-(_\w+))?(?:-?(-?\d*\.?\d+p?))?(?:-?(start|end|top|center|bottom))?(?:-?(top|center|bottom))?$/,I=/\s*(@?[\w\-\[\]]+)\s*:\s*(.+?)\s*(?:;|$)/gi,J=/^(@?[a-z\-]+)\[(\w+)\]$/,K=/-([a-z0-9_])/g,L=function(a,b){return b.toUpperCase()},M=/[\-+]?[\d]*\.?[\d]+/g,N=/\{\?\}/g,O=/rgba?\(\s*-?\d+\s*,\s*-?\d+\s*,\s*-?\d+/g,P=/[a-z\-]+-gradient/g,Q="",R="",S=function(){var a=/^(?:O|Moz|webkit|ms)|(?:-(?:o|moz|webkit|ms)-)/;if(j){var b=j(f,null);for(var c in b)if(Q=c.match(a)||+c==c&&b[c].match(a))break;if(!Q)return void(Q=R="");Q=Q[0],"-"===Q.slice(0,1)?(R=Q,Q={"-webkit-":"webkit","-moz-":"Moz","-ms-":"ms","-o-":"O"}[Q]):R="-"+Q.toLowerCase()+"-"}},T=function(){var b=a.requestAnimationFrame||a[Q.toLowerCase()+"RequestAnimationFrame"],c=Gb();return(Rb||!b)&&(b=function(b){var d=Gb()-c,e=i.max(0,1e3/60-d);return a.setTimeout(function(){c=Gb(),b()},e)}),b},U=function(){var b=a.cancelAnimationFrame||a[Q.toLowerCase()+"CancelAnimationFrame"];return(Rb||!b)&&(b=function(b){return a.clearTimeout(b)}),b},V={begin:function(){return 0},end:function(){return 1},linear:function(a){return a},quadratic:function(a){return a*a},cubic:function(a){return a*a*a},swing:function(a){return-i.cos(a*i.PI)/2+.5},sqrt:function(a){return i.sqrt(a)},outCubic:function(a){return i.pow(a-1,3)+1},bounce:function(a){var b;if(.5083>=a)b=3;else if(.8489>=a)b=9;else if(.96208>=a)b=27;else{if(!(.99981>=a))return 1;b=91}return 1-i.abs(3*i.cos(a*b*1.028)/b)}};d.prototype.refresh=function(a){var d,e,f=!1;for(a===c?(f=!0,hb=[],Qb=0,a=b.getElementsByTagName("*")):a.length===c&&(a=[a]),d=0,e=a.length;e>d;d++){var g=a[d],h=g,i=[],j=ob,k=sb,l=!1;if(f&&E in g&&delete g[E],g.attributes){for(var m=0,n=g.attributes.length;n>m;m++){var p=g.attributes[m];if("data-anchor-target"!==p.name)if("data-smooth-scrolling"!==p.name)if("data-edge-strategy"!==p.name)if("data-emit-events"!==p.name){var q=p.name.match(H);if(null!==q){var r={props:p.value,element:g,eventType:p.name.replace(K,L)};i.push(r);var s=q[1];s&&(r.constant=s.substr(1));var t=q[2];/p$/.test(t)?(r.isPercentage=!0,r.offset=(0|t.slice(0,-1))/100):r.offset=0|t;var u=q[3],v=q[4]||u;u&&u!==A&&u!==B?(r.mode="relative",r.anchors=[u,v]):(r.mode="absolute",u===B?r.isEnd=!0:r.isPercentage||(r.offset=r.offset*Jb))}}else l=!0;else k=p.value;else j="off"!==p.value;else if(h=b.querySelector(p.value),null===h)throw'Unable to find anchor target "'+p.value+'"'}if(i.length){var w,x,y;!f&&E in g?(y=g[E],w=hb[y].styleAttr,x=hb[y].classAttr):(y=g[E]=Qb++,w=g.style.cssText,x=Cb(g)),hb[y]={element:g,styleAttr:w,classAttr:x,anchorTarget:h,keyFrames:i,smoothScrolling:j,edgeStrategy:k,emitEvents:l,lastFrameIndex:-1},Db(g,[o],[])}}}for(zb(),d=0,e=a.length;e>d;d++){var z=hb[a[d][E]];z!==c&&($(z),ab(z))}return gb},d.prototype.relativeToAbsolute=function(a,b,c){var d=e.clientHeight,f=a.getBoundingClientRect(),g=f.top,h=f.bottom-f.top;return b===D?g-=d:b===C&&(g-=d/2),c===D?g+=h:c===C&&(g+=h/2),g+=gb.getScrollTop(),g+.5|0},d.prototype.animateTo=function(a,b){b=b||{};var d=Gb(),e=gb.getScrollTop();return nb={startTop:e,topDiff:a-e,targetTop:a,duration:b.duration||x,startTime:d,endTime:d+(b.duration||x),easing:V[b.easing||w],done:b.done},nb.topDiff||(nb.done&&nb.done.call(gb,!1),nb=c),gb},d.prototype.stopAnimateTo=function(){nb&&nb.done&&nb.done.call(gb,!0),nb=c},d.prototype.isAnimatingTo=function(){return!!nb},d.prototype.isMobile=function(){return Rb},d.prototype.setScrollTop=function(b,c){return rb=c===!0,Rb?Sb=i.min(i.max(b,0),Ib):a.scrollTo(0,b),gb},d.prototype.getScrollTop=function(){return Rb?Sb:a.pageYOffset||e.scrollTop||f.scrollTop||0},d.prototype.getMaxScrollTop=function(){return Ib},d.prototype.on=function(a,b){return jb[a]=b,gb},d.prototype.off=function(a){return delete jb[a],gb},d.prototype.destroy=function(){var a=U();a(ub),xb(),Db(e,[t],[s,u,v]);for(var b=0,d=hb.length;d>b;b++)eb(hb[b].element);e.style.overflow=f.style.overflow="",e.style.height=f.style.height="",ib&&g.setStyle(ib,"transform","none"),gb=c,ib=c,jb=c,kb=c,Ib=0,Jb=1,lb=c,mb=c,Kb="down",Lb=-1,Nb=0,Ob=0,Pb=!1,nb=c,ob=c,pb=c,qb=c,rb=c,Qb=0,sb=c,Rb=!1,Sb=0,tb=c};var W=function(){var d,g,h,j,o,p,q,r,s,t,u,v;vb(e,[k,l,m,n].join(" "),function(a){var e=a.changedTouches[0];for(j=a.target;3===j.nodeType;)j=j.parentNode;switch(o=e.clientY,p=e.clientX,t=a.timeStamp,F.test(j.tagName)||a.preventDefault(),a.type){case k:d&&d.blur(),gb.stopAnimateTo(),d=j,g=q=o,h=p,s=t;break;case l:F.test(j.tagName)&&b.activeElement!==j&&a.preventDefault(),r=o-q,v=t-u,gb.setScrollTop(Sb-r,!0),q=o,u=t;break;default:case m:case n:var f=g-o,w=h-p,x=w*w+f*f;if(49>x){if(!F.test(d.tagName)){d.focus();var y=b.createEvent("MouseEvents");y.initMouseEvent("click",!0,!0,a.view,1,e.screenX,e.screenY,e.clientX,e.clientY,a.ctrlKey,a.altKey,a.shiftKey,a.metaKey,0,null),d.dispatchEvent(y)}return}d=c;var z=r/v;z=i.max(i.min(z,3),-3);var A=i.abs(z/mb),B=z*A+.5*mb*A*A,C=gb.getScrollTop()-B,D=0;C>Ib?(D=(Ib-C)/B,C=Ib):0>C&&(D=-C/B,C=0),A*=1-D,gb.animateTo(C+.5|0,{easing:"outCubic",duration:A})}}),a.scrollTo(0,0),e.style.overflow=f.style.overflow="hidden"},X=function(){var a,b,c,d,f,g,h,j,k,l,m,n=e.clientHeight,o=Ab();for(j=0,k=hb.length;k>j;j++)for(a=hb[j],b=a.element,c=a.anchorTarget,d=a.keyFrames,f=0,g=d.length;g>f;f++)h=d[f],l=h.offset,m=o[h.constant]||0,h.frame=l,h.isPercentage&&(l*=n,h.frame=l),"relative"===h.mode&&(eb(b),h.frame=gb.relativeToAbsolute(c,h.anchors[0],h.anchors[1])-l,eb(b,!0)),h.frame+=m,kb&&!h.isEnd&&h.frame>Ib&&(Ib=h.frame);for(Ib=i.max(Ib,Bb()),j=0,k=hb.length;k>j;j++){for(a=hb[j],d=a.keyFrames,f=0,g=d.length;g>f;f++)h=d[f],m=o[h.constant]||0,h.isEnd&&(h.frame=Ib-h.offset+m);a.keyFrames.sort(Hb)}},Y=function(a,b){for(var c=0,d=hb.length;d>c;c++){var e,f,i=hb[c],j=i.element,k=i.smoothScrolling?a:b,l=i.keyFrames,m=l.length,n=l[0],s=l[l.length-1],t=ks.frame,v=t?n:s,w=i.emitEvents,x=i.lastFrameIndex;if(t||u){if(t&&-1===i.edge||u&&1===i.edge)continue;switch(t?(Db(j,[p],[r,q]),w&&x>-1&&(yb(j,n.eventType,Kb),i.lastFrameIndex=-1)):(Db(j,[r],[p,q]),w&&m>x&&(yb(j,s.eventType,Kb),i.lastFrameIndex=m)),i.edge=t?-1:1,i.edgeStrategy){case"reset":eb(j);continue;case"ease":k=v.frame;break;default:case"set":var y=v.props;for(e in y)h.call(y,e)&&(f=db(y[e].value),0===e.indexOf("@")?j.setAttribute(e.substr(1),f):g.setStyle(j,e,f));continue}}else 0!==i.edge&&(Db(j,[o,q],[p,r]),i.edge=0);for(var z=0;m-1>z;z++)if(k>=l[z].frame&&k<=l[z+1].frame){var A=l[z],B=l[z+1];for(e in A.props)if(h.call(A.props,e)){var C=(k-A.frame)/(B.frame-A.frame);C=A.props[e].easing(C),f=cb(A.props[e].value,B.props[e].value,C),f=db(f),0===e.indexOf("@")?j.setAttribute(e.substr(1),f):g.setStyle(j,e,f)}w&&x!==z&&("down"===Kb?yb(j,A.eventType,Kb):yb(j,B.eventType,Kb),i.lastFrameIndex=z);break}}},Z=function(){Pb&&(Pb=!1,zb());var a,b,d=gb.getScrollTop(),e=Gb();if(nb)e>=nb.endTime?(d=nb.targetTop,a=nb.done,nb=c):(b=nb.easing((e-nb.startTime)/nb.duration),d=nb.startTop+b*nb.topDiff|0),gb.setScrollTop(d,!0);else if(!rb){var f=qb.targetTop-d;f&&(qb={startTop:Lb,topDiff:d-Lb,targetTop:d,startTime:Mb,endTime:Mb+pb}),e<=qb.endTime&&(b=V.sqrt((e-qb.startTime)/pb),d=qb.startTop+b*qb.topDiff|0)}if(Rb&&ib&&g.setStyle(ib,"transform","translate(0, "+-Sb+"px) "+tb),rb||Lb!==d){Kb=d>Lb?"down":Lb>d?"up":Kb,rb=!1;var h={curTop:d,lastTop:Lb,maxTop:Ib,direction:Kb},i=jb.beforerender&&jb.beforerender.call(gb,h);i!==!1&&(Y(d,gb.getScrollTop()),Lb=d,jb.render&&jb.render.call(gb,h)),a&&a.call(gb,!1)}Mb=e},$=function(a){for(var b=0,c=a.keyFrames.length;c>b;b++){for(var d,e,f,g,h=a.keyFrames[b],i={};null!==(g=I.exec(h.props));)f=g[1],e=g[2],d=f.match(J),null!==d?(f=d[1],d=d[2]):d=w,e=e.indexOf("!")?_(e):[e.slice(1)],i[f]={value:e,easing:V[d]};h.props=i}},_=function(a){var b=[];return O.lastIndex=0,a=a.replace(O,function(a){return a.replace(M,function(a){return a/255*100+"%"})}),R&&(P.lastIndex=0,a=a.replace(P,function(a){return R+a})),a=a.replace(M,function(a){return b.push(+a),"{?}"}),b.unshift(a),b},ab=function(a){var b,c,d={};for(b=0,c=a.keyFrames.length;c>b;b++)bb(a.keyFrames[b],d);for(d={},b=a.keyFrames.length-1;b>=0;b--)bb(a.keyFrames[b],d)},bb=function(a,b){var c;for(c in b)h.call(a.props,c)||(a.props[c]=b[c]);for(c in a.props)b[c]=a.props[c]},cb=function(a,b,c){var d,e=a.length;if(e!==b.length)throw"Can't interpolate between \""+a[0]+'" and "'+b[0]+'"';var f=[a[0]];for(d=1;e>d;d++)f[d]=a[d]+(b[d]-a[d])*c;return f},db=function(a){var b=1;return N.lastIndex=0,a[0].replace(N,function(){return a[b++]})},eb=function(a,b){a=[].concat(a);for(var c,d,e=0,f=a.length;f>e;e++)d=a[e],c=hb[d[E]],c&&(b?(d.style.cssText=c.dirtyStyleAttr,Db(d,c.dirtyClassAttr)):(c.dirtyStyleAttr=d.style.cssText,c.dirtyClassAttr=Cb(d),d.style.cssText=c.styleAttr,Db(d,c.classAttr)))},fb=function(){tb="translateZ(0)",g.setStyle(ib,"transform",tb);var a=j(ib),b=a.getPropertyValue("transform"),c=a.getPropertyValue(R+"transform"),d=b&&"none"!==b||c&&"none"!==c;d||(tb="")};g.setStyle=function(a,b,c){var d=a.style;if(b=b.replace(K,L).replace("-",""),"zIndex"===b)d[b]=isNaN(c)?c:""+(0|c);else if("float"===b)d.styleFloat=d.cssFloat=c;else try{Q&&(d[Q+b.slice(0,1).toUpperCase()+b.slice(1)]=c),d[b]=c}catch(e){}};var gb,hb,ib,jb,kb,lb,mb,nb,ob,pb,qb,rb,sb,tb,ub,vb=g.addEvent=function(b,c,d){var e=function(b){return b=b||a.event,b.target||(b.target=b.srcElement),b.preventDefault||(b.preventDefault=function(){b.returnValue=!1,b.defaultPrevented=!0}),d.call(this,b)};c=c.split(" ");for(var f,g=0,h=c.length;h>g;g++)f=c[g],b.addEventListener?b.addEventListener(f,d,!1):b.attachEvent("on"+f,e),Tb.push({element:b,name:f,listener:d})},wb=g.removeEvent=function(a,b,c){b=b.split(" ");for(var d=0,e=b.length;e>d;d++)a.removeEventListener?a.removeEventListener(b[d],c,!1):a.detachEvent("on"+b[d],c)},xb=function(){for(var a,b=0,c=Tb.length;c>b;b++)a=Tb[b],wb(a.element,a.name,a.listener);Tb=[]},yb=function(a,b,c){jb.keyframe&&jb.keyframe.call(gb,a,b,c)},zb=function(){var a=gb.getScrollTop();Ib=0,kb&&!Rb&&(f.style.height=""),X(),kb&&!Rb&&(f.style.height=Ib+e.clientHeight+"px"),Rb?gb.setScrollTop(i.min(gb.getScrollTop(),Ib)):gb.setScrollTop(a,!0),rb=!0},Ab=function(){var a,b,c=e.clientHeight,d={};for(a in lb)b=lb[a],"function"==typeof b?b=b.call(gb):/p$/.test(b)&&(b=b.slice(0,-1)/100*c),d[a]=b;return d},Bb=function(){var a=ib&&ib.offsetHeight||0,b=i.max(a,f.scrollHeight,f.offsetHeight,e.scrollHeight,e.offsetHeight,e.clientHeight);return b-e.clientHeight},Cb=function(b){var c="className";return a.SVGElement&&b instanceof a.SVGElement&&(b=b[c],c="baseVal"),b[c]},Db=function(b,d,e){var f="className";if(a.SVGElement&&b instanceof a.SVGElement&&(b=b[f],f="baseVal"),e===c)return void(b[f]=d);for(var g=b[f],h=0,i=e.length;i>h;h++)g=Fb(g).replace(Fb(e[h])," ");g=Eb(g);for(var j=0,k=d.length;k>j;j++)-1===Fb(g).indexOf(Fb(d[j]))&&(g+=" "+d[j]);b[f]=Eb(g)},Eb=function(a){return a.replace(G,"")},Fb=function(a){return" "+a+" "},Gb=Date.now||function(){return+new Date},Hb=function(a,b){return a.frame-b.frame},Ib=0,Jb=1,Kb="down",Lb=-1,Mb=Gb(),Nb=0,Ob=0,Pb=!1,Qb=0,Rb=!1,Sb=0,Tb=[];"function"==typeof define&&define.amd?define([],function(){return g}):"undefined"!=typeof module&&module.exports?module.exports=g:a.skrollr=g}(window,document),function(a){a.effects=function(){var a=function(){$(".parallax-bg, .fixed-bg").addClass("parallax-disabled")},b=function(b,c){"undefined"==typeof c&&(b=!0),"undefined"==typeof c&&(c=!0),!FDKModernizr.touch&&b&&void 0!==skrollr&&void 0!=skrollr.get()&&skrollr.get().destroy(),c&&a()},c=function(){b(!0,!1),FDKModernizr.touch?a():void 0!==skrollr&&(d(),q(),skrollr.init({forceHeight:!1,smoothScrolling:!1}))},d=function(){$(".parallax-bg").each(function(a,b){$(b).attr("data-center","background-position: 50% 0px;").attr("data-top-bottom","background-position: 50% -"+.15*$(b).outerHeight()+"px;")})},e=function(a,b,c,d){var e=$(a),f=new RegExp(d+":[0-9a-zA-Z- ,()]*;","g");e.attr(b,(e.attr(b)||"").replace(f,"")),e.attr(c,(e.attr(c)||"").replace(f,""))},f=function(a){$(a).removeClass("swipe-left"),e(a,"data-bottom-top","data-center-top","right")},g=function(a){$(a).removeClass("swipe-right"),e(a,"data-bottom-top","data-center-top","left")},h=function(a){$(a).removeClass("zoom-in"),e(a,"data-bottom-top","data-center-top","transform")},i=function(a){$(a).removeClass("zoom-out"),e(a,"data-bottom-top","data-center-top","transform")},j=function(a,b,c,d,f,g){e(a,b,c,d),$(a).attr(b,($(a).attr(b)||"")+" "+d+": "+f+";"),$(a).attr(c,($(a).attr(c)||"")+" "+d+": "+g+";")},k=function(a){g(a),j(a,"data-bottom-top","data-center-top","right","-200px","0px")},l=function(a){f(a),j(a,"data-bottom-top","data-center-top","left","-200px","0px")},m=function(a){j(a,"data-bottom-top","data-center-top","opacity","0","1")},n=function(a){j(a,"data-top-bottom","data-center-bottom","opacity","0","1")},o=function(a){i(),j(a,"data-bottom-top","data-center-top","transform","scale(0)","scale(1)")},p=function(a){h(),j(a,"data-bottom-top","data-center-top","transform","scale(2)","scale(1)")},q=function(){$(".c-swipe-left .effects-left, .c-swipe-left .effects-right, .c-swipe-left .effects").addClass("swipe-left"),$(".c-swipe-right .effects-left, .c-swipe-right .effects-right, .c-swipe-right .effects").addClass("swipe-right"),$(".c-swipe .effects-left").addClass("swipe-right"),$(".c-swipe .effects-right").addClass("swipe-left"),$(".c-zoom-in .effects-left, .c-zoom-in .effects-right, .c-zoom-in .effects").addClass("zoom-in"),$(".c-zoom-out .effects-left, .c-zoom-out .effects-right, .c-zoom-out .effects").addClass("zoom-out"),$(".c-fade-in .effects-left, .c-fade-in .effects-right, .c-fade-in .effects").addClass("fade-in"),$(".c-fade-out .effects-left, .c-fade-out .effects-right, .c-fade-out .effects").addClass("fade-out"),$(".zoom-in").each($.proxy(function(a,b){o(b)},this)),$(".zoom-out").each($.proxy(function(a,b){p(b)},this)),$(".swipe-right").each($.proxy(function(a,b){l(b)},this)),$(".swipe-left").each($.proxy(function(a,b){k(b)},this)),$(".fade-in").each($.proxy(function(a,b){m(b)},this)),$(".fade-out").each($.proxy(function(a,b){n(b)},this))};return{refresh:c}}()}(this.FDK=this.FDK||{}),function(a){var b=function(){var a=$(".header-7 .navbar-collapse:first, .header-10 .navbar-collapse:first");$(".header-7 .navbar-collapse, .header-10 .navbar-collapse").not("header .navbar-collapse:first").each(function(b,c){a.append($(c).find("> .nav").attr("data-fpc",$(c).attr("class")).end().html()),$(c).remove()}),$(".navbar-collapse").addClass("in")},c=function(){var a=$(".header-7 .navbar-collapse, .header-10 .navbar-collapse");a.find("ul.nav").not("header .navbar-collapse ul.nav:first").each(function(b,c){a.after(a.clone().html(c).attr("class",$(c).attr("data-fpc")))}),$(".navbar-collapse").removeClass("in")},d=function(){$("html").hasClass("nav-in")?setTimeout(c,600):b(),$("html").toggleClass("nav-in")},e=function(){$(document).on("click",".navbar-collapse",function(a){$("html").hasClass("nav-in")&&a.stopPropagation()}),$(document).on("click",".navbar-toggle, .dismiss-navbar",function(a){a.stopPropagation(),d()}),$(document).on("click",function(){$("html").hasClass("nav-in")&&d()})};a.refresh=function(){a.effects.refresh()},a.init=function(){e(),FDKModernizr.touch&&$("html").addClass("touch"),$(document).on("ready",a.effects.refresh)}}(this.FDK=this.FDK||{}),FDK.init(),$(window).on("resize",FDK.refresh); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Froala Design Framework Demo 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 |
90 | 118 |
119 | 120 | 121 | 122 |
123 |
124 |
125 |
126 |
127 |

Website Design.

128 |

The most simple and yet powerful way to design websites. Froala Design Framework is the perfect design tool if you want to impress your users.

129 |
130 |
131 |
132 |
133 |
134 | 135 | 136 |
137 |
138 |
139 |
140 |
141 |

Flat Design Framework

142 |

A design framework that goes beyond devices, screens and pixels.

143 |
144 |
145 |
146 | 147 |
148 |
149 |
150 |
151 |
152 |

Responsive

153 |

Your website will look good on any device. Each design block has been individually tested on desktops, tablets and smartphones.

154 |
155 |
156 | Image Title 157 |
158 |
159 |
160 |
161 | 162 |
163 |
164 |
165 |
166 | Image Title 167 |
168 |
169 |

Minimal Coding

170 |

The design blocks come with ready to use HTML code which makes the flat design framework suitable for developers of all skill levels.

171 |
172 |
173 |
174 |
175 |
176 | 177 |
178 |
179 |
180 |
181 |
182 |

Performant

183 |

We reduced Javascript to the minimum possible and combined advanced CSS rules for enhanced usability and increased performance.

184 |
185 |
186 | Image Title 187 |
188 |
189 |
190 |
191 | 192 |
193 |
194 |
195 |
196 | Image Title 197 |
198 |
199 |

W3C Compliant

200 |

We made sure that all design blocks have W3C valid HTML and CSS, for you to reach a larger audience and to improve your long term SEO.

201 |
202 |
203 |
204 |
205 |
206 | 207 |
208 |
209 |
210 |
211 |
212 |

Fully Documented

213 |

Rich documentation, lots of examples and detailed explanations, all organized in such a manner that makes the flat design framework easy to use.

214 |
215 |
216 | Image Title 217 |
218 |
219 |
220 |
221 | 222 |
223 |
224 |
225 |
226 | Image Title 227 |
228 |
229 |

Quality Support

230 |

Our team is ready to answer to your emails 7 days a week and usually responds to questions in less than one hour offering all the help you need.

231 |
232 |
233 |
234 |
235 |
236 |
237 |
238 | 239 | 240 |
241 |
242 |
243 |

Design Faster. Build Bigger.

244 |

This website is a demo for the Froala Design Framework.

245 | See Code 246 | Read More 247 |
248 |
249 |
250 | 251 | 252 |
253 |
254 |
255 |

What People Tweet

256 |
257 | 258 |
259 |
260 |
261 |
262 |
263 | Image Title 264 |
265 |
266 |

"I've played with dozens of WYSIWYG HTML editors. Froala is the best I've found. https://editor.froala.com Super fast turnaround on bug fixes."

267 |

Phil Freo

268 |

Leading Product/Engineering at @CloseIO

269 |
270 |
271 |
272 |
273 | 274 |
275 |
276 |
277 |
278 | Image Title 279 |
280 |
281 |

"@froala_labs Thank you very much for such quick responses. I've never seen a software support implemented so accurately!"

282 |

Eugene

283 |

Web-developer locate in Moscow, Russia

284 |
285 |
286 |
287 |
288 |
289 | 290 |
291 |
292 |
293 |
294 |
295 | Image Title 296 |
297 |
298 |

"Day 1: Ditched redactor for @froala_labs. Day 2: Bought developer license. Day 3: Created package for integrating with @djangoproject."

299 |

Dipesh Acharya

300 |

Full-stack Python/Django Developer

301 |
302 |
303 |
304 |
305 |
306 |
307 |
308 |
309 | Image Title 310 |
311 |
312 |

"Froala WYSIWYG editor keeps surprising me https://editor.froala.com/ Nice documentation, Angular support and intuitive hotkeys. And good-lookin"

313 |

Igor Barbashin

314 |

Designer, Web-developer, Musician.

315 |
316 |
317 |
318 |
319 |
320 |
321 |
322 | 323 | 324 | 325 |
326 |
327 |
328 |
329 |
330 | Buy Now 331 |
332 |
333 |
334 |
335 |

Froala Design Framework is as low as $99.

336 |
337 |
338 |
339 |
340 |
341 | 342 | 343 | 344 |
345 |
346 |
347 |
348 |

Hello.

349 |

We would love to hear from you.

350 |
351 | 352 |
353 |
354 |
355 |

We like to keep you and your clients happy and we would go an extra mile to achieve this. Contact us if you have any questions, suggestions or just like to know us better.

356 |

It is a simple formula that makes our work so much more enjoyable for both you and us.

357 |

E-mail: example@froala.com

358 |

Skype: example.froala

359 |
360 |
361 | 362 |
363 |
364 |
365 |
366 | 367 |
368 |
369 | 370 |
371 |
372 | 373 |
374 |
375 | 376 |
377 | 378 |
379 |
380 |
381 |
382 |
383 |
384 | 385 | 386 | 387 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 414 | 438 | 439 | 440 | 450 | 451 | 452 | -------------------------------------------------------------------------------- /css/colors/colors.min.css: -------------------------------------------------------------------------------- 1 | .txt-black .f-btn{color:#000;border-color:#000}.txt-black .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-black .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-black .r-btn{color:#fff;border-color:#000;background:#000}.txt-black .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-black .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-black .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-black .f-btn:hover{background:#000!important;border-color:#000!important;color:#fff!important}.hi-black .f-btn.highlight{color:#000!important;border-color:#000!important}.hi-black .f-btn.highlight:hover{color:#fff!important}.hi-black .r-btn:hover{color:#fff!important;background:#000!important;border-color:#000!important}.hi-black .r-btn.highlight{color:#fff!important;background:#000!important;border-color:#000!important}.hi-black .r-btn.highlight:hover{background:#1a1a1a!important;border-color:#1a1a1a!important}.txt-black{color:#000}.txt-black .bordered{border-color:#000}.txt-black .box{border-color:#000}.txt-black .box *{border-color:#000}.hi-black .highlight{color:#000!important}.hi-black .highlight.bordered{border-color:#000}.txt-black .alt-link{color:#000}.txt-black .colored-box{color:#000}.txt-black .colored-box a.alt-link:not(.box-link){color:#000}.txt-black .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-black .colored-box a.box-link{color:#000}.txt-black .hover-box{border-color:#000}.txt-black .hover-box :not(.highlight){color:#000}.txt-black .hover-box:hover{color:#fff}.txt-black .hover-box:hover *{color:#fff}.txt-black .network-icon{background:#000;color:#fff}.txt-black .network-icon:not(.r-btn):not(.f-btn):hover{background:#1a1a1a;border-color:#1a1a1a}.txt-black .network-icon.f-btn{color:#000}.hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#000}.hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-black:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#262626}.hi-black .alt-link:hover{color:#000!important}.hi-black:not(header) .colored-box{background:#000;color:#fff}.hi-black:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#4d4d4d}.hi-black:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:gray}.hi-black:not(header) .colored-box a.alt-link{color:#fff}.hi-black:not(header) .colored-box a.alt-link:hover{color:#4d4d4d!important}.hi-black:not(header) .colored-box a.box-link{color:#fff}.hi-black:not(header) .colored-box a.box-link:after{background-color:#fff}.hi-black .hover-box :not(.highlight){color:#252525}.hi-black .hover-box:hover{background:#000;color:#fff!important}.hi-black .hover-box:hover *{color:#fff!important}.hi-black .network-icon.f-btn:not([class*='-hover']):hover{color:#fff;background:#000;border-color:#000}.hi-black .network-icon.f-btn.highlight:hover{background:#000;color:#fff}.bg-black:not([class*=overlay-]){background-color:#000}.bg-black[class*=overlay-]:after{background-color:#000}.bg-black[class*=overlay-] .contrast-bg{background-color:#fff;border-color:#fff}.hi-black .bg-highlight{background-color:#000!important;color:#fff!important}.hi-black .border-highlight{border-color:#000!important}header.bg-black .navbar,header.menu-bg-black .navbar .navbar-collapse.in,header.menu-bg-black .navbar .navbar-collapse.collapsing{background-color:#000}header.txt-black .navbar ul.nav>li.nav-btn a,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#000}header.txt-black .navbar ul.nav>li>a,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#000}header.txt-black .navbar ul.nav>li>a.active,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-black .navbar ul.nav>li>a.active.filled,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-black .navbar ul.nav>li>a.popout,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-black .navbar ul.nav>li>a.popout.filled,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-black .navbar ul.nav>li>a.popout:hover,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-black .navbar ul.nav>li>a.filled:hover,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-black .navbar ul.nav>li>a:hover,header.menu-txt-black .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-black .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-black .navbar button.dismiss-navbar,header.menu-txt-black .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-black .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#000}header.txt-black .navbar .brand,header.menu-txt-black .navbar .navbar-collapse.in .brand,header.menu-txt-black .navbar .navbar-collapse.collapsing .brand{color:#000}header.txt-black .navbar .navbar-toggle{color:#000}header.txt-black .navbar .navbar-toggle .icon-bar{background-color:#000}header.hi-black .navbar a.brand:hover,header.menu-hi-black .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing a.brand:hover{color:#000}header.hi-black .navbar ul.nav>li>a.active,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#000!important;border-color:#000!important}header.hi-black .navbar ul.nav>li>a.active.filled,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.popout,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#000!important;border-color:#000!important}header.hi-black .navbar ul.nav>li>a.popout.filled,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#1a1a1a!important;background-color:#1a1a1a!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.popout:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a.filled:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#000!important;background-color:#000!important;color:#fff!important}header.hi-black .navbar ul.nav>li>a:hover,header.menu-hi-black .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-black .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#000!important;border-color:#000!important}footer.bg-black{background:#000}footer.txt-black{border-top-color:#000}.bg-black .form-inline .input-group-btn.f-btn{background:#000}.bg-black .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-black .form-control{border-color:#000}.txt-black .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#000}.hi-black .form-inline .input-group-btn.f-btn:hover{background:#000} 2 | 3 | .txt-blue-gem .f-btn{color:#553982;border-color:#553982}.txt-blue-gem .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-blue-gem .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-blue-gem .r-btn{color:#fff;border-color:#553982;background:#553982}.txt-blue-gem .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-blue-gem .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-blue-gem .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-blue-gem .f-btn:hover{background:#553982!important;border-color:#553982!important;color:#fff!important}.hi-blue-gem .f-btn.highlight{color:#553982!important;border-color:#553982!important}.hi-blue-gem .f-btn.highlight:hover{color:#fff!important}.hi-blue-gem .r-btn:hover{color:#fff!important;background:#553982!important;border-color:#553982!important}.hi-blue-gem .r-btn.highlight{color:#fff!important;background:#553982!important;border-color:#553982!important}.hi-blue-gem .r-btn.highlight:hover{background:#6c49a5!important;border-color:#6c49a5!important}.txt-blue-gem{color:#553982}.txt-blue-gem .bordered{border-color:#553982}.txt-blue-gem .box{border-color:#553982}.txt-blue-gem .box *{border-color:#553982}.hi-blue-gem .highlight{color:#553982!important}.hi-blue-gem .highlight.bordered{border-color:#553982}.txt-blue-gem .alt-link{color:#553982}.txt-blue-gem .colored-box{color:#553982}.txt-blue-gem .colored-box a.alt-link:not(.box-link){color:#553982}.txt-blue-gem .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-blue-gem .colored-box a.box-link{color:#553982}.txt-blue-gem .hover-box{border-color:#553982}.txt-blue-gem .hover-box :not(.highlight){color:#553982}.txt-blue-gem .hover-box:hover{color:#fff}.txt-blue-gem .hover-box:hover *{color:#fff}.txt-blue-gem .network-icon{background:#553982;color:#fff}.txt-blue-gem .network-icon:not(.r-btn):not(.f-btn):hover{background:#6c49a5;border-color:#6c49a5}.txt-blue-gem .network-icon.f-btn{color:#553982}.hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#553982}.hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-blue-gem:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#7954b4}.hi-blue-gem .alt-link:hover{color:#553982!important}.hi-blue-gem:not(header) .colored-box{background:#553982;color:#fff}.hi-blue-gem:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#a289cb}.hi-blue-gem:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:#dad0ea}.hi-blue-gem:not(header) .colored-box a.alt-link{color:#fff}.hi-blue-gem:not(header) .colored-box a.alt-link:hover{color:#a289cb!important}.hi-blue-gem:not(header) .colored-box a.box-link{color:#fff}.hi-blue-gem:not(header) .colored-box a.box-link:after{background-color:#fff}.hi-blue-gem .hover-box :not(.highlight){color:#252525}.hi-blue-gem .hover-box:hover{background:#553982;color:#fff!important}.hi-blue-gem .hover-box:hover *{color:#fff!important}.hi-blue-gem .network-icon.f-btn:not([class*='-hover']):hover{color:#fff;background:#553982;border-color:#553982}.hi-blue-gem .network-icon.f-btn.highlight:hover{background:#553982;color:#fff}.bg-blue-gem:not([class*=overlay-]){background-color:#553982}.bg-blue-gem[class*=overlay-]:after{background-color:#553982}.bg-blue-gem[class*=overlay-] .contrast-bg{background-color:#fff;border-color:#fff}.hi-blue-gem .bg-highlight{background-color:#553982!important;color:#fff!important}.hi-blue-gem .border-highlight{border-color:#553982!important}header.bg-blue-gem .navbar,header.menu-bg-blue-gem .navbar .navbar-collapse.in,header.menu-bg-blue-gem .navbar .navbar-collapse.collapsing{background-color:#553982}header.txt-blue-gem .navbar ul.nav>li.nav-btn a,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#553982}header.txt-blue-gem .navbar ul.nav>li>a,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#553982}header.txt-blue-gem .navbar ul.nav>li>a.active,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-blue-gem .navbar ul.nav>li>a.active.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a.popout,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-blue-gem .navbar ul.nav>li>a.popout.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a.popout:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a.filled:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-blue-gem .navbar ul.nav>li>a:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-blue-gem .navbar button.dismiss-navbar,header.menu-txt-blue-gem .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#553982}header.txt-blue-gem .navbar .brand,header.menu-txt-blue-gem .navbar .navbar-collapse.in .brand,header.menu-txt-blue-gem .navbar .navbar-collapse.collapsing .brand{color:#553982}header.txt-blue-gem .navbar .navbar-toggle{color:#553982}header.txt-blue-gem .navbar .navbar-toggle .icon-bar{background-color:#553982}header.hi-blue-gem .navbar a.brand:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing a.brand:hover{color:#553982}header.hi-blue-gem .navbar ul.nav>li>a.active,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#553982!important;border-color:#553982!important}header.hi-blue-gem .navbar ul.nav>li>a.active.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.popout,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#553982!important;border-color:#553982!important}header.hi-blue-gem .navbar ul.nav>li>a.popout.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#6c49a5!important;background-color:#6c49a5!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.popout:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#553982!important;background-color:#553982!important;color:#fff!important}header.hi-blue-gem .navbar ul.nav>li>a:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-blue-gem .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#553982!important;border-color:#553982!important}footer.bg-blue-gem{background:#553982}footer.txt-blue-gem{border-top-color:#553982}.bg-blue-gem .form-inline .input-group-btn.f-btn{background:#553982}.bg-blue-gem .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-blue-gem .form-control{border-color:#553982}.txt-blue-gem .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#553982}.hi-blue-gem .form-inline .input-group-btn.f-btn:hover{background:#553982} 4 | 5 | .txt-white-smoke .f-btn{color:#efefef;border-color:#efefef}.txt-white-smoke .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-white-smoke .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-white-smoke .r-btn{color:#252525;border-color:#efefef;background:#efefef}.txt-white-smoke .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white-smoke .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white-smoke .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-white-smoke .f-btn:hover{background:#efefef!important;border-color:#efefef!important;color:#252525!important}.hi-white-smoke .f-btn.highlight{color:#efefef!important;border-color:#efefef!important}.hi-white-smoke .f-btn.highlight:hover{color:#252525!important}.hi-white-smoke .r-btn:hover{color:#252525!important;background:#efefef!important;border-color:#efefef!important}.hi-white-smoke .r-btn.highlight{color:#252525!important;background:#efefef!important;border-color:#efefef!important}.hi-white-smoke .r-btn.highlight:hover{background:#d6d6d6!important;border-color:#d6d6d6!important}.txt-white-smoke{color:#efefef}.txt-white-smoke .bordered{border-color:#efefef}.txt-white-smoke .box{border-color:#efefef}.txt-white-smoke .box *{border-color:#efefef}.hi-white-smoke .highlight{color:#efefef!important}.hi-white-smoke .highlight.bordered{border-color:#efefef}.txt-white-smoke .alt-link{color:#efefef}.txt-white-smoke .colored-box{color:#efefef}.txt-white-smoke .colored-box a.alt-link:not(.box-link){color:#efefef}.txt-white-smoke .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-white-smoke .colored-box a.box-link{color:#efefef}.txt-white-smoke .hover-box{border-color:#efefef}.txt-white-smoke .hover-box :not(.highlight){color:#efefef}.txt-white-smoke .hover-box:hover{color:#fff}.txt-white-smoke .hover-box:hover *{color:#fff}.txt-white-smoke .network-icon{background:#efefef;color:#252525}.txt-white-smoke .network-icon:not(.r-btn):not(.f-btn):hover{background:#fff;border-color:#fff}.txt-white-smoke .network-icon.f-btn{color:#efefef}.hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#efefef}.hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-white-smoke:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#c9c9c9}.hi-white-smoke .alt-link:hover{color:#efefef!important}.hi-white-smoke:not(header) .colored-box{background:#efefef;color:#252525}.hi-white-smoke:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#a3a3a3}.hi-white-smoke:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:#707070}.hi-white-smoke:not(header) .colored-box a.alt-link{color:#252525}.hi-white-smoke:not(header) .colored-box a.alt-link:hover{color:#a3a3a3!important}.hi-white-smoke:not(header) .colored-box a.box-link{color:#252525}.hi-white-smoke:not(header) .colored-box a.box-link:after{background-color:#000}.hi-white-smoke .hover-box :not(.highlight){color:#252525}.hi-white-smoke .hover-box:hover{background:#efefef;color:#252525!important}.hi-white-smoke .hover-box:hover *{color:#252525!important}.hi-white-smoke .network-icon.f-btn:not([class*='-hover']):hover{color:#252525;background:#efefef;border-color:#efefef}.hi-white-smoke .network-icon.f-btn.highlight:hover{background:#efefef;color:#252525}.bg-white-smoke:not([class*=overlay-]){background-color:#efefef}.bg-white-smoke[class*=overlay-]:after{background-color:#efefef}.bg-white-smoke[class*=overlay-] .contrast-bg{background-color:#000;border-color:#000}.hi-white-smoke .bg-highlight{background-color:#efefef!important;color:#000!important}.hi-white-smoke .border-highlight{border-color:#efefef!important}header.bg-white-smoke .navbar,header.menu-bg-white-smoke .navbar .navbar-collapse.in,header.menu-bg-white-smoke .navbar .navbar-collapse.collapsing{background-color:#efefef}header.txt-white-smoke .navbar ul.nav>li.nav-btn a,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#efefef}header.txt-white-smoke .navbar ul.nav>li>a,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#efefef}header.txt-white-smoke .navbar ul.nav>li>a.active,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-white-smoke .navbar ul.nav>li>a.active.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a.popout,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-white-smoke .navbar ul.nav>li>a.popout.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a.popout:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a.filled:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-white-smoke .navbar ul.nav>li>a:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-white-smoke .navbar button.dismiss-navbar,header.menu-txt-white-smoke .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#efefef}header.txt-white-smoke .navbar .brand,header.menu-txt-white-smoke .navbar .navbar-collapse.in .brand,header.menu-txt-white-smoke .navbar .navbar-collapse.collapsing .brand{color:#efefef}header.txt-white-smoke .navbar .navbar-toggle{color:#efefef}header.txt-white-smoke .navbar .navbar-toggle .icon-bar{background-color:#efefef}header.hi-white-smoke .navbar a.brand:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing a.brand:hover{color:#efefef}header.hi-white-smoke .navbar ul.nav>li>a.active,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#efefef!important;border-color:#efefef!important}header.hi-white-smoke .navbar ul.nav>li>a.active.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.popout,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#efefef!important;border-color:#efefef!important}header.hi-white-smoke .navbar ul.nav>li>a.popout.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#d6d6d6!important;background-color:#d6d6d6!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.popout:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#efefef!important;background-color:#efefef!important;color:#252525!important}header.hi-white-smoke .navbar ul.nav>li>a:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-white-smoke .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#efefef!important;border-color:#efefef!important}footer.bg-white-smoke{background:#efefef}footer.txt-white-smoke{border-top-color:#efefef}.bg-white-smoke .form-inline .input-group-btn.f-btn{background:#efefef}.bg-white-smoke .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-white-smoke .form-control{border-color:#efefef}.txt-white-smoke .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#efefef}.hi-white-smoke .form-inline .input-group-btn.f-btn:hover{background:#efefef} 6 | 7 | .txt-white .f-btn{color:#fff;border-color:#fff}.txt-white .f-btn.highlight{color:#b8312f;border-color:#b8312f}.txt-white .f-btn:hover{color:#fff;background:#b8312f;border-color:#b8312f}.txt-white .r-btn{color:#252525;border-color:#fff;background:#fff}.txt-white .r-btn:hover{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white .r-btn.highlight{color:#fff;border-color:#b8312f;background:#b8312f}.txt-white .r-btn.highlight:hover{color:#fff;background:#d14b49;border-color:#d14b49}.hi-white .f-btn:hover{background:#fff!important;border-color:#fff!important;color:#252525!important}.hi-white .f-btn.highlight{color:#fff!important;border-color:#fff!important}.hi-white .f-btn.highlight:hover{color:#252525!important}.hi-white .r-btn:hover{color:#252525!important;background:#fff!important;border-color:#fff!important}.hi-white .r-btn.highlight{color:#252525!important;background:#fff!important;border-color:#fff!important}.hi-white .r-btn.highlight:hover{background:#e6e6e6!important;border-color:#e6e6e6!important}.txt-white{color:#fff}.txt-white .bordered{border-color:#fff}.txt-white .box{border-color:#fff}.txt-white .box *{border-color:#fff}.hi-white .highlight{color:#fff!important}.hi-white .highlight.bordered{border-color:#fff}.txt-white .alt-link{color:#fff}.txt-white .colored-box{color:#fff}.txt-white .colored-box a.alt-link:not(.box-link){color:#fff}.txt-white .colored-box a.alt-link:not(.box-link):hover{color:#e59c9b}.txt-white .colored-box a.box-link{color:#fff}.txt-white .hover-box{border-color:#fff}.txt-white .hover-box :not(.highlight){color:#fff}.txt-white .hover-box:hover{color:#fff}.txt-white .hover-box:hover *{color:#fff}.txt-white .network-icon{background:#fff;color:#252525}.txt-white .network-icon:not(.r-btn):not(.f-btn):hover{background:#fff;border-color:#fff}.txt-white .network-icon.f-btn{color:#fff}.hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link){color:#fff}.hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link).network-icon{color:#fff}.hi-white:not(header) a:not(.r-btn):not(.f-btn):not(.box-link):not(.network-icon):not(.header-link):not(.alt-link):hover{color:#d9d9d9}.hi-white .alt-link:hover{color:#fff!important}.hi-white:not(header) .colored-box{background:#fff;color:#252525}.hi-white:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link){color:#b3b3b3}.hi-white:not(header) .colored-box a:not(.box-link):not(.r-btn):not(.f-btn):not(.header-link):not(.alt-link):hover{color:gray}.hi-white:not(header) .colored-box a.alt-link{color:#252525}.hi-white:not(header) .colored-box a.alt-link:hover{color:#b3b3b3!important}.hi-white:not(header) .colored-box a.box-link{color:#252525}.hi-white:not(header) .colored-box a.box-link:after{background-color:#000}.hi-white .hover-box :not(.highlight){color:#252525}.hi-white .hover-box:hover{background:#fff;color:#252525!important}.hi-white .hover-box:hover *{color:#252525!important}.hi-white .network-icon.f-btn:not([class*='-hover']):hover{color:#252525;background:#fff;border-color:#fff}.hi-white .network-icon.f-btn.highlight:hover{background:#fff;color:#252525}.bg-white:not([class*=overlay-]){background-color:#fff}.bg-white[class*=overlay-]:after{background-color:#fff}.bg-white[class*=overlay-] .contrast-bg{background-color:#000;border-color:#000}.hi-white .bg-highlight{background-color:#fff!important;color:#000!important}.hi-white .border-highlight{border-color:#fff!important}header.bg-white .navbar,header.menu-bg-white .navbar .navbar-collapse.in,header.menu-bg-white .navbar .navbar-collapse.collapsing{background-color:#fff}header.txt-white .navbar ul.nav>li.nav-btn a,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li.nav-btn a,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li.nav-btn a{border-color:#fff}header.txt-white .navbar ul.nav>li>a,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a{color:#fff}header.txt-white .navbar ul.nav>li>a.active,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#b8312f;border-color:#b8312f}header.txt-white .navbar ul.nav>li>a.active.filled,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{color:#b8312f;color:#fff}header.txt-white .navbar ul.nav>li>a.popout,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#b8312f;border-color:#b8312f;background-color:transparent}header.txt-white .navbar ul.nav>li>a.popout.filled,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#b8312f;color:#fff}header.txt-white .navbar ul.nav>li>a.popout:hover,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#b8312f;color:#fff}header.txt-white .navbar ul.nav>li>a.filled:hover,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#d14b49;background-color:#d14b49;color:#fff}header.txt-white .navbar ul.nav>li>a:hover,header.menu-txt-white .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-txt-white .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#b8312f;border-color:#b8312f}header.txt-white .navbar button.dismiss-navbar,header.menu-txt-white .navbar .navbar-collapse.in button.dismiss-navbar,header.menu-txt-white .navbar .navbar-collapse.collapsing button.dismiss-navbar{color:#fff}header.txt-white .navbar .brand,header.menu-txt-white .navbar .navbar-collapse.in .brand,header.menu-txt-white .navbar .navbar-collapse.collapsing .brand{color:#fff}header.txt-white .navbar .navbar-toggle{color:#fff}header.txt-white .navbar .navbar-toggle .icon-bar{background-color:#fff}header.hi-white .navbar a.brand:hover,header.menu-hi-white .navbar .navbar-collapse.in a.brand:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing a.brand:hover{color:#fff}header.hi-white .navbar ul.nav>li>a.active,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.active,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active{color:#fff!important;border-color:#fff!important}header.hi-white .navbar ul.nav>li>a.active.filled,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.active.filled,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.active.filled{background-color:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.popout,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout{color:#fff!important;border-color:#fff!important}header.hi-white .navbar ul.nav>li>a.popout.filled,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout.filled,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled{background-color:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.popout.filled:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout.filled:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout.filled:hover{border-color:#e6e6e6!important;background-color:#e6e6e6!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.popout:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.popout:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.popout:hover{background:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a.filled:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a.filled:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a.filled:hover{border-color:#fff!important;background-color:#fff!important;color:#252525!important}header.hi-white .navbar ul.nav>li>a:hover,header.menu-hi-white .navbar .navbar-collapse.in ul.nav>li>a:hover,header.menu-hi-white .navbar .navbar-collapse.collapsing ul.nav>li>a:hover{color:#fff!important;border-color:#fff!important}footer.bg-white{background:#fff}footer.txt-white{border-top-color:#fff}.bg-white .form-inline .input-group-btn.f-btn{background:#fff}.bg-white .form-inline .input-group-btn.f-btn:hover{background:#b8312f}.txt-white .form-control{border-color:#fff}.txt-white .form-inline .input-group .input-group-btn:not(.f-btn):not(.r-btn){border-color:#fff}.hi-white .form-inline .input-group-btn.f-btn:hover{background:#fff} 8 | --------------------------------------------------------------------------------