MediaWiki:Common.css: Difference between revisions

comment out site notice styling
imported>Explodabat
(copied contents of ships.css to test)
(comment out site notice styling)
Tags: Mobile edit Mobile web edit Advanced mobile edit
 
(57 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/*
@import 'https://www.mediawiki.org/wiki/Skin:Timeless-DarkCSS/timeless-dark.css?action=raw&ctype=text/css';
*/
/*Local wiki imports*/
/*Local wiki imports*/
 
@import url("/index.php?title=MediaWiki:Styling.css&action=raw&ctype=text/css");
@import "/load.php?mode=articles&only=styles&articles=MediaWiki:Ships.css|MediaWiki:Homepage.css|MediaWiki:Staff.css|MediaWiki:Templatestyles.css|MediaWiki:VarColors.css|MediaWiki:UserColors.css|MediaWiki:Tags.css|MediaWiki:Styling.css";
@import url("/index.php?title=MediaWiki:Homepage.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Staff.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Templatestyles.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:UserColors.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:VarColors.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Msgboxstyles.css&action=raw&ctype=text/css");


/* Custom Font Loading */
/* Custom Font Loading */
Line 28: Line 29:
}
}


#ca-talk { display: none !important; }
@font-face {
font-family: "Android";
src: url("/fonts/Android/Android.ttf") format('truetype');
font-style: normal;
}


/*Directly copying ships.css to troubleshoot import issues*/
@font-face {
/* Styles for the ships page */
font-family: "Android";
/* Created by: NHeoShadow | Edited by smallketchup82 in 2020-2021*/
src: url("/fonts/Android/Android Italic.ttf") format('truetype');
font-style: italic;
}


/* Transformable Div (or TDiv) is a experimental CSS class to be applied later on the ships page */
@font-face {
/* TDiv will also serve as the main div class selector for some pages :P */
font-family: "Android Hollow";
div.TDiv{
src: url("/fonts/Android/Android Hollow.ttf") format('truetype');
    background-color: var(--mainbgcolor);
    border: 1px solid var(--mainbordercolorP);
    padding: 3px;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 12px;
    padding-right: 15px;
    text-align: left;
    line-height: 20.2px;
    font-size: 13.4px;
}
}
div.TDiv.home {
 
text-align: justify;
@font-face {
font-family: "Olga";
src: url("/fonts/Olga.ttf") format('truetype');
}
}
div.TDiv h1{
 
    color: var(--mainbgcolor-contrast-title);
/* Fix the weird color change when you start scrolling */
    font-size: 23px;
html, body {
    font-weight: bold;
  height: auto !important;
    font-variant: small-caps;
    font-family: Calibri;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-top: 2px;
    opacity: 0.85;
}
}
div.TDiv a.external:after {
 
/* Talk page button management */
/* Don't show on Main Page & Certain namespaces*/
body.page-Main_Page #ca-talk, body.ns-4 #ca-talk {
display: none !important;
display: none !important;
}
}
div.TDiv .content{
 
    padding: 1.2px 0px;
.mw-sidebar-action {
display: none !important;
}
}
/* Collapsible content styling */
 
div.TDiv h1.shipclass{
/* Logo Styling */
    opacity: 0.68;
.mw-logo-container {
    transition: 0.25s;
font-family: "Rocket Rinder", "Arial", "sans-serif";
    display: block;
color: white;
    cursor: pointer;
font-size: larger;
    color: var(--mainbordercolorS);
letter-spacing: 0.1em;
    outline: none;
-webkit-text-stroke: 0.01em black;
    -webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
}
div.TDiv h1.shipclass:hover{
 
    opacity: 1;
.mw-logo {
    padding-left: 0.58px;
filter: drop-shadow(0 0 2.5px black);
    color: #E7E7E7;
}
}
div.shadowhover{
 
    box-shadow: 0px 2px 3px #101010;
.mw-logo:hover {
text-decoration: none;
}
}
div.shadowhover:hover{
/* End of Logo Styling */
    box-shadow: 0px 1px 2px #0B0B0B;
 
.mw-number-text h3, .mw-number-text p {
color: white !important;
}
}
/*.mw-collapsible{
 
transition: all 1s ease-in-out !important;
.mw-createacct-benefits-container h2 {
display: block;
color: white;
transform: scaleY(1);
transform-origin: top;
overflow: hidden;
}
}
.heightcollapsed{
 
transition: all 1s ease-in-out !important;
/* fix echo coloring */
transform: scaleY(0);
.mw-echo-ui-notificationItemWidget-unread {
transform-origin: top;
background-color: rgb(50, 54, 55);
}
}
div.shadowhover div{
 
transition: all 1s ease-in-out !important;
/* Fix weird link colors on pages where darkreader cant be loaded */
}*/
h1, h2, h3, h4, h5, h6 {
/* End of collapsible content styling | Start of shipbutton styling */
color: white;
.shipbutton {
-webkit-filter: grayscale(30%);
filter: grayscale(30%);
background-color: #22252d !important;
border: 2px solid var(--mainbordercolorP);
transition: 0.5s ease !important;
border-radius: 10px;
outline: none;
}
.shipbutton:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
background: var(--mainbgcolor) !important;
border: 2px solid #0d3472;
border-radius: 10px;
position: relative;
transform: scale(1.05);
}
}
.shipbutton:active{
.vector-menu-portal .vector-menu-content li a {
border: 2px solid white;
color: rgb(102, 177, 250) !important;
}
}
.shipbutton:hover a{
.vector-menu-portal .vector-menu-content li a:visited {
    text-decoration: none;
color: rgb(126, 114, 255) !important;
    color: var(--mainbgcolor-contrast-title);
}
}
div.TDiv .shipnav .shipbutton{
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    display: block;
color: rgb(211, 207, 202) !important;
    opacity: 0.78;
    font-size: 20px;
    background-color: var(--mainbgcolor);
    padding: 7px 12px;
    transition: 0.18s;
    margin: 3px 5px;
   
}
}
div.TDiv .shipnav .shipbutton a{
 
    display: block;
/* Preferences Page Styling */
    font-size: 17px;
.oo-ui-tabSelectWidget-framed {
    height: 100%;
background-color: rgb(34, 37, 38);
    outline: none;
}
}
div.TDiv .shipnav .shipbutton .floatleft{
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    margin: 0px 12px 0px 0px;
background-color: rgb(24, 26, 27);
color: rgb(232, 230, 227);
}
}
div.TDiv .shipnav .shipbutton:hover{
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    opacity: 1;
border-bottom-color: rgb(48, 52, 54);
}
}
 
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
/* Shipbuttons styling*/
border-color: rgb(62, 67, 70);
div.TDiv .shipbuttons ul{
    margin: 6px 0px 8px 0px;
    background-color: var(--mainbgcolor-dark);
}
}
div.TDiv .shipbuttons li{
.mw-prefs-buttons {
    display: block;
background-color: rgb(24, 26, 27);
    border-bottom: 1px solid var(--mainbordercolorP);
border-top-color: rgb(62, 67, 70);
    opacity: 0.82;
box-shadow: rgba(0, 0, 0, 0.25) 0px -4px 4px -4px;
    transition: 0.14s;
    font-size: 15.4px;
    padding: 0.5px 0px;
    margin-left: 3px;
}
}
div.TDiv .shipbuttons li:hover{
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    opacity: 1;
background-color: rgb(24, 26, 27);
color: rgb(232, 230, 227);
border-color: rgb(72, 78, 81);
}
}
div.TDiv .shipbuttons li a{
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
    display: block;
background-color: rgb(24, 26, 27);
    text-decoration: none;
border-color: rgb(101, 93, 83);
    padding: 2px;
    padding-left: 0px;
    transition: 0.14s;
}
div.TDiv .shipbuttons li a:hover{
    padding-left: 0.75px;
    color: #E7E7E7;
}
div.TDiv .shipnav{
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
   
}
}
/* Site Notice Styling (UNCOMMENT THIS WHENEVER YOU SET A SITENOTICE!!!)*/
/* .sitenoticestyling {
padding: 10px;
border-radius: 10px;
border: 2px solid rgb(48, 52, 54) !important;
border-color: rgb(48, 52, 54) !important;
text-align: center;
margin-bottom: 10px !important;
} */