User:APaskulin (WMF)/vector.css

/* Reused from https://meta.wikimedia.org/wiki/Module:Portal_navigation/styles.css */ .portal-navigation-entry { display: inline-block; margin: 1em; padding-bottom: .5em; font-weight: bold; border-bottom: .3em solid #c8ccd1; }

/* Reused from https://www.wikidata.org/wiki/Template:Box/styles.css */ .wd-box { box-shadow: 0 0 .2em #999; border-radius: .2em; margin: 0 0 2em 0; padding: 10px; width: 100%; box-sizing: border-box; background-color: white; } .wd-box .header { padding: 1em 1.6em 1em; font-size: 220%; color: #484848; } .wd-box .subheader { padding: 0.5em 1.6em 0.5em; font-size: 120%; color: #484848; } .wd-box .description { color: #666; }

/* Reused from https://www.wikidata.org/wiki/Template:Chat_header/styles.css */ .chatheader-main { padding: 1em 1.6em 1em; } .chatheader-title { font-size: 220%; font-weight: bold; color: #444444; } .chatheader-description { color: #555555; } .chatheader-translate { padding: 0 1.6em 0; text-align: right; font-weight: bold; } .chatheader-newsection { padding: .4em 1.6em 1em; text-align: right; }

@media screen and (max-width: 719px) { .chatheader, .chatheader > tbody, .chatheader > tbody > tr, .chatheader > tbody > tr > td { display: block; width: auto; }	.chatheader-translate, .chatheader-newsection { text-align: left; } }

/* Reused from https://www.wikidata.org/wiki/Template:Data_import_header/styles.css */ .data-import-header ul { list-style: none; margin: 0 0 0 -1ex; } .data-import-header li { display: inline-block; margin-left: 1ex; }

/* Reused from https://www.mediawiki.org/wiki/Template:Reading/Web/Desktop_Improvements/Header/styles.css */ .dip { margin: 1em 0; box-sizing: border-box; clear: both; background: #fff; } .dip-tabs { display: flex; flex-direction: column; flex-wrap: wrap; text-align: center; /* noflex */ } .dip-tab { flex:1 1 0; width: 100%; margin: 0; box-sizing: border-box; background-color: inherit; padding: 0.8em; font-weight: bold; border-top: 0.2em solid #f8f9fa; } .dip-tab.selected { background-color: #f8f9fa; border-left: 0.5em solid #36c; } .dip-tab a { color:#36c; } .dip-tab img { /* min width for responsive sized images */ min-width: 22px; } .dip-content { font-size: 1.2em; background-color: #f8f9fa; border-bottom: 2px solid #36c; padding: 1em; } .dip-break { clear:both; }

@media (min-width:550px) { .dip-tabs { flex-direction: row; padding: 0; margin-top: 0 !important; /* cancels out the sibling styling */ }	.dip-tabs > .dip-tab { display: inline-block; /* noflex */ vertical-align:bottom; /* noflex */ white-space: nowrap; width: auto; margin: 0 .2em 0 0; border-top: .5em solid #36c; font-size: 1.3em; }	.dip-tab.selected { border-left: 0; } } @media (min-width:1000px) { .dip-tabs > .dip-tab { flex: 0 1 0; } }