share/nitdoc/styles/main.css

   1 /* General */
   2
   3 body {
   4         font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;
   5 }
   6
   7 a {
   8         color: #333;
   9         text-decoration: none;
  10 }
  11
  12 a:hover {
  13         color: #0D8921;
  14 }
  15
  16 ul {
  17         list-style-type: square;
  18 }
  19
  20 pre, code {
  21         white-space: pre;
  22         font-family: monospace;
  23         font-size: 1em;
  24 }
  25
  26 .description div.comment {
  27         background: #EEE;
  28         color: black;
  29         overflow: auto;
  30         padding: 0 0 0 12px;
  31         margin: 1em 0 0 0;
  32 }
  33
  34 .description textarea.baseComment {
  35         display: none;
  36 }
  37
  38 hr {
  39         background-color: #DDD;
  40         height: 1px;
  41         border: 0;
  42 }
  43
  44 div.clear {
  45         clear: both;
  46 }
  47
  48 /* Titles */
  49
  50 h1, h2, h3, h4, h5 {
  51         font-family: Verdana, Geneva, sans-serif;
  52         color: #6C6C6C;
  53         font-weight: normal;
  54 }
  55
  56 h1 {
  57         font-size: 300%;
  58         margin: 0 0 10px 0;
  59 }
  60
  61 h3 {
  62         font-weight: bold;
  63 }
  64
  65 /* Page display */
  66
  67 html {
  68         height: 100%;
  69         overflow: hidden;
  70 }
  71
  72 body {
  73         height: 100%;
  74         margin: 0;
  75 }
  76
  77 header {
  78         position: fixed;
  79         z-index: 50;
  80         left: 0;
  81         right: 0;
  82 }
  83
  84 .page {
  85         margin: auto;
  86         height: 100%;
  87 }
  88
  89 .sidebar {
  90         position: fixed;
  91         z-index: 10;
  92         top: 50px;
  93         bottom: 1em;
  94         width: 250px;
  95         overflow-y:     scroll;
  96 }
  97
  98 .sidebar nav:last-child {
  99         margin-bottom: 0;
 100 }
 101
 102 .content {
 103         position: fixed;
 104         z-index: 10;
 105         top: 50px;
 106         bottom: 1em;
 107         left: 0;
 108         right: 0;
 109         margin-left: 265px;
 110         overflow-y:     scroll;
 111         margin-right: 5px;
 112         padding-right: 10px;
 113 }
 114
 115 .content.fullpage {
 116         margin-left: 20px;
 117         width: auto;
 118 }
 119
 120 .page.footed .content, .page.footed .sidebar {
 121         bottom: 2em;
 122 }
 123
 124 footer {
 125         position: fixed;
 126         z-index: 50;
 127         bottom: 0;
 128         width: 100%;
 129 }
 130
 131 /* Webkit scroll bars */
 132
 133 .sidebar {
 134     overflow-y: hidden;
 135 }
 136
 137 .sidebar:hover {
 138     overflow-y: scroll;
 139 }
 140
 141 .sidebar::-webkit-scrollbar, .content::-webkit-scrollbar {
 142     width: 10px;
 143 }
 144
 145 .sidebar::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {
 146         background: #CCC;
 147         -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
 148 }
 149
 150 .sidebar::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {
 151         background: #999;
 152 }
 153
 154 .sidebar::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {
 155         background: transparent;
 156 }
 157
 158 .sidebar::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {
 159         width: 0;
 160         height: 0;
 161         display: none;
 162 }
 163
 164 /* Header, Footer */
 165
 166 header nav ul {
 167         padding: 0;
 168         list-style-type: none;
 169         margin: auto;
 170 }
 171
 172 header nav ul li {
 173         display: inline;
 174         padding: 3px 6px;
 175         margin: auto 5px;
 176         color: #999;
 177 }
 178
 179 footer {
 180         text-align: center;
 181         padding-bottom: 10px;
 182         color: #CCC;
 183 }
 184
 185 /* Main menu */
 186
 187 header nav.main {
 188         background: #f1f1f1;
 189         border-bottom: 1px solid #ddd;
 190         padding: 7px 0;
 191 }
 192
 193 header nav.main ul li.current {
 194         background: #0D8921;
 195         border-radius: 2px;
 196         -moz-border-radius: 2px;
 197         -webkit-border-radius: 2px;
 198         border: 1px solid #1d7900;
 199         color: #fff;
 200         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 201         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 202         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 203 }
 204
 205 /* Sidebar */
 206
 207 .sidebar nav {
 208         margin: 20px;
 209         width: 208px;
 210         border: 1px solid #ddd;
 211 }
 212
 213 .sidebar nav:first-child {
 214         margin-top: 0;
 215 }
 216
 217 .sidebar nav h3 {
 218         margin: 0;
 219         padding: 5px;
 220         background: #f1f1f1;
 221         font-size: 1em;
 222         -webkit-touch-callout: none;
 223         -webkit-user-select: none;
 224         -khtml-user-select: none;
 225         -moz-user-select: none;
 226         -ms-user-select: none;
 227         user-select: none;
 228 }
 229
 230 .sidebar nav h4 {
 231         font-weight: bold;
 232         color: #555555;
 233         margin: 10px 0 0 10px;
 234         font-size: 12px;
 235 }
 236
 237 .sidebar nav h4:last-child {
 238         margin-bottom: 5px;
 239 }
 240
 241 .sidebar nav ul {
 242         margin: 10px;
 243         padding: 0;
 244         list-style-type: none;
 245 }
 246
 247 .sidebar nav ul li {
 248         overflow: hidden;
 249         color: #CCC;
 250 }
 251
 252 /* Content */
 253
 254 .content article {
 255         color: #6C6C6C;
 256         background-repeat: no-repeat;
 257         background-position: left 7px;
 258         margin: 20px 0;
 259         padding: 5px 20px;
 260 }
 261
 262 .content article h3 {
 263         margin: 0;
 264         font-weight: bold;
 265         color: #333;
 266 }
 267
 268 .content article.graph {
 269         text-align: center;
 270 }
 271
 272 .content article.modules,
 273 .content article.classes,
 274 .content article.properties {
 275         float: left;
 276         width: 250px;
 277         overflow: hidden;
 278 }
 279
 280 .content article.overview ul,
 281 .content article.modules ul,
 282 .content article.classes ul,
 283 .content article.properties ul {
 284         list-style-type: none;
 285         padding: 0;
 286 }
 287
 288 .content article.properties ul ul {
 289         padding-left: 10px;
 290 }
 291
 292 nav ul li span {
 293         color: #CCC;
 294         text-align: center;
 295         font-family: monospace;
 296         margin-right: 5px;
 297 }
 298
 299 .content article.modules ul code,
 300 .content article.classes ul code,
 301 .content article.properties ul code {
 302         font-weight: normal;
 303 }
 304
 305 .content section.summary h2, .content section.summary article{
 306         color: #000000;
 307 }
 308
 309 .content section.summary article h3{
 310         font-weight: bold;
 311         color: #555;
 312 }
 313
 314 .content article:target {
 315         background-color: #FFF3C2;
 316         color: black;
 317 }
 318
 319 .content .subtitle {
 320         color: #6C6C6C;
 321 }
 322
 323 .content a {
 324         color: #0D8921;
 325 }
 326
 327 .content a:hover {
 328         color: #333;
 329 }
 330
 331 .info {
 332         color: #6C6C6C;
 333 }
 334
 335 .info a {
 336         color: #333;
 337 }
 338
 339 .info a:hover {
 340         color: #0D8921;
 341 }
 342
 343
 344 article .info .code {
 345         float: right;
 346 }
 347
 348 .description .inheritance {
 349         text-align: right;
 350         margin: 2px;
 351
 352 }
 353
 354 .content .concern-doc {
 355         border-bottom: 1px dashed #CCC;
 356         padding: 5px 0;
 357         color: #6C6C6C;
 358 }
 359
 360 .content section.concerns {
 361         padding: 10px;
 362         border: 1px solid #ccc;
 363
 364 }
 365
 366 .content section.concerns h2 {
 367         margin-top: 0;
 368 }
 369
 370 .content section.concerns ul {
 371     list-style-type: none;
 372     padding-left: 0;
 373     margin: 0;
 374 }
 375
 376 .content section.concerns li {
 377     margin-top: 20px;
 378 }
 379
 380 .content section.concerns ul ul {
 381     padding-left: 20px;
 382 }
 383
 384 .content section.concerns li li {
 385     margin-top: 0;
 386 }
 387
 388 .content section.methods h3.concern-toplevel {
 389         padding: 10px;
 390         border: 1px solid #ccc;
 391         color: #6C6C6C;
 392 }
 393
 394 .show-code {
 395         margin: 0;
 396 }
 397
 398 /* Icons */
 399
 400 .type.public, .interface.public, .abstract.class.public { background-image: url('../resources/icons/vtype_public.png')}
 401 .type.protected, .interface.protected, .abstract.class.protected { background-image: url('../resources/icons/vtype_protected.png')}
 402 .type.private, .interface.private, .abstract.class.private { background-image: url('../resources/icons/vtype_private.png')}
 403 .init.public, .enum.public { background-image: url('../resources/icons/const_public.png')}
 404 .init.protected, .enum.protected { background-image: url('../resources/icons/const_protected.png')}
 405 .init.private, .enum.private { background-image: url('../resources/icons/const_private.png')}
 406 .fun.public, .class.public, .extern.public { background-image: url('../resources/icons/meth_public.png')}
 407 .fun.protected, .class.protected, .extern.protected { background-image: url('../resources/icons/meth_protected.png')}
 408 .fun.private, .class.private, .extern.private { background-image: url('../resources/icons/meth_private.png')}
 409
 410 /* Form elements */
 411
 412 input[type=text] {
 413         border: 1px solid #CCC;
 414         padding: 1px 2px;
 415 }
 416
 417 nav.main input[type=text] {
 418         margin: -2px 10px;
 419         color: black;
 420         font-style: normal;
 421 }
 422
 423 /* New comments style */
 424
 425 .content .nitdoc {
 426   background: #F7F7F7;
 427   padding: 5px;
 428   color: black;
 429   overflow: auto;
 430 }
 431
 432 .content .nitdoc pre {
 433   background: #EEE;
 434 }
 435
 436 .content .nitdoc code {
 437   background: #DDD;
 438   padding: 0 1px;
 439 }
 440
 441 .rawcode {
 442 }
 443
 444 .nitcode a { color: inherit; text-decoration: inherit; } /* hide links */
 445 .nitcode a:hover { text-decoration: underline; } /* underline links */
 446 .nitcode span[title]:hover { text-decoration: underline; } /* underline titles */
 447 /* lexical raw tokens. independent of usage or semantic: */
 448 .nitcode .nc_c { color: gray; font-style: italic; } /* comment */
 449 .nitcode .nc_d { color: #3D8127; font-style: italic; } /* documentation comments */
 450 .nitcode .nc_k { font-weight: bold; } /* keyword */
 451 .nitcode .nc_o {} /* operator */
 452 .nitcode .nc_i {} /* standard identifier */
 453 .nitcode .nc_t { color: #445588; font-weight: bold; } /* type/class identifier */
 454 .nitcode .nc_a { color: #445588; font-style: italic; } /* old style attribute identifier */
 455 .nitcode .nc_l { color: #009999; } /* char and number literal */
 456 .nitcode .nc_s { color: #8F1546; } /* string literal */
 457 /* syntactic token usage. added because of their position in the AST */
 458 .nitcode .nc_ast { color: blue; } /* assert label */
 459 .nitcode .nc_la { color: blue; } /* break/continue label */
 460 .nitcode .nc_m { color: #445588; } /* module name */
 461 /* syntactic groups */
 462 .nitcode .nc_def { font-weight: bold; color: blue; } /* name used in a definition */
 463 .nitcode .nc_def.nc_a { color: blue; } /* name used in a attribute definition */
 464 .nitcode .nc_def.nc_t { color: blue; } /* name used in a class or vt definition */
 465 .nitcode .nc_ss { color: #9E6BEB; } /* superstrings */
 466 .nitcode .nc_cdef {} /* A whole class definition */
 467 .nitcode .nc_pdef {} /* A whole property definition */
 468 /* semantic token usage */
 469 .nitcode .nc_v { font-style: italic; } /* local variable or parameter */
 470 .nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */
 471
 472 .nitcode .nc_error { border: 1px red solid;} /* not used */
 473