@font-face{ font-family: "LCDN"; src: url('/picoreflow/assets/fonts/LCDN.eot'); src: local("LCD Normal"), url('/picoreflow/assets/fonts/LCDN.woff') format("woff"), url('/picoreflow/assets/fonts/LCDN.ttf') format("truetype"); } @font-face{ font-family: "Digi"; src: url('/picoreflow/assets/fonts/digital-7-webfont.eot'); src: local("Digital 7"), url('/picoreflow/assets/fonts/digital-7-webfont.woff') format("woff"), url('/picoreflow/assets/fonts/digital-7-webfont.ttf') format("truetype"); } @font-face{ font-family: "NoticeStd"; src: url('/picoreflow/assets/fonts/noticestd-webfont.eot'); src: local("NoticeStd Regular"), url('/picoreflow/assets/fonts/noticestd-webfont.woff') format("woff"), url('/picoreflow/assets/fonts/noticestd-webfont.ttf') format("truetype"); } body { background: #b9b6af; } #status { margin-top: 15px; color: #d8d3c5; font-weight: normal; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #ddd; height: 86px; -moz-box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.55); -webkit-box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.55); box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.55); } .display { display: inline-block; text-align: right; padding-right: 5px; font-size: 40px; font-weight: normal; height: 45px; line-height: 45px; width: 105px; vertical-align: middle; color: #d8d3c5; border-color: #000000; } .ds-panel { border-top: 1px solid #000; background: #3F3E3A url('/picoreflow/assets/images/panel_bg.png') repeat; -moz-box-shadow: inset 0 0 42px 0 #000; -webkit-box-shadow: inset 0 0 42px 0 #000; box-shadow: inset 0 0 42px 0 #000; } .ds-title-panel { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-image: -webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8)); background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0); height: 18px; } .ds-title { display: inline-block; font-size: 10px; height: 18px; line-height: 18px; width: 105px; border-right: 1px solid #b9b6af; vertical-align: top; text-align: center; color: #8B8989; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75); } .ds-num { font-family: "Digi"; border-right: 1px solid #b9b6af; white-space: nowrap; text-shadow: 0 0 25px rgba(0, 0, 0, 1); } .ds-unit { font-family: "Arial"; font-size: 22px; vertical-align: top; line-height: 35px; margin-left: 4px; } .ds-led { margin: 0; margin-top: 1px; padding-top: 1px; font-family: "NoticeStd"; font-size: 32px; font-weight: 400; text-align: center; color: #1F1E1A; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; } .progress { -webkit-border-radius: 0; -moz-border-radius: 0; background: #3f3e3a; border-color: #000000; border-top: 1px solid #b9b6af; margin: 0; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; } .progress-bar { background-color: #75890c; font-family: "LCDN"; color: #D6FC13; text-shadow: 0 -1px #333, 1px 0 #333, 0 1px #333, -1px 0 #333; } .panel-default { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.55); -webkit-box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.55); box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.55); margin-top: 15px; background: #3F3E3A url('/picoreflow/assets/images/panel_bg.png') repeat; } .panel-heading { background: #fafafa url('/picoreflow/assets/images/page_bg.png') repeat-x; overflow: hidden; padding: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .panel-body { -moz-box-shadow: inset 0 0 42px 0 #000; -webkit-box-shadow: inset 0 0 42px 0 #000; box-shadow: inset 0 0 42px 0 #000; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; background: rgba(0,0,0,0.2) } #profile_selector { border: 1px solid rgb(194, 194, 194); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgb(229,229,229); background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); padding: 5px; padding-bottom: 3px; padding-top: 3px; -moz-box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.05),inset 0 0 9px 2px #000; -webkit-box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.05),inset 0 0 0 0 #000; box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.05),inset 0 0 0 0 #000; } .select2-container { position: relative; top: -3px; width: 190px; height: 34px; } .select2-container .select2-choice { line-height: 32px; } .graph { width: 100%; height: 300px; font-size: 14px; line-height: 1.2em; } .edit-points { margin-bottom: 5px; } .edit-points h3 { margin-top: 5px; margin-bottom: 15px; } .edit-points .row{ margin-bottom: 5px; } .btn-success { background: rgb(164,179,87); background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(117,137,12,1))); background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); background: -o-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); background: linear-gradient(to bottom, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); background-color: #75890c; } .modal-content { background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); } .modal-body { background: #fafafa; } .modal-footer { margin-top: 0; } .modal-body .table { margin-bottom: 0; } .select2-container .select2-choice { height: 34px; margin-top: 1px; } .alert { background-image: -webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8)); background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0); -moz-box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.75); box-shadow: 0 0 1.1em 0 rgba(0,0,0,0.75); } .alert-success { background: rgb(164,179,87); background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(117,137,12,1))); background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); background: -o-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); background: linear-gradient(to bottom, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); color: #fff; } .alert-error { background: rgb(206,57,20); background: -moz-linear-gradient(top, rgba(206,57,20,1) 0%, rgba(163,38,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,57,20,1)), color-stop(100%,rgba(163,38,0,1))); background: -webkit-linear-gradient(top, rgba(206,57,20,1) 0%,rgba(163,38,0,1) 100%); background: -o-linear-gradient(top, rgba(206,57,20,1) 0%,rgba(163,38,0,1) 100%); background: -ms-linear-gradient(top, rgba(206,57,20,1) 0%,rgba(163,38,0,1) 100%); background: linear-gradient(to bottom, rgba(206,57,20,1) 0%,rgba(163,38,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce3914', endColorstr='#a32600',GradientType=0 ); color: #fff; } td { width: 50%; }