* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(top, #f1f1f1 0%,#e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e8e8e8',GradientType=0 );/* IE6-9 */ list-style-type: none; overflow: hidden; position: relative; display: block; } .buttons.disabled li { background: #f5f5f5; } .buttons a:active { -webkit-box-shadow: none; box-shadow: none; background: #E6E6E6; } .buttons .arrow { width: 10px; height: 14px; position: absolute; top: 50%; display: block; background-image: url(http://static.tumblr.com/ogedyaw/xu1m8jxnf/arrow_sprite.png); } .buttons .left { -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; position: absolute; left: 0; } .left .arrow { background-position: 0 15px; margin: -7px auto auto 20px; } .disabled .left .arrow { background-position: 0 0; } .buttons .right { border-left-width: 1px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; position: absolute; right: 0; } .right .arrow { background-position: 10px -71px; margin: -7px auto auto 24px; } .disabled .right .arrow { background-position: 10px -56px; } /* Protection for parents that have floating children */ #header:after, #container:after, .caption_and_post_info:after, #footer:after .buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }