Difference between revisions of "MediaWiki:Common.css"
From Zhang Laboratory
Line 192: | Line 192: | ||
<pre> | <pre> | ||
*/ | */ | ||
− | table.zebra tr.stripe { background-color: # | + | table.zebra tr.stripe { background-color: #ccc; } |
/* | /* |
Latest revision as of 19:23, 15 November 2012
/* ==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> */