share/nitdoc/styles/main.css

   1 /* General */
   2
   3 body {
   4         margin: 0;
   5         font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;
   6 }
   7
   8 a {
   9         color: #333;
  10         text-decoration: none;
  11 }
  12
  13 a:hover {
  14         color: #0D8921;
  15 }
  16
  17 ul {
  18         list-style-type: square;
  19 }
  20
  21 pre, code {
  22         white-space: pre;
  23         font-family: monospace;
  24         font-size: 1em;
  25 }
  26
  27 pre {
  28         background: #EEE;
  29         padding: 5px;
  30         color: black;
  31         overflow: auto;
  32 }
  33
  34 hr {
  35         background-color: #DDD;
  36         height: 1px;
  37         border: 0;
  38 }
  39
  40 div.clear {
  41         clear: both;
  42 }
  43
  44 /* Titles */
  45
  46 h1, h2, h3, h4, h5 {
  47         font-family: Verdana, Geneva, sans-serif;
  48         color: #6C6C6C;
  49         font-weight: normal;
  50 }
  51
  52 h1 {
  53         font-size: 300%;
  54         margin: 0 0 10px 0;
  55 }
  56
  57 h3 {
  58         font-weight: bold;
  59 }
  60
  61 /* Page display */
  62
  63 body {
  64         overflow: hidden;
  65         height: 100%;
  66 }
  67
  68 header {
  69 }
  70
  71 .page {
  72         width: 937px;
  73         margin: auto;
  74 }
  75
  76 .menu {
  77         position: fixed;
  78         top: 50px;
  79         bottom: 2em;
  80         width: 250px;
  81         overflow-y:     scroll;
  82 }
  83
  84 .content {
  85         position: fixed;
  86         top: 50px;
  87         bottom: 2em;
  88         margin-left: 265px;
  89         width: 667px;
  90         overflow-y:     scroll;
  91         padding-right: 10px;
  92 }
  93
  94 .content.fullpage {
  95         margin-left: 20px;
  96         width: 910px;
  97 }
  98
  99 footer {
 100         position: fixed;
 101         bottom: 0;
 102         width: 100%;
 103 }
 104
 105 /* Webkit scroll bars */
 106
 107 .menu {
 108     overflow-y: hidden;
 109 }
 110
 111 .menu:hover {
 112     overflow-y: scroll;
 113 }
 114
 115 .menu::-webkit-scrollbar, .content::-webkit-scrollbar {
 116     width: 10px;
 117 }
 118
 119 .menu::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {
 120         background: #CCC;
 121         -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
 122 }
 123
 124 .menu::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {
 125         background: #999;
 126 }
 127
 128 .menu::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {
 129         background: transparent;
 130 }
 131
 132 .menu::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {
 133         width: 0;
 134         height: 0;
 135         display: none;
 136 }
 137
 138 /* Header, Footer */
 139
 140 header nav ul {
 141         padding: 0;
 142         list-style-type: none;
 143         width: 900px;
 144         margin: auto;
 145 }
 146
 147 header nav ul li {
 148         display: inline;
 149         padding: 3px 6px;
 150         margin: auto 5px;
 151         color: #999;
 152 }
 153
 154 header nav ul li a {
 155         color: black;
 156 }
 157
 158 header nav ul li a:hover {
 159         color: #0D8921;
 160 }
 161
 162 footer {
 163         text-align: center;
 164         padding-bottom: 10px;
 165         color: #CCC;
 166 }
 167
 168 /* Main menu */
 169
 170 header nav.main {
 171         background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;
 172         padding: 7px 0;
 173 }
 174
 175 header nav.main ul li.current {
 176         background: #0D8921;
 177         color: white;
 178 }
 179
 180 /* Latteral Menu */
 181
 182 .menu nav {
 183         margin: 20px;
 184         width: 208px;
 185         border: 1px solid #CCC;
 186 }
 187
 188 .menu nav:first-child {
 189         margin-top: 0;
 190 }
 191
 192 .menu nav h3 {
 193         margin: 0;
 194         padding: 5px;
 195         background: #CCC;
 196         font-size: 1em;
 197 }
 198
 199 .menu nav h4 {
 200         font-weight: bold;
 201         color: #555555;
 202         margin: 10px 0 0 10px;
 203         font-size: 12px;
 204 }
 205
 206 .menu nav h4:last-child {
 207         margin-bottom: 5px;
 208 }
 209
 210 .menu nav ul {
 211         margin: 10px;
 212         padding: 0;
 213         list-style-type: none;
 214 }
 215
 216 .menu nav ul li {
 217         overflow: hidden;
 218         color: #CCC;
 219 }
 220
 221 /* Content */
 222
 223 .content section {
 224         margin: 20px 0;
 225 }
 226
 227 .content article {
 228         color: #6C6C6C;
 229         background-repeat: no-repeat;
 230         background-position: left 7px;
 231         margin: 20px 0;
 232         padding: 5px 20px;
 233 }
 234
 235 .content article h3 {
 236         margin: 0;
 237         font-weight: normal;
 238         color: #333;
 239 }
 240
 241 .content article.graph {
 242         text-align: center;
 243 }
 244
 245 .content article.modules,
 246 .content article.classes,
 247 .content article.properties {
 248         float: left;
 249         width: 250px;
 250         overflow: hidden;
 251 }
 252
 253 .content article.overview ul,
 254 .content article.modules ul,
 255 .content article.classes ul,
 256 .content article.properties ul {
 257         list-style-type: none;
 258         padding: 0;
 259 }
 260
 261 .content article.properties ul ul {
 262         padding-left: 10px;
 263 }
 264
 265 nav ul li span,
 266 .content article ul li span {
 267         color: #CCC;
 268         text-align: center;
 269         font-family: monospace;
 270         margin-right: 5px;
 271 }
 272
 273 .content article.modules ul code,
 274 .content article.classes ul code,
 275 .content article.properties ul code {
 276         font-weight: normal;
 277 }
 278
 279 .content section.summary h2, .content section.summary article{
 280         color: #000000;
 281 }
 282
 283 .content section.summary article h3{
 284         font-weight: bold;
 285         color: #555;
 286 }
 287
 288 .content article.highlighted {
 289         background-color: #FFF3C2;
 290         color: black;
 291 }
 292
 293 .content .subtitle {
 294         color: #6C6C6C;
 295 }
 296
 297 .content a:hover {
 298         color: #333;
 299 }
 300
 301 .content a {
 302         color: #0D8921;
 303 }
 304
 305 article .info .code {
 306         float: right;
 307 }
 308
 309
 310
 311 /* JS facilities */
 312
 313 input[type=text] {
 314         width: 150px;
 315         border: 1px solid #CCC;
 316         margin-right: 5px;
 317         padding: 1px 2px;
 318 }
 319
 320 input[type=text].notUsed {
 321         color: #999;
 322         font-style: italic;
 323 }
 324
 325 nav .filter {
 326         text-align: center;
 327         padding: 5px;
 328 }
 329
 330 nav.main input[type=text] {
 331         margin: -2px 10px;
 332         color: black;
 333         font-style: normal;
 334 }
 335
 336 nav.main form {
 337         float: right;
 338 }
 339
 340 .filter a {
 341         color: #0D8921;
 342         cursor: pointer;
 343         font-family: monospace;
 344         margin-right: 5px;
 345    font-weight: bold;
 346 }
 347
 348 .filter a.hidden {
 349         color: #999;
 350    font-weight: normal;
 351 }
 352
 353 .filter a:hover {
 354         text-decoration: underline;
 355 }
 356
 357 nav h3 a.fold {
 358         margin: 0 5px;
 359         color: #999;
 360         font-family: monospace;
 361         font-weight: bold;
 362         font-size: 120%;
 363         cursor: pointer;
 364 }
 365
 366 .hide {
 367         overflow-y: hidden;
 368         height: 0;
 369 }
 370
 371 /* Icons */
 372 .vtype.public { background-image: url('../resources/icons/vtype_public.png')}
 373 .vtype.protected { background-image: url('../resources/icons/vtype_protected.png')}
 374 .vtype.private { background-image: url('../resources/icons/vtype_private.png')}
 375 .init.public { background-image: url('../resources/icons/const_public.png')}
 376 .init.protected { background-image: url('../resources/icons/const_protected.png')}
 377 .init.private { background-image: url('../resources/icons/const_private.png')}
 378 .fun.public { background-image: url('../resources/icons/meth_public.png')}
 379 .fun.protected { background-image: url('../resources/icons/meth_protected.png')}
 380 .fun.private { background-image: url('../resources/icons/meth_private.png')}
 381
 382 /* Quick Search */
 383
 384 #search {
 385         width: 300px;
 386 }
 387
 388 #searchTable {
 389         background-color: #FFFFFF;
 390         border: 1px solid #E0E0E0;
 391         border-spacing: 0px;
 392 }
 393
 394 #searchTable .activeSearchResult {
 395         cursor: pointer;
 396         background: #EEE;
 397 }
 398
 399 #searchTable td {
 400         white-space: nowrap;
 401         overflow: hidden;
 402         line-height: 22px;
 403         padding: 2px;
 404         width: 25%;
 405 }
 406
 407 #searchTable td.entryInfo {
 408         color: #0D8921;
 409         font-size: small;
 410         width: 75%;
 411         text-align: right;
 412 }