Template:Styles/Portals.css: Difference between revisions
From Absit Omen Lexicon
((by SublimeText.Mediawiker)) |
((by SublimeText.Mediawiker)) |
||
| Line 1: | Line 1: | ||
div.portal-box h2 { | div.portal-box > h2 { | ||
clear: both; | clear: both; | ||
padding: 0.1em; | padding: 0.1em; | ||
| Line 12: | Line 12: | ||
} | } | ||
div.portal-box div { | div.portal-box > div { | ||
border-top-width: 1px; | border-top-width: 1px; | ||
vertical-align: top; | vertical-align: top; | ||
| Line 91: | Line 91: | ||
} | } | ||
body.page-Portal_Characters div.portal-box h2 { | body.page-Portal_Characters div.portal-box > h2 { | ||
border: solid #996600; | border: solid #996600; | ||
border-width: 1px 1px 0; | border-width: 1px 1px 0; | ||
background: #220034; | background: #220034; | ||
} | } | ||
body.page-Portal_Characters div.portal-box div { | body.page-Portal_Characters div.portal-box > div { | ||
border: 1px solid #996600; | border: 1px solid #996600; | ||
background: #320045; | background: #320045; | ||
} | } | ||
Revision as of 03:57, 22 December 2021
div.portal-box > h2 {
clear: both;
padding: 0.1em;
padding-top: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
padding-bottom: 0.1em;
text-align: center;
font-family: sans-serif;
font-size: 100%;
margin-bottom: 0px;
}
div.portal-box > div {
border-top-width: 1px;
vertical-align: top;
text-align: left;
margin: 0 0 10px;
padding: 0.5em;
padding-top: 0.3em;
}
/* For portals, added 2011-12-07 -bv
On wide screens, show these as two columns
On narrow and mobile screens, let them collapse into a single column */
.portal-container {
width:100%;
border-style:solid;
border-width:3px;
vertical-align:top;
padding:5px;
}
.portal-column-left {
float: left;
width: 50%;
}
.portal-column-right {
float: right;
width: 49%;
}
.portal-column-left-wide {
float: left;
width: 60%;
}
.portal-column-right-narrow {
float: right;
width: 39%;
}
.portal-column-left-extra-wide {
float: left;
width: 70%;
}
.portal-column-right-extra-narrow {
float: right;
width: 29%;
}
@media only screen and (max-width: 800px) {
/* Decouple the columns on narrow screens */
.portal-column-left,
.portal-column-right,
.portal-column-left-wide,
.portal-column-right-narrow,
.portal-column-left-extra-wide,
.portal-column-right-extra-narrow {
float: inherit;
width: inherit;
}
}
.portal-column-container:after {
display: table;
clear: both;
content: "";
}
.portal-footer {
margin:0.3em 0.2em 0.2em 0.3em;
padding:0.3em 0.2em 0.2em 0.3em;
text-align:right;
}
/*Portal Specific CSS */
body.page-Portal_Characters div.portal-column-container > div.portal-column-left-wide > div+div {
max-height: 480px;
overflow: auto;
}
div.infoMessage {
background:#003232;
border:1px solid #186565;
}
body.page-Portal_Characters div.portal-box > h2 {
border: solid #996600;
border-width: 1px 1px 0;
background: #220034;
}
body.page-Portal_Characters div.portal-box > div {
border: 1px solid #996600;
background: #320045;
}
