|
|
Line 1: |
Line 1: |
| /* CSS placed here will affect users of the Vector skin */
| |
|
| |
|
| body {
| |
| background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/d/d4/S2_background_stripe_pattern.svg");
| |
| background-repeat: repeat;
| |
| }
| |
|
| |
| /* Styles the account information box in the top right corner */
| |
| #p-personal {
| |
| background-color: white;
| |
| top: -0.09em;
| |
| margin-right: 4em;
| |
| padding: 2px 12px 2px 0;
| |
| border-radius: 2px 2px 10px 10px;
| |
| border-style: solid;
| |
| border-color: #AADC00;
| |
| border-width: 2px;
| |
| }
| |
|
| |
| /* Tab stuff */
| |
| nav.vectorTabs,
| |
| nav.vectorMenu h3#p-cactions-label,
| |
| #left-navigation .vector-menu-content a,
| |
| #right-navigation .vector-menu-content a {
| |
| background-image: none;
| |
| }
| |
|
| |
| nav#p-namespaces li,
| |
| nav#p-views li,
| |
| nav#p-cactions div {
| |
| background-color: #f3f3f3;
| |
| background-image: none;
| |
| border-radius: 0.95em 0.95em 0 0;
| |
| height: 1.9em;
| |
| line-height: 1px;
| |
| margin-right: 0.15em;
| |
| margin-top: 0.5em;
| |
| border-style: dashed dashed solid dashed;
| |
| border-color: #aadc00;
| |
| border-width: 1px;
| |
| min-width: 30px;
| |
| }
| |
|
| |
| nav#p-views .selected,
| |
| nav#p-namespaces .selected {
| |
| background: #ffffff;
| |
| }
| |
|
| |
| #ca-unwatch.icon a,
| |
| #ca-watch.icon a {
| |
| padding-top: 21px;
| |
| padding-bottom: 21px;
| |
| padding-left: 24px;
| |
| margin-top: -5px;
| |
| width: 68px;
| |
| }
| |
|
| |
| #ca-unwatch.icon a {
| |
| width: 82px;
| |
| }
| |
|
| |
| div#mw-head div.vectorMenu h3 {
| |
| background: #fff;
| |
| height: 28px;
| |
| margin-top: 0.6em;
| |
| border-style: dashed dashed solid dashed;
| |
| border-color: #aadc00;
| |
| border-width: 1px;
| |
| border-radius: 10px 10px 0 0;
| |
| margin-left: 0.1em;
| |
| margin-right: 0.4em;
| |
| }
| |
|
| |
| div.vectorMenu h3 span {
| |
| padding-top: 6px;
| |
| }
| |
|
| |
| #left-navigation {
| |
| margin-left: 11em;
| |
| }
| |
|
| |
| #right-navigation {
| |
| margin-right: 4em;
| |
| overflow: visible;
| |
| display: inline;
| |
| }
| |
|
| |
| #p-logo {
| |
| left: -1em;
| |
| margin-top: -185px;
| |
| margin-left: -15px;
| |
| }
| |
|
| |
| div#mw-page-base {
| |
| background-image: none;
| |
| background-color: rgba(255,255,255,0);
| |
| opacity: 0;
| |
| }
| |
|
| |
| #mw-panel {
| |
| background-color: white;
| |
| max-width: 8em;
| |
| margin-left: 0.8em;
| |
| margin-top: 11em;
| |
| padding: 1em 0.5em 1em 0em;
| |
| border-style: solid;
| |
| border-color: #AADC00;
| |
| border-width: 2px 2px 2px 10px;
| |
| border-radius: 2px;
| |
| }
| |
|
| |
| .mw-body {
| |
| border-style: solid;
| |
| border-color: #AADC00;
| |
| border-width: 1px 2px 0 2px;
| |
| margin-left: 11em;
| |
| margin-right: 5em;
| |
| background-color: #ffffff;
| |
| }
| |
|
| |
| .mw-body h1, .mw-body h2, .mw-body #firstHeading {
| |
| font-family: sans-serif;
| |
| }
| |
|
| |
| /* ink splotches on headers */
| |
| .mw-body h1,
| |
| .mw-body h2 {
| |
| position: relative;
| |
| }
| |
| /* ::before element is needed for opacity */
| |
| .mw-body h1::before,
| |
| .mw-body h2::before {
| |
| content: "";
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| opacity: .6;
| |
| z-index: -1;
| |
| background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png);
| |
| background-repeat: no-repeat;
| |
| }
| |
| .mw-body h1::before { background-position: 95% -2.5%; } /* green */
| |
| .mw-body h2:nth-of-type(6n-5)::before { background-position: 95% 20%; } /* purple */
| |
| .mw-body h2:nth-of-type(6n-4)::before { background-position: 95% 40%; } /* blue */
| |
| .mw-body h2:nth-of-type(6n-3)::before { background-position: 95% 60%; } /* orange */
| |
| .mw-body h2:nth-of-type(6n-2)::before { background-position: 95% 80%; } /* pink */
| |
| .mw-body h2:nth-of-type(6n-1)::before { background-position: 95% 100%; } /* cyan */
| |
| .mw-body h2:nth-of-type(6n)::before { background-position: 95% 0%; } /* green */
| |
| #toc h2::before { background: none; } /* prevent splotches from showing on table of contents header */
| |
| #firstHeading {z-index: 0; } /* fix splotch not showing on title header */
| |
|
| |
| /* prevent h1 help links from becoming unclickable due to the ::before elements */
| |
| div.mw-indicators.mw-body-content {
| |
| position: relative;
| |
| z-index: 1;
| |
| }
| |
|
| |
| #footer {
| |
| background-color: white;
| |
| background-image: url("//cdn.wikimg.net/splatoonwiki/images/b/b4/Featured-bg.png");
| |
| border-style: solid;
| |
| border-color: #AADC00;
| |
| border-width: 1px 2px 1px 2px;
| |
| margin-right: 5em;
| |
| margin-bottom: 5em;
| |
| border-radius: 0 0 10px 10px;
| |
| }
| |
|
| |
| /*==================================================
| |
| Interface improvements by FunPL
| |
| ==================================================*/
| |
|
| |
| /*=NAVIGATION=*/
| |
|
| |
| /* Better "More" menu */
| |
| .vectorMenu h3{
| |
| border-radius:0.95em 0.95em 0 0 !important;
| |
| padding-bottom:2px !important;
| |
| }
| |
| .vectorMenu h3 span:after{
| |
| top:6px !important;
| |
| }
| |
| .vectorMenu span{
| |
| top:2px;
| |
| }
| |
| .vectorMenu .menu{
| |
| border-radius: 0 0 10px 10px;
| |
| left:1.5px;
| |
| min-width:86.5%;
| |
| }
| |
| .vectorMenu .menu ul{
| |
| position:relative;
| |
| left:-1px;
| |
| }
| |
|
| |
| /* Better search */
| |
| #simpleSearch{
| |
| background:#f3f3f3;
| |
| bottom:3px;
| |
| border-radius:0.95em 0.95em 0 0;
| |
| border-style: dashed dashed solid dashed !important;
| |
| border-width:1px;
| |
| border-color:#aadc00;
| |
| padding-bottom:4px;
| |
| padding-top:4px;
| |
| padding-left:5px;
| |
| padding-right:5px;
| |
|
| |
| -webkit-transition: background-color 100ms linear;
| |
| -ms-transition: background-color 100ms linear;
| |
| transition: background-color 100ms linear;
| |
| }
| |
| #simpleSearch:hover{
| |
| background-color:#ffffff;
| |
| /* border-color:transparent; */
| |
| }
| |
| #searchInput{
| |
| border:none;
| |
| }
| |
| #searchInput:focus, #simpleSearch:hover #searchInput:focus{
| |
| -webkit-box-shadow:none; /* Disables blue border when focused */
| |
| box-shadow:none;
| |
| }
| |
| #searchButton{
| |
| top:1px;
| |
| right:5px;
| |
| }
| |
|
| |
| @keyframes judd {
| |
| 0% { opacity: 0; }
| |
| 80% { opacity: .1; }
| |
| 100% { opacity: 0; }
| |
| }
| |
|
| |
| #content {
| |
| position: relative;
| |
| overflow: auto;
| |
| z-index: 0;
| |
| }
| |
|
| |
| #content::before {
| |
| content: "";
| |
| position: absolute;
| |
| z-index: -1;
| |
| top: 0;
| |
| right: 0;
| |
| background-image: url(//cdn.wikimg.net/en/splatoonwiki/images/0/08/Judd_dance.gif);
| |
| background-repeat: repeat;
| |
| width: 100%;
| |
| height: 100%;
| |
| opacity: 0;
| |
| animation-name: judd;
| |
| animation-duration: 3s;
| |
| animation-delay: 20s;
| |
| }
| |