modify dialog style

uniker · May 6, 2014 · 371930b · 371930b
1 parent 0c3727e
commit 371930b
Show file tree

Hide file tree

Showing 2 changed files with 137 additions and 11 deletions.
diff --git a/WebContent/stat/css/myWorkspace.css b/WebContent/stat/css/myWorkspace.css
@@ -221,7 +221,7 @@ body {
 }
 
 .myfloater {
-    padding: 12px;
+    padding: 20px;
     width: 600px;
 }
 
@@ -347,7 +347,7 @@ body {
     float: right;
     text-align: center;
     cursor: pointer;
-    border-radius: 2px 2px 0 0;
+    border-radius: 4px 4px 0 0;
 }
 
 #div-mt-list .cur {
@@ -735,3 +735,45 @@ body .container {
 #dropdown-workspace-search .dropdown-menu li a {
 	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
+
+#pluginCodeInput {
+	display: block;
+	width: 100%;
+  height: 34px;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+
+.table-version {
+	margin: 0 auto;
+}
+
+.myfloater textarea, .myfloater input[type=text], .myfloater input[type=password] {
+	border: 1px solid #DDD;
+	border-radius: 2px;
+	padding: 5px;
+	outline: none;
+}
+.myfloater textarea {
+	margin-top: 2px;
+	resize: none;
+}
+#floaterEditAFloater input[type=text], #floaterEditAFloater input[type=password] {
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+#floaterEditAFloater .radio-list {
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
diff --git a/WebContent/stat/js/ui/floater/css/floater.css b/WebContent/stat/js/ui/floater/css/floater.css
@@ -1,9 +1,93 @@
-.floaterd {padding-top:3px;}
-.floaterd-top {background: #3B5C55}
-.floaterd-bottom {display:none}
-.floater {position:absolute !important;}
-.floater-title {border-right:1px solid #CBE9B7;border-left:1px solid #CBE9B7;border-top:1px solid #CBE9B7;cursor:move;position:absolute;left:0;top:0;height:23px;padding:4px 10px 0 18px;background:url(img/global_bg.png) 0 -150px repeat-x;font-size:12px;color:#E2FEC4;font-weight:bold;}
-.floater-close {position:absolute;right:5px;top:5px;font-size:1px;border:0px;float:right;display:block;width:19px;height:19px;background:url(img/btn.gif) -83px -49px;cursor:pointer;}
-.floater-content {padding:37px 18px 9px;border-right:1px solid #CBE9B7;border-left:1px solid #CBE9B7;border-bottom:1px solid #CBE9B7;background:#F3FBEC}
-.floater-inner {overflow-y:auto;overflow-x:hidden}
-.floater-corner {background: #fff}
+.floaterd {
+	padding-top: 3px;
+}
+
+.floaterd-top {
+	background: #3B5C55
+}
+
+.floaterd-bottom {
+	display: none
+}
+
+.floater {
+	position: absolute !important;
+	border-radius: 6px;
+	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+	background-color: #fff;
+	background-clip: padding-box;
+	border: 1px solid rgba(0, 0, 0, .2);
+	outline: none;
+	border: none;
+}
+
+.ec-form.floater {
+	padding-top: 52px;
+}
+
+.floater-title {
+	cursor: move;
+	border-radius: 6px 6px 0 0;
+	position: absolute;
+	left: 0;
+	top: 0;
+	height: 52px;
+	padding: 4px 10px 0 18px;
+	font-size: 18px;
+	color: #333;
+	min-height: 16.42857143px;
+	padding: 15px;
+	border-bottom: 1px solid #e5e5e5;
+	font-weight: bold;
+	position: absolute
+}
+
+.floater-close {
+	position: absolute;
+	right: 18px;
+	top: 14px;
+	font-size: 1px;
+	font-size: 22px;
+	font-weight: bold;
+	line-height: 1;
+	color: #000;
+	text-shadow: 0 1px 0 #fff;
+	opacity: .2;
+	cursor: pointer;
+}
+
+.floater-close:after {
+	content: '×';
+}
+
+.floater-close:hover {
+	opacity: .4;
+}
+
+.floater-content {
+	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+	background-color: #fff;
+	background-clip: padding-box;
+	border-radius: 0 0 6px 6px;
+	outline: none;
+}
+
+.floater-inner {
+	overflow-y: auto;
+	overflow-x: hidden
+}
+
+.floater-corner {
+	background: #fff
+}
+
+.div-floater-control {
+	padding: 15px 20px 2px;
+	margin-top: 20px;
+	text-align: right;
+	border-top: 1px solid #e5e5e5;
+	margin-left: -19px;
+	margin-right: -19px;
+}