Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1507 | Rev 1509 | 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;
1475 steven 4
  --border-light-gray: #E8E8E8;
1478 steven 5
  --background-light-gray: #FBFBFB;
1482 steven 6
  --global-border-radius: 10px;
1463 steven 7
}
8
 
1464 steven 9
/**
10
  Global Classes
11
*/
12
 
13
.text-white{
1465 steven 14
  color: var(--white) !important;
1464 steven 15
}
16
 
1471 steven 17
.text-gray{
18
  color: var(--gray) !important;
19
}
20
 
1464 steven 21
.bg-gray{
1465 steven 22
  background-color: var(--gray) !important;
1464 steven 23
}
24
 
1501 steven 25
.border-bottom-gray{
1503 steven 26
  border-bottom: solid 1px var(--border-light-gray) !important;
1501 steven 27
}
28
 
29
.ph-20{
1503 steven 30
  padding: 0 20% !important;
1501 steven 31
}
32
 
1507 steven 33
.ph-15{
1506 steven 34
  padding: 0 15% !important;
35
}
36
 
1479 steven 37
.btn-primary{
38
  background: transparent;
39
  border: 1px solid var(--gray);
40
  border-radius: 5px;
41
  color: var(--gray);
42
}
1478 steven 43
 
1480 steven 44
.btn-primary:hover, .btn-primary:active{
45
  background-color: var(--gray);
46
  border-color: transparent;
47
}
48
 
1508 steven 49
.btn-secondary{
50
  background-color: var(--border-light-gray) !important;
51
  border-color: var(--border-light-gray) !important;
52
}
53
 
54
.btn-secondary:hover{
55
  background: transparent;
56
  border: 1px solid var(--gray);
57
  border-radius: 5px;
58
  color: var(--gray);
59
}
60
 
1478 steven 61
textarea#description-main{
62
  background-color: var(--background-light-gray);
63
  border: solid 1px var(--border-light-gray);
64
  border-radius: 10px;
65
}
66
 
1 www 67
@media (max-width: 1200px) {
68
  header nav {
69
    background-color: #82d0d4; /*#003282; */
70
  }
71
}
72
 
73
@media (max-width: 576px) {
74
  .logo {
75
    margin-left: 0px;
76
  }
77
  .logoMobil {
78
    display: block !important;
79
    width: 100%;
80
    float: right;
81
    text-align: center;
82
  }
83
}
84
 
85
@media (max-width: 1200px) {
86
  /*.notification-box {
87
    left: 0%;
88
    top: 100 !important;
89
  }*/
90
  .drawerMobil {
91
    display: block !important;
92
  }
93
  .drawerTexto {
94
    display: none !important;
95
  }
96
}
97
 
98
@media (max-width: 768px) {
99
  .forum-links {background-color: #244d8f;}
100
}
101
 
102
@media (max-width: 768px){
103
.forum-links ul li {padding: 10px}
104
 
105
.sn-field{
106
  transform: scale(0.80);
107
  transform-origin: 0 0;
108
 }
109
 
110
}