MoonPro.net/MP-TAB/Content/baseStyle.css

/* Gestione blocchi base */
body {
  font-family: 'Open Sans', sans-serif;
  color: #FFF;
  background-image: linear-gradient(#444, #222);
}
body .ui-body-a,
body .ui-body-c,
body .ui-overlay-c {
  text-shadow: 0 0 0;
}
.bodyDark {
  color: #FFF;
  background-image: linear-gradient(#444, #222);
}
.bg-black {
  color: #FFF;
  background-image: linear-gradient(#111, #000);
}
.titleBlock {
  font-family: 'Open Sans Condensed', sans-serif;
}
.textCondens {
  font-family: 'Open Sans Condensed', sans-serif;
}
.mapBlock {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #FFF;
  background-image: linear-gradient(#111, #000);
  /*box-shadow: 15px 15px 20px 0 rgba(150, 150, 150, 0.2), 10px 10px 20px 0 rgba(200, 200, 200, 0.39);*/
  /*min-height: 15em;*/
  min-width: 8em;
}
.smaller {
  font-size: 0.6rem;
}
/* QR CODE*/
.rCAll {
  border-radius: 10px;
}
.rCTop {
  border-radius: 10px 10px 0 0;
}
.rCBot {
  border-radius: 0 0 10px 10px;
}
.labelTopDx {
  padding: 0.1em 0.4em;
  width: auto;
  min-height: 0;
  top: 0;
  left: auto;
  bottom: auto;
  color: #FFFFFF;
  background: #2200DE;
  background: rgba(33, 0, 200, 0.7);
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* END: gestione blocchi base */
/* ----------- gestione sidenav ----------- */
@media (max-width: 576px) {
  .modal-dialog.modal-dialog-slideout {
    width: 70%;
  }
}
@media (max-width: 600px) {
  .modal-dialog.modal-dialog-slideout {
    width: 65%;
  }
}
.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 auto 0 0;
  background: #fff;
}
.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  flex-flow: column;
}
.modal-dialog-slideout .modal-content {
  border: 0;
}
/* ----------- END SideNav ----------- */
/* Gestione switch*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
  display: none;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
/* zona blocchi Sx/DX */
.divSx {
  float: left;
  padding: 0;
  margin: 0;
}
.divDx {
  float: right;
  padding: 0;
  margin: 0;
}
.divCenter {
  float: none;
  text-align: center;
  padding: 0;
  margin: 0 auto 0 auto;
}
.clearDiv {
  clear: both;
}
.stdFont {
  color: Black;
  text-shadow: 0 0px 0 #111;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* @end */
/* classi x controlli tabellari */
.rowStyle {
  /*background-color: #DEE2EA;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
  border: 1px solid #CDCDCD;
}
.alternatingRowStyle {
  /*background-color: White;*/
  border: 1px solid #CDCDCD;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddf), to(#e1f1ff));
  background-image: -webkit-linear-gradient(#ddf, #e1f1ff);
  background-image: -moz-linear-gradient(#ddf, #e1f1ff);
  background-image: -ms-linear-gradient(#ddf, #e1f1ff);
  background-image: -o-linear-gradient(#ddf, #e1f1ff);
  background-image: linear-gradient(#ddf, #e1f1ff);
}
/* END classi x controlli tabellari*/
/* area semafori*/
.sVe {
  text-align: left;
  background: #009036;
  background: rgba(0, 255, 80, 0.6);
  /*padding: 0px 4px 0px 4px;*/
  color: Yellow;
}
.sGi {
  text-align: left;
  background: #ffec00;
  background: rgba(255, 220, 0, 0.6);
  /*padding: 0px 4px 0px 4px;*/
}
.sRo {
  text-align: left;
  background-color: #e2001a;
  background: rgba(240, 0, 10, 0.6);
  /*padding: 0px 4px 0px 4px;*/
}
.sBl {
  text-align: left;
  background: #3690FF;
  background: rgba(0, 80, 255, 0.6);
  /*padding: 0px 4px 0px 4px;*/
  color: Yellow;
}
.sGr {
  text-align: left;
  background-color: #bcbcbc;
  background: rgba(180, 180, 180, 0.6);
  /*padding: 0px 4px 0px 4px;*/
}
/*end semafori */