clarify that theme and css is not only to change stylesheets, but the look in general

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

diff --git a/doc/style.css b/doc/style.css
index 6050a2598850cd1e9ba9951cdc96a717250e6bcc..f0846c0d651ef63db8a5d6f73a286cb4603326d7 100644 (file)
--- a/doc/style.css
+++ b/doc/style.css
@@ -465,40 +465,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;
 }
 
@@ -562,21 +562,30 @@ a.openid_large_btn:focus {
         * 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;
        }