app.scss 5.37 KB
Newer Older
1
2
3
4
5
6
7
8
9
$brand-primary: #0275d8;
$brand-success: #5cb85c;
$brand-info: #5bc0de;
$brand-warning: #f0ad4e;
$brand-danger: #d9534f;
$gray-dark: #373a3c !default;
$btn-secondary-color: $gray-dark !default;
$btn-secondary-bg: #fff !default;
$btn-secondary-border: #ccc !default;
10
11
12
//textos personalizados
$state-danger-text: $brand-danger;
$state-success-text: $brand-success;
13
14
15
16
17
$icon-font-path: "../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";
@import '../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap';
$fa-font-path: "../bower_components/font-awesome/fonts";
@import '../bower_components/font-awesome/scss/font-awesome';

18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
$enable-hover-media-query: false !default;

@mixin hover {
  @if $enable-hover-media-query {
    // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover
    // Currently shimmed by https://github.com/twbs/mq4-hover-shim
    @media (hover: hover) {
      &:hover {
        @content
      }
    }
  } @else {
    &:hover {
      @content
    }
  }
}

@mixin button-outline-variant($color) {
  color: $color;
  background-image: none;
  background-color: transparent;
  border-color: $color;

  &:focus,
  &.focus,
  &:active,
  &.active,
  .open > &.dropdown-toggle {
    color: #fff;
    background-color: $color;
    border-color: $color;
  }
  @include hover {
    color: #fff;
    background-color: $color;
    border-color: $color;
  }

  &.disabled,
  &:disabled {
    &:focus,
    &.focus {
      border-color: lighten($color, 20%);
    }
    @include hover {
      border-color: lighten($color, 20%);
    }
  }
}

69
70
71
/**
 * App-wide Styles
 */
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
// Remove all backgrounds
.btn-primary-outline {
  @include button-outline-variant($btn-primary-bg);
}

.btn-secondary-outline {
  @include button-outline-variant($btn-secondary-border);
}

.btn-info-outline {
  @include button-outline-variant($btn-info-bg);
}

.btn-success-outline {
  @include button-outline-variant($btn-success-bg);
}

.btn-warning-outline {
  @include button-outline-variant($btn-warning-bg);
}

.btn-danger-outline {
  @include button-outline-variant($btn-danger-bg);
}

blockquote.blockquote-primary {
  border-left-color: $brand-primary;
  font-size: 14px;
  p {
    text-align: justify;
  }
  p.fecha {
    text-align: right;
  }
}

//tags
tags-input.primary .tags .tag-item {
  color: #fff;
  background: $brand-primary;
  border: 1px solid $brand-primary;
  border-radius: 4px;
}

116
117
//labels

118
119
120
121
122
123
//titulos

h4.color-primary {
  color: $brand-primary;

}
124
125
126
127
128
129
130

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
131

132
133
134
135
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
136

137
div.input-group {
138
139
  margin-bottom: 10px;
}
140
141
142

.header-button {
  margin-top: 14px;
143
144
  margin-bottom: 10px;
}
145

146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
//inputs con iconos
input[type=radio].with-font,
input[type=checkbox].with-font {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1db";
  letter-spacing: 10px;
  font-size: 1.2em;
  color: #535353;
  width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before,
171
input[type=checkbox].with-font:checked ~ label:before {
172
173
174
175
176
  content: "\f00c";
  font-size: 1.2em;
  color: $brand-primary;
  letter-spacing: 5px;
}
177

178
179
180
input[type=checkbox].with-font ~ label:before {
  content: "\f204";
}
181

182
183
184
185
input[type=checkbox].with-font:checked ~ label:before {
  content: "\f205";
  //color: darkgreen;
}
186

187
188
189
190
191
192
193
194
195
196
197
198
199
//personalizacion del loading-bar
#loading-bar .bar {
  background: $brand-info;
  height: 4px;
}
#loading-bar-spinner .spinner-icon {
  border:  solid 3px transparent;
  border-top-color: $brand-info;
  border-left-color: $brand-info;
  width: 18px;
  height: 18px;
}

200
201
202
203
204
205
206
207
//input[type=radio].with-font:focus ~ label:before,
//input[type=checkbox].with-font:focus ~ label:before,
//input[type=radio].with-font:focus ~ label,
//input[type=checkbox].with-font:focus ~ label
//{
//  color: green;
//}

208
209
// Component styles are injected through grunt
// injector
210
@import 'cargos/cargos.scss';
211
@import 'cargosConvocatorias/cargosConvocatorias.scss';
212
@import 'comentarios/comentarios.scss';
213
@import 'contrataciones/contrataciones.scss';
214
@import 'convocatorias/convocatorias.scss';
215
@import 'datosPersonas/datosPersonas.scss';
216
@import 'entidades/entidades.scss';
217
218
219
@import 'etapas/etapas.scss';
@import 'evaluaciones/evaluaciones.scss';
@import 'evaluacionesCargosEtapas/evaluacionesCargosEtapas.scss';
220
@import 'main/main.scss';
221
@import 'migracionMoodle/migracionMoodle.scss';
222
@import 'personas/personas.scss';
223
@import 'postulaciones/postulaciones.scss';
224
@import 'relacionesLaborales/relacionesLaborales.scss';
225
@import 'tags/tags.scss';
226
@import 'tagsPersonas/tagsPersonas.scss';
227
@import 'tiposDato/tiposDato.scss';
228
@import 'tiposEntidad/tiposEntidad.scss';
229
230
@import '../components/footer/footer.scss';
@import '../components/modal/modal.scss';
231
232
233
234
@import '../components/organigrama/framework/angular-treant-js/Treant.scss';
@import '../components/organigrama/framework/angular-treant-js/collapsable.scss';
@import '../components/organigrama/framework/angular-treant-js/custom-colored.scss';
@import '../components/organigrama/framework/angular-treant-js/vendor/perfect-scrollbar/perfect-scrollbar.scss';
235
@import '../components/organigrama/framework/jquery.orgchart.scss';
236
// endinjector