„MediaWiki:Common.css” változatai közötti eltérés
Ugrás a navigációhoz
Ugrás a kereséshez
a (Rollback.) |
|||
(36 közbenső módosítás, amit 6 másik szerkesztő végzett, nincs mutatva) | |||
1. sor: | 1. sor: | ||
− | /* | + | /* A főoldal navbar nélküli részének színezése */ |
− | + | /* body { | |
− | + | * background: #292929; | |
− | + | } */ | |
− | + | ||
+ | /* A főoldal belső részének színezése */ | ||
+ | /* #content { | ||
+ | * background-color: #292929; | ||
+ | * color: #FFFFFF; | ||
+ | }*/ | ||
+ | |||
+ | /* A főoldal navbar részének színezése */ | ||
+ | /*#mw-page-base { | ||
+ | * background: #292929; | ||
+ | }*/ | ||
+ | |||
+ | /* Főoldal felső részének a színcseréje */ | ||
+ | /* #mw-head-base { | ||
+ | * background-color: #292929; | ||
+ | }*/ | ||
+ | |||
+ | /* Nem meglátogatott oldalak linkjeinek betűszíne */ | ||
+ | /*a:link { | ||
+ | * color: #00ff41!important; | ||
+ | } */ | ||
+ | |||
+ | /* Belső kódolós szövegdobozok színe */ | ||
+ | /* pre { | ||
+ | * background: #3f3f3f; | ||
+ | * border: 1pt dashed #00ff41; | ||
+ | * color: #FFFFFF; | ||
+ | }*/ | ||
+ | |||
+ | /* Nem meglátogatott oldalak linkjeinek betűszíne */ | ||
+ | /* a:visited { | ||
+ | * color: #0a8b0a!important; | ||
+ | }*/ | ||
+ | |||
+ | /* Címek betűszíne */ | ||
+ | /* h1, h2, h3, h4, h5 { | ||
+ | * color: #00ff41!important; | ||
+ | }*/ | ||
+ | |||
+ | /* A betűszínek mind sima mind navbar részen */ | ||
+ | /*div#mw-panel div.portal div.body ul li a, a:visited { | ||
+ | * color: #00ff41; | ||
+ | }*/ | ||
+ | |||
+ | /* A betűszínek footer részen */ | ||
+ | /*div#footer ul li a,div#footer ul li a, a:visited { | ||
+ | * color: #00ff41; | ||
+ | }*/ | ||
+ | |||
+ | .sitenotice-doboz-cim { | ||
+ | -moz-animation-duration: 3s; | ||
+ | -moz-animation-name: sfc; | ||
+ | -moz-animation-iteration-count: infinite; | ||
+ | -webkit-animation-duration: 3s; | ||
+ | -webkit-animation-name: sfc; | ||
+ | -webkit-animation-iteration-count: infinite; | ||
+ | color: white; | ||
+ | background-color: #00f; | ||
+ | border-bottom:1px solid #777; | ||
+ | font-size:1.1em; | ||
+ | letter-spacing: 2px; | ||
+ | margin: 0; | ||
+ | padding: 5px 5px 2px 5px; | ||
+ | text-shadow: black 0 0 3px; | ||
+ | } | ||
− | + | .szerkep { | |
− | + | width: 100%; | |
− | + | height: auto; | |
} | } | ||
+ | |||
#siteSub { display:block; } | #siteSub { display:block; } | ||
21. sor: | 86. sor: | ||
overflow: hidden; /* A tartalomba továbbra se lóghat bele */ | overflow: hidden; /* A tartalomba továbbra se lóghat bele */ | ||
} | } | ||
+ | |||
+ | /* Animáció a sitenotice hátteréhez */ | ||
+ | @-webkit-keyframes sfc { | ||
+ | 0%, 100% { | ||
+ | background-color: #00f; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | background-color: #088; | ||
+ | } | ||
+ | } | ||
+ | @-moz-keyframes sfc { | ||
+ | 0%, 100% { | ||
+ | background-color: #00f; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | background-color: #088; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .kezdolap-doboz-cim a { | ||
+ | color: #0b0080; | ||
+ | text-shadow: none; | ||
+ | letter-spacing: 0; | ||
+ | font-family: sans-serif; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | $c--background: #333; | ||
+ | |||
+ | $s--near: 10s; | ||
+ | $s--mid: ($s--near * 2); | ||
+ | $s--far: ($s--near * 3); | ||
+ | |||
+ | $ease--out-quad: cubic-bezier(.25,.46,.450,.94); | ||
+ | |||
+ | |||
+ | %on-top { | ||
+ | z-index: 100; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .winter-is-coming { | ||
+ | @extend %on-top; | ||
+ | overflow: hidden; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | max-width: 100%; | ||
+ | background: $c--background; | ||
+ | } | ||
+ | |||
+ | |||
+ | .snow { | ||
+ | @extend %on-top; | ||
+ | position: absolute; | ||
+ | top: 0; right: 0; bottom: 0; left: 0; | ||
+ | animation: falling linear infinite both; | ||
+ | transform: translate3D(0,-100%,0); | ||
+ | |||
+ | &--near { | ||
+ | animation-duration: $s--near; | ||
+ | background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png'); | ||
+ | background-size: contain; | ||
+ | |||
+ | & + .snow--alt { | ||
+ | animation-delay: ($s--near / 2); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | &--mid { | ||
+ | animation-duration: $s--mid; | ||
+ | background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png'); | ||
+ | background-size: contain; | ||
+ | |||
+ | & + .snow--alt { | ||
+ | animation-delay: ($s--mid / 2); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | &--far { | ||
+ | animation-duration: $s--far; | ||
+ | background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png'); | ||
+ | background-size: contain; | ||
+ | |||
+ | & + .snow--alt { | ||
+ | animation-delay: ($s--far / 2); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes falling { | ||
+ | 0% { | ||
+ | transform: translate3D(-7.5%,-100%, 0); | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | transform: translate3D(7.5%,100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /*Lehetőség nem számozott tartalomjegyzékre*/ | ||
+ | .noautonum .tocnumber { display: none; } |
A lap jelenlegi, 2022. február 20., 22:53-kori változata
/* A főoldal navbar nélküli részének színezése */
/* body {
* background: #292929;
} */
/* A főoldal belső részének színezése */
/* #content {
* background-color: #292929;
* color: #FFFFFF;
}*/
/* A főoldal navbar részének színezése */
/*#mw-page-base {
* background: #292929;
}*/
/* Főoldal felső részének a színcseréje */
/* #mw-head-base {
* background-color: #292929;
}*/
/* Nem meglátogatott oldalak linkjeinek betűszíne */
/*a:link {
* color: #00ff41!important;
} */
/* Belső kódolós szövegdobozok színe */
/* pre {
* background: #3f3f3f;
* border: 1pt dashed #00ff41;
* color: #FFFFFF;
}*/
/* Nem meglátogatott oldalak linkjeinek betűszíne */
/* a:visited {
* color: #0a8b0a!important;
}*/
/* Címek betűszíne */
/* h1, h2, h3, h4, h5 {
* color: #00ff41!important;
}*/
/* A betűszínek mind sima mind navbar részen */
/*div#mw-panel div.portal div.body ul li a, a:visited {
* color: #00ff41;
}*/
/* A betűszínek footer részen */
/*div#footer ul li a,div#footer ul li a, a:visited {
* color: #00ff41;
}*/
.sitenotice-doboz-cim {
-moz-animation-duration: 3s;
-moz-animation-name: sfc;
-moz-animation-iteration-count: infinite;
-webkit-animation-duration: 3s;
-webkit-animation-name: sfc;
-webkit-animation-iteration-count: infinite;
color: white;
background-color: #00f;
border-bottom:1px solid #777;
font-size:1.1em;
letter-spacing: 2px;
margin: 0;
padding: 5px 5px 2px 5px;
text-shadow: black 0 0 3px;
}
.szerkep {
width: 100%;
height: auto;
}
#siteSub { display:block; }
/* Erre azért van szükség, mert alapesetben a MediaWiki
* levágja az ékezetes nagybetűk tetejéről az ékezetet
*/
div#mw-panel div.portal div.body ul li {
overflow: visible;
}
div#mw-panel div.portal div.body {
overflow: hidden; /* A tartalomba továbbra se lóghat bele */
}
/* Animáció a sitenotice hátteréhez */
@-webkit-keyframes sfc {
0%, 100% {
background-color: #00f;
}
50% {
background-color: #088;
}
}
@-moz-keyframes sfc {
0%, 100% {
background-color: #00f;
}
50% {
background-color: #088;
}
}
.kezdolap-doboz-cim a {
color: #0b0080;
text-shadow: none;
letter-spacing: 0;
font-family: sans-serif;
font-weight: bold;
}
$c--background: #333;
$s--near: 10s;
$s--mid: ($s--near * 2);
$s--far: ($s--near * 3);
$ease--out-quad: cubic-bezier(.25,.46,.450,.94);
%on-top {
z-index: 100;
pointer-events: none;
}
.winter-is-coming {
@extend %on-top;
overflow: hidden;
position: absolute;
top: 0;
height: 100%;
width: 100%;
max-width: 100%;
background: $c--background;
}
.snow {
@extend %on-top;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
animation: falling linear infinite both;
transform: translate3D(0,-100%,0);
&--near {
animation-duration: $s--near;
background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png');
background-size: contain;
& + .snow--alt {
animation-delay: ($s--near / 2);
}
}
&--mid {
animation-duration: $s--mid;
background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png');
background-size: contain;
& + .snow--alt {
animation-delay: ($s--mid / 2);
}
}
&--far {
animation-duration: $s--far;
background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png');
background-size: contain;
& + .snow--alt {
animation-delay: ($s--far / 2);
}
}
}
@keyframes falling {
0% {
transform: translate3D(-7.5%,-100%, 0);
}
100% {
transform: translate3D(7.5%,100%, 0);
}
}
/*Lehetőség nem számozott tartalomjegyzékre*/
.noautonum .tocnumber { display: none; }