Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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