Initial commit

portal_client/app/custom/portal-material-override.css

@@ -0,0 +1,208 @@
+.md-portal { background-color: #FF6600 !important; }
+.md-portal-fore { color: rgb(70, 138, 172) !important; }
+
+.md-portal-dark { background-color: rgba(67, 136, 221, 0.7) !important; }
+.md-portal-grey { background-color: rgb(67, 136, 221) !important;}
+.md-portal-light-grey { background-color: #FF6600 !important;}
+.md-portal-grey-opaque {
+  /* The top is the fallback color */
+  background-color: rgb(126, 140, 154) !important;
+  background-color: rgba(126, 140, 154, 0.8) !important;
+}
+.md-portal-light {
+  background-color: #b7d3e1 !important; /* Fall back color in case rgba isnt compatible */
+  background-color: rgba(70, 138, 172, 0.5) !important;
+}
+
+.md-portal-disabled {
+  color: #969696;
+}
+
+.play-green { color: rgb(51, 204, 51); }
+.play-green-inactive { color: rgba(51, 204, 51, 0.26); }
+
+.stop-red { color: rgb(204, 41, 0); }
+.stop-red-inactive { color: rgba(204, 41, 0, 0.26);}
+
+/* Google's meterial-design-icons */
+/* Rules for sizing the icon. */
+.material-icons.md-10 { font-size: 10px; }
+.material-icons.md-12 { font-size: 12px; }
+.material-icons.md-14 { font-size: 14px; }
+.material-icons.md-16 { font-size: 16px; }
+.material-icons.md-18 { font-size: 18px; }
+.material-icons.md-20 { font-size: 20px; }
+.material-icons.md-22 { font-size: 22px; }
+.material-icons.md-24 { font-size: 24px; }
+.material-icons.md-36 { font-size: 36px; }
+.material-icons.md-48 { font-size: 48px; }
+.material-icons.md-auto {
+  height: auto !important;
+  width: auto !important;
+}
+
+.md-button.md-sm {
+  height: 26px;
+  line-height: 26px;
+  min-height: 26px;
+  min-width: 1%;
+  font-size: 16px;
+  vertical-align: bottom;
+}
+
+.md-button.md-xs {
+  height: 20px;
+  line-height: 20px;
+  min-height: 20px;
+  min-width: 1%;
+  font-size: 10px;
+  vertical-align: bottom;
+}
+
+.md-button.md-lg {
+  height: 58px;
+  line-height: 58px;
+  min-height: 58px;
+  min-width: 1%;
+  font-size: 48px;
+  vertical-align: center;
+}
+
+/* Rules for using icons as black on a light background. */
+.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
+.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
+
+/* Rules for using icons as white on a dark background. */
+.material-icons.md-light { color: rgba(255, 255, 255, 1); }
+.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
+
+/* Rules for icon coloring */
+.material-icons.play-green { color: rgb(51, 204, 51); }
+.material-icons.play-green-inactive { color: rgba(51, 204, 51, 0.26); }
+
+.material-icons.stop-red { color: rgb(204, 41, 0); }
+.material-icons.stop-red-inactive { color: rgba(204, 41, 0, 0.26);}
+
+.material-icons.portal-blue { color: rgb(70, 138, 172); }
+.material-icons.portal-blue-inactive { color: rgb(70, 138, 172, 0.26); }
+
+md-icon.portal-green { color: #4CAF50}
+
+md-toast {
+  z-index: 99999 !important;
+}
+
+md-tabs.stretch-height md-tab-content>div,
+md-tabs.stretch-height md-tab-body {
+    margin: 0;
+    width: 100%;
+    min-height: 100%;
+    height: 100%;
+}
+
+md-menu-content.max-height {
+  height:30vh;
+}
+
+.vertical-divide {
+  border-top-width: 0;
+  border-right-width: 1px;
+  border-right-style: solid;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+.flex-min-width-85 {
+  min-width: 85% !important;
+}
+
+.flex-min-height-85 {
+  min-height: 85% !important;
+}
+
+.flex-min-width-75 {
+  min-width: 75% !important;
+}
+
+.flex-min-height-75 {
+  min-height: 75% !important;
+}
+
+.flex-min-width-50 {
+  min-width: 50% !important;
+}
+
+.flex-min-width-40 {
+  min-width: 40% !important;
+}
+
+md-input-container.md-input-invalid .md-auto-hide .md-input-message-animation:not(.ng-animate) {
+  opacity: 1 !important;
+  margin-top: 0 !important;
+}
+
+md-input-container.md-input-invalid [ng-messages] {
+  max-height: 19px !important;
+}
+
+md-input-container .md-input-message-animation:not(.ng-animate) {
+  opacity: 1 !important;
+  margin-top: 0px !important;
+}
+md-input-container.md-block {
+  display: block !important;
+  width: 100% !important;
+}
+
+md-card .md-media-sm {
+ height: 80px !important;
+ width: 80px !important;
+}
+
+md-badge{
+  margin: 0 0 0 8px;
+  background-color: red;
+  color: white;
+  padding: 2px 4px;
+  border-radius: 4px;
+  position: relative;
+  left: 0px;
+  top: -35px;
+}
+
+md-toolbar.md-toolbar-small {
+  height:44px;
+  min-height: 44px;
+  max-height: 44px;
+}
+md-toolbar.md-toolbar-small .md-toolbar-tools {
+  vertical-align: middle;
+  font-size: 16px;
+}
+
+input.md-disabled-input {
+	color: rgba(0,0,0,1) !important; 
+	background: none !important;
+}
+
+.dtp table.dtp-picker-days tr > td > a.selected,
+.dtp table.dtp-picker-days tr > td > a.selected.hilite,
+.dtp div.dtp-date, .dtp div.dtp-time, .dtp .dtp-hand.on,
+.dtp .dtp-actual-meridien a.selected,
+.dtp .dtp-picker-time > a.dtp-select-hour.selected {
+  background: #FF6600;
+}
+
+.dtp table.dtp-picker-days tr > td > a.hilite:not(.selected),
+.dtp div.dtp-actual-time.p60 span.selected {
+  color: #FF6600;
+}
+
+.dtp div.dtp-year-btn, .dtp div.dtp-actual-year, .dtp div.dtp-actual-maxtime {
+  color: #b7d3e1;
+}
+
+.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
+  background: rgb(67, 136, 221);
+}
+