diff options
Diffstat (limited to 'theme/stylesheets/website/font-settings.less')
| -rw-r--r-- | theme/stylesheets/website/font-settings.less | 168 |
1 files changed, 10 insertions, 158 deletions
diff --git a/theme/stylesheets/website/font-settings.less b/theme/stylesheets/website/font-settings.less index 8930ed1..dc3fb7e 100644 --- a/theme/stylesheets/website/font-settings.less +++ b/theme/stylesheets/website/font-settings.less @@ -1,163 +1,15 @@ .book-header{ #font-settings-wrapper{ - position:relative; - .dropdown-menu{ - background-color: @header-dropdown-background; - border-color: @sidebar-divider-color; - padding: 0px; - - .dropdown-caret{ - position: absolute; - top: 14px; - left: -8px; - width: 10px; - height: 18px; - float: left; - overflow: hidden; - .caret-outer{ - position: absolute; - border-bottom: 9px solid transparent; - border-top: 9px solid transparent; - border-right: 9px solid rgba(0,0,0,0.1); - height: auto; - left: 0; - top: 0; - width: auto; - display: inline-block; - margin-left: -1px; - } - .caret-inner{ - position: absolute; - display: inline-block; - margin-left: -1px; - top: 0; - left: 1px; - border-bottom: 9px solid transparent; - border-top: 9px solid transparent; - border-right: 9px solid @header-dropdown-background; - } - } - button{ - border: 0; - background-color:transparent; - color:@header-button-color; - &:hover{ - color:@header-button-hover-color; - background-color:@header-button-hover-background; - } - } - #enlarge-font-size{ - width: 50%; - font-size:1.4em; - } - #reduce-font-size{ - width: 50.5%; - font-size:1em; - } - .btn-group-xs{ - .btn{ - width: 33.7%; - padding: initial; - } - } - .list-group{ - margin: 0px 0; - - .list-group-item{ - cursor:pointer; - background-color:transparent; - border: none; - border-top: 1px solid @sidebar-divider-color; - - &:hover{ - color:@header-button-hover-color; - background-color:@header-button-hover-background !important; - } - &.active{ - color:@header-button-hover-color; - background-color:@header-button-hover-background !important; - } - - &:last-child { - border-bottom: 1px solid @sidebar-divider-color; - } - } - } - &.open{ - display:block; - } - } + #enlarge-font-size, #reduce-font-size { + line-height: 30px; + } + + #enlarge-font-size{ + font-size: 1.4em; + } + #reduce-font-size{ + font-size: 1em; + } } } -/* - * Theme 1 - */ - -.color-theme-1{ - #font-settings-wrapper{ - .dropdown-menu{ - background-color: @header-dropdown-background-1; - border-color: @sidebar-divider-color-1; - .dropdown-caret .caret-inner{ - border-right: 9px solid @header-dropdown-background-1; - } - button{ - color:@header-button-color-1; - &:hover{ - color:@header-button-hover-color-1; - background-color:@header-button-hover-background-1; - } - } - .list-group{ - .list-group-item{ - border-color:@sidebar-divider-color-1 !important; - &:hover{ - color:@header-button-hover-color-1; - background-color:@header-button-hover-background-1 !important; - } - &.active{ - color:@header-button-hover-color-1; - background-color:@header-button-hover-background-1 !important; - } - } - } - } - } -} - -/* - * Theme 2 - */ - -.color-theme-2{ - #font-settings-wrapper{ - .dropdown-menu{ - background-color: @header-dropdown-background-2; - border-color: @sidebar-divider-color-2; - .dropdown-caret .caret-inner{ - border-right: 9px solid @header-dropdown-background-2; - } - button{ - color:@header-button-color-2; - &:hover{ - color:@header-button-hover-color-2; - background-color:@header-button-hover-background-2; - } - } - .list-group{ - .list-group-item{ - border-color:@sidebar-divider-color-2 !important; - &:hover{ - color:@header-button-hover-color-2; - background-color:@header-button-hover-background-2 !important; - } - &.active{ - color:@header-button-hover-color-2; - background-color:@header-button-hover-background-2 !important; - } - } - } - } - } -} |