Heray-Was-Here
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
Directory :  /home/www/calvetrealty.com/wp-content/plugins/readabler/sass/themes/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/www/calvetrealty.com/wp-content/plugins/readabler/sass/themes/_dark-theme.sass
// Toggle box
.mdp-readabler-toggle-box

  &.mdp-active
    background: var(--readabler-color-dark)
    color: var(--readabler-bg-dark)

// Useful Links
.mdp-readabler-useful-links-box

  .mdp-readabler-select-box

    select
      background: var(--readabler-bg-dark)
      border: solid 2px var(--readabler-color-dark)
      color: var(--readabler-text-dark)

// Popup
#mdp-readabler-popup
  background-color: var(--readabler-bg-dark)
  color: var(--readabler-text-dark)

  h1,
  h2,
  h3,
  h4,
  h5,
  h6
    color: var(--readabler-text-dark)

  // Subheader
  .mdp-readabler-subheader
    border-top: 2px solid var(--readabler-color-transparent-dark)

  // Content
  #mdp-readabler-popup-main

    // Scrollbar
    &::-webkit-scrollbar-track
      background-color: var(--readabler-bg-dark)

    &::-webkit-scrollbar
      background-color: var(--readabler-bg-dark)

    &::-webkit-scrollbar-thumb
      background-color: var(--readabler-color-dark)

  // Header
  #mdp-readabler-popup-header
    background-image: linear-gradient( to bottom, var(--readabler-bg-dark), rgba( 0, 0, 0, 0 ) )

  // Close
  #mdp-readabler-popup-close

    &:before
      color: var(--readabler-text-dark)

    &:hover,
    &:focus
      outline: 2px dotted var(--readabler-text-dark)

  // Footer
  #mdp-readabler-popup-footer

    button
      background: var(--readabler-bg-dark)
      color: var(--readabler-color-dark)
      border: 2px solid var(--readabler-color-transparent-dark)

      &:hover
        background: var(--readabler-color-dark)
        color: var(--readabler-bg-dark)
        border: 2px solid var(--readabler-color-dark)

      &:focus
        background: var(--readabler-color-dark)
        color: var(--readabler-bg-dark)
        border: 2px solid var(--readabler-color-dark)
        box-shadow: 0 0 0 4px var(--readabler-bg-dark), 0 0 0 6px var(--readabler-color-dark)

    .mdp-readabler-statement

      a,
      button
        color: var(--readabler-color-dark)

/** Accessibility Profiles. */
#mdp-readabler-accessibility-profiles-box

  .mdp-readabler-accessibility-profile-item

    &.mdp-active
      background: var(--readabler-color-transparent-dark)

    .mdp-switch

      &:hover
        box-shadow: 0 0 0 4px var(--readabler-bg-dark), 0 0 0 6px var(--readabler-color-transparent-dark)

      input:checked + .mdp-slider
        background-color: var(--readabler-color-dark)

      input:focus + .mdp-slider
        box-shadow: 0 0 1px var(--readabler-color-dark)

      .mdp-slider
        background-color: var(--readabler-color-transparent-dark)

        &:before
          background-color: var(--readabler-color-dark)

    &:focus

      .mdp-switch
        box-shadow: 0 0 0 6px var(--readabler-bg-dark), 0 0 0 8px var(--readabler-color-dark)

/** Readable Controls. */
.mdp-readabler-action-box
  border: 2px solid var(--readabler-color-transparent-dark)

  &:hover,
  &:focus
    background-color: var(--readabler-color-transparent-dark)
    border: 2px solid var(--readabler-color-dark)

  &:focus
    border: 2px dotted var(--readabler-color-dark)
    box-shadow: 0 0 0 4px var(--readabler-bg-dark), 0 0 0 6px var(--readabler-color-dark)

/** Range Box control */
.mdp-readabler-input-spinner-box

  .mdp-readabler-control
    background: var(--readabler-bg-dark)

    .mdp-readabler-plus,
    .mdp-readabler-minus

      &:before
        background-color: var(--readabler-color-dark)
        border: 4px solid var(--readabler-bg-dark)

      &:hover

        &:before
          border: 4px solid var(--readabler-color-dark)

      &:focus
        outline: none
        box-shadow: 0 0 0 4px var(--readabler-bg-dark), 0 0 0 6px var(--readabler-color-dark)

        &:before
          border: 4px solid var(--readabler-color-dark)

/** Toggle Box control */
.mdp-readabler-toggle-box

  .mdp-readabler-icon
    background-color: var(--readabler-color-dark)

  &.mdp-active
    background: var(--readabler-color-dark)

/** Palette control. */
.mdp-readabler-palette-box

  .mdp-readabler-color-box

    .mdp-readabler-color
      border: 4px solid var(--readabler-bg-dark)

      &:focus
        box-shadow: 0 0 0 4px var(--readabler-bg-dark), 0 0 0 6px var(--readabler-text-dark)

      &.mdp-active

        &::before
          background: var(--readabler-bg-dark)

        &[data-color="white"]
          &::before
            background: var(--readabler-text-dark)

/** 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-dark)
      color: var(--readabler-text-dark)
      background-color: var(--readaber-bg-dark)
      background-image: url("../images/wikipedia_dark.svg")

      &:hover
        border: 2px solid var(--readabler-color-dark)

      &:focus
        box-shadow: 0 0 0 4px var(--readabler-bg-dark), 0 0 0 6px var(--readabler-color-dark)

        &:hover
          border: 2px solid var(--readabler-color-transparent-dark)

  #mdp-readabler-online-dictionary-search-results-box

    ul

      li

        a
          color: var(--readabler-color-dark)

  // Clear results
  #mdp-readabler-online-dictionary-search-close

    &:before,
    &:after
      background-color: var(--readabler-text-dark)

  label
    background-image: url(../images/info-dark.svg)

/** Accessibility Statement. */
#mdp-readabler-accessibility-statement-box

  &.mdp-open
    background: var(--readabler-bg-dark)

    // Scrollbar
    &::-webkit-scrollbar-track
      -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2)
      background-color: var(--readabler-bg-dark)

    &::-webkit-scrollbar
      background-color: var(--readabler-bg-dark)

    &::-webkit-scrollbar-thumb
      -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
      background-color: var(--readabler-bg-dark)

    // Close statement button
    #mdp-readabler-close-statement-btn

      &:before
        color: var(--readabler-text-dark)

/** Simple keyboard
#mdp-readabler-keyboard-box
  background-color: var(--readabler-keyboard-dark-bg)

  .simple-keyboard
    background-color: var(--readabler-keyboard-dark-bg)

    .hg-button
      background: var(--readabler-keyboard-dark-key-bg)
      color: var(--readabler-keyboard-dark-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-dark)

#mdp-readabler-voice-navigation-content
  background-color: var(--readabler-bg-dark)

.mdp-readabler-voice-navigation-commands-list

  // Scrollbar
  &::-webkit-scrollbar-track
    background-color: var(--readabler-bg-dark)

  &::-webkit-scrollbar
    background-color: var(--readabler-bg-dark)

  &::-webkit-scrollbar-thumb
    background-color: var(--readabler-color-dark)

  &.scroll-up-gradient

    &:before
      background: linear-gradient( to top, rgba( 0, 0, 0, 0 ), var(--readabler-bg-dark) )

#mdp-readabler-voice-navigation

  button
    border: 2px solid var(--readabler-bg-dark)

    &:hover
      box-shadow: 0 0 0 2px var(--readabler-color-transparent-dark)

    &:focus
      box-shadow: 0 0 0 2px var(--readabler-color-dark)

    &.mdp-readabler-voice-navigation-command
      background: var(--readabler-bg-dark)
      color: var(--readabler-color-dark)
      border-color: var(--readabler-color-transparent-dark)

      &:hover
        color: var(--readabler-bg-dark)
        border-color: var(--readabler-color-dark)
        background: var(--readabler-color-dark)

    &#mdp-readabler-voice-navigation-commands-trigger,
    &#mdp-readabler-voice-navigation-close-button

      &:before
        background-color: var(--readabler-color-dark)

.mdp-readabler-voice-navigation-command-group

  p
    color: var(--readabler-text-dark)

    img
      filter: invert(1)

#mdp-readabler-voice-navigation-input,
#mdp-readabler-voice-navigation-history
  color: var(--readabler-text-dark)

  &::placeholder
    color: var(--readabler-text-dark)

.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-dark)

Hry