MediaWiki:Skin.css

/* Parallel CSS By: Seaside98, AgentSpy, Nxtstep101, Drew1200 */ /* Being modified by Randomized, in progress */ /* *** HEADER *** */ /* *** FOOTER *** */ .WikiaBarCollapseWrapper { box-shadow: none; -webkit-box-shadow: none; background-image: none; background-color: transparent; right: 1px; } .WikiaBarCollapseWrapper .wikia-bar-collapse { background-color: #187ec9; } .WikiaBarCollapseWrapper .wikia-bar-collapse:after { -webkit-transform: rotate(-90deg) skewY(-25deg); -ms-transform: rotate(-90deg) skewY(-25deg); transform: rotate(-90deg) skewY(-25deg); } .popover.wikiaBar { display: none !important; 	/* padding: 10px 0px; padding-bottom: 0px; .arrow { display: none; }	.popover-inner { @include no-shadow; background-color: transparent; border: 0; .popover-content { background-color: transparent; text-shadow: 0 0 5px white; }	}*/ } @media screen and (max-width: 1023px) { #WikiaBarWrapper .toolbar { margin-left: 9px; } #WikiaHeader #GlobalNavigation .topNav .subnav { width: 748px; } #WikiaHeader #GlobalNavigation .topNav:nth-of-type(1) .subnav { left: -110px; } #WikiaHeader #GlobalNavigation .topNav:nth-of-type(2) .subnav { left: -256px; } #WikiaHeader #GlobalNavigation .topNav:nth-of-type(3) .subnav { left: -404px; } #WikiaHeader #WallNotifications > li .subnav { right: 0; } #WikiHeader { padding-top: 0; height: 180px; } #WikiHeader .WikiNav { top: 85px; } #WikiHeader .buttons { top: 85px; } }
 * 1) WikiaHeader .WikiaLogo, #WikiaHeader .start-a-wiki, #WikiaHeader #GlobalNavigation .topNav, #WikiaHeader #WallNotifications > li, #WikiaHeader #AccountNavigation > li { -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); }
 * 2) WikiaHeader .WikiaLogo > a, #WikiaHeader .start-a-wiki > a, #WikiaHeader #GlobalNavigation .topNav > a, #WikiaHeader #WallNotifications > li > a, #WikiaHeader #AccountNavigation > li > a, #WikiaHeader .WikiaLogo > ul, #WikiaHeader .start-a-wiki > ul, #WikiaHeader #GlobalNavigation .topNav > ul, #WikiaHeader #WallNotifications > li > ul, #WikiaHeader #AccountNavigation > li > ul { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); }
 * 3) WikiaHeader .WikiaLogo:hover, #WikiaHeader .start-a-wiki:hover, #WikiaHeader #GlobalNavigation .topNav:hover, #WikiaHeader #WallNotifications > li:hover, #WikiaHeader #AccountNavigation > li:hover { background-color: #2c9ed7; }
 * 1) WikiaHeader #GlobalNavigation .subnav > li .catnav li, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li, #WikiaHeader #AccountNavigation .subnav li, #WikiaBarWrapper .tools-menu li { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border: 0; position: relative; overflow: hidden; background-color: #187ec9; }
 * 2) WikiaHeader #GlobalNavigation .subnav > li .catnav li:hover, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:hover, #WikiaHeader #AccountNavigation .subnav li:hover, #WikiaBarWrapper .tools-menu li:hover { background-color: #2c9ed7 !important; }
 * 3) WikiaHeader #GlobalNavigation .subnav > li .catnav li:after, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:after, #WikiaHeader #AccountNavigation .subnav li:after, #WikiaBarWrapper .tools-menu li:after { box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); content: ''; position: absolute; top: -125%; height: 100%; width: 100%; }
 * 4) WikiaHeader #GlobalNavigation .subnav > li .catnav li:nth-child(even), #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:nth-child(even), #WikiaHeader #AccountNavigation .subnav li:nth-child(even), #WikiaBarWrapper .tools-menu li:nth-child(even) { -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); margin-right: 20px; }
 * 5) WikiaHeader #GlobalNavigation .subnav > li .catnav li:nth-child(even) a, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:nth-child(even) a, #WikiaHeader #AccountNavigation .subnav li:nth-child(even) a, #WikiaBarWrapper .tools-menu li:nth-child(even) a { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); }
 * 6) WikiaHeader #GlobalNavigation .subnav > li .catnav li:nth-child(even):after, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:nth-child(even):after, #WikiaHeader #AccountNavigation .subnav li:nth-child(even):after, #WikiaBarWrapper .tools-menu li:nth-child(even):after { right: -50%; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }
 * 7) WikiaHeader #GlobalNavigation .subnav > li .catnav li:nth-child(odd), #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:nth-child(odd), #WikiaHeader #AccountNavigation .subnav li:nth-child(odd), #WikiaBarWrapper .tools-menu li:nth-child(odd) { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); margin-left: 20px; }
 * 8) WikiaHeader #GlobalNavigation .subnav > li .catnav li:nth-child(odd) a, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:nth-child(odd) a, #WikiaHeader #AccountNavigation .subnav li:nth-child(odd) a, #WikiaBarWrapper .tools-menu li:nth-child(odd) a { -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); }
 * 9) WikiaHeader #GlobalNavigation .subnav > li .catnav li:nth-child(odd):after, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:nth-child(odd):after, #WikiaHeader #AccountNavigation .subnav li:nth-child(odd):after, #WikiaBarWrapper .tools-menu li:nth-child(odd):after { left: -50%; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
 * 10) WikiaHeader #GlobalNavigation .subnav > li .catnav a, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list a, #WikiaHeader #AccountNavigation .subnav a, #WikiaBarWrapper .tools-menu a { color: white; font-size: 14px; padding-left: 20px; }
 * 1) WikiaHeader { box-shadow: none; -webkit-box-shadow: none; border-top: 0; height: 40px; background-image: none; background-color: #187ec9; }
 * 2) WikiaHeader .wikia-header-mask { background-image: none; height: 100%; }
 * 3) WikiaHeader .page-width-container { height: 100%; }
 * 4) WikiaHeader .WikiaLogo { background-color: #f08211; padding: 0 17px; height: 100%; position: relative; z-index: 5; margin-top: 0; margin-left: 9px; }
 * 5) WikiaHeader .WikiaLogo:hover { background-color: #fa9c20; }
 * 6) WikiaHeader .WikiaLogo a { height: 34px; display: block; position: static; padding-top: 6px; }
 * 7) WikiaHeader .start-a-wiki { border-left: 0; margin-top: 0; padding: 0 12px; height: 100%; }
 * 8) WikiaHeader .start-a-wiki .wikia-button { border: 0; height: 100%; line-height: 40px; vertical-align: middle; padding: 0; background-color: transparent; background-image: none; font-size: 17px; padding: 0 5px; border-radius: 0; top: 0; z-index: 5; }
 * 9) WikiaHeader #GlobalNavigation .topNav, #WikiaHeader #WallNotifications > li, #WikiaHeader #AccountNavigation > li { height: 40px; padding: 0 12px; }
 * 10) WikiaHeader #GlobalNavigation .topNav:hover, #WikiaHeader #WallNotifications > li:hover, #WikiaHeader #AccountNavigation > li:hover { background-image: none; }
 * 11) WikiaHeader #GlobalNavigation .topNav > a, #WikiaHeader #WallNotifications > li .bubbles, #WikiaHeader #AccountNavigation > li > a { height: 100%; border-left: 0; padding: 0 4px 0 5px; line-height: 40px; font-size: 17px; vertical-align: middle; position: relative; z-index: 5; }
 * 12) WikiaHeader #GlobalNavigation .topNav:after { float: right; margin-right: 2px; line-height: 40px; margin-top: 13px; background-repeat: no-repeat; vertical-align: middle; }
 * 13) WikiaHeader #GlobalNavigation .topNav > a { padding: 0 19px 0 5px; }
 * 14) WikiaHeader #GlobalNavigation .topNav > a:after { content: ""; display: block; position: absolute; height: 11px; width: 11px; top: 14px; background-size: 11px; z-index: 6; right: 2px; background-image: url("http://img3.wikia.nocookie.net/__cb20140327030336/lmbtest/images/d/d3/WhiteMenuArrow.png"); }
 * 15) WikiaHeader #GlobalNavigation .topNav:nth-of-type(1) .subnav { left: -219px; }
 * 16) WikiaHeader #GlobalNavigation .topNav:nth-of-type(2) .subnav { left: -365px; }
 * 17) WikiaHeader #GlobalNavigation .topNav:nth-of-type(3) .subnav { left: -513px; }
 * 18) WikiaHeader #GlobalNavigation .subnav { width: 1032px; background-color: transparent; }
 * 19) WikiaHeader #GlobalNavigation .subnav > li { -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); width: 25%; margin-left: -1px; background-color: #187ec9; height: 40px; }
 * 20) WikiaHeader #GlobalNavigation .subnav > li:hover { background-color: #fa9c20; }
 * 21) WikiaHeader #GlobalNavigation .subnav > li li { width: 100%; border-top: 0; }
 * 22) WikiaHeader #GlobalNavigation .subnav > li a { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); padding: 0 20px; height: 40px; line-height: 40px; color: white; }
 * 23) WikiaHeader #GlobalNavigation .subnav > li .catnav { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); left: 7px; position: relative; }
 * 24) WikiaHeader #GlobalNavigation .subnav > li .catnav li { height: 40px; }
 * 25) WikiaHeader #WallNotifications { right: 10px; top: 0; }
 * 26) WikiaHeader #WallNotifications > li { margin-right: 0; width: 35px; }
 * 27) WikiaHeader #WallNotifications > li:hover .bubbles:after { display: block; }
 * 28) WikiaHeader #WallNotifications > li .bubbles { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); margin-left: 7px; padding: 0; margin-top: 9px; background-repeat: no-repeat; background-size: 20px; height: 20px; width: 20px; z-index: 6; background-image: url("http://img3.wikia.nocookie.net/__cb20140327215421/lmbtest/images/2/2a/WhiteWallBubble.png"); }
 * 29) WikiaHeader #WallNotifications > li #bubbles_count { top: -19px; left: 11px; }
 * 30) WikiaHeader #WallNotifications > li .subnav { transform-origin: top right; -ms-transform-origin: top right; -webkit-transform-origin: top right; background: transparent; right: -20px; width: 250px; left: auto; }
 * 31) WikiaHeader #WallNotifications > li .subnav li { border-top: 0; }
 * 32) WikiaHeader #WallNotifications > li .subnav li:nth-of-type(2) .notifications-wiki-header { display: none; }
 * 33) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .notification { width: 145px; }
 * 34) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .notification .msg-title, #WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .notification .msg-body { width: 100%; }
 * 35) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .notification .msg-title { font-size: 14px; font-weight: normal; }
 * 36) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list li:after { box-shadow: 0 0 100px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.5); }
 * 37) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list a { padding: 5px 15px; }
 * 38) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .notifications-empty { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; color: white; width: 210px; }
 * 39) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .notifications-empty:after { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
 * 40) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .unread_notification { background-color: #f08211; }
 * 41) WikiaHeader #WallNotifications > li .subnav li .notifications-for-wiki-list .unread_notification:hover { background-color: #fa9c20 !important; }
 * 42) WikiaHeader #WallNotifications > li .subnav li .notifications-wiki-header { background-image: none; background-color: #187ec9; z-index: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
 * 43) WikiaHeader #WallNotifications > li .subnav li .notifications-wiki-header:after { content: ""; display: block; position: absolute; height: 11px; width: 11px; top: 7px; background-size: 11px; z-index: 6; right: 4px; background-image: url("http://img3.wikia.nocookie.net/__cb20140327030336/lmbtest/images/d/d3/WhiteMenuArrow.png"); }
 * 44) WikiaHeader #WallNotifications > li .subnav li.unread_notification a { background: transparent; }
 * 45) WikiaHeader #WallNotifications > li .subnav .notifications-header { display: none; }
 * 46) WikiaHeader #WallNotifications > li .subnav .timeago { color: white; }
 * 47) WikiaHeader #WallNotifications #wall-notifications-markasread { top: 0; }
 * 48) WikiaHeader #WallNotifications .notifications-wiki-count-container { top: 2px; }
 * 49) WikiaHeader #WallNotifications .notifications-wiki-count { margin-right: 0; }
 * 50) WikiaHeader #AccountNavigation { top: 0; right: 55px; }
 * 51) WikiaHeader #AccountNavigation > li:only-child { margin-right: 15px; }
 * 52) WikiaHeader #AccountNavigation > li > a { padding: 0 19px 0 5px; border: 0; }
 * 53) WikiaHeader #AccountNavigation > li > a:after { content: ""; display: block; position: absolute; height: 11px; width: 11px; top: 14px; background-size: 11px; z-index: 6; right: 2px; background-image: url("http://img3.wikia.nocookie.net/__cb20140327030336/lmbtest/images/d/d3/WhiteMenuArrow.png"); }
 * 54) WikiaHeader #AccountNavigation > li + li { margin-right: 0; }
 * 55) WikiaHeader #AccountNavigation .subnav { width: 169px; left: 50%; margin-left: -47px; background-color: transparent; }
 * 56) WikiaHeader #AccountNavigation .avatar { display: none !important; }
 * 57) WikiaHeader #AccountNavigation #UserLoginDropdown { width: 175px; }
 * 58) WikiaHeader #AccountNavigation #UserLoginDropdown .input-group { width: 155px; padding: 0px 10px; margin-top: 15px; margin-bottom: 0; }
 * 59) WikiaHeader #AccountNavigation #UserLoginDropdown .input-group label { font-size: 14px; }
 * 60) WikiaHeader #AccountNavigation #UserLoginDropdown .input-group label .keep-logged-in { width: auto; margin-top: 0; }
 * 61) WikiaHeader #AccountNavigation #UserLoginDropdown .input-group input { width: 149px; border: 0; }
 * 62) WikiaHeader #AccountNavigation #UserLoginDropdown .input-group input.login-button { background-image: none; border-radius: 0; background-color: #187ec9; width: 155px; height: 30px; }
 * 63) WikiaHeader .subnav { box-shadow: none; -webkit-box-shadow: none; border: 0; padding: 0; }
 * 64) WikiaHeader .subnav.show { top: 40px; }
 * 65) WikiaHeader .subnav a:hover:not(.forgot-password) { background-color: transparent !important; color: white !important; box-shadow: none !important; -webkit-box-shadow: none !important; }
 * 66) WikiaHeader .chevron { display: none; }
 * 67) WikiaHeader .avatar { border: 0; }
 * 68) WikiaHeader #WallNotificationsReminder { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); border: 0; border-radius: 0; overflow: hidden; background-color: #187ec9; padding: 0 20px; right: 30px; }
 * 69) WikiaHeader #WallNotificationsReminder:after { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); left: -50%; content: ''; position: absolute; top: -125%; height: 100%; width: 100%; }
 * 70) WikiaHeader #WallNotificationsReminder:hover { background-color: #2c9ed7; }
 * 71) WikiaHeader #WallNotificationsReminder a { -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); display: block; color: white; padding: 10px 0; }
 * 72) WikiaHeader #WallNotificationsReminder a:hover { text-decoration: none; }
 * 1) WikiaBarWrapper { background-color: #187ec9; background-image: none; box-shadow: none; -webkit-box-shadow: none; }
 * 2) WikiaBarWrapper .wikia-bar { background-image: none; }
 * 3) WikiaBarWrapper .arrow, .WikiaBarCollapseWrapper .wikia-bar-collapse { -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); padding: 0 7px; right: -7px; position: relative; background-image: none; }
 * 4) WikiaBarWrapper .arrow:after, .WikiaBarCollapseWrapper .wikia-bar-collapse:after { background-size: 12px; background-image: url("http://img3.wikia.nocookie.net/__cb20140327030336/lmbtest/images/d/d3/WhiteMenuArrow.png"); background-repeat: no-repeat; background-position: center; content: ""; display: block; background-color: transparent; height: 25px; width: 25px; }
 * 5) WikiaBarWrapper .arrow:hover, .WikiaBarCollapseWrapper .wikia-bar-collapse:hover { background-color: #2c9ed7; }
 * 6) WikiaBarWrapper .arrow { position: absolute; }
 * 7) WikiaBarWrapper .arrow:after { -webkit-transform: rotate(90deg) skewY(-25deg); -ms-transform: rotate(90deg) skewY(-25deg); transform: rotate(90deg) skewY(-25deg); }
 * 8) WikiaBarWrapper .toolbar { height: 100%; padding: 0; }
 * 9) WikiaBarWrapper .tools { padding: 0 2px; }
 * 10) WikiaBarWrapper .tools > li { -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); height: 25px; border: 0; margin-top: 0; line-height: 25px; vertical-align: middle; position: relative; padding: 0 9px; }
 * 11) WikiaBarWrapper .tools > li:hover { background-color: #2c9ed7; }
 * 12) WikiaBarWrapper .tools > li > a { padding: 0 5px; }
 * 13) WikiaBarWrapper .tools li.mytools a { padding-right: 13px; }
 * 14) WikiaBarWrapper .tools li.mytools:after { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); content: ""; display: block; position: absolute; height: 8px; width: 8px; top: 9px; background-size: 8px; z-index: 6; right: 2px; background-image: url("http://img3.wikia.nocookie.net/__cb20140327030336/lmbtest/images/d/d3/WhiteMenuArrow.png"); margin-right: 8px; }
 * 15) WikiaBarWrapper .tools a { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); height: 100%; display: inline-block; }
 * 16) WikiaBarWrapper .tools a:hover { text-decoration: none; background-color: transparent; }
 * 17) WikiaBarWrapper .tools-menu { -webkit-transform: skew(25deg); -ms-transform: skew(25deg); transform: skew(25deg); box-shadow: none; -webkit-box-shadow: none; right: auto !important; left: -50% !important; bottom: 25px; border: 0px; z-index: -1; background-color: transparent; margin-left: -5px; width: 120px; }
 * 18) WikiaBarWrapper .tools-menu li { height: 30px; padding: 0 10px; border: 0; width: 100%; }
 * 19) WikiaBarWrapper .tools-menu a { font-size: 12px; color: white; width: 100%; padding: 0; vertical-align: middle; line-height: 30px; padding-left: 10px; }
 * 20) WikiaBarWrapper .gear, #WikiaBarWrapper .arrow-icon-ctr { display: none; }