Permalink
Browse files

first

  • Loading branch information...
1 parent 8a8a1a0 commit e829893875505324ae4bd9930f472c3fdfe89210 @switer committed Jan 22, 2013
Oops, something went wrong.
Oops, something went wrong.
View
Oops, something went wrong.
Oops, something went wrong.
View
@@ -0,0 +1,66 @@
+/*sdk ui base*/
+.sui-w-full {width: 100%;}
+.sui-w-half {width: 50%;}
+.sui-no-feed {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
+
+/*Button style Begin*/
+.sui-btn {
+ /*layout:padding,margin,display*/
+ display: block;margin: 15px 0;padding:0 15px;
+ /*shape:width,height,line-height,boder,border-radius*/
+ height: 45px;line-height: 100%;border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.2);
+ /*style:font(size,family,color),text(align,shadow),background*/
+ font-size: 16px;color: #FFFFFF;text-align: center;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd7f3a), color-stop(100%, #fc5402));
+}
+.sui-btn.disabled {color:#AAA;}
+.sui-btn-group {display: -webkit-box;}
+.sui-btn-group .sui-btn:first-child {margin-left:0;margin-right: 10px;}
+.sui-btn-group .sui-btn:last-child {margin-right:0;margin-left: 10px;}
+.sui-btn-group .sui-btn {-webkit-box-flex:1;}
+/*Button navigation*/
+/*default silver*/
+.sui-btn-nav {
+ display: -webkit-box;padding: 7px 15px;
+ border-bottom: 1px solid #ADADAD;border-top: 1px solid #ADADAD;
+ background: -webkit-gradient(linear,0 0,0 100%,from(#E1E1E1),to(#C3C7CF));
+}
+
+.sui-btn-nav .sui-btn {
+ -webkit-box-flex:1;margin: 0;
+ border-radius: 0;height: 31px;border: 1px solid #ADADAD;text-shadow: 1px 1px white;
+ color: #333;background: -webkit-gradient(linear,0 0,0 100%,from(#F9F9F9),to(#B7B9BE));
+
+}
+/*面包屑 on*/
+.sui-btn-nav .sui-btn.sui-on {text-shadow: 1px 1px black;color:white;background: -webkit-gradient(linear,0 0,0 100%,from(#434547),to(#8D8E8E));}
+/*导航按钮*/
+.sui-btn-nav .sui-btn:first-child {border-right: 0;border-radius: 5px 0 0 5px;}
+.sui-btn-nav .sui-btn:last-child {border-left: 0;;border-radius: 0 5px 5px 0;}
+/*disabled*/
+.sui-btn-nav .sui-btn.disabled {color:#AAA;}
+
+/*theme*/
+.sui-btn.sui-btn-primary {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ color: #333;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(100%, #E2E2E2));
+}
+.sui-btn.sui-btn-inverse {
+ border: 1px solid rgba(0, 0, 0, 0.3);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #525252), color-stop(100%, #383838));
+}
+.sui-btn.sui-btn-silver {
+ border: 1px solid #ADADAD;text-shadow: 1px 1px white;
+ color: #333;background: -webkit-gradient(linear,0 0,0 100%,from(#F9F9F9),to(#B7B9BE));
+}
+/*Button style End*/
+/*Input style begin*/
+.sui-inp-cmp {
+ display: -webkit-box;
+ height: 45px;border-radius: 5px;border: 1px solid #CCC;
+ background: white;
+}
+.sui-inp-cmp .sui-inp {
+ display: block;-webkit-box-flex:1;padding: 10px 0px 10px 1em;margin-top: 3px;
+ height: 20px;outline: none;line-height: 100%;border: none;
+ background-color: transparent;
+}
View
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,29 @@
+<html>
+<head>
+ <title>Bootstrap Demo</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+ <meta name="MobileOptimized" content="320"/>
+ <meta name="format-detection" content="telephone=no">
+ <link rel="stylesheet" type="text/css" href="css/sdkui.css">
+ <script type="text/javascript" src="js/zepto.js"></script>
+ <script type="text/javascript" src="js/ui.button.js"></script>
+</head>
+<body>
+ <input class="sui-btn sui-btn-primary" data-toggle="2000" type="button" value="toggle">
+ <input class="sui-btn sui-btn-silver" type="button" value="修改密码">
+ <input class="sui-btn sui-w-full" type="button" value="登录">
+ <input class="sui-btn sui-btn-inverse sui-w-full" type="button" value="注册">
+ <input class="sui-btn sui-btn-primary sui-w-full" type="button" value="注册">
+ <div class="sui-btn-group">
+ <input class="sui-btn sui-btn-primary" type="button" value="登录">
+ <input class="sui-btn" type="button" value="注册">
+ </div>
+ <div class="sui-btn-nav">
+ <input class="sui-btn" data-toggle="2000" type="button" value="导航1">
+ <input class="sui-btn" type="button" value="导航2">
+ <input class="sui-btn" type="button" value="导航3">
+ </div>
+ <input class="sui-inp" type="text" placeholder="6-20位数字"/>
+</body>
+</html>
View
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Bootstrap Demo</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+ <meta name="MobileOptimized" content="320"/>
+ <meta name="format-detection" content="telephone=no">
+ <link rel="stylesheet" type="text/css" href="css/sdkui.css">
+ <script type="text/javascript" src="js/zepto.js"></script>
+ <script type="text/javascript" src="js/ui.input.js"></script>
+</head>
+<body>
+ <div class="sui-inp-cmp">
+ <input class="sui-inp" type="text" placeholder="6-20位数字" />
+ </div>
+</body>
+</html>
Oops, something went wrong.

0 comments on commit e829893

Please sign in to comment.