share/ni_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         left: 0;
  80         right: 0;
  81 }
  82
  83 .page {
  84         margin: auto;
  85         height: 100%;
  86 }
  87
  88 .menu {
  89         position: fixed;
  90         top: 50px;
  91         bottom: 1em;
  92         width: 250px;
  93         overflow-y:     scroll;
  94 }
  95
  96 .menu nav:last-child {
  97         margin-bottom: 0;
  98 }
  99
 100 .content {
 101         position: fixed;
 102         top: 50px;
 103         bottom: 1em;
 104         left: 0;
 105         right: 0;
 106         margin-left: 265px;
 107         overflow-y:     scroll;
 108         margin-right: 5px;
 109         padding-right: 10px;
 110 }
 111
 112 .content.fullpage {
 113         margin-left: 20px;
 114         width: auto;
 115 }
 116
 117 .page.footed .content, .page.footed .menu {
 118         bottom: 2em;
 119 }
 120
 121 footer {
 122         position: fixed;
 123         bottom: 0;
 124         width: 100%;
 125 }
 126
 127 article:hover > .signature .copyButton, .copyButton.zeroclipboard-is-hover {
 128         visibility: visible;
 129 }
 130
 131 .copyButton.zeroclipboard-is-active {
 132         border-color: #0D8921;
 133 }
 134
 135 .copyButton {
 136         visibility: hidden;
 137         vertical-align: middle;
 138         margin: -2px 0px 0px 10px;
 139         width: 22px;
 140         height: 19px;
 141         padding: 1px;
 142         cursor: pointer;
 143         background: #eee;
 144         border: 1px solid #ccc;
 145         box-shadow: none;
 146 }
 147
 148 .copyButton img {
 149         width: 16px;
 150 }
 151
 152 /* Webkit scroll bars */
 153
 154 .menu {
 155     overflow-y: hidden;
 156 }
 157
 158 .menu:hover {
 159     overflow-y: scroll;
 160 }
 161
 162 .menu::-webkit-scrollbar, .content::-webkit-scrollbar {
 163     width: 10px;
 164 }
 165
 166 .menu::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {
 167         background: #CCC;
 168         -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
 169 }
 170
 171 .menu::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {
 172         background: #999;
 173 }
 174
 175 .menu::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {
 176         background: transparent;
 177 }
 178
 179 .menu::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {
 180         width: 0;
 181         height: 0;
 182         display: none;
 183 }
 184
 185 /* Header, Footer */
 186
 187 header nav ul {
 188         padding: 0;
 189         list-style-type: none;
 190         margin: auto;
 191 }
 192
 193 header nav ul li {
 194         display: inline;
 195         padding: 3px 6px;
 196         margin: auto 5px;
 197         color: #999;
 198 }
 199
 200 header nav ul li a {
 201         color: black;
 202 }
 203
 204 header nav ul li a:hover {
 205         color: #0D8921;
 206 }
 207
 208 footer {
 209         text-align: center;
 210         padding-bottom: 10px;
 211         color: #CCC;
 212 }
 213
 214 /* Main menu */
 215
 216 header nav.main {
 217         background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;
 218         padding: 7px 0;
 219 }
 220
 221 header nav.main ul li.current {
 222         background: #0D8921;
 223         color: white;
 224 }
 225
 226 /* Latteral Menu */
 227
 228 .menu nav {
 229         margin: 20px;
 230         width: 208px;
 231         border: 1px solid #CCC;
 232 }
 233
 234 .menu nav:first-child {
 235         margin-top: 0;
 236 }
 237
 238 .menu nav h3 {
 239         margin: 0;
 240         padding: 5px;
 241         background: #CCC;
 242         font-size: 1em;
 243 }
 244
 245 .menu nav h4 {
 246         font-weight: bold;
 247         color: #555555;
 248         margin: 10px 0 0 10px;
 249         font-size: 12px;
 250 }
 251
 252 .menu nav h4:last-child {
 253         margin-bottom: 5px;
 254 }
 255
 256 .menu nav ul {
 257         margin: 10px;
 258         padding: 0;
 259         list-style-type: none;
 260 }
 261
 262 .menu nav ul li {
 263         overflow: hidden;
 264         color: #CCC;
 265 }
 266
 267 /* Content */
 268
 269 .content article {
 270         color: #6C6C6C;
 271         background-repeat: no-repeat;
 272         background-position: left 7px;
 273         margin: 20px 0;
 274         padding: 5px 20px;
 275 }
 276
 277 .content article h3 {
 278         margin: 0;
 279         font-weight: bold;
 280         color: #333;
 281 }
 282
 283 .content article.graph {
 284         text-align: center;
 285 }
 286
 287 .content article.modules,
 288 .content article.classes,
 289 .content article.properties {
 290         float: left;
 291         width: 250px;
 292         overflow: hidden;
 293 }
 294
 295 .content article.overview ul,
 296 .content article.modules ul,
 297 .content article.classes ul,
 298 .content article.properties ul {
 299         list-style-type: none;
 300         padding: 0;
 301 }
 302
 303 .content article.properties ul ul {
 304         padding-left: 10px;
 305 }
 306
 307 nav ul li span {
 308         color: #CCC;
 309         text-align: center;
 310         font-family: monospace;
 311         margin-right: 5px;
 312 }
 313
 314 .content article.modules ul code,
 315 .content article.classes ul code,
 316 .content article.properties ul code {
 317         font-weight: normal;
 318 }
 319
 320 .content section.summary h2, .content section.summary article{
 321         color: #000000;
 322 }
 323
 324 .content section.summary article h3{
 325         font-weight: bold;
 326         color: #555;
 327 }
 328
 329 .content article:target {
 330         background-color: #FFF3C2;
 331         color: black;
 332 }
 333
 334 .content .subtitle {
 335         color: #6C6C6C;
 336 }
 337
 338 .content a {
 339         color: #0D8921;
 340 }
 341
 342 .content a:hover {
 343         color: #333;
 344 }
 345
 346 .info {
 347         color: #6C6C6C;
 348 }
 349
 350 .info a {
 351         color: #333;
 352 }
 353
 354 .info a:hover {
 355         color: #0D8921;
 356 }
 357
 358
 359 article .info .code {
 360         float: right;
 361 }
 362
 363 .description .inheritance {
 364         text-align: right;
 365         margin: 2px;
 366
 367 }
 368
 369 .content .concern-doc {
 370         border-bottom: 1px dashed #CCC;
 371         padding: 5px 0;
 372         color: #6C6C6C;
 373 }
 374
 375 .content section.concerns {
 376         padding: 10px;
 377         border: 1px solid #ccc;
 378
 379 }
 380
 381 .content section.concerns h2 {
 382         margin-top: 0;
 383 }
 384
 385 .content section.concerns ul {
 386     list-style-type: none;
 387     padding-left: 0;
 388     margin: 0;
 389 }
 390
 391 .content section.concerns li {
 392     margin-top: 20px;
 393 }
 394
 395 .content section.concerns ul ul {
 396     padding-left: 20px;
 397 }
 398
 399 .content section.concerns li li {
 400     margin-top: 0;
 401 }
 402
 403 .content section.methods h3.concern-toplevel {
 404         padding: 10px;
 405         border: 1px solid #ccc;
 406         color: #6C6C6C;
 407 }
 408
 409 .show-code {
 410         margin: 0;
 411 }
 412
 413 /* JS facilities */
 414
 415 input[type=text] {
 416         width: 150px;
 417         border: 1px solid #CCC;
 418         margin-right: 5px;
 419         padding: 1px 2px;
 420 }
 421
 422 input[type=text].notUsed {
 423         color: #999;
 424         font-style: italic;
 425 }
 426
 427 nav .filter {
 428         text-align: center;
 429         padding: 5px;
 430 }
 431
 432 nav.main input[type=text] {
 433         margin: -2px 10px;
 434         color: black;
 435         font-style: normal;
 436 }
 437
 438 nav.main form {
 439         float: right;
 440 }
 441
 442 .filter a {
 443         color: #0D8921;
 444         cursor: pointer;
 445         font-family: monospace;
 446         margin-right: 5px;
 447    font-weight: bold;
 448 }
 449
 450 .filter a.hidden {
 451         color: #999;
 452    font-weight: normal;
 453 }
 454
 455 .filter a:hover {
 456         text-decoration: underline;
 457 }
 458
 459 nav h3 a.fold {
 460         margin: 0 5px;
 461         color: #999;
 462         font-family: monospace;
 463         font-weight: bold;
 464         font-size: 120%;
 465         cursor: pointer;
 466 }
 467
 468 .hide {
 469         overflow-y: hidden;
 470         height: 0;
 471 }
 472
 473 /* Icons */
 474 .type.public, .interface.public, .abstract.class.public { background-image: url('../resources/icons/vtype_public.png')}
 475 .type.protected, .interface.protected, .abstract.class.protected { background-image: url('../resources/icons/vtype_protected.png')}
 476 .type.private, .interface.private, .abstract.class.private { background-image: url('../resources/icons/vtype_private.png')}
 477 .init.public, .enum.public { background-image: url('../resources/icons/const_public.png')}
 478 .init.protected, .enum.protected { background-image: url('../resources/icons/const_protected.png')}
 479 .init.private, .enum.private { background-image: url('../resources/icons/const_private.png')}
 480 .fun.public, .class.public, .extern.public { background-image: url('../resources/icons/meth_public.png')}
 481 .fun.protected, .class.protected, .extern.protected { background-image: url('../resources/icons/meth_protected.png')}
 482 .fun.private, .class.private, .extern.private { background-image: url('../resources/icons/meth_private.png')}
 483
 484 /* Quick Search */
 485
 486 #search {
 487         width: 300px;
 488 }
 489
 490 #searchTable {
 491         background-color: #FFFFFF;
 492         border: 1px solid #E0E0E0;
 493         border-spacing: 0px;
 494         z-index: 10; /* the menu must be over the rest of the page. */
 495 }
 496
 497 #searchTable .activeSearchResult {
 498         cursor: pointer;
 499         background: #EEE;
 500 }
 501
 502 #searchTable td {
 503         white-space: nowrap;
 504         overflow: hidden;
 505         line-height: 22px;
 506         padding: 2px;
 507         width: 25%;
 508 }
 509
 510 #searchTable td.entryInfo {
 511         color: #0D8921;
 512         font-size: small;
 513         width: 75%;
 514         text-align: right;
 515 }
 516
 517 #searchTable tr.overflow td {
 518         text-align: center;
 519         background-color: #E0E0E0;
 520 }
 521
 522 /* New comments style */
 523
 524 .content .nitdoc {
 525   background: #F7F7F7;
 526   padding: 5px;
 527   color: black;
 528   overflow: auto;
 529 }
 530
 531 .content .nitdoc pre {
 532   background: #EEE;
 533 }
 534
 535 .content .nitdoc code {
 536   background: #DDD;
 537   padding: 0 1px;
 538 }
 539
 540 .rawcode {
 541 }
 542
 543 .nitcode a { color: inherit; text-decoration: inherit; } /* hide links */
 544 .nitcode a:hover { text-decoration: underline; } /* underline links */
 545 .nitcode span[title]:hover { text-decoration: underline; } /* underline titles */
 546 /* lexical raw tokens. independent of usage or semantic: */
 547 .nitcode .nc_c { color: gray; font-style: italic; } /* comment */
 548 .nitcode .nc_d { color: #3D8127; font-style: italic; } /* documentation comments */
 549 .nitcode .nc_k { font-weight: bold; } /* keyword */
 550 .nitcode .nc_o {} /* operator */
 551 .nitcode .nc_i {} /* standard identifier */
 552 .nitcode .nc_t { color: #445588; font-weight: bold; } /* type/class identifier */
 553 .nitcode .nc_a { color: #445588; font-style: italic; } /* old style attribute identifier */
 554 .nitcode .nc_l { color: #009999; } /* char and number literal */
 555 .nitcode .nc_s { color: #8F1546; } /* string literal */
 556 /* syntactic token usage. added because of their position in the AST */
 557 .nitcode .nc_ast { color: blue; } /* assert label */
 558 .nitcode .nc_la { color: blue; } /* break/continue label */
 559 .nitcode .nc_m { color: #445588; } /* module name */
 560 /* syntactic groups */
 561 .nitcode .nc_def { font-weight: bold; color: blue; } /* name used in a definition */
 562 .nitcode .nc_def.nc_a { color: blue; } /* name used in a attribute definition */
 563 .nitcode .nc_def.nc_t { color: blue; } /* name used in a class or vt definition */
 564 .nitcode .nc_ss { color: #9E6BEB; } /* superstrings */
 565 .nitcode .nc_cdef {} /* A whole class definition */
 566 .nitcode .nc_pdef {} /* A whole property definition */
 567 /* semantic token usage */
 568 .nitcode .nc_v { font-style: italic; } /* local variable or parameter */
 569 .nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */
 570
 571 .nitcode .nc_error { border: 1px red solid;} /* not used */
 572