Browse code

Initial commit

Benjamin Roth authored on26/02/2024 17:53:24
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,169 @@
1
+#tl_navigation .group-vr_real_estate {
2
+  background: url("../images/real_estate.svg") 3px 2px no-repeat;
3
+  background-size: 14px 14px;
4
+}
5
+
6
+.estable {
7
+  display: flex;
8
+  flex-wrap: wrap;
9
+  align-items: baseline;
10
+}
11
+.estable.nowrap {
12
+  flex-wrap: nowrap;
13
+}
14
+.estable_row {
15
+  line-height: 1.3;
16
+  width: 100%;
17
+  display: flex;
18
+  align-items: stretch;
19
+}
20
+.estable.lined > *,
21
+.estable_row.line {
22
+  padding: 5px 0 2px;
23
+  border-bottom: 1px solid rgba(0,0,0,0.1);
24
+}
25
+.estable.lined > *:last-child {
26
+  border-bottom: none;
27
+}
28
+.estable.relaxed > *,
29
+.estable_row.relaxed {
30
+  padding: 5px 0 2px;
31
+}
32
+.estable .es_label {
33
+  display: block;
34
+  flex: 0 0 120px;
35
+  width: 120px;
36
+  font-weight: 600;
37
+  color: #0f1c26;
38
+}
39
+.tl_listing .tl_left .estable {
40
+  text-indent: 0;
41
+  float: right;
42
+  width: 100%;
43
+  margin-right: 20px;
44
+}
45
+.estable_cell {
46
+  -webkit-box-sizing: border-box;
47
+  -moz-box-sizing: border-box;
48
+  box-sizing: border-box;
49
+  flex-grow: 1;
50
+  overflow: hidden;
51
+  padding: 0 6px;
52
+  text-align: left;
53
+}
54
+.estable_w5 { flex: 0 0 5%; }
55
+.estable_w10 { flex: 0 0 10%; }
56
+.estable_w15 { flex: 0 0 15%; }
57
+.estable_w20 { flex: 0 0 20%; }
58
+.estable_w25 { flex: 0 0 25%; }
59
+.estable_w30 { flex: 0 0 30%; }
60
+.estable_w35 { flex: 0 0 35%; }
61
+.estable_w40 { flex: 0 0 40%; }
62
+.estable_w45 { flex: 0 0 45%; }
63
+.estable_w50 { flex: 0 0 50%; }
64
+.estable_w55 { flex: 0 0 55%; }
65
+.estable_w60 { flex: 0 0 60%; }
66
+.estable_w65 { flex: 0 0 65%; }
67
+.estable_w70 { flex: 0 0 70%; }
68
+.estable_w75 { flex: 0 0 75%; }
69
+.estable_w80 { flex: 0 0 80%; }
70
+.estable_w85 { flex: 0 0 85%; }
71
+.estable_w90 { flex: 0 0 90%; }
72
+.estable_w95 { flex: 0 0 95%; }
73
+.estable_w100 { flex: 0 0 100%; }
74
+.estable_w_icon { flex: 0 0 28px; }
75
+
76
+@media (max-width: 767px) {
77
+  .estable {
78
+    display: block;
79
+  }
80
+
81
+  /*.tl_listing .tl_left .estable {
82
+    text-indent: unset;
83
+    float: none;
84
+    width: auto;
85
+    margin-right: 0;
86
+  }*/
87
+
88
+  .estable_cell {
89
+    display: block;
90
+    flex-grow: 0;
91
+    overflow: visible;
92
+    padding: 3px 0;
93
+  }
94
+
95
+  .estable_cell.estable_colspan {
96
+    float: left;
97
+  }
98
+  .estable_cell.estable_colspan:first-child ~ .estable_cell:nth-child(1n+3) {
99
+    padding-left: 28px;
100
+  }
101
+
102
+  .estable_cell.esa_center,
103
+  .estable_cell.esa_right {
104
+    text-align: left;
105
+  }
106
+
107
+  .estable_w5,
108
+  .estable_w10,
109
+  .estable_w15,
110
+  .estable_w20,
111
+  .estable_w25,
112
+  .estable_w30,
113
+  .estable_w35,
114
+  .estable_w40,
115
+  .estable_w45,
116
+  .estable_w50,
117
+  .estable_w55,
118
+  .estable_w60,
119
+  .estable_w65,
120
+  .estable_w70,
121
+  .estable_w75,
122
+  .estable_w80,
123
+  .estable_w85,
124
+  .estable_w90,
125
+  .estable_w95,
126
+  .estable_w100,
127
+  .estable_w_icon {
128
+    flex: none;
129
+  }
130
+
131
+  .estable_w_icon { width: 28px; }
132
+}
133
+
134
+/* ------ Text colors ------ */
135
+.esc_grey {
136
+  color: #999;
137
+}
138
+.esc_blue {
139
+  color: #5c9ac9;
140
+}
141
+.esc_green {
142
+  color: #85B321;
143
+}
144
+.esc_red {
145
+  color: #b31020;
146
+}
147
+.esc_purple {
148
+  color: #9400b4;
149
+}
150
+.esc_warning,
151
+.esc_orange {
152
+  color: #ee8f08;
153
+}
154
+.esc_note {
155
+  color: #a98551;
156
+}
157
+.esc_icon {
158
+  color: #779ca5;
159
+}
160
+.esc_icon_light {
161
+  color: #a7bdc3;
162
+}
163
+.esc_latePayment {
164
+  color: #ff823f;
165
+}
166
+
167
+.esc_yellow {
168
+  color: #FFB300;
169
+}