MediaWiki:Pixeled.css

Revision as of 12:04, 25 May 2024

#contentwrapper
{
    width: auto !important;
    float: none !important;
}

div#mw-edit-longpagewarning
{
    padding: 1.2em;
    background: #3f0000;
    border: solid 2px #bf0000;
    margin-bottom: 0.8em;
}

div#mw-edit-longpagewarning p
{
    margin: 0;
}

textarea#wpTextbox1
{
    resize: vertical;
    width: 100%;
}

.icon
{
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 16px;
    line-height: 22px;
    background-position: center left;
}

.icon.icon-right
{
    padding-left: 0;
    padding-right: 16px;
    background-position: center right;
}

.icon.icon-alien
{
    background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/button-alien.png");
}

.icon.icon-experience
{
    color: white;
    background-size: 13px;
    min-height: 15px;
    vertical-align: middle;
    line-height: 15px;
    background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/xp.png");
}

.icon.icon-artifact
{
    background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/special/artifact.png");
    background-size: 14px;
    padding-left: 20px;
}

.infobox
{
    float: right;
    margin-left: 1.6em;
    margin-bottom: 2em;
    border-radius: 0.4em;
    border: solid 1px #1e1e1e;
    max-width: 270px;
    overflow: hidden;
    background: rgb(0 0 0 / 33%);
}

.infobox .header
{
    font-size: 1.04em;
    font-weight: bold;
    padding: 0.8em;
    text-align: center;
    background-color: #090909;
}

.infobox .image-container
{
    position: relative;
    max-width: 16em;
    margin-left: auto;
    margin-top: 1em;
    margin-right: auto;
    padding: 0 1.4em;
    text-align:  center;
}

.infobox .image-container img
{
    max-width: inherit;
    height: auto;
}

.infobox .content
{
    padding: 0.6em;
}

.infobox dt
{
    float: left;
    text-align: right;
    width: 70px;
    line-height: 1.4em;
    font-weight: 700;
    clear: left;
    margin: 0 -2px 0 0;
    padding: 2px 8px 2px 3px
}

.infobox dd
{
    float: left;
    width: 120px;
    font-weight: 400;
    line-height: 1.4em;
    border-left: 2px solid #4c4c4c;
    margin: 0;
    padding: 2px 7px
}


/**
 * TOC styling
 */
#toc
{
    background-color: #25252529;
    padding: 0.3em 1em;
    border: solid 1px #252525;
}

#toctitle
{
    text-align: center;
}

#toctitle h2 
{
    display: inline;
    font-size: inherit;
    border: none;
}

#toc ul
{
    list-style-type: none;
    padding: 0;
    line-height: 1em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

#toc ul ul
{
    margin-left: 1.4em;
}

.toc ul li
{
    padding: 0;
}

li + li
{
    margin-top: 0.4em;
}

dl + dl
{
    margin-top: 0.6em;
}

.table
{
    
}

.table.table-info
{
    background: #030303b0;
    overflow: hidden;
    border-collapse: collapse;
}

table.table-info td
{
    text-align: center;
}

table.table-info th,
table.table-info td
{
    padding: 0.2em 0.4em;
}

.table.table-info tr:nth-child(1) th,
.table.table-info tr th:nth-child(1)
{
    background: #4444444d;
    text-align: center;
}

.table.table-info tbody tr th:nth-child(1)
{
    text-align: right;
}

.table-ship-designs
{
    table-layout: fixed;
    border-collapse: collapse;
}

.table-ship-designs td
{
    padding: 1em;
}

.table-ship-designs img
{
    max-width: 80%;
}

html
{
    font-size: 100% !important;
}

.skin-pixeled body
{
    font-size: 90%;
    color: #ebebeb;
}

.skin-pixeled h1,
.skin-pixeled h2
{
    margin-top: 1.2em;
    margin-bottom: 0.4em;
    padding: 0;
    line-height: 175%;
    border-bottom: solid #353535 1px;
    overflow: hidden;
}


.skin-pixeled h3,
.skin-pixeled h4,
.skin-pixeled h5,
.skin-pixeled h6
{
    margin-top: 1.6em;
    margin-bottom: 0.4em;
    padding: 0;
    overflow: hidden;
}

.skin-pixeled dt
{
    font-weight: bold;
}

.skin-pixeled h1.firstHeading
{
    margin-top: 0;
}

.skin-pixeled .mw-headline
{
    float: left;
}

.skin-pixeled h2 .editsection
{
    display: inline-block;

    float: none;
    
    margin-left: 0.8em;

    font-size: 0.62em;
    vertical-align: middle;
}

.skin-pixeled h2 .editsection a
{
    margin: 0 1px;
}

.skin-pixeled p, dl
{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    line-height: 1.5em;
    padding: 0;
}

.skin-pixeled .topPost div.topContent a
{
    color: #1bbce2;
    text-decoration: none;
}

.skin-pixeled .topPost div.topContent a.new
{
    color: #CC2200;
}

.skin-pixeled #main
{
    margin: 0;
    width: auto;
}

.skin-pixeled #contentwrapper
{
    padding: 0 1em;
}

.skin-pixeled .topPost div.topContent ul, 
.skin-pixeled .topPost div.topContent ol
{
    margin: 0;
    padding: 0 0 0 24px;
}

/**
* Specific styling
*/
.skin-pixeled.page-Main_Page h1#firstHeading
{
    display: none;
}

/** Diff */

#wikiDiff
{
    margin-bottom: 2em;
}

td.diff-addedline, 
td.diff-deletedline,
td.diff-context
{
    padding-left: 0.4em;
}

.skin-pixeled table.diff
{
    width: 100%;
    background: rgb(0 0 0 / 77%);
    border-radius: 0.6em;
    border-collapse: collapse;
}

.skin-pixeled table.diff + hr
{
    display: none;
}

.skin-pixeled table.diff td
{
    padding: auto;
}

.skin-pixeled table.diff td[colspan="2"]:not([class])
{
    color: white;
    content: "Added";
    background: #0f0f0f;
}

.skin-pixeled .diffchange
{
    color: inherit;
}

.skin-pixeled td.diff-otitle, td.diff-ntitle
{
    background: none;
}

.skin-pixeled td.diff-lineno
{
    padding: 0.34em;
    background: #1d1d1d;
    color: #aaaaaa;
}

.skin-pixeled .diff-context
{
    color: #5f5f5f;
    background: none;
}

.skin-pixeled td.diff-addedline
{
    background: rgb(0 49 14 / 50%);
}

.skin-pixeled td.diff-deletedline
{
    background: rgb(102 0 0 / 50%);
}

.skin-pixeled td.diff-addedline .diffchange
{
    background-color: #00ff0036;
}

.skin-pixeled td.diff-deletedline .diffchange
{
    color: #ffd0d0;
    background-color: #ff000054;
}

.skin-pixeled td.diff-marker
{
    padding-right: 0.3em;
    color: #6c6c6c;
    background: #1d1d1d;
}
/** End diff **/

textarea#wpTextbox1 
{
    box-sizing: border-box;
    background-color: #101010;
    color: inherit;
    padding: 0.2em;
}

small.muted
{
    color: #afafaf;
}

#wikiPreview > h2:first-child
{
    display: none; /* Hides the "Preview" title that doesn't really serve us well */
}

#wikiPreview .previewnote
{
    padding: 1.2em;
    border: solid #a26900 2px;
    background: #4e3200;
    margin:  2em 0;
}

#wikiPreview .previewnote p
{
    margin: 0;
}

table.table
{
    border-collapse: collapse;
}

table.table th,
table.table td
{
    padding: 0.4em;
}

.table.table-stats td
{
    padding: 0.2em;
}

.table.table-stats tr th:nth-child(1)
{
    text-align: right;
    font-weight: bold;
}

/* specific rule to target npc/faction nav boxes */
table.nowraplinks[width="800px"]
{
    margin: auto auto;
}