Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2248 | Rev 2251 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2248 Rev 2250
Línea 1... Línea 1...
1 
:root{
 1 
:root {
2 
  --gray: #909090;
 2 
  --gray: #909090;
3 
  --white: #fff;
 3 
  --white: #fff;
4 
  --dark: #000;
 4 
  --dark: #000;
5 
  --border-light-gray: #E8E8E8;
 5 
  --border-light-gray: #E8E8E8;
6 
  --background-light-gray: #FBFBFB;
 6 
  --background-light-gray: #FBFBFB;
Línea 10... Línea 10...
10 
 
 10 
 
11 
/**
 11 
/**
12 
  Global Classes
 12 
  Global Classes
Línea 13... Línea 13...
13 
*/
 13 
*/
14 
 
 14 
 
15 
.horizontal-list > .row{
 15 
.horizontal-list>.row {
16 
  display: block;
 16 
  display: flex;
Línea 17... Línea 17...
17 
  overflow-x: auto;
 17 
  align-items: flex-end;
- 
 
 18 
}
18 
}
 19 
 
19 
 
 20 
.horizontal-list>.row>.col {
Línea -... Línea 21...
- 
 
 21 
  flex: 1;
- 
 
 22 
  padding: 0;
- 
 
 23 
}
- 
 
 24 
 
20 
.horizontal-list > .row > .col {
 25 
.horizontal-list>.row>.col {
21 
  display: inline-block;
 26 
  padding: 1px 5px;
22 
}
 27 
}
Línea 23... Línea 28...
23 
 
 28 
 
24 
.text-white{
 29 
.text-white {
25 
  color: var(--white) !important;
 30 
  color: var(--white) !important;
Línea 26... Línea 31...
26 
}
 31 
}
27 
 
 32 
 
28 
.text-gray{
 33 
.text-gray {
Línea 29... Línea 34...
29 
  color: var(--gray) !important;
 34 
  color: var(--gray) !important;
30 
}
 35 
}
31 
 
 36 
 
Línea 32... Línea 37...
32 
.text-dark-gray{
 37 
.text-dark-gray {
33 
  color: var(--gray-dark) !important;
 38 
  color: var(--gray-dark) !important;
34 
}
 39 
}
Línea 35... Línea 40...
35 
 
 40 
 
36 
.border-radius{
 41 
.border-radius {
37 
  border-radius: var(--global-border-radius) !important;
 42 
  border-radius: var(--global-border-radius) !important;
Línea 38... Línea 43...
38 
}
 43 
}
39 
 
 44 
 
40 
.object-fit-contain{
 45 
.object-fit-contain {
Línea 41... Línea 46...
41 
  object-fit: contain !important;
 46 
  object-fit: contain !important;
42 
}
 47 
}
43 
 
 48 
 
Línea 44... Línea 49...
44 
.bg-gray{
 49 
.bg-gray {
45 
  background-color: var(--gray) !important;
 50 
  background-color: var(--gray) !important;
46 
}
 51 
}
Línea 47... Línea 52...
47 
 
 52 
 
48 
.border-gray{
 53 
.border-gray {
49 
  border: solid 1px var(--border-light-gray) !important;
 54 
  border: solid 1px var(--border-light-gray) !important;
Línea 50... Línea 55...
50 
}
 55 
}
51 
 
 56 
 
52 
.border-bottom-gray{
 57 
.border-bottom-gray {
Línea 53... Línea 58...
53 
  border-bottom: solid 1px var(--border-light-gray) !important;
 58 
  border-bottom: solid 1px var(--border-light-gray) !important;
54 
}
 59 
}
55 
 
 60 
 
Línea 56... Línea 61...
56 
.text-dark{
 61 
.text-dark {
57 
  color: var(--dark) !important;
 62 
  color: var(--dark) !important;
58 
}
 63 
}
Línea 59... Línea 64...
59 
 
 64 
 
60 
.ph-20{
 65 
.ph-20 {
61 
  padding: 0 20% !important;
 66 
  padding: 0 20% !important;
Línea 62... Línea 67...
62 
}
 67 
}
63 
 
 68 
 
64 
.ph-15{
 69 
.ph-15 {
65 
  padding: 0 15% !important;
 70 
  padding: 0 15% !important;
66 
}
 71 
}
67 
 
 72 
 
Línea -... Línea 73...
- 
 
 73 
.ph-10 {
68 
.ph-10{
 74 
  padding: 0 10% !important;
69 
  padding: 0 10% !important;
 75 
}
70 
}
 76 
 
71 
 
 77 
.ph-5 {
Línea 72... Línea 78...
72 
.ph-5{
 78 
  padding: 0 5% !important;
73 
  padding: 0 5% !important;
 79 
}
74 
}
 80 
 
75 
 
 81 
.pb-5 {
76 
.pb-5{
 82 
  padding-bottom: 5% !important;
Línea 77... Línea 83...
77 
  padding-bottom: 5% !important;
 83 
}
78 
}
 84 
 
79 
 
 85 
.btn-primary {
80 
.btn-primary{
 86 
  background: transparent;
81 
  background: transparent;
 87 
  border: 1px solid var(--gray);
82 
  border: 1px solid var(--gray);
 88 
  border-radius: 5px;
Línea 83... Línea 89...
83 
  border-radius: 5px;
 89 
  color: var(--gray);
84 
  color: var(--gray);
 90 
}
85 
}
 91 
 
86 
 
 92 
.btn-primary:hover,
87 
.btn-primary:hover, .btn-primary:active{
 93 
.btn-primary:active {
- 
 
 94 
  background-color: var(--gray) !important;
88 
  background-color: var(--gray) !important;
 95 
  border-color: transparent !important;
89 
  border-color: transparent !important;
 96 
}
90 
}
 97 
 
91 
 
 98 
.btn-secondary {
92 
.btn-secondary{
 99 
  background-color: var(--border-light-gray) !important;
93 
  background-color: var(--border-light-gray) !important;
 100 
  border-color: var(--border-light-gray) !important;
Línea 94... Línea 101...
94 
  border-color: var(--border-light-gray) !important;
 101 
  color: var(--gray);
95 
  color: var(--gray);
 102 
}
96 
}
 103 
 
Línea 97... Línea 104...
97 
 
 104 
.btn-secondary:hover {
98 
.btn-secondary:hover{
 105 
  background: #c9c7c7 !important;
99 
  background: #c9c7c7 !important;
 106 
  border: 1px solid var(--gray);
Línea 100... Línea 107...
100 
  border: 1px solid var(--gray);
 107 
  border-radius: 5px;
101 
  border-radius: 5px;
 108 
  color: var(--gray);
102 
  color: var(--gray);
 109 
}
Línea 103... Línea 110...
103 
}
 110 
 
104 
 
 111 
.btn-tertiary {
105 
.btn-tertiary{
 112 
  background-color: #F4F4F4 !important;
Línea 106... Línea 113...
106 
  background-color: #F4F4F4 !important;
 113 
  border-color: #F4F4F4 !important;
107 
  border-color: #F4F4F4 !important;
 114 
  color: var(--gray);
108 
  color: var(--gray);
 115 
}
Línea 109... Línea 116...
109 
}
 116 
 
110 
.btn-tertiary:hover{
 117 
.btn-tertiary:hover {
111 
  background: #d4d4d4 !important;
 118 
  background: #d4d4d4 !important;
112 
  border: 1px solid var(--gray);
 119 
  border: 1px solid var(--gray);
113 
  border-radius: 5px;
 120 
  border-radius: 5px;
Línea 114... Línea 121...
114 
  color: var(--gray);
 121 
  color: var(--gray);
115 
}
 122 
}
116 
 
 123 
 
- 
 
 124 
.bg-light-gray {
117 
.bg-light-gray{
 125 
  background-color: var(--border-light-gray) !important;
118 
  background-color: var(--border-light-gray) !important;
 126 
}
Línea 119... Línea 127...
119 
}
 127 
 
120 
 
 128 
.bg-custom-gray {
121 
.bg-custom-gray{
 129 
  background-color: var(--background-gray) !important;
122 
  background-color: var(--background-gray) !important;
 130 
}
- 
 
 131 
 
123 
}
 132 
.bg-transparent {
124 
 
 133 
  background: transparent !important;
125 
.bg-transparent{
 134 
}
126 
  background: transparent !important;
 135 
 
127 
}
 136 
.mw-30 {
128 
 
 137 
  min-width: 30%;
129 
.mw-30{
 138 
}
Línea 130... Línea 139...
130 
  min-width: 30%;
 139 
 
- 
 
 140 
.list-style-none {
131 
}
 141 
  list-style: none;
132 
 
 142 
}
133 
.list-style-none{
 143 
 
134 
  list-style: none;
 144 
textarea#description-main {
135 
}
 145 
  background-color: var(--background-light-gray);
136 
 
 146 
  border: solid 1px var(--border-light-gray);
137 
textarea#description-main{
 147 
  border-radius: 10px;
- 
 
 148 
}
138 
  background-color: var(--background-light-gray);
 149 
 
139 
  border: solid 1px var(--border-light-gray);
 150 
@media (max-width: 1200px) {
140 
  border-radius: 10px;
 151 
  header nav {
141 
}
 152 
    background-color: #82d0d4;
Línea 142... Línea 153...
142 
 
 153 
    /*#003282; */
- 
 
 154 
  }
143 
@media (max-width: 1200px) {
 155 
}
- 
 
 156 
 
144 
  header nav {
157 
@media (max-width: 576px) {
Línea 145... Línea 158...
145 
    background-color: #82d0d4; /*#003282; */
158 
  .logo {
146 
  }
 159 
    margin-left: 0px;
- 
 
 160 
  }
- 
 
 161 
 
Línea 147... Línea 162...
147 
}
 162 
  .logoMobil {
148 
 
 163 
    display: block !important;
149 
@media (max-width: 576px) {
 164 
    width: 100%;
150 
  .logo {
 165 
    float: right;
Línea 151... Línea 166...
151 
    margin-left: 0px;
 166 
    text-align: center;
152 
  }
 167 
  }