diff --git a/bookface_light.css b/bookface_light.css index 1b3844c..748a948 100644 --- a/bookface_light.css +++ b/bookface_light.css @@ -320,6 +320,52 @@ border-radius: 8px !important; margin-bottom: 10px !important; } + /* SEARCH RESULTS */ + #search-save { + background-color: var(--link-color) !important; + color: white !important; + border-radius: 8px !important; + padding: 6px 8px !important; + } + #search-save:hover, + #search-save:focus { + box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; + } + #search-save .fa-plus::before{ + content: '\f292' !important; + } + #search-save .fa-floppy-o::before { + content: '\f00e' !important; + } + #search-save .fa-floppy-o::before, + #search-save .fa-plus::before { + display: inline-block; + margin-top: 2px; + } + #search-save .fa-floppy-o::after, + #search-save .fa-plus::after{ + content: 'Save Search'; + font-family: 'Open Sans', Arial, sans-serif; + font-size: 15px; + float: left; + margin-right: 10px; + line-height: 32px; + position: relative; + display: block; + top: -2px; + font-weight: 700; + } + + #search-save .fa-floppy-o::after { + content: 'Save Search'; + } + #search-save .fa-plus::before { + display: inline-block; + margin-top: 2px; + } + #search-save .fa-plus::after { + content: 'Follow Tag'; + } /* sidebar widgets */ aside .widget, .nav-container .widget { @@ -780,6 +826,9 @@ #search-box { width: 18% !important; } + #search-save { + width: 140px !important; + } } @media screen and (max-width: 991px){ #search-box { @@ -811,4 +860,13 @@ left: 10% !important; margin-left: 0!important; } + #search-save { + width: 100px !important; + } + #search-save .fa-plus::after { + content: 'Follow'; + } + #search-save .fa-floppy-o::after { + content: 'Save'; + } } \ No newline at end of file