apidoc/css/style.css

   1 /* ------------------------------------------------------------------------------------------
   2  * Content
   3  * ------------------------------------------------------------------------------------------ */
   4 body {
   5   max-width: 1280px;
   6 }
   7
   8 body, p, a, div, th, td {
   9   font-family: "Source Sans Pro", sans-serif;
  10   font-weight: 400;
  11   font-size: 16px;
  12 }
  13
  14 @media (min-width: 1200px) {
  15   body.container-fluid {
  16     padding-right: 0px;
  17     padding-left: 0px;
  18     margin-right: 0px;
  19     margin-left: 0px;
  20   }
  21 }
  22
  23 td.code {
  24   font-size: 14px;
  25   font-family: "Source Code Pro", monospace;
  26   font-style: normal;
  27   font-weight: 400;
  28 }
  29
  30 #content {
  31   padding-top: 16px;
  32   z-Index: -1;
  33   margin-left: 270px;
  34 }
  35
  36 p {
  37   color: #808080;
  38 }
  39
  40 h1 {
  41   font-family: "Source Sans Pro Semibold", sans-serif;
  42   font-weight: normal;
  43   font-size: 44px;
  44   line-height: 50px;
  45   margin: 0 0 10px 0;
  46   padding: 0;
  47 }
  48
  49 h2 {
  50   font-family: "Source Sans Pro", sans-serif;
  51   font-weight: normal;
  52   font-size: 24px;
  53   line-height: 40px;
  54   margin: 0 0 20px 0;
  55   padding: 0;
  56 }
  57
  58 section {
  59   border-top: 1px solid #ebebeb;
  60   padding: 30px 0;
  61 }
  62
  63 section h1 {
  64   font-family: "Source Sans Pro", sans-serif;
  65   font-weight: 700;
  66   font-size: 32px;
  67   line-height: 40px;
  68   padding-bottom: 14px;
  69   margin: 0 0 20px 0;
  70   padding: 0;
  71 }
  72
  73 article {
  74   padding: 14px 0 30px 0;
  75 }
  76
  77 article h1 {
  78   font-family: "Source Sans Pro Bold", sans-serif;
  79   font-weight: 600;
  80   font-size: 24px;
  81   line-height: 26px;
  82 }
  83
  84 article h2 {
  85   font-family: "Source Sans Pro", sans-serif;
  86   font-weight: 600;
  87   font-size: 18px;
  88   line-height: 24px;
  89   margin: 0 0 10px 0;
  90 }
  91
  92 article h3 {
  93   font-family: "Source Sans Pro", sans-serif;
  94   font-weight: 600;
  95   font-size: 16px;
  96   line-height: 18px;
  97   margin: 0 0 10px 0;
  98 }
  99
 100 article h4 {
 101   font-family: "Source Sans Pro", sans-serif;
 102   font-weight: 600;
 103   font-size: 14px;
 104   line-height: 16px;
 105   margin: 0 0 8px 0;
 106 }
 107
 108 table {
 109   border-collapse: collapse;
 110   width: 100%;
 111   margin: 0 0 20px 0;
 112 }
 113
 114 th {
 115   background-color: #f5f5f5;
 116   text-align: left;
 117   font-family: "Source Sans Pro", sans-serif;
 118   font-weight: 700;
 119   padding: 4px 8px;
 120   border: #e0e0e0 1px solid;
 121 }
 122
 123 td {
 124   vertical-align: top;
 125   padding: 10px 8px 0 8px;
 126   border: #e0e0e0 1px solid;
 127 }
 128
 129 #generator .content {
 130   color: #b0b0b0;
 131   border-top: 1px solid #ebebeb;
 132   padding: 10px 0;
 133 }
 134
 135 .label-optional {
 136   float: right;
 137   background-color: grey;
 138   margin-top: 4px;
 139 }
 140
 141 .open-left {
 142   right: 0;
 143   left: auto;
 144 }
 145
 146 /* ------------------------------------------------------------------------------------------
 147  * apidoc - intro
 148  * ------------------------------------------------------------------------------------------ */
 149
 150 #apidoc .apidoc {
 151   border-top: 1px solid #ebebeb;
 152   padding: 30px 0;
 153 }
 154
 155 #apidoc h1 {
 156   font-family: "Source Sans Pro", sans-serif;
 157   font-weight: 700;
 158   font-size: 32px;
 159   line-height: 40px;
 160   padding-bottom: 14px;
 161   margin: 0 0 20px 0;
 162   padding: 0;
 163 }
 164
 165 #apidoc h2 {
 166   font-family: "Source Sans Pro Bold", sans-serif;
 167   font-weight: 600;
 168   font-size: 22px;
 169   line-height: 26px;
 170   padding-top: 14px;
 171 }
 172
 173 /* ------------------------------------------------------------------------------------------
 174  * Request type
 175  * ------------------------------------------------------------------------------------------ */
 176 .type {
 177   font-family: "Source Sans Pro", sans-serif;
 178   font-weight: 600;
 179   font-size: 15px;
 180   display: inline-block;
 181   margin: 0 0 5px 0;
 182   padding: 4px 5px;
 183   border-radius: 6px;
 184   text-transform: uppercase;
 185   background-color: #3387CC;
 186   color: #ffffff;
 187 }
 188
 189 .type__get {
 190   background-color: green;
 191 }
 192
 193 .type__put {
 194   background-color: #e5c500;
 195 }
 196
 197 .type__post {
 198   background-color: #4070ec;
 199 }
 200
 201 .type__delete {
 202   background-color: #ed0039;
 203 }
 204
 205 /* ------------------------------------------------------------------------------------------
 206  * Sidenav
 207  * ------------------------------------------------------------------------------------------ */
 208 .sidenav {
 209   width: 228px;
 210   margin: 0;
 211   padding: 0 20px 20px 20px;
 212   position: fixed;
 213   top: 50px;
 214   left: 0;
 215   bottom: 0;
 216   overflow-x: hidden;
 217   overflow-y: auto;
 218   background-color: #f5f5f5;
 219   z-index: 10;
 220 }
 221
 222 .sidenav > li > a {
 223   display: block;
 224   width: 192px;
 225   margin: 0;
 226   padding: 2px 11px;
 227   border: 0;
 228   border-left: transparent 4px solid;
 229   border-right: transparent 4px solid;
 230   font-family: "Source Sans Pro", sans-serif;
 231   font-weight: 400;
 232   font-size: 14px;
 233 }
 234
 235 .sidenav > li.nav-header {
 236   margin-top: 8px;
 237   margin-bottom: 8px;
 238 }
 239
 240 .sidenav > li.nav-header > a {
 241   padding: 5px 15px;
 242   border: 1px solid #e5e5e5;
 243   width: 190px;
 244   font-family: "Source Sans Pro", sans-serif;
 245   font-weight: 700;
 246   font-size: 16px;
 247   background-color: #ffffff;
 248 }
 249
 250 .sidenav > li.active > a {
 251     position: relative;
 252     z-index: 2;
 253     background-color: #0088cc;
 254     color: #ffffff;
 255 }
 256
 257 .sidenav > li.has-modifications a {
 258   border-right: #60d060 4px solid;
 259 }
 260
 261 .sidenav > li.is-new a {
 262   border-left: #e5e5e5 4px solid;
 263 }
 264
 265 /* ------------------------------------------------------------------------------------------
 266  * Side nav search
 267  * ------------------------------------------------------------------------------------------ */
 268 .sidenav-search {
 269   width: 228px;
 270   left: 0px;
 271   position: fixed;
 272   padding: 16px 20px 10px 20px;
 273   background-color: #F5F5F5;
 274   z-index: 11;
 275 }
 276
 277 .sidenav-search .search {
 278   height: 26px;
 279 }
 280
 281 .search-reset {
 282   position: absolute;
 283   display: block;
 284   cursor: pointer;
 285   width: 20px;
 286   height: 20px;
 287   text-align: center;
 288   right: 28px;
 289   top: 17px;
 290   background-color: #fff;
 291 }
 292
 293 /* ------------------------------------------------------------------------------------------
 294  * Compare
 295  * ------------------------------------------------------------------------------------------ */
 296
 297 ins {
 298   background: #60d060;
 299   text-decoration: none;
 300   color: #000000;
 301 }
 302
 303 del {
 304   background: #f05050;
 305   color: #000000;
 306 }
 307
 308 .label-ins {
 309   background-color: #60d060;
 310 }
 311
 312 .label-del {
 313   background-color: #f05050;
 314   text-decoration: line-through;
 315 }
 316
 317 pre.ins {
 318   background-color: #60d060;
 319 }
 320
 321 pre.del {
 322   background-color: #f05050;
 323   text-decoration: line-through;
 324 }
 325
 326 table.ins th,
 327 table.ins td {
 328   background-color: #60d060;
 329 }
 330
 331 table.del th,
 332 table.del td {
 333   background-color: #f05050;
 334   text-decoration: line-through;
 335 }
 336
 337 tr.ins td {
 338   background-color: #60d060;
 339 }
 340
 341 tr.del td {
 342   background-color: #f05050;
 343   text-decoration: line-through;
 344 }
 345
 346 /* ------------------------------------------------------------------------------------------
 347  * Spinner
 348  * ------------------------------------------------------------------------------------------ */
 349
 350 #loader {
 351   position: absolute;
 352   width: 100%;
 353 }
 354
 355 #loader p {
 356   padding-top: 80px;
 357   margin-left: -4px;
 358 }
 359
 360 .spinner {
 361   margin: 200px auto;
 362   width: 60px;
 363   height: 60px;
 364   position: relative;
 365 }
 366
 367 .container1 > div, .container2 > div, .container3 > div {
 368   width: 14px;
 369   height: 14px;
 370   background-color: #0088cc;
 371
 372   border-radius: 100%;
 373   position: absolute;
 374   -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
 375   animation: bouncedelay 1.2s infinite ease-in-out;
 376   /* Prevent first frame from flickering when animation starts */
 377   -webkit-animation-fill-mode: both;
 378   animation-fill-mode: both;
 379 }
 380
 381 .spinner .spinner-container {
 382   position: absolute;
 383   width: 100%;
 384   height: 100%;
 385 }
 386
 387 .container2 {
 388   -webkit-transform: rotateZ(45deg);
 389   transform: rotateZ(45deg);
 390 }
 391
 392 .container3 {
 393   -webkit-transform: rotateZ(90deg);
 394   transform: rotateZ(90deg);
 395 }
 396
 397 .circle1 { top: 0; left: 0; }
 398 .circle2 { top: 0; right: 0; }
 399 .circle3 { right: 0; bottom: 0; }
 400 .circle4 { left: 0; bottom: 0; }
 401
 402 .container2 .circle1 {
 403   -webkit-animation-delay: -1.1s;
 404   animation-delay: -1.1s;
 405 }
 406
 407 .container3 .circle1 {
 408   -webkit-animation-delay: -1.0s;
 409   animation-delay: -1.0s;
 410 }
 411
 412 .container1 .circle2 {
 413   -webkit-animation-delay: -0.9s;
 414   animation-delay: -0.9s;
 415 }
 416
 417 .container2 .circle2 {
 418   -webkit-animation-delay: -0.8s;
 419   animation-delay: -0.8s;
 420 }
 421
 422 .container3 .circle2 {
 423   -webkit-animation-delay: -0.7s;
 424   animation-delay: -0.7s;
 425 }
 426
 427 .container1 .circle3 {
 428   -webkit-animation-delay: -0.6s;
 429   animation-delay: -0.6s;
 430 }
 431
 432 .container2 .circle3 {
 433   -webkit-animation-delay: -0.5s;
 434   animation-delay: -0.5s;
 435 }
 436
 437 .container3 .circle3 {
 438   -webkit-animation-delay: -0.4s;
 439   animation-delay: -0.4s;
 440 }
 441
 442 .container1 .circle4 {
 443   -webkit-animation-delay: -0.3s;
 444   animation-delay: -0.3s;
 445 }
 446
 447 .container2 .circle4 {
 448   -webkit-animation-delay: -0.2s;
 449   animation-delay: -0.2s;
 450 }
 451
 452 .container3 .circle4 {
 453   -webkit-animation-delay: -0.1s;
 454   animation-delay: -0.1s;
 455 }
 456
 457 @-webkit-keyframes bouncedelay {
 458   0%, 80%, 100% { -webkit-transform: scale(0.0) }
 459   40% { -webkit-transform: scale(1.0) }
 460 }
 461
 462 @keyframes bouncedelay {
 463   0%, 80%, 100% {
 464     transform: scale(0.0);
 465     -webkit-transform: scale(0.0);
 466   } 40% {
 467     transform: scale(1.0);
 468     -webkit-transform: scale(1.0);
 469   }
 470 }
 471
 472 /* ------------------------------------------------------------------------------------------
 473  * Tabs
 474  * ------------------------------------------------------------------------------------------ */
 475 ul.nav-tabs {
 476   margin: 0;
 477 }
 478
 479 p.deprecated span{
 480   color: #ff0000;
 481   font-weight: bold;
 482   text-decoration: underline;
 483 }
 484
 485 /* ------------------------------------------------------------------------------------------
 486  * Print
 487  * ------------------------------------------------------------------------------------------ */
 488
 489 @media print {
 490
 491   #sidenav,
 492   #version,
 493   #versions,
 494   section .version,
 495   section .versions {
 496     display: none;
 497   }
 498
 499   #content {
 500     margin-left: 0;
 501   }
 502
 503   a {
 504     text-decoration: none;
 505     color: inherit;
 506   }
 507
 508   a:after {
 509     content: " [" attr(href) "] ";
 510   }
 511
 512   p {
 513     color: #000000
 514   }
 515
 516   pre {
 517     background-color: #ffffff;
 518     color: #000000;
 519     padding: 10px;
 520     border: #808080 1px solid;
 521     border-radius: 6px;
 522     position: relative;
 523     margin: 10px 0 20px 0;
 524   }
 525
 526 } /* /@media print */