Wikipedia:Technische Wünsche/styles.css

/* Menü */ .wmde-techw-menu ul { list-style: none; display: flex; flex-direction: row; justify-content: space-between; margin: 0; margin-top: 1vmin; overflow-x: auto; padding: 0; /* For Minerva */ gap: 1vw; border-bottom: 3px solid #ff991e; } .wmde-techw-menu ul li { display: flex; margin-bottom: 0; width: 100%; font-family: "Poppins", "Trebuchet MS", sans-serif; } .wmde-techw-menu ul li a { display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; text-align: center; transition: all 0.1s; text-decoration: none; color: var(--color-placeholder, #7b7e80); font-weight: bold; padding: 0.5vw 1vw; font-size: 1rem; } .wmde-techw-menu ul li a.mw-selflink { cursor: default; color: #fff; background-color: #FF991E; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .wmde-techw-menu ul li a:not(.mw-selflink):hover { color: var(--color-base, #000); } .wmde-techw-menu ul li a .small { font-size: 0.625rem; font-weight: normal; }

h1, h2, h3 { font-family: "Poppins", "Trebuchet MS", sans-serif; font-weight: bold; } .mw-heading2 { border-bottom: 2px solid #EAECF0; } .mw-heading2, .mw-heading3, h3 { margin-top: 2rem; margin-bottom: 1rem; } h2 .mw-headline::after { content: ""; background-repeat: no-repeat; background-size: 2rem; background-position: center; display: inline-block; } h2 #Aktuelle_Information_erhalten::after { background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/7f/Star_Drawing.svg); background-size: 1.5rem; width: 3rem; height: 3rem; } h2 #Technische_Wünsche_Umfrage::after { background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/2f/Highlight_2_Drawing.svg); background-size: contain; width: 4rem; margin-left: -1rem; }

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

.please-note-yellow { border: solid #FFD03F; border-width:2px 2px 2px 10px; padding:0.6em; margin:1em; } .please-note-grey { border: solid #E3E3E3; border-width:2px 2px 2px 10px; padding:0.6em; margin:1em; } .dotted-frame-green { border-top:2px dotted #3aaf6d; border-left:2px dotted #3aaf6d; border-bottom:2px dotted #3aaf6d; padding-left:2em; margin-bottom:1em; } .dotted-frame-blue { border-top:2px dotted #3366cc; border-left:2px dotted #3366cc; border-bottom:2px dotted #3366cc; padding-left:2em; margin-bottom:1em; } .dotted-frame-black { border-top:2px dotted #000; border-left:2px dotted #000; border-bottom:2px dotted #000; padding-left:2em; margin-bottom:1em; } /* Hauptseite und generell */ .wmde-techw-button a, .wmde-techw-button a:visited { display: inline-block; font-family: "Poppins", sans-serif; font-weight: bold; background-color: #3CAD6C; padding: 0.5rem 2rem !important; color: #fff !important; text-decoration: none; transition: all 100ms; border-radius: 2px; background-image: none; } .wmde-techw-button a:hover { background-color: #62bd89; } .wmde-techw-button a:active { background-color: #308a56; } .wmde-techw-button a:focus { outline: 2px solid #3366cc; } .wmde-techw-newsletter-button { margin: 2rem 0; display: grid; grid-template-columns: auto max-content auto; gap: 1rem; } .wmde-techw-newsletter-button::before, .wmde-techw-newsletter-button::after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: center; } .wmde-techw-newsletter-button::before { background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/21/Arrow_2_Drawing.svg); } .wmde-techw-newsletter-button::after { background-image: url(https://upload.wikimedia.org/wikipedia/commons/8/85/Arrow_Drawing.svg); } .wmde-techw-newsletter-button .wmde-techw-button { position: relative; } .wmde-techw-newsletter-button .wmde-techw-button::before, .wmde-techw-newsletter-button .wmde-techw-button::after { content: ""; position: absolute; background-repeat: no-repeat; background-size: contain; background-position: center; width: 1.5rem; height: 1.5rem; transition: all 1s; } .wmde-techw-newsletter-button .wmde-techw-button::before { background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/50/Highlight_3_Drawing.svg); top: -1.5rem; left: -1.5rem; } .wmde-techw-newsletter-button .wmde-techw-button:hover::before { top: 100%; transform: rotate(-90deg); } .wmde-techw-newsletter-button .wmde-techw-button::after { background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/cd/Higlight_Drawing.svg); bottom: -1.5rem; right: -1.5rem; } .wmde-techw-newsletter-button .wmde-techw-button:hover::after { bottom: 100%; transform: rotate(-90deg); } .wmde-techw-veranstaltungen { padding: 1em; margin: 1em 0; border: 3px solid #ff991e; border-image-source: linear-gradient(135deg, #FF991E, #EB4490, #3CAD6C, #E0DC01); border-image-slice: 1; }

/* Dateien */ figure[typeof="mw:File"], figure[typeof="mw:File/Frameless"] { max-width: 40vw !important; } .mw-halign-left { margin: 0 3vmin 3vmin 0 !important; } .mw-halign-right { margin: 0 0 3vmin 3vmin !important; }

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

/* Projekt Farben */ .wmde-techw-blue1 { border-color: #999999; } .wmde-techw-blue2 { border-color: #999999; } .wmde-techw-green1 { border-color: #3CAD6C; }

/* Status-Pillen */ .wmde-techw-status {

   width: 11em;
   height: 1.75em;
   border-radius: 1em;
   text-align: center;
   display: inherit;
   vertical-align: middle;
   padding: 0.2em;

} body.skin-minerva .wmde-techw-status span[typeof="mw:File"] { display: none; } .wmde-techw-status-anmerkung {

   padding-top: 0.5em;
   font-size: 80%;
   line-height: 0.9;
   text-align: center;
   width: calc(9.5em/0.7);

}

/* Wikipedia:Technische Wünsche/Themenschwerpunkte */ .wmde-techw-topicarea { background-color:#F8FBFB; box-shadow: 0 0 4px #808080; border-radius: 0.8em; margin: 0.7em 0.7em 3em; padding: 1em; flex: 1; min-width: 25em; max-width: 60em; position: relative; }

/* Kästen auf Wikipedia:Technische Wünsche/Topwünsche */ .wmde-techw-area { border-width: 2px; border-style: solid; box-sizing: border-box; border-radius: 2px; } .wmde-techw-area-header { color: #fff; 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: #000; } .wmde-techw-blue1 .wmde-techw-area-header { background-color: #999999; } .wmde-techw-blue2 .wmde-techw-area-header { background-color: #999999; } .wmde-techw-green1 .wmde-techw-area-header { background-color: #3CAD6C; }

.wmde-techw-area-body { padding: 1.1em; 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: #F1F1F1; } .wmde-techw-blue2 .wmde-techw-area-intro { background-color: #EAF3FF; } .wmde-techw-green1 .wmde-techw-area-intro { background-color: #E1F4E9; }

/* 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;

}

/* Umfrage-Styles */ .h2-umfrage { font-family:Montserrat, Arial, Verdana, sans-serif; font-size: 160%; font-weight:bold; }