primera versión

1 files changed, 142 insertions, 0 deletions

diff --git a/css/_header.sass b/css/_header.sass
new file mode 100644
index 0000000..c3ba5f0
--- /dev/null
+++ b/css/_header.sass
@@ -0,0 +1,142 @@
+header
+    .logo
+        padding-top: 1.25em
+        padding-bottom: 1.25em
+        padding-left: 0
+        a
+            display: inline-block
+        h1
+            margin-top: 0
+            margin-bottom: 0
+            a
+                &.libre_title_header
+                    color: $gris_oscuro
+                    text-decoration: none
+                    font-family: $font-family-2
+                    font-size: 1.825em
+                    height: auto
+                    margin-right: 3.125em
+                    padding: 0px 0px
+                    &:hover
+                        color: $gris_claro
+
+        /* Titulo descripcion del sitio */
+        h2
+            font-size: $font-size
+            margin-top: 0.3em
+            padding-left: 0.0625em
+            a
+                &.libre_title_description
+                    color: $gris_claro
+                    text-decoration: none
+                    font-family: $font-family-2
+                    font-size: 1em
+                    height: auto
+                    margin-right: 3.125em
+                    padding: 0px 0px
+        /* Ending descripcion del sitio */
+
+    .redes-sociales-libres
+        text-align: right
+        line-height: 5em
+        /* Opcional */
+        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: #fff
+            margin-left: 1.25em
+            &.gnusocial
+                background: $gnusocial
+                &:hover
+                    background: $gnusocial_hover
+            &.diaspora
+                background: $diaspora
+                &:hover
+                    background: $diaspora_hover
+    .menu
+        background: $azul_primario
+        margin-bottom: 1.25em
+        ul
+            list-style: none
+            overflow: visible
+            margin: 0
+            padding: 0
+            li
+                float: left
+                display: inline-block
+                a
+                    color: #fff
+                    display: inline-block
+                    padding: 1em 1.25em
+                    font-size: 0.87em
+                    color: #fff
+                    &:hover
+                        text-decoration: none
+                        background: $azul_secudario
+        /*sub-menu*/
+        .container
+            .primary_nav_wrap
+                ul
+                    background: $azul_primario
+                    list-style: none
+                    margin: 0
+                    padding: 0
+                    z-index: 2
+                    a
+                        display: block
+                        color: #fff
+                        font-weight: 600
+                        text-decoration: none
+                        line-height: 4em
+                        padding: 0 0.9375em
+                    li
+                        position: relative
+                        float: left
+                        margin: 0
+                        padding: 0
+                        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
+        /*End sub-menu*/
+    form
+        &.search-form
+            margin-right: 0
+        &.navbar-form
+            margin-top: 12px
+        button
+            &.btn
+                &.btn-primary
+                    background-color: $verde
+                    border-color: $azul_secudario
+                    &:hover
+                        background-color: $verde_encendido