MediaWiki:Common.css
Från Sydarkiveras Wiki
Version från den 21 juli 2020 kl. 07.27 av Magnus (diskussion | bidrag)
OBS: Efter du sparat sidan kan du behöva tömma din webbläsares cache för att se ändringarna.
- Firefox / Safari: Håll ned Skift och klicka på Uppdatera sidan eller tryck antingen Ctrl-F5 eller Ctrl-R (⌘-R på Mac)
- Google Chrome: Tryck Ctrl-Skift-R (⌘-Shift-R på Mac)
- Internet Explorer: Håll ned Ctrl och klicka på Uppdatera eller tryck Ctrl-F5
- Opera: Gå till Meny → Inställningar (Opera → Inställningar på en Mac) och sedan på Sekretess & säkerhet → Rensa webbläsardata → Hämtade bilder och filer.
/* CSS som skrivs här påverkar alla utseenden */ /* Inställningar för övergripande innehåll */ #container { background: url("https://wiki.sydarkivera.se/images/d/d6/Sydark_bakgrund.jpg"); background-blend-mode: multiply; background-repeat: repeat-x; min-height: 100vh; } #site-logo { margin: 10px 10px; } #header { background-color: transparent; background-image: linear-gradient(120deg, #dbdbdb 0%, #ffffff 100%); box-shadow: 0px 2px 3px rgba(0,0,0,0.2); z-index: 11; } #wiki-login { margin: 8px 0 0 0; } .mw-skin-nimbus-button { border-radius: 3px; } #search-container { background: #eaeaea; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); } #login-message{ color: #595959; } #body-container { min-width: 500px; padding-bottom: 20px; padding-top: 20px; margin-right: 118px; background-color: transparent; } #side-bar { padding: 5px; background: #eaeaea; border-radius: 0px 5px 5px 0px; left:0; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); } #navigation { border-radius: 3px; } #navigation-title { color: #333; } #navigation a { color: #333; } #navigation a:hover { color: #e00d85; text-decoration: none; } #navigation-title { display: none; } #menu { background: white; border-radius: 3px 3px 0 0; } #footer-bottom { margin: 0; padding: 20px; left: 0; right: 0; } #footer-bottom a { display: box; padding:10px; border-radius: 5px; font-family: sans-serif; font-size: 14px; background-color: #eaeaea; color: #8e124a; transition: 0.2s; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); } #footer-bottom a:hover { background-color: #e00d85; color: white; transition: 0.2s; box-shadow: none; } #article { border-radius: 10px; box-shadow: 0px 2px 12px rgba(0,0,0,0.2); } #article-body { padding: 20px; border: none; } #action-bar { background: transparent; } #toc { border-radius: 3px; } .thumb { box-shadow: 0px 2px 3px rgba(0,0,0,0.4); } #wpTextbox1 { height: 80vh; } /* Dölj delar av en sida för icke registrerade */ .visa-reg { display: none; } .visa-admin { display: none; } /* Mjuka övergångar för länkar */ a { transition: 0.2s; } a:hover { transition: 0.2s; } a:visited { color: #8e124a; } /* Inställningar för länkar i artiklar */ .mw-body-content a { padding: 4px; margin: 0px -4px; } .mw-body-content a:hover { background-color: #cecece; border-radius: 4px; color: black; text-decoration: none; padding: 4px; margin: 0px -4px; } /* Fix för magnifikationsikoner på tumnaglar */ div.magnify a { padding: 0; } /* Sydarkivera-specifika klasser */ .handbok:hover { right: 0; transition: 0.8s; box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.42); } .handbok { min-width: 300px; padding: 44px 10px 30px 10px; border-left: 3px solid #931756; margin-left: 20px; position: fixed; right: -418px; top: 0; background-color: white; transition: 0.8s; overflow: visible !important; overflow-y: scroll; height: 94%; z-index: 20; } .handbok-hover { color: white; padding: 12px; background-color: #931756; position: absolute; border-radius: 10px 10px 0px 0px; left: -81px; top: 158px; transform: rotate(-90deg); } .ruta-rubrik { border: 1px solid #d8d8d8; background: #f2f2f2; padding: 10px; border-radius: 3px; display:inline-box; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); } .ruta { border: 1px solid #d8d8d8; border-radius: 3px; padding: 10px; overflow: auto; min-width:200px; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); } blockquote { margin: 0 0 1.5em; border: 1px solid #ddd; border-left: 3px solid #87084b; border-radius: 3px; padding: 1em; max-width: 600px; } .wip { width: 640px; height: 100px; padding: 4px; border: 1px solid #d8d8d8; background-color: #eaeaea; margin-bottom: 20px; font-size: 14px; } .mw-collapsible { overflow:auto; } .rescale img { width: 100%; height: auto; } .knapp a { padding: 10px !important; display: block; max-width: 300px; background-color: #931756; border-radius: 3px; margin: 8px !important; color: white !important; transition: 0.5s; text-align: center; text-decoration: none !important; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); } .knapp a:hover { display: block; padding: 10px !important; margin: 8px !important; background-color: #e00d85; box-shadow: 0px 2px 5px rgba(179,179,179,1); text-decoration: none !important; } .knapp-ex { padding: 18px; max-width: 300px; background-color: #931756; border-radius: 3px; color: white !important; transition: 0.5s; text-align: center; text-decoration: none !important; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); cursor: pointer; } .knapp-ex:hover { padding: 18px; max-width: 300px; background-color: #e00d85 !important; box-shadow: 0px 2px 5px rgba(179,179,179,1); transition: 0.5s; } .knapp-ex-text { max-width: 300px; max-height: 0; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); padding: 0px 18px; overflow: hidden; transition: max-height 0.3s ease-out; background-color: #fbfbfb; border-radius: 0px 0px 5px 5px; } .nowrap { white-space: nowrap; } .expand-button { background: #f2f2f2; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); cursor: pointer; padding: 18px; max-width: 1000px; min-width: 200px; border: none; outline: none; transition: 0.5s ease-out; overflow: hidden; } .active, .expand-button:hover { background: #eaeaea; color: black !important; border-radius: 5px 5px 0px 0px; transition: 0.5s ease-out; } .expand-text { box-shadow: 0px 2px 3px rgba(0,0,0,0.2); padding: 0 18px; max-width: 1000px; min-width: 200px; max-height: 0; overflow: hidden; transition: 0.5s ease-out; background-color: #fafafa; border-radius: 0px 0px 5px 5px; } #filterInput { width: 426px; height: 40px; border-radius: 3px 0px 0px 3px; font-size: 16px; } #termTable tr { vertical-align:top; } td h5 { white-space: nowrap; } /* Inställningar för eventuell mobil-layout */ @media screen and (max-width: 890px) { .mw-parser-output img { width: 100% !important; height: auto; } #site-logo img { display: none; } .search-container { width: 100%; border-radius: 0; } .search-field { width: 60% } }