Difference between revisions of "MediaWiki:Common.css"

From blading.wiki
Jump to navigation Jump to search
Tags: Mobile web edit Mobile edit
 
(8 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
     margin: 0 0 1em 1em;
 
     margin: 0 0 1em 1em;
 
     padding: 1em;
 
     padding: 1em;
     width: 400px;
+
     max-width: 25%;
 
}
 
}
 
.infobox-title {
 
.infobox-title {
Line 14: Line 14:
 
.infobox-image {
 
.infobox-image {
 
     text-align: center;
 
     text-align: center;
 +
}
 +
.infobox-image img {
 +
    max-width: 90%;
 +
    border : 1px darkgrey dashed;
 +
    height: auto;
 +
}
 +
.infobox table {
 +
    width: 100%;
 
}
 
}
 
.infobox tr {
 
.infobox tr {
Line 25: Line 33:
 
     text-align: right;
 
     text-align: right;
 
     vertical-align: top;
 
     vertical-align: top;
 +
}
 +
 +
.wrapper {
 +
  display: flex;
 +
}
 +
 +
.left {
 +
  flex: 0 0 50%;
 +
}
 +
 +
.right {
 +
  flex: 1;
 
}
 
}

Latest revision as of 13:06, 11 October 2020

/* CSS placed here will be applied to all skins */
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    max-width: 25%;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox-image img {
    max-width: 90%;
    border : 1px darkgrey dashed;
    height: auto;
}
.infobox table {
    width: 100%;
}
.infobox tr {
    width: 100%;
}
.infobox th {
    text-align: left;
    vertical-align: top;
}
.infobox td {
    text-align: right;
    vertical-align: top;
}

.wrapper {
  display: flex;
}

.left {
  flex: 0 0 50%;
}

.right {
  flex: 1;
}