- This topic has 3 replies, 1 voice, and was last updated 13 years, 5 months ago by
Support. This post has been viewed 5724 times
-
AuthorPosts
-
April 2, 2013 at 11:51 pm #214
Support
KeymasterHey-  I’m having an issue with your style switcher.  I used it to make a CSS with the main color of 2558ba.  It works perfectly in chrome, however in safari the buttons are gray instead of 2558ba.  When I upload your original blue.css it works fine in both chrome and safari, but when I paste the following css into that file and save it safari stops working properly. I simply copied and pasted it from your style switcher as suggested.  Any idea why this might be?  CSS pasted below, thanks!!
h3,
h4,
h5 {
color: #2558ba;
}
a {
color: #2558ba;
}
a:hover {
color: #2962cf;
}
a:active {
color: #214ea5;
}
.alternative-font {
color: #2558ba;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
background-color: #2558ba;
}
.btn-primary {
color: #ffffff;
background-color: #2544ba;
background-image: linear-gradient(to bottom, #2558ba, #2526ba);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ff2558ba’, endColorstr=’#ff2526ba’, GradientType=0);
background-image: linear-gradient(to bottom, #2558ba, #2526ba);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #ffffff;
background-color: #2526ba;
}
.btn-primary:active,
.btn-primary.active {
background-color: #1d1e8f \9;
}
body.boxed div.body {
border-top-color: #2558ba;
}
section.highlight {
background-color: #2558ba;
border-color: #214ea5;
}
section.page-top h2 {
border-bottom-color: #2558ba;
}
section.toggle label {
color: #2558ba;
border-left-color: #2558ba;
}
section.toggle input[type=”checkbox”]:checked ~ label {
background-color: #cfdcf5;
border-color: #2558ba;
}
section.page-top.custom-product {
background-color: #214ea5;
border-top-color: #2558ba;
}
div.feature-box div.feature-box-icon {
background-color: #2558ba;
}
ul.timeline li div.featured-box div.box-content {
border-top-color: #2558ba;
}
a.thumb-info span.thumb-info-type {
background-color: #2558ba;
}
a.thumb-info span.thumb-info-action-icon {
background-color: #2558ba;
}
.thumbnail span.zoom {
background-color: #2558ba;
}
div.thumb-info-social-icons a {
background-color: #2558ba;
}
.inverted {
background-color: #2558ba;
}
div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
color: #2558ba;
}
div.tabs ul.nav-tabs a:hover {
border-top-color: #2558ba;
}
div.tabs ul.nav-tabs li.active a {
border-top-color: #2558ba;
color: #2558ba;
}
ul.list.icons li i {
color: #2558ba;
}
textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
border-color: #AAA;
-webkit-box-shadow: 0 0 8px 2px #ebebeb;
-moz-box-shadow: 0 0 8px 2px #ebebeb;
box-shadow: 0 0 8px 2px #ebebeb;
}
header nav ul.nav-main ul.dropdown-menu,
header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header nav ul.nav-main li.active a,
header nav ul.nav-main li.dropdown:hover a {
color: #FFF;
background-color: #2558ba !important;
}
header nav ul.nav-main ul.dropdown-menu li:hover > a {
background-color: #3a70d8 !important;
}
header nav ul.nav-main ul.dropdown-menu {
color: #ffffff;
background-color: #2544ba;
background-image: linear-gradient(to bottom, #2558ba, #2526ba);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ff2558ba’, endColorstr=’#ff2526ba’, GradientType=0);
background-image: linear-gradient(to bottom, #2558ba, #2526ba);
}
header nav ul.nav-main ul.dropdown-menu:hover,
header nav ul.nav-main ul.dropdown-menu:focus,
header nav ul.nav-main ul.dropdown-menu:active,
header nav ul.nav-main ul.dropdown-menu.active,
header nav ul.nav-main ul.dropdown-menu.disabled,
header nav ul.nav-main ul.dropdown-menu[disabled] {
color: #ffffff;
background-color: #2526ba;
}
header nav ul.nav-main ul.dropdown-menu:active,
header nav ul.nav-main ul.dropdown-menu.active {
background-color: #1d1e8f \9;
}
header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a {
background: none !important;
}
header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
background: #2962cf !important;
}
div.slider div.tp-bannertimer {
background-color: #2558ba;
}
div.home-intro p em {
color: #3a70d8;
}
div.home-concept strong {
color: #2558ba;
}
blockquote.testimonial {
background: #2962cf;
}
div.testimonial-arrow-down {
border-top-color: #2962cf;
}
div.recent-posts div.date span.month,
article.post div.post-date span.month {
background-color: #2558ba;
}
div.recent-posts div.date span.day,
article.post div.post-date span.day {
color: #2558ba;
}
div.pricing-table div.most-popular {
border-color: #2558ba;
}
div.pricing-table div.most-popular h3 {
background-color: #204ca0;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #2558ba, #183a7a);
}
footer div.footer-ribon {
background: #2558ba;
}
footer div.footer-ribon::before {
border-right-color: #183a7a;
}
April 3, 2013 at 1:11 pm #216Support
KeymasterIts missing some parts of the code, please use that file: http://okler.net/updates/navy.css
April 3, 2013 at 1:14 pm #217Support
KeymasterThanks, although it’s still the same. Â Doesn’t work in safari, only chrome. Â I will send you an email with the site address so you can see. Â Thanks very much!
April 3, 2013 at 1:20 pm #218Support
KeymasterNever mind, that worked! — refresh wasn’t working until I restarted my browser and it worked!
Thanks so much for the help once again!
-
AuthorPosts
This topic is marked as "RESOLVED" and can not rceive new replies.