MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Banater Orte
Herwig (Diskussion | Beiträge) |
Herwig (Diskussion | Beiträge) |
||
(51 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
+ | @@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,600;1,400&display=swap'); | ||
+ | |||
+ | /* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */ | ||
+ | body { | ||
+ | font-family: "Noto Sans", sans-serif; | ||
+ | } | ||
a:link{ | a:link{ | ||
Zeile 4: | Zeile 10: | ||
} | } | ||
a:active{ | a:active{ | ||
− | color: # | + | color: #B20904; |
+ | text-decoration:underline; | ||
+ | |||
+ | } | ||
+ | |||
+ | a:visited{ | ||
+ | color:#3a0703; | ||
} | } | ||
.mw-body{ | .mw-body{ | ||
margin-bottom:0; | margin-bottom:0; | ||
− | |||
} | } | ||
Zeile 18: | Zeile 29: | ||
font-size: 2em; | font-size: 2em; | ||
font-style: italic; | font-style: italic; | ||
− | color: # | + | color: #69883a; |
} | } | ||
.mw-body h2 { | .mw-body h2 { | ||
− | font-size: | + | font-size: 1em; |
− | font-style:normal; | + | font-style:normal; |
− | border-bottom: 1px | + | color:#000; |
− | + | border:0px; | |
+ | font-weight:700; | ||
+ | } | ||
+ | |||
+ | .mw-body h2::after { | ||
+ | background-color: #DEE2E6; | ||
+ | bottom: 0; | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 1px; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%,0); | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .mw-body .toc .toctitle h2::after { | ||
+ | height:0px | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
.mw-body h3 { | .mw-body h3 { | ||
Zeile 34: | Zeile 65: | ||
text-shadow: 1px 1px 0 rgb(255,255,255); | text-shadow: 1px 1px 0 rgb(255,255,255); | ||
} | } | ||
− | + | .mw-body .firstHeading { | |
+ | border-bottom: 1px solid #a3b561; | ||
+ | margin-bottom: 1rem; | ||
+ | overflow: visible; | ||
+ | } | ||
/*Einstellung für :focus bei Chrom*/ | /*Einstellung für :focus bei Chrom*/ | ||
:focus { | :focus { | ||
Zeile 44: | Zeile 79: | ||
/*############# Navbar ############*/ | /*############# Navbar ############*/ | ||
+ | #mw-navigation{ | ||
+ | display:none; | ||
+ | } | ||
.navbar-default{ | .navbar-default{ | ||
border:0px; | border:0px; | ||
+ | } | ||
+ | .p-navbar{ | ||
+ | background-color:#ede8de !important; | ||
+ | } | ||
+ | |||
+ | .navbar-light .navbar-nav .nav-link, | ||
+ | .p-navbar .navbar-nav .nav-link, | ||
+ | .navbar-light .navbar-nav .p-navbar .navbar-tool > a, | ||
+ | .p-navbar .navbar-light .navbar-nav .navbar-tool > a, | ||
+ | .p-navbar .navbar-nav .navbar-tool > a { | ||
+ | color: #B20904; | ||
+ | } | ||
+ | |||
+ | .navbar-light .navbar-nav .nav-link:hover, | ||
+ | .p-navbar .navbar-nav .nav-link:hover, | ||
+ | .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, | ||
+ | .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, | ||
+ | .p-navbar .navbar-nav .navbar-tool > a:hover { | ||
+ | color: #3a0703; | ||
+ | text-decoration:underline | ||
+ | |||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
Zeile 79: | Zeile 142: | ||
border-color: #b20904; | border-color: #b20904; | ||
} | } | ||
+ | |||
/*############# Kategorien ############*/ | /*############# Kategorien ############*/ | ||
Zeile 184: | Zeile 248: | ||
body.page-Hauptseite div#header_top { | body.page-Hauptseite div#header_top { | ||
− | background-image: url(/orte/images/ | + | background-image: url(/orte/images/header_4.jpg); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | + | ||
− | |||
display: block; | display: block; | ||
− | |||
} | } | ||
body.page-Hauptseite div#header_top h1 { | body.page-Hauptseite div#header_top h1 { | ||
− | font-family: ' | + | font-family: 'Bodoni Moda', serif; |
− | color: # | + | font-weight:bold; |
+ | color: #2B0405; | ||
margin-top: 0px; | margin-top: 0px; | ||
+ | border-bottom:0px; | ||
} | } | ||
− | @media (min-width: | + | @media (min-width: 1280px){ |
+ | body.page-Hauptseite div#header_top { | ||
+ | height: 540px; | ||
+ | } | ||
.navbar-brand { | .navbar-brand { | ||
border-right:0px; | border-right:0px; | ||
Zeile 208: | Zeile 275: | ||
} | } | ||
body.page-Hauptseite div#header_top h1{ | body.page-Hauptseite div#header_top h1{ | ||
− | + | padding-top: 420px; | |
− | padding-top: | + | font-size: 62pt; |
− | + | padding-left: 140px; | |
− | |||
} | } | ||
} | } | ||
− | @media (min-width: 1024px) and (max-width: | + | @media (min-width: 1024px) and (max-width:1279px){ |
+ | body.page-Hauptseite div#header_top { | ||
+ | height: 440px; | ||
+ | background-size: 1290px; | ||
+ | } | ||
.navbar-brand { | .navbar-brand { | ||
border-right:0px; | border-right:0px; | ||
Zeile 224: | Zeile 294: | ||
} | } | ||
body.page-Hauptseite div#header_top h1{ | body.page-Hauptseite div#header_top h1{ | ||
− | + | padding-top: 280px; | |
− | + | font-size:48pt; | |
− | + | padding-left: 60px; | |
} | } | ||
} | } | ||
− | @media (min-width: | + | @media (min-width: 800px) and (max-width:1023px){ |
+ | body.page-Hauptseite div#header_top { | ||
+ | height: 350px; | ||
+ | background-size: 1030px; | ||
+ | } | ||
.navbar-brand { | .navbar-brand { | ||
border-right:0px; | border-right:0px; | ||
Zeile 238: | Zeile 312: | ||
body.page-Hauptseite div#header_top h1{ | body.page-Hauptseite div#header_top h1{ | ||
padding-top: 220px; | padding-top: 220px; | ||
− | + | padding-left: 67px; | |
− | font-size: | + | font-size:46px; |
} | } | ||
} | } | ||
− | @media (min-width: | + | @media (min-width: 641px) and (max-width:799px){ |
+ | body.page-Hauptseite div#header_top { | ||
+ | height: 250px; | ||
+ | background-size: 800px; | ||
+ | } | ||
.navbar-brand { | .navbar-brand { | ||
border-right:0px; | border-right:0px; | ||
Zeile 250: | Zeile 328: | ||
} | } | ||
body.page-Hauptseite div#header_top h1{ | body.page-Hauptseite div#header_top h1{ | ||
− | padding-top: | + | padding-top: 180px; |
− | + | padding-left: 58px; | |
− | font-size: | + | font-size:32px; |
} | } | ||
} | } | ||
− | @media (min-width: | + | @media (min-width: 361px) and (max-width:640px){ |
+ | body.page-Hauptseite div#header_top { | ||
+ | height: 200px; | ||
+ | background-size: 640px; | ||
+ | } | ||
.navbar-brand { | .navbar-brand { | ||
border-right:0px; | border-right:0px; | ||
Zeile 263: | Zeile 345: | ||
} | } | ||
body.page-Hauptseite div#header_top h1{ | body.page-Hauptseite div#header_top h1{ | ||
− | padding-top: | + | padding-top: 140px; |
− | + | padding-left: 40px; | |
− | font-size: | + | font-size: 28px; |
} | } | ||
} | } | ||
− | @media (max-width: | + | @media (max-width:360px){ |
+ | body.page-Hauptseite div#header_top { | ||
+ | height: 190px; | ||
+ | background-size: 640px; | ||
+ | } | ||
.navbar-brand { | .navbar-brand { | ||
border-right:0px; | border-right:0px; | ||
Zeile 278: | Zeile 364: | ||
} | } | ||
body.page-Hauptseite div#header_top h1{ | body.page-Hauptseite div#header_top h1{ | ||
− | padding-top: | + | padding-top: 140px; |
− | + | padding-left: 45px; | |
− | font-size: | + | font-size: 28px; |
} | } | ||
} | } | ||
Zeile 341: | Zeile 427: | ||
background-color:#bcc9b5; | background-color:#bcc9b5; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
/*################## Button Form ##################*/ | /*################## Button Form ##################*/ | ||
.mw-ui-button.mw-ui-progressive, | .mw-ui-button.mw-ui-progressive, | ||
Zeile 353: | Zeile 442: | ||
box-shadow: inset 0 0 0 1px #B20904; | box-shadow: inset 0 0 0 1px #B20904; | ||
outline: 0; | outline: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*################## Button Form ##################*/ | ||
+ | .form-control { | ||
+ | border: 1px solid #B20904; | ||
+ | color: #B20904; | ||
+ | } | ||
+ | .form-control::placeholder { | ||
+ | color: #B20904; | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | .p-navbar .navbar-form button { | ||
+ | color: #B20904; | ||
+ | } | ||
+ | |||
+ | .p-search .searchGoButton:last-child, .p-search .mw-searchButton:last-child { | ||
+ | border-right-color: #B20904; | ||
+ | } | ||
+ | |||
+ | .p-search .searchGoButton, .p-search .mw-searchButton { | ||
+ | border-top-color: #B20904; | ||
+ | border-bottom-color: #B20904; | ||
+ | border-left-width: 0; | ||
+ | } | ||
+ | |||
+ | .btn-light, .p-search .searchGoButton, .p-search .mw-searchButton { | ||
+ | background: #EDE8DE linear-gradient(180deg,#eceff1,#EDE8DE) repeat-x; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Infobox Orte*/ | ||
+ | table#vorlage-infobox-Orte { | ||
+ | background-color: #FFF; | ||
+ | border: 1px solid #DDD; | ||
+ | float: right; | ||
+ | width: 380px; | ||
} | } | ||
Zeile 381: | Zeile 507: | ||
font-size: 1.1em !important; | font-size: 1.1em !important; | ||
} | } | ||
− | + | #vorlage-infobox-Orte th { | |
+ | font-weight:bold; | ||
+ | background-color:#a3b561; | ||
+ | color:#FFF; | ||
+ | } | ||
/*################## Orte Daten Tabelle ##################*/ | /*################## Orte Daten Tabelle ##################*/ | ||
table#vorlage-infobox-Orte { | table#vorlage-infobox-Orte { | ||
background-color:#FFF; | background-color:#FFF; | ||
− | border:1px solid #DDD; | + | border:1px solid #DDD; |
+ | margin-left:25px; | ||
} | } | ||
table#vorlage-infobox-Orte tr > td, | table#vorlage-infobox-Orte tr > td, | ||
Zeile 402: | Zeile 533: | ||
.page-Glossar table>tbody>tr>td{ | .page-Glossar table>tbody>tr>td{ | ||
padding:10px; | padding:10px; | ||
+ | } | ||
+ | |||
+ | /*################## Tabelle Ortsseiten ##################*/ | ||
+ | .table > tbody > tr >td:first-child{ | ||
+ | font-weight:bold; | ||
+ | vertical-align: top; | ||
+ | width:280px; | ||
} | } |
Aktuelle Version vom 31. Januar 2021, 19:03 Uhr
@@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,600;1,400&display=swap');
/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
body {
font-family: "Noto Sans", sans-serif;
}
a:link{
color: #B20904;
}
a:active{
color: #B20904;
text-decoration:underline;
}
a:visited{
color:#3a0703;
}
.mw-body{
margin-bottom:0;
}
#mw-content-text{
min-height: calc(100vh - 100px);
}
.mw-body h1 {
font-size: 2em;
font-style: italic;
color: #69883a;
}
.mw-body h2 {
font-size: 1em;
font-style:normal;
color:#000;
border:0px;
font-weight:700;
}
.mw-body h2::after {
background-color: #DEE2E6;
bottom: 0;
content: '';
display: block;
height: 1px;
left: 50%;
transform: translate(-50%,0);
width:100%;
}
.mw-body .toc .toctitle h2::after {
height:0px
}
.mw-body h3 {
font-size: 1.1em;
}
.mw-headline {
text-shadow: 1px 1px 0 rgb(255,255,255);
}
.mw-body .firstHeading {
border-bottom: 1px solid #a3b561;
margin-bottom: 1rem;
overflow: visible;
}
/*Einstellung für :focus bei Chrom*/
:focus {
outline: #b20904 auto 0px;
outline-color: #b20904;
outline-style: auto;
outline-width: 0px;
}
/*############# Navbar ############*/
#mw-navigation{
display:none;
}
.navbar-default{
border:0px;
}
.p-navbar{
background-color:#ede8de !important;
}
.navbar-light .navbar-nav .nav-link,
.p-navbar .navbar-nav .nav-link,
.navbar-light .navbar-nav .p-navbar .navbar-tool > a,
.p-navbar .navbar-light .navbar-nav .navbar-tool > a,
.p-navbar .navbar-nav .navbar-tool > a {
color: #B20904;
}
.navbar-light .navbar-nav .nav-link:hover,
.p-navbar .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover,
.p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover,
.p-navbar .navbar-nav .navbar-tool > a:hover {
color: #3a0703;
text-decoration:underline
}
.skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:visited:hover,
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited:hover,
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:link,
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited,
.skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:link,
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited:focus,
.skin-chameleon .navbar-tools > li > a.navbar-userloggedin:hover,
.skin-chameleon .navbar-tools > li.open > a.navbar-userloggedin:hover,
.skin-chameleon .navbar-tools > li > a.navbar-userloggedin:active,
.skin-chameleon .navbar-tools > li.open > a.navbar-userloggedin:active
{
color: white;
}
.skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:visited
{
color: #B20904;
}
.btn-default {
border-color: #b20904;
}
.btn-default:focus, .btn-default.focus,
.btn-default:hover, .btn-default.hover {
border-color: #b20904;
}
.btn-default:active, .btn-default.active,
.open > .dropdown-toggle.btn-default{
border-color: #b20904;
}
/*############# Kategorien ############*/
div.catlinks {
background-color: #8c8a75;
margin: 1em -15px 0px -15px;
}
div.mw-normal-catlinks{
margin: 10px;
padding: 10px;
background-color: #dbd9c4;
border: 1px solid #514f3a;
border-radius: 3px;
}
#catlinks {
margin: 0 30px;
}
div#catlinks li{
border-left: 0px;
display:block;
}
div#catlinks li a:link{
color: #8c8a75;
}
div#catlinks li a:hover,
div#catlinks li a::active{
color: #646251;
}
div#catlinks li:first-child{
padding-left: 0.5em;
}
#catlinks #mw-normal-catlinks > a {
color: #4C4B3E;
font-size: 18px;
font-weight: bolder;
font-style: italic;
}
/*############# Footer############*/
div.footer{
background-color: #575757;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 3px;
min-height: 50px;
}
div.footer .navbar-default{
background-color: #575757;
text-align:center;
}
div.footer .navbar-nav{
float: none;
}
div.footer .navbar-nav > li{
float: none;
display: inline-block;
}
div.footer .list-inline{
text-align:center;
}
div.footer .list-inline li a:link,
div.footer .list-inline li a:visited{
color: #8c8a75;
}
div.footer .list-inline li a:hover,
div.footer .list-inline li a:active,
div.footer .list-inline li a:focus
{
color: #FFF;
text-decoration:underline;
}
div.footer .navbar li>a:link,
div.footer .navbar li>a:visited{
color: #8c8a75;
}
div.footer .navbar li>a:hover,
div.footer .navbar li>a:active,
div.footer .navbar li>a:focus{
color: #FFF;
text-decoration:underline;
}
/*############# Startseite ############*/
/* Header Hauptseite */
div#header_top{
display:none;
}
body.page-Hauptseite div#header_top {
background-image: url(/orte/images/header_4.jpg);
background-repeat: no-repeat;
display: block;
}
body.page-Hauptseite div#header_top h1 {
font-family: 'Bodoni Moda', serif;
font-weight:bold;
color: #2B0405;
margin-top: 0px;
border-bottom:0px;
}
@media (min-width: 1280px){
body.page-Hauptseite div#header_top {
height: 540px;
}
.navbar-brand {
border-right:0px;
}
.nav > li > a{
padding:10px 20px;
}
body.page-Hauptseite div#header_top h1{
padding-top: 420px;
font-size: 62pt;
padding-left: 140px;
}
}
@media (min-width: 1024px) and (max-width:1279px){
body.page-Hauptseite div#header_top {
height: 440px;
background-size: 1290px;
}
.navbar-brand {
border-right:0px;
}
.nav > li > a{
padding:10px 10px;
}
body.page-Hauptseite div#header_top h1{
padding-top: 280px;
font-size:48pt;
padding-left: 60px;
}
}
@media (min-width: 800px) and (max-width:1023px){
body.page-Hauptseite div#header_top {
height: 350px;
background-size: 1030px;
}
.navbar-brand {
border-right:0px;
}
.nav > li > a{
padding:10px 10px;
}
body.page-Hauptseite div#header_top h1{
padding-top: 220px;
padding-left: 67px;
font-size:46px;
}
}
@media (min-width: 641px) and (max-width:799px){
body.page-Hauptseite div#header_top {
height: 250px;
background-size: 800px;
}
.navbar-brand {
border-right:0px;
}
.nav > li > a{
padding:10px 10px;
}
body.page-Hauptseite div#header_top h1{
padding-top: 180px;
padding-left: 58px;
font-size:32px;
}
}
@media (min-width: 361px) and (max-width:640px){
body.page-Hauptseite div#header_top {
height: 200px;
background-size: 640px;
}
.navbar-brand {
border-right:0px;
}
.nav > li > a{
padding:10px 10px;
}
body.page-Hauptseite div#header_top h1{
padding-top: 140px;
padding-left: 40px;
font-size: 28px;
}
}
@media (max-width:360px){
body.page-Hauptseite div#header_top {
height: 190px;
background-size: 640px;
}
.navbar-brand {
border-right:0px;
}
.nav > li > a{
padding:10px 10px;
}
body.page-Hauptseite div#header_top h1{
padding-top: 140px;
padding-left: 45px;
font-size: 28px;
}
}
/*Seitenntitel ausgeschaltet*/
body.page-Hauptseite h1#firstHeading{
display:none;
}
/*Infoboxen*/
.infoHeader{
border:1px solid #D9826E;
color:#D9826E;
padding:10px 0;
text-align:center;
height:auto;
margin:20px 0 20px 0;
font-weight:bold;
}
div.infoFooter{
border: 1px solid #225588;
padding: 5px;
clear: both;
}
.flex-container {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.flex-container>div:nth-child(1){
border-width:1px 5px 1px 1px;
border-color:#f1ebdd;
border-style:solid;
margin-bottom:10px;
padding:10px;
background-color:#bcc9b5;
}
div.flex-container>div:nth-child(2){
border-width:1px 5px 1px 5px;
border-color:#f1ebdd;
border-style:solid;
margin-bottom:10px;
padding:10px;
background-color:#f5ceac;
}
div.flex-container>div:nth-child(3){
border-width:1px 1px 1px 5px;
border-color:#f1ebdd;
border-style:solid;
margin-bottom:10px;
padding:10px;
background-color:#bcc9b5;
}
/*################## Button Form ##################*/
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-progressive:hover{
background-color:#B20904;
border:0px;
color:#FFF;
}
.mw-ui-input:focus {
border-color: #B20904;
box-shadow: inset 0 0 0 1px #B20904;
outline: 0;
}
/*################## Button Form ##################*/
.form-control {
border: 1px solid #B20904;
color: #B20904;
}
.form-control::placeholder {
color: #B20904;
opacity: 0.5;
}
.p-navbar .navbar-form button {
color: #B20904;
}
.p-search .searchGoButton:last-child, .p-search .mw-searchButton:last-child {
border-right-color: #B20904;
}
.p-search .searchGoButton, .p-search .mw-searchButton {
border-top-color: #B20904;
border-bottom-color: #B20904;
border-left-width: 0;
}
.btn-light, .p-search .searchGoButton, .p-search .mw-searchButton {
background: #EDE8DE linear-gradient(180deg,#eceff1,#EDE8DE) repeat-x;
}
/*Infobox Orte*/
table#vorlage-infobox-Orte {
background-color: #FFF;
border: 1px solid #DDD;
float: right;
width: 380px;
}
/*################## Bild Daten Tabelle ##################*/
#vorlage-infobox-Bilddaten{
margin-top:0px;
float: right;
width:298px;
}
#vorlage-infobox-Bilddaten .bilddaten_headline{
text-align: center;
color: #f1ebdd;
background: #8c8a75;
font-size: 1.1em !important;
font-weight:bold;
}
/*################## Artikel Daten Tabelle ##################*/
#vorlage-infobox-Bibliografie .bibliografie_headline{
text-align: center;
color: #86100f;
background-color: #d9826e !important;
font-size: 1.1em !important;
}
#vorlage-infobox-Orte th {
font-weight:bold;
background-color:#a3b561;
color:#FFF;
}
/*################## Orte Daten Tabelle ##################*/
table#vorlage-infobox-Orte {
background-color:#FFF;
border:1px solid #DDD;
margin-left:25px;
}
table#vorlage-infobox-Orte tr > td,
table#vorlage-infobox-Orte tr > th{
padding:5px 8px;
border:1px solid #DDD;
}
/*################## Page Glossar ##################*/
.page-Glossar table{
margin-bottom:10px;
}
.page-Glossar table>tbody>tr>td{
padding:10px;
}
/*################## Tabelle Ortsseiten ##################*/
.table > tbody > tr >td:first-child{
font-weight:bold;
vertical-align: top;
width:280px;
}