User:Arumi/style.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#bodyContent { background: linear-gradient(0deg, #ffffff 0%, #000000 10%,#000000 90%,#ffffff 100%); } #catlinks { position: absolute; bottom: 0; right: 0; transform: rotate(-5deg); } #arumi-wrapper h1, #arumi-wrapper h2 { text-align: center; border-bottom: none; } #arumi-wrapper a, #arumi-wrapper a:hover, #arumi-wrapper a:visited { color: #ffff80; } #arumi-wrapper h3, #arumi-sidebar th, #arumi-sidebar h1, #arumi-sidebar h2 { background: linear-gradient(to right, rgba(255, 150, 150, 1), rgba(200, 30, 30, 1)); text-align: center; border: solid 1px white; padding-top: 0; color: white; } .mw-editsection { display: none; } #arumi-wrapper { display: flex; flex-wrap: nowrap; justify-content: flex-start; max-width: 100%; padding: 10px; } #arumi-main { padding: 5px; color: #ffffff; text-shadow: 0px 0px 4px #000000; } #arumi-gallery p { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; } #arumi-sidebar { text-align: center; background-color: #ffffff; min-width: 200px; padding: 5px; } #arumi-sidebar img[alt~="ArumiHanada-Red.jpg"] { width:100%; height: auto; } #arumi-sidebar table td { text-align: left; } #arumi-gallery img:hover { box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5); transform: scale(2); transition-duration: 0.5s; } @media (max-width: 991px) { #arumi-main { font-size: 2.5em; } #arumi-sidebar { width: 100%; font-size: 2.5em; } #arumi-sidebar img[alt~="Dot.png"], #arumi-sidebar img[alt~="Dot-filled.png"] { width: 30px; height: 30px; } #arumi-wrapper { flex-direction: column-reverse; align-items: center; } #arumi-gallery p { flex-direction: column; align-items: center; } #arumi-sidebar img[alt="Sons of Ether.svg"] { max-width: 100%; height: auto; } } @media (min-width: 992px) { #arumi-wrapper { flex-direction: row; align-items: flex-start; } #arumi-main { flex-grow: 4; margin-right: 10px; } #arumi-sidebar { flex-grow: 1; max-width: 20%; margin-right: 10px; } #arumi-gallery { flex-direction: row; align-items: flex-start; } #arumi-sidebar img[alt="Sons of Ether.svg"] { max-width: 50%; height: auto; image-rendering: smooth; } }