github.com/qubitproducts/logspray@v0.2.14/server/swagger-ui/src/main/less/screen.less (about) 1 2 3 @import 'src/main/less/highlight_default.less'; 4 @import 'src/main/less/specs.less'; 5 @import 'src/main/less/auth.less'; 6 7 .swagger-section { 8 9 .access { float: right; } 10 11 .auth { float: right; } 12 13 .api-ic { 14 height: 18px; 15 vertical-align: middle; 16 display: inline-block; 17 background: url(../images/explorer_icons.png) no-repeat; 18 } 19 20 .api-ic .api_information_panel { 21 position: relative; 22 margin-top: 20px; 23 margin-left: -5px; 24 background: #FFF; 25 border: 1px solid #ccc; 26 border-radius: 5px; 27 display: none; 28 font-size: 13px; 29 max-width: 300px; 30 line-height: 30px; 31 color: black; 32 padding: 5px; 33 } 34 35 .api-ic .api_information_panel p .api-msg-enabled { color: green; } 36 .api-ic .api_information_panel p .api-msg-disabled { color: red; } 37 38 .api-ic:hover .api_information_panel { 39 position: absolute; 40 display: block; 41 } 42 43 .ic-info { 44 background-position: 0 0; 45 width: 18px; 46 margin-top: -6px; 47 margin-left: 4px; 48 } 49 50 .ic-warning { 51 background-position: -60px 0; 52 width: 18px; 53 margin-top: -6px; 54 margin-left: 4px; 55 } 56 57 .ic-error { 58 background-position: -30px 0; 59 width: 18px; 60 margin-top: -6px; 61 margin-left: 4px; 62 } 63 64 .ic-off { 65 background-position: -90px 0; 66 width: 58px; 67 margin-top: -4px; 68 cursor: pointer; 69 } 70 71 .ic-on { 72 background-position: -160px 0; 73 width: 58px; 74 margin-top: -4px; 75 cursor: pointer; 76 } 77 78 #header { 79 background-color: #89bf04; 80 padding: 9px 14px 19px 14px; 81 height: 23px; 82 min-width: 775px; 83 } 84 85 #input_baseUrl { width: 400px; } 86 87 #api_selector { 88 display: block; 89 clear: none; 90 float: right; 91 } 92 93 #api_selector .input { 94 display: inline-block; 95 clear: none; 96 margin: 0 10px 0 0; 97 } 98 99 #api_selector input { 100 font-size: 0.9em; 101 padding: 3px; 102 margin: 0; 103 } 104 105 #input_apiKey { width: 200px; } 106 107 #explore, #auth_container .authorize__btn { 108 display: block; 109 text-decoration: none; 110 font-weight: bold; 111 padding: 6px 8px; 112 font-size: 0.9em; 113 color: white; 114 background-color: #547f00; 115 -moz-border-radius: 4px; 116 -webkit-border-radius: 4px; 117 -o-border-radius: 4px; 118 -ms-border-radius: 4px; 119 -khtml-border-radius: 4px; 120 border-radius: 4px; 121 122 &:hover { background-color: #547f00; } 123 } 124 125 #header #logo { 126 font-size: 1.5em; 127 font-weight: bold; 128 text-decoration: none; 129 color: white; 130 131 .logo__img { 132 display: block; 133 float: left; 134 margin-top: 2px; 135 } 136 137 .logo__title { 138 display: inline-block; 139 padding: 5px 0 0 10px; 140 } 141 } 142 143 #content_message { 144 margin: 10px 15px; 145 font-style: italic; 146 color: #999999; 147 } 148 149 #message-bar { 150 min-height: 30px; 151 text-align: center; 152 padding-top: 10px; 153 } 154 155 .swagger-collapse:before { 156 content: "-"; 157 } 158 159 .swagger-expand:before { 160 content: "+"; 161 } 162 163 .error { 164 outline-color: #cc0000; 165 background-color: #f2dede; 166 } 167 } 168 169 170 171 172 173