Portal:Philosophie/styles

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 Bearbeiten

<templatestyles src="Portal:Philosophie/styles.css" />

Dokumentation 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“.

Diverses Bearbeiten

Relevante Seiten: Portal:Philosophie/styles (diese Seite, zur Dokumentation), Portal:Philosophie/styles.css (die CSS-Anweisungen)
Die Regster oder Reiter sind in Portal:Philosophie/Tabs angelegt und im Portal vielfach eingebunden. Diese Seite greift dabei ebenfalls auf Portal:Philosophie/styles.css zurück
Auf der Seite Wikipedia:Technik/Skin/CSS/TemplateStyles wurden projektweit eindeutig als Klassenpräfix philosophie- für diese Seite reserviert.

Gültige Klassenparameter 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.