share/nitdoc/styles/Nitdoc.GitHub.css

   1 /* This file is part of NIT ( http://www.nitlanguage.org ).
   2
   3    Licensed under the Apache License, Version 2.0 (the "License");
   4    you may not use this file except in compliance with the License.
   5    You may obtain a copy of the License at
   6
   7    http://www.apache.org/licenses/LICENSE-2.0
   8
   9    Unless required by applicable law or agreed to in writing, software
  10    distributed under the License is distributed on an "AS IS" BASIS,
  11    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12    See the License for the specific language governing permissions and
  13    limitations under the License.
  14
  15    Documentation generator for the nit language.
  16    Generate API documentation in HTML format from nit source code.
  17 */
  18
  19 /*
  20  * Nitdoc Github Login Box
  21  */
  22
  23 #nitdoc-github-li {
  24         float: left;
  25         padding: 0;
  26         margin: -2px 5px 5px 15px;
  27 }
  28
  29 #nitdoc-github-li.current {
  30         color: #999;
  31 }
  32
  33 #nitdoc-github-li .nitdoc-github-li-img {
  34         width: 20px;
  35         cursor: pointer;
  36 }
  37
  38 #nitdoc-github-loginbox {
  39         cursor: default;
  40         position: absolute;
  41         width : 220px;
  42         margin-top: 2px;
  43         margin-left: -10px;
  44         display: block;
  45         padding: 10px;
  46         text-align: left;
  47         white-space: normal;
  48         background-color: #ffffff;
  49         border: 1px solid #ccc;
  50         border: 1px solid rgba(0, 0, 0, 0.2);
  51         -webkit-border-radius: 2px;
  52         -moz-border-radius: 2px;
  53         border-radius: 2px;
  54         -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  55         -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  56         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  57         -webkit-background-clip: padding-box;
  58         -moz-background-clip: padding;
  59         background-clip: padding-box;
  60 }
  61
  62 #nitdoc-github-loginbox .nitdoc-github-loginbox-arrow {
  63         position: absolute;
  64         display: block;
  65         width: 0;
  66         height: 0;
  67         border-color: transparent;
  68         border-style: solid;
  69         border-width: 7px;
  70         top: -7px;
  71         margin-left: 2px;
  72         border-bottom-color: #999;
  73         border-bottom-color: rgba(0, 0, 0, 0.25);
  74         border-top-width: 0;
  75 }
  76
  77 #nitdoc-github-loginbox .nitdoc-github-loginbox-arrow:after {
  78         position: absolute;
  79         display: block;
  80         width: 0;
  81         height: 0;
  82         border-color: transparent;
  83         border-style: solid;
  84         border-width: 10px;
  85         content: "";
  86         top: 1px;
  87         margin-left: -10px;
  88         border-bottom-color: #ffffff;
  89         border-top-width: 0;
  90 }
  91
  92 #nitdoc-github-loginbox h3 {
  93         text-align:center;
  94 }
  95
  96 #nitdoc-github-loginbox input {
  97         width: 212px;
  98         height: 20px;
  99         padding: 3px;
 100         margin: 5px 0px 5px 0px;
 101         color: black;
 102         font-style: normal;
 103         font-size: 12px;
 104         border: 1px solid #CCC;
 105 }
 106
 107 #nitdoc-github-loginbox button {
 108         margin-top: 15px;
 109         width: 220px;
 110         font-weight: bold;
 111 }
 112
 113 #nitdoc-github-loginbox h4 {
 114         display: block;
 115         width: 100%;
 116         color: #6C6C6C;
 117         font-style: normal;
 118         text-align: center;
 119         margin-bottom: 20px;
 120 }
 121
 122
 123 #nitdoc-github-loginbox a.nitdoc-github-loginbox-githublink {
 124         display: block;
 125         margin: 10px;
 126         color: #0D8921;
 127 }
 128
 129 /*
 130  * Nitdoc Github buttons
 131  */
 132
 133 button.nitdoc-github-button {
 134         display: inline-block;
 135         cursor: pointer;
 136         background-color: #92C929;
 137         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
 138         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
 139         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
 140         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
 141         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
 142         background-image:         linear-gradient(top, #92C929, #1d7900);
 143         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
 144         border-radius: 2px;
 145         -moz-border-radius: 2px;
 146         -webkit-border-radius: 2px;
 147         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 148         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 149         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 150         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 151         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 152         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 153         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 154         border: 1px solid #1d7900;
 155         color: #fff;
 156         font-size: 14px;
 157         padding: 5px 7px 5px 7px;
 158         text-align: center;
 159 }
 160
 161 button.nitdoc-github-button[disabled=disabled] {
 162         background-color: #999999;
 163         background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333)); /* Saf4+, Chrome */
 164         background-image: -webkit-linear-gradient(top, #999999, #333333); /* Chrome 10+, Saf5.1+ */
 165         background-image:    -moz-linear-gradient(top, #999999, #333333); /* FF3.6 */
 166         background-image:     -ms-linear-gradient(top, #999999, #333333); /* IE10 */
 167         background-image:      -o-linear-gradient(top, #999999, #333333); /* Opera 11.10+ */
 168         background-image:         linear-gradient(top, #999999, #333333);
 169         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#333333'); /* IE6–IE9 */
 170         border: 1px solid #333333;
 171 }
 172
 173 button.nitdoc-github-button img {
 174         margin-right: 7px;
 175         margin-bottom: -3px;
 176         height: 16px;
 177         width: 16px;
 178 }
 179
 180 /*
 181  * Modal Box
 182  */
 183
 184 .nitdoc-github-fade {
 185         background: #000;
 186         position: fixed; left: 0; top: 0;
 187         width: 100%; height: 100%;
 188         opacity: .80;
 189         filter: alpha(opacity=80);
 190         z-index: 9999;
 191 }
 192
 193 .nitdoc-github-modal {
 194         background: #fff;
 195         padding: 20px;
 196         border: 1px solid #ddd;
 197         float: left;
 198         position: fixed;
 199         z-index: 99999;
 200         /* fix Box Shadow CSS3 */
 201         -webkit-box-shadow: 0px 0px 20px #000;
 202         -moz-box-shadow: 0px 0px 20px #000;
 203         box-shadow: 0px 0px 20px #000;
 204         /* round corners CSS3 */
 205         -webkit-border-radius: 2px;
 206         -moz-border-radius: 2px;
 207         border-radius: 2px;
 208         text-align: left;
 209 }
 210
 211 .nitdoc-github-buttons, .nitdoc-github-modal h3 {
 212         text-align: center;
 213 }
 214
 215 .nitdoc-github-modal.nitdoc-github-error h3 {
 216         color: red;
 217 }
 218
 219 .nitdoc-github-modal textarea {
 220         min-width: 300px;
 221         width: 100%;
 222 }
 223
 224 .nitdoc-github-modal button {
 225         line-height: 20px;
 226         margin-bottom: 0;
 227         padding: 4px 12px;
 228         margin-top: 20px;
 229 }
 230
 231 .nitdoc-github-close {
 232         float: right;
 233         margin: -22px -17px 0 0;
 234         cursor: pointer;
 235         font-size: 1.3em;
 236         font-weight: bold;
 237         text-transform: lowercase;
 238 }
 239
 240 /* Comment editing */
 241
 242 .nitdoc-github-commentbox {
 243         margin: 1em 5px;
 244         border: 1px solid #eee;
 245         padding: 1em;
 246         background: #fff;
 247         -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 248         -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 249         box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 250 }
 251
 252 .nitdoc-github-commentbox h3 {
 253         margin: 0;
 254 }
 255
 256 .nitdoc-github-commentbox-buttons {
 257         text-align: right;
 258 }
 259
 260 .nitdoc-github-commentbox dl {
 261         margin-bottom: 0;
 262 }
 263
 264 .nitdoc-github-commentbox dt {
 265         margin-bottom: 0.5em;
 266 }
 267
 268 .nitdoc-github-commentbox dd {
 269         margin: 0 0 1em 0;
 270 }
 271
 272 .nitdoc-github-commentbox textarea {
 273         display: block;
 274         font-family: monospace;
 275         font-size: 1em;
 276         width: 100%;
 277         padding: 4px;
 278         padding-left: 11px;
 279         overflow-y: hidden;
 280         border: 1px solid #CCC;
 281 }
 282
 283 .nitdoc-github-preview {
 284         margin: 0 15px;
 285         cursor: pointer;
 286 }
 287
 288 .nitdoc-github-button.nitdoc-github-cancel {
 289         background-color: #b33630;
 290         background-image: -webkit-gradient(linear, left top, left bottom, from(#E97A74), to(#9f312c)); /* Saf4+, Chrome */
 291         background-image: -webkit-linear-gradient(top, #E97A74, #9f312c); /* Chrome 10+, Saf5.1+ */
 292         background-image:    -moz-linear-gradient(top, #E97A74, #9f312c); /* FF3.6 */
 293         background-image:     -ms-linear-gradient(top, #E97A74, #9f312c); /* IE10 */
 294         background-image:      -o-linear-gradient(top, #E97A74, #9f312c); /* Opera 11.10+ */
 295         background-image:         linear-gradient(top, #E97A74, #9f312c);
 296         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E97A74', EndColorStr='#9f312c'); /* IE6–IE9 */
 297         border: 1px solid #9f312c;
 298 }
 299
 300 div.comment.locked {
 301         color: gray;
 302 }
 303 p.locked {
 304         color: black;
 305 }
 306
 307 a.nitdoc-github-cancel {
 308         color: #b33630;
 309         cursor: pointer;
 310 }
 311
 312 a.nitdoc-github-update {
 313         color: orange;
 314         cursor: pointer;
 315 }