Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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