|
|
| Line 1: |
Line 1: |
| @import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
| |
| @import url('https://fonts.googleapis.com/css?family=Fascinate+Inline&display=swap');
| |
|
| |
|
|
| |
| #p-Go_to_Dogcraft a::after {
| |
| display:none;
| |
| }
| |
|
| |
|
| |
| :root { /*done*/
| |
| --main-color: #8b0024;
| |
| --button-color: #367fa9;
| |
| --second-color: #e05176;
| |
| }
| |
|
| |
| body {
| |
| font-family: "Nunito", sans-serif;
| |
| background: #ffffff; /*done*/
| |
| }
| |
|
| |
| /* Disabling Discusson Pages */
| |
|
| |
| #ca-talk, #pt-mytalk, #wikiEditor-section-help div[rel="discussion"],
| |
| .mw-usertoollinks span:first-of-type, .mw-usertoollinks > span:nth-child(2)::before,
| |
| .mw-contributions-user-tools .mw-changeslist-links span:first-of-type,
| |
| .mw-contributions-user-tools .mw-changeslist-links > span:nth-child(2)::before,
| |
| .ns-talk #ca-edit, .ns-talk #ca-addsection {
| |
| display: none;
| |
| }
| |
|
| |
| .top-bar-section ul li > a,
| |
| button, .button {
| |
| font-family: "Nunito", sans-serif;
| |
| }
| |
|
| |
| #firstHeading { /*done*/
| |
| padding-top:10px;
| |
| }
| |
|
| |
| /* Sets Actions button to use the page's --button-color variable for background */
| |
| .button.secondary {
| |
| background-color: var(--button-color); /*done*/
| |
| font-family: "Nunito", sans-serif!important;
| |
| }
| |
|
| |
| .button {
| |
| background-color: var(--button-color); /*done*/
| |
| font-family: "Nunito", sans-serif;
| |
| }
| |
|
| |
| /* Sets page titles to use the page's font */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| font-family: inherit;
| |
| }
| |
|
| |
| /* Hide "Main Page" titles */
| |
| body.page-Main_Page .title,
| |
| body.page-Main_Page #tagline {
| |
| display: none;
| |
| }
| |
|
| |
| .row.display {
| |
| background: #eee;
| |
| font-size: 11px;
| |
| margin-bottom: 10px;
| |
| }
| |
| .row.display .columns,
| |
| .row.display .column {
| |
| background: #e7e7e7;
| |
| border: 1px solid #ddd;
| |
| font-size: 13px;
| |
| font-weight: bold;
| |
| text-indent: 3px;
| |
| padding-top: 8px;
| |
| color: #444;
| |
| padding-bottom: 8px;
| |
| }
| |
|
| |
| /** ===VISUAL EDITOR FIXES=== **/
| |
|
| |
| /* VisualEditor
| |
| * fixes misalignment of icons
| |
| */
| |
| .oo-ui-toolbar-bar .oo-ui-tool .oo-ui-tool-link {
| |
| padding-top: 0 !important;
| |
| }
| |
|
| |
| /*==Fixes the Visula Editor save confirm dialog box's position on screens smaller than 550px==*/
| |
|
| |
| /*VE all options menus fix on phone*/
| |
| /*VE Gallery Insert box fix on phone*/
| |
| /*VE Media Insert box fix on phone*/
| |
| /*VE All options menus fix on phone*/
| |
| @media only screen and (max-width: 900px) {
| |
| .oo-ui-processDialog .oo-ui-window-frame {
| |
| top: 90.9px!important;
| |
| position:fixed!important;
| |
| }
| |
|
| |
| .oo-ui-processDialog-actions-other {
| |
| position: fixed!important;
| |
| }
| |
|
| |
| .oo-ui-toolbar-bar {
| |
| text-align: center;
| |
| line-height: 300%;
| |
| }
| |
| }
| |
|
| |
| /*VE Gallery Insert box fix on dektop*/
| |
| @media only screen and (min-width: 901px) {
| |
| .ve-ui-mwGalleryDialog .oo-ui-window-frame {
| |
| top: 80px!important;
| |
| }
| |
| }
| |
|
| |
| /*VE Media Insert box fix on dektop*/
| |
| @media only screen and (min-width: 901px) {
| |
| .ve-ui-mwMediaDialog .oo-ui-window-frame {
| |
| top: 80px!important;
| |
| }
| |
| }
| |
|
| |
| @media only screen and (max-height: 519px) and (min-width: 500px) {
| |
| .oo-ui-processDialog .oo-ui-window-frame {
| |
| top: 80px!important;
| |
| }
| |
| }
| |
|
| |
| /** ===PHONE VIEW FIXES=== **/
| |
|
| |
| /*==Sets infobox width to full screen on phones==*/
| |
| @media only screen and (max-width: 640px) {
| |
| .phonefullscreen {
| |
| width: 100%!important;
| |
| max-width:100%!important;
| |
| padding-left: 0!important;
| |
| padding-right: 0!important;
| |
| margin-left: 0!important;
| |
| margin-right: 0!important;
| |
| }
| |
|
| |
| figure {
| |
| width: 100%!important;
| |
| margin-left: 0!important;
| |
| margin-right: 0!important;
| |
| }
| |
|
| |
| .phonefullscreen2 {
| |
| width: 100%!important;
| |
| max-width:100%!important;
| |
| }
| |
|
| |
| .trophyfullscreen {
| |
| display:block;
| |
| }
| |
|
| |
| .trophyfullscreen > div {
| |
| float:none!important;
| |
| }
| |
|
| |
| .infobox {
| |
| width: 100%!important;
| |
| }
| |
|
| |
| .infobox .phonefullscreen img {
| |
| width: 100%;
| |
| }
| |
|
| |
| .mw-references-wrap {
| |
| width: 100%!important;
| |
| overflow-wrap: break-word!important;
| |
| }
| |
|
| |
| .mainpagefullscreen {
| |
| width: 100%!important;
| |
| display: block!important;
| |
| padding-left: 0!important;
| |
| padding-right: 0!important;
| |
| padding-bottom: 0!important;
| |
| max-width:100%!important;
| |
| }
| |
|
| |
| .example-orbit {
| |
| width: 100%!important;
| |
| padding-left: 0!important;
| |
| padding-right: 0!important;
| |
| }
| |
| .orbit-container {
| |
| width: 100%!important;
| |
| padding-left: 0!important;
| |
| padding-right: 0!important;
| |
| }
| |
| }
| |
|
| |
| /*==Sets image width to full screen on phones==*/
| |
| @media only screen and (max-width: 640px) {
| |
| .thumbimage, .thumbinner, .thumb{
| |
| width: 100%!important;
| |
| max-width:100%!important;
| |
| }
| |
| }
| |
|
| |
| @media only screen and (max-width: 640px) {
| |
| .gallerybox {
| |
| width: 49%!important;
| |
| margin:auto!important;
| |
| }
| |
|
| |
| .gallerybox div {
| |
| width: 100%!important;
| |
| }
| |
|
| |
| /*.gallerybox div .thumb img {
| |
| width: 100%!important;
| |
| }*/
| |
|
| |
| .gallery {
| |
| margin:auto!important;
| |
| }
| |
|
| |
| /*=Sets the Main Page option buttons to small=*/
| |
| .mainpagegallery .thumb {
| |
| width: 124.667px!important;
| |
| margin: auto;
| |
| }
| |
| .mainpagegallery .gallerybox {
| |
| width: 49%!important;
| |
| }
| |
| }
| |
|
| |
| /*=Padding, and margin to images=*/
| |
| .thumbinner {
| |
| margin:5px;
| |
| margin-top:10px;
| |
| margin-bottom:10px;
| |
| padding-left:5px;
| |
| padding-right:5px;
| |
| }
| |
|
| |
| /*=Gray and italic image captions=*/
| |
| .thumbcaption {
| |
| color:#6f6f6f;
| |
| font-style:italic;
| |
| background:#fcfdfe;
| |
| padding-left:3px;
| |
| padding-right:3px;
| |
| }
| |
|
| |
|
| |
| /** ===CSS placed here will be applied to default skin for navigation boxes=== */
| |
|
| |
| table.navbox { /* navbox container style */
| |
| border: 1px solid #aaa;
| |
| width: 100%;
| |
| margin: auto;
| |
| clear: both;
| |
| font-size: 88%;
| |
| text-align: center;
| |
| padding: 1px;
| |
| }
| |
| table.navbox + table.navbox {
| |
| margin-top: -1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
| |
| }
| |
| .navbox-title, .navbox-abovebelow, table.navbox th {
| |
| text-align: center; /* title and above/below styles */
| |
| padding-left: 1em;
| |
| padding-right: 1em;
| |
| }
| |
| .navbox-group { /* group style */
| |
| white-space: nowrap;
| |
| text-align: right;
| |
| font-weight: bold;
| |
| padding-left: 1em;
| |
| padding-right: 1em;
| |
| }
| |
| .navbox, .navbox-subgroup {
| |
| background: #fdfdfd; /* Background color */
| |
| }
| |
| .navbox-list {
| |
| border-left: 2px solid #fdfdfd; /* Must match background color */
| |
| }
| |
| .navbox-title, table.navbox th {
| |
| background: #ccccff; /* Level 1 color */
| |
| }
| |
| .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
| |
| background: #ddddff; /* Level 2 color */
| |
| }
| |
| .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
| |
| background: #e6e6ff; /* Level 3 color */
| |
| }
| |
| .navbox-even {
| |
| background: #f7f7f7; /* Even row striping */
| |
| }
| |
| .navbox-odd {
| |
| background: transparent; /* Odd row striping */
| |
| }
| |
|
| |
| @media print {
| |
| .navbox {
| |
| display: none;
| |
| }
| |
| }
| |
|
| |
| .nowraplinks a { /* prevents line breaks in links in primarily navbox */
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| /* Infobox template style */
| |
| .infobox {
| |
| border: 1px solid #aaa;
| |
| background-color: #E9EDEF;
| |
| margin: 0.5em 0 0.5em 1em;
| |
| padding: 0.2em;
| |
| float: right;
| |
| clear: right;
| |
| width: 22em;
| |
| }
| |
|
| |
| .infobox td,
| |
| .infobox th {
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .infobox title {
| |
| color: white;
| |
| }
| |
|
| |
| .infobox heading {
| |
| color: white;
| |
| }
| |
|
| |
| .infobox caption {
| |
| font-size: larger;
| |
| color: black;
| |
| }
| |
|
| |
| /** ===TEMPLATES & OTHER=== **/
| |
|
| |
| /* ==Hover class== */
| |
| .hover:hover .hoverbox {
| |
| display: inline;
| |
| }
| |
|
| |
| .hoverbox {
| |
| display: none;
| |
| }
| |
|
| |
| .hover2:hover .hoverbox2 {
| |
| display: block;
| |
| }
| |
|
| |
| .hoverbox2 {
| |
| display: none;
| |
| }
| |
|
| |
| .hover3:hover .hoverbox {
| |
| display: inline;
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 1000px;
| |
| }
| |
|
| |
| /* ==Flip Cards== */
| |
|
| |
| .flip-card:focus .flip-card-inner {
| |
| transform: rotateY(180deg);
| |
| }
| |
|
| |
| .flip-card:hover #trophy-title {
| |
| background-color: var(--second-color)!important;
| |
| outline-color: var(--second-color)!important;
| |
| }
| |
|
| |
| .flip-card:hover #trophy-image {
| |
| outline-color: var(--second-color)!important;
| |
| }
| |
|
| |
|
| |
|
| |
| /* Pagetabs template */
| |
|
| |
| /* Hides the desktop version on phone*/
| |
| @media only screen and (max-width: 640px) {
| |
| .nophone {
| |
| display: none;
| |
| }
| |
| }
| |
|
| |
| /* Hides the phone version on desktop*/
| |
| @media only screen and (min-width: 641px) {
| |
| .phoneonly {
| |
| display: none;
| |
| }
| |
|
| |
| .trophyfullscreen {
| |
| display:inline-block;
| |
| }
| |
| }
| |
|
| |
| /* Speech Bubble */
| |
| .speech-bubble {
| |
| position: relative;
| |
| background: #fffff0;
| |
| border-radius: .4em;
| |
| }
| |
|
| |
| .speech-bubble:after {
| |
| content: '';
| |
| position: absolute;
| |
| top: 0;
| |
| left: 12%;
| |
| width: 0;
| |
| height: 0;
| |
| border: 9px solid transparent;
| |
| border-bottom-color: #fffff0;
| |
| border-top: 0;
| |
| margin-left: -9px;
| |
| margin-top: -9px;
| |
| }
| |
|
| |
| /* Navigation Popups */
| |
| .navpopup {
| |
| background-color: #fffff0 !important;
| |
| border-color: #fffff0 !important;
| |
|
| |
| }
| |
|
| |
| /* World Map */
| |
| @media only screen and (max-width: 640px) {
| |
| .worldmap {
| |
| width: 100%;
| |
| }
| |
| }
| |
|
| |
| /* Wikitable Styles */
| |
|
| |
| .wikitable th, .wikitable td {
| |
| border: 2px solid #fff !important;
| |
| }
| |
|
| |
| .wikitable > * > tr > th {
| |
| background: var(--main-color);
| |
| color: #fff;
| |
| }
| |
|
| |
| .wikitable tbody tr:nth-child(even) {
| |
| background: #f5f5f5;
| |
| }
| |
|
| |
| .wikitable tbody tr:nth-child(odd) {
| |
| background: #e9edef;
| |
| }
| |
|
| |
| /** ===WIKI EDITOR=== **/
| |
|
| |
| /*Help section fully displayed*/
| |
| #wikiEditor-section-help .index, #wikiEditor-section-help .pages {
| |
| height: 100%;
| |
| }
| |
|
| |
| /*Special characters to fit boxes*/
| |
| .wikiEditor-ui-toolbar .page-characters div span {
| |
| height: 30px;
| |
| }
| |
|
| |
| /*Temp*/
| |
| .uecTable2 {
| |
| width: 612px;
| |
| margin: auto;
| |
| }
| |
