Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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