Wallpaper by lord3n20

/* ==UserStyle==
@name         email.ionos.de wallpaper
@version      20230109.18.32
@namespace    userstyles.world/user/3n20
@description  something nice
@author       3n20
@license      No License
==/UserStyle== */
@-moz-document domain("email.ionos.de") {
  /* Main Background */
  #io-ox-core {
    background: url(https://konachan.com/image/b7610ebffb68c3ef63261bd56e67a3de/Konachan.com%20-%20181250%20bed%20date_a_live%20garter_belt%20group%20itsuka_kotori%20loli%20naked_shirt%20pajamas%20scan%20stockings%20tobiichi_origami%20tokisaki_kurumi%20underwear%20yatogami_tohka.png) center center;
    background-size: cover;
  }
  /* Hiding ads and other useless or unthemeable stuff */
  #io-ox-top-logo,
  .skip-links,
  #io-ox-topleftbar,
  .upsell-trigger,
  #io-ox-topbar-help-dropdown-icon,
  #quota-upsell-link,
  .oao-upsell-footer,
  .list-unstyled,
  .quota-upsell {
    display: none !important;
  }
  /* Making stuff transparent */
  #io-ox-appcontrol,
  #io-ox-quicklaunch,
  #io-ox-topsearch,
  .window-container-center,
  #io-ox-screens,
  #io-ox-windowmanager,
  .window-sidepanel,
  #window-0,
  .generic-toolbar,
  .form-control,
  .folder-tree,
  .window-body,
  .leftside,
  .window-content,
  .list-view-control,
  .mail-detail-pane,
  .folder-tree .folder-node .folder-options:focus i,
  .folder-tree.visible-selection .selected > .folder-node,
  .folder-tree.visible-selection .selectable > .folder-node:hover,
  .folder-tree.visible-selection .selectable:focus > .folder-node,
  .folder-tree.visible-selection .selectable:focus > .folder-node *,
  .search-box,
  .dropdown,
  .list-item,
  .list-item-content,
  .list-item-content:hover,
  .list-item:hover,
  .list-item:focus,
  .selected,
  .classic-toolbar,
  .thread-view-list,
  .thread-view-control {
    background: none !important;
  }

  /* Fixing weird lines in view */
  * {
    border: none !important;
  }

  /* Add glass effect (blur and brightness) as well as rounded edges */
  .search-box,
  .folder-node,
  .dropdown,
  .list-item-content,
  #io-ox-toprightbar,
  #io-ox-quicklaunch,
  .classic-toolbar > li,
  .thread-view-list {
    border-radius: 10px;
    backdrop-filter: blur(10px) brightness(0.5);
  }
  /* Special rounded edges for edge elements etc */
  #io-ox-quicklaunch {
    border-radius: 0px 0px 10px 0px;
  }
  #io-ox-toprightbar {
    border-radius: 0px 0px 0px 10px;
  }

  /* Changing text to white */
  .search-box *,
  .dropdown,
  .folder-node,
  .list-item-content *,
  .folder-node,
  .classic-toolbar > li *,
  .dropdown-label,
  .thread-view-list,
  .detail-view-header *,
  .notifications *,
  .warnings *,
  .error *,
  .attachments *,
  .list-item {
    color: white !important;
  }

  /* Margin + Padding */
  .folder-node,
  .selected {
    margin: 2px;
  }
  .list-item-content {
    padding: 5px;
  }

  /* Change visuals at hover or when selected */
  .selected > .list-item-content,
  .selected > .folder-node,
  .list-item-content:hover,
  .folder-node:hover {
    border-radius: 10px;
    backdrop-filter: blur(10px) brightness(1.2);
    color: black !important;
  }
  .selected > .list-item-content * {
    color: black !important;
  }


  /* Scrollbar */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  ::-webkit-scrollbar-track {
    background-color: #ee17ff2e;
    border-radius: 6px;
  }
  ::-webkit-scrollbar-thumb {
    background: #ee17ff63;
    border-radius: 6px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #ee17ffff;
    width: 8px;
    height: 8px;
    border-radius: 8px;
  }

  /* Smoothness */
  * {
    transition: 0.5s;
    transition-timing-function: linear;
  }
}