Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
drupal-theme
Manage
Activity
Members
Labels
Plan
Issues
0
Issue boards
Milestones
Wiki
Code
Merge requests
0
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Deploy
Releases
Package Registry
Model registry
Operate
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
BFA Sitio Web
drupal-theme
Commits
5c897fef
Commit
5c897fef
authored
6 years ago
by
Otto Zaiser
Browse files
Options
Downloads
Patches
Plain Diff
Agregando nueva sección Miembros
parent
91d62b8a
No related branches found
No related tags found
No related merge requests found
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
_src/scss/general/_miembros.scss
+17
-0
17 additions, 0 deletions
_src/scss/general/_miembros.scss
_src/scss/main.scss
+1
-0
1 addition, 0 deletions
_src/scss/main.scss
css/main.css
+1
-1
1 addition, 1 deletion
css/main.css
with
19 additions
and
1 deletion
_src/scss/general/_miembros.scss
0 → 100644
+
17
−
0
View file @
5c897fef
#views-bootstrap-miembros-y-adherentes-block-1
,
#views-bootstrap-miembros-y-adherentes-block-2
{
div
.col
{
margin-bottom
:
40px
;
text-align
:
center
;
img
{
margin
:
0
auto
;
border
:
1px
solid
$claro
;
border-radius
:
5px
;
}
div
.views-field-title
{
padding
:
10px
;
}
}
}
This diff is collapsed.
Click to expand it.
_src/scss/main.scss
+
1
−
0
View file @
5c897fef
...
...
@@ -8,3 +8,4 @@
@import
'general/content'
;
@import
'general/novedades'
;
@import
'general/eventos'
;
@import
'general/miembros'
;
This diff is collapsed.
Click to expand it.
css/main.css
+
1
−
1
View file @
5c897fef
@import
url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i)
;
html
{
font-size
:
1.125em
}
body
{
font-family
:
Roboto
,
Arial
,
sans-serif
;
font-size
:
1.125em
;
background-color
:
#fff
;
line-height
:
1.45
;
color
:
#2e2f30
;
margin-top
:
0
}
body
.main-container
{
min-height
:
500px
}
body
.field--type-text-with-summary
{
margin
:
1%
0
}
body
.field--name-field-galer
.field__label
{
margin-bottom
:
1%
}
a
:focus
{
outline-color
:
#000
!important
}
p
{
margin-bottom
:
1.3em
}
h1
,
h2
,
h3
,
h4
{
margin
:
1.414em
0
.5em
;
font-weight
:
700
;
line-height
:
1.2
}
h1
{
margin-top
:
0
;
font-size
:
2.441em
}
h2
{
font-size
:
1.953em
}
h3
{
font-size
:
1.563em
}
h4
{
font-size
:
1.25em
}
.breadcrumb
,
.font_small
,
small
{
font-size
:
.8em
}
@media
(
max-width
:
620px
){
h2
{
font-size
:
1.563em
}
body
,
html
{
font-size
:
1em
}}
a
.skip-link
{
padding
:
20px
;
margin
:
0
auto
;
background-color
:
#0094d4
;
text-align
:
center
}
.breadcrumb
{
background
:
#fff
;
padding
:
10px
0
;
margin-top
:
20px
}
.breadcrumb
>
li
+
li
:before
{
padding
:
0
5px
;
color
:
#ccc
;
content
:
"\00bb"
}
.fa
{
vertical-align
:
middle
}
.btn-primary
{
background-color
:
#0094d4
;
color
:
#fff
;
border-color
:
#0094d4
}
.btn-primary
:hover
{
background-color
:
#fff
;
color
:
#0094d4
;
border-color
:
#0094d4
}
.view-filters
{
text-align
:
right
}
@media
(
max-width
:
767px
){
.view-filters
.form-inline
.form-item
{
display
:
inline-block
}
.view-filters
.form-actions
{
display
:
inline-block
}}
@media
(
max-width
:
341px
){
.view-filters
{
text-align
:
left
}
.view-filters
label
{
display
:
block
}
.view-filters
.form-group
{
margin-bottom
:
7px
}
.view-filters
.form-inline
.form-item
{
display
:
block
}
.view-filters
.form-inline
.select-wrapper
{
width
:
100%
}
.view-filters
.form-actions
.btn
{
margin-right
:
0
}
.view-filters
#edit-actions
{
float
:
right
}}
@media
(
max-width
:
320px
){
.view-filters
{
text-align
:
left
}
.view-filters
label
{
display
:
block
}
.view-filters
.form-group
{
margin-bottom
:
7px
}
.view-filters
.form-inline
.form-item
{
display
:
block
}
.view-filters
.form-inline
.select-wrapper
{
width
:
100%
}
.view-filters
.form-actions
.btn
{
margin-right
:
0
}
.view-filters
#edit-actions
{
float
:
right
}}
.visuallyhidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
.visuallyhidden.focusable
:active
,
.visuallyhidden.focusable
:focus
{
clip
:
auto
;
height
:
auto
;
margin
:
0
;
overflow
:
visible
;
position
:
static
}
header
{
background
:
#0094d4
;
margin
:
0
;
color
:
#fff
;
-webkit-box-shadow
:
0
4px
5px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
4px
5px
0
rgba
(
0
,
0
,
0
,
.2
);
z-index
:
500
;
position
:
relative
}
header
.navbar-nav
{
margin
:
0
-15px
}
header
.navbar-nav
li
a
{
font-family
:
Roboto
,
Arial
,
sans-serif
;
text-align
:
center
;
color
:
#fff
;
padding
:
54px
30px
52px
;
width
:
180px
}
header
.navbar-nav
li
a
:focus
,
header
.navbar-nav
li
a
:hover
{
background-color
:
#fff
;
color
:
#0094d4
}
header
.navbar-nav
li
ul
.dropdown-menu
{
border
:
none
;
border-top
:
1px
solid
#ccc
;
padding
:
0
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
{
padding
:
12px
18px
;
white-space
:
normal
;
font-size
:
1.125em
;
background-color
:
#fff
;
color
:
#0094d4
;
text-align
:
center
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:focus
,
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:hover
{
background-color
:
#0082bb
;
color
:
#fff
}
header
.nav
.open
>
a
,
header
.nav
.open
>
a
:hover
{
background-color
:
#fff
;
color
:
#0094d4
}
header
.navbar-header
img
{
width
:
100%
;
margin-top
:
14px
;
height
:
75px
}
@media
(
min-width
:
768px
){
header
.menu
{
float
:
right
}}
header
.navbar-toggle
{
margin-top
:
15px
;
border
:
1px
solid
#fff
}
header
.navbar-toggle
:hover
{
background-color
:
#fff
}
header
.navbar-toggle
:hover
.icon-bar
{
background-color
:
#0094d4
}
header
.navbar-toggle
.icon-bar
{
background-color
:
#fff
}
@media
(
max-width
:
992px
){
header
.navbar-nav
li
a
{
font-size
:
.8em
;
padding-left
:
10px
;
padding-right
:
10px
;
width
:
130px
}
header
.navbar-nav
li
ul
.dropdown-menu
{
min-width
:
130px
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
{
padding-left
:
12px
;
font-size
:
1.125em
;
text-align
:
center
}}
@media
(
max-width
:
768px
){
.navbar-collapse
{
background
:
#fff
;
margin
:
0
}
header
.logo
img
{
height
:
50px
;
width
:
auto
;
margin-left
:
20px
;
margin-top
:
0
}
header
.navbar-nav
li
a
{
color
:
#0094d4
;
border-bottom
:
1px
solid
#0094d4
;
padding
:
20px
;
text-align
:
left
;
width
:
100%
}
header
.navbar-nav
li
a
:focus
,
header
.navbar-nav
li
a
:hover
{
background-color
:
#fff
;
color
:
#0094d4
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
{
padding
:
20px
;
background-color
:
#0082bb
;
color
:
#fff
;
text-align
:
left
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:focus
,
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:hover
{
background-color
:
#0094d4
;
color
:
#fff
}}
#block-infoipv6
{
text-align
:
center
}
@media
(
max-width
:
768px
){
#block-infoipv6
i
{
display
:
block
;
margin-top
:
10px
;
font-size
:
3em
}}
footer
{
color
:
#fff
;
background
:
#0094d4
}
footer
a
{
line-height
:
15px
;
color
:
#fff
}
footer
a
:focus
{
text-decoration
:
none
;
color
:
inherit
!important
;
background-color
:
inherit
!important
;
outline-color
:
#000
!important
}
footer
.jumbotron
{
background-color
:
#fff
;
padding-bottom
:
0
}
footer
.field--type-text-with-summary
p
{
font-size
:
.8em
}
footer
ul
.menu
.footer-menu
li
{
color
:
#999
;
line-height
:
1.8em
;
list-style
:
none
;
font-weight
:
400
}
footer
.container
.row
.col
{
padding
:
20px
0
}
footer
.region-footer2
a
{
text-decoration
:
none
;
color
:
#fff
}
footer
.region-footer2
a
:hover
{
color
:
#fff
;
background
:
0
0
;
text-decoration
:
underline
}
footer
.region-footer2
a
span
{
display
:
none
}
footer
.region-footer2
a
.dropdown-toggle
{
font-weight
:
700
;
pointer-events
:
none
;
cursor
:
default
;
padding-bottom
:
0
!important
;
padding-left
:
0
}
footer
.region-footer2
.dropdown-menu
{
position
:
relative
;
top
:
auto
;
left
:
0
;
z-index
:
auto
;
display
:
block
;
list-style
:
none
;
background-color
:
transparent
;
border
:
none
;
border-radius
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
padding-left
:
0
;
padding-top
:
13px
}
footer
.region-footer2
.dropdown-menu
>
li
>
a
{
padding
:
3px
0
;
font-size
:
1.25em
}
footer
.region-footer2
.dropdown-menu
>
.active
>
a
{
background-color
:
transparent
!important
;
text-decoration
:
underline
!important
}
footer
.region-footer2
ul
li
{
display
:
inline-block
;
width
:
260px
}
@media
screen
and
(
max-width
:
1200px
){
footer
.region-footer2
ul
li
{
width
:
200px
}}
footer
.region-footer2
li
.active
a
.is-active
{
background-color
:
transparent
!important
;
text-decoration
:
underline
}
.footerLogos
{
background-color
:
#fff
;
padding
:
20px
}
.footerLogos
img
{
display
:
inline-block
;
max-width
:
100%
;
height
:
auto
}
.footerLogos
li
,
.footerLogos
ul
{
margin
:
0
;
padding
:
0
;
list-style-type
:
none
}
.footerLogos
li
{
display
:
inline-block
;
width
:
32%
;
text-align
:
center
}
.footerLogos
li
:first-child
{
text-align
:
left
}
.footerLogos
li
:last-child
{
text-align
:
right
}
.jumbotron
{
padding-top
:
0
;
margin-bottom
:
0
}
.view-pagina-principal
{
margin-top
:
80px
;
margin-bottom
:
80px
}
@media
(
min-width
:
992px
){
.view-pagina-principal
.row
:nth-child
(
even
)
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin-top
:
50px
}
.view-pagina-principal
.row
:nth-child
(
even
)>
div
:first-child
{
-webkit-box-ordinal-group
:
2
;
-ms-flex-order
:
1
;
order
:
1
}}
@media
(
max-width
:
992px
){
.view-pagina-principal
{
margin-top
:
20px
;
margin-bottom
:
20px
}
.view-pagina-principal
img
{
width
:
100%
}}
.region-content
{
margin
:
30px
0
}
.region-content
.row
{
padding
:
30px
}
.region-content
.row
.views-field-field-thumbnail
img
{
margin
:
0
auto
;
border-radius
:
5px
}
.region-content
.row
h2
{
margin-top
:
20px
}
#highlight
{
background
:
#323232
}
#highlight
article
{
color
:
#fff
}
#highlight
a
{
color
:
#fff
}
#highlight
p
{
color
:
#fff
}
#highlight
.btn-primary
{
margin-top
:
20px
;
background-color
:
#0094d4
;
color
:
#fff
;
border-color
:
#0094d4
}
#highlight
.btn-primary
:hover
{
background-color
:
transparent
;
color
:
#fff
;
border-color
:
#fff
}
#highlight
.node-readmore
a
{
display
:
inline-block
}
#highlight
.carousel-inner
img
{
display
:
block
;
width
:
100%
!important
;
height
:
auto
}
#highlight
.carousel-inner
.carousel-caption
{
max-width
:
600px
;
top
:
50%
;
bottom
:
auto
;
margin
:
0
auto
;
-webkit-transform
:
translate
(
0
,
-50%
);
-ms-transform
:
translate
(
0
,
-50%
);
transform
:
translate
(
0
,
-50%
)}
#highlight
.carousel-inner
.carousel-caption
span
{
display
:
block
}
@media
(
max-width
:
992px
){
#highlight
.carousel-inner
.carousel-caption
span
{
display
:
none
}}
@media
(
max-width
:
768px
){
#highlight
.carousel-inner
.carousel-caption
p
{
display
:
none
}}
#highlight
.carousel-overlay
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background
:
#000
;
opacity
:
.5
;
-webkit-transition
:
all
.2s
ease-out
;
transition
:
all
.2s
ease-out
}
article
{
margin-bottom
:
50px
}
article
.field--name-body
{
margin
:
0
auto
;
max-width
:
700px
}
article
.field--name-body
p
.destacado
{
padding
:
30px
;
border
:
2px
solid
#0094d4
}
article
ol
,
article
ul
{
margin-top
:
20px
}
article
ol
li
,
article
ul
li
{
margin-bottom
:
20px
}
article
ol
li
ol
,
article
ol
li
ul
,
article
ul
li
ol
,
article
ul
li
ul
{
margin-bottom
:
40px
}
article
img
{
display
:
block
;
max-width
:
100%
;
height
:
auto
;
margin-top
:
50px
;
margin-bottom
:
50px
;
clear
:
both
}
article
.field--name-field-image
img
{
margin-top
:
0
;
margin-bottom
:
50px
;
border-bottom
:
10px
solid
#0094d4
}
article
.field--name-field-fecha
{
float
:
left
;
padding
:
10px
}
article
.field--name-field-categoria
{
float
:
left
;
color
:
#fff
;
background-color
:
#0094d4
;
padding
:
10px
}
article
.field--name-field-categoria
a
{
color
:
#fff
}
.view-gacetillas
ul
{
list-style
:
none
}
.view-gacetillas
.fa
{
color
:
#0094d4
;
margin-right
:
10px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
{
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
1px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
1px
0
rgba
(
0
,
0
,
0
,
.2
);
border-bottom-left-radius
:
10px
;
border-bottom-right-radius
:
10px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
img
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
img
{
border-radius
:
0
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-body
,
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-title
,
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-body
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-title
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-view-node
{
padding
:
0
20px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-view-node
{
padding-bottom
:
30px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-title
a
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-title
a
{
color
:
#2e2f30
}
@media
(
min-width
:
992px
){
#views-bootstrap-novedades-block-2
.row
,
#views-bootstrap-novedades-page-1
.row
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
#views-bootstrap-novedades-block-2
.row
>
div
,
#views-bootstrap-novedades-page-1
.row
>
div
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-body
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-body
{
-webkit-box-flex
:
1
;
-ms-flex-positive
:
1
;
flex-grow
:
1
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-view-node
{
-ms-flex-item-align
:
end
;
align-self
:
flex-end
}}
@media
(
max-width
:
992px
){
#views-bootstrap-novedades-block-2
.row
>
div
,
#views-bootstrap-novedades-page-1
.row
>
div
{
margin-bottom
:
40px
}
#views-bootstrap-novedades-block-2
.row
>
div
:last-child
,
#views-bootstrap-novedades-page-1
.row
>
div
:last-child
{
margin-bottom
:
0
}
#views-bootstrap-novedades-block-2
.row
>
div
img
,
#views-bootstrap-novedades-page-1
.row
>
div
img
{
width
:
100%
}}
#views-bootstrap-novedades-block-2
.views-field-field-thumbnail
img
,
#views-bootstrap-novedades-page-1
.views-field-field-thumbnail
img
{
border-bottom
:
10px
solid
#0094d4
}
#views-bootstrap-novedades-block-2
.views-field-title
,
#views-bootstrap-novedades-page-1
.views-field-title
{
font-size
:
1.563em
;
font-weight
:
700
;
line-height
:
1.2
;
margin-top
:
24px
;
margin-bottom
:
24px
}
#views-bootstrap-novedades-block-2
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.views-field-view-node
{
margin-top
:
16px
;
text-align
:
right
}
#views-bootstrap-novedades-block-2
.views-field-view-node
span
a
,
#views-bootstrap-novedades-page-1
.views-field-view-node
span
a
{
text-transform
:
uppercase
;
text-decoration
:
underline
}
.view-id-agenda
.list-group-item
{
padding
:
0
;
margin-bottom
:
20px
}
.agenda
.evento
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
stretch
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
}
@media
(
max-width
:
992px
){
.agenda
.evento
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}}
.agenda
.evento
.bloque1
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
stretch
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
;
width
:
40%
}
@media
(
max-width
:
992px
){
.agenda
.evento
.bloque1
{
width
:
100%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.bloque1
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}}
.agenda
.evento
.bloque1
.info-evento
{
width
:
50%
;
background
:
#0094d4
;
padding
:
15px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
@media
(
max-width
:
992px
){
.agenda
.evento
.bloque1
.info-evento
{
width
:
75%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.bloque1
.info-evento
{
width
:
100%
}}
.agenda
.evento
.bloque1
.info-evento
.fechas
{
font-size
:
2.3em
;
color
:
#fff
;
text-align
:
right
;
line-height
:
1em
;
text-transform
:
uppercase
}
.agenda
.evento
.bloque1
.info-evento
.lugar
{
text-align
:
right
;
color
:
#fff
}
.agenda
.evento
.bloque1
.thumb
{
width
:
50%
;
background
:
#6ed3ff
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
#6ed3ff
),
to
(
#0094d4
));
background
:
-webkit-linear-gradient
(
bottom
,
#6ed3ff
0
,
#0094d4
100%
);
background
:
linear-gradient
(
0deg
,
#6ed3ff
0
,
#0094d4
100%
)}
@media
(
max-width
:
992px
){
.agenda
.evento
.bloque1
.thumb
{
width
:
25%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.bloque1
.thumb
{
width
:
100%
}}
.agenda
.evento
.complemento
{
width
:
60%
;
padding
:
20px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
@media
(
max-width
:
992px
){
.agenda
.evento
.complemento
{
width
:
100%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.complemento
{
padding
:
10px
10px
10px
0
}}
.agenda
.evento
.complemento
.titu-evento
h2
{
margin
:
0
;
padding
:
0
}
\ No newline at end of file
@import
url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i)
;
html
{
font-size
:
1.125em
}
body
{
font-family
:
Roboto
,
Arial
,
sans-serif
;
font-size
:
1.125em
;
background-color
:
#fff
;
line-height
:
1.45
;
color
:
#2e2f30
;
margin-top
:
0
}
body
.main-container
{
min-height
:
500px
}
body
.field--type-text-with-summary
{
margin
:
1%
0
}
body
.field--name-field-galer
.field__label
{
margin-bottom
:
1%
}
a
:focus
{
outline-color
:
#000
!important
}
p
{
margin-bottom
:
1.3em
}
h1
,
h2
,
h3
,
h4
{
margin
:
1.414em
0
.5em
;
font-weight
:
700
;
line-height
:
1.2
}
h1
{
margin-top
:
0
;
font-size
:
2.441em
}
h2
{
font-size
:
1.953em
}
h3
{
font-size
:
1.563em
}
h4
{
font-size
:
1.25em
}
.breadcrumb
,
.font_small
,
small
{
font-size
:
.8em
}
@media
(
max-width
:
620px
){
h2
{
font-size
:
1.563em
}
body
,
html
{
font-size
:
1em
}}
a
.skip-link
{
padding
:
20px
;
margin
:
0
auto
;
background-color
:
#0094d4
;
text-align
:
center
}
.breadcrumb
{
background
:
#fff
;
padding
:
10px
0
;
margin-top
:
20px
}
.breadcrumb
>
li
+
li
:before
{
padding
:
0
5px
;
color
:
#ccc
;
content
:
"\00bb"
}
.fa
{
vertical-align
:
middle
}
.btn-primary
{
background-color
:
#0094d4
;
color
:
#fff
;
border-color
:
#0094d4
}
.btn-primary
:hover
{
background-color
:
#fff
;
color
:
#0094d4
;
border-color
:
#0094d4
}
.view-filters
{
text-align
:
right
}
@media
(
max-width
:
767px
){
.view-filters
.form-inline
.form-item
{
display
:
inline-block
}
.view-filters
.form-actions
{
display
:
inline-block
}}
@media
(
max-width
:
341px
){
.view-filters
{
text-align
:
left
}
.view-filters
label
{
display
:
block
}
.view-filters
.form-group
{
margin-bottom
:
7px
}
.view-filters
.form-inline
.form-item
{
display
:
block
}
.view-filters
.form-inline
.select-wrapper
{
width
:
100%
}
.view-filters
.form-actions
.btn
{
margin-right
:
0
}
.view-filters
#edit-actions
{
float
:
right
}}
@media
(
max-width
:
320px
){
.view-filters
{
text-align
:
left
}
.view-filters
label
{
display
:
block
}
.view-filters
.form-group
{
margin-bottom
:
7px
}
.view-filters
.form-inline
.form-item
{
display
:
block
}
.view-filters
.form-inline
.select-wrapper
{
width
:
100%
}
.view-filters
.form-actions
.btn
{
margin-right
:
0
}
.view-filters
#edit-actions
{
float
:
right
}}
.visuallyhidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
.visuallyhidden.focusable
:active
,
.visuallyhidden.focusable
:focus
{
clip
:
auto
;
height
:
auto
;
margin
:
0
;
overflow
:
visible
;
position
:
static
}
header
{
background
:
#0094d4
;
margin
:
0
;
color
:
#fff
;
-webkit-box-shadow
:
0
4px
5px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
4px
5px
0
rgba
(
0
,
0
,
0
,
.2
);
z-index
:
500
;
position
:
relative
}
header
.navbar-nav
{
margin
:
0
-15px
}
header
.navbar-nav
li
a
{
font-family
:
Roboto
,
Arial
,
sans-serif
;
text-align
:
center
;
color
:
#fff
;
padding
:
54px
30px
52px
;
width
:
180px
}
header
.navbar-nav
li
a
:focus
,
header
.navbar-nav
li
a
:hover
{
background-color
:
#fff
;
color
:
#0094d4
}
header
.navbar-nav
li
ul
.dropdown-menu
{
border
:
none
;
border-top
:
1px
solid
#ccc
;
padding
:
0
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
{
padding
:
12px
18px
;
white-space
:
normal
;
font-size
:
1.125em
;
background-color
:
#fff
;
color
:
#0094d4
;
text-align
:
center
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:focus
,
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:hover
{
background-color
:
#0082bb
;
color
:
#fff
}
header
.nav
.open
>
a
,
header
.nav
.open
>
a
:hover
{
background-color
:
#fff
;
color
:
#0094d4
}
header
.navbar-header
img
{
width
:
100%
;
margin-top
:
14px
;
height
:
75px
}
@media
(
min-width
:
768px
){
header
.menu
{
float
:
right
}}
header
.navbar-toggle
{
margin-top
:
15px
;
border
:
1px
solid
#fff
}
header
.navbar-toggle
:hover
{
background-color
:
#fff
}
header
.navbar-toggle
:hover
.icon-bar
{
background-color
:
#0094d4
}
header
.navbar-toggle
.icon-bar
{
background-color
:
#fff
}
@media
(
max-width
:
992px
){
header
.navbar-nav
li
a
{
font-size
:
.8em
;
padding-left
:
10px
;
padding-right
:
10px
;
width
:
130px
}
header
.navbar-nav
li
ul
.dropdown-menu
{
min-width
:
130px
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
{
padding-left
:
12px
;
font-size
:
1.125em
;
text-align
:
center
}}
@media
(
max-width
:
768px
){
.navbar-collapse
{
background
:
#fff
;
margin
:
0
}
header
.logo
img
{
height
:
50px
;
width
:
auto
;
margin-left
:
20px
;
margin-top
:
0
}
header
.navbar-nav
li
a
{
color
:
#0094d4
;
border-bottom
:
1px
solid
#0094d4
;
padding
:
20px
;
text-align
:
left
;
width
:
100%
}
header
.navbar-nav
li
a
:focus
,
header
.navbar-nav
li
a
:hover
{
background-color
:
#fff
;
color
:
#0094d4
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
{
padding
:
20px
;
background-color
:
#0082bb
;
color
:
#fff
;
text-align
:
left
}
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:focus
,
header
.navbar-nav
li
ul
.dropdown-menu
li
a
:hover
{
background-color
:
#0094d4
;
color
:
#fff
}}
#block-infoipv6
{
text-align
:
center
}
@media
(
max-width
:
768px
){
#block-infoipv6
i
{
display
:
block
;
margin-top
:
10px
;
font-size
:
3em
}}
footer
{
color
:
#fff
;
background
:
#0094d4
}
footer
a
{
line-height
:
15px
;
color
:
#fff
}
footer
a
:focus
{
text-decoration
:
none
;
color
:
inherit
!important
;
background-color
:
inherit
!important
;
outline-color
:
#000
!important
}
footer
.jumbotron
{
background-color
:
#fff
;
padding-bottom
:
0
}
footer
.field--type-text-with-summary
p
{
font-size
:
.8em
}
footer
ul
.menu
.footer-menu
li
{
color
:
#999
;
line-height
:
1.8em
;
list-style
:
none
;
font-weight
:
400
}
footer
.container
.row
.col
{
padding
:
20px
0
}
footer
.region-footer2
a
{
text-decoration
:
none
;
color
:
#fff
}
footer
.region-footer2
a
:hover
{
color
:
#fff
;
background
:
0
0
;
text-decoration
:
underline
}
footer
.region-footer2
a
span
{
display
:
none
}
footer
.region-footer2
a
.dropdown-toggle
{
font-weight
:
700
;
pointer-events
:
none
;
cursor
:
default
;
padding-bottom
:
0
!important
;
padding-left
:
0
}
footer
.region-footer2
.dropdown-menu
{
position
:
relative
;
top
:
auto
;
left
:
0
;
z-index
:
auto
;
display
:
block
;
list-style
:
none
;
background-color
:
transparent
;
border
:
none
;
border-radius
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
padding-left
:
0
;
padding-top
:
13px
}
footer
.region-footer2
.dropdown-menu
>
li
>
a
{
padding
:
3px
0
;
font-size
:
1.25em
}
footer
.region-footer2
.dropdown-menu
>
.active
>
a
{
background-color
:
transparent
!important
;
text-decoration
:
underline
!important
}
footer
.region-footer2
ul
li
{
display
:
inline-block
;
width
:
260px
}
@media
screen
and
(
max-width
:
1200px
){
footer
.region-footer2
ul
li
{
width
:
200px
}}
footer
.region-footer2
li
.active
a
.is-active
{
background-color
:
transparent
!important
;
text-decoration
:
underline
}
.footerLogos
{
background-color
:
#fff
;
padding
:
20px
}
.footerLogos
img
{
display
:
inline-block
;
max-width
:
100%
;
height
:
auto
}
.footerLogos
li
,
.footerLogos
ul
{
margin
:
0
;
padding
:
0
;
list-style-type
:
none
}
.footerLogos
li
{
display
:
inline-block
;
width
:
32%
;
text-align
:
center
}
.footerLogos
li
:first-child
{
text-align
:
left
}
.footerLogos
li
:last-child
{
text-align
:
right
}
.jumbotron
{
padding-top
:
0
;
margin-bottom
:
0
}
.view-pagina-principal
{
margin-top
:
80px
;
margin-bottom
:
80px
}
@media
(
min-width
:
992px
){
.view-pagina-principal
.row
:nth-child
(
even
)
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin-top
:
50px
}
.view-pagina-principal
.row
:nth-child
(
even
)>
div
:first-child
{
-webkit-box-ordinal-group
:
2
;
-ms-flex-order
:
1
;
order
:
1
}}
@media
(
max-width
:
992px
){
.view-pagina-principal
{
margin-top
:
20px
;
margin-bottom
:
20px
}
.view-pagina-principal
img
{
width
:
100%
}}
.region-content
{
margin
:
30px
0
}
.region-content
.row
{
padding
:
30px
}
.region-content
.row
.views-field-field-thumbnail
img
{
margin
:
0
auto
;
border-radius
:
5px
}
.region-content
.row
h2
{
margin-top
:
20px
}
#highlight
{
background
:
#323232
}
#highlight
article
{
color
:
#fff
}
#highlight
a
{
color
:
#fff
}
#highlight
p
{
color
:
#fff
}
#highlight
.btn-primary
{
margin-top
:
20px
;
background-color
:
#0094d4
;
color
:
#fff
;
border-color
:
#0094d4
}
#highlight
.btn-primary
:hover
{
background-color
:
transparent
;
color
:
#fff
;
border-color
:
#fff
}
#highlight
.node-readmore
a
{
display
:
inline-block
}
#highlight
.carousel-inner
img
{
display
:
block
;
width
:
100%
!important
;
height
:
auto
}
#highlight
.carousel-inner
.carousel-caption
{
max-width
:
600px
;
top
:
50%
;
bottom
:
auto
;
margin
:
0
auto
;
-webkit-transform
:
translate
(
0
,
-50%
);
-ms-transform
:
translate
(
0
,
-50%
);
transform
:
translate
(
0
,
-50%
)}
#highlight
.carousel-inner
.carousel-caption
span
{
display
:
block
}
@media
(
max-width
:
992px
){
#highlight
.carousel-inner
.carousel-caption
span
{
display
:
none
}}
@media
(
max-width
:
768px
){
#highlight
.carousel-inner
.carousel-caption
p
{
display
:
none
}}
#highlight
.carousel-overlay
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background
:
#000
;
opacity
:
.5
;
-webkit-transition
:
all
.2s
ease-out
;
transition
:
all
.2s
ease-out
}
article
{
margin-bottom
:
50px
}
article
.field--name-body
{
margin
:
0
auto
;
max-width
:
700px
}
article
.field--name-body
p
.destacado
{
padding
:
30px
;
border
:
2px
solid
#0094d4
}
article
ol
,
article
ul
{
margin-top
:
20px
}
article
ol
li
,
article
ul
li
{
margin-bottom
:
20px
}
article
ol
li
ol
,
article
ol
li
ul
,
article
ul
li
ol
,
article
ul
li
ul
{
margin-bottom
:
40px
}
article
img
{
display
:
block
;
max-width
:
100%
;
height
:
auto
;
margin-top
:
50px
;
margin-bottom
:
50px
;
clear
:
both
}
article
.field--name-field-image
img
{
margin-top
:
0
;
margin-bottom
:
50px
;
border-bottom
:
10px
solid
#0094d4
}
article
.field--name-field-fecha
{
float
:
left
;
padding
:
10px
}
article
.field--name-field-categoria
{
float
:
left
;
color
:
#fff
;
background-color
:
#0094d4
;
padding
:
10px
}
article
.field--name-field-categoria
a
{
color
:
#fff
}
.view-gacetillas
ul
{
list-style
:
none
}
.view-gacetillas
.fa
{
color
:
#0094d4
;
margin-right
:
10px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
{
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
1px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
1px
0
rgba
(
0
,
0
,
0
,
.2
);
border-bottom-left-radius
:
10px
;
border-bottom-right-radius
:
10px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
img
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
img
{
border-radius
:
0
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-body
,
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-title
,
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-body
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-title
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-view-node
{
padding
:
0
20px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-view-node
{
padding-bottom
:
30px
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-title
a
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-title
a
{
color
:
#2e2f30
}
@media
(
min-width
:
992px
){
#views-bootstrap-novedades-block-2
.row
,
#views-bootstrap-novedades-page-1
.row
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
#views-bootstrap-novedades-block-2
.row
>
div
,
#views-bootstrap-novedades-page-1
.row
>
div
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-body
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-body
{
-webkit-box-flex
:
1
;
-ms-flex-positive
:
1
;
flex-grow
:
1
}
#views-bootstrap-novedades-block-2
.row
>
div
.contentWrapper
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.row
>
div
.contentWrapper
.views-field-view-node
{
-ms-flex-item-align
:
end
;
align-self
:
flex-end
}}
@media
(
max-width
:
992px
){
#views-bootstrap-novedades-block-2
.row
>
div
,
#views-bootstrap-novedades-page-1
.row
>
div
{
margin-bottom
:
40px
}
#views-bootstrap-novedades-block-2
.row
>
div
:last-child
,
#views-bootstrap-novedades-page-1
.row
>
div
:last-child
{
margin-bottom
:
0
}
#views-bootstrap-novedades-block-2
.row
>
div
img
,
#views-bootstrap-novedades-page-1
.row
>
div
img
{
width
:
100%
}}
#views-bootstrap-novedades-block-2
.views-field-field-thumbnail
img
,
#views-bootstrap-novedades-page-1
.views-field-field-thumbnail
img
{
border-bottom
:
10px
solid
#0094d4
}
#views-bootstrap-novedades-block-2
.views-field-title
,
#views-bootstrap-novedades-page-1
.views-field-title
{
font-size
:
1.563em
;
font-weight
:
700
;
line-height
:
1.2
;
margin-top
:
24px
;
margin-bottom
:
24px
}
#views-bootstrap-novedades-block-2
.views-field-view-node
,
#views-bootstrap-novedades-page-1
.views-field-view-node
{
margin-top
:
16px
;
text-align
:
right
}
#views-bootstrap-novedades-block-2
.views-field-view-node
span
a
,
#views-bootstrap-novedades-page-1
.views-field-view-node
span
a
{
text-transform
:
uppercase
;
text-decoration
:
underline
}
.view-id-agenda
.list-group-item
{
padding
:
0
;
margin-bottom
:
20px
}
.agenda
.evento
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
stretch
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
}
@media
(
max-width
:
992px
){
.agenda
.evento
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}}
.agenda
.evento
.bloque1
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
stretch
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
;
width
:
40%
}
@media
(
max-width
:
992px
){
.agenda
.evento
.bloque1
{
width
:
100%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.bloque1
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}}
.agenda
.evento
.bloque1
.info-evento
{
width
:
50%
;
background
:
#0094d4
;
padding
:
15px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
@media
(
max-width
:
992px
){
.agenda
.evento
.bloque1
.info-evento
{
width
:
75%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.bloque1
.info-evento
{
width
:
100%
}}
.agenda
.evento
.bloque1
.info-evento
.fechas
{
font-size
:
2.3em
;
color
:
#fff
;
text-align
:
right
;
line-height
:
1em
;
text-transform
:
uppercase
}
.agenda
.evento
.bloque1
.info-evento
.lugar
{
text-align
:
right
;
color
:
#fff
}
.agenda
.evento
.bloque1
.thumb
{
width
:
50%
;
background
:
#6ed3ff
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
#6ed3ff
),
to
(
#0094d4
));
background
:
-webkit-linear-gradient
(
bottom
,
#6ed3ff
0
,
#0094d4
100%
);
background
:
linear-gradient
(
0deg
,
#6ed3ff
0
,
#0094d4
100%
)}
@media
(
max-width
:
992px
){
.agenda
.evento
.bloque1
.thumb
{
width
:
25%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.bloque1
.thumb
{
width
:
100%
}}
.agenda
.evento
.complemento
{
width
:
60%
;
padding
:
20px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
@media
(
max-width
:
992px
){
.agenda
.evento
.complemento
{
width
:
100%
}}
@media
(
max-width
:
424px
){
.agenda
.evento
.complemento
{
padding
:
10px
10px
10px
0
}}
.agenda
.evento
.complemento
.titu-evento
h2
{
margin
:
0
;
padding
:
0
}
#views-bootstrap-miembros-y-adherentes-block-1
div
.col
,
#views-bootstrap-miembros-y-adherentes-block-2
div
.col
{
margin-bottom
:
40px
;
text-align
:
center
}
#views-bootstrap-miembros-y-adherentes-block-1
div
.col
img
,
#views-bootstrap-miembros-y-adherentes-block-2
div
.col
img
{
margin
:
0
auto
;
border
:
1px
solid
#ccc
;
border-radius
:
5px
}
#views-bootstrap-miembros-y-adherentes-block-1
div
.col
div
.views-field-title
,
#views-bootstrap-miembros-y-adherentes-block-2
div
.col
div
.views-field-title
{
padding
:
10px
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment
