MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus paznaunerisch.at
Admin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: →</pre> ==Alternating rows== <pre>: table.zebra tr.stripe { background-color: #ccc; }“) |
Admin (Diskussion | Beiträge) |
||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
+ | /* | ||
+ | ==Minor tweaks== | ||
+ | <pre> | ||
+ | */ | ||
+ | |||
+ | |||
+ | .same-bg { background: none } | ||
+ | |||
+ | /* [[Special:Allpages]] redirects */ | ||
+ | .allpagesredirect { | ||
+ | font-style:italic; | ||
+ | color:gray; | ||
+ | } | ||
+ | |||
+ | /* hide unneeded content when printing */ | ||
+ | @media print { | ||
+ | #about | ||
+ | /* , #privacy, #disclaimer */ | ||
+ | {display:none;} | ||
+ | } | ||
+ | |||
+ | /* hide arrows on selected external links */ | ||
+ | .plainlinksneverexpand a { | ||
+ | background:none !important; | ||
+ | padding:0 !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | </pre> | ||
+ | == wikitable, sortablewikitable, and prettytable class definitions== | ||
+ | * based on meta.wikimedia.org MediaWiki:Common.css | ||
+ | <pre> | ||
+ | */ | ||
+ | |||
+ | table.wikitable, table.sortablewikitable, | ||
+ | table.prettytable { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background: #f9f9f9; | ||
+ | border: 1px #aaaaaa solid; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | table.wikitable th, table.wikitable td, | ||
+ | table.sortablewikitable th, table.sortablewikitable td, | ||
+ | table.prettytable th, table.prettytable td { | ||
+ | border: 1px #aaaaaa solid; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | |||
+ | table.wikitable th, | ||
+ | table.sortablewikitable th, | ||
+ | table.prettytable th { | ||
+ | background: #E6E6FA; /* lavender; wikimedia: #f2f2f2 */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | table.wikitable caption, | ||
+ | table.sortablewikitable caption, | ||
+ | table.prettytable caption { | ||
+ | margin-left: inherit; | ||
+ | margin-right: inherit; | ||
+ | } | ||
+ | |||
+ | /** class=datatable from www.mediawiki.org */ | ||
+ | table.datatable th, td { | ||
+ | padding: 4px; | ||
+ | } | ||
+ | table.datatable th { | ||
+ | text-align: left; | ||
+ | background-color: #999999; | ||
+ | } | ||
+ | table.datatable tr { | ||
+ | background-color: #CCCCCC; | ||
+ | } | ||
+ | table.datatable tr:hover { | ||
+ | background-color: #FFFFCC; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | </pre> | ||
+ | == pdf == | ||
+ | <pre> | ||
+ | */ | ||
+ | |||
+ | /* 20070210: Change the external link icon to an Adobe icon for all PDF files */ | ||
+ | /* (in browsers that support these CSS selectors, like Mozilla and Opera) */ | ||
+ | #bodyContent a[href$=".pdf"].external, | ||
+ | #bodyContent a[href*=".pdf?"].external, | ||
+ | #bodyContent a[href*=".pdf#"].external, | ||
+ | #bodyContent a[href$=".PDF"].external, | ||
+ | #bodyContent a[href*=".PDF?"].external, | ||
+ | #bodyContent a[href*=".PDF#"].external { | ||
+ | background: url(/skins/common/images/15px-Icons-mini-file_acrobat.gif) | ||
+ | center right no-repeat; | ||
+ | padding-right: 16px; | ||
+ | } | ||
+ | |||
+ | /* Change the external link icon to an Adobe icon anywhere the PDFlink class */ | ||
+ | /* is used (notably Template:PDFlink). This works in IE, unlike the above. */ | ||
+ | span.PDFlink a { | ||
+ | background: url(http://qed.princeton.edu/skins/common/images/15px-Icons-mini-file_acrobat.gif) | ||
+ | center right no-repeat !important; | ||
+ | padding-right: 17px !important; | ||
+ | } | ||
+ | |||
+ | span.geolink a { | ||
+ | background: url(/skins/common/images/Monobook-globe.png) center right no-repeat !important; | ||
+ | padding-right: 11px !important; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | </pre> | ||
+ | == Geographical coordinates from wikipedia Common.css as of 20070424 == | ||
+ | See [[Template:Coor link]] for how these are used. | ||
+ | |||
+ | Note that the classes "geo", "longitude", and "latitude" are not just styles but also used by the [[Geo microformat]], so the names should not be changed. | ||
+ | |||
+ | <pre> | ||
+ | */ | ||
+ | |||
+ | .geo-default { display: inline; } | ||
+ | .geo-nondefault { display: none; } | ||
+ | .geo-dms { display: inline; } | ||
+ | .geo-dec { display: inline; } | ||
+ | .geo-multi-punct { display: none; } | ||
+ | |||
+ | .longitude .latitude { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | /* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */ | ||
+ | .geo { } | ||
+ | |||
+ | /***** end Geo-related */ | ||
+ | |||
+ | /* | ||
+ | </pre> | ||
+ | == class=thumbnail == | ||
+ | <pre> | ||
+ | */ | ||
+ | /*Credits: Dynamic Drive CSS Library */ | ||
+ | /*URL: http://www.dynamicdrive.com/style/ */ | ||
+ | |||
+ | .thumbnail{ | ||
+ | position: relative; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | .thumbnail:hover{ | ||
+ | background-color: transparent; | ||
+ | z-index: 50; | ||
+ | } | ||
+ | |||
+ | .thumbnail span{ /*CSS for enlarged image*/ | ||
+ | position: absolute; | ||
+ | background-color: lightblue; | ||
+ | padding: 5px; | ||
+ | left: -1000px; | ||
+ | border: 1px /*dashed*/ gray; | ||
+ | visibility: hidden; | ||
+ | color: blue; | ||
+ | /* text-decoration: none; */ | ||
+ | } | ||
+ | |||
+ | .thumbnail span img{ /*CSS for enlarged image*/ | ||
+ | border-width: 0; | ||
+ | padding: 2px; | ||
+ | } | ||
+ | |||
+ | .thumbnail:hover span{ /*CSS for enlarged image on hover*/ | ||
+ | visibility: visible; | ||
+ | top: 15px; | ||
+ | left: 60px; /*position where enlarged image should offset horizontally */ | ||
+ | } | ||
+ | /* | ||
+ | </pre> | ||
+ | ==Share This! == | ||
+ | <pre> | ||
+ | */ | ||
+ | #p-sharethis li { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | #p-sharethis ul { | ||
+ | margin-left: 0.5em; | ||
+ | } | ||
+ | |||
/* | /* | ||
</pre> | </pre> | ||
Zeile 7: | Zeile 195: | ||
*/ | */ | ||
table.zebra tr.stripe { background-color: #ccc; } | table.zebra tr.stripe { background-color: #ccc; } | ||
+ | |||
+ | /* | ||
+ | </pre> | ||
+ | ==[[Template:File]]== | ||
+ | <pre> | ||
+ | */ | ||
+ | div.file { | ||
+ | background-color:#D9E5F1; | ||
+ | border:1px solid #7391B1; | ||
+ | color:#000000; | ||
+ | margin:5px 15px; | ||
+ | max-height:300px; | ||
+ | overflow:auto; | ||
+ | } | ||
+ | |||
+ | pre.clear { | ||
+ | background-color:transparent; | ||
+ | border:medium none; | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | </pre> | ||
+ | */ |
Version vom 30. Mai 2012, 03:41 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*
==Minor tweaks==
<pre>
*/
.same-bg { background: none }
/* [[Special:Allpages]] redirects */
.allpagesredirect {
font-style:italic;
color:gray;
}
/* hide unneeded content when printing */
@media print {
#about
/* , #privacy, #disclaimer */
{display:none;}
}
/* hide arrows on selected external links */
.plainlinksneverexpand a {
background:none !important;
padding:0 !important;
}
/*
</pre>
== wikitable, sortablewikitable, and prettytable class definitions==
* based on meta.wikimedia.org MediaWiki:Common.css
<pre>
*/
table.wikitable, table.sortablewikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.wikitable th, table.wikitable td,
table.sortablewikitable th, table.sortablewikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable th,
table.sortablewikitable th,
table.prettytable th {
background: #E6E6FA; /* lavender; wikimedia: #f2f2f2 */
text-align: center;
}
table.wikitable caption,
table.sortablewikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
}
/** class=datatable from www.mediawiki.org */
table.datatable th, td {
padding: 4px;
}
table.datatable th {
text-align: left;
background-color: #999999;
}
table.datatable tr {
background-color: #CCCCCC;
}
table.datatable tr:hover {
background-color: #FFFFCC;
}
/*
</pre>
== pdf ==
<pre>
*/
/* 20070210: Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external {
background: url(/skins/common/images/15px-Icons-mini-file_acrobat.gif)
center right no-repeat;
padding-right: 16px;
}
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
background: url(http://qed.princeton.edu/skins/common/images/15px-Icons-mini-file_acrobat.gif)
center right no-repeat !important;
padding-right: 17px !important;
}
span.geolink a {
background: url(/skins/common/images/Monobook-globe.png) center right no-repeat !important;
padding-right: 11px !important;
}
/*
</pre>
== Geographical coordinates from wikipedia Common.css as of 20070424 ==
See [[Template:Coor link]] for how these are used.
Note that the classes "geo", "longitude", and "latitude" are not just styles but also used by the [[Geo microformat]], so the names should not be changed.
<pre>
*/
.geo-default { display: inline; }
.geo-nondefault { display: none; }
.geo-dms { display: inline; }
.geo-dec { display: inline; }
.geo-multi-punct { display: none; }
.longitude .latitude {
white-space: nowrap;
}
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */
.geo { }
/***** end Geo-related */
/*
</pre>
== class=thumbnail ==
<pre>
*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightblue;
padding: 5px;
left: -1000px;
border: 1px /*dashed*/ gray;
visibility: hidden;
color: blue;
/* text-decoration: none; */
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 15px;
left: 60px; /*position where enlarged image should offset horizontally */
}
/*
</pre>
==Share This! ==
<pre>
*/
#p-sharethis li {
list-style-type: none;
list-style-image: none;
}
#p-sharethis ul {
margin-left: 0.5em;
}
/*
</pre>
==Alternating rows==
<pre>
*/
table.zebra tr.stripe { background-color: #ccc; }
/*
</pre>
==[[Template:File]]==
<pre>
*/
div.file {
background-color:#D9E5F1;
border:1px solid #7391B1;
color:#000000;
margin:5px 15px;
max-height:300px;
overflow:auto;
}
pre.clear {
background-color:transparent;
border:medium none;
padding:5px;
}
/*
</pre>
*/