Project

General

Profile

« Previous | Next » 

Revision 57697

[Monitor Dashboard]: 1. Change inputs to materials. 2. Add fonts. 3. Add uikit.js on index 4. Add reorder functionality on indicators. 5. Fix height of header to 70px

View differences:

main.css
199 199
}
200 200
.uk-modal-dialog .uk-modal-header .uk-modal-title {
201 201
  margin: 0;
202
  font: 500 18px / 28px "Roboto", sans-serif;
202
  font: 500 18px / 28px "Open Sans";
203 203
}
204 204
.uk-modal-dialog .uk-modal-header .uk-modal-title span {
205 205
  font-size: 16px;
......
1560 1560
  color: #fff;
1561 1561
}
1562 1562
.uk-datepicker-nav .uk-form-select {
1563
  font: 400 16px / 22px "Roboto", sans-serif;
1563
  font: 400 16px / 22px "Open Sans";
1564 1564
  color: #fff;
1565 1565
  text-transform: uppercase;
1566 1566
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
......
1598 1598
.uk-datepicker-table th,
1599 1599
.uk-datepicker-table td {
1600 1600
  padding: 2px;
1601
  font: 400 13px / 15px "Roboto", sans-serif;
1601
  font: 400 13px / 15px "Open Sans";
1602 1602
}
1603 1603
.uk-datepicker-table th {
1604 1604
  color: #727272;
......
2076 2076
@media only screen and (min-width: 960px) {
2077 2077
  .sidebar_main_active .uk-notify-top-left,
2078 2078
  .sidebar_main_open .uk-notify-top-left {
2079
    left: 256px;
2079
    left: 336px;
2080 2080
  }
2081 2081
  .sidebar_main_active .uk-notify-top-center,
2082 2082
  .sidebar_main_open .uk-notify-top-center {
2083
    margin-left: -80px;
2083
    margin-left: -40px;
2084 2084
  }
2085 2085
  .sidebar_main_active .uk-notify-bottom-left,
2086 2086
  .sidebar_main_open .uk-notify-bottom-left {
2087
    left: 256px;
2087
    left: 336px;
2088 2088
  }
2089 2089
  .sidebar_main_active .uk-notify-bottom-center,
2090 2090
  .sidebar_main_open .uk-notify-bottom-center {
2091
    margin-left: -80px;
2091
    margin-left: -40px;
2092 2092
  }
2093 2093
}
2094 2094
/* slideshow */
......
3152 3152
}
3153 3153
.sidebar_main_active > .content-preloader,
3154 3154
.sidebar_main_open > .content-preloader {
3155
  margin-left: 96px !important;
3155
  margin-left: 136px !important;
3156 3156
}
3157 3157
body > .content-preloader {
3158 3158
  position: fixed;
......
3164 3164
}
3165 3165
.sidebar_main_active body > .content-preloader,
3166 3166
.sidebar_main_open body > .content-preloader {
3167
  margin-left: 96px;
3167
  margin-left: 136px;
3168 3168
}
3169 3169
.md-card > .content-preloader {
3170 3170
  position: absolute;
......
3503 3503
  -webkit-appearance: none;
3504 3504
  display: inline-block;
3505 3505
  vertical-align: middle;
3506
  font: 500 14px / 31px "Roboto", sans-serif !important;
3506
  font: 500 14px / 31px "Open Sans" !important;
3507 3507
}
3508 3508
.md-btn:hover,
3509 3509
.md-btn:focus,
......
4300 4300
  padding: 4px 16px;
4301 4301
  -webkit-box-sizing: border-box;
4302 4302
  box-sizing: border-box;
4303
  font: 400 16px / 32px "Roboto", sans-serif;
4303
  font: 400 16px / 32px "Open Sans";
4304 4304
  text-align: left;
4305 4305
}
4306 4306
.md-fab-sheet-actions > a,
......
5947 5947
  clear: both;
5948 5948
}
5949 5949
.md-card .md-card-toolbar-heading-text {
5950
  font: 500 14px / 50px "Roboto", sans-serif;
5950
  font: 500 14px / 50px "Open Sans";
5951 5951
  color: #212121;
5952 5952
  margin: 0;
5953 5953
  float: left;
......
5996 5996
}
5997 5997
.md-card .md-card-toolbar-input {
5998 5998
  border: none;
5999
  font: 400 18px / 24px "Roboto", sans-serif;
5999
  font: 400 18px / 24px "Open Sans";
6000 6000
  height: auto;
6001 6001
  background: none !important;
6002 6002
  padding: 12px 0;
......
6031 6031
}
6032 6032
.md-card .md-card-head-text {
6033 6033
  padding: 8px 16px 16px;
6034
  font: 500 16px / 22px "Roboto", sans-serif;
6034
  font: 500 16px / 22px "Open Sans";
6035 6035
  color: #212121;
6036 6036
  margin: 0;
6037 6037
}
6038 6038
.md-card .md-card-head-text span:not(.listNavSelector) {
6039 6039
  display: block;
6040
  font: 400 12px / 18px "Roboto", sans-serif;
6040
  font: 400 12px / 18px "Open Sans";
6041 6041
  margin-top: -2px;
6042 6042
}
6043 6043
.md-card .md-card-head-text.text_dark {
......
6249 6249
  box-sizing: border-box;
6250 6250
}
6251 6251
.md-card.md-card-overlay .md-card-overlay-header h3 {
6252
  font: 400 16px / 30px "Roboto", sans-serif;
6252
  font: 400 16px / 30px "Open Sans";
6253 6253
}
6254 6254
.md-card.md-card-overlay .md-card-overlay-header h4 {
6255
  font: 500 14px / 30px "Roboto", sans-serif;
6255
  font: 500 14px / 30px "Open Sans";
6256 6256
}
6257 6257
.md-card.md-card-overlay .md-card-overlay-header .md-icon {
6258 6258
  position: absolute;
......
6615 6615
  border-width: 0 0 1px;
6616 6616
  border-style: solid;
6617 6617
  border-color: rgba(0, 0, 0, 0.12);
6618
  font: 400 15px / 18px "Roboto", sans-serif;
6618
  font: 400 15px / 18px "Open Sans";
6619 6619
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
6620 6620
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
6621 6621
  -webkit-box-sizing: border-box;
......
8174 8174
  right: 0;
8175 8175
  bottom: 0;
8176 8176
  text-align: center;
8177
  font: 400 20px / 110px "Roboto", sans-serif;
8177
  font: 400 20px / 110px "Open Sans";
8178 8178
}
8179 8179
.epc_chart_icon {
8180 8180
  position: absolute;
......
8333 8333
.icheck-inline + .parsley-errors-list {
8334 8334
  margin-top: -8px;
8335 8335
}
8336
/* prism syntax highlighter */
8337
/**
8338
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
8339
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
8340
 * @author Tim  Shedor
8341
 */
8342
code[class*="language-"],
8343
pre[class*="language-"] {
8344
  color: black;
8345
  background: none;
8346
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
8347
  text-align: left;
8348
  white-space: pre;
8349
  word-spacing: normal;
8350
  word-break: normal;
8351
  word-wrap: normal;
8352
  line-height: 1.5;
8353
  -moz-tab-size: 4;
8354
  -o-tab-size: 4;
8355
  tab-size: 4;
8356
  -webkit-hyphens: none;
8357
  -ms-hyphens: none;
8358
  hyphens: none;
8359
}
8360
/* Code blocks */
8361
pre[class*="language-"] {
8362
  position: relative;
8363
  margin: 0.5em 0;
8364
  overflow: visible;
8365
  padding: 0;
8366
}
8367
pre[class*="language-"] > code {
8368
  position: relative;
8369
  border-left: 10px solid #358ccb;
8370
  -webkit-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
8371
  box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
8372
  background-color: #fdfdfd;
8373
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(69, 142, 209, 0.04)));
8374
  background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
8375
  background-size: 3em 3em;
8376
  background-origin: content-box;
8377
  background-attachment: local;
8378
}
8379
code[class*="language"] {
8380
  max-height: inherit;
8381
  height: inherit;
8382
  padding: 0 1em;
8383
  display: block;
8384
  overflow: auto;
8385
}
8386
/* Margin bottom to accomodate shadow */
8387
:not(pre) > code[class*="language-"],
8388
pre[class*="language-"] {
8389
  background-color: #fdfdfd;
8390
  -webkit-box-sizing: border-box;
8391
  box-sizing: border-box;
8392
  margin-bottom: 1em;
8393
}
8394
/* Inline code */
8395
:not(pre) > code[class*="language-"] {
8396
  position: relative;
8397
  padding: 0.2em;
8398
  border-radius: 0.3em;
8399
  color: #c92c2c;
8400
  border: 1px solid rgba(0, 0, 0, 0.1);
8401
  display: inline;
8402
  white-space: normal;
8403
}
8404
pre[class*="language-"]:before,
8405
pre[class*="language-"]:after {
8406
  content: '';
8407
  z-index: -2;
8408
  display: block;
8409
  position: absolute;
8410
  bottom: 0.75em;
8411
  left: 0.18em;
8412
  width: 40%;
8413
  height: 20%;
8414
  max-height: 13em;
8415
  -webkit-box-shadow: 0px 13px 8px #979797;
8416
  box-shadow: 0px 13px 8px #979797;
8417
  -webkit-transform: rotate(-2deg);
8418
  transform: rotate(-2deg);
8419
}
8420
:not(pre) > code[class*="language-"]:after,
8421
pre[class*="language-"]:after {
8422
  right: 0.75em;
8423
  left: auto;
8424
  -webkit-transform: rotate(2deg);
8425
  transform: rotate(2deg);
8426
}
8427
.token.comment,
8428
.token.block-comment,
8429
.token.prolog,
8430
.token.doctype,
8431
.token.cdata {
8432
  color: #7D8B99;
8433
}
8434
.token.punctuation {
8435
  color: #5F6364;
8436
}
8437
.token.property,
8438
.token.tag,
8439
.token.boolean,
8440
.token.number,
8441
.token.function-name,
8442
.token.constant,
8443
.token.symbol,
8444
.token.deleted {
8445
  color: #c92c2c;
8446
}
8447
.token.selector,
8448
.token.attr-name,
8449
.token.string,
8450
.token.char,
8451
.token.function,
8452
.token.builtin,
8453
.token.inserted {
8454
  color: #2f9c0a;
8455
}
8456
.token.operator,
8457
.token.entity,
8458
.token.url,
8459
.token.variable {
8460
  color: #a67f59;
8461
  background: rgba(255, 255, 255, 0.5);
8462
}
8463
.token.atrule,
8464
.token.attr-value,
8465
.token.keyword,
8466
.token.class-name {
8467
  color: #1990b8;
8468
}
8469
.token.regex,
8470
.token.important {
8471
  color: #e90;
8472
}
8473
.language-css .token.string,
8474
.style .token.string {
8475
  color: #a67f59;
8476
  background: rgba(255, 255, 255, 0.5);
8477
}
8478
.token.important {
8479
  font-weight: normal;
8480
}
8481
.token.bold {
8482
  font-weight: bold;
8483
}
8484
.token.italic {
8485
  font-style: italic;
8486
}
8487
.token.entity {
8488
  cursor: help;
8489
}
8490
.namespace {
8491
  opacity: 0.7;
8492
}
8493
@media screen and (max-width: 767px) {
8494
  pre[class*="language-"]:before,
8495
  pre[class*="language-"]:after {
8496
    bottom: 14px;
8497
    -webkit-box-shadow: none;
8498
    box-shadow: none;
8499
  }
8500
}
8501
/* Plugin styles */
8502
.token.tab:not(:empty):before,
8503
.token.cr:before,
8504
.token.lf:before {
8505
  color: #e0d7d1;
8506
}
8507
/* Plugin styles: Line Numbers */
8508
pre[class*="language-"].line-numbers.line-numbers {
8509
  padding-left: 0;
8510
}
8511
pre[class*="language-"].line-numbers.line-numbers code {
8512
  padding-left: 3.8em;
8513
}
8514
pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
8515
  left: 0;
8516
}
8517
/* Plugin styles: Line Highlight */
8518
pre[class*="language-"][data-line] {
8519
  padding-top: 0;
8520
  padding-bottom: 0;
8521
  padding-left: 0;
8522
}
8523
pre[data-line] code {
8524
  position: relative;
8525
  padding-left: 4em;
8526
}
8527
pre .line-highlight {
8528
  margin-top: 0;
8529
}
8530
pre[class*="language-"].line-numbers {
8531
  position: relative;
8532
  padding-left: 3.8em;
8533
  counter-reset: linenumber;
8534
}
8535
pre[class*="language-"].line-numbers > code {
8536
  position: relative;
8537
  white-space: inherit;
8538
}
8539
.line-numbers .line-numbers-rows {
8540
  position: absolute;
8541
  pointer-events: none;
8542
  top: 0;
8543
  font-size: 100%;
8544
  left: -3.8em;
8545
  width: 3em;
8546
  /* works for line-numbers below 1000 lines */
8547
  letter-spacing: -1px;
8548
  border-right: 1px solid #999;
8549
  -webkit-user-select: none;
8550
  -moz-user-select: none;
8551
  -ms-user-select: none;
8552
  user-select: none;
8553
}
8554
.line-numbers-rows > span {
8555
  pointer-events: none;
8556
  display: block;
8557
  counter-increment: linenumber;
8558
}
8559
.line-numbers-rows > span:before {
8560
  content: counter(linenumber);
8561
  color: #999;
8562
  display: block;
8563
  padding-right: 0.8em;
8564
  text-align: right;
8565
}
8336
/*// prism syntax highlighter
8337
    @import "plugins/_prism";*/
8566 8338
.scroll-wrapper {
8567 8339
  overflow: hidden !important;
8568 8340
  padding: 0 !important;
......
8712 8484
.sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
8713 8485
  left: 2px;
8714 8486
}
8715
/* selectize */
8716
/**
8717
 * selectize.css (v0.12.6)
8718
 * Copyright (c) 2013–2015 Brian Reavis & contributors
8719
 *
8720
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
8721
 * file except in compliance with the License. You may obtain a copy of the License at:
8722
 * http://www.apache.org/licenses/LICENSE-2.0
8723
 *
8724
 * Unless required by applicable law or agreed to in writing, software distributed under
8725
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
8726
 * ANY KIND, either express or implied. See the License for the specific language
8727
 * governing permissions and limitations under the License.
8728
 *
8729
 * @author Brian Reavis <brian@thirdroute.com>
8730
 */
8731
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
8732
  visibility: visible !important;
8733
  background: #f2f2f2 !important;
8734
  background: rgba(0, 0, 0, 0.06) !important;
8735
  border: 0 none !important;
8736
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
8737
  box-shadow: inset 0 0 12px 4px #fff;
8738
}
8739
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
8740
  content: '!';
8741
  visibility: hidden;
8742
}
8743
.selectize-control.plugin-drag_drop .ui-sortable-helper {
8744
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
8745
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
8746
}
8747
.selectize-dropdown-header {
8748
  position: relative;
8749
  padding: 5px 8px;
8750
  border-bottom: 1px solid #d0d0d0;
8751
  background: #f8f8f8;
8752
  border-radius: 3px 3px 0 0;
8753
}
8754
.selectize-dropdown-header-close {
8755
  position: absolute;
8756
  right: 8px;
8757
  top: 50%;
8758
  color: #303030;
8759
  opacity: 0.4;
8760
  margin-top: -12px;
8761
  line-height: 20px;
8762
  font-size: 20px !important;
8763
}
8764
.selectize-dropdown-header-close:hover {
8765
  color: #000000;
8766
}
8767
.selectize-dropdown.plugin-optgroup_columns .optgroup {
8768
  border-right: 1px solid #f2f2f2;
8769
  border-top: 0 none;
8770
  float: left;
8771
  -webkit-box-sizing: border-box;
8772
  box-sizing: border-box;
8773
}
8774
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
8775
  border-right: 0 none;
8776
}
8777
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
8778
  display: none;
8779
}
8780
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
8781
  border-top: 0 none;
8782
}
8783
.selectize-control.plugin-remove_button [data-value] {
8784
  position: relative;
8785
  padding-right: 24px !important;
8786
}
8787
.selectize-control.plugin-remove_button [data-value] .remove {
8788
  z-index: 1;
8789
  /* fixes ie bug (see #392) */
8790
  position: absolute;
8791
  top: 0;
8792
  right: 0;
8793
  bottom: 0;
8794
  width: 17px;
8795
  text-align: center;
8796
  font-weight: bold;
8797
  font-size: 12px;
8798
  color: inherit;
8799
  text-decoration: none;
8800
  vertical-align: middle;
8801
  display: inline-block;
8802
  padding: 2px 0 0 0;
8803
  border-left: 1px solid #d0d0d0;
8804
  border-radius: 0 2px 2px 0;
8805
  -webkit-box-sizing: border-box;
8806
  box-sizing: border-box;
8807
}
8808
.selectize-control.plugin-remove_button [data-value] .remove:hover {
8809
  background: rgba(0, 0, 0, 0.05);
8810
}
8811
.selectize-control.plugin-remove_button [data-value].active .remove {
8812
  border-left-color: #cacaca;
8813
}
8814
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
8815
  background: none;
8816
}
8817
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
8818
  border-left-color: #ffffff;
8819
}
8820
.selectize-control.plugin-remove_button .remove-single {
8821
  position: absolute;
8822
  right: 0;
8823
  top: 0;
8824
  font-size: 23px;
8825
}
8826
.selectize-control {
8827
  position: relative;
8828
}
8829
.selectize-dropdown,
8830
.selectize-input,
8831
.selectize-input input {
8832
  color: #303030;
8833
  font-family: inherit;
8834
  font-size: 13px;
8835
  line-height: 18px;
8836
  -webkit-font-smoothing: inherit;
8837
}
8838
.selectize-input,
8839
.selectize-control.single .selectize-input.input-active {
8840
  background: #fff;
8841
  cursor: text;
8842
  display: inline-block;
8843
}
8844
.selectize-input {
8845
  border: 1px solid #d0d0d0;
8846
  padding: 8px 8px;
8847
  display: inline-block;
8848
  width: 100%;
8849
  overflow: hidden;
8850
  position: relative;
8851
  z-index: 1;
8852
  -webkit-box-sizing: border-box;
8853
  box-sizing: border-box;
8854
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
8855
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
8856
  border-radius: 3px;
8857
}
8858
.selectize-control.multi .selectize-input.has-items {
8859
  padding: 6px 8px 3px;
8860
}
8861
.selectize-input.full {
8862
  background-color: #fff;
8863
}
8864
.selectize-input.disabled,
8865
.selectize-input.disabled * {
8866
  cursor: default !important;
8867
}
8868
.selectize-input.focus {
8869
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
8870
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
8871
}
8872
.selectize-input.dropdown-active {
8873
  border-radius: 3px 3px 0 0;
8874
}
8875
.selectize-input > * {
8876
  vertical-align: baseline;
8877
  display: -moz-inline-stack;
8878
  display: inline-block;
8879
  zoom: 1;
8880
  *display: inline;
8881
}
8882
.selectize-control.multi .selectize-input > div {
8883
  cursor: pointer;
8884
  margin: 0 3px 3px 0;
8885
  padding: 2px 6px;
8886
  background: #f2f2f2;
8887
  color: #303030;
8888
  border: 0 solid #d0d0d0;
8889
}
8890
.selectize-control.multi .selectize-input > div.active {
8891
  background: #e8e8e8;
8892
  color: #303030;
8893
  border: 0 solid #cacaca;
8894
}
8895
.selectize-control.multi .selectize-input.disabled > div,
8896
.selectize-control.multi .selectize-input.disabled > div.active {
8897
  color: #7d7d7d;
8898
  background: #ffffff;
8899
  border: 0 solid #ffffff;
8900
}
8901
.selectize-input > input {
8902
  display: inline-block !important;
8903
  padding: 0 !important;
8904
  min-height: 0 !important;
8905
  max-height: none !important;
8906
  max-width: 100% !important;
8907
  margin: 0 2px 0 0 !important;
8908
  text-indent: 0 !important;
8909
  border: 0 none !important;
8910
  background: none !important;
8911
  line-height: inherit !important;
8912
  -webkit-user-select: auto !important;
8913
  -webkit-box-shadow: none !important;
8914
  box-shadow: none !important;
8915
}
8916
.selectize-input > input::-ms-clear {
8917
  display: none;
8918
}
8919
.selectize-input > input:focus {
8920
  outline: none !important;
8921
}
8922
.selectize-input::after {
8923
  content: ' ';
8924
  display: block;
8925
  clear: left;
8926
}
8927
.selectize-input.dropdown-active::before {
8928
  content: ' ';
8929
  display: block;
8930
  position: absolute;
8931
  background: #f0f0f0;
8932
  height: 1px;
8933
  bottom: 0;
8934
  left: 0;
8935
  right: 0;
8936
}
8937
.selectize-dropdown {
8938
  position: absolute;
8939
  z-index: 10;
8940
  border: 1px solid #d0d0d0;
8941
  background: #fff;
8942
  margin: -1px 0 0 0;
8943
  border-top: 0 none;
8944
  -webkit-box-sizing: border-box;
8945
  box-sizing: border-box;
8946
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
8947
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
8948
  border-radius: 0 0 3px 3px;
8949
}
8950
.selectize-dropdown [data-selectable] {
8951
  cursor: pointer;
8952
  overflow: hidden;
8953
}
8954
.selectize-dropdown [data-selectable] .highlight {
8955
  background: rgba(125, 168, 208, 0.2);
8956
  border-radius: 1px;
8957
}
8958
.selectize-dropdown .option,
8959
.selectize-dropdown .optgroup-header {
8960
  padding: 5px 8px;
8961
}
8962
.selectize-dropdown .option,
8963
.selectize-dropdown [data-disabled],
8964
.selectize-dropdown [data-disabled] [data-selectable].option {
8965
  cursor: inherit;
8966
  opacity: 0.5;
8967
}
8968
.selectize-dropdown [data-selectable].option {
8969
  opacity: 1;
8970
}
8971
.selectize-dropdown .optgroup:first-child .optgroup-header {
8972
  border-top: 0 none;
8973
}
8974
.selectize-dropdown .optgroup-header {
8975
  color: #303030;
8976
  background: #fff;
8977
  cursor: default;
8978
}
8979
.selectize-dropdown .active {
8980
  background-color: #f5fafd;
8981
  color: #495c68;
8982
}
8983
.selectize-dropdown .active.create {
8984
  color: #495c68;
8985
}
8986
.selectize-dropdown .create {
8987
  color: rgba(48, 48, 48, 0.5);
8988
}
8989
.selectize-dropdown-content {
8990
  overflow-y: auto;
8991
  overflow-x: hidden;
8992
  max-height: 200px;
8993
  -webkit-overflow-scrolling: touch;
8994
}
8995
.selectize-control.single .selectize-input,
8996
.selectize-control.single .selectize-input input {
8997
  cursor: pointer;
8998
}
8999
.selectize-control.single .selectize-input.input-active,
9000
.selectize-control.single .selectize-input.input-active input {
9001
  cursor: text;
9002
}
9003
.selectize-control.single .selectize-input:after {
9004
  content: ' ';
9005
  display: block;
9006
  position: absolute;
9007
  top: 50%;
9008
  right: 15px;
9009
  margin-top: -3px;
9010
  width: 0;
9011
  height: 0;
9012
  border-style: solid;
9013
  border-width: 5px 5px 0 5px;
9014
  border-color: #808080 transparent transparent transparent;
9015
}
9016
.selectize-control.single .selectize-input.dropdown-active:after {
9017
  margin-top: -4px;
9018
  border-width: 0 5px 5px 5px;
9019
  border-color: transparent transparent #808080 transparent;
9020
}
9021
.selectize-control.rtl.single .selectize-input:after {
9022
  left: 15px;
9023
  right: auto;
9024
}
9025
.selectize-control.rtl .selectize-input > input {
9026
  margin: 0 4px 0 -2px !important;
9027
}
9028
.selectize-control .selectize-input.disabled {
9029
  opacity: 0.5;
9030
  background-color: #fafafa;
9031
}
9032
.selectize-input {
9033
  border-color: rgba(0, 0, 0, 0.12);
9034
  line-height: 25px;
9035
  padding: 6px 8px;
9036
}
9037
.selectize-input,
9038
.selectize-input.focus {
9039
  border-radius: 0;
9040
  -webkit-box-shadow: none;
9041
  box-shadow: none;
9042
}
9043
.selectize-input:before,
9044
.selectize-input.focus:before {
9045
  display: none;
9046
}
9047
.md-input-danger .selectize-input {
9048
  border-color: #e53935;
9049
}
9050
.selectize-input.dropdown-active:before {
9051
  display: none;
9052
}
9053
.selectize-dropdown {
9054
  margin-top: -44px;
9055
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
9056
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
9057
  color: #212121;
9058
  z-index: 1210;
9059
}
9060
.selectize-dropdown [data-selectable] {
9061
  padding-top: 11px;
9062
  padding-bottom: 10px;
9063
  font-size: 15px;
9064
}
9065
.selectize-dropdown [data-selectable].option-disabled {
9066
  color: #aaa;
9067
  cursor: not-allowed;
9068
}
9069
.selectize-dropdown .active {
9070
  background: rgba(0, 0, 0, 0.085);
9071
  color: inherit;
9072
}
9073
.selectize-dropdown .optgroup-header {
9074
  font-size: 12px;
9075
  color: #aaa;
9076
  padding-top: 8px;
9077
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
9078
  text-transform: uppercase;
9079
}
9080
.selectize-dropdown.multi .item-icon {
9081
  margin-right: 4px;
9082
}
9083
.selectize-dropdown.selectize_fs {
9084
  z-index: 9999;
9085
}
9086
.selectize-dropdown-content {
9087
  -webkit-overflow-scrolling: auto;
9088
}
9089
.selectize-control .selectize-input {
9090
  min-height: 40px;
9091
}
9092
.selectize-control.multi .selectize-input {
9093
  line-height: 21px;
9094
}
9095
.selectize-control.multi .selectize-input > div {
9096
  border-radius: 18px;
9097
  padding: 3px 8px 2px;
9098
  font-size: 14px;
9099
}
9100
.selectize-control.multi .selectize-input .selectize-input.has-items {
9101
  padding: 4px;
9102
}
9103
.selectize-control.multi .selectize-input .item-icon {
9104
  margin-right: 4px;
9105
}
9106
.selectize-control.multi .selectize-input input {
9107
  height: 26px;
9108
  font-size: 15px;
9109
}
9110
.selectize-control.plugin-remove_button [data-value] {
9111
  padding-right: 28px !important;
9112
}
9113
.selectize-control.plugin-remove_button [data-value] .remove {
9114
  border: none;
9115
  width: auto;
9116
  padding: 4px 5px 0 0;
9117
}
9118
.selectize-control.plugin-remove_button [data-value] .remove:hover {
9119
  background: none;
9120
}
9121
.selectize-control.plugin-remove_button [data-value] .remove:after {
9122
  color: #727272;
9123
  content: '\e5cd';
9124
  font-family: "Material Icons";
9125
  font-size: 18px;
9126
}
9127
.selectize-control.single {
9128
  height: 40px;
9129
  margin-top: 4px;
9130
}
9131
.selectize-control.single .selectize-input {
9132
  border-width: 0 0 1px;
9133
  padding: 8px 8px 9px;
9134
}
9135
.selectize-control.single .selectize-input:after {
9136
  border: none !important;
9137
  content: '\e5c5';
9138
  font-family: "Material Icons";
9139
  font-size: 28px;
9140
  margin-top: -12px !important;
9141
  right: 28px;
9142
  color: rgba(0, 0, 0, 0.3);
9143
}
9144
.selectize-control.single .selectize-input .item {
9145
  font-size: 15px;
9146
}
9147
.selectize-control.single .selectize-input input {
9148
  font-size: 15px;
9149
}
9150
.selectize-control.single.plugin-remove_button [data-value] .remove {
9151
  padding: 0;
9152
}
9153
.selectize-control.single.plugin-remove_button [data-value] .remove:hover {
9154
  background: none;
9155
}
9156
.selectize-control.single.plugin-remove_button [data-value] .remove:after {
9157
  color: #727272;
9158
  content: '\e5cd';
9159
  font-family: "Material Icons";
9160
  font-size: 18px;
9161
}
9162
.selectize-control.rtl.single .selectize-input:after {
9163
  left: 28px;
9164
}
9165
.selectize_fix {
9166
  overflow: hidden;
9167
  height: 0;
9168
  width: 100%;
9169
}
9170
.tablesorter .selectize-control.single,
9171
.tablesorter .selectize-control .selectize-input {
9172
  min-height: 34px;
9173
}
9174
.tablesorter .selectize-control .selectize-input {
9175
  padding: 4px 8px 5px;
9176
}
9177
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
9178
  visibility: visible !important;
9179
  background: #fafafa !important;
9180
  -webkit-box-shadow: none !important;
9181
  box-shadow: none !important;
9182
  border: none !important;
9183
}
9184
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
9185
  content: '!';
9186
  visibility: hidden;
9187
}
9188
.selectize-control.plugin-drag_drop .ui-sortable-helper {
9189
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
9190
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
9191
  white-space: nowrap;
9192
}
8487
/*    // selectize
8488
    @import "plugins/_selectize";*/
9193 8489
/* codemirror */
9194 8490
#code_editor_close {
9195 8491
  display: none;
......
9790 9086
div.dt-button-info h2 {
9791 9087
  padding: 16px;
9792 9088
  margin: 0;
9793
  font: 400 20px / 24px "Roboto", sans-serif;
9089
  font: 400 20px / 24px "Open Sans";
9794 9090
}
9795 9091
div.dt-button-info > div {
9796 9092
  padding: 16px 24px;
......
9850 9146
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
9851 9147
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
9852 9148
  -webkit-column-gap: 8px;
9149
  -moz-column-gap: 8px;
9853 9150
  column-gap: 8px;
9854 9151
}
9855 9152
div.dt-button-collection.fixed {
......
9870 9167
}
9871 9168
div.dt-button-collection > * {
9872 9169
  -webkit-column-break-inside: avoid;
9170
  -moz-column-break-inside: avoid;
9873 9171
  break-inside: avoid;
9874 9172
}
9875 9173
div.dt-button-collection.two-column {
9876 9174
  width: 300px;
9877 9175
  padding-bottom: 1px;
9878 9176
  -webkit-column-count: 2;
9177
  -moz-column-count: 2;
9879 9178
  column-count: 2;
9880 9179
}
9881 9180
div.dt-button-collection.three-column {
9882 9181
  width: 450px;
9883 9182
  padding-bottom: 1px;
9884 9183
  -webkit-column-count: 3;
9184
  -moz-column-count: 3;
9885 9185
  column-count: 3;
9886 9186
}
9887 9187
div.dt-button-collection.four-column {
9888 9188
  width: 600px;
9889 9189
  padding-bottom: 1px;
9890 9190
  -webkit-column-count: 4;
9191
  -moz-column-count: 4;
9891 9192
  column-count: 4;
9892 9193
}
9893 9194
div.dt-button-background {
......
11334 10635
  cursor: pointer;
11335 10636
  margin: 0 auto;
11336 10637
  border-radius: 3px;
11337
  font: 500 20px / 46px "Roboto", sans-serif;
10638
  font: 500 20px / 46px "Open Sans";
11338 10639
  text-align: center;
11339 10640
  text-overflow: clip;
11340 10641
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
......
11508 10809
  position: absolute;
11509 10810
  color: #fff;
11510 10811
  z-index: 2020;
11511
  font: 400 22px / 32px "Roboto", sans-serif;
10812
  font: 400 22px / 32px "Open Sans";
11512 10813
  -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
11513 10814
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
11514 10815
}
......
12808 12109
.main_logo_top {
12809 12110
  float: left;
12810 12111
  line-height: 48px;
12811
  min-width: 240px;
12112
  min-width: 320px;
12812 12113
  display: block;
12813 12114
}
12814 12115
@media only screen and (max-width: 767px) {
......
12840 12141
}
12841 12142
/* main sidebar */
12842 12143
#sidebar_main {
12843
  width: 240px;
12144
  width: 320px;
12844 12145
  border-right: 1px solid rgba(0, 0, 0, 0.12);
12845 12146
  position: fixed;
12846 12147
  height: 100%;
12847 12148
  top: 0;
12848 12149
  bottom: 0;
12849 12150
  left: 0;
12850
  -webkit-transform: translate3d(-240px, 0, 0);
12851
  transform: translate3d(-240px, 0, 0);
12151
  -webkit-transform: translate3d(-320px, 0, 0);
12152
  transform: translate3d(-320px, 0, 0);
12852 12153
  z-index: 1204;
12853 12154
  background: #fff;
12854 12155
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
......
12865 12166
}
12866 12167
@media only screen and (max-width: 767px) {
12867 12168
  #sidebar_main {
12868
    width: 280px;
12869
    -webkit-transform: translate3d(-280px, 0, 0);
12870
    transform: translate3d(-280px, 0, 0);
12169
    width: 360px;
12170
    -webkit-transform: translate3d(-360px, 0, 0);
12171
    transform: translate3d(-360px, 0, 0);
12871 12172
  }
12872 12173
}
12873 12174
#sidebar_main .menu_section .menu_heading {
12874
  font: 400 12px / 16px "Roboto", sans-serif;
12175
  font: 400 12px / 16px "Open Sans";
12875 12176
  margin: 0 0 12px;
12876 12177
  padding: 6px 6px 12px;
12877 12178
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
......
12889 12190
  list-style: none;
12890 12191
}
12891 12192
#sidebar_main .menu_section > ul > li > a {
12892
  font: 500 14px / 25px "Roboto", sans-serif;
12193
  font: 500 14px / 25px "Open Sans";
12893 12194
  color: #212121;
12894 12195
  padding: 8px 20px;
12895 12196
  display: block;
......
12945 12246
#sidebar_main .menu_section > ul > li ul a {
12946 12247
  padding: 8px 10px 8px 72px;
12947 12248
  display: block;
12948
  font: 400 13px / 18px "Roboto", sans-serif;
12249
  font: 400 13px / 18px "Open Sans";
12949 12250
  color: #212121;
12950 12251
}
12951 12252
@media only screen and (max-width: 767px) {
......
13028 12329
  background-position: 0 0;
13029 12330
  position: relative;
13030 12331
}
13031
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx), only screen and (min-resolution: 2dppx) {
12332
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx), only screen and (min-resolution: 2dppx) {
13032 12333
  #sidebar_main .sidebar_main_header {
13033 12334
    background-image: url("../img/sidebar_head_bg@2x.png");
13034 12335
    background-size: 280px 90px;
......
13116 12417
  .sidebar_main_active #page_content,
13117 12418
  .sidebar_main_active #header_main,
13118 12419
  .sidebar_main_active #top_bar {
13119
    margin-left: 240px;
12420
    margin-left: 320px;
13120 12421
  }
13121 12422
}
13122 12423
@media only screen and (max-width: 1219px) {
......
13162 12463
  .sidebar_main_open #page_content,
13163 12464
  .sidebar_main_open #header_main,
13164 12465
  .sidebar_main_open #top_bar {
13165
    margin-left: 240px;
12466
    margin-left: 320px;
13166 12467
  }
13167 12468
  .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:before,
13168 12469
  .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:after {
......
13425 12726
  border-right-color: rgba(0, 0, 0, 0.25);
13426 12727
}
13427 12728
.sidebar_slim_active #sidebar_main .menu_section > ul > li {
13428
  width: 240px;
12729
  width: 320px;
13429 12730
}
13430 12731
/* secondary sidebar */
13431 12732
#sidebar_secondary {
......
13617 12918
  min-height: 81px;
13618 12919
}
13619 12920
#page_heading h1 {
13620
  font: 500 22px / 28px "Roboto", sans-serif;
12921
  font: 500 22px / 28px "Open Sans";
13621 12922
  margin: 0;
13622 12923
}
13623 12924
#page_heading .heading_actions {
......
13842 13143
@media only screen and (min-width: 1220px) {
13843 13144
  .sidebar_main_open #footer,
13844 13145
  .sidebar_main_active #footer {
13845
    margin-left: 240px;
13146
    margin-left: 320px;
13846 13147
  }
13847 13148
}
13848 13149
.page_aside {
......
14502 13803
}
14503 13804
.sidebar_main_open #chatbox_wrapper,
14504 13805
.sidebar_main_active #chatbox_wrapper {
14505
  left: 240px;
13806
  left: 320px;
14506 13807
}
14507 13808
@media only screen and (min-width: 768px) {
14508 13809
  .sidebar_secondary_active #chatbox_wrapper {
......
14668 13969
  font-size: 13px;
14669 13970
  padding: 8px;
14670 13971
  max-height: 80px;
14671
  font: 400 13px / 16px "Roboto", sans-serif;
13972
  font: 400 13px / 16px "Open Sans";
14672 13973
  resize: none;
14673 13974
  word-wrap: break-word;
14674 13975
  -webkit-box-sizing: border-box;
......
14696 13997
  height: 200px;
14697 13998
}
14698 13999
.blog_list_teaser_title {
14699
  font: 400 18px / 24px "Roboto", sans-serif;
14000
  font: 400 18px / 24px "Open Sans";
14700 14001
  margin: 0 0 8px;
14701 14002
}
14702 14003
.blog_list_teaser p {
......
14764 14065
  background-color: #fff;
14765 14066
}
14766 14067
.gallery_grid_image_caption .gallery_image_title {
14767
  font: 500 14px / 20px "Roboto", sans-serif;
14068
  font: 500 14px / 20px "Open Sans";
14768 14069
  margin: 0;
14769 14070
}
14770 14071
.gallery_grid_image_menu {
......
15174 14475
  list-style: none;
15175 14476
}
15176 14477
.search_list_heading {
15177
  font: 400 18px / 22px "Roboto", sans-serif;
14478
  font: 400 18px / 22px "Open Sans";
15178 14479
  margin: 0 0 2px;
15179 14480
}
15180 14481
.search_list_link {
......
15353 14654
}
15354 14655
body {
15355 14656
  min-height: 100%;
15356
  font: 400 14px / 1.42857143 "Roboto", sans-serif;
14657
  font: 400 14px / 1.42857143 "Open Sans";
15357 14658
  padding-top: 48px;
15358 14659
  -webkit-box-sizing: border-box;
15359 14660
  box-sizing: border-box;
......
15429 14730
h4,
15430 14731
h5,
15431 14732
h6 {
15432
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
14733
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
15433 14734
  font-weight: 500;
15434 14735
}
15435 14736
.heading_a {
15436 14737
  margin: 0;
15437
  font: 400 18px / 24px "Roboto", sans-serif;
14738
  font: 400 18px / 24px "Open Sans";
15438 14739
}
15439 14740
.heading_a .sub-heading {
15440 14741
  font-weight: 300;
......
15445 14746
}
15446 14747
.heading_b {
15447 14748
  margin: 0;
15448
  font: 400 22px / 28px "Roboto", sans-serif;
14749
  font: 400 22px / 28px "Open Sans";
15449 14750
}
15450 14751
.heading_b .sub-heading {
15451 14752
  font-weight: 300;
......
15456 14757
}
15457 14758
.heading_c {
15458 14759
  margin: 0;
15459
  font: 400 16px / 20px "Roboto", sans-serif;
14760
  font: 400 16px / 20px "Open Sans";
15460 14761
}
15461 14762
.heading_c .sub-heading {
15462 14763
  font-weight: 300;
......
15467 14768
}
15468 14769
.heading_list {
15469 14770
  color: #727272;
15470
  font: 500 13px / 16px "Roboto", sans-serif;
14771
  font: 500 13px / 16px "Open Sans";
15471 14772
  padding: 0 16px;
15472 14773
  margin: 0 0 16px;
15473 14774
}
......
15662 14963
  }
15663 14964
  .boxed_layout.sidebar_main_open #page_content,
15664 14965
  .boxed_layout.sidebar_main_active #page_content {
15665
    padding-left: 240px;
14966
    padding-left: 320px;
15666 14967
  }
15667 14968
  .boxed_layout .md-top-bar {
15668 14969
    max-width: 1172px;
......
15784 15085
    z-index: 9999;
15785 15086
  }
15786 15087
  #sidebar_main {
15787
    left: -240px !important;
15088
    left: -320px !important;
15788 15089
  }
15789 15090
  .main-print {
15790 15091
    padding: 0 !important;

Also available in: Unified diff