.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
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
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
}\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
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