-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathui.css
82 lines (82 loc) · 21 KB
/
ui.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
@font-face{font-family:Icons;src:url(icons.otf);font-weight:400;}@charset "UTF-8";
.bleed{background-clip:border-box;-moz-background-clip:border;-webkit-background-clip:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;background:transparent;-moz-user-select:none;-khtml-user-select:none;user-select:none;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
textarea{resize:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
img{margin:0;padding:0;display:block;}
table{border-spacing:0;}
.cleardiv{clear:both;margin:0;padding:0;height:0px;line-height:0px;font-size:0px;}
.clearfix:after,.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font-size:10px;background-color:#333;font-family:"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;background-image:url('img/bg.png');background-size:100% 100%;}
.right{float:right;}
.left{float:left;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.app{display:block;width:360px;height:260px;margin:200px auto;background-color:#fff;border-radius:5px;-webkit-background-clip:padding-box;box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.85),0 0 1px 0 rgba(0, 0, 0, 0.66);position:relative;}.app .topbar{background-color:#f0f0f0;background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#cdcdcd));background-image:-webkit-linear-gradient(top, #f0f0f0, #cdcdcd);background-image:-moz-linear-gradient(top, #f0f0f0, #cdcdcd);background-image:-o-linear-gradient(top, #f0f0f0, #cdcdcd);background-image:-ms-linear-gradient(top, #f0f0f0, #cdcdcd);background-image:linear-gradient(top, #f0f0f0, #cdcdcd);border-bottom:0px;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.25),0 0 1px 0 rgba(0, 0, 0, 0.35);border-top-left-radius:5px;border-top-right-radius:5px;-webkit-background-clip:padding-box;position:relative;border-bottom:1px #666 solid;}.app .topbar .first-row,.app .topbar .second-row{height:27px;}.app .topbar .first-row .title,.app .topbar .second-row .title{line-height:25px;font-size:12px;text-align:center;color:#333;text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);}
.app .topbar .second-row{padding:0 10px;}
.app .topbar .trafficlights{width:52px;height:13px;background-image:url('img/trafficlights.png');background-size:52px 13px;text-indent:-9999px;position:absolute;top:7px;left:10px;}.app .topbar .trafficlights .light{height:12px;float:left;width:12px;border:1px #000 solid;border-radius:12px;}
.app .topbar.high{height:54px;}
.app .iconlist{-webkit-background-clip:padding-box;background-color:#222;border-bottom-left-radius:5px;border-top:0;bottom:0;left:0px;padding-top:10px;position:absolute;top:55px;width:60px;}.app .iconlist a{background-repeat:no-repeat;background-size:60px 38px;display:block;height:40px;text-indent:-9999px;width:60px;}.app .iconlist a.home{background-image:url('img/bg-iconbar-button-home.png');}.app .iconlist a.home.act{background-image:-webkit-image-set(url(img/bg-iconbar-button-home-act.png) 1x, url(img/bg-iconbar-button-home-act-2x.png) 2x);}
.app .iconlist a.tag{background-image:-webkit-image-set(url(img/bg-iconbar-button-tag.png) 1x, url(img/bg-iconbar-button-tag-2x.png) 2x);}
.app .iconlist a.flag{background-image:-webkit-image-set(url(img/bg-iconbar-button-flag.png) 1x, url(img/bg-iconbar-button-flag-2x.png) 2x);}
.app .iconlist a.navigate{background-image:-webkit-image-set(url(img/bg-iconbar-button-navigate.png) 1x, url(img/bg-iconbar-button-navigate-2x.png) 2x);}
.app .syncing{background-color:#222;border-bottom-left-radius:5px;bottom:4px;left:0;padding-bottom:10px;padding-top:10px;position:absolute;right:0;height:20px;}.app .syncing span{color:#666;display:block;font-size:10px;line-height:15px;padding:0 10px;text-align:center;text-shadow:0 1px 0 #000;}.app .syncing span.articles-count,.app .syncing span.keywords-count{color:#999;}
.app .syncing .slider{background-image:-webkit-image-set(url(img/slider-on.png) 1x, url(img/slider-on-2x.png) 2x);background-position:12px 6px;background-repeat:no-repeat;background-size:36px 17px;padding:0 0 0;text-align:center;text-indent:-9999px;height:20px;}
.app .sidebar{position:absolute;top:55px;left:61px;width:100px;bottom:0;background-color:#e0e4ea;border-right:1px #9ca6af solid;padding:0 10px 10px;}.app .sidebar h2{font-size:12px;color:#707E8B;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);font-weight:bold;line-height:20px;padding:10px 0 0;}
.app .sidebar li{font-size:11px;color:#222;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);line-height:20px;padding:0 0 0 25px;background-image:-webkit-image-set(url(img/icon-doc.png) 1x, url(img/icon-doc-2x.png) 2x);background-repeat:no-repeat;background-size:12px 15px;background-position:7px 3px;}
.app .sidebar footer{position:absolute;bottom:6px;left:10px;right:0px;}.app .sidebar footer .i-add:before{font-size:18px;}
.btn{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-left-radius:4px;border-top:1px solid #747474;border-left:1px solid #747474;border-right:1px solid #747474;border-bottom:1px solid #747474;-webkit-box-shadow:inset 0 1px 0px 0px #ffffff , 0px 1px 0px rgba(255, 255, 255, 0.35);-moz-box-shadow:inset 0 1px 0px 0px #ffffff , 0px 1px 0px rgba(255, 255, 255, 0.35);box-shadow:inset 0 1px 0px 0px #ffffff , 0px 1px 0px rgba(255, 255, 255, 0.35);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f5f5f5;background:-webkit-gradient(linear, left top, left top, from(#f5f5f5), to(#bdbdbd));background:-moz-linear-gradient(top, #f5f5f5, #bdbdbd);background:-webkit-linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f5f5f5,endColorstr=#bdbdbd);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f5f5f5,endColorstr=#bdbdbd)";background:linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);text-shadow:0 1px rgba(255, 255, 255, 0.5);color:#3a3a3a;cursor:pointer;display:block;float:left;font-size:11px;height:20px;line-height:18px;margin:0 10px 0 0;padding:0 10px;position:relative;text-align:center;text-decoration:none;}.btn.center{float:none;margin:0 auto;}
.btn.right{float:right;}
.btn.left{float:left;}
.btn.na{cursor:not-allowed;opacity:.5;}
.btn.duo{color:#a7a7a7;padding:0 5px;line-height:10px;text-shadow:0 1px rgba(255, 255, 255, 0.5);}.btn.duo a{color:#555;text-decoration:none;font-family:icons;font-size:18px;line-height:14px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5),inset 0 1px 0 #000000;}
.btn.duo span{line-height:10px;}
.btn.duo .hover{-webkit-box-shadow:inset 0 1px 0px 0px #ffffff , 0px 1px 0px rgba(255, 255, 255, 0.5);-moz-box-shadow:inset 0 1px 0px 0px #ffffff , 0px 1px 0px rgba(255, 255, 255, 0.5);box-shadow:inset 0 1px 0px 0px #ffffff , 0px 1px 0px rgba(255, 255, 255, 0.5);background:#f5f5f5;background:-webkit-gradient(linear, left top, left top, from(#f5f5f5), to(#bdbdbd));background:-moz-linear-gradient(top, #f5f5f5, #bdbdbd);background:-webkit-linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);background:-o-linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);background:-ms-linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f5f5f5,endColorstr=#bdbdbd);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f5f5f5,endColorstr=#bdbdbd)";background:linear-gradient(top, #f5f5f5 0%, #bdbdbd 100%);color:#333;text-shadow:0 1px rgba(255, 255, 255, 0.5);}
.btn.duo .na{color:#a7a7a7;}
.btn:hover,.btn.act,.btn.input:focus,.btn.hover,.btn.checked{-webkit-box-shadow:inset 0 -1px 0 0 #9d9d9d , 0px 1px 0px rgba(255, 255, 255, 0.3);-moz-box-shadow:inset 0 -1px 0 0 #9d9d9d , 0px 1px 0px rgba(255, 255, 255, 0.3);box-shadow:inset 0 -1px 0 0 #9d9d9d , 0px 1px 0px rgba(255, 255, 255, 0.3);background:#767676;background:-webkit-gradient(linear, left top, left top, from(#767676), to(#8d8d8d));background:-moz-linear-gradient(top, #767676, #8d8d8d);background:-webkit-linear-gradient(top, #767676 0%, #8d8d8d 100%);background:-o-linear-gradient(top, #767676 0%, #8d8d8d 100%);background:-ms-linear-gradient(top, #767676 0%, #8d8d8d 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#767676,endColorstr=#8d8d8d);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#767676,endColorstr=#8d8d8d)";background:linear-gradient(top, #767676 0%, #8d8d8d 100%);color:#fff;text-shadow:0 1px 0 #3a3a3a;line-height:18px;}.btn:hover.na,.btn.act.na,.btn.input:focus.na,.btn.hover.na,.btn.checked.na{-webkit-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -2px 0 0 #383534 , 0px 1px 0px #3b3a39;-moz-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -2px 0 0 #383534 , 0px 1px 0px #3b3a39;box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -2px 0 0 #383534 , 0px 1px 0px #3b3a39;background:#595654;background:-webkit-gradient(linear, left top, left top, from(#595654), to(#4a4745));background:-moz-linear-gradient(top, #595654, #4a4745);background:-webkit-linear-gradient(top, #595654 0%, #4a4745 100%);background:-o-linear-gradient(top, #595654 0%, #4a4745 100%);background:-ms-linear-gradient(top, #595654 0%, #4a4745 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#595654,endColorstr=#4a4745);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#595654,endColorstr=#4a4745)";background:linear-gradient(top, #595654 0%, #4a4745 100%);line-height:22px;}
.btn.first-child{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px;border-top-left-radius:3px;border-top:1px solid #747474;border-left:1px solid #747474;border-right:none;border-bottom:1px solid #747474;margin-right:0px;}
.btn.middle-child{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-top:1px solid #747474;border-left:1px solid #747474;border-right:none;border-bottom:1px solid #747474;margin-right:0;}
.btn.last-child{-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:0;border-top-left-radius:0;border-top:1px solid #747474;border-left:1px solid #747474;border-right:1px solid #747474;border-bottom:1px solid #747474;}
.btn.no-radius{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;}
.btn.ico{min-width:26px;padding:0;position:relative;text-indent:-9999px;}.btn.ico:before{content:"A";height:20px;left:0;color:#666;font-size:19px;position:absolute;text-align:center;font-family:icons;line-height:14px;text-indent:0;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5),inset 0 1px 0 #000000;top:0;width:24px;}
.btn.ico:hover:before,.btn.ico.act:before{color:#ffcc00;line-height:14px;text-shadow:0 1px 0 #000;}
.btn.ico.nobg{-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-moz-border-radius-topleft:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top:0px solid #1b1b1b;border-left:0px solid #1b1b1b;border-right:0px solid #1b1b1b;border-bottom:0px solid #1b1b1b;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;text-shadow:0 1px #000000;}.btn.ico.nobg:before{color:#515151;text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);font-size:22px;}
.btn.ico.nobg:hover:before,.btn.ico.nobg.act:before{color:#ffcc00;line-height:14px;text-shadow:0 1px 0 #000;}
.btn.ico.txt{padding:0 10px 0 26px;text-align:left;text-indent:0;}.btn.ico.txt:before{width:26px;}
.btn.ico.i-add:before{content:"A";font-size:15px;}
.btn.ico.i-add:hover:before,.btn.ico.i-add.act:before,.btn.ico.i-add.hover:before{content:"A";}
.btn.ico.i-options:before{content:"B";}
.btn.ico.i-options:hover:before,.btn.ico.i-options.act:before,.btn.ico.i-options.hover:before{content:"B";}
.btn.ico.i-chat:before{content:"C";}
.btn.ico.i-chat:hover:before,.btn.ico.i-chat.act:before,.btn.ico.i-chat.hover:before{content:"C";}
.btn.ico.i-user:before{content:"E";}
.btn.ico.i-user:hover:before,.btn.ico.i-user.act:before,.btn.ico.i-user.hover:before{content:"E";}
.btn.ico.i-arrow-left:before{content:"H";font-size:17px;}
.btn.ico.i-arrow-left:hover:before,.btn.ico.i-arrow-left.act:before,.btn.ico.i-arrow-left.hover:before{content:"H";}
.btn.ico.i-arrow-right:before{content:"I";font-size:17px;}
.btn.ico.i-arrow-right:hover:before,.btn.ico.i-arrow-right.act:before,.btn.ico.i-arrow-right.hover:before{content:"I";}
.input{color:#999;padding:0 10px 2px;position:relative;}.input:focus{color:#ffffff;}
.input.btn{text-align:left;}
.input.act{padding:0 10px 0;}
.inputholder{height:25px;position:relative;}.inputholder.h50{height:50px;}
.inputholder .inner{padding:0 !important;position:absolute;width:100%;}
.dropdown{border:1px solid #111;box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.3);background:#444;border-radius:3px;position:absolute;top:32px;left:0;padding:5px;display:block;z-index:999;}.dropdown:before{content:"D";position:absolute;color:#444;font-size:20px;text-shadow:0 1px 0 #111;top:-12px;left:10px;font-family:icons;z-index:9999;-webkit-transform:rotate(180deg);}
.dropdown li{border-top:1px solid #222222;border-left:1px solid #222222;border-right:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -2px 0 0 #444444;-moz-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -2px 0 0 #444444;box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -2px 0 0 #444444;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#595654;background:-webkit-gradient(linear, left top, left top, from(#595654), to(#4a4745));background:-moz-linear-gradient(top, #595654, #4a4745);background:-webkit-linear-gradient(top, #595654 0%, #4a4745 100%);background:-o-linear-gradient(top, #595654 0%, #4a4745 100%);background:-ms-linear-gradient(top, #595654 0%, #4a4745 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#595654,endColorstr=#4a4745);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#595654,endColorstr=#4a4745)";background:linear-gradient(top, #595654 0%, #4a4745 100%);text-shadow:0 1px #000000;color:#fff;cursor:pointer;display:block;font-size:10px;height:20px;line-height:17px;margin:0;padding:0 10px;position:relative;width:100%;}.dropdown li:first-child{-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-moz-border-radius-topleft:3px;border-top-right-radius:3px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:3px;}
.dropdown li:last-child{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:0;}
.input-field{-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-topleft:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-top-left-radius:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:inset 0 1px 2px 0 #e0e0e0;background-color:#fff;border:1px solid #878787;color:#555;font-size:10px;height:20px;padding:0 10px 1px 10px;position:relative;display:block;}
.search-field{position:relative;}.search-field:after{content:"F";height:20px;left:0px;color:#747474;font-weight:normal;font-size:18px;position:absolute;text-align:center;font-family:icons;line-height:12px;text-indent:0;text-shadow:0 0 1px #fff, 0 1px 0 #fff;top:0;line-height:16px;width:22px;z-index:999;}
.counter{display:block;position:relative;}.counter .counter-field{-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:3px;border-top-left-radius:3px;-webkit-box-shadow:0 1px 0 0 #3f3e3b;-moz-box-shadow:0 1px 0 0 #3f3e3b;box-shadow:0 1px 0 0 #3f3e3b;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#222;border:1px solid #000;color:#555;font-size:10px;height:20px;width:40px;padding:0 0px 1px 10px;position:relative;display:block;}
.counter .i-control-top{position:absolute;right:-19px;top:0;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-moz-border-radius-topleft:0px;border-top-right-radius:3px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;width:20px;height:10px;padding:0;-webkit-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -1px 0 0 #383534 , 0px 1px 0px #444444;-moz-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -1px 0 0 #383534 , 0px 1px 0px #444444;box-shadow:inset 0 1px 0px 0px #666361 , inset 0 -1px 0 0 #383534 , 0px 1px 0px #444444;min-width:20px;}.counter .i-control-top:before{content:"G";height:10px;left:0;color:#222;font-size:10px;position:absolute;text-align:center;font-family:icons;line-height:2px;text-indent:0;text-shadow:0 1px 0 #666361;top:0;width:18px;}
.counter .i-control-bottom{position:absolute;right:-19px;bottom:0;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0px;-moz-border-radius-topleft:0px;border-top-right-radius:0px;border-bottom-right-radius:3px;border-bottom-left-radius:0px;border-top-left-radius:0px;width:20px;height:10px;padding:0;-webkit-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 0px 0 0 #444444 , 0px 0px 0px #444444;-moz-box-shadow:inset 0 1px 0px 0px #666361 , inset 0 0px 0 0 #444444 , 0px 0px 0px #444444;box-shadow:inset 0 1px 0px 0px #666361 , inset 0 0px 0 0 #444444 , 0px 0px 0px #444444;min-width:20px;}.counter .i-control-bottom:before{content:"G";height:10px;left:0;color:#222;font-size:10px;position:absolute;text-align:center;font-family:icons;line-height:8px;text-indent:0;text-shadow:0 -1px 0 #666361;top:0;width:18px;-webkit-transform:rotate(180deg);}