@charset "UTF-8"; /* Tipografia */ /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/ops/cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/ops/cyrillic.woff2") format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/ops/greek-ext.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/ops/greek.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/ops/vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/ops/latin-ext.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/ops/latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opssemibold/cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opssemibold/cyrillic.woff2") format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opssemibold/greek-ext.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opssemibold/greek.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opssemibold/vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opssemibold/latin-ext.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opssemibold/latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opsbold/cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opsbold/cyrillic.woff2") format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opsbold/greek-ext.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opsbold/greek.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opsbold/vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opsbold/latin-ext.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opsbold/latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: "Oswald"; font-style: normal; font-weight: 400; src: local("Oswald Regular"), local("Oswald-Regular"), url("../fonts/oswald/oswaldregular/latin.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Oswald"; font-style: normal; font-weight: 400; src: local("Oswald Regular"), local("Oswald-Regular"), url("../fonts/oswald/oswaldregular/latin-ext.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* variables */ /* Colores */ /* fuentes */ * { margin: 0; padding: 0; } html { font-size: 16px; } body { background: #f2f2f2; font-size: 1rem; font-family: "Open Sans", sans-serif; } a { color: #7780da; } /* Header */ header .logo { padding-top: 2rem; padding-bottom: 2rem; padding-left: 0; } header .logo a { display: inline-block; } header .logo h1 { margin-top: 0; margin-bottom: 0; } header .logo h1 a.title_header { color: #3b3b3b; text-decoration: none; font-family: "Oswald", sans-serif; font-size: 1.8rem; height: auto; padding: 0px 0px; } header .logo h1 a.title_header:hover { color: #909090; } header .logo h2 { font-size: 1rem; } header .logo h2 a.title_description { color: #909090; text-decoration: none; font-family: "Oswald", sans-serif; font-size: 1em; height: auto; padding: 0px 0px; } header .sociales { text-align: right; line-height: 5em; margin-top: 0.625em; } header .sociales a { border-radius: 50%; width: 2.5em; height: 2.5em; text-align: center; line-height: 2.5em; display: inline-block; background: navy; color: #fff; margin-left: 1.25em; } header .sociales a.gnusocial { background: #a42833; } header .sociales a.gnusocial:hover { background: #b14350; } header .sociales a.diaspora { background: #010101; } header .sociales a.diaspora:hover { background: #303636; } header .sociales a.gitlab { background: #e24329; } header .sociales a.gitlab:hover { background: #fe5000; } header .sociales a.notabug { background: #244664; } header .sociales a.notabug:hover { background: #00334e; } header .menu { background: #5f6ad4; /*sub-menu */ } header .menu ul { list-style: none; overflow: visible; margin-top: 0.4rem; padding: 0; } header .menu ul li { float: left; display: inline-block; } header .menu ul li a { color: #fff; display: inline-block; padding: 1em 1.25rem; font-size: 0.87rem; font-weight: 600; color: #fff; } header .menu ul li a:hover { text-decoration: none; background: #7780da; } header .menu .navbar { background: #5f6ad4; padding: 0rem; } header .menu .container .primary_nav_wrap ul { background: #5f6ad4; list-style: none; margin: 0; padding: 0; z-index: 2; } header .menu .container .primary_nav_wrap ul a { display: block; color: #fff; font-weight: 600; text-decoration: none; line-height: 4em; padding: 0 0.9375em; } header .menu .container .primary_nav_wrap ul li { position: relative; float: left; margin: 0; padding: 0; } header .menu .container .primary_nav_wrap ul li.current-menu-item.current_page_item { background: #7780da; } header .menu .container .primary_nav_wrap ul li a { padding: 0 0.9375em; } header .menu .container .primary_nav_wrap ul li:hover { background: #7780da; } header .menu .container .primary_nav_wrap ul li:hover > ul { display: block; } header .menu .container .primary_nav_wrap ul ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; background: #5f6ad4; padding: 0; } header .menu .container .primary_nav_wrap ul ul.sub-menu li { float: none; width: 200px; max-width: 100%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } header .menu .container .primary_nav_wrap ul ul.sub-menu ul { top: 0; left: 100%; } header .menu .container .primary_nav_wrap ul ul.sub-menu a { line-height: 120%; padding: 0.625em 0.9375em; } /* Contenedor o main */ .main .titulo-seccion h3, .sidebar .titulo-seccion h3 { font-family: "Oswald", sans-serif; font-size: 1.5em; line-height: 1.5em; font-weight: normal; color: #3b3b3b; padding-bottom: 0.62em; border-bottom: 4px solid #48b84d; margin-top: 1.5rem; margin-bottom: 1.25rem; } .main .titulo-seccion > div { padding: 0; } .main .single-post .categorias { margin-bottom: 1.875em; } .main .posts .post, .main .single-post .post { margin-bottom: 1.875em; } .main .posts .post .contenedor, .main .single-post .post .contenedor { background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } .main .posts .post .contenedor .texto, .main .single-post .post .contenedor .texto { font-size: 0.8rem; } .main .posts .post .contenedor .texto img, .main .single-post .post .contenedor .texto img { max-width: 100%; height: auto; vertical-align: top; margin: 0.625em 0; } .main .posts .post .contenedor .texto ul, .main .single-post .post .contenedor .texto ul { font-size: 0.9rem; margin-left: 1.25em; } .main .posts .post .contenedor .texto ul li, .main .single-post .post .contenedor .texto ul li { list-style: square; margin: 0.5em 0 0 1em; } .main .posts .post .contenedor .texto ol, .main .single-post .post .contenedor .texto ol { margin-left: 1.5rem; } .main .posts .post .contenedor .texto p, .main .single-post .post .contenedor .texto p { font-size: 0.9rem; margin-bottom: 20px; } .main .posts .post .contenedor .texto .LibreVideoJS ul, .main .single-post .post .contenedor .texto .LibreVideoJS ul { font-size: 0.7rem; margin: 0; } .main .posts .post .contenedor .texto .LibreVideoJS ul li, .main .single-post .post .contenedor .texto .LibreVideoJS ul li { list-style: none; margin: 0; } .main .posts .post .contenedor .thumb img, .main .single-post .post .contenedor .thumb img { width: 100%; vertical-align: top; height: auto; } .main .posts .post .contenedor .info, .main .single-post .post .contenedor .info { padding: 1.25em; } .main .posts .post .contenedor .info .titulo, .main .single-post .post .contenedor .info .titulo { line-height: 1.125em; margin-bottom: 1.25em; font-size: 1rem; font-weight: bold; margin-top: 0; } .main .posts .post .contenedor .info .titulo a, .main .single-post .post .contenedor .info .titulo a { color: #3b3b3b; } .main .posts .post .contenedor .info .fecha, .main .single-post .post .contenedor .info .fecha { color: #909090; font-size: 0.8rem; margin-bottom: 1.25em; } .main .posts .post .contenedor .info .fecha img.avatar, .main .single-post .post .contenedor .info .fecha img.avatar { border-radius: 100%; border: thin solid #d2d2d2; vertical-align: text-bottom; } .main .posts .post .contenedor .info .extracto, .main .single-post .post .contenedor .info .extracto { color: #292929; font-size: 0.9rem; height: 8.125em; max-height: 8.125em; line-height: 1.75em; margin-bottom: 1.25em; overflow: hidden; } .main .posts .post .contenedor .info .extracto:hover, .main .single-post .post .contenedor .info .extracto:hover { overflow: auto; } .main .posts .post .contenedor .info .categorias ul, .main .single-post .post .contenedor .info .categorias ul { list-style: none; } .main .posts .post .contenedor .info .categorias ul li, .main .single-post .post .contenedor .info .categorias ul li { display: inline-block; } .main .posts .post .contenedor .info .categorias a, .main .single-post .post .contenedor .info .categorias a { /* color: $gris_claro */ /* font-size: 0.8rem */ /* font-weight: bold */ /* margin-right: 1.25em */ display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; background-color: #17a2b8; color: #fff; } .main .posts .post .contenedor .info .categorias a:hover, .main .single-post .post .contenedor .info .categorias a:hover { color: #fff; text-decoration: none; } .main .posts .post .contenedor .info .categorias a[href]:focus, .main .single-post .post .contenedor .info .categorias a[href]:focus { color: #fff; text-decoration: none; background-color: #117a8b; } .main .posts .col-sm-12.post, .main .single-post .col-sm-12.post { margin-bottom: 0.3125em; } .main .paginacion > div { padding: 0; } .main .paginacion ul { list-style: none; overflow: hidden; margin-bottom: 1.25em; font-size: 1rem; } .main .paginacion ul li { float: left; background: #3b3b3b; color: #fff; margin-right: 0.62em; font-size: 1.125em; line-height: 1.125em; } .main .paginacion ul li.disabled { padding: 0.62em 0.937em; font-size: 1.125em; line-height: 1.125em; } .main .paginacion ul li a { background: #5f6ad4; color: #fff; line-height: 1.125em; display: inline-block; padding: 0.62em 0.937em; } .main .paginacion ul li a:hover { background: #7780da; text-decoration: none; } .main .paginacion h6.page-libre { display: none; } /* Aside */ .sidebar .widget { margin-top: -0.75rem; margin-bottom: 2rem; } .sidebar .widget.redes-sociales-libres { overflow: hidden; } .sidebar .widget.redes-sociales-libres a { width: 50%; padding: 1.25rem; text-align: center; float: left; background: #000; color: #fff; display: inline-block; } .sidebar .widget.redes-sociales-libres a:hover { text-decoration: none; } .sidebar .widget.redes-sociales-libres a.gnusocial { background: #a42833; } .sidebar .widget.redes-sociales-libres a.gnusocial:hover { background: #b14350; } .sidebar .widget.redes-sociales-libres a.diaspora { background: #010101; } .sidebar .widget.redes-sociales-libres a.diaspora:hover { background: #303636; } .sidebar .widget.redes-sociales-libres a.gitlab { background: #e24329; } .sidebar .widget.redes-sociales-libres a.gitlab:hover { background: #fe5000; } .sidebar .widget.redes-sociales-libres a.notabug { background: #244664; } .sidebar .widget.redes-sociales-libres a.notabug:hover { background: #00334e; } .sidebar .widget.redes-sociales-libres a .icono { width: 100%; font-size: 1.8rem; margin-bottom: 0.5em; } .sidebar .widget.redes-sociales-libres a .delta-ru { margin: 2.2em; } .sidebar .widget.boletin .formulario { background: #00334e; padding: 1.25em; text-align: center; } .sidebar .widget.boletin .formulario label { color: #fff; margin-bottom: 1.25em; display: block; font-weight: normal; } .sidebar .widget.boletin .formulario input[type="email"] { background: #fff; border-radius: 3px; border: none; color: #909090; font-size: 1.125em; margin-bottom: 1.25em; padding: 0.65em; text-align: center; width: 100%; } .sidebar .widget.boletin .formulario input[type="submit"] { background: #48b84d; border-radius: 3px; padding: 0.625em 1.875em; border: none; color: #fff; } .sidebar .widget.boletin .formulario input[type="submit"]:hover { background: #159d1a; } .sidebar .widget .contenedor-no-facebook { text-align: center; } .sidebar .widget .contenedor-no-facebook a { display: inline-block; max-width: 100%; } .sidebar .widget .contenedor-no-facebook a img { height: auto; } .sidebar .widget .titulo-seccion .textwidget { background-color: #00334e; border: 1px solid #e1e1e1; color: white; padding: 1em; } .sidebar .widget .titulo-seccion .textwidget p { text-align: justify; } .sidebar .widget .titulo-seccion .textwidget a[rel="license"] { color: #159d1a; } .sidebar .widget .titulo-seccion .textwidget a[rel="license"]:hover { color: #16ea1d; text-decoration: none; } .sidebar .widget .titulo-seccion .tagcloud a { color: #3b3b3b; } .sidebar .widget .titulo-seccion .tagcloud a::before { font-family: "dashicons"; content: ""; margin-right: 0.1em; vertical-align: baseline; } .sidebar .widget .titulo-seccion .tagcloud a:hover { color: #5f6ad4; } .sidebar .widget .titulo-seccion ul > li { list-style: none; text-decoration: none; } .sidebar .widget .titulo-seccion ul > li:hover { color: #5f6ad4; } .sidebar .widget .titulo-seccion ul > li a { color: #7780da; } .sidebar .widget .titulo-seccion ul > li a:hover { color: #5f6ad4; } .sidebar .widget .titulo-seccion ul > li::before { font-family: "dashicons"; content: ""; margin-right: 0.2em; vertical-align: bottom; } .sidebar .widget .titulo-seccion ul > li.recentcomments::before { content: ""; } .sidebar .widget .titulo-seccion ul > li.cat-item::before { content: ""; } /* Footer */ footer { margin-top: 1rem; } footer .menu { background: #5f6ad4; } footer .menu ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } footer .menu ul li { float: left; display: inline-block; } footer .menu ul li a { display: inline-block; padding: 1rem 1rem; font-size: 0.87rem; color: #fff; } footer .menu ul li a:hover { text-decoration: none; background: #7780da; } footer .menu .limit { padding: 0; } footer .copyleft p { font-size: 0.87rem; color: #000; padding: 0.625rem; text-align: center; margin: 0; } /* Comentarios */ /* Page 404 */ /* Mediaqueries */