comp4-software/OnLand/ControlLaptop/static/assets/css/Base.css at 7cdfcdd4f83a6c06a877ad8e0ec370eebe17c689 · ParadigmHyperloop/comp4-software · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
:root {
  --black-bg-color: #252A2D ;
  --grey-bg-color:  #42474C ;
  --white-font-color: white;

  --lightGreen:#88E177;
  --darkGreen:#288E30;

  --lightRed:#F79499;
  --darkRed:#FF0028;
  --darkYellow:#F36124;
  --lightYellow:#FFB484;
}

.card{
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.4) !important;
  height: auto !important;
}

.card-top{
    height: 350px;
}

.btn-header{
  color: white;
  font-size: 12px;
}
.btn.active{
   color: var(--white-font-color);
}
.btn-on.active{
 background-color: var(--darkGreen);
}
.btn-vent.active{
  background-color: var(--darkYellow);
}
.btn-off.active{
  background:var(--darkRed);
}

.bg-grey{
  background-color: var(--grey-bg-color) !important;
}

.bg-black{
  background:var(--black-bg-color) !important;
}

.panel-heading{
  color: white;
  padding-top: 20px;
  font-size: 25px;
}

.nav-select{
  color: white !important;
  font-size: 20px !important;
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
}

.page-panel {
  margin-top: 5vh;
  margin-left: 1vw;
  padding-bottom: 10px;
}

.light-border{
  border: #747981;
  border-width: 1px;
  border-style: solid;
}

.panel-content {
  margin-right: 1vw;
  margin-bottom: 1vw;
  margin-left: 0px;
}


.ptop20{
  padding-top: 20px;
}

.pbottom20{
  padding-bottom: 20px;
}
.font-green{
  color: var(--lightGreen);
}

.font-red{
  color:var(--lightRed);
}

.container-fluid {
  padding: 0;
}

.card .content .row *{
  padding: 0;
}
.card .content .row .btn {
  padding: 5px;
}

.wrapper {
  width: 100% !important;
}