MediaWiki:Pixeled.css

m (Test styles for new infoboxes)
(Add ship designs table styling)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
-
span.icon
 
-
{
 
-
    display: inline-block;
 
-
    font-size: 12px;
 
-
    line-height: 28px;
 
-
    padding-left: 25px;
 
-
    height: 25px;
 
-
}
 
-
 
-
span.icon.gp
 
-
{
 
-
    background: url("https://h6w2n3n7.stackpathcdn.com/images/icons/galaxypoints.png") no-repeat center left;
 
-
}
 
-
 
-
span.icon.gp a
 
-
{
 
-
    color:  #00CCFF;
 
-
    font-weight: bold;
 
-
    text-decoration: none;
 
-
}
 
-
 
#contentwrapper
#contentwrapper
{
{
-
width: auto !important;
+
    width: auto !important;
 +
    float: none !important;
}
}
-
textarea.#wpTextbox1
+
textarea#wpTextbox1
{
{
-
resize: vertical
+
    resize: vertical;
 +
    width: 100%;
}
}
.icon
.icon
{
{
-
display: block;
+
    display: inline-block;
-
background-size: 22px 22px;
+
    background-size: 16px 16px;
-
background-repeat: no-repeat;
+
    background-repeat: no-repeat;
-
padding-left: 28px;
+
    padding-left: 20px;
-
min-height: 22px;
+
    min-height: 16px;
-
line-height: 24px;
+
    line-height: 18px;
-
background-position: center left;
+
    background-position: center left;
}
}
.icon.icon-alien
.icon.icon-alien
{
{
-
background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/button-alien.png");
+
    background-image: url("https://galaxylegion1-1faae.kxcdn.com/images/icons/button-alien.png");
}
}
Line 60: Line 41:
.infobox .header
.infobox .header
{
{
-
font-size: 1.04em;
+
    font-size: 1.04em;
-
font-weight: bold;
+
    font-weight: bold;
-
padding: 0.8em;
+
    padding: 0.8em;
-
text-align: center;
+
    text-align: center;
-
background-color: #0c0c0c;
+
    background-color: #0c0c0c;
}
}
.infobox .image-container
.infobox .image-container
{
{
-
max-width: 16em;
+
    max-width: 16em;
-
margin-left: auto;
+
    margin-left: auto;
-
margin-top: 1em;
+
    margin-top: 1em;
-
margin-right: auto;
+
    margin-right: auto;
 +
    padding: 0 1.4em;
}
}
.infobox .image-container img
.infobox .image-container img
{
{
-
max-width: inherit;
+
    max-width: inherit;
-
height: auto;
+
    height: auto;
}
}
.infobox .content
.infobox .content
{
{
-
padding: 1em;
+
    padding: 1em;
}
}
.infobox dt
.infobox dt
{
{
-
float: left;
+
    float: left;
     text-align: right;
     text-align: right;
     width: 48px;
     width: 48px;
Line 100: Line 82:
.infobox dd
.infobox dd
{
{
-
float: left;
+
    float: left;
     width: 140px;
     width: 140px;
     font-weight: 400;
     font-weight: 400;
-
line-height: 1.4em;
+
    line-height: 1.4em;
     border-left: 2px solid #4c4c4c;
     border-left: 2px solid #4c4c4c;
     margin: 0;
     margin: 0;
     padding: 2px 7px
     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;
 +
}
 +
 +
#toc ul
 +
{
 +
    list-style-type: none;
 +
    padding: 0;
 +
    line-height: 1.3em;
 +
    margin-top: 1em;
 +
    margin-bottom: 0.8em;
 +
}
 +
 +
.toc ul li
 +
{
 +
    padding: 0;
 +
}
 +
 +
li + li
 +
{
 +
    margin-top: 0.4em;
 +
}
 +
 +
dl + dl
 +
{
 +
    margin-top: 0.6em;
 +
}
 +
 +
 +
body.skin-pixeled h1,
 +
body.skin-pixeled h2
 +
{
 +
    padding: 0.4em 0;
 +
    border-bottom: solid #353535 1px;
 +
    margin-bottom: 0.6em;
 +
    overflow: hidden;
 +
}
 +
 +
 +
.table
 +
{
 +
 +
}
 +
 +
.table-ship-designs
 +
{
 +
    table-layout: fixed;
 +
    border-collapse: collapse;
 +
}
 +
 +
.table-ship-designs td
 +
{
 +
    padding: 1em;
 +
}
 +
 +
.table-ship-designs img
 +
{
 +
    max-width: 80%;
}
}

Current revision as of 23:35, 2 May 2024

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

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

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

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

.infobox
{
    float: right;
    margin-left: 2em;
    margin-bottom: 2em;
    border-radius: 0.4em;
    border: solid 1px #4c4c4c;
    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: #0c0c0c;
}

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

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

.infobox .content
{
    padding: 1em;	
}

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

.infobox dd
{
    float: left;
    width: 140px;
    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;
}

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

.toc ul li
{
    padding: 0;
}

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

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


body.skin-pixeled h1,
body.skin-pixeled h2
{
    padding: 0.4em 0;
    border-bottom: solid #353535 1px;
    margin-bottom: 0.6em;
    overflow: hidden;
}


.table
{

}

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

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

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

Looking for something?

Use the form below to search the wiki:

 

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!