summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css
diff options
context:
space:
mode:
authorTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
committerTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
commitb62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch)
tree86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css
Initial commit of intern.ccwn.org contentsHEADmaster
Diffstat (limited to 'js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css')
-rw-r--r--js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css48
1 files changed, 48 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css
new file mode 100644
index 0000000..2995fb1
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css
@@ -0,0 +1,48 @@
+/* === Blue Circle Arrow Buttons ==*/
+.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;
+}