WMDE Technical Wishes/styles.css

/* Edit Links verbergen, wenn sie stören */
.wmde-techw-noedit .mw-editsection {
	display: none;
}

/* Projekt Farben */
.wmde-techw-blue1 {
	border-color: #3366CC;
}
.wmde-techw-blue2 {
	border-color: #2A4B8D;
}
.wmde-techw-green1 {
	border-color: #00AF89;
}

.please-note-yellow {
	border: solid #FFD03F; 
	border-width:2px 2px 2px 10px; 
	padding:0.6em; margin:1em;
	box-sizing: border-box;
}

.please-note-grey {
	border: solid #E3E3E3; 
	border-width:2px 2px 2px 10px; 
	padding:0.6em; margin:1em;
	box-sizing: border-box;
}

.please-note-red {
	border: solid #d82a2a; 
	border-width:2px 2px 2px 10px; 
	padding:0.6em; margin:1em;
	box-sizing: border-box;
}

.dotted-frame-green {
	border-top:2px dotted #3aaf6d; 
	border-left:2px dotted #3aaf6d; 
	border-bottom:2px dotted #3aaf6d;
	padding-left:2em;
	margin-bottom:1em;
	box-sizing: border-box;
}

.dotted-frame-blue {
	border-top:2px dotted #3366cc; 
	border-left:2px dotted #3366cc; 
	border-bottom:2px dotted #3366cc;
	padding-left:2em;
	margin-bottom:1em;
	box-sizing: border-box;
}

.dotted-frame-black {
	border-top:2px dotted #000; 
	border-left:2px dotted #000; 
	border-bottom:2px dotted #000;
	padding-left:2em;
	margin-bottom:1em;
	box-sizing: border-box;
}


h2 {
	font-family: sans-serif;
	font-weight: bold;
}

.h2-black {
	color:#fff;
	background-color:#484848;
	border:0px;
	padding:0.5em 0.5em 0.5em 1em; 
	margin-top:2em; 
	margin-bottom:1em;
}

.h3-green {
	margin-top:1em;
	text-decoration:underline;
	text-decoration-color:#3aaf6d;
}

.h3-blue {
	margin-top:1em;
	text-decoration:underline;
	text-decoration-color:#3366cc;
}

.h3-black {
	margin-top:1em;
	text-decoration:underline;
	text-decoration-color:#000;
}

/* Status-Pillen */
.wmde-techw-status {
    width: 11em;
    height: 1.75em;
    border-radius: 1em;
    text-align: center;
    padding: 0.2em;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.wmde-techw-status-anmerkung {
    padding-top: 0.5em;
    font-size: 80%;
    line-height: 0.9;
    text-align: center;
    width: calc(9.5em/0.7);
    margin-left: auto;
    margin-right: auto;
}


/* Kästen auf Wikipedia:Technische Wünsche/Topwünsche */
.wmde-techw-area {
	border-width: 4px;
	border-style: solid;
	box-sizing: border-box;
	border-radius: 0 0 2px 2px;
}
.wmde-techw-area-header {
	color: white;
	border: 1px solid;
	border-color: inherit;
	padding: 0.5em 0.8em;
    font-weight: bold;
    margin-top: -1px; /* Hack to fix browser bug in chromium */
}
.wmde-techw-area-header a {
	color: white;
}
.wmde-techw-blue1 .wmde-techw-area-header {
	background-color: #3366CC;
}
.wmde-techw-blue2 .wmde-techw-area-header {
	background-color: #2A4B8D;
}
.wmde-techw-green1 .wmde-techw-area-header {
	background-color: #00AF89;
}

.wmde-techw-area-body {
	padding: 1.7em;
	border-color: inherit;
}

.wmde-techw-area-intro {
	padding: 1em;
	/*font-size: 14px;
	line-height: 24px;*/
	color: #111;
}
.wmde-techw-area-hinweis {
    padding: 1em;
    /* font-style: italic; */
}
.wmde-techw-blue1 .wmde-techw-area-intro {
	background-color: #EAF3FF;
}
.wmde-techw-blue2 .wmde-techw-area-intro {
	background-color: #EAF3FF;
}
.wmde-techw-green1 .wmde-techw-area-intro {
	background-color: #D5FDF4;
}


/* Tabellen mit den Wünschen auf Wikipedia:Technische Wünsche/Topwünsche */
.wmde-techw-table {
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}
table.wmde-techw-table, .wmde-techw-table thead, .wmde-techw-table th, .wmde-techw-table tr {
    border-color: inherit;
}

.wmde-techw-table th {
	border-bottom-width: 3px;
    border-bottom-style: solid;
}

.wmde-techw-table tr:first-child td {
    padding-top: 1.2em;
}
.wmde-techw-table td {
    padding: 1em 1em 0.5em 0;
    line-height: 1.4;
}
/*
.wmde-techw-table td:first-child {
    font-weight: bold;
}
*/
.wmde-techw-table td a {
    color: #3366CC;
}
.wmde-techw-table td a:visited {
    color: #3366CC;
}

.wmde-techw-table td:first-child a {
    max-width: 40em;
    display: inline-block;
}
.wmde-techw-table-wide td:first-child a {
    max-width: none;
}
.wmde-techw-area-body > table > thead > tr > th:nth-child(2) {
    background-position: calc(50% + 4em) center;
}
/* Move the sort icon closer to the title */
.wmde-techw-area-body > table > thead > tr > th:nth-child(2) {
    background-position: calc(50% + 4em) center;
}
.wmde-techw-area-body > table > thead > tr > th:nth-child(1) {
    background-position: calc(50% + 2em) center;
}
.wmde-techw-area-body > table > thead > tr > th:nth-child(3) {
    background-position: calc(50% + 3em) center;
}
.wmde-techw-area-body th {
	font-size: 110%;
}