User:Altilunium/gridify.css

/* * CSS that changes the layout of item pages to a more sane grid-based * layout, rather than the absolutely positioned layout which is the * default (but has better support in old browsers than grid layouts have). * * Include it in your common.css with: *  @import url("https://www.wikidata.org/w/index.php?title=User:Jon_Harald_Søby/gridify.css&action=raw&ctype=text/css"); */

.wikibase-statementgroupview { display: grid; grid-template-columns: 15em auto; } .wikibase-statementgrouplistview .wikibase-statementgroupview-property { position: inherit; top: inherit; bottom: inherit; z-index: inherit; } .wikibase-statementview .wikibase-statementview-rankselector { margin-left: .2em; } div.wikibase-statementview-mainsnak { margin-left: inherit; } .wikibase-statementview-qualifiers { padding-left: 2em; } .wikibase-statementview-references-heading, .wikibase-statementview-references { padding-left: 2em; } .wikibase-statementgrouplistview .wikibase-statementlistview { border-left: 0; } .wikibase-statementgrouplistview .wikibase-statementgroupview-property .wikibase-statementgroupview-property-label { word-break: break-word; hyphens: auto; padding-bottom: 10px; } .wikibase-statementgrouplistview .wb-new .wikibase-statementview-mainsnak { margin: 0 18em 0 0; } .wikibase-statementview-qualifiers .wikibase-snaklistview .wikibase-snaklistview-listview .wikibase-snakview, .wikibase-referenceview .wikibase-snaklistview-listview .wikibase-snakview { display: grid; /* */ grid-template-columns: 12em auto; /* */ } .wikibase-statementview-qualifiers .wikibase-snaklistview .wikibase-snaklistview-listview .wikibase-snakview:not(.wb-edit) .wikibase-snakview-property, .wikibase-referenceview .wikibase-snaklistview-listview .wikibase-snakview:not(.wb-edit) .wikibase-snakview-property { position: static; /* absolute */ } .wikibase-statementview-qualifiers .wikibase-snaklistview .wikibase-snaklistview-listview .wikibase-snakview-value-container, .wikibase-referenceview .wikibase-snaklistview-listview .wikibase-snakview-value-container { margin-left: inherit; /* 12em */ }