Wiki w innych językach
Z SCP: Secret Laboratory Polish Official Wiki
Nie podano opisu zmian |
Nie podano opisu zmian |
||
Linia 305: | Linia 305: | ||
/* Image Hovering */ | /* Image Hovering */ | ||
.hycontent a{ | |||
opacity: 100 ; | |||
transition: opacity 0.5s; | |||
} | |||
.hycontent:hover a, .hycontent:hover a p { | .hycontent:hover a, .hycontent:hover a p { | ||
opacity: 0. | opacity: 0.5 ; | ||
transition: opacity 0.5s; | |||
color: #9c8a7b !important; | color: #9c8a7b !important; | ||
} | } | ||
Wersja z 23:32, 5 paź 2022
/* CSS placed here will be applied to all skins */ /* Baner margines -30px ze względu na margines 30px dla <h1> */ .banner{ margin-top: -30px; } /* Table of contents */ .toc{ margin-top: 25px; margin-bottom: 25px; } /* Nagłówki */ h1, h2{ margin-top: 30px; } h3, h4, h5, h6{ margin-top: 20px; } /* Wyrównanie do lewej */ body{ text-align: left; } /* Link formating */ a.new:visited, #ca-talk > span > a { color: #d6b295 !important; } a.new:link, #ca-talk > span > a { color: #926b6b !important; } a.external, #ca-talk > span > a {color: #f2d7c1 !important; } a:link, #ca-talk > span > a { color: #f2d7c1 !important; } a:hover, #ca-talk > span > a {color: #9c8a7b !important; } a:active, #ca-talk > span > a {color: #9c8a7b !important; } .hycontent a:hover, #ca-talk > span > a {color: #9c8a7b !important; } /* Infobox test */ .infobox-container { position: relative; display: inline-block; margin: 5; padding: 5; width: auto; } /* Plain list */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; } /* Tabber Formating */ .tabbernav { overflow: hidden !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: none !important; border: none !important; background: #282829 !important; border-bottom: none; transition: color 0.5s; } .tabbernav li { display: inline-block !important; margin-top: 0 !important; border-bottom: none; } .tabbertab { border: none !important; padding: 0 !important; } .tabbernav { text-align:center; border-bottom: none; } ul.tabbernav { border-bottom: none; padding-bottom: 0px !important; } .weaponchart-tabber .tabbernav { border-bottom: none; display: grid !important; padding-bottom: 10px !important; row-gap: .5em; column-gap: .5em; grid-template-columns: repeat(auto-fit,minmax(max-content,250px)); justify-content:center; } .weaponchart-tabber .tabbernav a { padding:0.5em 0.3em !important; display:grid; } .infobox-tabber .tabbernav { border-bottom: none; display: grid !important; padding-bottom: 10px !important; row-gap: .5em; column-gap: .5em; grid-template-columns: auto auto; } .infobox-tabber .tabbernav a { padding:0.5em 0.3em !important; display:grid; } .infobox-tabber-human .tabbernav { border-bottom: none; display: grid !important; padding-bottom: 10px !important; row-gap: .5em; column-gap: .5em; grid-template-columns: auto auto auto; } .infobox-tabber-human .tabbernav a { padding:0.5em 0.3em !important; display:grid; } .infobox-tabber-human-items .tabbernav { border-bottom: none; display: grid !important; padding-bottom: 10px !important; row-gap: .5em; column-gap: .5em; grid-template-columns: auto auto auto auto; } .infobox-tabber-human-items .tabbernav a { padding:0.5em 0.3em !important; display:grid; } ul.tabbernav li a:hover { background: #39393b !important; border: 1px solid #39393b; color: black !important; font-weight: bold !important; transition: background 0.5s; transition: color 0.5s; } ul.tabbernav li a { background: #1c1c1c !important; border: 1px solid #1c1c1c; -o-border-radius: 5px 5px 0 0; transition: background 0.5s; } ul.tabbernav li.tabberactive a { background: #59595c !important; border: 1px solid #59595c; color: black !important; font-weight: bold !important; } /* Header Tabber Formating */ .round-tabber .tabberlive .tabbertab, .round-tabber .tabber .tabbertab { border-bottom-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-left-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-right-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-top-color: #59595c; /* This should match your general choice of border color */ border-image: none; border-style: solid none none; border-width: 1px medium medium; } .round-tabber ul.tabbernav { border-bottom: none; display:grid; grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); column-gap:1em; } .round-tabber ul.tabbernav li a { background: none repeat scroll 0 0 #59595c; /* This should match your general choice of background color */ border: 1px solid #59595c; /* This should match your general choice of border color */ border-image: none; margin-left: 3px; padding: 0.5em 0.3em !important; text-decoration: none; display:grid; } .round-tabber ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 px; } .round-tabber ul.tabbernav li a:link { color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */ } .round-tabber ul.tabbernav li a:hover { background: none repeat scroll 0 0 #000000; border-color: #505050; /* This should match your general choice of border color */ color: #FFFFFF; } .round-tabber ul.tabbernav li.tabberactive a { background-color: #000000; color: #FFFFFF; } .round-tabber ul.tabbernav li.tabberactive a, .round-tabber ul.tabbernav li.tabberactive a:hover, .round-tabber ul.tabbernav li.tabberactive a:link { background-color: #000000; border-bottom: 1px none; padding: 2px 0.5em 4px; } .round-tabber ul.tabbernav { text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } div.thumbinner { border: 0 solid transparent; border-radius: 3px; padding: 5px !important; background-color: #3b3b3b; font-size: 94%; text-align: center; overflow: hidden; width: min-content !important; } html .thumbimage { border: 0 none transparent; background-color: transparent !important; background: none; margin-bottom: 5px; } html .thumbcaption { border: none; line-height: 1.4em; padding: 3px; font-size: 94%; } div.magnify { border: none !important; background: none !important; margin-left: 0; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } /* @noflip */div.tright { margin: .5em 0 1.3em 1.4em; } /* @noflip */div.tleft { margin: .5em 1.4em 1.3em 0; } img.thumbborder { border: 0 none transparent; } /* Overflow by default */ pre { overflow: auto; } /* Audio */ audio{ -webkit-filter:invert(100%); } audio::-webkit-media-controls-enclosure{ transform: scale(1.1); } /* Sidebar Icons #p-Social_Links li { display: inline-block; align-content: center; text-align: center} #p-Social_Links li a { display: block; width: 71px; height: 71px; overflow: hidden; text-align: center;} #p-Social_Links li a:hover { opacity: 0.5; } #n-Steam a:before { content: url(https://hub.scpslgame.com/images/1/1b/SteamFavIcon.png);} #n-Patreon a:before { content: url(https://hub.scpslgame.com/images/8/8a/PatreonFavIcon.png); } #n-Discord a:before { content: url(https://hub.scpslgame.com/images/f/fa/DiscordFavIcon.png); } #n-Facebook a:before { content: url(https://hub.scpslgame.com/images/8/8c/FacebookFavIcon.png); } #n-Reddit a:before { content: url(https://hub.scpslgame.com/images/d/d5/RedditFavIcon.png); } #n-Twitter a:before { content: url(https://hub.scpslgame.com/images/a/af/TwitterFavIcon.png); } #n-Twitch a:before { content: url(https://hub.scpslgame.com/images/b/b5/TwitchFavIcon.png); } #n-Youtube a:before { content: url(https://hub.scpslgame.com/images/2/26/YoutubeFavIcon.png); } #n-Website a:before { content: url(https://hub.scpslgame.com/images/7/73/WebsiteFavIcon.png); } */ /* Image Hovering */ .hycontent a{ opacity: 100 ; transition: opacity 0.5s; } .hycontent:hover a, .hycontent:hover a p { opacity: 0.5 ; transition: opacity 0.5s; color: #9c8a7b !important; } /* CSS Hover Gallery for Mediawiki * * @author: Unknown * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia] */ .zoom_img img{ -moz-transition:-moz-transform 0.1s ease-in; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; transition:transform 0.1 ease-in; } .zoom_img img:hover{ -moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5); } /* CSS Typing Text * * @author: Unknown * current version crafted together by [[User:Christharp]]. */ .typing{ margin: 10px 0 0 10px; width: 1000px; white-space:nowrap; overflow:hidden; animation: type 15s steps(150, end); -webkit-animation:type 15s steps(150, end); -moz-animation:type 15s steps(150, end); -o-animation:type 15s steps(150, end); } @keyframes type{ from { width: 0; } } @-webkit-keyframes type{ from { width: 0; } } @-moz-keyframes type{ from { width: 0; } } @-o-keyframes type{ from { width: 0; } } .typingslow{ margin: 10px 0 0 10px; width: 1000px; white-space:nowrap; overflow:hidden; animation: type 5s steps(150, end); -webkit-animation:type 5s steps(150, end); -moz-animation:type 5s steps(150, end); -o-animation:type 5s steps(150, end); animation-delay:2s; -webkit-animation-delay:2s; -moz-animation-delay:2s; -o-animation-delay:2s; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; } @keyframes typeslow{ from { width: 0; color: rgb(4,4,5); opacity:0; } } @-webkit-keyframes typeslow{ from { width: 0; color: rgb(4,4,5); opacity:0; } } @-moz-keyframes typeslow{ from { width: 0; color: rgb(4,4,5); opacity:0; } } @-o-keyframes typeslow{ from { width: 0; color: rgb(4,4,5); opacity:0; } } /* CSS Sliding Image Gallery for Mediawiki * * @author: Unknown * current version crafted together by [[User:Christharp]] from several CSS sites. */ .wrapper { position: absolute; top: 1%; width: 4000px; -webkit-animation: 60s credits linear infinite; -moz-animation: 60s credits linear infinite; -ms-animation:60s credits linear infinite; -o-animation: 60s credits linear infinite; animation: 60s credits linear infinite; } .wrapper img:hover { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); cursor: pointer; } @keyframes credits { 0% { margin-left: 0px; } 100% { margin-left: -4000px; } } @-webkit-keyframes credits { 0% { margin-left: 0px; } 100% { margin-left: -4000px; } } @-moz-keyframes credits { 0% { margin-left: 0px; } 100% { margin-left: -4000px; } } @-o-keyframes credits { 0% { margin-left: 0px; } 100% { margin-left: -4000px; } } .wrapper:hover{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; -ms-animation-play-state: paused; cursor: pointer; } .test:hover a { -webkit-box-shadow: 0px 0px 100px 0px rgba(11,88,156,1); -moz-box-shadow: 0px 0px 100px 0px rgba(11,88,156,1); box-shadow: 0px 0px 100px 0px rgba(11,88,156,1); transition: .8s ease; } .test a:hover, #ca-talk > span > a {color: #9c8a7b !important; }
Ciasteczka pomagają nam dostarczać nasze usługi. Korzystając z naszych usług, zgadzasz się na wykorzystywanie ciasteczek.
- Tę stronę ostatnio edytowano 5 paź 2022, 23:32.
- Treść udostępniana na licencji CC BY-SA 3.0, jeśli nie podano inaczej.
- Polityka prywatności
- O SCP: Secret Laboratory Polish Official Wiki
- Informacje prawne