Portal:Philosophie/styles

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

CSS

.philosophie-tab {
	display:inline-block;
	background-color:#f6f5e5;
	border:solid 1px #646464;
	text-align: center;
	color: #696018;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	font-weight:bold;
	padding:5px;
}

.philosophie-tab-divider {
	background-color: #f3f3ff;
}

.philosophie-portal-rahmen {
	margin: 0px;
	padding: 0px;
	border: 5px solid #8698a3;
}

h2 {
		margin: 0px;
		padding: 0.25em;
		background: #dcd9b5;
		color:#696018;
		font-family:Georgia, Times, serif;
		font-size:150%;
		border: none;
} h3 {
		margin: 0px;
		padding: 0.25em;
		color:#696018;;
		font-family:Georgia, Times, serif;
		font-size:150%;
		font-weight: 400;
		border: none;
		text-align:center;
}


.philosophie-portal-left {
	float: left;
	width: calc(60% - 1em);
	margin: 0.5em 0em 0.5em 0.5em;
}
.philosophie-portal-right {
	float: right;
	width: calc(40% - 1em);
	margin: 0.5em 0.5em 0.5em 0em;
}

.philosophie-portal-intro {
	margin: 0px;
	padding: 0.5em;
	background: #F6F5E5;
	border-bottom: 5px solid #8698a3;
}
.philosophie-portal-center {
	margin: 0px;
	padding: 0.5em;
	background: #FFFFFF;
	border-bottom: 1px solid #8698a3;
}

.philosophie-portal-text { 	
	background: #FFFFFF;
	padding: 0.25em;
}

@media only screen and (max-width: 1000px) {
	.philosophie-portal-left,
	.philosophie-portal-right {
		float: inherit;
		width: inherit;
		margin: 0px;
	}
} 
.philosophie-portal-fancylinks a:link {
	font-family:Georgia, Times, serif; color:#696018;
    }
.philosophie-portal-fancylinks a:visited {
	color:#245D83;
    }
 a:link:not([href*="redlink=1"]) {color:#245D83;}
 
.philosophie-portal-fancywords {
 	font-size:130%; font-family:Georgia, Times, serif;color:#696018;}
.philosophie-portal-initals p:first-letter {float: left;
  font-family: Georgia, Times, serif;
  line-height: 1.2rem;
  font-size: 2.75rem;
  padding-top: 0.4ex;
  padding-right: 0.25ex;
  padding-left: 3px;}

Kopiervorlage

[Quelltext bearbeiten]
<templatestyles src="Portal:Philosophie/styles.css" />


Dokumentation

[Quelltext bearbeiten]

Mit Portal:Philosophie/styles.css wird das Design des Portal:Philosophie und des thematisch verwandten Wikipedia:WikiProjekt Philosophie definiert. Ziel ist eine brauchbare Darstellung von Portal und WikiProjekt auf allen möglichen Displaygrößen.

Es wird für gängige Endgeräte eine flexible Anordnung der Boxen angestrebt, so dass auf (großen) Desktopmonitoren ein zweispaltiges Design angezeigt wird, auf (schmalen) Mobilgeräten dagegen ein einspaltiges Design. Weiterhin werden besondere Auszeichnungen für den Text und für Links festgelegt, Elemente für die Registertabs des Portals und weitere Gestaltungselemente. Erstes Ziel war die Ersetzung des alten, nicht-resposiven und auf Tabellen sowie hart eincodiereten Auszeichnungsstilen beruhenden Designs, so dass zukünftige Änderungen gobal erfolgen können, ohne den Code der betroffenen Seiten in vielen Einzelinstanzen anpassen zu müssen.

Die CSS-Anweisungen werden zurzeit von diesen Seiten geladen. Es sind ggf. weitere Seiten von Spezial:Präfixindex/Portal:Philosophie/ zu identifizieren, die umzustellen sind.

Dabei kommt die TemplateStyles-Funktionalität der MediaWiki-Software zur Anwendung.. Damit sind seit 2018 auch modernere CSS-Anweisungen möglich, insbesondere sogenannte „Media Queries“.

Gültige Klassenparameter

[Quelltext bearbeiten]
  • Siehe auch den Code unter Portal:Philosophie/styles.css
  • Gültig sind für Portalsseiten zurzeit: philosophie-portal-rahmen, philosophie-portal-left, philosophie-portal-right, philosophie-portal-intro, philosophie-portal-center, philosophie-portal-text, philosophie-portal-fancylinks, philosophie-portal-fancywords, philosophie-portal-initials; Demo siehe nachfolgend.
  • philosophie-tab und philosophie-tab-divider steuren das Aussehen der Registerreiter.