1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Need Help with CSS for Joomla side project

Discussion in 'Off Topic' started by Rho Delta, Apr 28, 2012.

  1. Rho Delta

    Rho Delta Well-Known Member

    Hi there, I have started a side project on a micro pinterest style site and need some help altering the CSS from the default template I bought. I know this isn't a Joomla help forum, but everyone here seems super knowledgeable and helpful so I thought I would give it a shot. My issue is that some of the buttons were not created using image files but some sort of rendering device and autogradients. I think I have narrowed down the code to this:

    Code:
    /******** pin-it-display  ****************************************/
     
    .pin-it-display{width: 550px;margin: 40px;}
    .pin-it-display .image-left{float: left;width:170px;}
    .pin-it-display .image-left img{box-shadow: 0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
    #upload_pin .select-box .select-board{width:240px;height:33px;float: left;background: transparent; border: 1px solid #a4a2a2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out;}
    #upload_pin .select-box{margin-top: 8px;}
    .upload_pin_window .select-box .creat_bttn{margin: 7px 0 0 15px !important; }
    #upload_pin .select-box .creat_bttn{margin: 0 0 0 15px;}
    #upload_pin li .pin-it-submit{box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);-moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);-webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA5D6E), to(#D63E40), color-stop(.5,#E3535D),color-stop(.5,#E04A54));
        background: -moz-linear-gradient(center top, #EA5D6E, #E3535D 50%, #E04A54 50%, #D63E40);
        background: -o-linear-gradient(top left, #EA5D6E, #E3535D 50%, #E04A54 50%, #D63E40);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA5D6E), to(#D63E40), color-stop(.5,#E3535D),color-stop(.5,#E04A54));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5d6e', endColorstr='#d63e40');
        border: #AD0303 1px solid; padding: 1% 4%;    border-radius: 6px;    -moz-border-radius: 6px;    -webkit-border-radius: 6px;    font-size: 18px;    color: #FCF9F9;    text-shadow: 0 -1px rgba(34, 25, 25, 0.5);    cursor: pointer;}
    #upload_pin .select-box .pin-it-error label{text-align:left;margin-left: 0;}
    #upload_pin .custom-select{background-color: #f0eded; background: -moz-linear-gradient(#fffcfc, #f0eded); background: -o-linear-gradient(#fffcfc, #f0eded); background: -webkit-linear-gradient(#fffcfc, #f0eded); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded'); cursor: pointer; border: 1px solid #cccaca; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;}
    .upload_pin_window #login_error_msg{clear: both;display: block;margin: 0 0 15px 0;}
    If you think you can help me change the color of the button let me know and I will send you the URL so you can see it and my css stylesheet. Thanks!
     

Share This Page