Gebruiker:Sjno2000/common.js

Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.

Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.

:root {
  --border-radius: 1rem;
  --border-color: #c8ccd1;
  --container-background-color: #f8f9fa;
}

#mw-content-wrapper, .vcard, .sidebar-chunk, #simpleSearch {
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color) !important;
  overflow: hidden;
}

#p-search {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#simpleSearch > .searchButton {
  opacity: 0.4;
  font-size: 0.3em;
  top: 20%;
  height: 60%;
  width: 4rem;
}

#mw-content-wrapper {
  margin: 1em 0;
}

#mw-site-navigation, #mw-related-navigation, #mw-header-hack, #p-logo-text, #personal > h2 > span, #personal-extra {
  display: none;
}

#mw-content-container {
  margin-top: 3.125em;
}

#user-tools {
  min-width: unset;
  padding-left: 1rem;
}

#translate-button {
  fill: #FAFAFA;
  width: 20px;
  height: 20px;
}

.mw-indicators {
  height: 32px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.mw-indicator {
  margin: unset;
}

#other-languages-popup {
  background-color: var(--container-background-color);
  padding: 0.4rem 1rem 1rem 1rem;
  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11);
}

input:focus {
  outline: none;
}