nitdoc: Add a css style

Adds a style to the commit form and edit tags

signed-off by: Stefan Lage <lagestfan@gmail.com>

Conflicts:
	share/nitdoc/styles/main.css

diff --git a/share/nitdoc/styles/main.css b/share/nitdoc/styles/main.css
index e61271d..5bc8880 100644 (file)
--- a/share/nitdoc/styles/main.css
+++ b/share/nitdoc/styles/main.css
@@ -453,6 +453,207 @@ nav h3 a.fold {
        text-align: right;\r
 }\r
 \r
+textarea {\r
+       margin: 10px;\r
+       font-family: monospace;\r
+       font-size: 1em;\r
+       width: 100%;\r
+}\r
+#commitBtn, #cancelBtn{\r
+       float: right;\r
+       margin-right: 10px;\r
+}\r
+#commitBtn:hover, #cancelBtn:hover{\r
+       cursor: hand; cursor: pointer;\r
+}\r
+\r
+#waitCommit { /*--Masque opaque noir de fond--*/\r
+       display: none;\r
+       top: 40%; left: 40%;\r
+       z-index: 99999;\r
+}\r
+#fade { /*--Masque opaque noir de fond--*/\r
+       display: none; /*--masqué par défaut--*/\r
+       background: #000;\r
+       position: fixed; left: 0; top: 0;\r
+       width: 100%; height: 100%;\r
+       opacity: .80;\r
+       z-index: 9999;\r
+}\r
+#modal{\r
+       display: none; /*--masqué par défaut--*/\r
+       background: #fff;\r
+       padding: 20px;\r
+       border: 3px solid #ddd;\r
+       float: left;\r
+       font-size: 1.2em;\r
+       position: fixed;\r
+       top: 20%; left: 40%;\r
+       z-index: 99999;\r
+       /*--Les différentes définitions de Box Shadow en 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
+       /*--Coins arrondis en CSS3--*/\r
+       -webkit-border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       border-radius: 10px;\r
+}\r
+\r
+#modal #logginName{\r
+       display: none; /*--masqué par défaut--*/\r
+       background: #fff;\r
+       padding: 20px;\r
+       margin-bottom: 400px;   \r
+       font-size: 1.2em;       \r
+}\r
+\r
+#modalQuestion{\r
+       display: none; /*--masqué par défaut--*/\r
+       background: #fff;\r
+       padding: 20px;\r
+       border: 3px solid #ddd;\r
+       float: left;\r
+       font-size: 1.2em;\r
+       position: fixed;\r
+       top: 20%; left: 40%;\r
+       z-index: 99999;\r
+       /*--Les différentes définitions de Box Shadow en 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
+       /*--Coins arrondis en CSS3--*/\r
+       -webkit-border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       border-radius: 10px;\r
+}\r
+\r
+#btnCreateBranch, #btnCancelBranch{\r
+       padding: 6px 7px;\r
+       -moz-border-bottom-colors: none;\r
+    -moz-border-left-colors: none;\r
+    -moz-border-right-colors: none;\r
+    -moz-border-top-colors: none;\r
+    background-color: #F5F5F5;\r
+    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);\r
+    background-repeat: repeat-x;\r
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;\r
+    border-image: none;\r
+    border-radius: 4px 4px 4px 4px;\r
+    border-style: solid;\r
+    border-width: 1px;\r
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);\r
+    color: #333333;\r
+    cursor: pointer;\r
+    display: inline-block;\r
+    font-size: 14px;\r
+    line-height: 20px;\r
+    margin-bottom: 0;\r
+    padding: 4px 12px;\r
+    text-align: center;\r
+    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);\r
+    vertical-align: middle;\r
+    margin-top: 5%;\r
+    margin-left: 10px;\r
+\r
+}\r
+\r
+#btnCreateBranch{\r
+       margin-left: 35%;\r
+}\r
+\r
+img.btn_close, img.btnCloseQuestion {\r
+       float: right;\r
+       margin: -35px -35px 0 0;\r
+}\r
+fieldset { \r
+    margin-bottom: 20px; \r
+}\r
+\r
+#login, #password, #commitMessage, #repoCommit, #branchName{\r
+       border: 1px solid #ccc;\r
+       padding: 6px 7px;\r
+       outline: none;\r
+       -moz-border-radius: 2px;\r
+       -webkit-border-radius: 2px;\r
+       border-radius: 2px;\r
+       font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;\r
+       color: #777;\r
+       margin: 0;\r
+       width: 210px;\r
+       max-width: 100%;\r
+       display: block;\r
+       margin-bottom: 20px;\r
+       background: #fff; \r
+}\r
+\r
+.connect-button a{\r
+       display: block;\r
+       cursor: pointer;\r
+       margin: 0 0 20px 0;\r
+       background-color: #92C929;\r
+       background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */\r
+       background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */\r
+       background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */\r
+       background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */\r
+       background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */\r
+       background-image:         linear-gradient(top, #92C929, #1d7900);\r
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */    \r
+       border-radius: 4px;\r
+       -moz-border-radius: 4px; \r
+       -webkit-border-radius: 4px;  \r
+       -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;    \r
+       box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
+       -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
+       -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);    \r
+       text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
+       -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
+       -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);    \r
+       border: 1px solid #1d7900;    \r
+       color: #fff;\r
+       font-weight: 300;\r
+       font-size: 14px;\r
+       padding: 5px 7px 5px 7px;\r
+       text-align: center;\r
+       margin-top: 0px;\r
+}\r
+\r
+.connect-button a:hover{\r
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#9AD42C), to(#1d7900)); /* Saf4+, Chrome */\r
+    background-image: -webkit-linear-gradient(top, #9AD42C, #1d7900); /* Chrome 10+, Saf5.1+ */\r
+    background-image:    -moz-linear-gradient(top, #9AD42C, #1d7900); /* FF3.6 */\r
+    background-image:     -ms-linear-gradient(top, #9AD42C, #1d7900); /* IE10 */\r
+    background-image:      -o-linear-gradient(top, #9AD42C, #1d7900); /* Opera 11.10+ */\r
+    background-image:         linear-gradient(top, #92C929, #1d7900);\r
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9AD42C', EndColorStr='#1d7900'); /* IE6–IE9 */\r
+}\r
+\r
+.connect-button a:active{\r
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#73BD39), to(#1d7900)); /* Saf4+, Chrome */\r
+    background-image: -webkit-linear-gradient(top, #73BD39, #1d7900); /* Chrome 10+, Saf5.1+ */\r
+    background-image:    -moz-linear-gradient(top, #73BD39, #1d7900); /* FF3.6 */\r
+    background-image:     -ms-linear-gradient(top, #73BD39, #1d7900); /* IE10 */\r
+    background-image:      -o-linear-gradient(top, #73BD39, #1d7900); /* Opera 11.10+ */\r
+    background-image:         linear-gradient(top, #73BD39, #1d7900);\r
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73BD39', EndColorStr='#1d7900'); /* IE6–IE9 */\r
+}\r
+\r
+.connect-button a strong{\r
+    color: #fff;\r
+    font-weight: 600;\r
+}\r
+\r
+.connect-button a:hover{\r
+    text-decoration: none;\r
+}\r
+\r
+.connect-button a img{\r
+    margin-right: 7px;\r
+    margin-bottom: -3px;\r
+    height: 16px;\r
+    width: 16px;\r
+}\r
+\r
 .popover a:hover {\r
        color: #333;\r
        cursor: hand; cursor: pointer;\r
@@ -465,8 +666,6 @@ nav h3 a.fold {
 \r
 .popover {\r
        position: absolute;\r
-       /*top: 0;\r
-       left: 0;*/\r
        width : 220px;\r
        height:280px;\r
        margin-left: -102px;\r