ni_nitdoc: added fast copy past utility to signatures.
[nit.git] / share / nitdoc / styles / main.css
index c140156..6d1d80a 100644 (file)
@@ -84,7 +84,7 @@ header {
 .content {\r
        position: fixed;\r
        top: 50px;\r
-       bottom: 2em;\r
+       bottom: 0em;\r
        margin-left: 265px;\r
        width: 667px;\r
        overflow-y:     scroll;\r
@@ -96,12 +96,38 @@ header {
        width: 910px;\r
 }\r
 \r
+.content.footed {\r
+       bottom: 2em;\r
+}\r
+\r
 footer {\r
        position: fixed;\r
        bottom: 0;\r
        width: 100%;\r
 }\r
 \r
+article:hover > .signature .copyButton, .copyButton.zeroclipboard-is-hover {\r
+       visibility: visible;\r
+}\r
+\r
+.copyButton.zeroclipboard-is-active {\r
+       border-color: #0D8921;\r
+}\r
+\r
+.copyButton {\r
+       visibility: hidden;\r
+       vertical-align: middle;\r
+       margin: -2px 0px 0px 10px;\r
+       width: 22px;\r
+       height: 19px;\r
+       padding: 1px;\r
+       cursor: pointer;\r
+}\r
+\r
+.copyButton img {\r
+       width: 16px;\r
+}\r
+\r
 /* Webkit scroll bars */\r
 \r
 .menu {\r
@@ -294,14 +320,23 @@ nav ul li span,
        color: #6C6C6C;\r
 }\r
 \r
+.content a {\r
+       color: #0D8921;\r
+}\r
+\r
 .content a:hover {\r
        color: #333;\r
 }\r
 \r
-.content a {\r
+.info a {\r
+       color: #333;\r
+}\r
+\r
+.info a:hover {\r
        color: #0D8921;\r
 }\r
 \r
+\r
 article .info .code {\r
        float: right;\r
 }\r
@@ -349,48 +384,48 @@ article .info .code {
        margin: 0;\r
 }\r
 \r
-/* JS facilities */
-
+/* JS facilities */\r
+\r
 input[type=text] {\r
        width: 150px;\r
        border: 1px solid #CCC;\r
-       margin-right: 5px;
+       margin-right: 5px;\r
        padding: 1px 2px;\r
-}
-
+}\r
+\r
 input[type=text].notUsed {\r
        color: #999;\r
        font-style: italic;\r
 }\r
-
+\r
 nav .filter {\r
        text-align: center;\r
        padding: 5px;\r
-}
-
-nav.main input[type=text] {
-       margin: -2px 10px;
-       color: black;
-       font-style: normal;
-}
-
-nav.main form {
-       float: right;   
+}\r
+\r
+nav.main input[type=text] {\r
+       margin: -2px 10px;\r
+       color: black;\r
+       font-style: normal;\r
+}\r
+\r
+nav.main form {\r
+       float: right;   \r
 }\r
 \r
 .filter a {\r
        color: #0D8921;\r
        cursor: pointer;\r
        font-family: monospace;\r
-       margin-right: 5px;
+       margin-right: 5px;\r
    font-weight: bold;\r
 }\r
 \r
 .filter a.hidden {\r
-       color: #999;
+       color: #999;\r
    font-weight: normal;\r
-}
-
+}\r
+\r
 .filter a:hover {\r
        text-decoration: underline;\r
 }\r
@@ -410,9 +445,9 @@ nav h3 a.fold {
 }\r
 \r
 /* Icons */\r
-.vtype.public { background-image: url('../resources/icons/vtype_public.png')}\r
-.vtype.protected { background-image: url('../resources/icons/vtype_protected.png')}\r
-.vtype.private { background-image: url('../resources/icons/vtype_private.png')}\r
+.type.public { background-image: url('../resources/icons/vtype_public.png')}\r
+.type.protected { background-image: url('../resources/icons/vtype_protected.png')}\r
+.type.private { background-image: url('../resources/icons/vtype_private.png')}\r
 .init.public { background-image: url('../resources/icons/const_public.png')}\r
 .init.protected { background-image: url('../resources/icons/const_protected.png')}\r
 .init.private { background-image: url('../resources/icons/const_private.png')}\r
@@ -430,6 +465,7 @@ nav h3 a.fold {
        background-color: #FFFFFF;\r
        border: 1px solid #E0E0E0;\r
        border-spacing: 0px;\r
+       z-index: 10; /* the menu must be over the rest of the page. */\r
 }\r
 \r
 #searchTable .activeSearchResult {\r
@@ -450,4 +486,411 @@ nav h3 a.fold {
        font-size: small;\r
        width: 75%;\r
        text-align: right;\r
-}
\ No newline at end of file
+}\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, #lblDiffCommit: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
+}\r
+\r
+.popover a {\r
+       color: #0D8921;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.popover {\r
+       position: absolute;\r
+       width : 220px;\r
+       height:280px;\r
+       margin-left: -185px;\r
+       z-index: 1010;\r
+       display: block;\r
+       max-width: 276px;\r
+       padding: 1px;\r
+       text-align: left;\r
+       white-space: normal;\r
+       background-color: #ffffff;\r
+       border: 1px solid #ccc;\r
+       border: 1px solid rgba(0, 0, 0, 0.2);\r
+       -webkit-border-radius: 6px;\r
+        -moz-border-radius: 6px;\r
+             border-radius: 6px;\r
+       -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
+        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
+             box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
+       -webkit-background-clip: padding-box;\r
+        -moz-background-clip: padding;\r
+             background-clip: padding-box;\r
+}\r
+\r
+.popover.bottom {\r
+       margin-top: 10px;\r
+}\r
+\r
+.popover-title {\r
+       padding: 8px 14px;\r
+       margin: 0;\r
+       font-size: 14px;\r
+       font-weight: normal;\r
+       line-height: 18px;\r
+       background-color: #f7f7f7;\r
+       border-bottom: 1px solid #ebebeb;\r
+       -webkit-border-radius: 5px 5px 0 0;\r
+        -moz-border-radius: 5px 5px 0 0;\r
+             border-radius: 5px 5px 0 0;\r
+}\r
+\r
+.popover-title:empty {\r
+       display: none;\r
+}\r
+\r
+.popover-content {\r
+       padding: 9px 14px;\r
+}\r
+\r
+.popover .arrow,\r
+.popover .arrow:after {\r
+       position: absolute;\r
+       display: block;\r
+       width: 0;\r
+       height: 0;\r
+       border-color: transparent;\r
+       border-style: solid;\r
+}\r
+\r
+.popover .arrow {\r
+       border-width: 11px;\r
+}\r
+\r
+.popover .arrow:after {\r
+       border-width: 10px;\r
+       content: "";\r
+}\r
+\r
+.popover.bottom .arrow {\r
+       top: -11px;\r
+       left: 50%;\r
+       margin-left: 72px;\r
+       border-bottom-color: #999;\r
+       border-bottom-color: rgba(0, 0, 0, 0.25);\r
+       border-top-width: 0;\r
+}\r
+\r
+.popover.bottom .arrow:after {\r
+       top: 1px;\r
+       margin-left: -10px;\r
+       border-bottom-color: #ffffff;\r
+       border-top-width: 0;\r
+}\r
+\r
+#logGitHub{\r
+       cursor: hand; cursor: pointer;\r
+       height: 17px;\r
+       width: 17px;\r
+}\r
+\r
+#liGitHub{\r
+       float:right;\r
+       margin-top:-4px;\r
+       height: 20px;\r
+}\r
+\r
+#liGitHub input {\r
+       margin: 4px 10px 5px 10px;\r
+       color: black;\r
+       font-style: normal;\r
+       font-size: 12px;\r
+       border: 1px solid #CCC;\r
+}\r
+\r
+#lbloginGit, #lbpasswordGit, #lbrepositoryGit, #lbbranchGit, #lblSignedOff{\r
+       color: black;\r
+       font-style: normal;\r
+       margin-left: 10px;\r
+       margin-top: 10px;       \r
+}\r
+#logginMessage , #lbBranches{\r
+       color: black;\r
+       font-style: normal;\r
+       text-align: center;\r
+       margin-top: 10px;       \r
+}\r
+\r
+#divlogIn{\r
+       text-align: center;\r
+}\r
+\r
+#signIn{\r
+       display: block;\r
+       cursor: pointer;\r
+       margin: 2px 10px 5px 10px;\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
+}\r
+\r
+#passwordGit, #loginGit, #repositoryGit, #branchGit, #signedOff{\r
+       height:30px; \r
+       width: 200px;\r
+}\r
+\r
+#imgGitHub{\r
+       width:20px;\r
+}\r
+\r
+#dropBranches{\r
+       font-size: 12px;\r
+       height:20px; \r
+}\r
+\r
+#listBranches, #divGitHubRepoDisplay{\r
+       color: #000000;\r
+       display:block;\r
+       text-align:center;\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;    \r
+}\r
+\r
+.githubTitle{\r
+       text-align:center;\r
+}\r
+\r
+#preSave{\r
+       display: none;\r
+}\r
+\r
+.noComment {\r
+       padding: 5px;\r
+}\r
+\r
+a.newComment {\r
+       padding: 5px;\r
+       color: #0D8921;\r
+       display: block;\r
+       margin: 1em 0px;\r
+}\r
+a.newComment: hover {\r
+       color: #333;\r
+}\r