You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.2 KiB
50 lines
1.2 KiB
/* === Red Circle Arrow Buttons ==*/ |
|
.mblDomButtonRedCircleArrow { |
|
position: relative; |
|
width: 29px; |
|
height: 29px; |
|
} |
|
.mblDomButtonRedCircleArrow > div { |
|
position: relative; |
|
top: 2px; |
|
left: 2px; |
|
width: 22px; |
|
height: 22px; |
|
border: 1px solid #b5b6b5; |
|
border-radius: 12px; |
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); |
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); |
|
} |
|
.mblDomButtonRedCircleArrow > div > div { |
|
position: relative; |
|
top: 2px; |
|
left: 2px; |
|
width: 18px; |
|
height: 18px; |
|
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)); |
|
background: linear-gradient(to bottom, #d3656d 0%, #c9404b 50%, #bc1421 50%, #bc1320 100%); |
|
} |
|
.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); |
|
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; |
|
}
|
|
|