(Code highlight style)
 
(88 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;  }
  
.downloadButton { float: right; display: inline-block; padding: 6px 10px; margin: 10px; background: #3a3; border: 1px solid #7a7; border-radius: 3px; }
+
.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; }
.downloadButton a { color: white !important; text-decoration: none !important; }
 
 
 
.prettytable {
 
border: 1px solid #ccc;
 
border-collapse: collapse;
 
background-color: #fafafa;
 
}
 
 
 
.prettytable th,
 
.prettytable td {
 
border: 1px solid #ccc;
 
padding: 0.4em;
 
}
 
  
.prettytable th {
+
.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); }
font-weight: bold;
+
.download h4 { display: inline-block; padding: 0; margin: 0; margin-bottom: 10px; color: rgba(0,100,200,.85); font-style: normal; }
text-align: center;
+
.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; }
  
.klassenkarte {
+
.downloadButton {
float: right;
+
    float: right;
width: 350px;
 
padding: 0 8px;
 
background: #f5f5f5;
 
border: 1px solid #ccc;
 
border-radius: 3px;
 
box-shadow: 1px 1px 3px #ddd;
 
 
}
 
}
  
.klassenkarte .title {
+
.downloadButton a {
display: block;
+
    border: 1px solid rgba(0,0,0,.1);
text-align: center;
+
    border-bottom: 1px solid rgba(0,0,0,.2);
font-weight: bold;
+
    padding: 0px 8px;
line-height: 28px;
+
    border-radius: 2px;
height: 28px;
+
    cursor: default;
background: #8be88b;
+
    color: #444;
margin: 0 -8px;
+
    font-size: 12px;
border-radius: 3px 3px 0 0;
+
    line-height: 30px;
font-size: 110%;
+
    height: 30px;
 +
    background: #f5f5f5 left bottom repeat-x;
 +
    appearance: none;
 +
    text-align: center;
 +
    display: inline-block;
 
}
 
}
  
.klassenkarte .subtitle {
+
.downloadButton a, .downloadButton a:hover, .downloadButton a:focus {
display: block;
+
    text-decoration: none;
text-align: center;
 
background: #ddd;
 
line-height: 20px;
 
height: 20px;
 
margin: 0 -8px;
 
 
}
 
}
  
.klassenkarte ul {
+
.downloadButton a:hover {
padding: 5px 0;
+
    border: 1px solid rgba(0,0,0,.2);
margin: 0;
+
    border-bottom: 1px solid rgba(0,0,0,.3);
 +
    box-shadow: 0 3px 5px -5px rgba(0,0,0,.3);
 +
    cursor: default;
 
}
 
}
  
.klassenkarte li {
+
.downloadButton a:active {
list-style-type: none;
+
    background-color: #eee;
list-style-image: none;
 
padding-left: 20px;
 
 
}
 
}
  
.klassenkarte .attributes li {
+
.downloadButton a:focus {
background: url(http://engine-alpha.org/wiki/images/3/3b/IconMinus.png) 0px 3px no-repeat;
+
    box-shadow: 0 0px 1px 1px #08f;
 
}
 
}
  
.klassenkarte .methods li {
+
.downloadButton a { color: #333 !important; text-decoration: none !important; }
background: url(http://engine-alpha.org/wiki/images/2/2c/IconPlus.png) 0px 3px no-repeat;
 
}
 
  
.klassenkarte span.visible_public:after {
+
.indent { margin-left: 1.6em; }
content: "+";
 
}
 
  
.klassenkarte span.visible_protected:after {
+
.wikitable {
content: "#";
+
border: 1px solid #eee !important;
 +
background-color: #fafafa !important;
 +
border-radius: 3px !important;
 
}
 
}
  
.klassenkarte span.keywords {
+
.wikitable th,
color: #555;
+
.wikitable td {
 +
background-color: #fafafa !important;
 +
border: 1px solid #eee !important;
 +
padding: 0.4em !important;
 
}
 
}
  
.klassenkarte span.type {
+
.wikitable th {
font-weight: bold;
+
font-weight: bold !important;
 +
text-align: center !important;
 
}
 
}
  
.klassenkarte span.name {
+
.wikitable tr:first-of-type > *:first-of-type { border-top-left-radius: 3px; }
color: #058;
+
.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; }
 
.attribution { margin: 10px 0; padding: 8px; border: 1px solid #0a0; background: #a9d6a9; }
  
.templateDocTitle, .hinweisInfo, .hinweisProbleme { 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; }
+
.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: #c2d2e6; border-left: 3px solid #32598b; }
+
.hinweisInfo,
.hinweisProbleme { background: #e6d6c2; border-left: 3px solid #e6b374; }
+
.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 #ddd; padding: 1px 4px; border-radius: 2px; }
+
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 133: Zeile 128:
 
#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; }
 
#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; }
  
#mainpageStudent span { background-image: url(http://engine-alpha.org/w/images/1/19/StartStudent.png); }
+
.hm10 { margin-top: 10px; margin-bottom: 10px; }
#mainpageTeacher span { background-image: url(http://engine-alpha.org/w/images/e/e7/StartTeacher.png); }
+
 
#mainpageContribute span { background-image: url(http://engine-alpha.org/w/images/4/41/StartContribute.png); }
+
.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;
 +
}
  
#mainpageStudent { border-left: 1px solid transparent; }
+
.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);
 +
}
  
.mainpageButton span { display: inline-block; height: 50px; width: 50px; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; position: absolute; left: 7px; top: 7px; background-position: center; background-repeat: no-repeat; }
+
.mainpage-cover a:hover {
 +
  border-color: #3cb0fd;
 +
  text-decoration: none;
 +
  color: #111;
 +
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
 +
}
  
.mainpageButton { position: relative; display: block; height: 64px; padding: 15px; padding-left: 74px; font-size: 22px; width: 33.3%; float: left; border-left: 1px solid #ccc; transition: all 500ms; -moz-transistion: all 500ms; -webkit-transistion: all 500ms; }
+
.page-Hauptseite #body {
 +
  padding-right: 8px !important;
 +
}
  
.mainpageButton:hover { box-shadow: 0 0 6px rgba(0,0,0,.2); }
+
.mainpage-content {
.mainpageButton:hover + .mainpageButton { border-left: 1px solid transparent; }
+
  max-width: 800px;
 +
  margin: auto;
 +
}
 +
 
 +
.mainpage-content p {
 +
  text-align: center !important;
 +
}

Aktuelle Version vom 6. August 2018, 19: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;
}