Template:Styles/Portals.css
From Absit Omen Lexicon
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,body.page-Portal_Characters_test div.portal-box > h2 { border: solid #996600; border-width: 1px 1px 0; background: #220034; } body.page-Portal_Characters div.portal-box > div,body.page-Portal_Characters_test div.portal-box > div { border: 1px solid #996600; background: #320045; }