| Server IP : 170.10.161.225 / Your IP : 216.73.217.54 Web Server : Apache System : Linux vps103298.mylogin.co 4.18.0-513.11.1.el8_9.x86_64 #1 SMP Wed Jan 17 02:00:40 EST 2024 x86_64 User : calvet ( 273824) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : ON Directory : /home/www/calvetrealty.com/wp-content/plugins/readabler/sass/themes/ |
Upload File : |
// Toggle box
.mdp-readabler-toggle-box
&.mdp-active
background: var(--readabler-color)
color: var(--readabler-bg)
// Useful Links
.mdp-readabler-useful-links-box
.mdp-readabler-select-box
select
background: var(--readabler-bg)
border: solid 2px var(--readabler-color)
color: var(--readabler-text)
// Popup
#mdp-readabler-popup
background-color: var(--readabler-bg)
color: var(--readabler-text)
h1,
h2,
h3,
h4,
h5,
h6
color: var(--readabler-text)
// Subheader
.mdp-readabler-subheader
border-top: 2px solid var(--readabler-color-transparent)
// Content
#mdp-readabler-popup-main
// Scrollbar
&::-webkit-scrollbar-track
background-color: var(--readabler-bg)
&::-webkit-scrollbar
background-color: var(--readabler-bg)
&::-webkit-scrollbar-thumb
background-color: var(--readabler-color)
// Header
#mdp-readabler-popup-header
background-image: linear-gradient( to bottom, var(--readabler-bg), rgba( 255, 255, 255, 0 ) )
// Close
#mdp-readabler-popup-close
&:before
color: var(--readabler-text)
&:hover,
&:focus
outline: 2px dotted var(--readabler-text)
// Footer
#mdp-readabler-popup-footer
button
background: var(--readabler-bg)
color: var(--readabler-color)
border: 2px solid var(--readabler-color-transparent)
&:hover
background: var(--readabler-color)
color: var(--readabler-bg)
border: 2px solid var(--readabler-color)
&:focus
background: var(--readabler-color)
color: var(--readabler-bg)
border: 2px solid var(--readabler-color)
box-shadow: 0 0 0 4px var(--readabler-bg), 0 0 0 6px var(--readabler-color)
.mdp-readabler-statement
a,
button
color: var(--readabler-color)
/** Accessibility Profiles. */
#mdp-readabler-accessibility-profiles-box
.mdp-readabler-accessibility-profile-item
&.mdp-active
background: var(--readabler-color-transparent)
.mdp-switch
&:hover
box-shadow: 0 0 0 4px var(--readabler-bg), 0 0 0 6px var(--readabler-color-transparent)
input:checked + .mdp-slider
background-color: var(--readabler-color)
input:focus + .mdp-slider
box-shadow: 0 0 1px var(--readabler-color)
.mdp-slider
background-color: var(--readabler-color-transparent)
&:before
background-color: var(--readabler-color)
&:focus
.mdp-switch
box-shadow: 0 0 0 6px var(--readabler-bg), 0 0 0 8px var(--readabler-color)
/** Readable Controls. */
.mdp-readabler-action-box
border: 2px solid var(--readabler-color-transparent)
&:hover,
&:focus
background-color: var(--readabler-color-transparent)
border: 2px solid var(--readabler-color)
&:focus
border: 2px dotted var(--readabler-color)
box-shadow: 0 0 0 4px var(--readabler-bg), 0 0 0 6px var(--readabler-color)
/** Range Box control */
.mdp-readabler-input-spinner-box
.mdp-readabler-control
background: var(--readabler-bg)
.mdp-readabler-plus,
.mdp-readabler-minus
&:before
background-color: var(--readabler-color)
border: 4px solid var(--readabler-bg)
&:hover
&:before
border: 4px solid var(--readabler-color)
&:focus
outline: none
box-shadow: 0 0 0 4px var(--readabler-bg), 0 0 0 6px var(--readabler-color)
&:before
border: 4px solid var(--readabler-color)
/** Toggle Box control */
.mdp-readabler-toggle-box
.mdp-readabler-icon
background-color: var(--readabler-color)
&.mdp-active
background: var(--readabler-color)
/** Palette control. */
.mdp-readabler-palette-box
.mdp-readabler-color-box
.mdp-readabler-color
border: 4px solid var(--readabler-bg)
&:focus
box-shadow: 0 0 0 4px var(--readabler-bg), 0 0 0 6px var(--readabler-text)
&.mdp-active
&::before
background: var(--readabler-bg)
&[data-color="white"]
&::before
background: var(--readabler-text)
/** Online Dictionary. */
#mdp-readabler-online-dictionary-box
#mdp-readabler-online-dictionary-form
// Search input
#mdp-readabler-online-dictionary-search
border: 2px solid var(--readabler-color-transparent)
color: var(--readabler-text)
background-color: var(--readaber-bg)
background-image: url("../images/wikipedia.svg")
&:hover
border: 2px solid var(--readabler-color)
&:focus
box-shadow: 0 0 0 4px var(--readabler-bg), 0 0 0 6px var(--readabler-color)
&:hover
border: 2px solid var(--readabler-color-transparent)
#mdp-readabler-online-dictionary-search-results-box
ul
li
a
color: var(--readabler-color)
// Clear results
#mdp-readabler-online-dictionary-search-close
&:before,
&:after
background-color: var(--readabler-text)
label
background-image: url(../images/info.svg)
/** Accessibility Statement. */
#mdp-readabler-accessibility-statement-box
&.mdp-open
background: var(--readabler-bg)
// Scrollbar
&::-webkit-scrollbar-track
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2)
background-color: #F5F5F5
&::-webkit-scrollbar
background-color: #F5F5F5
&::-webkit-scrollbar-thumb
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
background-color: #a7a7a7
// Close statement button
#mdp-readabler-close-statement-btn
&:before
color: var(--readabler-text)
/** Simple keyboard
#mdp-readabler-keyboard-box
background-color: var(--readabler-keyboard-light-bg)
.simple-keyboard
background-color: var(--readabler-keyboard-light-bg)
.hg-button
background: var(--readabler-keyboard-light-key-bg)
color: var(--readabler-keyboard-light-key)
box-shadow: 0 0 3px -1px rgba( 0, 0, 0, .3 )
border-bottom: 1px solid #b5b5b5
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 )
&.hg-activeButton
filter: invert(1)
&.hg-selectedButton
background: rgba( 5, 25, 70, .53 )
color: #fff
/** Voice navigation. */
#mdp-readabler-voice-navigation-commands-form
&:after
background: var(--readabler-color-transparent)
#mdp-readabler-voice-navigation-content
background-color: var(--readabler-bg)
.mdp-readabler-voice-navigation-commands-list
// Scrollbar
&::-webkit-scrollbar-track
background-color: var(--readabler-bg)
&::-webkit-scrollbar
background-color: var(--readabler-bg)
&::-webkit-scrollbar-thumb
background-color: var(--readabler-color)
&.scroll-up-gradient
&:before
background: linear-gradient( to top, rgba( 255, 255, 255, 0 ), var(--readabler-bg) )
#mdp-readabler-voice-navigation
button
border: 2px solid var(--readabler-bg)
&:hover
box-shadow: 0 0 0 2px var(--readabler-color-transparent)
&:focus
box-shadow: 0 0 0 2px var(--readabler-color)
&.mdp-readabler-voice-navigation-command
background: var(--readabler-bg)
color: var(--readabler-color)
border-color: var(--readabler-color-transparent)
&:hover
color: var(--readabler-bg)
border-color: var(--readabler-color)
background: var(--readabler-color)
&#mdp-readabler-voice-navigation-commands-trigger,
&#mdp-readabler-voice-navigation-close-button
&:before
background-color: var(--readabler-color)
.mdp-readabler-voice-navigation-command-group
p
color: var(--readabler-text)
#mdp-readabler-voice-navigation-input,
#mdp-readabler-voice-navigation-history
color: var(--readabler-text)
.mdp-readabler-recognition-running
#mdp-readabler-voice-navigation
button
&#mdp-readabler-voice-navigation-record-button
&:focus
box-shadow: 0 0 0 2px red !important
.mdp-readabler-recognition-paused
#mdp-readabler-voice-navigation
button
&#mdp-readabler-voice-navigation-record-button
&:before
color: var(--readabler-color)