diff options
Diffstat (limited to 'src/sass/custom')
-rw-r--r-- | src/sass/custom/_comentarios.sass | 0 | ||||
-rw-r--r-- | src/sass/custom/_error_404.sass | 0 | ||||
-rw-r--r-- | src/sass/custom/_footer.sass | 29 | ||||
-rw-r--r-- | src/sass/custom/_header.sass | 134 | ||||
-rw-r--r-- | src/sass/custom/_main.sass | 151 | ||||
-rw-r--r-- | src/sass/custom/_mediaqueries.sass | 0 | ||||
-rw-r--r-- | src/sass/custom/_sidebar.sass | 117 | ||||
-rw-r--r-- | src/sass/custom/_tipografia.sass | 183 | ||||
-rw-r--r-- | src/sass/custom/_variables.sass | 51 | ||||
-rw-r--r-- | src/sass/custom/style.sass | 26 |
10 files changed, 691 insertions, 0 deletions
diff --git a/src/sass/custom/_comentarios.sass b/src/sass/custom/_comentarios.sass new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/sass/custom/_comentarios.sass diff --git a/src/sass/custom/_error_404.sass b/src/sass/custom/_error_404.sass new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/sass/custom/_error_404.sass diff --git a/src/sass/custom/_footer.sass b/src/sass/custom/_footer.sass new file mode 100644 index 0000000..dc42efe --- /dev/null +++ b/src/sass/custom/_footer.sass @@ -0,0 +1,29 @@ +footer + margin-top: 1rem + .menu + background: $azul_primario + ul + list-style: none + overflow: hidden + margin: 0 + padding: 0 + li + float: left + display: inline-block + a + display: inline-block + padding: 1rem 1rem + font-size: 0.87rem + color: $blanco + &:hover + text-decoration: none + background: $azul_secudario + .limit + padding: 0 + .copyleft + p + font-size: 0.87rem + color: $negro + padding: 0.625rem + text-align: center + margin: 0 diff --git a/src/sass/custom/_header.sass b/src/sass/custom/_header.sass new file mode 100644 index 0000000..960b97c --- /dev/null +++ b/src/sass/custom/_header.sass @@ -0,0 +1,134 @@ +header + .logo + padding-top: 2rem + padding-bottom: 2rem + padding-left: 0 + a + display: inline-block + h1 + margin-top: 0 + margin-bottom: 0 + a + &.title_header + color: $gris_oscuro + text-decoration: none + font-family: $oswald + font-size: 1.8rem + height: auto + padding: 0px 0px + &:hover + color: $gris_claro + h2 + font-size: 1rem + a + &.title_description + color: $gris_claro + text-decoration: none + font-family: $oswald + font-size: 1em + height: auto + padding: 0px 0px + .sociales + text-align: right + line-height: 5em + margin-top: 0.625em + a + border-radius: 50% + width: 2.5em + height: 2.5em + text-align: center + line-height: 2.5em + display: inline-block + background: navy + color: $blanco + margin-left: 1.25em + &.gnusocial + background: $gnusocial + &:hover + background: $gnusocial_hover + &.diaspora + background: $diaspora + &:hover + background: $diaspora_hover + &.gitlab + background: $gitlab + &:hover + background: $gitlab_hover + &.notabug + background: $notabug + &:hover + background: $notabug_hover + .menu + background: $azul_primario + ul + list-style: none + overflow: visible + margin-top: 0.4rem + padding: 0 + li + float: left + display: inline-block + a + color: $blanco + display: inline-block + padding: 1em 1.25rem + font-size: 0.87rem + font-weight: 600 + color: $blanco + &:hover + text-decoration: none + background: $azul_secudario + .navbar + background: $azul_primario + padding: 0rem + /*sub-menu*/ + .container + .primary_nav_wrap + ul + background: $azul_primario + list-style: none + margin: 0 + padding: 0 + z-index: 2 + a + display: block + color: $blanco + font-weight: 600 + text-decoration: none + line-height: 4em + padding: 0 0.9375em + li + position: relative + float: left + margin: 0 + padding: 0 + &.current-menu-item + &.current_page_item + background: $azul_secudario + a + padding: 0 0.9375em + &:hover + background: $azul_secudario + > ul + display: block + ul + &.sub-menu + display: none + position: absolute + top: 100% + left: 0 + background: $azul_primario + padding: 0 + li + float: none + width: 200px + max-width: 100% + -moz-transition-duration: .3s + -webkit-transition-duration: .3s + transition-duration: .3s + ul + top: 0 + left: 100% + a + line-height: 120% + padding: 0.625em 0.9375em diff --git a/src/sass/custom/_main.sass b/src/sass/custom/_main.sass new file mode 100644 index 0000000..d9a2d77 --- /dev/null +++ b/src/sass/custom/_main.sass @@ -0,0 +1,151 @@ +.main, +.sidebar + .titulo-seccion + h3 + font-family: $oswald + font-size: 1.5em + line-height: 1.5em + font-weight: normal + color: $gris_oscuro + padding-bottom: 0.62em + border-bottom: 4px solid $verde + margin-top: 1.5rem + margin-bottom: 1.25rem +.main + .titulo-seccion + > div + padding: 0 + .single-post + .categorias + margin-bottom: 1.875em + .posts, + .single-post + .post + margin-bottom: 1.875em + .contenedor + background: $blanco + -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) + .texto + font-size: 0.8rem + img + max-width: 100% + height: auto + vertical-align: top + margin: 0.625em 0 + .texto + ul + font-size: 0.9rem + margin-left: 1.25em + li + list-style: square + margin: .5em 0 0 1em + ol + margin-left: 1.5rem + p + font-size: 0.9rem + margin-bottom: 20px + .LibreVideoJS + ul + font-size: 0.7rem + margin: 0 + li + list-style: none + margin: 0 + .thumb + img + width: 100% + vertical-align: top + height: auto + .info + padding: 1.25em + .titulo + line-height: 1.125em + margin-bottom: 1.25em + font-size: 1rem + font-weight: bold + margin-top: 0 + a + color: $gris_oscuro + .fecha + color: $gris_claro + font-size: 0.8rem + margin-bottom: 1.25em + img + &.avatar + border-radius: 100% + border: thin solid $avatar + vertical-align: text-bottom + .extracto + color: $texto + font-size: 0.9rem + height: 8.125em + max-height: 8.125em + line-height: 1.75em + margin-bottom: 1.25em + overflow: hidden + &:hover + overflow: auto + .categorias + ul + list-style: none + li + display: inline-block + a + /* color: $gris_claro + /* font-size: 0.8rem + /* font-weight: bold + /* margin-right: 1.25em + display: inline-block + padding: .25em .4em + font-size: 75% + font-weight: 700 + line-height: 1 + text-align: center + white-space: nowrap + vertical-align: baseline + border-radius: .25rem + background-color: $tag + color: $blanco + &:hover + color: $blanco + text-decoration: none + &[href]:focus + color: $blanco + text-decoration: none + background-color: $tag_activate + .col-sm-12 + &.post + margin-bottom: 0.3125em + + .paginacion + > div + padding: 0 + ul + list-style: none + overflow: hidden + margin-bottom: 1.25em + font-size: 1rem + li + float: left + background: $gris_oscuro + color: $blanco + margin-right: 0.62em + font-size: 1.125em + line-height: 1.125em + &.disabled + padding: 0.62em 0.937em + font-size: 1.125em + line-height: 1.125em + a + background: $azul_primario + color: $blanco + line-height: 1.125em + display: inline-block + padding: 0.62em 0.937em + &:hover + background: $azul_secudario + text-decoration: none + h6 + &.page-libre + display: none diff --git a/src/sass/custom/_mediaqueries.sass b/src/sass/custom/_mediaqueries.sass new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/sass/custom/_mediaqueries.sass diff --git a/src/sass/custom/_sidebar.sass b/src/sass/custom/_sidebar.sass new file mode 100644 index 0000000..4038152 --- /dev/null +++ b/src/sass/custom/_sidebar.sass @@ -0,0 +1,117 @@ +.sidebar + .widget + margin-top: -0.75rem + margin-bottom: 2rem + &.redes-sociales-libres + overflow: hidden + a + width: 50% + padding: 1.25rem + text-align: center + float: left + background: $negro + color: $blanco + display: inline-block + &:hover + text-decoration: none + &.gnusocial + background: $gnusocial + &:hover + background: $gnusocial_hover + &.diaspora + background: $diaspora + &:hover + background: $diaspora_hover + &.gitlab + background: $gitlab + &:hover + background: $gitlab_hover + &.notabug + background: $notabug + &:hover + background: $notabug_hover + .icono + width: 100% + font-size: 1.8rem + margin-bottom: 0.5em + .delta-ru + margin: 2.2em + &.boletin + .formulario + background: $danmark + padding: 1.25em + text-align: center + label + color: $blanco + margin-bottom: 1.25em + display: block + font-weight: normal + input[type="email"] + background: $blanco + border-radius: 3px + border: none + color: $gris_claro + font-size: 1.125em + margin-bottom: 1.25em + padding: 0.65em + text-align: center + width: 100% + input[type="submit"] + background: $verde + border-radius: 3px + padding: 0.625em 1.875em + border: none + color: $blanco + &:hover + background: $verde_encendido + .contenedor-no-facebook + text-align: center + a + display: inline-block + max-width: 100% + img + height: auto + .titulo-seccion + .textwidget + background-color: $danmark + border: 1px solid $blanco_gris + color: white + padding: 1em + p + text-align: justify + a[rel="license"] + color: $verde_encendido + &:hover + color: $verde_link + text-decoration: none + .tagcloud + a + color: $gris_oscuro + &::before + font-family: "dashicons" + content: "\f323" + margin-right: 0.1em + vertical-align: baseline + &:hover + color: $azul_primario + ul + > li + list-style: none + text-decoration: none + &:hover + color: $azul_primario + a + color: $azul_secudario + &:hover + color: $azul_primario + &::before + font-family: "dashicons" + content: "\f508" + margin-right: 0.2em + vertical-align: bottom + &.recentcomments + &::before + content: "\f101" + &.cat-item + &::before + content: '\f318' diff --git a/src/sass/custom/_tipografia.sass b/src/sass/custom/_tipografia.sass new file mode 100644 index 0000000..8b08201 --- /dev/null +++ b/src/sass/custom/_tipografia.sass @@ -0,0 +1,183 @@ +/* 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 diff --git a/src/sass/custom/_variables.sass b/src/sass/custom/_variables.sass new file mode 100644 index 0000000..8ccb14a --- /dev/null +++ b/src/sass/custom/_variables.sass @@ -0,0 +1,51 @@ +/* Colores */ +$avatar: #d2d2d2 +$azul_primario: #5f6ad4 +$azul_secudario: #7780da +$azul: #0081ff +$blanco_humo: #f0f0f0 +$blanco_gris: #e1e1e1 +$blanco: #fff +$danmark: #00334e +$diaspora_hover: #303636 +$diaspora: #010101 +$fondo: #f2f2f2 +$fn: #43ffff +$gitlab: #e24329 +$gitlab_hover: #fe5000 +$gnusocial_hover: #b14350 +$gnusocial: #a42833 +$gris_claro: #909090 +$gris_oscuro: #3b3b3b +$tag: #17a2b8 +$tag_activate: #117a8b +$negro: #000 +$notabug: #244664 +$notabug_hover: #00334e +$rojo_claro: #ff4c4c +$rojo_oscuro: #ff0000 +$texto: #292929 +$verde_encendido: #159d1a +$verde_link: #16ea1d +$verde: #48b84d + +/* fuentes */ +$opensans: 'Open Sans', sans-serif +$roboto: Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" +$oswald: 'Oswald', sans-serif +$fuente: 16px + +* + margin: 0 + padding: 0 + +html + font-size: $fuente + +body + background: $fondo + font-size: 1rem + font-family: $opensans + +a + color: $azul_secudario diff --git a/src/sass/custom/style.sass b/src/sass/custom/style.sass new file mode 100644 index 0000000..2b8b9b8 --- /dev/null +++ b/src/sass/custom/style.sass @@ -0,0 +1,26 @@ +/* Tipografia */ +@import "tipografia" + +/* variables */ +@import "variables" + +/* Header */ +@import "header" + +/* Contenedor o main */ +@import "main" + +/* Aside */ +@import "sidebar" + +/* Footer */ +@import "footer" + +/* Comentarios */ +@import "comentarios" + +/* Page 404 */ +@import "error_404" + +/* Mediaqueries */ +@import "mediaqueries" |