add symola.ttf + fix menu

This commit is contained in:
myleneb 2015-08-14 23:42:07 +02:00
parent 33913db640
commit adc9af0540
5 changed files with 51 additions and 5 deletions

BIN
css/Symbola.ttf Normal file

Binary file not shown.

View File

@ -99,6 +99,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
font-weight: 700;
font-style: italic;
}
/* S Y M B O L A */
@font-face {
font-family: "Symbola";
src: url("Symbola.ttf");
font-weight: 400;
font-style: normal;
}
/* ICONS */
@font-face {
font-family: "Ionicons";
@ -235,7 +242,7 @@ html {
body {
font-size: 1rem;
line-height: 1.3rem;
font-family: "Roboto", sans-serif;
font-family: "Roboto", sans-serif, "Symbola";
font-weight: 400;
overflow-y: scroll !important;
}
@ -495,7 +502,6 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
}
.userMenu li.userMenu-config, .userMenu li.userMenu-search {
float: right;
position: relative;
color: white;
}
.userMenu li.userMenu-config + a, .userMenu li.userMenu-search + a {
@ -519,6 +525,22 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
.userMenu li.userMenu-config > a {
font-size: 1.5rem;
}
.userMenu li .config-menu.dialog-modal a {
background: #FDFCFA;
border-top: 1px solid #eee;
text-decoration: none;
display: block;
width: 100%;
font-weight: 400;
line-height: 32px;
display: block;
margin: 0;
padding: 5px;
color: #3E3C42 !important;
}
.userMenu li .config-menu.dialog-modal a:hover {
background: white;
}
/* Wrapper and blocks */
.wrapper {

View File

@ -20,7 +20,7 @@ html
body
font-size: $main-font-size
line-height : $main-line-height
font-family : $main-font-family
font-family : $main-font-family, "Symbola"
font-weight: 400
overflow-y: scroll!important

View File

@ -48,6 +48,17 @@
font-style: italic
/* S Y M B O L A */
@font-face
font-family: "Symbola"
src: url("Symbola.ttf")
font-weight: 400
font-style: normal
/* ICONS */
@font-face

View File

@ -81,7 +81,6 @@ $menuBgColor : $dark-grey
&.userMenu-config, &.userMenu-search
float: right
position: relative
color: $menu-font-color
+ a
color: $main-color-dark
@ -101,4 +100,18 @@ $menuBgColor : $dark-grey
@extend .ion
@extend .ion-gear
font-size: 1.5rem
.config-menu.dialog-modal
a
background: $bloc-light-color
border-top: 1px solid $main-background-color
&:hover
background: white
text-decoration: none
display: block
width: 100%
font-weight: 400
line-height: $mini-usr-img / 1.5
display: block
margin: 0
padding: 5px
color: $defaut-font-color!important