Szablon:Main-page.css: Różnice pomiędzy wersjami
Wygląd
[wersja nieprzejrzana] | [wersja przejrzana] |
Usunięta treść Dodana treść
ukrywamy nagłówek na Strona główna i Wikipedia:Strona główna |
m Anulowanie wersji 72828733 autorstwa Msz2001 (dyskusja) - już zbędne po aktualizacji stylów dla akapitów w MW Znacznik: Anulowanie edycji |
||
(Nie pokazano 18 wersji utworzonych przez 3 użytkowników) | |||
Linia 1: | Linia 1: | ||
/** |
|||
/* Hide elements useless for a casual visitor */ |
|||
Style przeznaczone dla [[Wikipedia:Strona_główna]]. |
|||
.action-view.page-Strona_główna h1, |
|||
.action-view.page-Strona_główna #catlinks, |
|||
Używane pokątnie przez niektóre portale i wikipedystów (używasz na własną odpowiedzialność). |
|||
.action-view.page-Wikipedia_Strona_główna h1, |
|||
*/ |
|||
.action-view.page-Wikipedia_Strona_główna #catlinks { |
|||
display: none; |
|||
} |
|||
/* Header */ |
/* Header */ |
||
#main-page #main-page-header { |
#main-page #main-page-header { |
||
background: url("//upload.wikimedia.org/wikipedia/commons/3/3e/MP-open-book4.png") -20px |
background: url("//upload.wikimedia.org/wikipedia/commons/3/3e/MP-open-book4.png") -20px 0px no-repeat; |
||
border: 1px solid #c5c5c5; |
border: 1px solid #c5c5c5; |
||
border-radius: 1em; |
border-radius: 1em; |
||
font-size: 1.1em; |
font-size: 1.1em; |
||
padding: 5px 15px |
padding: 5px 15px 0; |
||
} |
} |
||
Linia 25: | Linia 21: | ||
float: left; |
float: left; |
||
width: 60%; |
width: 60%; |
||
padding-top: 4px; |
|||
} |
} |
||
#main-page #main-page-portals { |
#main-page #main-page-portals { |
||
Linia 44: | Linia 41: | ||
margin-bottom: .5em; |
margin-bottom: .5em; |
||
} |
} |
||
/* Search */ |
|||
#main-page #main-page-searchbox { |
|||
margin-top: 1em; |
|||
position: relative; |
|||
} |
|||
#main-page #main-page-searchbox .searchboxSearchButton { |
|||
display: none; |
|||
} |
|||
#main-page #main-page-searchbox input, |
|||
#main-page #main-page-searchbox .searchbox { |
|||
height: 30px; |
|||
} |
|||
#main-page #main-page-searchbox input { |
|||
font-size: 1.5em; |
|||
border-radius: 0.5em; |
|||
/* Defaults seem to differ between submit buttons and text inputs */ |
|||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
#main-page #main-page-searchbox form { |
|||
margin-right: 130px; |
|||
} |
|||
#main-page #main-page-searchbox .searchboxInput { |
|||
display: block; |
|||
width: 100%; |
|||
border: 1px solid #c5c5c5; |
|||
text-indent: 5px; |
|||
} |
|||
#main-page #main-page-searchbox .searchboxGoButton { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
width: 120px; |
|||
border: 1px solid; |
|||
border-color: #aaa #555 #555 #aaa; |
|||
background-color: #f2f2f2; |
|||
background-image: -moz-linear-gradient(top, #fcfcfc, #e0e0e0); |
|||
background-image: -o-linear-gradient(top, #fcfcfc, #e0e0e0); |
|||
background-image: -webkit-linear-gradient(top, #fcfcfc, #e0e0e0); |
|||
background-image: linear-gradient(top, #fcfcfc, #e0e0e0); |
|||
} |
|||
#main-page #main-page-searchbox .floatleft { |
|||
margin: 0; |
|||
position: absolute; |
|||
right: 132px; |
|||
top: 3px; |
|||
} |
|||
/* Content styles */ |
/* Content styles */ |
||
Linia 111: | Linia 50: | ||
#main-page #main-page-footer h2 { |
#main-page #main-page-footer h2 { |
||
clear: both; |
clear: both; |
||
padding: .15em |
padding: .15em 0; |
||
margin-top: 1em; |
margin-top: 1em; |
||
border-width: 0; |
border-width: 0; |
||
font-size: 1.3em; |
font-size: 1.3em; |
||
font-weight: bold; |
font-weight: bold; |
||
background: left center no-repeat; |
|||
} |
} |
||
/* belki */ |
|||
#main-page #main-page-footer h2, |
|||
#main-page #main-page-content h2 { |
#main-page #main-page-content h2 { |
||
position: relative; |
|||
/* broken in Firefox? */ |
|||
z-index:0; |
|||
/*background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="25" wifth="350" style="background: white;"><defs><linearGradient id="g1"><stop stop-color="%23c2dfff" offset="0%"/><stop stop-color="white" offset="350"/></linearGradient></defs><rect x="0" y="0" width="357" height="25" rx="7" ry="12" style="fill: url(%23g1);"/></svg>');*/ |
|||
background-image: url("//upload.wikimedia.org/wikipedia/commons/4/46/Bluebg_rounded.png"); |
|||
} |
} |
||
#main-page #main-page-footer h2 |
#main-page #main-page-footer h2::after, |
||
#main-page #main-page-content h2::after { |
|||
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="25" wifth="100%" style="background: white;"><rect x="0" y="0" width="100%" height="25" rx="7" ry="12" style="fill: %23c6fec8;"/></svg>'); |
|||
display: block; |
|||
content: ""; |
|||
position: absolute; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
left: 10px; |
|||
background-image: linear-gradient(90deg, #c2dfff 0%, transparent 88%); |
|||
border-radius: 1em; |
|||
height: 1.5em; |
|||
width: 90%; |
|||
z-index:-1; |
|||
} |
|||
#main-page #main-page-footer h2::after { |
|||
background-image: linear-gradient(90deg, #c6fec8 0%, transparent 88%); |
|||
} |
|||
#main-page #main-page-footer .blue h2 { |
|||
background-image: linear-gradient(90deg, #c2dfff 0%, transparent 88%); |
|||
} |
} |
||
Linia 162: | Linia 122: | ||
#main-page #main-page-column1, |
#main-page #main-page-column1, |
||
#main-page #main-page-column2 |
#main-page #main-page-column2, |
||
#main-page #main-page-footer .section.blue { border-color: #a7d7f9; } |
|||
#main-page #main-page-footer .section { border-color: #a7f9ab; } |
#main-page #main-page-footer .section { border-color: #a7f9ab; } |
||
#main-page #main-page-column1, |
#main-page #main-page-column1, |
||
#main-page #main-page-column2 { |
#main-page #main-page-column2 { |
||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
box-sizing: border-box; |
||
width: 49.5%; |
width: 49.5%; |
||
Linia 180: | Linia 139: | ||
#main-page #main-page-footer { |
#main-page #main-page-footer { |
||
clear: both; |
clear: both; |
||
margin-top: 1em; |
|||
} |
} |
||
Linia 185: | Linia 145: | ||
width: 33%; |
width: 33%; |
||
float: left; |
float: left; |
||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
box-sizing: border-box; |
||
padding: 1em |
padding: 1em |
||
Linia 198: | Linia 156: | ||
} |
} |
||
/* feat in featured-image et al */ |
|||
#main-page img { |
|||
max-width: 100%; |
|||
height: auto; |
|||
object-fit: contain; |
|||
} |
|||
/* |
/* hide for mobile */ |
||
@media screen and (max-width: 768px) { |
|||
#main-page #main-page-column1, |
|||
#main-page-header { |
|||
display:none; |
|||
* width: 45%; |
|||
} |
|||
} |
} |
||
#main-page #main-page-wikimedia .main-page-threecol p { |
|||
/* flexi columns */ |
|||
* width: 30%; |
|||
#main-page-content { |
|||
display: flex; |
|||
gap: 1em; |
|||
flex-wrap: wrap; |
|||
} |
|||
#main-page #main-page-column1, #main-page #main-page-column2 { |
|||
width: auto; |
|||
margin: 0; |
|||
flex: 1; |
|||
min-width: 20em; |
|||
} |
|||
/* nie działa w wektorze, ale tak na przyszłość... */ |
|||
@media screen and (max-width: 22em) { |
|||
#main-page #main-page-column1, #main-page #main-page-column2 { |
|||
min-width: 60%; |
|||
} |
|||
} |
|||
/** |
|||
Mobile tweaks. |
|||
*/ |
|||
/* header lines and images */ |
|||
body.skin-minerva #main-page #main-page-footer h2::after, |
|||
body.skin-minerva #main-page #main-page-content h2::after { |
|||
left: 0; |
|||
height: 100%; |
|||
} |
|||
body.skin-minerva #main-page #main-page-content h2 .mw-headline, |
|||
body.skin-minerva #main-page #main-page-footer h2 .mw-headline { |
|||
display: flex; |
|||
gap: .3em; |
|||
padding-left: .2em; |
|||
align-items: center; |
|||
} |
|||
/* spacing */ |
|||
body.skin-minerva #main-page #main-page-content .floatright { |
|||
margin-top: .6em; |
|||
} |
|||
body.skin-minerva #main-page-featured-image .image { |
|||
margin-top: .6em; |
|||
display: block; |
|||
} |
|||
/* top of sections */ |
|||
body.skin-minerva #main-page #main-page-didyouknow h2, |
|||
body.skin-minerva #main-page #main-page-featured-article h2 |
|||
{ |
|||
margin-top: -.3em; |
|||
} |
} |
Aktualna wersja na dzień 19:24, 1 mar 2024
/**
Style przeznaczone dla [[Wikipedia:Strona_główna]].
Używane pokątnie przez niektóre portale i wikipedystów (używasz na własną odpowiedzialność).
*/
/* Header */
#main-page #main-page-header {
background: url("//upload.wikimedia.org/wikipedia/commons/3/3e/MP-open-book4.png") -20px 0px no-repeat;
border: 1px solid #c5c5c5;
border-radius: 1em;
font-size: 1.1em;
padding: 5px 15px 0;
}
#main-page #main-page-welcome { display: block; }
#main-page #main-page-header strong { font-size: 1.2em; }
#main-page #main-page-header #main-page-welcome strong { font-size: 1.8em; }
#main-page #main-page-intro {
float: left;
width: 60%;
padding-top: 4px;
}
#main-page #main-page-portals {
float: right;
width: 40%;
text-align: center;
}
#main-page #main-page-wiki-events {
clear: both;
text-align: center;
border-top: 1px solid #c5c5c5;
}
#main-page #main-page-wiki-events:empty {
border-top: 0;
}
#main-page #main-page-portals span {
display: block;
margin-bottom: .5em;
}
/* Content styles */
#main-page #main-page-content {
padding-top: 1em;
}
#main-page #main-page-content h2,
#main-page #main-page-footer h2 {
clear: both;
padding: .15em 0;
margin-top: 1em;
border-width: 0;
font-size: 1.3em;
font-weight: bold;
}
/* belki */
#main-page #main-page-footer h2,
#main-page #main-page-content h2 {
position: relative;
z-index:0;
}
#main-page #main-page-footer h2::after,
#main-page #main-page-content h2::after {
display: block;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
background-image: linear-gradient(90deg, #c2dfff 0%, transparent 88%);
border-radius: 1em;
height: 1.5em;
width: 90%;
z-index:-1;
}
#main-page #main-page-footer h2::after {
background-image: linear-gradient(90deg, #c6fec8 0%, transparent 88%);
}
#main-page #main-page-footer .blue h2 {
background-image: linear-gradient(90deg, #c2dfff 0%, transparent 88%);
}
#main-page .section .footer {
clear: both;
text-align: right;
font-style: italic;
margin-top: .5em;
}
/* Minor adjustments */
#main-page #main-page-content h2 {
margin-left: -.2em;
}
#main-page #main-page-footer h2 {
margin-left: -.2em;
margin-right: -.2em;
}
#main-page #main-page-didyouknow h2,
#main-page #main-page-featured-article h2,
#main-page #main-page-footer h2 {
margin-top: -.5em; /* negate the padding */
}
/* Columns */
#main-page #main-page-column1,
#main-page #main-page-column2,
#main-page #main-page-footer .section {
margin-bottom: 1em;
border-width: 1px;
border-style: solid;
border-radius: 1em;
padding: 1em;
}
#main-page #main-page-column1,
#main-page #main-page-column2,
#main-page #main-page-footer .section.blue { border-color: #a7d7f9; }
#main-page #main-page-footer .section { border-color: #a7f9ab; }
#main-page #main-page-column1,
#main-page #main-page-column2 {
box-sizing: border-box;
width: 49.5%;
}
#main-page #main-page-column1 { float: left; }
#main-page #main-page-column2 { float: right; }
/* Footer */
#main-page #main-page-footer {
clear: both;
margin-top: 1em;
}
#main-page #main-page-wikimedia .main-page-threecol p {
width: 33%;
float: left;
box-sizing: border-box;
padding: 1em
}
#main-page #main-page-wikimedia .main-page-threecol p img {
float: left;
margin-right: 1em
}
#main-page #main-page-wikimedia div {
clear: both;
}
/* feat in featured-image et al */
#main-page img {
max-width: 100%;
height: auto;
object-fit: contain;
}
/* hide for mobile */
@media screen and (max-width: 768px) {
#main-page-header {
display:none;
}
}
/* flexi columns */
#main-page-content {
display: flex;
gap: 1em;
flex-wrap: wrap;
}
#main-page #main-page-column1, #main-page #main-page-column2 {
width: auto;
margin: 0;
flex: 1;
min-width: 20em;
}
/* nie działa w wektorze, ale tak na przyszłość... */
@media screen and (max-width: 22em) {
#main-page #main-page-column1, #main-page #main-page-column2 {
min-width: 60%;
}
}
/**
Mobile tweaks.
*/
/* header lines and images */
body.skin-minerva #main-page #main-page-footer h2::after,
body.skin-minerva #main-page #main-page-content h2::after {
left: 0;
height: 100%;
}
body.skin-minerva #main-page #main-page-content h2 .mw-headline,
body.skin-minerva #main-page #main-page-footer h2 .mw-headline {
display: flex;
gap: .3em;
padding-left: .2em;
align-items: center;
}
/* spacing */
body.skin-minerva #main-page #main-page-content .floatright {
margin-top: .6em;
}
body.skin-minerva #main-page-featured-image .image {
margin-top: .6em;
display: block;
}
/* top of sections */
body.skin-minerva #main-page #main-page-didyouknow h2,
body.skin-minerva #main-page #main-page-featured-article h2
{
margin-top: -.3em;
}