Ajout : choix peut-ĂȘtre.
[cyclowiki.git] / local.css
index 4f88192..18d201c 100644 (file)
--- a/local.css
+++ b/local.css
 #pageside h2,
 #pagebody h2 {
        background-color:transparent;
-       border-bottom:1px solid #aaa;
+       border-bottom:2px solid #aaa;
        display:block;
        font-size:125%;
        font-weight:bold;
        margin:3ex 0 1ex 0;
        padding:2px 0 2px 0;
  }
-#pagebody h1 + h2 {
+#pagebody h1 + h2,
+#pagebody h1 + h3,
+#pagebody h1 + h5,
+#pagebody h1 + h6 {
        margin-top:1ex;
  }
 #pageside h3,
 #pagebody h3 {
        background-color:transparent;
-       border-bottom:1px dotted #aaa;
-       color: #666;
+       border-bottom:2px dotted #aaa;
+       //color: #666;
        font-size: 110%;
        font-weight: bold;
        margin:3ex 0 1ex 0;
        padding:2px 0 2px 0;
        text-align:center;
  }
-#pagebody h2 + h3 {
+#pagebody h2 + h3,
+#pagebody h2 + h4,
+#pagebody h2 + h5,
+#pagebody h2 + h6 {
        margin-top:1ex;
  }
 #pageside h4,
        text-shadow: 1px 1px 2px #999999;
        margin:2ex 0 2px 0;
  }
-#pagebody h3 + h4 {
+#pagebody h3 + h4,
+#pagebody h2 + h5,
+#pagebody h2 + h6 {
        margin-top:1ex;
  }
 #pageside h5,
@@ -475,9 +483,55 @@ body {
        padding:0 0 0 1em;
  }
 #pagebody ol {
+       list-style-position:inside;
        margin:0 0 0 2px;
-       padding:0 0 0 1.5em;
+       padding:0 0 0 0em;
  }
+
+
+
+
+#pagebody ol {
+       counter-reset:li; /* Initiate a counter */
+       margin-left:0; /* Remove the default left margin */
+       padding-left:0; /* Remove the default left padding */
+ }
+#pagebody ol > li {
+       list-style:none; /* Disable the normal item numbering */
+       margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
+       padding:0 0 0 8px; /* Add some spacing around the content */
+       position:relative; /* Create a positioning context */
+ }
+#pagebody ol > li:before {
+       -moz-border-radius:2px;
+       -webkit-border-radius:2px;
+       background-color:white;
+       border-radius:2px;
+       counter-increment:li; /* Increment the counter by 1 */
+       content:counter(li); /* Use the counter as content */
+       /* Position and style the number */
+       -moz-box-sizing:border-box;
+       -webkit-box-sizing:border-box;
+       box-sizing:border-box;
+       left:-2em;
+       position:absolute;
+       width:2em;
+       /* Some space between the number and the content in browsers that support
+          generated content but not positioning it (Camino 2 is one example) */
+       background:#aaa;
+       color:#fff;
+       font-family:Arial,sans-serif;
+       font-weight:bold;
+       padding-top:2px;
+       padding-bottom:2px;
+       text-align:center;
+ }
+#pagebody li ol {
+       margin-top:6px;
+ }
+#pagebody ol ol li:last-child {margin-bottom:0;}
+
+
 #pagebody li > p {
        margin:0 0 0 0;
        padding:0 0 0 0;
@@ -530,6 +584,7 @@ body {
        background-color:#eee;
        border:0px solid #666;
        margin: 0 0 0 0;
+       font-size: 70%;
        padding: 2px 2px 0 2px;
  }
 
@@ -571,7 +626,7 @@ body {
  }
 
 .poll {
-       border-left:1ex solid #999;
+       border-left:1ex solid #aaa;
        padding-left:1em;
  }
 .poll .choice {