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