CSS Skin Question

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #214
    Support
    Keymaster

    Hey-  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;
    }
     


    #216
    Support
    Keymaster

    Its missing some parts of the code, please use that file: http://okler.net/updates/navy.css


    #217
    Support
    Keymaster

    Thanks, 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!


    #218
    Support
    Keymaster

    Never mind, that worked! — refresh wasn’t working until I restarted my browser and it worked!
     
    Thanks so much for the help once again!


Viewing 4 posts - 1 through 4 (of 4 total)

This topic is marked as "RESOLVED" and can not rceive new replies.