.mblDomButtonWhitePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonWhitePlus > div { position: absolute; top: 11px; left: 8px; width: 13px; height: 3px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4A5A71; } .mblDomButtonWhitePlus > div > div { position: absolute; top: -6px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4A5A71; } .mblDomButtonWhiteUpArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteUpArrow div { position: absolute; left: 0px; clip: rect(0px 30px 20px 0px); } .mblDomButtonWhiteUpArrow > div > div { top: 9px; left: 4px; width: 20px; height: 20px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4A5A71; -webkit-transform: scaleX(0.6) rotate(45deg); } .mblDomButtonWhiteDownArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteDownArrow div { position: absolute; left: 0px; clip: rect(7px 50px 40px 0px); } .mblDomButtonWhiteDownArrow > div > div { top: -10px; left: 2px; width: 25px; height: 25px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4A5A71; -webkit-transform: scaleX(0.6) rotate(45deg); } .mblDomButtonWhiteSearch { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteSearch > div { position: absolute; top: 5px; left: 6px; width: 10px; height: 10px; margin: 0px; font-size: 1px; border: 2px solid white; -webkit-border-radius: 6px; } .mblDomButtonWhiteSearch > div > div { position: absolute; top: 10px; left: 7px; width: 8px; height: 3px; margin: 0px; font-size: 1px; background-color: white; border: none; -webkit-transform: rotate(45deg); -webkit-border-radius: 0px; } .mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { position: relative; top: 4px; left: 3px; width: 22px; height: 18px; border-width: 1px 1px 1px 0px; border-style: outset; color: white; -webkit-border-radius: 3px; } .mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div { border-color: #6D89C7; background-color: #366EDF; background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); } .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div { border-color: #6D89C7; background-color: #5877A2; background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); } .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { border-color: #cc1122; background-color: #C9404B; background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); } .mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div { position: absolute; top: 7px; left: 7px; width: 8px; height: 2px; margin: 0px; font-size: 1px; border-style: none; background: white; border-top: 1px solid #4A5A71; } .mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div { position: absolute; top: -3px; left: 3px; width: 2px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonCheckboxOn { position: relative; width: 30px; height: 30px; border-width: 1px; border-style: outset; border-color: #A5A2A5; color: white; -webkit-border-radius: 3px; background-color: #D6D3D6; background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); } .mblDomButtonCheckboxOn > div { position: absolute; top: 15px; left: 3px; width: 14px; height: 4px; margin: 0px; font-size: 1px; background-color: #00CF00; border-top: 1px solid #4A5A71; -webkit-border-radius: 2px; -webkit-transform: rotate(50deg); } .mblDomButtonCheckboxOn > div > div { position: absolute; top: -10px; left: 0px; width: 20px; height: 4px; margin: 0px; font-size: 1px; background-color: #00CF00; border-top: none; border-bottom: 1px solid #4A5A71; -webkit-border-radius: 2px; -webkit-transform: rotate(-100deg); } .mblDomButtonCheckboxOff { position: relative; width: 30px; height: 30px; border-width: 1px; border-style: outset; border-color: #A5A2A5; color: white; -webkit-border-radius: 3px; background-color: #D6D3D6; background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); } .mblDomButtonCheckboxOff > div { position: absolute; top: 15px; left: 3px; width: 14px; height: 4px; margin: 0px; font-size: 1px; background-color: #BDBABD; border-bottom: 1px solid #8C8E8C; -webkit-border-radius: 2px; -webkit-transform: rotate(50deg); } .mblDomButtonCheckboxOff > div > div { position: absolute; top: -10px; left: 0px; width: 20px; height: 4px; margin: 0px; font-size: 1px; background-color: #BDBABD; border-bottom: none; border-top: 1px solid #8C8E8C; -webkit-border-radius: 2px; -webkit-transform: rotate(-100deg); } .mblDomButtonBlueCircleMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueCircleMinus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlueCircleMinus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); } .mblDomButtonBlueCircleMinus > div > div > div { position: absolute; top: 8px; left: 3px; width: 12px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonBlueCirclePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueCirclePlus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlueCirclePlus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); } .mblDomButtonBlueCirclePlus > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonBlueCirclePlus > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonBlueCircleArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueCircleArrow > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlueCircleArrow > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); } .mblDomButtonBlueCircleArrow > div > div > div { position: absolute; top: 5px; left: 6px; width: 8px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; -webkit-transform: rotate(45deg); } .mblDomButtonBlueCircleArrow > div > div > div > div { position: absolute; top: 1px; left: 6px; width: 3px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonRedCircleMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonRedCircleMinus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonRedCircleMinus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); } .mblDomButtonRedCircleMinus > div > div > div { position: absolute; top: 8px; left: 3px; width: 12px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonRedCirclePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonRedCirclePlus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonRedCirclePlus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); } .mblDomButtonRedCirclePlus > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonRedCirclePlus > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonRedCircleArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonRedCircleArrow > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonRedCircleArrow > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); } .mblDomButtonRedCircleArrow > div > div > div { position: absolute; top: 5px; left: 6px; width: 8px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; -webkit-transform: rotate(45deg); } .mblDomButtonRedCircleArrow > div > div > div > div { position: absolute; top: 1px; left: 6px; width: 3px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonGreenCircleMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonGreenCircleMinus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonGreenCircleMinus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); } .mblDomButtonGreenCircleMinus > div > div > div { position: absolute; top: 8px; left: 3px; width: 12px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonGreenCirclePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonGreenCirclePlus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonGreenCirclePlus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); } .mblDomButtonGreenCirclePlus > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonGreenCirclePlus > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonGreenCircleArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonGreenCircleArrow > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #B5B6B5; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonGreenCircleArrow > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; -webkit-border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); } .mblDomButtonGreenCircleArrow > div > div > div { position: absolute; top: 5px; left: 6px; width: 8px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; -webkit-transform: rotate(45deg); } .mblDomButtonGreenCircleArrow > div > div > div > div { position: absolute; top: 1px; left: 6px; width: 3px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonBlackCircleCross { position: relative; width: 29px; height: 29px; } .mblDomButtonBlackCircleCross > div { position: relative; top: 3px; left: 3px; width: 23px; height: 23px; background-color: white; -webkit-border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlackCircleCross > div > div { position: relative; top: 2px; left: 2px; width: 19px; height: 19px; background-color: black; -webkit-border-radius: 10px; } .mblDomButtonBlackCircleCross > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background-color: white; -webkit-transform: rotate(45deg); -webkit-border-radius: 1px; } .mblDomButtonBlackCircleCross > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; -webkit-border-radius: 1px; } .mblDomButtonGrayRoundRect { position: relative; width: 29px; height: 29px; text-align: right; } .mblDomButtonGrayRoundRect > div { position: absolute; right: 0px; display: inline; padding: 0px 5px; top: 7px; color: white; font-family: Helvetica; font-size: 12px; -webkit-border-radius: 4px; background-color: #949BA5; text-align: center; } .mblDomButtonGrayRoundRect > div > div { display: none; } .mblDomButtonSilverCircleDownArrow { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleDownArrow > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #B5B6B5; -webkit-border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); } .mblDomButtonSilverCircleDownArrow > div > div { position: relative; top: 3px; left: 3px; width: 20px; height: 20px; -webkit-border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#616161)); } .mblDomButtonSilverCircleDownArrow > div > div > div { position: absolute; left: 0px; clip: rect(6px 50px 40px 0px); } .mblDomButtonSilverCircleDownArrow > div > div > div > div { position: absolute; top: -5px; left: 1px; width: 18px; height: 18px; margin: 0px; font-size: 1px; background-color: #D1D1D1; border-top: 1px solid #4A5A71; -webkit-transform: scaleX(0.7) rotate(45deg); } .mblDomButtonSilverCircleGreenButton { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleGreenButton > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #B5B6B5; -webkit-border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); } .mblDomButtonSilverCircleGreenButton > div > div { position: relative; top: 6px; left: 6px; width: 12px; height: 12px; border: 1px inset #1B991C; -webkit-border-radius: 7px; background: -webkit-gradient(radial, center center, 0, center center, 6, from(#17DF25), to(#1BA51C)); } .mblDomButtonSilverCircleGrayButton { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleGrayButton > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #B5B6B5; -webkit-border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); } .mblDomButtonSilverCircleGrayButton > div > div { position: relative; top: 6px; left: 6px; width: 12px; height: 12px; border: 1px inset #AEAEAE; -webkit-border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#BABABA)); } .mblDomButtonSilverCircleOrangeButton { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleOrangeButton > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #B5B6B5; -webkit-border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); } .mblDomButtonSilverCircleOrangeButton > div > div { position: relative; top: 6px; left: 6px; width: 12px; height: 12px; border: 1px inset #CA701A; -webkit-border-radius: 7px; background: -webkit-gradient(radial, center center, 0, center center, 6, from(#FF7A07), to(#E66B03)); } .mblDomButtonSilverCircleGreenPlus { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleGreenPlus > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #B5B6B5; -webkit-border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); } .mblDomButtonSilverCircleGreenPlus > div > div { position: absolute; top: 11px; left: 4px; width: 18px; height: 4px; margin: 0px; font-size: 1px; background-color: #17DF25; } .mblDomButtonSilverCircleGreenPlus > div > div > div { position: absolute; top: -7px; left: 7px; width: 4px; height: 18px; margin: 0px; font-size: 1px; background-color: #17DF25; } .mblDomButtonSilverCircleRedCross { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleRedCross > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #B5B6B5; -webkit-border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); } .mblDomButtonSilverCircleRedCross > div > div { position: absolute; top: 11px; left: 4px; width: 18px; height: 4px; margin: 0px; font-size: 1px; background-color: #F00E5A; -webkit-transform: rotate(45deg); } .mblDomButtonSilverCircleRedCross > div > div > div { position: absolute; top: -7px; left: 7px; width: 4px; height: 18px; margin: 0px; font-size: 1px; background-color: #F00E5A; } .mblDomButtonBlueBall { position: relative; width: 19px; height: 29px; } .mblDomButtonBlueBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; -webkit-border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#84AFF4), to(#2758B3)); } .mblDomButtonGreenBall { position: relative; width: 19px; height: 29px; } .mblDomButtonGreenBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; -webkit-border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#59E738), to(#0AA908)); } .mblDomButtonOrangeBall { position: relative; width: 19px; height: 29px; } .mblDomButtonOrangeBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; -webkit-border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#F9E20A), to(#FF6B0A)); } .mblDomButtonRedBall { position: relative; width: 19px; height: 29px; } .mblDomButtonRedBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; -webkit-border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#EC9B9D), to(#D73C3F)); } .mblDomButtonTransparent19 { position: relative; width: 19px; height: 19px; } .mblDomButtonTransparent29 { position: relative; width: 29px; height: 29px; } .mblDomButtonTransparent30 { position: relative; width: 30px; height: 30px; } .mblDomButtonYellowStar { position: relative; width: 29px; height: 29px; } .mblDomButtonYellowStar > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #FFFF00 transparent transparent transparent; top: 12px; left: 3px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(0deg); } .mblDomButtonYellowStar > div > div { position: absolute; width: 24px; height: 0px; border-style: solid; border-color: #CD853F; border-width: 1px 0px 0px 0px; top: -10px; left: -12px; } .mblDomButtonYellowStar > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #FFFF00 transparent transparent transparent; top: 0px; left: 0px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(72deg); } .mblDomButtonYellowStar > div > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #FFFF00 transparent transparent transparent; top: -10px; left: -12px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(216deg); } .mblDomButtonGrayStar { position: relative; width: 29px; height: 29px; } .mblDomButtonGrayStar > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #BDBABD transparent transparent transparent; top: 12px; left: 3px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(0deg); } .mblDomButtonGrayStar > div > div { position: absolute; width: 24px; height: 0px; border-style: solid; border-color: #8C8E8C; border-width: 1px 0px 0px 0px; top: -10px; left: -12px; } .mblDomButtonGrayStar > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #BDBABD transparent transparent transparent; top: 0px; left: 0px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(72deg); } .mblDomButtonGrayStar > div > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #BDBABD transparent transparent transparent; top: -10px; left: -12px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(216deg); }