From 19a11640b3ed8d770fd1cb6f296c4c0e793cdb2a Mon Sep 17 00:00:00 2001 From: GuangrongFu Date: Tue, 18 Sep 2018 17:30:18 +0800 Subject: Changed the Style of GUI Change-Id: Ie30363f6358639c660f49585aa03d243b560e444 Issue-ID: HOLMES-148 Signed-off-by: GuangrongFu --- .../src/assets/framework/browser/css/docs.css | 322 +++++++++++++++++++++ 1 file changed, 322 insertions(+) create mode 100644 rulemgt-frontend/src/assets/framework/browser/css/docs.css (limited to 'rulemgt-frontend/src/assets/framework/browser/css/docs.css') diff --git a/rulemgt-frontend/src/assets/framework/browser/css/docs.css b/rulemgt-frontend/src/assets/framework/browser/css/docs.css new file mode 100644 index 0000000..77f2a27 --- /dev/null +++ b/rulemgt-frontend/src/assets/framework/browser/css/docs.css @@ -0,0 +1,322 @@ +img.AngularJS-small { + width: 95px; + height: 25px; +} + +/* this is here to avoid the display=block shuffling of ngShow */ +.breadcrumb li > * { + float:left; + margin:0 2px 0 0; +} + +.breadcrumb { + padding-top: 6px; + padding-bottom: 0; + line-height: 18px +} + +.navbar img { + max-height: 40px; + padding-right: 20px; +} + +.navbar img+.brand { + padding: 10px 20px 10px 10px; +} + +.clear-navbar { + margin-top: 60px; +} + +.footer { + padding-top: 2em; + background-color: #333; + color: white; + padding-bottom: 2em; +} + +.spacer { + height: 1em; +} + + +.icon-cog { + line-height: 13px; +} + +/* =============================== */ + +.form-search { + margin-right: 10px; +} + +.form-search .search-query { + width: 180px; + width: 200px \9; +} + +.form-search .dropdown-menu { + margin-left: 10px; +} + +.form-search .code { + font-family: monospace; + font-weight: bold; + font-size: 13px; + color: black; + overflow: hidden; + text-overflow: ellipsis; +} + +.form-search > ul.nav > li > a { + margin: 0; +} + +.form-search > ul.nav > li.module { + background-color: #d3d3d3; +} + +.form-search > ul.nav > li.section { + background-color: #ebebeb; + min-height: 14px; +} + +.form-search > ul.nav > li.first { + padding-top: 6px; +} + +.form-search > ul.nav > li.last { + padding-bottom: 6px; +} + +.form-search > ul.nav > li.last + li.api-list-item { + margin-top: -6px; + padding-bottom: 6px; +} + +.form-search .well { + border-color: #d3d3d3; + padding: 0; + margin-bottom: 15px; +} + +.form-search .well .nav-header { + text-transform: none; + padding: 3px 1px; + margin: 0; +} + +.form-search .well .nav-header a { + text-transform: none; + color: black; +} +.form-search .well .nav-header a:hover { + background-color: inherit; +} + +.form-search .well li { + line-height: 14px; +} + +.form-search .well li a:focus { + outline: none; +} + +.form-search .well .guide { + float: right; + padding-top: 0; + color: gray; +} + +.form-search .module .guide { + line-height: 20px; +} + +.match > a, .nav > .match > a:hover { + background-color: #dbeaf4; +} + +/* =============================== */ +/* Content */ +/* =============================== */ + +.edit-example { + margin-top: 9px; +} + +.improve-docs, .view-source, .edit-example { + float: right; + margin-left: 35px; + position: relative; +} + +.improve-docs i, .view-source i, .edit-example i { + position: absolute; + left: -20px; + top: 50%; + margin-top: -.5em; + text-decoration: none !important; +} + +.methods .view-source { + margin: -0.5em 0 0 0; + text-decoration: none !important; +} + +.hint { + font-size: .6em; + color: #c0c0c0; + display: block; +} + +.content code { + background-color: inherit; + color: inherit; + border: none; + padding: 0; + font-size: inherit; + font-family: monospace; +} + +.content h2, +.content h3, +.content h4, +.content h5 { + margin: 1em 0 5px; +} + +.content h1 { + font-size: 30px; + line-height: 36px; +} + +.content h2 { + font-size: 24px; + line-height: 36px; +} + +.content h3 { + line-height: 27px; + font-size: 18px; +} + +.content h4 { + font-size: 15px; +} + +ul.parameters > li > p, +.returns > p { + display: inline; +} + +ul.methods > li, +ul.properties > li, +ul.events > li { + list-style: none; + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #eee; + border: 1px solid rgba(0, 0, 0, 0.05); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.member.method > h2, +.member.property > h2, +.member.event > h2 { + margin-bottom: .5em; +} + +ul.methods > li > h3, +ul.properties > li > h3, +ul.events > li > h3 { + margin: -19px -19px 1em -19px; + padding: .25em 39px .25em 19px; + background-color: #d3d3d3; + font-family: monospace; +} + +.center { + display: block; + margin: 2em auto; +} + +.diagram { + display: block; + margin: 2em auto; + padding: 1em; + border: 1px solid black; + + -moz-box-shadow: 4px 4px 6px #48577D; + -webkit-box-shadow: 4px 4px 6px #48577D; + box-shadow: 4px 4px 6px #48577D; + + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + border-radius: 15px; +} + +.tutorial-nav { + margin-left: 175px; + color: black; + margin-top: 2em; + margin-bottom: 2em; +} + +.tutorial-nav a { + color: white; +} + +.tutorial-nav a:hover { + color: white; + text-decoration: none; +} + +.clear { + clear: both; +} + +.variables-matrix td { + vertical-align:top; + padding:5px; +} + +.type-hint { + display:inline-block; +} + +.variables-matrix .type-hint { + text-align:center; + display:block; + min-width:60px; +} + +.type-hint + .type-hint { + margin-top:5px; +} + +.type-hint-string { + background:#3a87ad; +} + +.type-hint-object { + background:#999; +} + +.type-hint-array { + background:#F90;; +} + +.type-hint-boolean { + background:rgb(18, 131, 39); +} + +.type-hint-number { + background:rgb(189, 63, 66); +} -- cgit 1.2.3-korg