Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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