MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Hmeltz (Diskussion | Beiträge) |
Weiske (Diskussion | Beiträge) |
@import url("https://use.fontawesome.com/releases/v5.1.1/css/all.css");
/* Suchleiste */
/* Seitennavigation ausblenden */ .navigation-drawer, .navigation-enabled, .primary-navigation-enabled {
display:none;
}
a {color: #D10074;} a:hover {color: #D10074;}
-
- selection {background: #D10074; color: #fff;}
.vid {
box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
margin-bottom: 5px;
border-radius: 5px;
padding: 5px;
background: white;
}
.fas {
padding-left: 15px;
}
/*Überschriften*/ .bs-icon-arrow-down { color:#7B7673; }
.pre-content h1, .content h1, h2, h3, h4, h5, h6, .mw-headline{
font-family: sans-serif; line-height: 1;
}
.mw-headline {
padding-top: 1em;
font-weight: normal;
}
.content .in-block {
display: block;
border-bottom: 1px solid lightgrey;
margin-bottom: 0.5em
}
.content p {
margin: 0.2em 0em;
}
/*Formatierung der Listen*/
.content ul {
list-style-position: outside;
list-style-type: disc;
margin-left: 20px;
margin-right: 35px;
}
/*Überschriften nicht einklappbar/ Content wird immer gezeigt */ .client-js .collapsible-block .edit-page {
width: 100%;
display: initial !important;
}
.client-js .collapsible-block {
width: 100%; visibilitydisplay: visibleinherit !important;
}
.content .edit-page {
display: initial inline-block; visibility: visible !important;
} //
/*Ausblenden verschiedener Bedienelemente*/
.pre-content h1, .content h1{ font-size: 1.5rem; }
.noinclude, .mw-ui-icon.mw-ui-icon-arrow.mw-ui-icon-element.indicator, .pre-content.heading-holder{
display:none;
}
.transclusion-container .additional {
display:none;
} .toc
- bs-statebar,
- page-actions,
- page-secondary-actions,
.last-modified-bar {
borderdisplay: 1px solid #7b7673; none;
}
/*Formatierung des Kontextmenüs*/
.toc {
background: #efefef;
padding: 0.5em;
border-radius: 0.2em;
box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
}
/*Farbige Buttons*/
.grey, .pink { border-radius: 0.5em; display: inline; color: white; font-weight: bold; padding: 0.3em 2em 0.5em4em; margin: 0em;
white-space: nowrap;
font-size: 95%;
}
.grey { background: #7b7673; }
.pink { background: #dc097a; }
.additional { background: #efefef; symbol {
border-radius: 0.2em;
display: -webkit-inline-box;
padding: 0.2em;
box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
}
.article {
text-align: center; margin-top: 0.5em; padding: 0.1em; background: #efefef; border-radius: .2em; box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
}
/*Ausklapp-Texte*/
.additional { background: #efefef; border-radius: .2em; display: outline; padding: 0.0em 2em 0.5em; margin: 0em; --left: -0.5em;
margin-right: -0.5em;
-webkit-box-decoration-break: slice; box-decoration-break: slice; margin-top: 0.5em;
margin-bottom: 0.5em;
box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
}
body.mce-content-body .additional {
background-color: lightgreen;
}
.transclusion-container div.show.additional {
display:block;
}
.transclusion-container span.show.additional {
display:inline;
}
/*Intime FAQ Logo*/
.intime-icon-faq::before {
font-family: "entypo" !important; content: "\e9b6"; font-size: 100%;
}
/*Formatierung FAQ*/
.FAQ {
margin-top: 2em;
line-height: 1em;
}
/*Sonstiges*/
.languageselector {
float:right;
}
.transclusion-container .languageselector {
display:none;
}
/* MobileFrontendFixes */ /* extensions/MobileFrontend/resources/skind.minverva.content.styles/lists.less:20 */ .content ul {
list-style-position: outside; padding-left: 1em;
}
- bs-statebar,
- page-actions,
- page-secondary-actions,
.last-modified-bar {
display: none;
}
.content .section-heading, .content .in-block {
display: block;
}
/*In Bearbeitung*/
/* Alle Links einfärben
a:-webkit-any-link {
color: #dc097a;
font-weight: bold; }*}
- /
.@import url("https://use.fontawesome.com/releases/v5.1.1/css/all.css"); /* Suchleiste */ /* Seitennavigation ausblenden */ .navigation-drawer, .navigation-enabled, .primary-navigation-enabled { display:none; } a {color: #D10074;} a:hover {color: #D10074;} ::selection {background: #D10074; color: #fff;} .vid { box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); margin-bottom: 5px; border-radius: 5px; padding: 5px; background: white; } .fas { padding-left: 15px; } /*Überschriften*/ .bs-icon-arrow-down { color:#7B7673; } .pre-content h1, .content h1, h2, h3, h4, h5, h6, .mw-headline{ font-family: sans-serif; line-height: 1; } //Überschriften nicht einklappbar .mw-headline { padding-top: 1em; font-weight: normal; } .content .in-block { display: block; border-bottom: 1px solid lightgrey; margin-bottom: 0.5em } .content p { margin: 0.2em 0em; } /*Formatierung der Listen*/ .content ul { list-style-position: outside; list-style-type: disc; margin-left: 20px; margin-right: 35px; } /*Überschriften nicht einklappbar/ Content wird immer gezeigt */ .client-js .collapsible-block .edit-page { width: 100%; visibility: visible; display: initial !important; } { width: 100%; display: initial !important; } .client-js .collapsible-block { width: 100%; display: inherit !important; } .content .edit-page { display: inline-block; visibility: visible !important; } // /*Ausblenden verschiedener Bedienelemente*/ .pre-content h1, .content h1{ font-size: 1.5rem; } .noinclude, .mw-ui-icon.mw-ui-icon-arrow.mw-ui-icon-element.indicator, .pre-content.heading-holder{ display:none; } .transclusion-container .additional { display:none; } .toc { border: 1px solid #7b7673; #bs-statebar, #page-actions, #page-secondary-actions, .last-modified-bar { display: none; } /*Formatierung des Kontextmenüs*/ .toc { background: #efefef; padding: 0.5em; } border-radius: 0.2em; box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); } /*Farbige Buttons*/ .grey, .pink { border-radius: 0.5em; display: inline; color: white; font-weight: bold; padding: .3em0.2em 0.5em4em; margin: 0em; white-space: nowrap; font-size: 95%; } .grey { background: #7b7673; } .pink { background: #dc097a; } .symbol { border-radius: 0.2em; display: -webkit-inline-box; padding: 0.2em; box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); } .article { text-align: center; margin-top: 0.5em; padding: 0.1em; background: #efefef; border-radius: .2em; box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); } /*Ausklapp-Texte*/ .additional { background: #efefef; border-radius: .1em2em; display: outline; padding: .0em0.2em 0.5em; margin: 0em; -left: -0.5em; margin-right: -0.5em; -webkit-box-decoration-break: slice; box-decoration-break: slice; margin-top: 0.5em; margin-bottom: 0.5em; box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); } body.mce-content-body .additional { background-color: lightgreen; } .transclusion-container div.show.additional { display:block; } .transclusion-container span.show.additional { display:inline; } /*Intime FAQ Logo*/ .intime-icon-faq::before { font-family: "entypo" !important; content: "\e9b6"; font-size: 100%; } ./*Formatierung FAQ*/ .FAQ { margin-top: 2em; line-height: 1em; } /*Sonstiges*/ .languageselector { float:right; } .transclusion-container .languageselector { display:none; } /* MobileFrontendFixes */ /* extensions/MobileFrontend/resources/skind.minverva.content.styles/lists.less:20 */ .content ul { list-style-position: outside; padding-left: 1em; } #bs-statebar, #page-actions, #page-secondary-actions, .last-modified-bar { display: none; } ..content .section-heading, .content .in-block { display: block; } /*In Bearbeitung*/ /* Alle Links einfärben a:-webkit-any-link { color: #dc097a; font-weight: bold; }} */
(68 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
+ | @import url("https://use.fontawesome.com/releases/v5.1.1/css/all.css"); | ||
+ | |||
+ | /* Suchleiste */ | ||
+ | |||
+ | /* Seitennavigation ausblenden */ | ||
+ | .navigation-drawer, .navigation-enabled, .primary-navigation-enabled { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | a {color: #D10074;} | ||
+ | a:hover {color: #D10074;} | ||
+ | |||
+ | ::selection {background: #D10074; color: #fff;} | ||
+ | |||
+ | .vid { | ||
+ | box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); | ||
+ | margin-bottom: 5px; | ||
+ | border-radius: 5px; | ||
+ | padding: 5px; | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | |||
+ | .fas { | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Überschriften*/ | ||
+ | .bs-icon-arrow-down { | ||
+ | color:#7B7673; | ||
+ | } | ||
+ | |||
.pre-content h1, .content h1, h2, h3, h4, h5, h6, .mw-headline{ | .pre-content h1, .content h1, h2, h3, h4, h5, h6, .mw-headline{ | ||
font-family: sans-serif; | font-family: sans-serif; | ||
Zeile 4: | Zeile 37: | ||
} | } | ||
+ | .mw-headline { | ||
+ | padding-top: 1em; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .content .in-block { | ||
+ | display: block; | ||
+ | border-bottom: 1px solid lightgrey; | ||
+ | margin-bottom: 0.5em | ||
+ | } | ||
− | //Überschriften nicht einklappbar | + | .content p { |
− | .client-js .collapsible-block | + | margin: 0.2em 0em; |
+ | } | ||
+ | |||
+ | |||
+ | /*Formatierung der Listen*/ | ||
+ | |||
+ | .content ul { | ||
+ | list-style-position: outside; | ||
+ | list-style-type: disc; | ||
+ | margin-left: 20px; | ||
+ | margin-right: 35px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*Überschriften nicht einklappbar/ Content wird immer gezeigt */ | ||
+ | .client-js .collapsible-block { | ||
width: 100%; | width: 100%; | ||
− | |||
display: initial !important; | display: initial !important; | ||
} | } | ||
+ | |||
+ | .client-js .collapsible-block { | ||
+ | width: 100%; | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | |||
+ | .content .edit-page { | ||
+ | display: inline-block; | ||
+ | visibility: visible !important; | ||
+ | } | ||
+ | // | ||
+ | |||
+ | /*Ausblenden verschiedener Bedienelemente*/ | ||
.pre-content h1, .content h1{ | .pre-content h1, .content h1{ | ||
Zeile 22: | Zeile 93: | ||
.transclusion-container .additional { | .transclusion-container .additional { | ||
display:none; | display:none; | ||
+ | } | ||
+ | |||
+ | #bs-statebar, | ||
+ | #page-actions, | ||
+ | #page-secondary-actions, | ||
+ | .last-modified-bar { | ||
+ | display: none; | ||
} | } | ||
+ | |||
+ | /*Formatierung des Kontextmenüs*/ | ||
.toc { | .toc { | ||
− | |||
background: #efefef; | background: #efefef; | ||
padding: 0.5em; | padding: 0.5em; | ||
+ | border-radius: 0.2em; | ||
+ | box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); | ||
} | } | ||
+ | |||
+ | /*Farbige Buttons*/ | ||
.grey, .pink { | .grey, .pink { | ||
Zeile 36: | Zeile 119: | ||
color: white; | color: white; | ||
font-weight: bold; | font-weight: bold; | ||
− | padding: . | + | padding: 0.2em 0.4em; |
margin: 0em; | margin: 0em; | ||
white-space: nowrap; | white-space: nowrap; | ||
+ | font-size: 95%; | ||
} | } | ||
Zeile 48: | Zeile 132: | ||
background: #dc097a; | background: #dc097a; | ||
} | } | ||
+ | |||
+ | .symbol { | ||
+ | border-radius: 0.2em; | ||
+ | display: -webkit-inline-box; | ||
+ | padding: 0.2em; | ||
+ | box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .article { | ||
+ | text-align: center; | ||
+ | margin-top: 0.5em; | ||
+ | padding: 0.1em; | ||
+ | background: #efefef; | ||
+ | border-radius: .2em; | ||
+ | box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | /*Ausklapp-Texte*/ | ||
.additional { | .additional { | ||
background: #efefef; | background: #efefef; | ||
− | border-radius: . | + | border-radius: .2em; |
display: outline; | display: outline; | ||
− | padding: . | + | padding: 0.2em 0.5em; |
− | margin: | + | margin-left: -0.5em; |
+ | margin-right: -0.5em; | ||
-webkit-box-decoration-break: slice; | -webkit-box-decoration-break: slice; | ||
box-decoration-break: slice; | box-decoration-break: slice; | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
+ | box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2); | ||
} | } | ||
Zeile 72: | Zeile 176: | ||
display:inline; | display:inline; | ||
} | } | ||
+ | |||
+ | /*Intime FAQ Logo*/ | ||
.intime-icon-faq::before { | .intime-icon-faq::before { | ||
Zeile 78: | Zeile 184: | ||
font-size: 100%; | font-size: 100%; | ||
} | } | ||
+ | |||
+ | /*Formatierung FAQ*/ | ||
+ | |||
+ | .FAQ { | ||
+ | margin-top: 2em; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Sonstiges*/ | ||
.languageselector { | .languageselector { | ||
Zeile 92: | Zeile 208: | ||
list-style-position: outside; | list-style-position: outside; | ||
padding-left: 1em; | padding-left: 1em; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Zeile 104: | Zeile 213: | ||
display: block; | display: block; | ||
} | } | ||
+ | |||
/*In Bearbeitung*/ | /*In Bearbeitung*/ | ||
/* Alle Links einfärben | /* Alle Links einfärben | ||
+ | |||
a:-webkit-any-link { | a:-webkit-any-link { | ||
color: #dc097a; | color: #dc097a; | ||
− | + | } | |
− | + | */ |