Difference between revisions of "MediaWiki:Common.css"

From blading.wiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: .infobox-video { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1...")
 
Tags: Mobile web edit Mobile edit
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
.infobox-video {
+
.infobox {
 
     background: #eee;
 
     background: #eee;
 
     border: 1px solid #aaa;
 
     border: 1px solid #aaa;
Line 6: Line 6:
 
     margin: 0 0 1em 1em;
 
     margin: 0 0 1em 1em;
 
     padding: 1em;
 
     padding: 1em;
     width: 400px;
+
     max-width: 25%;
 
}
 
}
.infobox-video-title {
+
.infobox-title {
 
     font-size: 2em;
 
     font-size: 2em;
 
     text-align: center;
 
     text-align: center;
 
}
 
}
.infobox-video-image {
+
.infobox-image {
 
     text-align: center;
 
     text-align: center;
 
}
 
}
.infobox-video th {
+
.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;
 
     text-align: right;
 
     vertical-align: top;
 
     vertical-align: top;
    width: 120px;
 
 
}
 
}
.infobox-video td {
+
 
    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;
}