diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index ab457ca..8c43312 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -17,11 +17,11 @@ } .header_menu { flex-grow: 2; - padding-left:$spacer; + padding:0 $spacer; .liens { - padding-right:0.7rem; + margin-top:0.7rem; .btn { - margin-top:1.3rem; + margin-top:1.5rem; .fas:before { font-size:1rem; } @@ -50,6 +50,13 @@ .formulaire_spip.formulaire_abomailman_mini_une_liste { width:230px; float:right; + position:relative; + margin:0; + .reponse_formulaire { + position: absolute; + top: 100%; + margin: 0; + } } } } @@ -67,17 +74,22 @@ &:hover, &:active { background-color:$couleurPrincipaleOn; + color:$couleurPrincipale; } } > .page_container .nav > ul .loupe a { i.fa-search { - background-color:$couleurPrincipaleOn; + background-color:$blancTransparent; + font-size:0.8rem; + color:$couleurSecondaire; &:hover { background-color:$couleurPrincipaleOn; + color:$couleurPrincipale; } } } } + .page_header_container { align-items: flex-start; } @@ -85,18 +97,23 @@ // abonnement newsletter .formulaire_spip .abonnement { position:relative; + &:after { + @include triangle(right, #5b758e, 0.5rem, 0.8); + position:absolute; + right:0.5rem; + bottom:0.5rem; + z-index:1; + } label { color:$blancTransparent; font-size:0.8rem; } - .fa-angle-right { - position:absolute; - right:0; - bottom:0; - padding:0.5rem; - } input.text { padding-right:30px; + background:#f4f4f4; + &:hover, &:focus, &:active { + background:white; + } &::placeholder { font-size:0.8rem; } @@ -111,6 +128,7 @@ height:33px; overflow:hidden; text-indent:40px; + z-index:2; } }