MediaWiki:Common.css: Difference between revisions

Revision as of 00:35, 15 November 2024

/* CSS placed here will be applied to all skins */

/* To make images responsive */
.res-img img {
	max-width:100%;
	height:auto;
}
/* Hide toolbox in menus */
#p-tb {
    display:none
}

/* Hide tabs */
#p-cactions {
    display: none;
}
.pBody { display: none; }

/* To remove extra spaces/titles */
div.mw-category-generated > div#mw-pages > h2 {
	display: none;
}

.mw-parser-output > p > br {
    display: none;
}

.mw-templatedata-doc-wrap {
    background-color:#f8f9fa;
    border:1px solid #ddd;
    padding:1em;
    border-bottom:2px solid #000;
}

.mw-templatedata-doc-wrap header {
    font-weight:bold;
    font-size:1rem;
    border-bottom:1px solid #ddd;
}

/* Amazon Links */
.buy-box {
  float:left;
  margin-right: 1rem
}
.buy-box div{
  font-weight:bold;
  text-align:center;
  background-color:#eaecf0;
}
.buy-box p > br {
  display:none
}
.book-list th, td {
  white-space: nowrap;
}

.book-list th {
  text-align: right;
  white-space: nowrap;
  padding-right:0.5rem;
}

/* Infobox */
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
}
.infobox > div.tright {
    margin:0px;
}
.infobox > p > br {
    display:none
}
.infobox-title {
    background: #ccc;
    padding: .25em;
    font-size: 1.25em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox table {
    max-width:310px
}
.infobox th, td {
    vertical-align: top;
}
.infobox-table th {
    text-align: right;  
    white-space: nowrap;
}
.infobox-table td {
    white-space: normal;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  display: none;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  display: visible;
}

.return-icon {
  display: inline-block;
  margin-right: -20px;
  padding-left: 5px;
}

.return-button {
  font-variant: small-caps;
  border:1px solid #16545F;
  text-align: center;
  padding-left: 5px;
  padding-right: 20px;
  border-radius: 20px;
  display:inline-block;
  font-size:.8rem;
}
.return-button:hover {
  background-color: #D1EAEE!important
}