Szablon:Main-page.css: Różnice pomiędzy wersjami
Wygląd
[wersja nieprzejrzana] | [wersja nieprzejrzana] |
Usunięta treść Dodana treść
+style wyszukiwarki |
Hide elements useless for a casual visitor |
||
Linia 1: | Linia 1: | ||
/* Hide elements useless for a casual visitor */ |
|||
.action-view.page-Strona_główna h1, |
|||
.action-view.page-Strona_główna #catlinks, |
|||
.action-view.page-Wikipedia_Strona_główna h1, |
|||
.action-view.page-Wikipedia_Strona_główna #catlinks { |
|||
display: none; |
|||
} |
|||
/* Header */ |
/* Header */ |
||
Wersja z 03:33, 31 maj 2013
/* Hide elements useless for a casual visitor */
.action-view.page-Strona_główna h1,
.action-view.page-Strona_główna #catlinks,
.action-view.page-Wikipedia_Strona_główna h1,
.action-view.page-Wikipedia_Strona_główna #catlinks {
display: none;
}
/* Header */
#main-page #main-page-header {
background: url("//upload.wikimedia.org/wikipedia/commons/3/3e/MP-open-book4.png") -20px -15px no-repeat;
border: 1px solid #c5c5c5;
border-radius: 1em;
font-size: 1.1em;
padding: 5px 15px 0px;
}
#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%;
}
#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-portals span {
display: block;
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 */
#main-page #main-page-content {
padding-top: 1em;
}
#main-page #main-page-content h2,
#main-page #main-page-footer h2 {
background: left center no-repeat;
padding: .15em .5em;
border: 0;
font-size: 1.3em;
font-weight: bold;
clear: both;
}
#main-page #main-page-content h2 {
/* broken in Firefox? */
/*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 {
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>');
}
/* 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 { border-color: #a7d7f9; }
#main-page #main-page-footer .section { border-color: #a7f9ab; }
#main-page #main-page-column1,
#main-page #main-page-column2 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
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;
}
#main-page #main-page-wikimedia .main-page-threecol p {
width: 33%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
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;
}
/* IE6 */
* html #main-page #main-page-column1,
* html #main-page #main-page-column2 {
width: 43%;
}
* html #main-page #main-page-wikimedia .main-page-threecol p {
width: 30%;
}
/* --------------------------- */
/* starocie do przejrzenia */
/* --------------------------- */
/* Ukrycie głównego nagłówka na górze strony */
.action-view.page-Strona_główna h1,
.action-view.page-Strona_główna #catlinks
{
display:none
}
/* poprawka formatowania nagłówków boksów */
.page-Strona_główna #content h2,
.page-Strona_główna #mw_content h2
{
margin:0;
}
/* Style z przeznaczeniem dla strony głównej */
#mp_searchbox_container {
display:none;
}
.wyszarz {
color:#666;
}
#mp_search {
margin:.75em 0 .4em;
position:relative;
}
#mp_search input {
font-size:20px;
}
#mp_search .search_area a img {
height:25px;
}
#mp_search .search_area div {
position:relative;
margin-right:130px;
top:1px;
}
#mp_search .search_area a {
display:block;
position:absolute;
right:0px;
top:2px;
}
#mp_search .button_area {
position:absolute;
right:0px;
top:0px;
width: 120px;
}
#mp_search .search_area #mp_sz_inp {
height: 30px;
padding: 0;
text-indent: 0.3em;
width: 100%;
}
#mp_search .button_area #mp_sz_btn {
height: 30px;
width: 120px;
}
/* zaokrąglone rogi i styl przycisku, na bazie styli z [[en:Template:Button]] */
#mp_sz_inp, #mp_sz_btn {
border: 1px solid #C5C5C5;
border-radius:0.5em;
}
#mp_sz_btn {
border:1px solid; border-color:#aaa #555 #555 #aaa; background-color:#f2f2f2; background-image: -moz-linear-gradient(top, #fcfcfc, #e0e0e0); background-image: -ms-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);
}
/* wąskie okno */
@media screen and (max-width: 500px) {
body #mp_search .search_area div {
margin-right:0;
}
body #mp_search .search_area a,
body #mp_search .button_area {
position:relative;
float:left;
margin:5px;
}
body #mp_search .last_area {
clear:both;
}
}
/* Wspólne style dla nagłówków na SG */
.page-Strona_główna h2 {
font: 13pt Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
padding: 5px 5px 5px 1em; margin: 0; /* margines przy nagłówkach na stronie głównej */
border-bottom:1px solid #AAAAAA;
}