MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
(+ popups)
No edit summary
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* fonts */
@font-face {
  font-family: Destructo Beam BB Regular;
  font-style: normal;
  src: url('https://www.buckwiki.com/w/fonts/destructobeam-bb.regular.ttf') format('truetype');
}
#mw-header-container #p-banner,
#mw-header-container #personal h2,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #firstHeading {
font-family: Destructo Beam BB Regular;
}
#content h1,
#content h2 {
font-variant: small-caps;
}
/* color aliases */
:root {
    --text: #fff;
    --background: #471919;
    --background2: #000;
    --background3: #160807;
    --background-dark: #f4a460;
    --background-dark2: #d2691e;
    --text-inverse: #018;
    --grey: #ccc;
    --grey-bright: #eee;
    --grey-dark: #666;
    --red: #d44;
    --red-bright: #f55;
    --red-dark: #900;
    --orange: #ffa500;
    --orange-bright: #ff4500;
    --orange-dark: #ff8c00;
    --yellow: #ffff00;
    --yellow-bright: #ffffe0;
    --yellow-dark: #ffd700;
    --green: #3b7;
    --green-bright: #4c8;
    --green-dark: #396;
    --blue: #08d;
    --blue-bright: #2af;
    --blue-dark: #069;
    --link: #ffff00;
    --link-red: #d44;
    --font-size: 0.93em;
}
/* All CSS here will be loaded for users of the Vector skin */
/* All CSS here will be loaded for users of the Vector skin */


Line 11: Line 69:
     margin: 10px;
     margin: 10px;
     padding: 10px;
     padding: 10px;
     width:200px;
     width:300px !important;
}
}


Line 58: Line 116:
a.new {
a.new {
     color: #d44 !important;
     color: #d44 !important;
}
.gallerytext p {
color: #c1c1c1 !important;
}
}


Line 66: Line 128:
color: #C1C1C1 !important;
color: #C1C1C1 !important;
border: 1px solid #a2a9b1 !important;
border: 1px solid #a2a9b1 !important;
}
.mwe-popups-extract
{
color: #C1C1C1 !important;
}
}


.mwe-popups .mwe-popups-extract:after {
.mwe-popups .mwe-popups-extract:after {
background-image: -webkit-linear-gradient(to right,rgba(244,164,96,0),#f4a460 50%) !important;
background-image: -webkit-linear-gradient(to right,rgba(244,164,96,0),#4C4C4C 50%) !important;
background-image: linear-gradient(to right,rgba(244,164,96,0),#f4a460 50%) !important;
background-image: linear-gradient(to right,rgba(244,164,96,0),#4C4C4C 50%) !important;
}
}
Line 95: Line 162:
.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:after {
.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:after {
border-top: 12px solid #a2a9b1 !important
border-top: 12px solid #a2a9b1 !important
}
div#footer {
margin-left: 13em;
}
#p-logo {
left: 1.5em;
width: 13em;
}
.flow-post {
color: inherit;
}
/* grafted from BSGWIKI */
.portalS {
        box-sizing: border-box;
        border: 15px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
        background: #1f0b0c;
background-clip: padding-box;
        padding: 2px;
        vertical-align: top;
        margin: 0;
        z-index: -1;
}
.mw-body .portals h2 {
        margin: 8px 0;
        background-color: var(--background);
        border: 1px solid var(--orange-dark);
        padding: 0.2em 0.4em;
}
.contentbox-th,
.portal_h2 {
        margin: 8px;
        background-color: var(--background);
        border: 1px solid var(--yellow-dark);
        padding: 0.2em 0.4em;
}
.navbox {
        box-sizing: border-box;
        border: 7px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        background: #1f0b0c;
        background-clip: padding-box;
        width: 100%;
        clear: both;
        font-size: 88%;
        /* text-align: center; */
        margin: 1em auto 0;
}
.centered {
        align: center;
        width: auto;
}
.tree {
        border: 7px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        background: #1f0b0c;
        background-clip: padding-box;
        font-size: 88%;
        text-align: center;
        margin: 1em auto 0;
}
.thumbinner {
        background: var(--background3);
        border: solid 1px var(--yellow-dark);
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
}
}

Latest revision as of 04:30, 23 November 2023

/* fonts */

@font-face {
   font-family: Destructo Beam BB Regular;
   font-style: normal;
   src: url('https://www.buckwiki.com/w/fonts/destructobeam-bb.regular.ttf') format('truetype');	
}

#mw-header-container #p-banner,
#mw-header-container #personal h2,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #firstHeading {
	font-family: Destructo Beam BB Regular;
}

#content h1,
#content h2 {
	font-variant: small-caps;
}

/* color aliases */

:root {
     --text: #fff;
     --background: #471919;
     --background2: #000;
     --background3: #160807;
     --background-dark: #f4a460;
     --background-dark2: #d2691e;
     --text-inverse: #018;
     --grey: #ccc;
     --grey-bright: #eee;
     --grey-dark: #666;
     --red: #d44;
     --red-bright: #f55;
     --red-dark: #900;
     --orange: #ffa500;
     --orange-bright: #ff4500;
     --orange-dark: #ff8c00;
     --yellow: #ffff00;
     --yellow-bright: #ffffe0;
     --yellow-dark: #ffd700;
     --green: #3b7;
     --green-bright: #4c8;
     --green-dark: #396;
     --blue: #08d;
     --blue-bright: #2af;
     --blue-dark: #069;
     --link: #ffff00;
     --link-red: #d44;
     --font-size: 0.93em;
}

/* All CSS here will be loaded for users of the Vector skin */

tr.hiddenStructure {
    display: none;
}

table.infobox {
    float: right;
    border: 1px solid var(--yellow);
    border-collapse: unset; /* originally collapse, but this caused problems with yellow borders not showing up properly */
    margin: 10px;
    padding: 10px;
    width:300px !important;
}

/* Moving the left panel a littel bit to the right because of the social media buttons masking hyperlinks */

.mw-body {
	margin-left: 13em;
}

#mw-panel {
	padding-left: 2.2em;
}

#left-navigation {
	margin-left: 13em;
}

.mw-footer {
	margin-left: 13em;
}

/* Quotes */

.dialogue {
    margin-left: 20px;
}

.dialogue-inside {
    border-left: 5px solid #434343;
    padding-left: 5px;
}

.dialogue-attribution {
    margin-left: 40px;
}

.quoteline {
    line-height: 1.7;
    font-size: 116%;
}

q:after, q:before {
    content: "";
}

a.new {
    color: #d44 !important;
}

.gallerytext p {
	color: #c1c1c1 !important;
}

/* Inline article preview popups */

.mwe-popups {
	background-color:#4C4C4C !important;
	color: #C1C1C1 !important;
	border: 1px solid #a2a9b1 !important;
}

.mwe-popups-extract
{
	color: #C1C1C1 !important;
}

.mwe-popups .mwe-popups-extract:after {
	background-image: -webkit-linear-gradient(to right,rgba(244,164,96,0),#4C4C4C 50%) !important;
	background-image: linear-gradient(to right,rgba(244,164,96,0),#4C4C4C 50%) !important;	
	}
	
	/* no images */ 

.mwe-popups.flipped-x-y:after, .mwe-popups.flipped-y:after  {
	border-top: 12px solid #4C4C4C !important;
}

.mwe-popups.mwe-popups-no-image-pointer:after, .mwe-popups.mwe-popups-no-image-pointer:before {
	border-bottom: 12px solid #4C4C4C !important;
}

	/* with images */
	
.mwe-popups.mwe-popups-image-pointer:before, .mwe-popups.flipped-x.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-image-pointer.flipped-x:before {
	border-bottom: 8px solid #a2a9b1 !important
}

.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-not-tall:before {
	border-top: 8px solid #a2a9b1 !important
}

.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:after {
	border-top: 12px solid #a2a9b1 !important
}

div#footer {
	margin-left: 13em;
}

#p-logo {
	left: 1.5em;
	width: 13em;
}

.flow-post {
	color: inherit;
}
/* grafted from BSGWIKI */
.portalS {
        box-sizing: border-box;
        border: 15px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
        background: #1f0b0c;
		background-clip: padding-box;
        padding: 2px;
        vertical-align: top;
        margin: 0;
        z-index: -1;
}

.mw-body .portals h2 {
        margin: 8px 0;
        background-color: var(--background);
        border: 1px solid var(--orange-dark);
        padding: 0.2em 0.4em;
}

.contentbox-th,
.portal_h2 {
        margin: 8px;
        background-color: var(--background);
        border: 1px solid var(--yellow-dark);
        padding: 0.2em 0.4em;
}

.navbox {
        box-sizing: border-box;
        border: 7px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        background: #1f0b0c;
        background-clip: padding-box;
        width: 100%;
        clear: both;
        font-size: 88%;
        /* text-align: center; */
        margin: 1em auto 0;
}

.centered {
        align: center;
        width: auto;
}

.tree {
        border: 7px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        background: #1f0b0c;
        background-clip: padding-box;
        font-size: 88%;
        text-align: center;
        margin: 1em auto 0;
}

.thumbinner {
        background: var(--background3);
        border: solid 1px var(--yellow-dark);
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
}