Szablon:Main-page.css: Różnice pomiędzy wersjami
Wygląd
[wersja nieprzejrzana] | [wersja nieprzejrzana] |
Usunięta treść Dodana treść
i jeszcze. |
dr.tech. |
||
Linia 125: | Linia 125: | ||
} |
} |
||
#main-page |
#main-page .section .footer { |
||
clear: both; |
clear: both; |
||
text-align: right; |
text-align: right; |
Wersja z 15:44, 6 sie 2013
/* Hide elements useless for a casual visitor */
.action-view.page-Strona_główna h1,
.action-view.page-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-wiki-events:empty {
border-top: 0;
}
#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 {
clear: both;
padding: .15em .5em;
margin-top: 1em;
border-width: 0;
font-size: 1.3em;
font-weight: bold;
background: left center no-repeat;
}
#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>');
}
#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 { 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;
}
/* IE<=7 */
#main-page #main-page-column1,
#main-page #main-page-column2 {
* width: 45%;
}
#main-page #main-page-wikimedia .main-page-threecol p {
* width: 30%;
}