share/ni_nitdoc/styles/github.css

   1 button {
   2         display: inline-block;
   3         cursor: pointer;
   4         background-color: #92C929;
   5         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
   6         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
   7         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
   8         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
   9         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
  10         background-image:         linear-gradient(top, #92C929, #1d7900);
  11         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
  12         border-radius: 4px;
  13         -moz-border-radius: 4px;
  14         -webkit-border-radius: 4px;
  15         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  16         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
  17         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
  18         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
  19         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  20         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  21         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  22         border: 1px solid #1d7900;
  23         color: #fff;
  24         font-weight: bold;
  25         font-size: 14px;
  26         padding: 5px 7px 5px 7px;
  27         text-align: center;
  28 }
  29
  30 button[disabled=disabled] {
  31         background-color: #999999;
  32         background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333)); /* Saf4+, Chrome */
  33         background-image: -webkit-linear-gradient(top, #999999, #333333); /* Chrome 10+, Saf5.1+ */
  34         background-image:    -moz-linear-gradient(top, #999999, #333333); /* FF3.6 */
  35         background-image:     -ms-linear-gradient(top, #999999, #333333); /* IE10 */
  36         background-image:      -o-linear-gradient(top, #999999, #333333); /* Opera 11.10+ */
  37         background-image:         linear-gradient(top, #999999, #333333);
  38         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#333333'); /* IE6–IE9 */
  39         border: 1px solid #333333;
  40 }
  41
  42 button.github {
  43         width: 200px;
  44 }
  45
  46 button.github img {
  47         margin-right: 7px;
  48         margin-bottom: -3px;
  49         height: 16px;
  50         width: 16px;
  51 }
  52
  53 /* Menu items */
  54
  55 #liGitHub{
  56         float:right;
  57         margin-top:-4px;
  58         height: 20px;
  59         cursor: pointer;
  60 }
  61
  62 #liGitHub.current {
  63         color: #999;
  64 }
  65
  66 #imgGitHub {
  67         width: 20px;
  68 }
  69
  70 /* Modal Box */
  71
  72 #fade {
  73         display: none;
  74         background: #000;
  75         position: fixed; left: 0; top: 0;
  76         width: 100%; height: 100%;
  77         opacity: .80;
  78         filter: alpha(opacity=80);
  79         z-index: 9999;
  80 }
  81
  82 #modal{
  83         display: none;
  84         background: #fff;
  85         padding: 20px;
  86         border: 3px solid #ddd;
  87         float: left;
  88         position: fixed;
  89         z-index: 99999;
  90         /* fix Box Shadow CSS3 */
  91         -webkit-box-shadow: 0px 0px 20px #000;
  92         -moz-box-shadow: 0px 0px 20px #000;
  93         box-shadow: 0px 0px 20px #000;
  94         /* round corners CSS3 */
  95         -webkit-border-radius: 10px;
  96         -moz-border-radius: 10px;
  97         border-radius: 10px;
  98         text-align: left;
  99 }
 100
 101 #modal .buttonArea, #modal h3 {
 102         text-align: center;
 103 }
 104
 105 #modal textarea {
 106         min-width: 300px;
 107         width: 100%;
 108 }
 109
 110 #modal button {
 111         line-height: 20px;
 112         margin-bottom: 0;
 113         padding: 4px 12px;
 114         margin-top: 10px;
 115 }
 116
 117 #modal .btnClose {
 118         float: right;
 119         margin: -35px -35px 0 0;
 120         cursor: pointer;
 121 }
 122
 123 #modal h3.error {
 124         color: red;
 125 }
 126
 127 /* Login box */
 128
 129 #loginBox {
 130         cursor: default;
 131         position: absolute;
 132         width : 220px;
 133         margin-top: 10px;
 134         margin-left: -194px;
 135         z-index: 1010;
 136         display: block;
 137         padding: 10px;
 138         text-align: left;
 139         white-space: normal;
 140         background-color: #ffffff;
 141         border: 1px solid #ccc;
 142         border: 1px solid rgba(0, 0, 0, 0.2);
 143         -webkit-border-radius: 6px;
 144         -moz-border-radius: 6px;
 145         border-radius: 6px;
 146         -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 147         -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 148         box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 149         -webkit-background-clip: padding-box;
 150         -moz-background-clip: padding;
 151         background-clip: padding-box;
 152 }
 153
 154 #loginBox .arrow {
 155         position: absolute;
 156         display: block;
 157         width: 0;
 158         height: 0;
 159         border-color: transparent;
 160         border-style: solid;
 161         border-width: 11px;
 162         top: -11px;
 163         left: 50%;
 164         margin-left: 71px;
 165         border-bottom-color: #999;
 166         border-bottom-color: rgba(0, 0, 0, 0.25);
 167         border-top-width: 0;
 168 }
 169
 170 #loginBox .arrow:after {
 171         position: absolute;
 172         display: block;
 173         width: 0;
 174         height: 0;
 175         border-color: transparent;
 176         border-style: solid;
 177         border-width: 10px;
 178         content: "";
 179         top: 1px;
 180         margin-left: -10px;
 181         border-bottom-color: #ffffff;
 182         border-top-width: 0;
 183 }
 184
 185 #loginBox h3 {
 186         text-align:center;
 187 }
 188
 189 #loginBox input {
 190         width: 212px;
 191         height: 20px;
 192         padding: 3px;
 193         margin: 5px 0px 5px 0px;
 194         color: black;
 195         font-style: normal;
 196         font-size: 12px;
 197         border: 1px solid #CCC;
 198 }
 199
 200 #loginBox button {
 201         width: 220px;
 202 }
 203
 204 #loginBox #logginMessage {
 205         display: block;
 206         width: 100%;
 207         color: black;
 208         font-style: normal;
 209         text-align: center;
 210         margin-bottom: 20px;
 211 }
 212
 213 #loginBox #logginBranches {
 214         margin-bottom: 20px;
 215 }
 216
 217 #loginBox #dropBranches{
 218         margin-bottom: 10px;
 219         width: 169px;
 220 }
 221
 222 /* Comment editing */
 223
 224 .commentBox {
 225         text-align: right;
 226 }
 227
 228 .commentBox textarea {
 229         font-family: monospace;
 230         font-size: 1em;
 231         width: 100%;
 232         margin-top: 1em;
 233         padding: 4px;
 234         padding-left: 11px;
 235         overflow-y: hidden;
 236 }
 237
 238 .commentBox .preview {
 239         margin: 0 15px;
 240         cursor: pointer;
 241 }
 242
 243 .commentBox .cancel {
 244         background-color: #b33630;
 245         background-image: -webkit-gradient(linear, left top, left bottom, from(#b33630), to(#9f312c)); /* Saf4+, Chrome */
 246         background-image: -webkit-linear-gradient(top, #b33630, #9f312c); /* Chrome 10+, Saf5.1+ */
 247         background-image:    -moz-linear-gradient(top, #b33630, #9f312c); /* FF3.6 */
 248         background-image:     -ms-linear-gradient(top, #b33630, #9f312c); /* IE10 */
 249         background-image:      -o-linear-gradient(top, #b33630, #9f312c); /* Opera 11.10+ */
 250         background-image:         linear-gradient(top, #b33630, #9f312c);
 251         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b33630', EndColorStr='##9f312c'); /* IE6–IE9 */
 252         border: 1px solid #9f312c;
 253 }
 254
 255 span.noComment a {
 256         color: #0D8921;
 257 }
 258 span.noComment a:hover {
 259         color: #333;
 260 }
 261
 262 div.comment.locked {
 263         color: gray;
 264 }
 265 p.locked {
 266         color: black;
 267 }
 268
 269 a.cancel {
 270         color: #b33630;
 271         cursor: pointer;
 272 }