Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2251 | Rev 2253 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2250 stevensc 1 
:root {
1463 steven 2 
  --gray: #909090;
1464 steven 3 
  --white: #fff;
1709 steven 4 
  --dark: #000;
1475 steven 5 
  --border-light-gray: #E8E8E8;
1478 steven 6 
  --background-light-gray: #FBFBFB;
1482 steven 7 
  --global-border-radius: 10px;
1887 steven 8 
  --background-gray: #D9D9D9;
1463 steven 9 
}
10 
 
1464 steven 11 
/**
12 
  Global Classes
13 
*/
14 
 
2250 stevensc 15 
.horizontal-list>.row {
16 
  display: flex;
17 
  align-items: flex-end;
2252 stevensc 18 
  overflow-x: scroll;
19 
  overflow-y: hidden;
1725 steven 20 
}
21 
 
2250 stevensc 22 
.horizontal-list>.row>.col {
23 
  flex: 1;
2252 stevensc 24 
  padding: 0 5px;
1725 steven 25 
}
26 
 
2251 stevensc 27 
.horizontal-list>.row>.col .btn {
2250 stevensc 28 
  padding: 1px 5px;
29 
}
30 
 
31 
.text-white {
1465 steven 32 
  color: var(--white) !important;
1464 steven 33 
}
34 
 
2250 stevensc 35 
.text-gray {
1471 steven 36 
  color: var(--gray) !important;
37 
}
38 
 
2250 stevensc 39 
.text-dark-gray {
2233 steven 40 
  color: var(--gray-dark) !important;
41 
}
42 
 
2250 stevensc 43 
.border-radius {
1514 steven 44 
  border-radius: var(--global-border-radius) !important;
1513 steven 45 
}
46 
 
2250 stevensc 47 
.object-fit-contain {
1515 steven 48 
  object-fit: contain !important;
1514 steven 49 
}
50 
 
2250 stevensc 51 
.bg-gray {
1465 steven 52 
  background-color: var(--gray) !important;
1464 steven 53 
}
54 
 
2250 stevensc 55 
.border-gray {
1537 steven 56 
  border: solid 1px var(--border-light-gray) !important;
1510 steven 57 
}
58 
 
2250 stevensc 59 
.border-bottom-gray {
1503 steven 60 
  border-bottom: solid 1px var(--border-light-gray) !important;
1501 steven 61 
}
62 
 
2250 stevensc 63 
.text-dark {
1709 steven 64 
  color: var(--dark) !important;
65 
}
66 
 
2250 stevensc 67 
.ph-20 {
1503 steven 68 
  padding: 0 20% !important;
1501 steven 69 
}
70 
 
2250 stevensc 71 
.ph-15 {
1506 steven 72 
  padding: 0 15% !important;
73 
}
74 
 
2250 stevensc 75 
.ph-10 {
1767 steven 76 
  padding: 0 10% !important;
77 
}
78 
 
2250 stevensc 79 
.ph-5 {
1730 steven 80 
  padding: 0 5% !important;
81 
}
82 
 
2250 stevensc 83 
.pb-5 {
1689 steven 84 
  padding-bottom: 5% !important;
85 
}
86 
 
2250 stevensc 87 
.btn-primary {
1479 steven 88 
  background: transparent;
89 
  border: 1px solid var(--gray);
90 
  border-radius: 5px;
91 
  color: var(--gray);
92 
}
1478 steven 93 
 
2250 stevensc 94 
.btn-primary:hover,
95 
.btn-primary:active {
1568 steven 96 
  background-color: var(--gray) !important;
97 
  border-color: transparent !important;
1480 steven 98 
}
99 
 
2250 stevensc 100 
.btn-secondary {
1508 steven 101 
  background-color: var(--border-light-gray) !important;
102 
  border-color: var(--border-light-gray) !important;
1510 steven 103 
  color: var(--gray);
1508 steven 104 
}
105 
 
2250 stevensc 106 
.btn-secondary:hover {
1511 steven 107 
  background: #c9c7c7 !important;
1508 steven 108 
  border: 1px solid var(--gray);
109 
  border-radius: 5px;
1511 steven 110 
  color: var(--gray);
1508 steven 111 
}
112 
 
2250 stevensc 113 
.btn-tertiary {
1516 steven 114 
  background-color: #F4F4F4 !important;
115 
  border-color: #F4F4F4 !important;
116 
  color: var(--gray);
117 
}
2250 stevensc 118 
 
119 
.btn-tertiary:hover {
1516 steven 120 
  background: #d4d4d4 !important;
121 
  border: 1px solid var(--gray);
122 
  border-radius: 5px;
123 
  color: var(--gray);
124 
}
125 
 
2250 stevensc 126 
.bg-light-gray {
1886 steven 127 
  background-color: var(--border-light-gray) !important;
128 
}
129 
 
2250 stevensc 130 
.bg-custom-gray {
1887 steven 131 
  background-color: var(--background-gray) !important;
1886 steven 132 
}
133 
 
2250 stevensc 134 
.bg-transparent {
1888 steven 135 
  background: transparent !important;
136 
}
137 
 
2250 stevensc 138 
.mw-30 {
1889 steven 139 
  min-width: 30%;
140 
}
141 
 
2250 stevensc 142 
.list-style-none {
2118 steven 143 
  list-style: none;
144 
}
145 
 
2250 stevensc 146 
textarea#description-main {
1478 steven 147 
  background-color: var(--background-light-gray);
148 
  border: solid 1px var(--border-light-gray);
149 
  border-radius: 10px;
150 
}
151 
 
1 www 152 
@media (max-width: 1200px) {
2250 stevensc 153 
  header nav {
154 
    background-color: #82d0d4;
155 
    /*#003282; */
1 www 156 
  }
157 
}
158 
 
159 
@media (max-width: 576px) {
160 
  .logo {
161 
    margin-left: 0px;
162 
  }
2250 stevensc 163 
 
1 www 164 
  .logoMobil {
165 
    display: block !important;
166 
    width: 100%;
167 
    float: right;
168 
    text-align: center;
169 
  }
170 
}
171 
 
172 
@media (max-width: 1200px) {
2250 stevensc 173 
 
1 www 174 
  /*.notification-box {
175 
    left: 0%;
176 
    top: 100 !important;
177 
  }*/
178 
  .drawerMobil {
2250 stevensc 179 
    display: block !important;
1 www 180 
  }
2250 stevensc 181 
 
1 www 182 
  .drawerTexto {
183 
    display: none !important;
2250 stevensc 184 
  }
1 www 185 
}
186 
 
187 
@media (max-width: 768px) {
2250 stevensc 188 
  .forum-links {
189 
    background-color: #244d8f;
190 
  }
1 www 191 
}
192 
 
2250 stevensc 193 
@media (max-width: 768px) {
194 
  .forum-links ul li {
195 
    padding: 10px
196 
  }
1 www 197 
 
2250 stevensc 198 
  .sn-field {
199 
    transform: scale(0.80);
200 
    transform-origin: 0 0;
201 
  }
1 www 202 
 
203 
}