X-Git-Url: http://nitlanguage.org diff --git a/share/nitdoc/styles/main.css b/share/nitdoc/styles/main.css index 0a0352e..6d1d80a 100644 --- a/share/nitdoc/styles/main.css +++ b/share/nitdoc/styles/main.css @@ -84,7 +84,7 @@ header { .content { position: fixed; top: 50px; - bottom: 2em; + bottom: 0em; margin-left: 265px; width: 667px; overflow-y: scroll; @@ -96,12 +96,38 @@ header { width: 910px; } +.content.footed { + bottom: 2em; +} + footer { position: fixed; bottom: 0; width: 100%; } +article:hover > .signature .copyButton, .copyButton.zeroclipboard-is-hover { + visibility: visible; +} + +.copyButton.zeroclipboard-is-active { + border-color: #0D8921; +} + +.copyButton { + visibility: hidden; + vertical-align: middle; + margin: -2px 0px 0px 10px; + width: 22px; + height: 19px; + padding: 1px; + cursor: pointer; +} + +.copyButton img { + width: 16px; +} + /* Webkit scroll bars */ .menu { @@ -294,62 +320,112 @@ nav ul li span, color: #6C6C6C; } +.content a { + color: #0D8921; +} + .content a:hover { color: #333; } -.content a { +.info a { + color: #333; +} + +.info a:hover { color: #0D8921; } + article .info .code { float: right; -} - +} + +.content .concern-doc { + border-top: 3px dotted #CCC; + padding: 5px 0; + color: #999; +} + +.content section.concerns { + padding: 10px; + background: #EEE; +} + +.content section.concerns h2 { + margin-top: 0; +} +.content section.concerns ul { + list-style-type: none; + padding-left: 0; + margin: 0; +} + +.content section.concerns li { + margin-top: 20px; +} + +.content section.concerns ul ul { + padding-left: 20px; +} + +.content section.concerns li li { + margin-top: 0; +} + +.content section.methods h3.concern-toplevel { + border-top: 3px dotted #CCC; + padding-top: 0.83em; + color: #999; +} + +.show-code { + margin: 0; +} + +/* JS facilities */ -/* JS facilities */ - input[type=text] { width: 150px; border: 1px solid #CCC; - margin-right: 5px; + margin-right: 5px; padding: 1px 2px; -} - +} + input[type=text].notUsed { color: #999; font-style: italic; } - + nav .filter { text-align: center; padding: 5px; -} - -nav.main input[type=text] { - margin: -2px 10px; - color: black; - font-style: normal; -} - -nav.main form { - float: right; +} + +nav.main input[type=text] { + margin: -2px 10px; + color: black; + font-style: normal; +} + +nav.main form { + float: right; } .filter a { color: #0D8921; cursor: pointer; font-family: monospace; - margin-right: 5px; + margin-right: 5px; font-weight: bold; } .filter a.hidden { - color: #999; + color: #999; font-weight: normal; -} - +} + .filter a:hover { text-decoration: underline; } @@ -369,9 +445,9 @@ nav h3 a.fold { } /* Icons */ -.vtype.public { background-image: url('../resources/icons/vtype_public.png')} -.vtype.protected { background-image: url('../resources/icons/vtype_protected.png')} -.vtype.private { background-image: url('../resources/icons/vtype_private.png')} +.type.public { background-image: url('../resources/icons/vtype_public.png')} +.type.protected { background-image: url('../resources/icons/vtype_protected.png')} +.type.private { background-image: url('../resources/icons/vtype_private.png')} .init.public { background-image: url('../resources/icons/const_public.png')} .init.protected { background-image: url('../resources/icons/const_protected.png')} .init.private { background-image: url('../resources/icons/const_private.png')} @@ -389,6 +465,7 @@ nav h3 a.fold { background-color: #FFFFFF; border: 1px solid #E0E0E0; border-spacing: 0px; + z-index: 10; /* the menu must be over the rest of the page. */ } #searchTable .activeSearchResult { @@ -409,4 +486,411 @@ nav h3 a.fold { font-size: small; width: 75%; text-align: right; -} \ No newline at end of file +} + +textarea { + margin: 10px; + font-family: monospace; + font-size: 1em; + width: 100%; +} +#commitBtn, #cancelBtn{ + float: right; + margin-right: 10px; +} +#commitBtn:hover, #cancelBtn:hover, #lblDiffCommit:hover{ + cursor: hand; cursor: pointer; +} + +#waitCommit { /*--Masque opaque noir de fond--*/ + display: none; + top: 40%; left: 40%; + z-index: 99999; +} +#fade { /*--Masque opaque noir de fond--*/ + display: none; /*--masqué par défaut--*/ + background: #000; + position: fixed; left: 0; top: 0; + width: 100%; height: 100%; + opacity: .80; + z-index: 9999; +} +#modal{ + display: none; /*--masqué par défaut--*/ + background: #fff; + padding: 20px; + border: 3px solid #ddd; + float: left; + font-size: 1.2em; + position: fixed; + top: 20%; left: 40%; + z-index: 99999; + /*--Les différentes définitions de Box Shadow en CSS3--*/ + -webkit-box-shadow: 0px 0px 20px #000; + -moz-box-shadow: 0px 0px 20px #000; + box-shadow: 0px 0px 20px #000; + /*--Coins arrondis en CSS3--*/ + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#modal #logginName{ + display: none; /*--masqué par défaut--*/ + background: #fff; + padding: 20px; + margin-bottom: 400px; + font-size: 1.2em; +} + +#modalQuestion{ + display: none; /*--masqué par défaut--*/ + background: #fff; + padding: 20px; + border: 3px solid #ddd; + float: left; + font-size: 1.2em; + position: fixed; + top: 20%; left: 40%; + z-index: 99999; + /*--Les différentes définitions de Box Shadow en CSS3--*/ + -webkit-box-shadow: 0px 0px 20px #000; + -moz-box-shadow: 0px 0px 20px #000; + box-shadow: 0px 0px 20px #000; + /*--Coins arrondis en CSS3--*/ + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#btnCreateBranch, #btnCancelBranch{ + padding: 6px 7px; + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background-color: #F5F5F5; + background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); + background-repeat: repeat-x; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3; + border-image: none; + border-radius: 4px 4px 4px 4px; + border-style: solid; + border-width: 1px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); + color: #333333; + cursor: pointer; + display: inline-block; + font-size: 14px; + line-height: 20px; + margin-bottom: 0; + padding: 4px 12px; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + margin-top: 5%; + margin-left: 10px; + +} + +#btnCreateBranch{ + margin-left: 35%; +} + +img.btn_close, img.btnCloseQuestion { + float: right; + margin: -35px -35px 0 0; +} +fieldset { + margin-bottom: 20px; +} + +#login, #password, #commitMessage, #repoCommit, #branchName{ + border: 1px solid #ccc; + padding: 6px 7px; + outline: none; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #777; + margin: 0; + width: 210px; + max-width: 100%; + display: block; + margin-bottom: 20px; + background: #fff; +} + +.connect-button a{ + display: block; + cursor: pointer; + margin: 0 0 20px 0; + background-color: #92C929; + background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */ + background-image: -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */ + background-image: linear-gradient(top, #92C929, #1d7900); + filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */ + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; + box-shadow: 0px 2px 4px rgba(0,0,0, .2); + -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2); + -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2); + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + border: 1px solid #1d7900; + color: #fff; + font-weight: 300; + font-size: 14px; + padding: 5px 7px 5px 7px; + text-align: center; + margin-top: 0px; +} + +.connect-button a:hover{ + background-image: -webkit-gradient(linear, left top, left bottom, from(#9AD42C), to(#1d7900)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #9AD42C, #1d7900); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #9AD42C, #1d7900); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #9AD42C, #1d7900); /* IE10 */ + background-image: -o-linear-gradient(top, #9AD42C, #1d7900); /* Opera 11.10+ */ + background-image: linear-gradient(top, #92C929, #1d7900); + filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9AD42C', EndColorStr='#1d7900'); /* IE6–IE9 */ +} + +.connect-button a:active{ + background-image: -webkit-gradient(linear, left top, left bottom, from(#73BD39), to(#1d7900)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #73BD39, #1d7900); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #73BD39, #1d7900); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #73BD39, #1d7900); /* IE10 */ + background-image: -o-linear-gradient(top, #73BD39, #1d7900); /* Opera 11.10+ */ + background-image: linear-gradient(top, #73BD39, #1d7900); + filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73BD39', EndColorStr='#1d7900'); /* IE6–IE9 */ +} + +.connect-button a strong{ + color: #fff; + font-weight: 600; +} + +.connect-button a:hover{ + text-decoration: none; +} + +.connect-button a img{ + margin-right: 7px; + margin-bottom: -3px; + height: 16px; + width: 16px; +} + +.popover a:hover { + color: #333; + cursor: hand; cursor: pointer; +} + +.popover a { + color: #0D8921; + margin-bottom: 10px; +} + +.popover { + position: absolute; + width : 220px; + height:280px; + margin-left: -185px; + z-index: 1010; + display: block; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: 72px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +#logGitHub{ + cursor: hand; cursor: pointer; + height: 17px; + width: 17px; +} + +#liGitHub{ + float:right; + margin-top:-4px; + height: 20px; +} + +#liGitHub input { + margin: 4px 10px 5px 10px; + color: black; + font-style: normal; + font-size: 12px; + border: 1px solid #CCC; +} + +#lbloginGit, #lbpasswordGit, #lbrepositoryGit, #lbbranchGit, #lblSignedOff{ + color: black; + font-style: normal; + margin-left: 10px; + margin-top: 10px; +} +#logginMessage , #lbBranches{ + color: black; + font-style: normal; + text-align: center; + margin-top: 10px; +} + +#divlogIn{ + text-align: center; +} + +#signIn{ + display: block; + cursor: pointer; + margin: 2px 10px 5px 10px; + background-color: #92C929; + background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */ + background-image: -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */ + background-image: linear-gradient(top, #92C929, #1d7900); + filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */ + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; + box-shadow: 0px 2px 4px rgba(0,0,0, .2); + -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2); + -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2); + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + border: 1px solid #1d7900; + color: #fff; + font-weight: 300; + font-size: 14px; + padding: 5px 7px 5px 7px; + text-align: center; +} + +#passwordGit, #loginGit, #repositoryGit, #branchGit, #signedOff{ + height:30px; + width: 200px; +} + +#imgGitHub{ + width:20px; +} + +#dropBranches{ + font-size: 12px; + height:20px; +} + +#listBranches, #divGitHubRepoDisplay{ + color: #000000; + display:block; + text-align:center; + margin-top: 15px; + margin-bottom: 15px; +} + +.githubTitle{ + text-align:center; +} + +#preSave{ + display: none; +} + +.noComment { + padding: 5px; +} + +a.newComment { + padding: 5px; + color: #0D8921; + display: block; + margin: 1em 0px; +} +a.newComment: hover { + color: #333; +}