minitabs reimplemented with forms, now support POSTing

[plewww.git] / planetlab / minitabs / minitabs.css

diff --git a/planetlab/minitabs/minitabs.css b/planetlab/minitabs/minitabs.css
index 065cf0d..3abc6c3 100644 (file)
--- a/planetlab/minitabs/minitabs.css
+++ b/planetlab/minitabs/minitabs.css
@@ -1,56 +1,65 @@
-li.minitabs {
+#minitabs_container {
+    padding: 20px;
+    margin: 8px 0;
+    width:80%;
+    margin:8px auto;
+}
+#miniflex {
+    width: 100%;
+    float: left;
+    font-size: small; /* could be specified at a higher level */
+    margin: 0;
+    padding: 0 10px 0 10px;
+    border-bottom: 1px solid #696;
+    position:relative;
+    z-index:2;
+}
+
+input.minitabs, li.minitabs {
     font-family: verdana, sans-serif;
     font-size: 14px;
     text-align: center;
     font-style: oblique;
+    border: 0;
+    background-color: transparent;
 }    
-#minitabs_container {
-        padding: 20px;
-        margin: 8px 0;
-        width:80%;
-        margin:8px auto;
-        }
-#miniflex {
-        width: 100%;
-        float: left;
-        font-size: small; /* could be specified at a higher level */
-        margin: 0;
-        padding: 0 10px 0 10px;
-        border-bottom: 1px solid #696;
-        position:relative;
-        z-index:2;
-        }
-
 #miniflex li {
-        float: left;
-        margin: 0;
-        padding: 0 8px 0 8px;
-        display: inline;
-        list-style: none;
-        position:relative;
-        }
+    float: left;
+    margin: 0;
+    padding: 0 8px 0 8px;
+    display: inline;
+    list-style: none;
+    position:relative;
+}
 
-#miniflex a:link, #miniflex a:visited {
-        float: left;
-        font-size: 85%;
-        line-height: 20px;
-        font-weight: bold;
-        margin: 0 5px 0 5px; 
-        text-decoration: none;
-        color: #9c9;
-        }
+#miniflex input.minitabs {
+    float: left;
+    font-size: 85%;
+    line-height: 20px;
+    font-weight: bold;
+    margin: 0 5px 0 5px; 
+    text-decoration: none;
+    /* color when passive */
+    color: #9c9;  
+}
 
-#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
-        border-bottom: 4px solid #696;
-        padding-bottom: 2px;
-        color: #696;
-        }
+#miniflex input.active {
+    border-bottom: 4px solid #696;
+    padding-bottom: 2px;
+    /* color when mouse is on button */
+    color: #696;
+}
+
+#miniflex input[type=hidden] {
+    padding-bottom: 0px;
+}
         
 #animated-tab {
-        position: absolute;
-        z-index: 1;
-        font-size: 85%;
-        line-height: 20px;
-        padding-bottom: 2px;
-        border-bottom: 4px solid #696;
-        }
+    position: absolute;
+    z-index: 1;
+    font-size: 85%;
+    line-height: 20px;
+    padding-bottom: 2px;
+    border-bottom: 4px solid #696;
+}
+