.triangle-isosceles{position:absolute;padding-left:8px;padding-right:8px;padding-bottom:5px;padding-top:5px;margin:0em 0 0em;color:#000;background:#f04349;display:block;/* css3 */-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:-moz-linear-gradient(top,#f04349,#c81e2b);background:linear-gradient(top,#f04349,#c81e2b);}.triangle-isosceles:before{content:"\00a0";display:block;/* reduce the damage in FF3.0 */position:absolute;z-index:-1;bottom:-30px;left:50px;width:10;height:10;border-width:15px 15px;border-style:solid;border-color:#f3961c transparent transparent;}.triangle-obtuse{position:relative;padding:15px;margin:1em 0 3em;color:#fff;background:#c81e2b;/* css3 */-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;/* NOTE: webkit gradient implementation is not as per spec */background:-webkit-gradient(linear,left top,left bottom,from(#f04349),to(#c81e2b));background:-moz-linear-gradient(top,#f04349,#c81e2b);background:-o-linear-gradient(top,#f04349,#c81e2b);background:linear-gradient(top,#f04349,#c81e2b);}.triangle-obtuse:before{content:"\00a0";display:block;/* reduce the damage in FF3.0 */position:absolute;bottom:0px;/* value = - border-top-width - border-bottom-width */left:-25px;/* controls horizontal position */width:0;height:0;border-width:0;border-right-width:30px;/* vary this value to change the angle of the vertex */border-bottom-width:20px;/* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */border-style:solid;border-color:transparent #c81e2b;/* creates the wider right-angled triangle */ .triangle-obtuse:after { content: "\00a0";display:block;/* reduce the damage in FF3.0 */position:absolute;bottom:0px;/* value = - border-top-width - border-bottom-width */left:-5px;/* controls horizontal position */width:0;height:0;border-width:0;border-right-width:30px;/* vary this value to change the angle of the vertex */border-bottom-width:20px;/* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */border-style:solid;border-color:transparent #c81e2b;}