diff options
Diffstat (limited to 'theme/stylesheets/book/font-settings.less')
| -rw-r--r-- | theme/stylesheets/book/font-settings.less | 168 |
1 files changed, 168 insertions, 0 deletions
diff --git a/theme/stylesheets/book/font-settings.less b/theme/stylesheets/book/font-settings.less new file mode 100644 index 0000000..df91274 --- /dev/null +++ b/theme/stylesheets/book/font-settings.less @@ -0,0 +1,168 @@ +.book-header{ + #font-settings-wrapper{ + position:relative; + .dropdown-menu{ + background-color:@header-background; + border-color:@sidebar-divider-color; + .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-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; + &#color-theme-preview-0{ + color:@header-button-color; + background-color:@header-background; + } + &#color-theme-preview-1{ + color:@page-color-1; + background-color:@page-background-1; + } + &#color-theme-preview-2{ + color:@header-button-color-2; + background-color:@sidebar-background-2; + } + + } + } + .list-group{ + margin: 5px 0; + .list-group-item{ + cursor:pointer; + background-color:transparent; + border-color:@sidebar-divider-color; + border-width: 1px 0 !important; + &: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; + } + } + } + &.open{ + display:block; + } + } + } +} + +/* + * Theme 1 + */ + +.color-theme-1{ + #font-settings-wrapper{ + .dropdown-menu{ + background-color:@sidebar-background-1; + border-color:@sidebar-divider-color-1; + .dropdown-caret .caret-inner{ + border-right: 9px solid @sidebar-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; + &: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:@sidebar-background-2; + border-color:@sidebar-divider-color-2; + .dropdown-caret .caret-inner{ + border-right: 9px solid @sidebar-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; + &: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; + } + } + } + } + } +} |