Reduce nesting, rewrite selectors

src/main/less/screen.less

@@ -1,23 +1,23 @@
+
+
 @import 'src/main/less/highlight_default.less';
 @import 'src/main/less/specs.less';
 @import 'src/main/less/auth.less';
 
 .swagger-section {
 
-.access {
+  .access { float: right; }
-    float: right;
-}
 
-.auth {
+  .auth { float: right; }
-    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 {
+  }
+
+  .api-ic .api_information_panel {
     position: relative;
     margin-top: 20px;
     margin-left: -5px;
@@ -30,82 +30,80 @@
     line-height: 30px;
     color: black;
     padding: 5px;
-        p {
-            .api-msg-enabled {
-                color: green;
   }
-            .api-msg-disabled {
-                color: red;
-            }
-        }
-    }
-}
 
-.api-ic:hover {
+  .api-ic .api_information_panel p .api-msg-enabled { color: green; }
-    .api_information_panel {
+  .api-ic .api_information_panel p .api-msg-disabled { color: red; }
+
+  .api-ic:hover .api_information_panel {
     position: absolute;
     display: block;
   }
-}
 
-.ic-info {
+  .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 {
+
+  #input_baseUrl { width: 400px; }
+
+  #api_selector {
     display: block;
     clear: none;
     float: right;
-        .input {
+  }
+
+  #api_selector .input {
     display: block;
     clear: none;
     float: left;
     margin: 0 10px 0 0;
-            input#input_apiKey {
-                width: 200px;
   }
-            input#input_baseUrl {
+
-                width: 400px;
+  #api_selector input {
+    font-size: 0.9em;
+    padding: 3px;
+    margin: 0;
   }
-            a#explore {
+
+  #input_apiKey { width: 200px; }
+
+  #explore {
     display: block;
     text-decoration: none;
     font-weight: bold;
@@ -119,29 +117,28 @@
     -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 {
+    &:hover { background-color: #547f00; }
+  }
+
+  #header 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;
+  }
+
+  #content_message {
     margin: 10px 15px;
     font-style: italic;
     color: #999999;
-}
+  }
 
-#message-bar {
+  #message-bar {
     min-height: 30px;
     text-align: center;
     padding-top: 10px;
-}
+  }
-
 }