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