MediaWiki:Common.css: Difference between revisions

From 118Wiki
Jump to navigation Jump to search
(Adding Denobulan fonts.)
(added mobile)
Line 313: Line 313:
@font-face {
@font-face {
     font-family: 'Denobulan';
     font-family: 'Denobulan';
    src: url('https://wiki.starbase118.net/wiki/index.php?title=File:Denobulan.eot');
     src: url('https://wiki.starbase118.net/wiki/index.php?title=File:DenobulanMedium.woff') format('woff'),
     src: url('https://wiki.starbase118.net/wiki/index.php?title=File:DenobulanMedium.woff') format('woff'),
    url('https://wiki.starbase118.net/wiki/index.php?title=File:DenobulanMedium.woff2') format('woff2');
        url('https://wiki.starbase118.net/wiki/index.php?title=File:DenobulanMedium.woff2') format('woff2'),
        url('https://wiki.starbase118.net/wiki/index.php?title=File:Denobulan.ttf') format('truetype');
}
}

Revision as of 07:00, 9 June 2019

/** CSS placed here will be applied to all skins */

/* Article message box template styles */
table.ambox {
    margin: 0 auto;
    width: 70%;
    border-collapse: collapse; 
    background: #fbfbfb; 
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;     /* Default "notice" blue */
}
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
    padding: 0.25em 0.5em;            /* 0.5em left/right */
    width: 100%;                      /* Make all templates the same width regardless of text size */
}
table.ambox td.ambox-image {          /* The left image cell */
    padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */
    text-align: center; 
}
table.ambox td.ambox-imageright {     /* The right image cell */
    padding: 2px 4px 2px 0px;         /* 0px left, 4px right */
    text-align: center; 
}
table.ambox-notice {
    border-left: 10px solid #1e90ff;     /* Blue */
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
}
table.ambox-delete,
table.ambox-serious {
    border-left: 10px solid #b22222;     /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;     /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;     /* Yellow */
}
table.ambox-merge {
    border-left: 10px solid #9932cc;     /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;        /* Gray */
}
table.ambox.ambox-mini {                 /* small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}



/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccf;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    font-size: 95%;
    line-height: 1.5em;
}
#infobox h2,
.infobox h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#infobox ul,
.infobox ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	text-align: left;
	margin-left: 0;
}
#infobox ul ul,
.infobox ul ul {
	margin: 0 0 0 2em;
}
.TOCfixed {
        position: fixed;
        top: 10em;
        right: 2%;
        z-index: 100;
        border: 1px solid #aaa;
        background-color: #f9f9f9;
}
.blacklinks a{color:#000000;}
.whitelinks a{color:white;}
.hiddenrosterlinks a{color:#FCFCFC;}
.hiddenloarosterlinks a{color:#343434;}
.KIAsidebar {
    border: 1px solid #aaa;
    background-color: #f5f5f5;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    font-size: 95%;
    line-height: 1.5em;
    background-image: url('http://wiki.starbase118.net/wiki/images/d/da/Whitemarble.jpg');
}
#KIAsidebar h2,
.KIAsidebar h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#KIAsidebar ul,
.KIAsidebar ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	text-align: left;
	margin-left: 0;
}
#KIAsidebar ul ul,
.KIAsidebar ul ul {
	margin: 0 0 0 2em;
}
.fleetbook {
    border: 1px solid #aaa;
    background-color: #343434;
    color: #BABABA;
    margin: 1em;
    padding: 0.2em;
    font-size: 95%;
    line-height: 1.5em;
    background-image: url('http://wiki.starbase118.net/wiki/images/8/89/Blackmarble.jpg');
}
#fleetbook a,
.fleetbook a {
	color:white;
}
#fleetbook h2,
.fleetbook h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#fleetbook ul,
.fleetbook ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	text-align: left;
	margin-left: 0;
}
#fleetbook ul ul,
.fleetbook ul ul {
	margin: 0 0 0 2em;
}
.whitemarble {
    border: 1px solid #aaa;
    background-color: #f5f5f5;
    color: black;
    margin: 1em;
    padding: 0.2em;
    font-size: 95%;
    line-height: 1.5em;
    background-image: url('http://wiki.starbase118.net/wiki/images/d/da/Whitemarble.jpg');
}
#whitemarble a,
.whitemarble a {
	color:steelblue;
}
#whitemarble h2,
.whitemarble h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#whitemarble ul,
.whitemarble ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	text-align: left;
	margin-left: 0;
}
#whitemarble ul ul,
.whitemarble ul ul {
	margin: 0 0 0 2em;
}
.wood {
    border: 1px solid #aaa;
    background-color: #343434;
    color: white;
    margin: 1em;
    padding: 0.2em;
    font-size: 95%;
    line-height: 1.5em;
    background-image: url('http://wiki.starbase118.net/wiki/images/2/22/Woodtexture.jpg');
}
#wood a,
.wood a {
	color:#0645AD;
}
#wood h2,
.wood h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#wood ul,
.wood ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	text-align: left;
	margin-left: 0;
}
#wood ul ul,
.wood ul ul {
	margin: 0 0 0 2em;
}

/* some formatting to help with some use cases */

#darktable td,
.darktable td {
	color: white;
	background: black;
}

#darktable th,
.darktable th {
	color: white;
	background: black;
}

#darktable a,
.darktable a{
	color: white;
}

#darktable a:visited,
.darktable a:visited{
	color: white;
}

/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; }
.hoverbox:hover .hoveritem.selected { display:none; }
.hoverbox:hover .hoveritem.selected.overlay { display:inline-block; }

/* Alien fonts */
@font-face {
    font-family: 'Denobulan';
    src: url('https://wiki.starbase118.net/wiki/index.php?title=File:Denobulan.eot');
    src: url('https://wiki.starbase118.net/wiki/index.php?title=File:DenobulanMedium.woff') format('woff'),
         url('https://wiki.starbase118.net/wiki/index.php?title=File:DenobulanMedium.woff2') format('woff2'),
         url('https://wiki.starbase118.net/wiki/index.php?title=File:Denobulan.ttf') format('truetype');
}