Project

General

Profile

« Previous | Next » 

Revision 57927

Added by Konstantinos Triantafyllou over 4 years ago

[Monitor Dashboard | Trunk]: Add toggle options on all levels. Change main.css for width of sidebar in medium screens

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 "Open Sans";
202 
  font: 500 18px / 28px "Open Sans", sans-serif;
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 "Open Sans";
1563 
  font: 400 16px / 22px "Open Sans", sans-serif;
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 "Open Sans";
1601 
  font: 400 13px / 15px "Open Sans", sans-serif;
1602 1602 
}
1603 1603 
.uk-datepicker-table th {
1604 1604 
  color: #727272;
......
3503 3503 
  -webkit-appearance: none;
3504 3504 
  display: inline-block;
3505 3505 
  vertical-align: middle;
3506 
  font: 500 14px / 31px "Open Sans" !important;
3506 
  font: 500 14px / 31px "Open Sans", sans-serif !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 "Open Sans";
4303 
  font: 400 16px / 32px "Open Sans", sans-serif;
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 "Open Sans";
5950 
  font: 500 14px / 50px "Open Sans", sans-serif;
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 "Open Sans";
5999 
  font: 400 18px / 24px "Open Sans", sans-serif;
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 "Open Sans";
6034 
  font: 500 16px / 22px "Open Sans", sans-serif;
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 "Open Sans";
6040 
  font: 400 12px / 18px "Open Sans", sans-serif;
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 "Open Sans";
6252 
  font: 400 16px / 30px "Open Sans", sans-serif;
6253 6253 
}
6254 6254 
.md-card.md-card-overlay .md-card-overlay-header h4 {
6255 
  font: 500 14px / 30px "Open Sans";
6255 
  font: 500 14px / 30px "Open Sans", sans-serif;
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 "Open Sans";
6618 
  font: 400 15px / 18px "Open Sans", sans-serif;
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 "Open Sans";
8177 
  font: 400 20px / 110px "Open Sans", sans-serif;
8178 8178 
}
8179 8179 
.epc_chart_icon {
8180 8180 
  position: absolute;
......
9086 9086 
div.dt-button-info h2 {
9087 9087 
  padding: 16px;
9088 9088 
  margin: 0;
9089 
  font: 400 20px / 24px "Open Sans";
9089 
  font: 400 20px / 24px "Open Sans", sans-serif;
9090 9090 
}
9091 9091 
div.dt-button-info > div {
9092 9092 
  padding: 16px 24px;
......
10635 10635 
  cursor: pointer;
10636 10636 
  margin: 0 auto;
10637 10637 
  border-radius: 3px;
10638 
  font: 500 20px / 46px "Open Sans";
10638 
  font: 500 20px / 46px "Open Sans", sans-serif;
10639 10639 
  text-align: center;
10640 10640 
  text-overflow: clip;
10641 10641 
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
......
10809 10809 
  position: absolute;
10810 10810 
  color: #fff;
10811 10811 
  z-index: 2020;
10812 
  font: 400 22px / 32px "Open Sans";
10812 
  font: 400 22px / 32px "Open Sans", sans-serif;
10813 10813 
  -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
10814 10814 
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
10815 10815 
}
......
12166 12166 
}
12167 12167 
@media only screen and (max-width: 767px) {
12168 12168 
  #sidebar_main {
12169 
    width: 360px;
12170 
    -webkit-transform: translate3d(-360px, 0, 0);
12171 
    transform: translate3d(-360px, 0, 0);
12169 
    width: 280px;
12170 
    -webkit-transform: translate3d(-280px, 0, 0);
12171 
    transform: translate3d(-280px, 0, 0);
12172 12172 
  }
12173 12173 
}
12174 12174 
#sidebar_main .menu_section .menu_heading {
12175 
  font: 400 12px / 16px "Open Sans";
12175 
  font: 400 12px / 16px "Open Sans", sans-serif;
12176 12176 
  margin: 0 0 12px;
12177 12177 
  padding: 6px 6px 12px;
12178 12178 
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
......
12190 12190 
  list-style: none;
12191 12191 
}
12192 12192 
#sidebar_main .menu_section > ul > li > a {
12193 
  font: 500 14px / 25px "Open Sans";
12193 
  font: 500 14px / 25px "Open Sans", sans-serif;
12194 12194 
  color: #212121;
12195 12195 
  padding: 8px 20px;
12196 12196 
  display: block;
......
12246 12246 
#sidebar_main .menu_section > ul > li ul a {
12247 12247 
  padding: 8px 10px 8px 72px;
12248 12248 
  display: block;
12249 
  font: 400 13px / 18px "Open Sans";
12249 
  font: 400 13px / 18px "Open Sans", sans-serif;
12250 12250 
  color: #212121;
12251 12251 
}
12252 12252 
@media only screen and (max-width: 767px) {
......
12918 12918 
  min-height: 81px;
12919 12919 
}
12920 12920 
#page_heading h1 {
12921 
  font: 500 22px / 28px "Open Sans";
12921 
  font: 500 22px / 28px "Open Sans", sans-serif;
12922 12922 
  margin: 0;
12923 12923 
}
12924 12924 
#page_heading .heading_actions {
......
13969 13969 
  font-size: 13px;
13970 13970 
  padding: 8px;
13971 13971 
  max-height: 80px;
13972 
  font: 400 13px / 16px "Open Sans";
13972 
  font: 400 13px / 16px "Open Sans", sans-serif;
13973 13973 
  resize: none;
13974 13974 
  word-wrap: break-word;
13975 13975 
  -webkit-box-sizing: border-box;
......
13997 13997 
  height: 200px;
13998 13998 
}
13999 13999 
.blog_list_teaser_title {
14000 
  font: 400 18px / 24px "Open Sans";
14000 
  font: 400 18px / 24px "Open Sans", sans-serif;
14001 14001 
  margin: 0 0 8px;
14002 14002 
}
14003 14003 
.blog_list_teaser p {
......
14065 14065 
  background-color: #fff;
14066 14066 
}
14067 14067 
.gallery_grid_image_caption .gallery_image_title {
14068 
  font: 500 14px / 20px "Open Sans";
14068 
  font: 500 14px / 20px "Open Sans", sans-serif;
14069 14069 
  margin: 0;
14070 14070 
}
14071 14071 
.gallery_grid_image_menu {
......
14475 14475 
  list-style: none;
14476 14476 
}
14477 14477 
.search_list_heading {
14478 
  font: 400 18px / 22px "Open Sans";
14478 
  font: 400 18px / 22px "Open Sans", sans-serif;
14479 14479 
  margin: 0 0 2px;
14480 14480 
}
14481 14481 
.search_list_link {
......
14654 14654 
}
14655 14655 
body {
14656 14656 
  min-height: 100%;
14657 
  font: 400 14px / 1.42857143 "Open Sans";
14657 
  font: 400 14px / 1.42857143 "Open Sans", sans-serif;
14658 14658 
  padding-top: 48px;
14659 14659 
  -webkit-box-sizing: border-box;
14660 14660 
  box-sizing: border-box;
......
14735 14735 
}
14736 14736 
.heading_a {
14737 14737 
  margin: 0;
14738 
  font: 400 18px / 24px "Open Sans";
14738 
  font: 400 18px / 24px "Open Sans", sans-serif;
14739 14739 
}
14740 14740 
.heading_a .sub-heading {
14741 14741 
  font-weight: 300;
......
14746 14746 
}
14747 14747 
.heading_b {
14748 14748 
  margin: 0;
14749 
  font: 400 22px / 28px "Open Sans";
14749 
  font: 400 22px / 28px "Open Sans", sans-serif;
14750 14750 
}
14751 14751 
.heading_b .sub-heading {
14752 14752 
  font-weight: 300;
......
14757 14757 
}
14758 14758 
.heading_c {
14759 14759 
  margin: 0;
14760 
  font: 400 16px / 20px "Open Sans";
14760 
  font: 400 16px / 20px "Open Sans", sans-serif;
14761 14761 
}
14762 14762 
.heading_c .sub-heading {
14763 14763 
  font-weight: 300;
......
14768 14768 
}
14769 14769 
.heading_list {
14770 14770 
  color: #727272;
14771 
  font: 500 13px / 16px "Open Sans";
14771 
  font: 500 13px / 16px "Open Sans", sans-serif;
14772 14772 
  padding: 0 16px;
14773 14773 
  margin: 0 0 16px;
14774 14774 
}

Also available in: Unified diff