MediaWiki:Armsinstlight.css

/* CSS placed here will affect users of the ARMS Institute Light skin */

body { background-color: #ffff00; background-image: url(/w/skins/ARMSInstLight/images/bg-swoosh.png), url(/w/skins/ARMSInstLight/images/bg-30deg.png); background-repeat: no-repeat, repeat; background-size: contain, auto; }

div#mw-page-base { background:transparent; }

div#p-logo { top: -168px; }

div#p-personal { padding-right: 20px; padding-left: 20px; }

div#p-personal::before { content: ""; position: absolute; border-radius: 8px 0; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transform: skew(-20deg); background: rgba(255, 255, 204, 0.85); }

div#p-personal > ul { display: flex; align-items: center; padding-left: 0px; }

div#p-personal > ul > li { flex: 1 1; margin-top: 0; }

div.vectorTabs { border-radius: 8px 8px 0 0; overflow: hidden; }

div.vectorTabs span a { padding-top: 0.9em; padding-bottom: 0.35em; }

div#mw-head div.vectorMenu h3 { border-radius: 8px 8px 0 0; background: #ffffff; }

div.vectorMenu h3 span { padding-top: 0.9em; padding-bottom: 0.35em; line-height: 18px; }

div.vectorMenu h3 a { background-position-y: 50%; }

div#mw-panel { top: 176px; border-radius: 16px; padding-left: 0; padding-bottom: 1em; background-color: rgba(255, 255, 204, 0.85); }

@media screen and (min-width: 982px) { div#p-logo { left: 0; }

div#mw-panel { margin-left: 0.5em; }

}