User:Altilunium/compact items.css

/* * This CSS file makes the interface on item pages more compact by reducing * vertical white space, changing actions buttons to only icons (removing the * text) and making other adjustments. * * It requires the use of User:Jon Harald Søby/gridify.css as well. * * Paste the following two lines *to the top* of your common.css to use it: @import url("https://www.wikidata.org/w/index.php?title=User:Jon_Harald_Søby/gridify.css&action=raw&ctype=text/css"); @import url("https://www.wikidata.org/w/index.php?title=User:Jon_Harald_Søby/compact_items.css&action=raw&ctype=text/css"); */ .wikibase-entityview .wikibase-entityview-main { margin: 0 3em 2em 0; /* 0 2em 2em 0 */ } .wikibase-statementgroupview { margin-bottom: 1em; /* 2em */ } .wikibase-statementview-qualifiers:not(:empty) { margin-bottom: 0.5em; } div.wikibase-statementview-mainsnak { margin-right: calc(18em + 20px); } div.wikibase-snakview, .wikibase-statementgrouplistview .wikibase-statementgroupview-property .wikibase-statementgroupview-property-label{ padding: 8px; /* 10px 5px 5px 10px || 10px */ } .wikibase-toolbar-button a { display: inline-block; /* */ width: 20px; /* */ overflow: hidden; /* */ } .wikibase-statementview .wikibase-toolbar-container { display: inline-block; width: 60px; top: 5px; right: 5px; text-align: right; } .wikibase-statementview .wikibase-statementview-references .wikibase-toolbar-container { min-width: 20px; max-width: 40px; } .wb-help-field-hint { display: none !important; } .wikibase-statementview-references-heading { padding-left: 0; position: absolute; top: 0; width: calc(18em - 70px - 20px); right: 70px; margin: 0; } .wikibase-referenceview .wikibase-snaklistview-listview .wikibase-snakview:not(.wb-edit) .wikibase-snakview-value-container .wikibase-snakview-body, .wikibase-statementview-qualifiers .wikibase-snaklistview:not(.wb-edit) .wikibase-snaklistview-listview .wikibase-snakview-value-container .wikibase-snakview-body { margin-right: inherit; /* 18em */ word-break: break-word; /* */ } .wikibase-referenceview { border: 1px solid #c8ccd1; /* */ border-right: 0; /* */ border-top-left-radius: 0.5em; /* */ border-bottom-left-radius: 0.5em; /* */ } .wikibase-statementview-references .wikibase-toolbar-button-add .wb-icon { background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/5b/OOjs_UI_icon_quotesAdd-ltr.svg"); /* + */ } .wikibase-statementview-references > .wikibase-toolbar-container { display: block; float: none; position: absolute; top: 5px; right: calc(18em - 20px); } .wikibase-referenceview div.wikibase-referenceview-heading { display: contents; /* block */ } .wikibase-statementview-qualifiers .wikibase-snaklistview:not(.wb-edit) .wikibase-snaklistview-listview .wikibase-snakview, .wikibase-referenceview .wikibase-snaklistview:not(.wb-edit) .wikibase-snaklistview-listview .wikibase-snakview { margin-right: 20px; } .wikibase-statementview { padding-bottom: 0; /* 1em */ } .wikibase-statementlistview > .wikibase-toolbar-wrapper { position: absolute; /* relative */ top: 0; /* */ bottom: 0; /* */ right: -20px; /* */ background: transparent !important; /* gray */ width: 20px; /* 18 em */ height: 100%; /* */ display: flex; /* block */ flex-direction: column-reverse; /* */ } .wikibase-statementlistview > .wikibase-toolbar-wrapper .wikibase-toolbar-container { line-height: 20px; /* 2em */ width: 20px; /* */ height: 20px; /* */ position: sticky; /* */ bottom: 0.5em; /* */ } .wikibase-statementlistview > .wikibase-toolbar-wrapper .wb-icon { border: 1px solid #c8ccd1; /* */ border-left: 0; /* */ background-color: #fff; /* */ box-sizing: border-box; /* */ border-radius: 0 0.5em 0.5em 0; /* */ } .wikibase-toolbarbutton-disabled .wb-icon { opacity: 0.5; /* */ } .wikibase-statementgrouplistview > .wikibase-toolbar-container, .wikibase-entityview .wikibase-toolbar-container { text-align: right; } .wikibase-lexeme-forms-section > .wikibase-toolbar-container, .wikibase-lexeme-senses-section > .wikibase-toolbar-container { text-align: left; } /* Adaptions for User:Melderick/moveClaims2.js and MediaWiki:Gadget-Move.js */ .wikibase-sitelinkview { position: relative; } .wikibase-statementgroupview .move-button, .wikibase-sitelinkview .move-button { position: absolute; right: -25px; opacity: 0.1; transition: all 0.1s; background: url(//upload.wikimedia.org/wikipedia/commons/8/84/OOjs_UI_icon_arched-arrow-ltr.svg); } .wikibase-statementgroupview:hover .move-button, .wikibase-sitelinkview:hover .move-button { opacity: 1; } /* Adaptions for User:User:Tohaomg/rearrange values.js */ .move_arrows_block { float: none !important; margin-right: inherit !important; position: absolute; top: 0; right: 0; background: #fff; z-index: 5; } .move_arrows_block img { margin-left: 0 !important; width: 20px !important; height: 20px !important; padding-left: 20px; box-sizing: border-box; display: inline-block; background-repeat: no-repeat; opacity: 0.2; transition: all 0.1s; } .move_arrows_block img:hover { opacity: 1; } .move_arrows_block img:first-of-type { background-image: url(//upload.wikimedia.org/wikipedia/commons/c/ca/OOjs_UI_icon_upTriangle.svg); } .move_arrows_block img:last-of-type { background-image: url(//upload.wikimedia.org/wikipedia/commons/0/0c/OOjs_UI_icon_downTriangle.svg); }