Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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