MediaWiki:Common.css: Unterschied zwischen den Versionen

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

#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: 10px; border-bottom: 1px solid rgba(0,0,0,.05); }
.download:nth-of-type(2n) { background: rgba(0,0,0,.02); }

.downloadButton {
    float: right;
    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, .downloadButton:hover, .downloadButton:focus {
    text-decoration: none;
}

.downloadButton: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 { 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; padding-left: 20px; }
.hinweisInfo { background: #eee; border-left: 5px solid #089; }
.hinweisProbleme { background: #fad8c7; border-left: 5px solid #991000; }

code { display: inline-block; border: 1px solid #ddd; padding: 0 3px; border-radius: 3px; margin: 0 2px; }

.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; }

#mainpageStudent { background-image: url(/w/images/1/19/StartStudent.png); }
#mainpageTeacher { background-image: url(/w/images/e/e7/StartTeacher.png); }
#mainpageContribute { background-image: url(/w/images/4/41/StartContribute.png); }

.mainpageButton { margin: 10px; padding: 10px; box-shadow: 0 0 3px rgba(0,0,0,.2); border: 1px solid #ccc; background-position: 8px center; background-repeat: no-repeat; padding-left: 65px; transition: all 250ms; -moz-transition: all 250ms; -webkit-transition: all 250ms; font-size: 18px; display: block; height: 76px; line-height: 51px; color: #059; overflow: hidden; }

@media all and (max-width: 999px) {
    .mainpageButton { margin: 4px; font-size: 14px; }
}

.mainpageButton:hover { border-color: #08e; color: #059; text-decoration: none; }

.hm10 { margin-top: 10px; margin-bottom: 10px; }

#mobileMenuSwitch { float: right;
border: 1px solid rgba(0,0,0,0.1);
background: #fafafa;
padding: 13px 18px;
margin: 5px; }

#mobileMenu { list-style: none; overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; left: 100%; top: 80px; bottom: 0; background: #fafafa; transition: all 300ms; z-index: 5; }
#mobileMenu li { display: block; }
#mobileMenu a { display: block; text-decoration: none; font-size: 18px; padding: 25px 45px; border-bottom: 1px solid #ccc; }
.openMobileMenu { left: 10% !important; }
.mobileView #header { z-index: 5; left: 0; right: 0; top: 0; position: fixed; }
.mobileView #subheader { margin-top: 80px; }