Add a different for the fourth quotation level
[banana.git] / css / banana.css
index b88a278..fd7f852 100644 (file)
@@ -49,6 +49,10 @@ h1 {
     margin: 1em 0em;
 }
 
+/****
+ * Bicolor table
+ */
+
 table.bicol {
     border-collapse: collapse;
     border: 1px solid #a2c2e1;
@@ -66,3 +70,60 @@ table.bicol th {
 
 table.bicol td { padding: 0px 4px; }
 
+/****
+ * Tabs
+ */
+
+table.cadre_a_onglet {
+    width: 100%;
+    border-width: 0;
+    padding : 0;
+    margin: 0;
+}
+
+td.conteneur_tab {
+    border-width : 1px 2px 2px 1px;
+    border-style : solid;
+    border-color : #a2c2e1;
+    padding : 4px 4px 4px 4px;
+}
+
+#onglet {
+    display : block;
+    margin : 0;
+    padding : 0;
+    margin-left: 3px;
+}
+
+#onglet li {
+    display : block;
+    float : left;
+    padding : 0.4ex;
+    margin : 0 0.3ex -1px 0;
+    background : #eee;
+    border-width : 1px 1px 0px 1px;
+    border-style : solid;
+    border-color : #a2c2e1;
+    border-bottom-color : #a2c2e1;
+    width: auto;
+    height: 3.5ex;
+    text-align: center;
+    font-size: 80%;
+    vertical-align: middle;
+}
+
+#onglet li:hover { background : #d6e1ec; }
+
+#onglet li.actif {
+    font-weight: bold;
+    background-color: #fff;
+    border-bottom-color : #fff;
+}
+
+#onglet li a {
+    font-weight : normal;
+    text-decoration : none;
+}
+
+#onglet li a:hover { text-decoration: underline; }
+#onglet li img { margin-right : 2px; }