web/docs/styles.css

   1
   2 .logo {
   3     margin-bottom: 30px;
   4 }
   5 @media (max-width: 1012px) {
   6     .logo {
   7         display: none;
   8     }
   9 }
  10
  11 .logo--mobile {
  12     display: none;
  13 }
  14 @media (max-width: 1012px) {
  15     .logo--mobile {
  16         display: block;
  17         box-sizing: border-box;
  18         max-width: 35px;
  19         position: absolute;
  20         z-index: 10;
  21         top: 50%;
  22         left: 40px;
  23         transform: translateY(-50%);
  24     }
  25     .logo--mobile img {
  26         width: 100%;
  27     }
  28 }
  29 @media (max-width: 767px) {
  30     .logo--mobile {
  31         left: 20px;
  32     }
  33 }
  34
  35
  36
  37 .navigation-footer {
  38     margin-top: auto;
  39     order: 3;
  40     color: #CA4F62;
  41     display: flex;
  42     align-items: center;
  43 }
  44 @media (max-width: 1012px) {
  45     .navigation-footer {
  46         margin-top: 50px;
  47     }
  48 }
  49 .navigation-footer img {
  50     height: 35px;
  51 }
  52 .navigation-footer a {
  53     font-size: .9em;
  54     margin-left: 10px;
  55 }
  56
  57
  58
  59
  60
  61 /* Search Box */
  62 #MSearchBox {
  63     border-radius: 5px;
  64     margin-top: 0px;
  65     margin-bottom: 15px;
  66     background: none;
  67     background-color: white;
  68     position: relative;
  69     border-radius: 0;
  70     box-shadow: none;
  71     width: 100%;
  72 }
  73 #MSearchBox .right {
  74     display: none;
  75 }
  76 #MSearchBox .left {
  77     width: 100%;
  78     height: auto;
  79     left: 0;
  80 }
  81 #MSearchBox img {
  82     position: absolute;
  83     z-index: 1;
  84     top: 4px;
  85     left: 0px;
  86 }
  87 #MSearchBox input[type=text] {
  88     position: inherit;
  89     padding: 16px 15px 14px 30px;
  90     border: 0;
  91     box-sizing: border-box;
  92     background: none;
  93     background-color: white;
  94     width: 100%;
  95     margin: 0;
  96     box-sizing: border-box;
  97     font-family: 'Roboto', sans-serif;
  98     font-size: 0.9em;
  99 }
 100 #MSearchSelectWindow {
 101     position: fixed;
 102     top: 178px !important;
 103     left: 49px !important;
 104     border: solid 1px #d4d4d4;
 105     border-radius: 0;
 106     box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
 107     background-color: white;
 108 }
 109 #MSearchSelectWindow .SelectItem {
 110     font-family: 'Roboto', sans-serif;
 111     padding: 1px 25px 1px 6px;
 112 }
 113 #MSearchSelectWindow .SelectionMark {
 114     color: black;
 115 }
 116 #MSearchSelectWindow .SelectItem:hover {
 117     background-color: #CA4F62;
 118 }
 119 #MSearchResultsWindow {
 120     position: fixed;
 121     top: 178px !important;
 122     left: 49px !important;
 123     border: solid 1px #d4d4d4;
 124     border-radius: 0;
 125     box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
 126     background-color: white;
 127 }
 128 .SRSymbol {
 129     color: #CA4F62;
 130 }
 131
 132
 133
 134 /* Main Navigation */
 135 #main-nav ul {
 136     list-style-type: none;
 137     margin: 0;
 138     padding: 0;
 139 }
 140 #main-nav > ul {
 141     display: flex;
 142     flex-direction: column;
 143 }
 144 #main-nav > ul > li > a {
 145     font-weight: normal;
 146     font-size: 18px;
 147 }
 148 #main-nav > ul > li {
 149     position: relative;
 150     padding-bottom: 20px;
 151     flex: 1;
 152     order: 2;
 153 }
 154 #main-nav > ul > li:last-child {
 155     order: 1;
 156     float: none !important;
 157 }
 158 #main-nav ul li a {
 159     display: block;
 160 }
 161
 162 #main-nav ul li.hasChildren > a:hover[aria-expanded="false"] {
 163     text-decoration: none;
 164 }
 165
 166 #main-nav ul li a:hover {
 167     text-decoration: underline;
 168     color: #CA4F62;
 169 }
 170
 171 #main-nav ul ul li {
 172     position: relative;
 173     padding-bottom: 10px;
 174 }
 175
 176 #main-nav ul li.hasChildren > a[aria-expanded="false"]:after {
 177     position: absolute;
 178     content: "+";
 179     /*top: -1px;*/
 180     right: -2px;
 181     line-height: 20px;
 182     font-size: 20px;
 183 }
 184
 185 #main-nav li ul {
 186     padding-left: 5px;
 187     display: none;
 188     padding-top: 15px;
 189     /*padding-bottom: 15px;*/
 190 }
 191
 192 @media (max-width: 1012px) {
 193     #main-nav > ul > li.hasChildren:after {
 194         top: 9px;
 195     }
 196     #main-nav > ul > li {
 197         padding-bottom: 0px;
 198     }
 199     #main-nav > ul > li:first-child {
 200         border-top: 1px solid rgba(0,0,0,0.2);
 201     }
 202     #main-nav > ul > li {
 203         padding: 10px 0;
 204         border-bottom: 1px solid rgba(0,0,0,0.2);
 205     }
 206     #main-nav > ul > li:last-child {
 207         padding: 10px 0;
 208     }
 209     #main-nav > ul > li ul {
 210         padding-bottom: 10px;
 211     }
 212 }
 213
 214
 215 /* Page Header */
 216 div.header {
 217     background: none;
 218     padding: 0px;
 219     margin-bottom: 20px;
 220     border-bottom: none;
 221 }
 222 div.header .headertitle {
 223     padding: 0;
 224 }
 225 div.header .title {
 226     margin: 0;
 227 }
 228 div.header .summary {
 229     font-size: 13px;
 230     padding: 9px 0 0 0;
 231     width: auto;
 232 }
 233 @media (max-width: 767px) {
 234     div.header .summary {
 235         text-align: left;
 236         margin-bottom: 20px;
 237     }
 238 }
 239 div.header .summary a:hover {
 240     color: #CA4F62;
 241 }
 242 div.header .ingroups {
 243     font-size: 13px;
 244     width: auto;
 245     font-weight: normal;
 246 }
 247
 248
 249 /* Floating labels */
 250 span.mlabels {
 251     margin: 0;
 252     margin-left: 10px;
 253 }
 254 span.mlabel {
 255     margin: 0;
 256     margin-left: 10px;
 257     border: solid 1px #CA4F62;
 258     background-color: #CA4F62;
 259     padding: 3px 5px;
 260     font-weight: normal;
 261 }
 262
 263
 264 /* Content area */
 265 div.contents {
 266     padding: 0;
 267     margin: 0px;
 268     margin-bottom: 20px;
 269 }
 270 div.contents ul li {
 271     margin-bottom: 10px;
 272 }
 273 div.contents ul li:last-child {
 274     margin-bottom: 0px;
 275 }
 276
 277 div.toc {
 278     padding: 0;
 279     padding-bottom: 20px;
 280     background-color: transparent;
 281     border: none;
 282     box-sizing: border-box;
 283     float: none;
 284     width: 100%;
 285     margin: 0;
 286     border-radius: 0;
 287 }
 288
 289 @media (max-width: 767px) {
 290     div.toc {
 291         //
 292     }
 293 }
 294 div.toc h3 {
 295     margin: 0;
 296     margin-bottom: 5px;
 297     color: black;
 298     font: 400 14px/22px Roboto,sans-serif;
 299     font-weight: bold;
 300 }
 301 div.toc ul {
 302     margin: 0;
 303 }
 304 div.toc ul li {
 305     margin-left: 0 !important;
 306     padding-left: 15px !important;
 307     font: 400 14px/22px Roboto,sans-serif;
 308 }
 309 div.toc li ul {
 310     padding-left: 10px;
 311     padding-top: 7px;
 312 }
 313
 314 /* Group Headers */
 315 h2.groupheader {
 316     border-bottom: solid 1px #d4d4d4;
 317     color: black;
 318     margin: 0px;
 319     margin-top: 30px;
 320     padding: 10px 0;
 321 }
 322 tr.heading h2 {
 323     margin: 0px;
 324 }
 325
 326
 327 /* Tables */
 328 table.memberdecls {
 329     margin-top: 30px;
 330     /*margin-bottom: 30px;*/
 331 }
 332 table.memberdecls td.memSeparator {
 333     line-height: 0;
 334     font-size: 0;
 335     border-bottom: 1px solid #d4d4d4;
 336 }
 337 table.memberdecls td.memItemLeft {
 338     padding: 7px 15px 4px 15px;
 339     background-color: #f5f5f5;
 340 }
 341 table.memberdecls td.memItemRight {
 342     padding: 7px 15px 4px 15px;
 343     background-color: #f5f5f5;
 344 }
 345 table.memberdecls td.mdescLeft {
 346     padding: 7px 15px 4px 15px;
 347     background-color: #f5f5f5;
 348 }
 349 table.memberdecls td.mdescRight {
 350     padding: 7px 15px 4px 15px;
 351     background-color: #f5f5f5;
 352 }
 353
 354 table.params .paramname {
 355     color: black;
 356 }
 357
 358
 359 table.markdownTable td, table.markdownTable th {
 360     border: 1px solid #d4d4d4;
 361     padding: 3px 7px;
 362     color: black;
 363 }
 364
 365 table.markdownTable th.markdownTableHeadLeft, table.markdownTable th.markdownTableHeadRight, table.markdownTable th.markdownTableHeadCenter, table.markdownTable th.markdownTableHeadNone {
 366     background-color: #f5f5f5;
 367     color: black;
 368     padding: 3px 7px;
 369 }
 370
 371 div.contents .fragment {
 372     border: solid 1px #CA4F62;
 373     padding: 20px;
 374     border-radius: 4px;
 375 }
 376
 377 div.contents .line {
 378     line-height: 15px;
 379 }
 380
 381
 382 .memtitle {
 383     margin-top: 10px;
 384     border-top: solid 1px #d4d4d4;
 385     border-left: solid 1px #d4d4d4;
 386     border-right: solid 1px #d4d4d4;
 387     background: none;
 388     background-color: #f5f5f5;
 389     padding: 8px 10px;
 390     font-weight: bold;
 391     font-size: 18px;
 392 }
 393 .memtitle .permalink a, .memtitle .permalink a:visited {
 394     color: black;
 395 }
 396 .memtitle .permalink a:hover {
 397     text-decoration: none;
 398 }
 399 .memitem {
 400     margin: 0;
 401     box-shadow: none;
 402 }
 403 .memitem.glow {
 404     box-shadow: 0 0 15px #CA4F62;
 405 }
 406 .memitem .memproto {
 407     box-shadow: none;
 408     background: none;
 409     background-color: #f5f5f5;
 410     border-top: solid 1px #d4d4d4;
 411     border-left: solid 1px #d4d4d4;
 412     border-right: solid 1px #d4d4d4;
 413     color: black;
 414     padding: 8px 10px;
 415 }
 416 .memitem .memproto .memname {
 417     margin-left: 0;
 418 }
 419 .memitem .memdoc {
 420     box-shadow: none;
 421     background: none;
 422     border-bottom: solid 1px #d4d4d4;
 423     border-left: solid 1px #d4d4d4;
 424     border-right: solid 1px #d4d4d4;
 425     padding: 10px 12px;
 426
 427 }
 428
 429
 430 /* General links? */
 431 a.el {
 432     font-weight: normal;
 433 }
 434 a.el {
 435     color: #CA4F62;
 436 }
 437 a.el:visited {
 438     color: #CA4F62;
 439 }
 440 a.el:hover {
 441     color: #CA4F62;
 442 }
 443 div.contents a {
 444     color: #CA4F62;
 445 }
 446 div.contents a:visited {
 447     color: #CA4F62;
 448 }
 449 div.contents a:hover {
 450     color: #CA4F62;
 451 }
 452
 453
 454 /* Highlighted effect */
 455 h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
 456     text-shadow: 0 0 15px #CA4F62;
 457 }
 458
 459
 460 /* Directory */
 461 div.directory {
 462     margin: 20px 0px;
 463     border-top: 1px solid #d4d4d4;
 464     border-bottom: 1px solid #d4d4d4;
 465 }
 466 div.directory .levels {
 467     font-size: 13px;
 468     padding: 8px 0;
 469 }
 470 div.directory .levels span:hover {
 471     color: #CA4F62;
 472 }
 473 table.directory {
 474     /*width: 100%;*/
 475 }
 476 table.directory tr.even {
 477     background-color: #f5f5f5;
 478 }
 479 table.directory td.entry {
 480     padding: 8px 6px;
 481     vertical-align: middle;
 482     box-sizing: border-box;
 483 }
 484 table.directory td.desc {
 485     padding: 8px 6px;
 486     vertical-align: middle;
 487     box-sizing: border-box;
 488 }
 489
 490
 491 /* Icons */
 492 .iconfopen, .icondoc {
 493     margin: 0;
 494 }
 495
 496
 497
 498 dl.reflist dt {
 499     box-shadow: none;
 500     background-color: #F5F5F5;
 501     border-top: solid 1px #d4d4d4;
 502     border-left: solid 1px #d4d4d4;
 503     border-right: solid 1px #d4d4d4;
 504     padding: 10px;
 505 }
 506 dl.reflist dd {
 507     box-shadow: none;
 508     background: none;
 509     border-bottom: solid 1px #d4d4d4;
 510     border-left: solid 1px #d4d4d4;
 511     border-right: solid 1px #d4d4d4;
 512     padding: 10px;
 513 }
 514
 515
 516 /* Standard arrow icon? */
 517 .arrow {
 518     color: #d4d4d4;
 519     width: auto;
 520     height: auto;
 521     margin: 0 5px;
 522 }
 523
 524 .icona {
 525     height: auto;
 526     width: auto;
 527     margin-right: 8px;
 528 }
 529 .icona .icon {
 530     font-family: 'Roboto', sans-serif;
 531     margin: 0;
 532     background-color: #CA4F62;
 533     padding: 1px;
 534     font-weight: normal;
 535 }
 536
 537 /* horizontal ruler */
 538 hr {
 539     border: none;
 540     border-top: 1px solid #d4d4d4;
 541     margin-top: 20px;
 542     margin-bottom: 20px;
 543 }
 544
 545
 546 /* Notes */
 547 dl.warning {
 548     margin: 0px;
 549     padding: 0px;
 550     padding-left: 10px;
 551 }
 552 dl.note {
 553     margin: 0px;
 554     padding: 0px;
 555     padding-left: 10px;
 556 }
 557 dl.attention {
 558     margin: 0px;
 559     padding: 0px;
 560     padding-left: 10px;
 561 }
 562 dl.todo {
 563     margin: 0px;
 564     padding: 0px;
 565     padding-left: 10px;
 566 }
 567 dl dt, dl dt a.el {
 568     font-weight: bold;
 569 }
 570 dl dd {
 571     margin: 0px;
 572 }
 573
 574
 575 table.fieldtable {
 576     box-shadow: none;
 577     border: 1px solid #d4d4d4;
 578 }
 579 table.fieldtable th {
 580     background: none;
 581     background-color: #F5F5F5;
 582     border-bottom: 1px solid #d4d4d4;
 583     color: black;
 584     font-size: 100%;
 585     font-weight: bold;
 586 }
 587 table.fieldtable td.fieldname, table.fieldtable td.fielddoc {
 588     border-bottom: 1px solid #d4d4d4;
 589     border-right: 1px solid #d4d4d4;
 590     vertical-align: middle;
 591 }
 592
 593
 594 div.qindex {
 595     background-color: #F5F5F5;
 596     border: none;
 597     text-align: center;
 598     padding: 8px 0;
 599 }
 600 table.classindex div.ah {
 601     font-family: 'Roboto', sans-serif;
 602     margin: 0;
 603     background: none;
 604     background-color: #CA4F62;
 605     padding: 1px;
 606     font-weight: normal;
 607     border: none;
 608     box-shadow: none;
 609     border-radius: 0;
 610     padding: 3px;
 611 }
 612 table.classindex td {
 613     padding: 3px 6px;
 614     vertical-align: middle;
 615     font-size: 14px;
 616 }
 617 table.classindex table td {
 618     padding: 0;
 619     vertical-align: middle;
 620 }
 621
 622
 623 div.textblock h2 {
 624     border-bottom: solid 1px #d4d4d4;
 625     padding-bottom: 10px;
 626 }
 627
 628
 629
 630
 631
 632 .navigation-mobile {
 633     display: none;
 634     background-color: #F5F5F5;
 635     position: fixed;
 636     top: 0;
 637     left: 0;
 638     width: 100%;
 639     height: 70px;
 640 }
 641 @media (max-width: 1012px) {
 642     .navigation-mobile {
 643         display: block;
 644     }
 645 }
 646
 647
 648 .navigation-toggle {
 649     cursor: pointer;
 650     width: 44px;
 651     height: 44px;
 652     margin-right: 20px;
 653     position: absolute;
 654     right: 0;
 655     top: 50%;
 656     transform: translateY(-50%);
 657     bottom: 5%;
 658     z-index: 50;
 659     display: none;
 660 }
 661 @media (max-width: 1012px) {
 662     .navigation-toggle {
 663         display: block;
 664     }
 665 }
 666 @media (max-width: 767px) {
 667     .navigation-toggle {
 668         margin-right: 0px;
 669     }
 670 }
 671 .navigation-toggle span {
 672     display: block;
 673     text-indent: -9999px;
 674     position: absolute;
 675     height: 2px;
 676     left: 10px;
 677     right: 10px;
 678     background-color: #CA4F62;
 679     border-radius: 1px;
 680     transition: 0.15s all;
 681 }
 682 .line-1 {
 683     top: 14px;
 684 }
 685 .line-2 {
 686     top: 50%;
 687     margin-top: -1px;
 688 }
 689 .line-3 {
 690     bottom: 14px;
 691 }
 692 .navigation-toggle.clicked .line-1 {
 693     transform: rotate(45deg);
 694     top: 21px;
 695 }
 696 .navigation-toggle.clicked .line-2 {
 697     opacity: 0;
 698 }
 699 .navigation-toggle.clicked .line-3 {
 700     transform: rotate(-45deg);
 701     bottom: 21px;
 702 }
 703