kyy/swagger-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch '_refactor/less' of https://github.com/verpixelt/swagger-ui into verpixelt-_refactor/less

Browse Source
This commit is contained in:
Tony Tam
2015-11-27 18:19:08 -08:00
parent e3062b771f e6336a3f5e
commit a7c3ffc0f8
2 changed files with 139 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/main/less/auth.less
View File

@@ -1,83 +1,72 @@
.swagger-section {
.title {
font-style: bold;
}
.title { font-style: bold; }
.secondary_form {
display: none;
}
.secondary_form { display: none; }
.main_image {
display: block;
margin-left: auto;
margin-right: auto;
}
.main_image {
display: block;
margin-left: auto;
margin-right: auto;
}
.oauth_body {
margin-left: 100px;
margin-right: 100px;
}
.oauth_body {
margin-left: 100px;
margin-right: 100px;
}
.oauth_submit {
text-align: center;
}
.oauth_submit { text-align: center; }
.api-popup-dialog {
z-index: 10000;
position: absolute;
width: 500px;
background: #FFF;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
font-size: 13px;
color: #777;
.api-popup-dialog {
z-index: 10000;
position: absolute;
width: 500px;
background: #FFF;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
font-size: 13px;
color: #777;
}
.api-popup-title{
.api-popup-dialog .api-popup-title {
font-size: 24px;
padding: 10px 0;
}
.api-popup-title{
.api-popup-dialog .api-popup-title {
font-size: 24px;
padding: 10px 0;
}
p.error-msg {
.api-popup-dialog .error-msg {
padding-left: 5px;
padding-bottom: 5px;
}
button.api-popup-authbtn {
height: 30px;
}
button.api-popup-cancel {
height: 30px;
}
}
.api-popup-dialog .api-popup-authbtn { height: 30px; }
.api-popup-scopes {
padding: 10px 20px;
.api-popup-dialog .api-popup-cancel { height: 30px; }
li {
.api-popup-scopes { padding: 10px 20px; }
.api-popup-scopes li {
padding: 5px 0;
line-height: 20px;
}
.api-scope-desc {
padding-left: 20px;
font-style: italic;
}
li input {
.api-popup-scopes li input {
position: relative;
top: 2px;
}
}
.api-popup-actions {
padding-top: 10px;
}
.api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.api-popup-actions { padding-top: 10px; }
}

199
src/main/less/screen.less
View File

@@ -1,147 +1,144 @@
@import 'src/main/less/highlight_default.less';
@import 'src/main/less/specs.less';
@import 'src/main/less/auth.less';
.swagger-section {
.access {
float: right;
}
.access { float: right; }
.auth {
float: right;
}
.auth { float: right; }
.api-ic {
.api-ic {
height: 18px;
vertical-align: middle;
display: inline-block;
background: url(../images/explorer_icons.png) no-repeat;
.api_information_panel {
position: relative;
margin-top: 20px;
margin-left: -5px;
background: #FFF;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
font-size: 13px;
max-width: 300px;
line-height: 30px;
color: black;
padding: 5px;
p {
.api-msg-enabled {
color: green;
}
.api-msg-disabled {
color: red;
}
}
}
}
}
.api-ic:hover {
.api_information_panel {
position: absolute;
display: block;
}
}
.api-ic .api_information_panel {
position: relative;
margin-top: 20px;
margin-left: -5px;
background: #FFF;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
font-size: 13px;
max-width: 300px;
line-height: 30px;
color: black;
padding: 5px;
}
.ic-info {
.api-ic .api_information_panel p .api-msg-enabled { color: green; }
.api-ic .api_information_panel p .api-msg-disabled { color: red; }
.api-ic:hover .api_information_panel {
position: absolute;
display: block;
}
.ic-info {
background-position: 0 0;
width: 18px;
margin-top: -6px;
margin-left: 4px;
}
.ic-warning {
}
.ic-warning {
background-position: -60px 0;
width: 18px;
margin-top: -6px;
margin-left: 4px;
}
.ic-error {
}
.ic-error {
background-position: -30px 0;
width: 18px;
margin-top: -6px;
margin-left: 4px;
}
.ic-off {
}
.ic-off {
background-position: -90px 0;
width: 58px;
margin-top: -4px;
cursor: pointer;
}
.ic-on {
}
.ic-on {
background-position: -160px 0;
width: 58px;
margin-top: -4px;
cursor: pointer;
}
}
#header {
#header {
background-color: #89bf04;
padding: 14px;
a#logo {
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
}
form#api_selector {
display: block;
clear: none;
float: right;
.input {
display: block;
clear: none;
float: left;
margin: 0 10px 0 0;
input#input_apiKey {
width: 200px;
}
input#input_baseUrl {
width: 400px;
}
a#explore {
display: block;
text-decoration: none;
font-weight: bold;
padding: 6px 8px;
font-size: 0.9em;
color: white;
background-color: #547f00;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
a#explore:hover {
background-color: #547f00;
}
input {
font-size: 0.9em;
padding: 3px;
margin: 0;
}
}
}
}
}
#content_message {
#input_baseUrl { width: 400px; }
#api_selector {
display: block;
clear: none;
float: right;
}
#api_selector .input {
display: block;
clear: none;
float: left;
margin: 0 10px 0 0;
}
#api_selector input {
font-size: 0.9em;
padding: 3px;
margin: 0;
}
#input_apiKey { width: 200px; }
#explore {
display: block;
text-decoration: none;
font-weight: bold;
padding: 6px 8px;
font-size: 0.9em;
color: white;
background-color: #547f00;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
&:hover { background-color: #547f00; }
}
#header #logo {
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
}
#content_message {
margin: 10px 15px;
font-style: italic;
color: #999999;
}
}
#message-bar {
#message-bar {
min-height: 30px;
text-align: center;
padding-top: 10px;
}
}
}