updated branch; this is ready for review for inclusion in IkIWiki

[git.ikiwiki.info.git] / doc / style.css

diff --git a/doc/style.css b/doc/style.css
index 18bf531a6150208809cee6383b9e2194ef90ce8e..9f828996950c1c6b43a6d7677a95859ae4107305 100644 (file)
--- a/doc/style.css
+++ b/doc/style.css
@@ -10,7 +10,7 @@ footer,header,hgroup,menu,nav,section {
        display: block;
 }
 
-.header {
+div.header, header.header {
        margin: 0;
        font-size: 140%;
        font-weight: bold;
@@ -286,6 +286,7 @@ div.progress-done {
        #searchform { display: none; }
        .blogform, #blogform { display: none; }
        #backlinks { display: none; }
+       .addcomment { display: none; }
 }
 
 /* infobox template */
@@ -465,40 +466,40 @@ li.L8 { list-style: upper-alpha; }
        display: none;
 }
 
-/* openid selector */
-#openid_choice {
+/* login selector */
+#login_choice {
        display: none;
 }
-#openid_input_area {
+#login_input_area {
        clear: both;
        padding: 10px;
 }
-#openid_btns, #openid_btns br {
+#login_btns, #login_btns br {
        clear: both;
 }
-#openid_highlight {
+#login_highlight {
        background-color: black;
        float: left;
 }
-.openid_large_btn {
+.login_large_btn {
        padding: 1em 1.5em;
        border: 1px solid #DDD;
        margin: 3px;
        float: left;
 }
-.openid_small_btn {
+.login_small_btn {
        padding: 4px 4px;
        border: 1px solid #DDD;
        margin: 3px;
        float: left;
 }
-a.openid_large_btn:focus {
+a.login_large_btn:focus {
        outline: none;
 }
-a.openid_large_btn:focus {
+a.login_large_btn:focus {
        outline-style: none;
 }
-.openid_selected {
+.login_selected {
        border: 4px solid #DDD;
 }
 
@@ -555,27 +556,41 @@ a.openid_large_btn:focus {
                width: auto;
                float: none;
                margin-top: 0;
+               border: none;
        }
 
        /* if the mobile browser is new enough, use flex layout to shuffle
         * the sidebar to the end */
        .page {
                display: -webkit-box;
-               display: -ms-flexbox;
+               display: -webkit-flexbox;
                display: -webkit-flex;
+               display: -moz-box;
+               display: -ms-flexbox;
                display: flex;
+               -webkit-box-orient: vertical;
+               -webkit-flex-direction: tb;
+               -webkit-flex-direction: column;
+               -webkit-flex-flow: column;
+               -ms-flex-direction: column;
                flex-direction: column;
        }
        #pageheader {
                -webkit-box-ordinal-group: -1;
-               -ms-flex-order: -1;
                -webkit-order: -1;
+               -ms-box-ordinal-group: -1;
+               -ms-flex-order: -1;
                order: -1;
        }
        .sidebar, #footer {
                -webkit-box-ordinal-group: 1;
-               -ms-flex-order: 1;
                -webkit-order: 1;
+               -ms-box-ordinal-group: 1;
+               -ms-flex-order: 1;
                order: 1;
        }
+
+       .blogform, #blogform {
+               padding: 4px 4px;
+       }
 }