Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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