From 371930b9e2c9040bbd61baf2bd067c84b0d474e0 Mon Sep 17 00:00:00 2001 From: wangjeaf Date: Tue, 6 May 2014 11:49:34 +0800 Subject: [PATCH] modify dialog style --- WebContent/stat/css/myWorkspace.css | 46 +++++++- WebContent/stat/js/ui/floater/css/floater.css | 102 ++++++++++++++++-- 2 files changed, 137 insertions(+), 11 deletions(-) diff --git a/WebContent/stat/css/myWorkspace.css b/WebContent/stat/css/myWorkspace.css index d37a57a..67ef1fd 100644 --- 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; +} \ No newline at end of file diff --git a/WebContent/stat/js/ui/floater/css/floater.css b/WebContent/stat/js/ui/floater/css/floater.css index 4666230..fe868f8 100644 --- 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; +} \ No newline at end of file