MediaWiki:Common.css: Unterschied zwischen den Versionen
(Code highlight style) |
|||
| (105 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
| + | |||
| + | body.page-Hauptseite.action-view h1.firstHeading, body.page-Hauptseite.action-submit h1.firstHeading { display: none; } | ||
| + | |||
| + | .mw-highlight { background: white; box-shadow: 0 1px 2px rgba(0,0,0,.2); padding: 15px 15px; } | ||
| + | .mw-highlight pre { margin: 0; font-size: 13px; line-height: 1.5; } | ||
| + | |||
| + | .tright { margin: 8px 0 8px 16px; } | ||
| + | .thumbinner { border: 1px solid #ddd; padding: 3px; background: #fafafa; font-size: 95%; overflow: hidden; text-align: center; } | ||
| + | |||
| + | h2 { margin-top: 20px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,.075); } | ||
| + | h3 { margin-top: 10px; margin-bottom: 5px; } | ||
#mainpageDownload { display: block; width: 170px; height: 60px; color: white; font-size: 20px; | #mainpageDownload { display: block; width: 170px; height: 60px; color: white; font-size: 20px; | ||
| Zeile 5: | Zeile 16: | ||
padding-left: 66px; padding-top: 16px; line-height: 16px; box-sizing: content-box; } | padding-left: 66px; padding-top: 16px; line-height: 16px; box-sizing: content-box; } | ||
| − | . | + | .templateUser { margin: 15px 0px; padding: 10px; box-shadow: 0 0 3px rgba(0,0,0,.2); border: 1px solid #ccc; background: url('/w/images/d/db/User.png') 8px center no-repeat; padding-left: 85px; } |
| − | . | ||
| − | . | + | .download { padding: 15px; border: 1px solid rgba(0,0,0,.1); margin: 8px 0; box-shadow: 0 1px 10px rgba(0,0,0,.05), 0 2px 5px rgba(0,0,0,.05); } |
| − | + | .download h4 { display: inline-block; padding: 0; margin: 0; margin-bottom: 10px; color: rgba(0,100,200,.85); font-style: normal; } | |
| − | + | .download p { margin: 0 !important; padding: 0 !important; } | |
| − | + | .download h4 .fa { font-size: 14px;line-height: 14px;transform: translateY(-2px);margin-right: 5px;width:1.11em;display:inline-block;text-align:center; } | |
| − | } | ||
| − | . | + | .downloadButton { |
| − | + | float: right; | |
| − | |||
| − | |||
} | } | ||
| − | . | + | .downloadButton a { |
| − | + | border: 1px solid rgba(0,0,0,.1); | |
| − | + | border-bottom: 1px solid rgba(0,0,0,.2); | |
| + | padding: 0px 8px; | ||
| + | border-radius: 2px; | ||
| + | cursor: default; | ||
| + | color: #444; | ||
| + | font-size: 12px; | ||
| + | line-height: 30px; | ||
| + | height: 30px; | ||
| + | background: #f5f5f5 left bottom repeat-x; | ||
| + | appearance: none; | ||
| + | text-align: center; | ||
| + | display: inline-block; | ||
} | } | ||
| − | . | + | .downloadButton a, .downloadButton a:hover, .downloadButton a:focus { |
| − | + | text-decoration: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .downloadButton a:hover { |
| − | + | border: 1px solid rgba(0,0,0,.2); | |
| − | + | border-bottom: 1px solid rgba(0,0,0,.3); | |
| − | + | box-shadow: 0 3px 5px -5px rgba(0,0,0,.3); | |
| − | + | cursor: default; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .downloadButton a:active { |
| − | + | background-color: #eee; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .downloadButton a:focus { |
| − | + | box-shadow: 0 0px 1px 1px #08f; | |
| − | |||
} | } | ||
| − | . | + | .downloadButton a { color: #333 !important; text-decoration: none !important; } |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | } | ||
| − | . | + | .indent { margin-left: 1.6em; } |
| − | |||
| − | } | ||
| − | . | + | .wikitable { |
| − | + | border: 1px solid #eee !important; | |
| + | background-color: #fafafa !important; | ||
| + | border-radius: 3px !important; | ||
} | } | ||
| − | . | + | .wikitable th, |
| − | + | .wikitable td { | |
| + | background-color: #fafafa !important; | ||
| + | border: 1px solid #eee !important; | ||
| + | padding: 0.4em !important; | ||
} | } | ||
| − | . | + | .wikitable th { |
| − | + | font-weight: bold !important; | |
| + | text-align: center !important; | ||
} | } | ||
| − | . | + | .wikitable tr:first-of-type > *:first-of-type { border-top-left-radius: 3px; } |
| − | + | .wikitable tr:first-of-type > *:last-of-type { border-top-right-radius: 3px; } | |
| − | } | + | .wikitable tr:last-of-type > *:first-of-type { border-bottom-left-radius: 3px; } |
| + | .wikitable tr:last-of-type > *:last-of-type { border-bottom-right-radius: 3px; } | ||
| − | . | + | .attribution { margin: 10px 0; padding: 8px; border: 1px solid #0a0; background: #a9d6a9; } |
| − | |||
| − | } | ||
| − | .templateDocTitle | + | .templateDocTitle { border: 1px solid rgba(0,0,0,.1); margin-bottom: 8px; padding: 10px; padding-left: 40px; font-size: 110%; font-weight: bold; border-radius: 2px; } |
.templateDoc { margin-top: 15px; padding: 8px; } | .templateDoc { margin-top: 15px; padding: 8px; } | ||
.tempalteDocTitle { background: #abd794; border-left: 3px solid #abd794; } | .tempalteDocTitle { background: #abd794; border-left: 3px solid #abd794; } | ||
| − | .hinweisInfo { background: # | + | .hinweisInfo, |
| − | .hinweisProbleme { background: # | + | .hinweisProbleme { margin: 10px 0; padding: 8px 20px; } |
| + | .hinweisInfo { background: #eee; border-left: 5px solid #089; } | ||
| + | .hinweisProbleme { background: #fad8c7; border-left: 5px solid #991000; } | ||
| − | code { border: 1px solid | + | code { border: 1px solid rgba(0,0,0,.15); background: rgba(255,255,255,.6); padding: 3px 8px; border-radius: 3px; } |
| + | kbd { display: inline-block; border: 1px solid rgba(0,0,0,.1); background: rgba(0,0,0,.05); padding: 1px 7px; border-radius: 2px; margin: 0 2px; box-shadow: 0 0 0 2px rgba(255,255,255,.9) inset,0 2px 2px -2px rgba(0,0,0,.2); } | ||
.page-box { border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.1); background: #fafafa; } | .page-box { border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.1); background: #fafafa; } | ||
.page-box-title { padding: 2px 6px; background: #94d7af; border-bottom: 1px solid rgba(0,0,0,.1); } | .page-box-title { padding: 2px 6px; background: #94d7af; border-bottom: 1px solid rgba(0,0,0,.1); } | ||
.page-box-text { padding: 2px 6px; } | .page-box-text { padding: 2px 6px; } | ||
| − | |||
| − | |||
.docbox { margin: 10px 0; border: 1px solid rgb(210,210,210); box-shadow: 0 0 3px rgba(210,210,210,.5); padding: 8px; } | .docbox { margin: 10px 0; border: 1px solid rgb(210,210,210); box-shadow: 0 0 3px rgba(210,210,210,.5); padding: 8px; } | ||
| Zeile 121: | Zeile 118: | ||
.docparamname { color: #659956; font-weight: normal; } | .docparamname { color: #659956; font-weight: normal; } | ||
| − | .doccode { font-family: monospace; display: block; padding-left: | + | .doccode { font-family: monospace; display: block; padding-left: 40px; text-indent: -40px; } |
| − | .docparams { padding-left: | + | .docparams { padding-left: 30px; text-indent: -30px; margin-left: 1.6em; overflow-x: auto; } |
| + | |||
| + | .docparams * { text-indent: 0; } | ||
| + | |||
| + | .doctocitem { display: inline-block; list-style-image: url(/static/wiki/doctocbull.png); padding-left: 20px; text-indent: -20px; } | ||
| + | |||
| + | #startpageIntro { text-align: center; position: relative; height: 300px; background: url(http://engine-alpha.org/w/images/e/e5/startpage.png) center no-repeat; width: 400px; margin: 0 auto; } | ||
| + | |||
| + | .hm10 { margin-top: 10px; margin-bottom: 10px; } | ||
| + | |||
| + | .card { border:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.2);border-radius:2px;-webkit-box-shadow:0 2px 5px -2px rgba(0,0,0,.2);box-shadow:0 2px 5px -2px rgba(0,0,0,.2);background:#fff;padding:20px;position:relative } | ||
| + | .card-title { text-align: left; font-size: 20px; color: #888; font-style: italic; font-weight: 300; padding: 4px 10px; } | ||
| + | .card a { display: block; margin: 0 -20px; border-bottom: 1px solid rgba(0,0,0,.05); line-height: 30px; padding: 1px 20px; } | ||
| + | .card a:nth-of-type(2n) { background: rgba(0,0,0,.02); } | ||
| + | .card a:first-of-type { border-top: 1px solid rgba(0,0,0,.05); } | ||
| + | .card a:hover { text-decoration: none; } | ||
| + | |||
| + | #stackoverflow-german { margin-top: 10px !important; text-align: center; } #stackoverflow-german a { border: 0; line-height: 0; margin: 7px -11px; } | ||
| + | |||
| + | |||
| + | |||
| + | .mainpage-cover { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .mainpage-cover-message { | ||
| + | font-size: 250%; | ||
| + | line-height: 150%; | ||
| + | text-align: center; | ||
| + | margin: auto; | ||
| + | color: #222; | ||
| + | font-family: sans-serif; | ||
| + | } | ||
| + | |||
| + | .mainpage-cover a { | ||
| + | -webkit-border-radius: 2px; | ||
| + | -moz-border-radius: 2px; | ||
| + | border-radius: 2px; | ||
| + | color: #222; | ||
| + | font-size: 24px; | ||
| + | line-height: 44px; | ||
| + | padding: 10px 20px 10px 20px; | ||
| + | text-decoration: none; | ||
| + | display: inline-block; | ||
| + | margin: 10px; | ||
| + | background: #fff; | ||
| + | border: 2px solid #e86f33; | ||
| + | box-shadow: 0 1px 2px rgba(0,0,0,.1); | ||
| + | } | ||
| + | |||
| + | .mainpage-cover a:hover { | ||
| + | border-color: #3cb0fd; | ||
| + | text-decoration: none; | ||
| + | color: #111; | ||
| + | box-shadow: 0 2px 4px rgba(0,0,0,.2); | ||
| + | } | ||
| + | |||
| + | .page-Hauptseite #body { | ||
| + | padding-right: 8px !important; | ||
| + | } | ||
| + | |||
| + | .mainpage-content { | ||
| + | max-width: 800px; | ||
| + | margin: auto; | ||
| + | } | ||
| + | |||
| + | .mainpage-content p { | ||
| + | text-align: center !important; | ||
| + | } | ||
Aktuelle Version vom 6. August 2018, 18:14 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
body.page-Hauptseite.action-view h1.firstHeading, body.page-Hauptseite.action-submit h1.firstHeading { display: none; }
.mw-highlight { background: white; box-shadow: 0 1px 2px rgba(0,0,0,.2); padding: 15px 15px; }
.mw-highlight pre { margin: 0; font-size: 13px; line-height: 1.5; }
.tright { margin: 8px 0 8px 16px; }
.thumbinner { border: 1px solid #ddd; padding: 3px; background: #fafafa; font-size: 95%; overflow: hidden; text-align: center; }
h2 { margin-top: 20px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,.075); }
h3 { margin-top: 10px; margin-bottom: 5px; }
#mainpageDownload { display: block; width: 170px; height: 60px; color: white; font-size: 20px;
background: url(http://engine-alpha.org/w/images/f/f1/Download.png) center no-repeat;
padding-left: 66px; padding-top: 16px; line-height: 16px; box-sizing: content-box; }
.templateUser { margin: 15px 0px; padding: 10px; box-shadow: 0 0 3px rgba(0,0,0,.2); border: 1px solid #ccc; background: url('/w/images/d/db/User.png') 8px center no-repeat; padding-left: 85px; }
.download { padding: 15px; border: 1px solid rgba(0,0,0,.1); margin: 8px 0; box-shadow: 0 1px 10px rgba(0,0,0,.05), 0 2px 5px rgba(0,0,0,.05); }
.download h4 { display: inline-block; padding: 0; margin: 0; margin-bottom: 10px; color: rgba(0,100,200,.85); font-style: normal; }
.download p { margin: 0 !important; padding: 0 !important; }
.download h4 .fa { font-size: 14px;line-height: 14px;transform: translateY(-2px);margin-right: 5px;width:1.11em;display:inline-block;text-align:center; }
.downloadButton {
float: right;
}
.downloadButton a {
border: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.2);
padding: 0px 8px;
border-radius: 2px;
cursor: default;
color: #444;
font-size: 12px;
line-height: 30px;
height: 30px;
background: #f5f5f5 left bottom repeat-x;
appearance: none;
text-align: center;
display: inline-block;
}
.downloadButton a, .downloadButton a:hover, .downloadButton a:focus {
text-decoration: none;
}
.downloadButton a:hover {
border: 1px solid rgba(0,0,0,.2);
border-bottom: 1px solid rgba(0,0,0,.3);
box-shadow: 0 3px 5px -5px rgba(0,0,0,.3);
cursor: default;
}
.downloadButton a:active {
background-color: #eee;
}
.downloadButton a:focus {
box-shadow: 0 0px 1px 1px #08f;
}
.downloadButton a { color: #333 !important; text-decoration: none !important; }
.indent { margin-left: 1.6em; }
.wikitable {
border: 1px solid #eee !important;
background-color: #fafafa !important;
border-radius: 3px !important;
}
.wikitable th,
.wikitable td {
background-color: #fafafa !important;
border: 1px solid #eee !important;
padding: 0.4em !important;
}
.wikitable th {
font-weight: bold !important;
text-align: center !important;
}
.wikitable tr:first-of-type > *:first-of-type { border-top-left-radius: 3px; }
.wikitable tr:first-of-type > *:last-of-type { border-top-right-radius: 3px; }
.wikitable tr:last-of-type > *:first-of-type { border-bottom-left-radius: 3px; }
.wikitable tr:last-of-type > *:last-of-type { border-bottom-right-radius: 3px; }
.attribution { margin: 10px 0; padding: 8px; border: 1px solid #0a0; background: #a9d6a9; }
.templateDocTitle { border: 1px solid rgba(0,0,0,.1); margin-bottom: 8px; padding: 10px; padding-left: 40px; font-size: 110%; font-weight: bold; border-radius: 2px; }
.templateDoc { margin-top: 15px; padding: 8px; }
.tempalteDocTitle { background: #abd794; border-left: 3px solid #abd794; }
.hinweisInfo,
.hinweisProbleme { margin: 10px 0; padding: 8px 20px; }
.hinweisInfo { background: #eee; border-left: 5px solid #089; }
.hinweisProbleme { background: #fad8c7; border-left: 5px solid #991000; }
code { border: 1px solid rgba(0,0,0,.15); background: rgba(255,255,255,.6); padding: 3px 8px; border-radius: 3px; }
kbd { display: inline-block; border: 1px solid rgba(0,0,0,.1); background: rgba(0,0,0,.05); padding: 1px 7px; border-radius: 2px; margin: 0 2px; box-shadow: 0 0 0 2px rgba(255,255,255,.9) inset,0 2px 2px -2px rgba(0,0,0,.2); }
.page-box { border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.1); background: #fafafa; }
.page-box-title { padding: 2px 6px; background: #94d7af; border-bottom: 1px solid rgba(0,0,0,.1); }
.page-box-text { padding: 2px 6px; }
.docbox { margin: 10px 0; border: 1px solid rgb(210,210,210); box-shadow: 0 0 3px rgba(210,210,210,.5); padding: 8px; }
.docmodifier { color: #406f6f; font-weight: bold; }
.docfieldname, .docmethodname { color: #34a9a9; font-weight: bold; }
.doctype { color: #229900; font-weight: bold; }
.doctypeprimitive { color: #ff582d; }
a .doctype { text-decoration: underline; }
.docparamname { color: #659956; font-weight: normal; }
.doccode { font-family: monospace; display: block; padding-left: 40px; text-indent: -40px; }
.docparams { padding-left: 30px; text-indent: -30px; margin-left: 1.6em; overflow-x: auto; }
.docparams * { text-indent: 0; }
.doctocitem { display: inline-block; list-style-image: url(/static/wiki/doctocbull.png); padding-left: 20px; text-indent: -20px; }
#startpageIntro { text-align: center; position: relative; height: 300px; background: url(http://engine-alpha.org/w/images/e/e5/startpage.png) center no-repeat; width: 400px; margin: 0 auto; }
.hm10 { margin-top: 10px; margin-bottom: 10px; }
.card { border:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.2);border-radius:2px;-webkit-box-shadow:0 2px 5px -2px rgba(0,0,0,.2);box-shadow:0 2px 5px -2px rgba(0,0,0,.2);background:#fff;padding:20px;position:relative }
.card-title { text-align: left; font-size: 20px; color: #888; font-style: italic; font-weight: 300; padding: 4px 10px; }
.card a { display: block; margin: 0 -20px; border-bottom: 1px solid rgba(0,0,0,.05); line-height: 30px; padding: 1px 20px; }
.card a:nth-of-type(2n) { background: rgba(0,0,0,.02); }
.card a:first-of-type { border-top: 1px solid rgba(0,0,0,.05); }
.card a:hover { text-decoration: none; }
#stackoverflow-german { margin-top: 10px !important; text-align: center; } #stackoverflow-german a { border: 0; line-height: 0; margin: 7px -11px; }
.mainpage-cover {
text-align: center;
}
.mainpage-cover-message {
font-size: 250%;
line-height: 150%;
text-align: center;
margin: auto;
color: #222;
font-family: sans-serif;
}
.mainpage-cover a {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #222;
font-size: 24px;
line-height: 44px;
padding: 10px 20px 10px 20px;
text-decoration: none;
display: inline-block;
margin: 10px;
background: #fff;
border: 2px solid #e86f33;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.mainpage-cover a:hover {
border-color: #3cb0fd;
text-decoration: none;
color: #111;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.page-Hauptseite #body {
padding-right: 8px !important;
}
.mainpage-content {
max-width: 800px;
margin: auto;
}
.mainpage-content p {
text-align: center !important;
}
