first

switer · Jan 22, 2013 · e829893 · e829893
1 parent 8a8a1a0
commit e829893
Show file tree

Hide file tree

Showing 16 changed files with 10,928 additions and 0 deletions.
diff --git a/css/bootstrap-responsive.css b/css/bootstrap-responsive.css
diff --git a/css/bootstrap-responsive.min.css b/css/bootstrap-responsive.min.css
diff --git a/css/bootstrap.css b/css/bootstrap.css
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/sdkui.css b/css/sdkui.css
@@ -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;
+}
diff --git a/img/Thumbs.db b/img/Thumbs.db
diff --git a/img/glyphicons-halflings-white.png b/img/glyphicons-halflings-white.png
diff --git a/img/glyphicons-halflings.png b/img/glyphicons-halflings.png
diff --git a/index.html b/index.html
@@ -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>
diff --git a/input.html b/input.html
@@ -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>