2014-07-12, 11:41 AM
After looking at css3.css content i have noticed a large amount of code that can be chopped up with:
- attribute selectors
- by dropping vendor prefix support
If you open that file you'll notice 112 lines that can be reduced by 50%. Vendor prefixes for border-radius property can be dropped since mayor browsers like IE (from v9), Chrome, Opera (both Next and 12.xx series), Safari and FF support this property without their respective vendor prefixes. Attribute selectors are supported in all modern browsers.
Another suggestion is to remove css3.css and move that content into global.css (there's no point loading css3.css globally when you can just paste few more lines in global.css
- attribute selectors
- by dropping vendor prefix support
If you open that file you'll notice 112 lines that can be reduced by 50%. Vendor prefixes for border-radius property can be dropped since mayor browsers like IE (from v9), Chrome, Opera (both Next and 12.xx series), Safari and FF support this property without their respective vendor prefixes. Attribute selectors are supported in all modern browsers.
Another suggestion is to remove css3.css and move that content into global.css (there's no point loading css3.css globally when you can just paste few more lines in global.css
tr td[class*="trow"]:first-child {
border-left:0;
}
tr td[class*="trow"]:last-child {
border-right:0;
}
.tborder {
border-radius:7px;
}
.thead_collapsed {
border-radius:6px;
}
.thead:first-child {
border-radius:6px 0px 0px 0px;
}
.thead:last-child {
border-radius:0px 6px 0px 0px;
}
.thead:only-child {
border-radius:6px 6px 0px 0px;
}
tr:last-child td.tfoot:first-child {
border-radius:0px 0px 0px 6px;
}
tr:last-child td.tfoot:last-child {
border-radius:0px 0px 6px 0px;
}
.button, .textbox, input[type=text], input[type=submit], select, textarea, fieldset, .editor_control_bar, blockquote,
.codeblock, input.invalid_field, input.valid_field, .pm_alert, .red_alert, .popup_menu,
.postbit_buttons > a{
border-radius: 6px;
}
.post.classic .post_author {
border-radius:0px 6px 6px 0px;
}
.popup_menu .popup_item_container:first-child .popup_item {
border-radius:6px 6px 0px 0px;
}
.popup_menu .popup_item_container:last-child .popup_item {
border-radius:0px 0px 6px 6px;
}
.pagination a {
border-radius: 6px;
}
.pollbar {
border-radius: 3px;
}