Tell me more ×
Code Review Stack Exchange is a question and answer site for peer programmer code reviews. It's 100% free, no registration required.
/* Buttons and button links */
    input[type=submit],
    .actions ul li a,
    .actions a {
        font-weight:normal;
        padding: 4px 8px;
        background:  #FDC00D; 
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FDC00D), to(#F68C1E));
        background-image: -webkit-linear-gradient(top, #FDC00D, #F68C1E);
        background-image: -moz-linear-gradient(top, #FDC00D, #F68C1E);
        background-image: -ms-linear-gradient(top, #FDC00D, #F68C1E);
        background-image: -o-linear-gradient(top, #FDC00D, #F68C1E);
        background-image: linear-gradient(top, #FDC00D, #F68C1E);
        -pie-background: linear-gradient(#FDC00D, #F68C1E); /*PIE*/
        color:#333;
        border:1px solid #F69C1E;
        text-decoration: none;
        text-shadow: #ccc 0px 1px 0px;
        min-width: 0;
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-user-select: none;
        user-select: none;
    }
    .actions ul li a:hover,
    .actions a:hover {
        background:  #FDC00D; 
        border-color: #acacac;
        text-decoration: none;
    }
    input[type=submit]:active,
    .actions ul li a:active,
    .actions a:active {
        background: #F68C1E;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F68C1E), to(#FDC00D));
        background-image: -webkit-linear-gradient(top, #F68C1E,#FDC00D);
        background-image: -moz-linear-gradient(top, #F68C1E,#FDC00D);
        background-image: -ms-linear-gradient(top, #F68C1E,#FDC00D);
        background-image: -o-linear-gradient(top, #F68C1E,#FDC00D);
        background-image: linear-gradient(top, #F68C1E,#FDC00D);
        -pie-background: linear-gradient(#F68C1E,#FDC00D); /*PIE*/

        text-decoration: none;
    }

    input[type=submit],.actions a {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position:relative;
        z-index: 0;
    }

    /**  Actions  **/
    .actions ul {
        margin: 0;
        padding: 0;
    }
    .actions li {
        margin:0 0 0.5em 0;
        list-style-type: none;
        white-space: nowrap;
        padding: 0;
    }

    .actions ul li a {
        display: block;
        clear: both;    
        -webkit-border-top-right-radius: 161px;
        -webkit-border-bottom-right-radius: 161px;
        -moz-border-radius-topright: 161px;
        -moz-border-radius-bottomright: 161px;
        border-top-right-radius: 161px;
        border-bottom-right-radius: 161px;
        position:relative;
        z-index: 0;
    }

    .actions ul li a:before,.actions ul li a.highlight:hover:before {
        content: "\2665" ; 
        font-size: 18px;
        padding-right:3px;
        color: #16224C; 

    }

    .actions ul li a.highlight:before,.actions ul li a:hover:before {
       color: red; 

    }

    .actions ul.subcategory{
        margin-left:10px;
        display: none;
    }
    .actions ul.subcategory li a {}
share|improve this question
4  
Why does it need to be optimized? Perhaps you mean you want to reduce the amount of code necessary to obtain the same result? – Steven Jeuris Dec 11 '11 at 20:21

closed as not a real question by Steven Jeuris, Michael K Apr 9 '12 at 18:51

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, see the FAQ.

1 Answer

input[type=submit], .actions ul li a, .actions a{ font-weight:normal; padding:4px 8px; background: #FDC00D; background-image:-webkit-gradient(linear,left top,left bottom,from(#FDC00D),to(#F68C1E)); background-image:-webkit-linear-gradient(top,#FDC00D,#F68C1E); background-image:-moz-linear-gradient(top,#FDC00D,#F68C1E); background-image:-ms-linear-gradient(top,#FDC00D,#F68C1E); background-image:-o-linear-gradient(top,#FDC00D,#F68C1E); background-image:linear-gradient(top,#FDC00D,#F68C1E); -pie-background:linear-gradient(#FDC00D,#F68C1E); color:#333; border:1px solid #F69C1E; text-decoration:none; text-shadow:#ccc 0px 1px 0px; min-width:0; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 1px rgba(0,0,0,0.2); box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 1px rgba(0,0,0,0.2); -webkit-user-select:none; user-select:none} .actions ul li a:hover, .actions a:hover{ background: #FDC00D; border-color:#acacac; text-decoration:none} input[type=submit]:active, .actions ul li a:active, .actions a:active{ background:#F68C1E; background-image:-webkit-gradient(linear,left top,left bottom,from(#F68C1E),to(#FDC00D)); background-image:-webkit-linear-gradient(top,#F68C1E,#FDC00D); background-image:-moz-linear-gradient(top,#F68C1E,#FDC00D); background-image:-ms-linear-gradient(top,#F68C1E,#FDC00D); background-image:-o-linear-gradient(top,#F68C1E,#FDC00D); background-image:linear-gradient(top,#F68C1E,#FDC00D); -pie-background:linear-gradient(#F68C1E,#FDC00D); text-decoration:none} input[type=submit],.actions a{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:relative; z-index:0}  .actions ul{ margin:0; padding:0} .actions li{ margin:0 0 0.5em 0; list-style-type:none; white-space:nowrap; padding:0} .actions ul li a{ display:block; clear:both;  -webkit-border-top-right-radius:161px; -webkit-border-bottom-right-radius:161px; -moz-border-radius-topright:161px; -moz-border-radius-bottomright:161px; border-top-right-radius:161px; border-bottom-right-radius:161px; position:relative; z-index:0} .actions ul li a:before,.actions ul li a.highlight:hover:before{ content:"\2665"; font-size:18px; padding-right:3px; color:#16224C} .actions ul li a.highlight:before,.actions ul li a:hover:before{ color:red} .actions ul.subcategory{ margin-left:10px; display:none}
share|improve this answer
1  
If I improved the formatting, it would be less than optimal. – danludwig Dec 11 '11 at 22:39
3  
Please correct me when I'm wrong, as I haven't done any web development in a long time. I guess your point is this is more optimal because there is less data traffic? If that is the case, for starters your answer could greatly be enhanced by saying so. Secondly, isn't it so that that's a step which you can automate after you've written the code? So at least your code is readable while working on it? – Steven Jeuris Dec 12 '11 at 1:14
1  
Thirdly, I don't even know whether you did any other changes, since you don't mention anything extra. If this is just a sarcastic answer, please remove it, as it should have been a comment instead. If it isn't, please clarify what you changed and present your changes in a readable format. – Steven Jeuris Dec 12 '11 at 1:17
1  
@comments, I optimized the css by running it through a compression / minification algorithm. There were no other details offered in the question as to how to optimize. It is not a sarcastic answer, but an attempt to answer a vague question with no specific details. If you don't mind I'd like to keep my answer with a -1 so that I can follow it and, if I made any mistakes, learn from them. – danludwig Dec 12 '11 at 12:51
2  
The least you could have done is mention you "optimized the css by running it through a compression / minification algorithm", preferably also linking to it. You can edit an answer after you posted it to improve it, instead of just answering on the comments. Then still, it doesn't make sense to answer every JS/CSS/HTML question with a compressed version, but granted, in the limited context given by the OP, I wouldn't have down voted it when you would have written/or will write an improved answer. – Steven Jeuris Dec 12 '11 at 18:36
show 2 more comments

Not the answer you're looking for? Browse other questions tagged or ask your own question.