User:Andrew071117/vector.css

ul.pure-menu-children { width: auto; min-width: 100%; background: #2d3142; }

a#menuLink1:hover { display: block; /* width: 100%; */ }

li.pure-menu-item.pure-u-1-6.pure-menu-has-children.pure-menu-allow-hover.user-menu { width: 100px; } /* Credit to @GrahamSH for this */ .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after { content: "\25BE"; } li[id^=pt] { background-color: #2d3142; } @media (max-width: 800px) { #p-personal { position:static; } #p-personal a { filter:none; } } @media (min-width: 50rem) { #p-personal a { filter: invert(1); color: black; z-index:1000; font-weight:bold; } #p-personal { position: fixed; margin-top: 12px; vertical-align: top; top: 0; margin-left: 225px; } } select#languageselector-select-1 { margin-top: 35px; } h1#firstHeading { margin-top: 40px; } a.mw-wiki-logo { margin-top: 60px; } div#mw-head { margin-top: 45px; }   background: #2d3142; height: 48px; color: #ffffff; width: 100%; position:fixed; z-index:100;
 * 1) top-bar {

}

color: #ffffff; }
 * 1) top-bar a {

padding-top: 8px; padding-bottom: 8px; }
 * 1) top-bar .logo {

margin-right: 1em; }
 * 1) top-bar .run,
 * 2) top-bar .explore {

position: relative; }
 * 1) top-bar .language-select {

left: auto; right: -1px; }
 * 1) top-bar .languages {

content: ''; }
 * 1) top-bar .language-select a::after {

color: white; }
 * 1) top-bar .language-select:focus,
 * 2) top-bar .language-select:hover {

vertical-align: inherit; }
 * 1) top-bar .pure-menu-item {

display: block; font-size: 14px; line-height: 48px; height: 48px; width: 1080px; margin: 0 auto; }
 * 1) top-bar .pure-menu ul.pure-menu-list {

padding: 0 2ch; text-align: center; }
 * 1) top-bar .pure-menu-link {

color: #2d3142; }
 * 1) top-bar .pure-menu-link:focus,
 * 2) top-bar .pure-menu-link:hover {

font-weight: bold; }
 * 1) top-bar .pure-menu ul.pure-menu-list .pure-menu-item {

width: auto; min-width: 100%; background: #2d3142; }
 * 1) top-bar .pure-menu-horizontal .pure-menu-children {

border: 1px solid #ffffff; }
 * 1) top-bar .pure-menu-children {

padding: 0 0.5em; }
 * 1) top-bar .pure-menu-children .pure-menu-link {

width: auto; }
 * 1) top-bar .language-select .pure-menu-children {

padding: 0 2em; }
 * 1) top-bar .language-select .pure-menu-children a {

position: relative; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
 * 1) top-bar div.search {

position: absolute; left: 5px; color: #2d3142; line-height: 48px; }
 * 1) top-bar .search i {

position: absolute; top: 50%; transform: translateY(-50%); height: 24px; width: 100%; border: 2px solid #ffffff; border-radius: 14px; background: #ffffff; color: #2d3142; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0.1em 0.5em 0.1em 1.5em; font-weight: bold; } .inner { margin: 0 auto; } .pure-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pure-menu-fixed { position: fixed; left: 0; top: 0; z-index: 3; } .pure-menu-list, .pure-menu-item { position: relative; } .pure-menu-list { list-style: none; margin: 0; padding: 0; } .pure-menu-item { padding: 0; margin: 0; height: 100%} .pure-menu-link, .pure-menu-heading { display: block; text-decoration: none; white-space: nowrap; } .pure-menu-horizontal { width: 100%; white-space: nowrap; } .pure-menu-horizontal .pure-menu-list { display: inline-block; } .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator { display: inline-block; zoom: 1; vertical-align: middle; } .pure-menu-item .pure-menu-item { display: block; } .pure-menu-children { display: none; position: absolute; left: 100%; top: 0; margin: 0; padding: 0; z-index: 3; } .pure-menu-horizontal .pure-menu-children { left: 0; top: auto; width: inherit; } .pure-menu-allow-hover:hover>.pure-menu-children, .pure-menu-active>.pure-menu-children { display: block; position: absolute; } .pure-menu-has-children>.pure-menu-link:after { padding-left: .5em; content: "\25B8"; font-size: small; } .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after { content: "\25BE"} .pure-menu-scrollable { overflow-y: scroll; overflow-x: hidden; } .pure-menu-scrollable .pure-menu-list { display: block; } .pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { display: inline-block; } .pure-menu-horizontal.pure-menu-scrollable { white-space: nowrap; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; padding: .5em 0; } .pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { display: none; } .pure-menu-separator { background-color: #ccc; height: 1px; margin: .3em 0; } .pure-menu-horizontal .pure-menu-separator { width: 1px; height: 1.3em; margin: 0 .3em; } .pure-menu-heading { text-transform: uppercase; color: #565d64; } .pure-menu-link { color: #777; } .pure-menu-children { background-color: #fff; } .pure-menu-link, .pure-menu-disabled, .pure-menu-heading { padding: .5em 1em; } .pure-menu-disabled { opacity: .5; } .pure-menu-disabled .pure-menu-link:hover { background-color: transparent; } .pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus { background-color: #eee; } .pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited { color: #000; } .pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-1-24 { width: 4.1667%; *width: 4.1357%} .pure-u-1-12, .pure-u-2-24 { width: 8.3333%; *width: 8.3023%} .pure-u-1-8, .pure-u-3-24 { width: 12.5%; *width: 12.469%} .pure-u-1-6, .pure-u-4-24 { width: 16.6667%; *width: 16.6357%} .pure-u-1-5 { width: 20%; *width: 19.969%} .pure-u-5-24 { width: 20.8333%; *width: 20.8023%} .pure-u-1-4, .pure-u-6-24 { width: 25%; *width: 24.969%} .pure-u-7-24 { width: 29.1667%; *width: 29.1357%} .pure-u-1-3, .pure-u-8-24 { width: 33.3333%; *width: 33.3023%} .pure-u-3-8, .pure-u-9-24 { width: 37.5%; *width: 37.469%} .pure-u-2-5 { width: 40%; *width: 39.969%} .pure-u-5-12, .pure-u-10-24 { width: 41.6667%; *width: 41.6357%} .pure-u-11-24 { width: 45.8333%; *width: 45.8023%} .pure-u-1-2, .pure-u-12-24 { width: 50%; *width: 49.969%} .pure-u-13-24 { width: 54.1667%; *width: 54.1357%} .pure-u-7-12, .pure-u-14-24 { width: 58.3333%; *width: 58.3023%} .pure-u-3-5 { width: 60%; *width: 59.969%} .pure-u-5-8, .pure-u-15-24 { width: 62.5%; *width: 62.469%} .pure-u-2-3, .pure-u-16-24 { width: 66.6667%; *width: 66.6357%} .pure-u-17-24 { width: 70.8333%; *width: 70.8023%} .pure-u-3-4, .pure-u-18-24 { width: 75%; *width: 74.969%} .pure-u-19-24 { width: 79.1667%; *width: 79.1357%} .pure-u-4-5 { width: 80%; *width: 79.969%} .pure-u-5-6, .pure-u-20-24 { width: 83.3333%; *width: 83.3023%} .pure-u-7-8, .pure-u-21-24 { width: 87.5%; *width: 87.469%} .pure-u-11-12, .pure-u-22-24 { width: 91.6667%; *width: 91.6357%} .pure-u-23-24 { width: 95.8333%; *width: 95.8023%} .pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 { width: 100%} .snap-footer { background: #2d3142; padding: 1em; color: #ffffff; margin-top: 3em; flex-shrink: 0; font-size: 0.75em; }
 * 1) top-bar .search input {

.links.pure-g { color: #ffffff; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; letter-spacing: -.31em; text-rendering: optimizespeed; font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif; display: -webkit-flex; -webkit-flex-flow: row wrap; align-content: flex-start; max-width: 1080px; margin: 0 auto; color: white; }

.snap-footer a { color: white; text-decoration: underline; font-family: sans-serif; }

.snap-footer h4 { font-size: 1.3em; font-weight: bold; margin-bottom: 1em; vertical-align: baseline; color: white; font-family: sans-serif; } .snap-footer p { margin: 12px 0px; } ul.pure-menu-children { width: auto; min-width: 100%; background: #2d3142; }

a#menuLink1:hover { display: block; /* width: 100%; */ }

li.pure-menu-item.pure-u-1-6.pure-menu-has-children.pure-menu-allow-hover.user-menu { width: 100px; } /* Credit to @GrahamSH for this */ .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after { content: "\25BE"; } li[id^=pt] { background-color: #2d3142; } @media (max-width: 800px) { #p-personal { position:static; } #p-personal a { filter:none; } } @media (min-width: 50rem) { #p-personal a { filter: invert(1); color: black; z-index:1000; font-weight:bold; } #p-personal { position: fixed; margin-top: 12px; vertical-align: top; top: 0; margin-left: 225px; } } select#languageselector-select-1 { margin-top: 35px; } h1#firstHeading { margin-top: 40px; } a.mw-wiki-logo { margin-top: 60px; } div#mw-head { margin-top: 45px; }   background: #2d3142; height: 48px; color: #ffffff; width: 100%; position:fixed; z-index:100;
 * 1) top-bar {

}

color: #ffffff; }
 * 1) top-bar a {

padding-top: 8px; padding-bottom: 8px; }
 * 1) top-bar .logo {

margin-right: 1em; }
 * 1) top-bar .run,
 * 2) top-bar .explore {

position: relative; }
 * 1) top-bar .language-select {

left: auto; right: -1px; }
 * 1) top-bar .languages {

content: ''; }
 * 1) top-bar .language-select a::after {

color: white; }
 * 1) top-bar .language-select:focus,
 * 2) top-bar .language-select:hover {

vertical-align: inherit; }
 * 1) top-bar .pure-menu-item {

display: block; font-size: 14px; line-height: 48px; height: 48px; width: 1080px; margin: 0 auto; }
 * 1) top-bar .pure-menu ul.pure-menu-list {

padding: 0 2ch; text-align: center; }
 * 1) top-bar .pure-menu-link {

color: #2d3142; }
 * 1) top-bar .pure-menu-link:focus,
 * 2) top-bar .pure-menu-link:hover {

font-weight: bold; }
 * 1) top-bar .pure-menu ul.pure-menu-list .pure-menu-item {

width: auto; min-width: 100%; background: #2d3142; }
 * 1) top-bar .pure-menu-horizontal .pure-menu-children {

border: 1px solid #ffffff; }
 * 1) top-bar .pure-menu-children {

padding: 0 0.5em; }
 * 1) top-bar .pure-menu-children .pure-menu-link {

width: auto; }
 * 1) top-bar .language-select .pure-menu-children {

padding: 0 2em; }
 * 1) top-bar .language-select .pure-menu-children a {

position: relative; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
 * 1) top-bar div.search {

position: absolute; left: 5px; color: #2d3142; line-height: 48px; }
 * 1) top-bar .search i {

position: absolute; top: 50%; transform: translateY(-50%); height: 24px; width: 100%; border: 2px solid #ffffff; border-radius: 14px; background: #ffffff; color: #2d3142; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0.1em 0.5em 0.1em 1.5em; font-weight: bold; } .inner { margin: 0 auto; } .pure-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pure-menu-fixed { position: fixed; left: 0; top: 0; z-index: 3; } .pure-menu-list, .pure-menu-item { position: relative; } .pure-menu-list { list-style: none; margin: 0; padding: 0; } .pure-menu-item { padding: 0; margin: 0; height: 100%} .pure-menu-link, .pure-menu-heading { display: block; text-decoration: none; white-space: nowrap; } .pure-menu-horizontal { width: 100%; white-space: nowrap; } .pure-menu-horizontal .pure-menu-list { display: inline-block; } .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator { display: inline-block; zoom: 1; vertical-align: middle; } .pure-menu-item .pure-menu-item { display: block; } .pure-menu-children { display: none; position: absolute; left: 100%; top: 0; margin: 0; padding: 0; z-index: 3; } .pure-menu-horizontal .pure-menu-children { left: 0; top: auto; width: inherit; } .pure-menu-allow-hover:hover>.pure-menu-children, .pure-menu-active>.pure-menu-children { display: block; position: absolute; } .pure-menu-has-children>.pure-menu-link:after { padding-left: .5em; content: "\25B8"; font-size: small; } .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after { content: "\25BE"} .pure-menu-scrollable { overflow-y: scroll; overflow-x: hidden; } .pure-menu-scrollable .pure-menu-list { display: block; } .pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { display: inline-block; } .pure-menu-horizontal.pure-menu-scrollable { white-space: nowrap; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; padding: .5em 0; } .pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { display: none; } .pure-menu-separator { background-color: #ccc; height: 1px; margin: .3em 0; } .pure-menu-horizontal .pure-menu-separator { width: 1px; height: 1.3em; margin: 0 .3em; } .pure-menu-heading { text-transform: uppercase; color: #565d64; } .pure-menu-link { color: #777; } .pure-menu-children { background-color: #fff; } .pure-menu-link, .pure-menu-disabled, .pure-menu-heading { padding: .5em 1em; } .pure-menu-disabled { opacity: .5; } .pure-menu-disabled .pure-menu-link:hover { background-color: transparent; } .pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus { background-color: #eee; } .pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited { color: #000; } .pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-1-24 { width: 4.1667%; *width: 4.1357%} .pure-u-1-12, .pure-u-2-24 { width: 8.3333%; *width: 8.3023%} .pure-u-1-8, .pure-u-3-24 { width: 12.5%; *width: 12.469%} .pure-u-1-6, .pure-u-4-24 { width: 16.6667%; *width: 16.6357%} .pure-u-1-5 { width: 20%; *width: 19.969%} .pure-u-5-24 { width: 20.8333%; *width: 20.8023%} .pure-u-1-4, .pure-u-6-24 { width: 25%; *width: 24.969%} .pure-u-7-24 { width: 29.1667%; *width: 29.1357%} .pure-u-1-3, .pure-u-8-24 { width: 33.3333%; *width: 33.3023%} .pure-u-3-8, .pure-u-9-24 { width: 37.5%; *width: 37.469%} .pure-u-2-5 { width: 40%; *width: 39.969%} .pure-u-5-12, .pure-u-10-24 { width: 41.6667%; *width: 41.6357%} .pure-u-11-24 { width: 45.8333%; *width: 45.8023%} .pure-u-1-2, .pure-u-12-24 { width: 50%; *width: 49.969%} .pure-u-13-24 { width: 54.1667%; *width: 54.1357%} .pure-u-7-12, .pure-u-14-24 { width: 58.3333%; *width: 58.3023%} .pure-u-3-5 { width: 60%; *width: 59.969%} .pure-u-5-8, .pure-u-15-24 { width: 62.5%; *width: 62.469%} .pure-u-2-3, .pure-u-16-24 { width: 66.6667%; *width: 66.6357%} .pure-u-17-24 { width: 70.8333%; *width: 70.8023%} .pure-u-3-4, .pure-u-18-24 { width: 75%; *width: 74.969%} .pure-u-19-24 { width: 79.1667%; *width: 79.1357%} .pure-u-4-5 { width: 80%; *width: 79.969%} .pure-u-5-6, .pure-u-20-24 { width: 83.3333%; *width: 83.3023%} .pure-u-7-8, .pure-u-21-24 { width: 87.5%; *width: 87.469%} .pure-u-11-12, .pure-u-22-24 { width: 91.6667%; *width: 91.6357%} .pure-u-23-24 { width: 95.8333%; *width: 95.8023%} .pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 { width: 100%} .snap-footer { background: #2d3142; padding: 1em; color: #ffffff; margin-top: 3em; flex-shrink: 0; font-size: 0.75em; }
 * 1) top-bar .search input {

.links.pure-g { color: #ffffff; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; letter-spacing: -.31em; text-rendering: optimizespeed; font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif; display: -webkit-flex; -webkit-flex-flow: row wrap; align-content: flex-start; max-width: 1080px; margin: 0 auto; color: white; }

.snap-footer a { color: white; text-decoration: underline; font-family: sans-serif; }

.snap-footer h4 { font-size: 1.3em; font-weight: bold; margin-bottom: 1em; vertical-align: baseline; color: white; font-family: sans-serif; } .snap-footer p { margin: 12px 0px; }