MediaWiki:Common.css

Z Encyklopedia Pomorza Zachodniego - pomeranica.pl
Skocz do: nawigacja, szukaj

Uwaga: aby zobaczyć zmiany po zapisaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

  • Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5 lub Ctrl+R (⌘-R na komputerze Mac)
  • Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
  • Internet Explorer: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
  • Opera: Przejdź do Menu → Ustawienia (Opera → Preferencje w Mac), a następnie Prywatność i bezpieczeństwo → Wyczyść dane przeglądania → Opróżnij pamięć podręczną.
/* Styl CSS importowany do wszystkich skórek. Zawiera wspólne klasy CSS.
 
Zobacz też: [[MediaWiki:Monobook.css]], [[MediaWiki:Modern.css]]
            [[MediaWiki:Chick.css]], [[MediaWiki:Cologneblue.css]], [[MediaWiki:Myskin.css]],
            [[MediaWiki:Nostalgia.css]], [[MediaWiki:Simple.css]], [[MediaWiki:Standard.css]]  */
 
@media print {
	/* Nie drukuj linków do edycji, komunikatów (ek, stub), szablonów nawigacyjnych */
	.editlink, .noprint, .metadata, .dablink, .navbox, .NavFrame { display: none }
	#content { background: #FFF; } /* białe tło na wydruku */
	/* Pokaż na wydruku przy szablonie {{Cytuj stronę}} adres URL zgodnie z normą cytowania */
	.cytuj_strone_url{visibility: visible;}
	/* tak jak jest na ekranie */
	#footer li {display: inline;}
}
 
/* bug w nowym edittoolbarze */
div#edittoolbar {clear:both}
 
/* Nie dawać większego ze względu na IE! */
#searchGoButton { padding:0 4px !important; }
 
/* Poprawka umieszczenia obrazków pod sobą dla skórek innych niż Monobook.css */
div.tright {
	clear: right;
}
div.tleft {
	clear: left;
}
 
/* search keyboard settings */
.search_keyboard a {
	padding: 0 3px;
	border: 1px outset #ddd;
}
.search_keyboard a:hover {
	border: 1px inset #ddd;
}
 
/* universalna ramka zamiast szablonu border */
#bodyContent .ramka {
	display:table-cell;
	border-collapse:collapse;
	border:1px solid #BBB;
}
 
/* zapobieganie rozjeżdżaniu stron */
#bodyContent pre {overflow:auto}
 
/* ----
   Klasy do spisu treści pomocy i ew. pokrewnych.
---- */
 
/* powrót do spisu treści itp. */
#bodyContent .helplink_back a {
	background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Torchlight_back.png/15px-Torchlight_back.png") center left no-repeat;
	padding-left: 19px;
	padding-right: 0;
}
/* przejście do następnej strony pomocy itp. */
#bodyContent .helplink_forward a {
	background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Torchlight_forward.png/15px-Torchlight_forward.png") center right no-repeat;
	padding-right: 19px;
	padding-left: 0;
}
/* podstrona tematyczna */
#bodyContent .helplink_subpage a, #bodyContent .legenda .helplink_subpage {
	background: url("http://upload.wikimedia.org/wikipedia/commons/d/d7/A_help_folder.gif") center left no-repeat;
	padding-left: 14px;
	padding-right: 0;
}
/* strona pomocy */
#bodyContent .helplink_helppage a, #bodyContent .legenda .helplink_helppage {
	background: url("http://upload.wikimedia.org/wikipedia/commons/3/3c/A_help_text.gif") center left no-repeat;
	padding-left: 14px;
	padding-right: 0;
}
/* kategoria */
#bodyContent .helplink_catpage a, #bodyContent .legenda .helplink_catpage {
	background: url("http://upload.wikimedia.org/wikipedia/commons/4/40/A_help_category.gif") center left no-repeat;
	padding-left: 14px;
	padding-right: 0;
}
/* strona specjalna */
#bodyContent .helplink_specpage a, #bodyContent .legenda .helplink_specpage {
	background: url("http://upload.wikimedia.org/wikipedia/commons/b/b6/A_help_special.gif") center left no-repeat;
	padding-left: 14px;
	padding-right: 0;
}
/* strona portalu */
#bodyContent .helplink_orgpage a, #bodyContent .legenda .helplink_orgpage {
	background: url("http://upload.wikimedia.org/wikipedia/commons/8/88/A_help_portal.gif") center left no-repeat;
	padding-left: 14px;
	padding-right: 0;
}
 
 
/* klasa audiolink dla szablonu Audio */
#bodyContent .audiolink a {
	background: url("http://upload.wikimedia.org/wikipedia/commons/f/f7/Loudspeaker.png") center left no-repeat;
	padding-left: 15px;
}
 
/* klasa topalign, żeby umożliwić wyrównanie do góry wszystkich pól tableki */
table.topalign td, table.topalign th {
	vertical-align: top;
}
/* analogicznie bottomalign i centeralign */
table.bottomalign td, table.bottomalign th {
	vertical-align: bottom;
}
/* analogicznie bottomalign i middlealign */
table.middlealign td, table.middlealign th {
	vertical-align: middle;
}
 
/* klasa wikitable dla ładniejszego wyglądu tabelek */
 
table.wikitable {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaa solid;
	border-collapse: collapse;
}
table.wikitable tbody {
	background: #fff;
}
 
table.wikitable th, table.wikitable td {
	border: 1px #aaa solid;
	padding: 0.2em;
}
 
table.wikitable th {
	background: #f2f2f2;
	text-align: center;
}
 
table.wikitable caption {
	margin-left: inherit;
	margin-right: inherit;
}
 
/* Style dla infoboksów */
 
.infobox {
	border: 1px solid #aaa;
	background-color: #f8f8f8;
	border-collapse: collapse;
	color: black;
	font-size: 90%;
	text-align:left;
	margin-bottom: 0.5em;
	margin-left: 1em;
	border-spacing: 0;
	float: right;
	clear: right;
	width: 250px;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}
 
.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	border-right: 1px solid #aaa;
}
.infobox ul,ol { margin-top: 0px; }
 
/* Style boksów z Merge i Split */
 
.messagebox {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	margin: 0 auto 1em auto;
	padding: .2em;
	text-align: justify;
}
.messagebox.merge {
	border: 1px solid #cf9fff;
	background-color: #f5edf5;
	text-align: center;
}
 
.messagebox.talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
 
.messagebox.nested-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
	width: 100%;
	margin: 2px 4px 2px 4px;
}
 
.messagebox.small, .messagebox.small-talk {
	width: 238px;
	font-size: 85%;
	float: right;
	clear: both;
	margin: 0 0 1em 1em;
	line-height: 1.25em;
}
 
.messagebox.small-talk {
	background: #F8EABA;
}
 
/* Standardowe szablony nawigacyjne. Dokumentacja pod [[en:Wikipedia:NavFrame]]. */
div.Boxmerge,
div.NavFrame {
	margin: 0;
	padding: 4px;
	border: 1px solid #aaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
div.NavFrame,
div.Boxmerge div.NavFrame {
	border-style: none;
	border-style: hidden;
}
div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}
div.NavPic {
	background-color: #fff;
	margin: 0;
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	background-color: #ccf;
	position:relative;
}
div.NavFrame p {
	font-size: 100%;
}
div.NavFrame div.NavContent {
	font-size: 100%;
}
div.NavFrame div.NavContent p {
	font-size: 100%;
}
div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both;
}
a.NavToggle {
	position: absolute;
	top: 0;
	right: 3px;
	font-weight: normal;
	font-size: 90%;
	color:inherit;
}
 
.nounderlines a {text-decoration: none}
 
.CollapseButton {
	font-size: x-small;
	float: right;
	font-weight: normal;
	text-align: right;
	width: 36px;
}
 
/* Wyróżnienie klikniętego przypisu w celu ułatwienia nawigacji */
ol.references > li:target {
	background-color: #DEF;
}
 
/* Dla wskaźnika ilości zmienionych bajtów */
strong.mw-plusminus-neg { color:#c00 }
span.mw-plusminus-neg { color:#900 }
span.mw-plusminus-pos { color:#060 }
 
/* Klasa dla szablonu {{Main}} */
.detail, .details {
	margin: 0 0 0.7em 2em;
	border: 1px solid #e7e7e7;
	border-width: 1px 0;
	text-align:left;
	font-size:95%;
	background: #fdfdfd;
	padding:1px 4px;
	display: table;
}
.detail > span {
	display: table-row;
}
.detail > span > span {
	display: table-cell;
	padding-left: 4px;
	width:100%;
}
 
/* Podświetlanie nie wypełnionego opisu zmian - zobacz [[Mediawiki:Monobook.js]] */
input.warning {
	border: 2px solid red;
}
.warning label {
	color:red;
	font-weight:bold;
}
 
/* przyciski dodawania opisów */
.userSummaryButtons a, #userSummaryButtons a {
	background: #cfc;
	border: 1px dotted #090;
	padding: 0 2px;
	margin: 2px;
	cursor: pointer;
	font-size: 80%;
	line-height: 17px;
	color: black;
	white-space: nowrap;
}
 
.userSummaryButtons a:hover, #userSummaryButtons a:hover {
	background: #bfb;
	border: 1px solid #9c9;
	text-decoration:none;
}
 
/* poprawne wyświetlanie tytułów z indeksami z użyciem szablonu {{małą literą}} */
.firstHeading {
	line-height: 1.2em
}
 
/*Add formatting to make sure that „external references” from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  „urlexpansion", which was not displayed on screen, but was shown when the medium was
  „print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as „[<number>]"), (b) that there is no „external link arrow” for
  the link, and (c) that this SPAN of class „urlexpansion” is never shown.
*/
 
.plainlinksneverexpand {
	background: none ! important;
	padding: 0 ! important;
}
 
.plainlinksneverexpand .urlexpansion {
	display: none ! important;
}
 
/* Make sure that ext links displayed within „plainlinksneverexpand” don't get
   the arrow...
*/
.plainlinksneverexpand a {
	background: none !important;
	padding: 0 !important;
}
 
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class „urlexpansion"
   following the anchor A, the anchor itself now has class „external autonumber” and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the „:after” pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/
.plainlinksneverexpand a.external.text:after {
	display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
	display: none !important;
}
 
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
	border: none;
	padding: 0.25em 0.9em;       /* 0.9em left/right */
	width: 100%;    /* Make all mboxes the same width regardless of text length */
}
 
td.mbox-image {                  /* The left image cell */
	border: none;
	padding: 2px 0 2px 0.9em;    /* 0.9em left, 0 right */
	text-align: center;
}
 
td.mbox-imageright {             /* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0;    /* 0 left, 0.9em right */
	text-align: center;
}
 
td.mbox-empty-cell {         /* An empty narrow cell */
	border: none;
	padding: 0;
	width: 1px;
}
 
/* Article message box template styles */
table.ambox {
	margin: 0 10%;                         /* Will not overlap with other elements */
	border-collapse: collapse;
	background-color: #fbfbfb !important;
	border: 1px solid #aaa;
	border-left: 10px solid #1e90ff;       /* Default „notice” blue */
}
 
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
	padding: 0.25em 0.5em;              /* 0.5em left/right */
	width: 100%;                        /* Make all templates the same width regardless of text size */
}
 
table.ambox td.ambox-image {          /* The left image cell */
	padding: 2px 0 2px 0.5em;         /* 0.5em left, 0 right */
	text-align: center;
}
 
table.ambox td.ambox-imageright {     /* The right image cell */
	padding: 2px 4px 2px 0;           /* 0 left, 4px right */
	text-align: center;
}
 
table.ambox-notice {
	border-left: 10px solid #1e90ff;       /* Blue */
}
 
table.ambox-delete,
table.ambox-serious {
	border-left: 10px solid #b22222;       /* Red */
}
 
table.ambox-content {
	border-left: 10px solid #f28500;       /* Orange */
}
 
table.ambox-style {
	border-left: 10px solid #f4c430;       /* Yellow */
}
 
table.ambox-merge {
	border-left: 10px solid #9932cc;       /* Purple */
}
 
table.ambox-protection {
	border-left: 10px solid #bba;          /* Gray */
}
 
table.ambox.ambox-mini {                 /* small floating box variant */
	float: right;
	clear: right;
	margin: 0 0 0 1em;
	width: 25%;
}
 
/* Footer and header message box styles */
table.fmbox {
	clear: both;
	margin: 0.2em 0;
	width: 100%;
	border: 1px solid #aaa;
	background: #f9f9f9;     /* Default „system” gray */
}
table.fmbox-system {
	background: #f9f9f9;
}
table.fmbox-warning {
	border: 1px solid #bb7070;  /* Dark pink */
	background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
	background: transparent;
}
 
/* Klasa dokumentacji */
.template-documentation {
	background-color:#ECFCF4;
	border:1px solid #AAAAAA;
	clear:both;
	margin:1em 0pt 0pt;
	padding:5px;
}
 
/* Ukrycie głównego nagłówka na górze strony */
.page-Strona_główna_Nowa h1,
.page-Strona_główna_Nowa #catlinks,
.page-Strona_główna h1,
.page-Strona_główna #catlinks
{
	display:none
}
/* poprawka formatowania nagłówków boksów */
.page-Strona_główna_Nowa #content h2,
.page-Strona_główna #content h2,
.page-Strona_główna_Nowa #mw_content h2,
.page-Strona_główna #mw_content h2
{
	margin:0;
}
 
/* Style z przeznaczeniem dla strony głównej */
#mp_head {
	position:relative;
	vertical-align:top; 
	border:1px solid #a7d7f9;
	overflow: hidden;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	margin:2px;	
	font-size:14px;
}
#mp_head table {
	width:100%; margin-bottom:1px; vertical-align:top; font-size:105%; background:transparent;
	position:relative;
	z-index:2;
}
#mp_head_back {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	height:500px;
	width:300px;
	background:url(http://upload.wikimedia.org/wikipedia/commons/3/3e/MP-open-book4.png);
	opacity: 0.5;
	background-repeat:no-repeat;
	background-position:-20px -15px;
	z-index: 1;
}
#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 {
	width:100%;
}
#mp_search .button_area #mp_sz_btn {
	width: 120px;
}
 
/* 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;
}
/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
	border:1px solid #aaa;
	width:100%;
	margin:auto;
	clear:both;
	font-size:88%;
	text-align:center;
	padding:1px;
}
table.navbox + table.navbox {
	margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
	text-align:center;      /* title and above/below styles */
	padding-left:1em;
	padding-right:1em;
}
.navbox-group {           /* group style */
	white-space:nowrap;
	text-align:right;
	font-weight:bold;
	padding-left:1em;
	padding-right:1em;
}
.navbox, .navbox-subgroup {
	background:#fdfdfd;     /* Background color */
}
.navbox-list {
	border-color:#fdfdfd;   /* Must match background color */
}
 
a.navbox-title {
	color:inherit; /* kolor linków w nagłówku */
}
 
.navbox-title, table.navbox th {
	background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
	background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
	background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
	background:transparent; /* Odd row striping */
}
 
/* Szablon:Władca */
table.wladca-box + table.navbox {
	margin-top: 0;
}
table.wladca-box {
	width: 100%;
	clear: both;
	vertical-align: top;
	text-align: center;
	font-size: 95%;
}
table.wladca-box + table.wladca-box {
	border-top: 0 !important;
}
table.wladca-box td {
	padding: 2px;
}
 
/* Domyślne wartości dla szablonu współrzędnych geograficznych
   Więcej informacji w szablonie [[Szablon:Koordynaty/Linkuj]].
   Nazwy klas „geo", „longitude” i „latitude” są używane w mikroformacie
   geograficznym i nie powinny być zmieniane. */

.geo-default { display: inline }
.geo-nondefault { display: inline }
.geo-dec { display: inline }
.geo-dms { display: none }

/* .geo-default, .geo-dms, .geo-dec {
/* 	display: inline;
/* }
/* .geo-nondefault, .geo-multi-punct {
/* 	display: none;
/* }
/* .longitude, .latitude {
/* 	white-space: nowrap;
/* }
 
/* Oznaczenie artykułu na medal i dobrych artykułów w interwiki */
li.FA {
	list-style-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Wikimedal.png/7px-Wikimedal.png);
}
li.GArt {
	list-style-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/81/Propozycja_DA.svg/10px-Propozycja_DA.svg.png);
}
 
/* kosmetyka tagów filtru nadużyć - widoczne na OZ  */
.mw-tag-markers {
	font-weight: bold;
	background-color: #f0fff0;
}
 
/* odstęp pomiędzy pierwszym navboksem a tekstem  */
table.firstNavbox {
	margin-top:1em;
}
 
/* kolorowanie linków w nagłówkach tabel z kolorowym tłem */
.linksInherit a {
	color: inherit;
}
 
/* [[:Kategoria:Szablony_Fb]], reszta w [Monobook|Modern].css */
table.fb-tab  {
	text-align: center;
}
 
/* Pomniejszenie bibliografii wstawianej za pomocą {{Bibliografia start}} */
.bibliografia {
	font-size: 85%
}
 
/* [[:Kategoria:Szablony_Fb]] */
table.fb-tab0 { font-size: 100%;    }
table.fb-tab1 { font-size:  90%;    }
table.fb-tab2 { font-size:  85%;    }
table.fb-tab3 { font-size:  80%;    }
tr.fb-row0 { color: black; background-color: #EEE;  }
tr.fb-row1 { color: black; background-color: white; }
td.fb-result-none { background-color: #CCC; width: 30px; }
td.fb-result-hwin { background-color: #DFE7FF; width: 30px; }
td.fb-result-gwin { background-color: #FFDFDF; width: 30px;}
td.fb-result-draw { background-color: #FFF; width: 30px;}
 
/* Przypisy i [[Szablon:Przypisy]] */
ol.references {
	font-size:85%
}
 
/* przekierowania na liście stron będą zaznaczane kursywą */
.allpagesredirect a {
	font-style: italic;
}
/* redirecty w kategoriach też kursywą */
.redirect-in-category a {
	font-style: italic;
}
 
/* Poniższy kawałek może się nie walidować walidatorem W3C */
/* -moz-* i -webkit-* to rozszerzenia producentów przeglądarek(CSS 2.1 4.1.2.1) */
/* column-count pochodzi z modułu „CSS Multi-column Layout” w CSS3 */
/* Zignoruj błędy walidatora spowodowane poniższymi definicjami */
/* Używana też: .references-1column */
.references-2column {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}
.references-3column {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
 
/* Zapobiega zwiększaniu się wysokości linii z indeksami górnymi i dolnymi */
#bodyContent sup, #bodyContent sub {
	line-height: 1em;
}
 
/* Nie łamiemy linii w głupich miejscach */
.nowraplinks a, span.texhtml, sup.reference a {
	white-space: nowrap;
}
 
/* przyciski ułatwiające administrację poczekalnią - domyślnie ukryte */
.poczekalnia {
	display:none;
}
 
/* W oknie oznaczania wersji jako przejrzana ukrycie pola komentarza */
#mw-fr-commentbox {
	display: none;
}
 
/* kosmetyka wersji przejrzanych - likwidacja pogrubienia na OZ  */
.mw-fr-reviewlink {
	font-weight: normal;
}
 
/* dla tych bez JS */
.put-in-header {
position:absolute;
right:0;
top:-30px;
}
 
/* logowanie */
div#userloginForm, div#userlogin {
	float:left;
	padding:1em 1em .7em 1em;
	border:2px solid #A3B1BF;
        background-color:#fffffc;
	margin-right:2em;
}
 
/* Wikiglob */
.wikiglob {
	background:url(http://upload.wikimedia.org/wikipedia/commons/3/3e/MP-open-book4.png)
}
iframe#openstreetmap {
        height: 350px;
        width: 100%;
        clear: both;
}