panel.css.scss in superconductor-0.0.2

- old
+ new

@@ -5,12 +5,13 @@
 body.debugging {
   overflow-x: hidden;
 }
 
 section#superconductor_panel {
+  details summary { cursor: pointer; }
   color: white;
-  z-index: 99999;
+  z-index: 998;
   a, a:link, a:visited { color: white; }
   -webkit-transition: opacity 0.5s;
   display: none;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 13px;
@@ -19,36 +20,35 @@
   position: fixed;
   top: 0px;
   bottom: 0px;
   right: -300px;
   width: 300px;
-  footer { clear: both; height: 0px; }
+  br { clear: both; height: 0px; }
   background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
-  & > details {
-    -webkit-transition: height 2s;
-    summary {
-      & > a { float: right; }
-      cursor: pointer;
+  > details {
+    > summary {
+      background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
       white-space: nowrap;
       padding: 10px;
+      > a { float: right; }
     }
-    & > summary {
-      background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
-    }
     dl {
       padding: 5px 10px 10px 10px;
       margin: 0px 5px 0px 5px;
       dt {
+        font-weight: bold;
         clear: left;
         float: left;
         min-width: 100px;
         &:after { content: ':' }
       }
       dd {
         &.nowrap {
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
+        }
+        > details {
         }
       }
     }
   }
   textarea {