User:Jens Ingels/Sandbox/11

Main navbar styling codes

bottom: auto; }
 * 1) WikiHeader .wordmark {

border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; transition: border .5s; -moz-transition: border .5s; -webkit-transition: border .5s; -o-transition: border .5s; } border-top: 1px solid silver; border-bottom: 1px solid silver; } display: none; }
 * 1) WikiHeader .wordmark img {
 * 1) WikiHeader .wordmark img:hover {
 * 1) WikiHeader .navbackground {

cursor: default !important; border: none !important; }
 * 1) WikiHeader .nav-item > a {

border: none !important; } opacity: .5; filter: alpha(opacity=50); z-index: 1; }
 * 1) WikiHeader .WikiNav li {
 * 1) WikiHeader .nav-item.active .subnav-2 {

opacity: 1; filter: alpha(opacity=100); }
 * 1) WikiHeader .WikiNav:hover .nav-item.active .subnav-2 {

border-top: 1px solid silver; border-radius: 100%/10px; -webkit-border-radius: 100%/10px; height: 32px; transition: border .5s; -moz-transition: border .5s; -webkit-transition: border .5s; -o-transition: border .5s; }
 * 1) WikiHeader .nav {

color: silver !important; opacity: 1; filter: alpha(opacity=100); } top: 12px !important; width: 521px; z-index: 4; } padding-top: 10px !important; } top: 33px !important; z-index: 3; } background-image: url(http://images4.wikia.nocookie.net/legouniversestories/images/8/88/Glasslrg.png); background-color: rgba(192, 192, 192, 0.2) !important; background-color: silver; border-radius: 100%/10px; -webkit-border-radius: 100%/10px; border-bottom: 1px solid silver; width: 100%; display: block !important; opacity: 0; filter: alpha(opacity=0); z-index: -1; transition: opacity .5s, border .5s; -moz-transition: opacity .5s, border .5s; -webkit-transition: opacity .5s, border .5s; -o-transition: opacity .5s, border .5s; }
 * 1) WikiHeader .WikiNav a {
 * 1) WikiHeader .WikiNav {
 * 1) WikiHeader {
 * 1) WikiHeader .buttons {
 * 1) WikiHeader .subnav-2 {

border-radius: 100% 100% 0 0 / 10px 10px 0 0; -webkit-border-radius: 100% 100% 0 0 / 10px 10px 0 0; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; }
 * 1) WikiHeader .subnav-2-item.parent .subnav-2a {

background-image: url(http://images4.wikia.nocookie.net/legouniversestories/images/8/88/Glasslrg.png); background-color: rgba(1, 46, 89, 0.9) !important; background-color: #012E59; }
 * 1) WikiHeader .subnav-2-item.parent:hover .subnav-2a {

.subnav-2a[data-canonical="chat"]:after { content: "Chat"; }

.subnav-2a[data-canonical="random"], .overflow a[data-name="recentchanges"] { text-transform: capitalize; }

border: none !important; } background: none !important; } text-shadow: 0 0 4px silver; } text-shadow: none; }
 * 1) WikiHeader .WikiNav li {
 * 1) WikiHeader .nav-item {
 * 1) WikiHeader .WikiNav .nav-item.active > a, #WikiHeader .subnav-2-item:hover .subnav-2a, #WikiHeader .subnav-3-item:hover .subnav-3a {
 * 1) WikiHeader .subnav-2a, #WikiHeader .subnav-3a {

text-decoration: none; } border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; background: transparent; transition: background-color .5s, box-shadow .5s; -webkit-transition: background-color .5s, box-shadow .5s; -moz-transition: background-color .5s, box-shadow .5s; -o-transition: background-color .5s, box-shadow .5s; } background-color: rgba(192, 192, 192, 0.1) !important; background-color: silver; box-shadow: 0px 3px 15px -3px silver inset; -moz-box-shadow: 0px 3px 15px -3px silver inset; -webkit-box-shadow: 0px 3px 15px -3px silver inset; } margin: 3px 0 !important; padding: 0 14px !important; background: transparent !important; border: none !important; color: silver !important; } display: block !important; top: 28px !important; background-image: url(http://images4.wikia.nocookie.net/legouniversestories/images/8/88/Glasslrg.png) !important; border: none !important; background-color: rgba(1, 46, 89, 0.9) !important; background-color: #012E59; box-shadow: 0px 3px 15px -3px silver !important; -webkit-box-shadow: 0px 3px 15px -3px silver !important; border-radius: 0 70px 100% 100% / 0 10px 10px; -webkit-border-radius: 0 70px 100% 100% / 0 10px 10px; margin-left: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: visibility 0s .5s, opacity .5s; -moz-transition: visibility 0s .5s, opacity .5s; -webkit-transition: visibility 0s .5s, opacity .5s; -o-transition: visibility 0s .5s, opacity .5s; } background: transparent; } background: transparent !important; } border-top-color: silver; opacity: 1; filter: alpha(opacity=100) !important; }
 * 1) WikiHeader .WikiNav a:hover {
 * 1) WikiHeader .subnav-3-item {
 * 1) WikiHeader .subnav-3-item:hover {
 * 1) WikiHeader .subnav-2a {
 * 1) WikiHeader .subnav-3 {
 * 1) WikiHeader .subnav-3-item {
 * 1) WikiHeader .subnav-3a {
 * 1) WikiHeader .WikiNav .chevron {

border-color: transparent; }
 * 1) WikiHeader .nav:hover, #WikiHeader .nav:hover .subnav-2 {

opacity: 1; filter: alpha(opacity=100); visibility: visible; z-index: 91; transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; }
 * 1) WikiHeader .subnav-2-item.parent:hover .subnav-3 {

display: block !important; }
 * 1) WikiHeader .nav-item:hover .subnav-3 {

height: 22.5px; border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; background-image: url(http://images4.wikia.nocookie.net/legouniversestories/images/8/88/Glasslrg.png) !important; border: none !important; background-color: rgba(1, 46, 89, 0.7) !important; background-color: #012E59; box-shadow: 0px -3px 15px -3px silver; -moz-box-shadow: 0px -3px 15px -3px silver; -webkit-box-shadow: 0px -3px 15px -3px silver; transition: all 200ms ease-in 200ms, background-color .5s; -webkit-transition: all 200ms ease-in 200ms, background-color .5s; -moz-transition: all 200ms ease-in 200ms, background-color .5s; -o-transition: background-color .5s; }
 * 1) WikiaBarWrapper {

background-color: rgba(1, 46, 89, 0.9) !important; } .WikiaBarWrapper .toolbar::after { display: none; } .WikiaBarWrapper .toolbar .tools { margin-top: -1px; background-image: none; } .WikiaBarWrapper:hover { background-color: rgba(1, 46, 89, 0.9) !important; } .WikiaBarWrapper .toolbar .tools > li { border: none; } .WikiaBarWrapper .toolbar .tools > li > a { color: silver; } .WikiaBarWrapper .toolbar .tools .arrow-icon { border-bottom-color: silver; } .WikiaBarWrapper .tools-menu { border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; background-image: url(http://images4.wikia.nocookie.net/legouniversestories/images/8/88/Glasslrg.png) !important; border: none !important; background-color: rgba(1, 46, 89, 0.7) !important; background-color: #012E59; box-shadow: 0px -3px 15px -3px silver; -moz-box-shadow: 0px -3px 15px -3px silver; -webkit-box-shadow: 0px -3px 15px -3px silver; padding: 10px 5px; left: auto !important; right: auto !important; margin-left: -5px; transition: background-color .5s; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; } .WikiaBarWrapper .tools-menu:hover { background-color: rgba(1, 46, 89, 0.9) !important; } .WikiaBarWrapper .tools-menu > li { border: none !important; transition: background-color .5s, box-shadow .5s; -moz-transition: background-color .5s, box-shadow .5s; -webkit-transition: background-color .5s, box-shadow .5s; -o-transition: background-color .5s, box-shadow .5s; border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; } .WikiaBarWrapper .tools-menu > li:hover { background-color: rgba(192, 192, 192, 0.1) !important; background-color: silver; box-shadow: 0px 3px 15px -3px silver inset; -moz-box-shadow: 0px 3px 15px -3px silver inset; -webkit-box-shadow: 0px 3px 15px -3px silver inset; } .WikiaBarWrapper .tools-menu > li > a { background-color: transparent !important; }
 * 1) WikiaBarWrapper:hover {

.WikiaBarWrapper .wikia-bar { background-image: none !important; }

.WikiaBarCollapseWrapper { box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 100% 0 0 0 / 10px 0 0 0; -moz-border-radius: 100% 0 0 0 / 10px 0 0 0; -webkit-border-radius: 100% 0 0 0 / 10px 0 0 0; background-color: rgba(1, 46, 89, 0.7) !important; background-color: #012E59; transition: all 200ms ease-in 200ms, background-color .5s; -moz-transition: all 200ms ease-in 200ms, background-color .5s; -webkit-transition: all 200ms ease-in 200ms, background-color .5s; -o-transition: all 200ms ease-in 200ms, background-color .5s; }

.WikiaBarCollapseWrapper:hover { background-color: rgba(1, 46, 89, 0.9) !important; }