User:Hardwigg/wd-condensed.css

/*
* POSITIONING
*/

.wikibase-entityview
 .wikibase-toolbar-container
{
  width: auto;
}

/* entityview */
.wikibase-entityview-main
{
    line-height: 1;
}

/* statementlistview */
.wikibase-statementlistview-listview
{
    margin-left: 15.2em
}
.wikibase-statementlistview
 > .wikibase-toolbar-wrapper {
  /* Add toolbar */
  position: absolute;
  width: auto;
  left: 11.5em;
  bottom: 0.5em;
 
  z-index: 1;
}
.wikibase-statementlistview
 > .wikibase-toolbar-wrapper
  > .wikibase-toolbar-container
{
	line-height: normal;
}

/* statementview */
div.wikibase-statementview
{
    display:inline-block;
    padding-bottom: 0.2em;
}
.wikibase-statementview
 > .wikibase-toolbar-container
{
    position:static;
    display:inline-block;
 
    margin-left: 2em;
}
.wikibase-statementview
 .wikibase-statementview-rankselector
{
    margin-top: 2.5px;
    padding:0 5px;
}
.wikibase-statementview
 .wikibase-statementview-rankselector,
.wikibase-statementview 
 .wikibase-statementview-mainsnak
{
    margin-left:0;
}
div.wikibase-statementview-mainsnak
{
  margin-right: 0;
}
.wikibase-statementview
 .wikibase-snakview-typeselector
{
    padding: 0 2px;
}
div.wikibase-snakview
{
    padding: 5px;
}

/* editing statementview */
.wikibase-statementview.wb-edit
{
  width:100%;
}
.wikibase-statementview.wb-edit
 .wikibase-snakview
  .wikibase-snakview-value-container
{
    margin-left:32px; /* Space for snaktype selector */
}

/* referernces */
.wikibase-statementview-references-container
{
    display:inline-block;
    vertical-align: top;
}
.wikibase-statementview-references-heading
{
    padding-left: 0;
}
.wikibase-statementview-references
{
    padding-left: 1em; /*MARK*/
}

/* referenceview */
.wikibase-referenceview
{
	min-width: 200px;
}
.wikibase-referenceview
 .wikibase-referenceview-heading
{
  min-height:0;
  text-align:right;
}
.wikibase-referenceview
 .wikibase-referenceview-heading
  .wikibase-toolbar-container
{
  position:static;
}


/* qualifiers */
.wikibase-statementview-qualifiers
{
    padding-left: 1em;
}
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview
{
	min-height: 0;
}

/* New statementview in pre-existing statementgroupview */
.wikibase-statementview.wb-new
 .wikibase-statementview-mainsnak
  .wikibase-snakview-property-container
{ display:none; }
.wikibase-statementgrouplistview
 .wb-new
  .wikibase-statementview-mainsnak
{ margin:0; }


/* New statementview in new statementgroupview */
.wikibase-statementgroupview.wb-new
 .wikibase-statementview.wb-new
  .wikibase-statementview-mainsnak,
.wikibase-statementgroupview.wb-new
 .wikibase-statementview.wb-new
  .wikibase-statementview-rankselector
{ margin-left:15em; }
.wikibase-statementgroupview.wb-new
 .wikibase-statementview.wb-new
  .wikibase-statementview-mainsnak
   .wikibase-snakview-property-container
{
    display:block;
}
.wikibase-statementgrouplistview
 .wikibase-statementgroupview.wb-new
  .wikibase-statementview.wb-new
{
  width: calc(100% + 15.2em);
  margin-left:-15.2em;
}

/* referencesview, qualifiers */
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-value-container
    .wikibase-snakview-value,
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-value-container,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-value-container,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-value-container
    .wikibase-snakview-value
{ 
    margin-right: 0;
    margin-left: 0;
}
.wb-edit
 .wikibase-statementview-qualifiers
  .wikibase-snaklistview
   .wikibase-snaklistview-listview
    .wikibase-snakview-value-container
     .wikibase-snakview-value,
.wb-edit
 .wikibase-referenceview-listview
  .wikibase-snaklistview
   .wikibase-snaklistview-listview
    .wikibase-snakview-value-container
     .wikibase-snakview-value
{
    margin-left: 16px;
}
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-value-container
    .wikibase-snakview-value,
 .wikibase-referenceview-listview
  .wikibase-snaklistview
   .wikibase-snaklistview-listview
    .wikibase-snakview-value-container
     .wikibase-snakview-value
{
    margin-left: 8px;
}



.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property-container,
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-value-container,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property-container,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-value-container
{
    width: auto;
    display: inline-block;
    vertical-align: top;
}
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property,
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property
    input,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property
    input
{
    position: static;
    
    width:auto;
    max-width: 150px;
}
.wb-edit
 .wikibase-statementview-qualifiers
  .wikibase-snaklistview
   .wikibase-snaklistview-listview
    .wikibase-snakview-value-container,
.wikibase-referenceview.wb-edit
 .wikibase-referenceview-listview
  .wikibase-snaklistview
   .wikibase-snaklistview-listview
    .wikibase-snakview-value-container
{
    display:block;
}
 
 
/* VISUAL STYLING */
/* statementlistview */
.wikibase-statementlistview
 > .wikibase-toolbar-wrapper
{
    background:initial;
    border:none;
}

/* statementview */
div.wikibase-statementview
{
    border: 0;
    transition: background-color 0.2s;
}
div.wikibase-statementview:hover
{
    background-color: #EEE;
}

/* qualifiers, references */
.wikibase-statementview-qualifiers /*MOVE*/
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property-container,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property-container
{
    background-color: transparent;
}
.wikibase-statementview-qualifiers
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property:after,
.wikibase-referenceview-listview
 .wikibase-snaklistview
  .wikibase-snaklistview-listview
   .wikibase-snakview-property:after
{
    content: ":";
}
.wikibase-referenceview
 .wikibase-snaklistview
{
    border-top:0;
    border-bottom:1px dotted #D8D8D8; 
}
.wikibase-statementview-references-heading
 a.ui-toggler
{
    font-size: 0.7em;
    font-weight: bold;
    margin-top: 0;
}

/* DISCRETE TOOLBARS */
/* Make the UI cleaner without removing the functionality */
.wikibase-statementview
 .wikibase-toolbar-container,
.wikibase-statementgroupview
 .wikibase-toolbar-wrapper
{
    opacity:0.1;
    transition: opacity 0.2s;
}
.wikibase-statementview:hover
  .wikibase-toolbar-container,
.wikibase-statementgroupview:hover
 .wikibase-toolbar-wrapper,
.wb-edit
 .wikibase-toolbar-container
{
    opacity: 1;
}
.wikibase-statementview
 > .wikibase-toolbar-container,
.wikibase-statementview-references
 > .wikibase-addtoolbar-container,
.wikibase-referenceview
 .wikibase-referenceview-heading
  .wikibase-toolbar-container
{
    font-size: 0.8em;
}

.wikibase-statementgrouplistview
 .wikibase-statementgroupview-property
  .wikibase-statementgroupview-property-label
{
    padding: 6px;
    left: 0 !important; /* auto-scrolling labels break the display */
}
 
/* 'columned' statementlistview */
/* FULL WIDTH */
.wikibase-entityview
 .wikibase-entityview-main
{
	max-width: none;
}
 
@media (max-width: 750px) {
  /* STACKED PROPERTIES */
  /* i.e. stacked statementgroupview-property */
    .wikibase-statementgrouplistview
     .wikibase-statementgroupview.wb-new
      .wikibase-statementview.wb-new
    {
        width: 100%;
        margin-left:0;
    }
    .wikibase-statementgroupview
     .wikibase-statementgroupview-property
    {
        position: static;
        width: 100%;
        border: 0;
    }
    .wikibase-statementgrouplistview 
     .wikibase-statementgroupview-property
      .wikibase-statementgroupview-property-label
    {
        padding: 6px;
    }
    .wikibase-statementlistview-listview
    {
        margin-left: 0;
    }
    .wikibase-statementlistview
     > .wikibase-toolbar-wrapper
    {
        top: -1.5em;
        right: 1em;
        left:auto;
        bottom:auto;
    }
    .wikibase-statementgrouplistview
     .wikibase-statementgroupview-property
      .wikibase-statementgroupview-property-label
    {
        top: 0 !important; /* auto-scrolling labels break the display */
    }
    .wikibase-sitelinkgroupview
    {
        width:100%;
    }
}
@media (max-width: 550px) {
    /* SINGLE COLUMN */
    div.wikibase-statementview
    {
        width:100%;
    }
    div.wikibase-statementview:nth-child(2n)
    {
        background-color: #F6F6F6;
    }
    .wikibase-sitelinkgroupview
     .wikibase-sitelinkgroupview-heading-section
    {
        width: 100% !important;
        /* width set on element's attribute :/ */
    }
}
 
@media (min-width: 550px) and (max-width: 1020px)
{
    div.wikibase-statementview
    {
        width: 50%;
    }
    div.wikibase-statementview:nth-child(4n+2),
    div.wikibase-statementview:nth-child(4n+3)
    {
        background-color: #F6F6F6;
    }
}

@media (min-width: 1020px) {
    div.wikibase-statementview
    {
        width: 33%;
    }
    div.wikibase-statementview:nth-child(2n)
    {
        background-color: #F6F6F6;
    }
}