nitdoc: migrate github modalbox to JQuery.UI widget

[nit.git] / share / nitdoc / styles / Nitdoc.GitHub.css

diff --git a/share/nitdoc/styles/Nitdoc.GitHub.css b/share/nitdoc/styles/Nitdoc.GitHub.css
index 3c7179b..ee847cc 100644 (file)
--- a/share/nitdoc/styles/Nitdoc.GitHub.css
+++ b/share/nitdoc/styles/Nitdoc.GitHub.css
@@ -21,9 +21,9 @@
  */\r
 \r
 #nitdoc-github-li {\r
-       float: right;\r
+       float: left;\r
        padding: 0;\r
-       margin: -2px 15px 5px 5px;\r
+       margin: -2px 5px 5px 15px;\r
 }\r
 \r
 #nitdoc-github-li.current {\r
@@ -40,7 +40,7 @@
        position: absolute;\r
        width : 220px;\r
        margin-top: 2px;\r
-       margin-left: -208px;\r
+       margin-left: -10px;\r
        display: block;\r
        padding: 10px;\r
        text-align: left;\r
@@ -68,8 +68,7 @@
        border-style: solid;\r
        border-width: 7px;\r
        top: -7px;\r
-       left: 50%;\r
-       margin-left: 90px;\r
+       margin-left: 2px;\r
        border-bottom-color: #999;\r
        border-bottom-color: rgba(0, 0, 0, 0.25);\r
        border-top-width: 0;\r
@@ -120,11 +119,18 @@
        margin-bottom: 20px;\r
 }\r
 \r
+\r
+#nitdoc-github-loginbox a.nitdoc-github-loginbox-githublink {\r
+       display: block;\r
+       margin: 10px;\r
+       color: #0D8921;\r
+}\r
+\r
 /* \r
  * Nitdoc Github buttons\r
  */\r
 \r
-button.nitdoc-github-button {\r
+.nitdoc-github-button {\r
        display: inline-block;\r
        cursor: pointer;\r
        background-color: #92C929;\r
@@ -171,77 +177,43 @@ button.nitdoc-github-button img {
        width: 16px;\r
 }\r
 \r
-/*\r
- * Modal Box\r
- */\r
-\r
-.nitdoc-github-fade {\r
-       background: #000;\r
-       position: fixed; left: 0; top: 0;\r
-       width: 100%; height: 100%;\r
-       opacity: .80;\r
-       filter: alpha(opacity=80);\r
-       z-index: 9999;\r
-}\r
+/* Comment editing */\r
 \r
-.nitdoc-github-modal {\r
+.nitdoc-github-commentbox {\r
+       margin: 1em 5px;\r
+       border: 1px solid #eee;\r
+       padding: 1em;\r
        background: #fff;\r
-       padding: 20px;\r
-       border: 1px solid #ddd;\r
-       float: left;\r
-       position: fixed;\r
-       z-index: 99999;\r
-       /* fix Box Shadow CSS3 */\r
-       -webkit-box-shadow: 0px 0px 20px #000;\r
-       -moz-box-shadow: 0px 0px 20px #000;\r
-       box-shadow: 0px 0px 20px #000;\r
-       /* round corners CSS3 */\r
-       -webkit-border-radius: 2px;\r
-       -moz-border-radius: 2px;\r
-       border-radius: 2px;\r
-       text-align: left;\r
+       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r
+       -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r
+       box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r
 }\r
 \r
-.nitdoc-github-buttons, .nitdoc-github-modal h3 {\r
-       text-align: center;\r
+.nitdoc-github-commentbox h3 {\r
+       margin: 0;\r
 }\r
 \r
-.nitdoc-github-modal.nitdoc-github-error h3 {\r
-       color: red;\r
-}\r
-\r
-.nitdoc-github-modal textarea {\r
-       min-width: 300px;\r
-       width: 100%;\r
+.nitdoc-github-commentbox-buttons {\r
+       text-align: right;\r
 }\r
 \r
-.nitdoc-github-modal button {\r
-       line-height: 20px;\r
+.nitdoc-github-commentbox dl {\r
        margin-bottom: 0;\r
-       padding: 4px 12px;\r
-       margin-top: 20px;\r
 }\r
 \r
-.nitdoc-github-close {\r
-       float: right;\r
-       margin: -22px -17px 0 0;\r
-       cursor: pointer;\r
-       font-size: 1.3em;\r
-       font-weight: bold;\r
-       text-transform: lowercase;\r
+.nitdoc-github-commentbox dt {\r
+       margin-bottom: 0.5em;\r
 }\r
 \r
-/* Comment editing */\r
-\r
-.nitdoc-github-commentbox {\r
-       text-align: right;\r
+.nitdoc-github-commentbox dd {\r
+       margin: 0 0 1em 0;\r
 }\r
 \r
 .nitdoc-github-commentbox textarea {\r
+       display: block;\r
        font-family: monospace;\r
        font-size: 1em;\r
        width: 100%;\r
-       margin-top: 1em;\r
        padding: 4px;\r
        padding-left: 11px;\r
        overflow-y: hidden;\r