theme/mkdocs_windmill/css/base.css

   1 body {
   2     background-color: #f8f8f8;
   3 }
   4
   5 /***********************************************************************
   6  Top bar
   7  ***********************************************************************/
   8
   9 .navbar {
  10   background-color: #003d68;
  11   box-shadow: 0 1.5px 3px rgba(0,0,0,.24), 0 3px 8px rgba(0,0,0,.05);
  12   border: none;
  13   border-radius: 0px;
  14   margin-bottom: 0px;
  15   height: 50px;
  16   z-index: 2;
  17 }
  18
  19 .wm-top-page {
  20   overflow: hidden;
  21 }
  22
  23 .wm-page-content {
  24   max-width: 700px;
  25   position: relative;
  26 }
  27
  28 .wm-page-top-frame { display: none; }
  29 .wm-top-page > .wm-page-top-frame { display: block; }
  30 .wm-top-page > .wm-page-content { display: none; }
  31
  32 .wm-top-brand {
  33   display: inline-block;
  34   float: left;
  35   overflow: visible;
  36   width: 0px;
  37   height: 50px;
  38   color: #fff;
  39   font-size: 18px;
  40   white-space: nowrap;
  41   text-decoration: none;
  42 }
  43
  44 .wm-top-link, .wm-top-link:hover, .wm-top-link:active, .wm-top-link:visited, .wm-top-link:focus {
  45   color: #fff;
  46   text-decoration: none;
  47 }
  48
  49 .wm-vcenter:before {
  50   content: '';
  51   display: inline-block;
  52   height: 100%;
  53   vertical-align: middle;
  54   margin-left: -0.25em;
  55 }
  56
  57 .wm-vcentered {
  58   display: inline-block;
  59   vertical-align: middle;
  60 }
  61
  62 .wm-top-title {
  63   display: inline-block;
  64   line-height: 16px;
  65   vertical-align: middle;
  66 }
  67
  68 .wm-top-logo {
  69   max-height: 100%;
  70 }
  71
  72 .wm-top-version {
  73   border: 1px solid #ddd;
  74   border-radius: 3px;
  75   padding: 0px 5px;
  76   color: #ddd;
  77   font-size: 8pt;
  78 }
  79
  80 .wm-top-tool {
  81   height: 50px;
  82   white-space: nowrap;
  83 }
  84
  85 .wm-top-tool-expanded {
  86   position: absolute;
  87   right: 0px;
  88   padding: inherit;
  89   width: 100%;
  90   background-color: #003d68;
  91 }
  92
  93 .wm-top-search {
  94   width: 20rem;
  95 }
  96
  97 #wm-toc-button {
  98   margin-right: 1rem;
  99   margin-left: 0.5rem;
 100 }
 101
 102 /***********************************************************************
 103  Table of contents (side pane)
 104  ***********************************************************************/
 105
 106 .wm-toc-pane {
 107   position: absolute;
 108   top: 0px;
 109   padding-top: 70px;
 110   height: 100%;
 111   min-width: 250px;
 112   max-width: 350px;
 113   z-index: 1;
 114   background-color: #f2f2f2;
 115   border-right: 1px solid #e0e0e0;
 116   overflow: auto;
 117   margin-left: 0px;
 118   padding-left: 1rem;
 119   padding-right: 1rem;
 120   padding-bottom: 2rem;
 121   transition: margin-left 0.3s;
 122 }
 123
 124 .wm-content-pane {
 125   position: absolute;
 126   top: 0px;
 127   padding-top: 50px;
 128   height: 100%;
 129   width: 100%;
 130   z-index: 0;
 131   padding-left: 250px;
 132   transition: padding-left 0.3s;
 133   /* required for iPhone to scroll the contained iframe */
 134   -webkit-overflow-scrolling: touch;
 135 }
 136
 137 .wm-toc-pane.wm-toc-dropdown {
 138   position: absolute;
 139   display: block;
 140   top: 0;
 141   left: 0;
 142   margin-left: 0;
 143   height: auto;
 144   box-shadow: 2px 3px 4px 0 grey;
 145 }
 146
 147 .wm-toc-repo {
 148   margin-top: -15px;
 149   margin-bottom: 5px;
 150   padding-bottom: 5px;
 151   border-bottom: 1px solid #e0e0e0;
 152 }
 153
 154 .wm-toc-hidden > .wm-toc-pane {
 155   margin-left: -500px;
 156 }
 157
 158 .wm-toc-hidden > .wm-content-pane {
 159   padding-left: 0px;
 160 }
 161
 162 .wm-small-show {
 163   display: none;
 164 }
 165
 166 #wm-search-form {
 167   width: 100%;
 168 }
 169 #wm-search-show {
 170   display: none;
 171 }
 172
 173 @media (max-width: 600px) {
 174   .wm-small-hide {
 175     display: none;
 176   }
 177   .wm-small-show {
 178     display: block;
 179   }
 180   .wm-small-left {
 181     float: left !important;
 182   }
 183   #wm-search-show {
 184     display: block;
 185     margin-left: 1rem;
 186   }
 187   .wm-top-tool-expanded #wm-search-show {
 188     display: none;
 189   }
 190   .wm-top-search {
 191     display: none;
 192   }
 193   .wm-top-tool-expanded .wm-top-search {
 194     display: table;
 195     width: 100%;
 196     padding: 0px;
 197   }
 198
 199   .wm-top-page {
 200     overflow: visible;
 201   }
 202   .wm-top-container {
 203     /* This prevents horizontal overflow, but cuts off search results on bigger
 204      * screens, so included in small-screen section */
 205     overflow-x: hidden;
 206   }
 207   .wm-toc-pane {
 208     display: none;
 209   }
 210   .wm-content-pane {
 211     padding-left: 0px;
 212     overflow: visible;
 213   }
 214 }
 215
 216 .wm-toctree {
 217   list-style-type: none;
 218   line-height: 16px;
 219   padding-left: 0px;
 220 }
 221
 222 .wm-toctree a, .wm-toctree a:visited, .wm-toctree a:hover, .wm-toctree a:focus {
 223   color: #003d68;
 224   text-decoration: none;
 225   outline: none;
 226 }
 227
 228 .wm-toc-text {
 229   display: block;
 230   padding: 4px;
 231   cursor: pointer;
 232 }
 233
 234 .wm-toc-lev1 > .wm-toc-text { padding-left: 14px; }
 235 .wm-toc-lev2 > .wm-toc-text { padding-left: 28px; }
 236 .wm-toc-lev3 > .wm-toc-text { padding-left: 42px; }
 237 .wm-toc-lev4 > .wm-toc-text { padding-left: 56px; }
 238 .wm-toc-lev5 > .wm-toc-text { padding-left: 70px; }
 239 .wm-toc-lev6 > .wm-toc-text { padding-left: 84px; }
 240
 241 .wm-toc-lev1 + .wm-page-toc { margin-left: 14px; }
 242 .wm-toc-lev2 + .wm-page-toc { margin-left: 28px; }
 243 .wm-toc-lev3 + .wm-page-toc { margin-left: 42px; }
 244 .wm-toc-lev4 + .wm-page-toc { margin-left: 56px; }
 245 .wm-toc-lev5 + .wm-page-toc { margin-left: 70px; }
 246 .wm-toc-lev6 + .wm-page-toc { margin-left: 84px; }
 247
 248 .wm-toc-li-nested {
 249   padding: 0px;
 250   margin: 0px;
 251 }
 252
 253 .wm-toc-opener > .wm-toc-text::before {
 254   content: "\25B6 \FE0E";
 255   display: inline-block;
 256   vertical-align: middle;
 257   font-size: 8px;
 258   width: 14px;
 259 }
 260
 261 .wm-toc-opener.wm-toc-open > .wm-toc-text::before {
 262   content: "\25BC \FE0E";
 263 }
 264
 265 .wm-toc-li.wm-current, .wm-toc-li.wm-current:hover {
 266   background-color: #003d68;
 267   color: white;
 268 }
 269
 270 .wm-toc-li:hover {
 271   background-color: #8bc53d;
 272 }
 273
 274 .wm-toc-li.wm-current a {
 275   color: white;
 276 }
 277
 278 .wm-toc-li-nested.wm-page-toc {
 279   font-size: 1.2rem;
 280   line-height: 1.2rem;
 281   overflow: hidden;
 282   border-left: 1px solid #003d68;
 283 }
 284
 285 .wm-page-toc-opener > .wm-toc-text::after {
 286   content: "\25C4";
 287   display: inline-block;
 288   float: right;
 289   vertical-align: middle;
 290   font-size: 8px;
 291 }
 292
 293 .wm-page-toc-opener.wm-page-toc-open > .wm-toc-text::after {
 294   content: "\25BC";
 295 }
 296
 297 .wm-page-toc-text {
 298   padding: 2px 2px 2px 1rem;
 299   display: block;
 300   cursor: pointer;
 301 }
 302
 303 .wm-article {
 304   width: 1px;
 305   min-width: 100%;
 306   height: 100%;
 307   border: none;
 308 }
 309
 310 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
 311   outline: none;
 312 }
 313
 314 .btn-default:focus, .btn-default.focus {
 315   color: #333;
 316   background-color: #fff;
 317   border-color: #ccc;
 318 }
 319
 320 .btn-default.greybtn {
 321   color: #888;
 322 }
 323
 324 .wm-article-nav-buttons {
 325   margin: 1rem 0;
 326 }
 327
 328 .wm-page-content img {
 329   max-width: 100%;
 330   display: inline-block;
 331   padding: 4px;
 332   line-height: 1.428571429;
 333   background-color: #fff;
 334   border: 1px solid #ddd;
 335   border-radius: 4px;
 336   margin: 20px auto 30px auto;
 337 }
 338
 339 .wm-page-content a {
 340   color: #2fa4e7;
 341 }
 342
 343 .wm-article-nav {
 344   display: inline-block;
 345   max-width: 48%;
 346   white-space: nowrap;
 347   color: #003d68;
 348   text-align: right;
 349 }
 350
 351 .wm-article-nav > .btn-link {
 352   display: block;
 353   padding-left: 0.5rem;
 354   padding-right: 0.5rem;
 355   overflow: hidden;
 356   text-overflow: ellipsis;
 357 }
 358
 359 .wm-article-nav > a, .wm-article-nav > a:visited, .wm-article-nav > a:hover, .wm-article-nav > a:focus {
 360   color: #003d68;
 361   text-decoration: none;
 362   outline: none;
 363 }
 364
 365 /***********************************************************************
 366  * Dropdown search results
 367  ***********************************************************************/
 368 #mkdocs-search-results.dropdown-menu {
 369   width: 40rem;
 370   overflow-y: auto;
 371   overflow-x: hidden;
 372   white-space: normal;
 373   max-height: calc(100vh - 60px);
 374   max-width: 90vw;
 375 }
 376
 377 #mkdocs-search-results {
 378   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,FontAwesome;
 379 }
 380
 381 .search-link {
 382   font-size: 1.2rem;
 383 }
 384
 385 .search-title {
 386   font-weight: bold;
 387   color: #337ab7;
 388   padding-right: 1rem;
 389 }
 390
 391 .search-text {
 392   color: #666;
 393   overflow: hidden;
 394   text-overflow: ellipsis;
 395 }
 396
 397 .search-text > b {
 398   color: #000;
 399 }
 400
 401 .wm-search-page {
 402   list-style: none;
 403   padding: 5px 0;
 404 }
 405
 406 .wm-search-page > li {
 407   padding: 1rem 0;
 408   border-bottom: 1px solid #ccc;
 409 }
 410
 411 .wm-search-page .search-link {
 412   font-size: inherit;
 413 }
 414
 415 .wm-search-page .search-link:hover, .wm-search-page .search-link:active {
 416   text-decoration: none;
 417 }
 418
 419 .wm-search-page .search-link:hover .search-title {
 420   text-decoration: underline;
 421 }
 422
 423
 424
 425 /***********************************************************************
 426  * The rest is taken from base.css from mkdocs.
 427  ***********************************************************************/
 428
 429 .source-links {
 430   float: right;
 431 }
 432
 433 h1 {
 434     color: #444;
 435     font-weight: 400;
 436     font-size: 42px;
 437 }
 438
 439 h2, h3, h4, h5, h6 {
 440     color: #444;
 441     font-weight: 300;
 442 }
 443
 444 hr {
 445     border-top: 1px solid #aaa;
 446 }
 447
 448 pre, .rst-content tt {
 449     max-width: 100%;
 450     background: #fff;
 451     border: solid 1px #e1e4e5;
 452     color: #333;
 453     overflow-x: auto;
 454 }
 455
 456 code.code-large, .rst-content tt.code-large {
 457     font-size: 90%;
 458 }
 459
 460 code {
 461     padding: 2px 5px;
 462     background: #fff;
 463     border: solid 1px #e1e4e5;
 464     color: #333;
 465     white-space: pre-wrap;
 466     word-wrap: break-word;
 467 }
 468
 469 pre code {
 470     background: transparent;
 471     border: none;
 472     white-space: pre;
 473     word-wrap: normal;
 474     font-family: monospace,serif;
 475     font-size: 12px;
 476 }
 477
 478 a code {
 479     color: #2FA4E7;
 480 }
 481
 482 a:hover code, a:focus code {
 483     color: #157AB5;
 484 }
 485
 486 footer {
 487     margin-bottom: 10px;
 488     text-align: center;
 489     font-weight: 200;
 490     font-size: smaller;
 491 }
 492
 493 .modal-dialog {
 494     margin-top: 60px;
 495 }
 496
 497 .headerlink {
 498     font-family: FontAwesome;
 499     font-size: 14px;
 500     display: none;
 501     padding-left: .5em;
 502 }
 503
 504 h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink{
 505     display:inline-block;
 506 }
 507
 508 .admonition {
 509     padding: 15px;
 510     margin-bottom: 20px;
 511     border: 1px solid transparent;
 512     border-radius: 4px;
 513     text-align: left;
 514 }
 515
 516 .admonition.note { /* csslint allow: adjoining-classes */
 517     color: #3a87ad;
 518     background-color: #d9edf7;
 519     border-color: #bce8f1;
 520 }
 521
 522 .admonition.warning { /* csslint allow: adjoining-classes */
 523     color: #c09853;
 524     background-color: #fcf8e3;
 525     border-color: #fbeed5;
 526 }
 527
 528 .admonition.danger { /* csslint allow: adjoining-classes */
 529     color: #b94a48;
 530     background-color: #f2dede;
 531     border-color: #eed3d7;
 532 }
 533
 534 .admonition-title {
 535     font-weight: bold;
 536     text-align: left;
 537 }