Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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