Toggle search
Toggle menu
4.5K
7.6K
15.6K
232K
EVE University Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More actions
← Older edit
finalized styling for apply to e-uni page, redirecting remaining styling to embedded css
No edit summary
 
(75 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* this will 'replace' the login text with the Eve SSO Login Image */
li#pt-anon_oauth_login > a {
    background-image: url(https://web.ccpgamescdn.com/eveonlineassets/developers/eve-sso-login-black-small.png);
    display: block;
    margin: -10px auto;
    text-indent: -9999px;
    width: 195px;
    height: 30px;
}


.collapseButton { /* 'show'/'hide' buttons created dynamically by the        */
.collapseButton { /* 'show'/'hide' buttons created dynamically by the        */
Line 8: Line 18:
}
}


/* CSS placed below this line will be applied only for the UniWiki Tools Template:Tooltip */
li.gallerybox {
.uwiki-tooltip
/*border:1px solid #582806; */
{
border:1px solid;
position: relative;
    /*background-color:#080808; */
}
}


.uwiki-tooltip:hover .frame, .uwiki-tooltip.hover .frame
li.gallerybox div.thumb {  
{
/*background-color:#080808; */
display: block;
    border:none;  
}
}


.uwiki-tooltip .frame
/* CSS placed below this line will be applied only for the UniWiki Tools Template:Tooltip */
.uniwiki-tooltip
{
{
display: none;
position: relative;
    position: absolute;
display: inline;
    width: 370px;
z-index:500;
}
}
 
.uniwiki-tooltip-frame
.uwiki-tooltip .frame .top
{
{
background: url("http://wiki.eveuniversity.org/w/images/a/ab/Bgr_tooltip.png") no-repeat scroll 0 0 transparent;
background-color: var(--background-color-base);
     display: block;
     /*border: 1px solid #111111;*/
     height: 20px;
     /*border: 1px solid;*/
     width: 100%;
     border: 1px solid var(--border-color-base)
}
     display: none;
 
min-width: 270px;
.uwiki-tooltip .frame .content
     padding: 5px;
{
z-index: 100;
background: url("http://wiki.eveuniversity.org/w/images/e/e9/Bgr_tooltip_y.png") repeat-y scroll 0 0 transparent;
     display: block;
    padding: 0 20px;
}
 
.uwiki-tooltip .frame .bottom
{
background: url("http://wiki.eveuniversity.org/w/images/a/ab/Bgr_tooltip.png") no-repeat scroll 0 -70px transparent;
    display: block;
     height: 20px;
    width: 100%;
}
}


Line 53: Line 50:
#ship-article
#ship-article
{
{
overflow: auto;
/*background-color: #111111;*/
    /*color: #CCCCCC;*/
    font-family: sans-serif;
    font-size: 12.8px;
}
}


Line 59: Line 60:
{
{
border: medium none;
border: medium none;
color: #555555;
/*color: #555555;*/
font-family: trebuchet MS;
font-family: trebuchet MS;
font-size: 14px;
font-size: 14px;
Line 69: Line 70:
#ship-article h2 .mw-headline
#ship-article h2 .mw-headline
{
{
color: #656565;
/*color: #656565;*/
display: inline-block;
display: inline-block;
font-size: 16px;
font-size: 16px;
Line 97: Line 98:
#ship-article .header .dbtitle
#ship-article .header .dbtitle
{
{
color: #C1B193;
/*color: #C1B193;*/
font-family: trebuchet MS;
font-family: trebuchet MS;
font-size: 11px;
font-size: 11px;
Line 120: Line 121:
#ship-article .toc, #ship-article #toc
#ship-article .toc, #ship-article #toc
{
{
border: 1px solid #272727;
/*border: 1px solid #272727;*/
border: 1px solid;
float: right;
float: right;
margin: 0 0 5px 10px;
margin: 0 0 5px 10px;
Line 136: Line 138:
#ship-article .toc a
#ship-article .toc a
{
{
color: #B89964;
/*color: #B89964;*/
font-size: 11px;
font-size: 11px;
line-height: 15px;
line-height: 15px;
Line 143: Line 145:
{
{
background-color: black;
background-color: black;
border-bottom: 1px solid #2D2413;
/*border-bottom: 1px solid #2D2413;*/
border-top: 1px solid #2D2413;
/*border-top: 1px solid #2D2413; */
border-bottom: 1px solid;
border-top: 1px solid;
height: 20px;
height: 20px;
margin: 0 0 15px;
margin: 0 0 15px;
Line 155: Line 159:
#ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink
#ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink
{
{
color: #B89964;
/*color: #B89964;*/
display: inline-block;
display: inline-block;
font-family: trebuchet MS;
font-family: trebuchet MS;
Line 166: Line 170:
#ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover
#ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover
{
{
background-color: #2D2413;
/*background-color: #2D2413;*/
color: white;
/*color: white;*/
text-decoration:none;
text-decoration:none;
}
}
#ship-article .breadcrumbs strong.selflink
#ship-article .breadcrumbs strong.selflink
{
{
color: #CCCCCC;
/*color: #CCCCCC;*/
font-weight: normal;
font-weight: normal;
}
}
Line 181: Line 185:
#ship-article .main .left-col
#ship-article .main .left-col
{
{
background-color: #222222;
/*background-color: #222222;*/
border-color: #272727 #151515 #151515 #272727;
/*border-color: #272727 #151515 #151515 #272727;*/
border-style: solid;
border-style: solid;
border-width: 2px;
border-width: 2px;
Line 194: Line 198:
#ship-article .main .box-attributes
#ship-article .main .box-attributes
{
{
background-color: black;
/*background-color: black;*/
border: 1px solid #272727;
/*border: 1px solid #272727;*/
border: 1px solid;
display: inline-block;
display: inline-block;
margin-left: 10px;
margin-left: 10px;
Line 206: Line 211:
#ship-article .main .box-line .att-line
#ship-article .main .box-line .att-line
{
{
border-bottom: 1px solid #2C2B2B;
/*border-bottom: 1px solid #2C2B2B;*/
border-bottom: 1px solid;
padding: 3px 3px 0;
padding: 3px 3px 0;
}
}
Line 224: Line 230:
#ship-article .main .box-line .midinfo small
#ship-article .main .box-line .midinfo small
{
{
background-color: black;
/*background-color: black;*/
border: 1px solid #272727;
/*border: 1px solid #272727;*/
color: #CCCCCC;
border: 1px solid;
/*color: #CCCCCC;*/
height: 15px;
height: 15px;
line-height: 15px;
line-height: 15px;
Line 238: Line 245:
#ship-article .main .box-line .midinfo .title
#ship-article .main .box-line .midinfo .title
{
{
color: #656565;
/*color: #656565;*/
font-family: trebuchet MS;
font-family: trebuchet MS;
font-size: 14px;
font-size: 14px;
Line 255: Line 262:
#ship-article .main .box-line .midinfo .left li
#ship-article .main .box-line .midinfo .left li
{
{
color: #9E8F75;
/*color: #9E8F75;*/
font-family: arial;
font-family: arial;
font-size: 12px;
font-size: 12px;
Line 263: Line 270:
#ship-article .main .box-line .midinfo .left .skillstime
#ship-article .main .box-line .midinfo .left .skillstime
{
{
border: 1px solid #272727;
/*border: 1px solid #272727;*/
color: #656565;
border: 1px solid;
/*color: #656565;*/
font-family: trebuchet MS;
font-family: trebuchet MS;
padding-left: 20px;
padding-left: 20px;
Line 271: Line 279:
#ship-article .main .box-line .midinfo .left .skillstime .value
#ship-article .main .box-line .midinfo .left .skillstime .value
{
{
color: white;
/*color: white;*/
font-size: 11px;
font-size: 11px;
padding: 0 3px 0 2px;
padding: 0 3px 0 2px;
Line 282: Line 290:
#ship-article .main .box-line .midinfo .left .skillstime .desc
#ship-article .main .box-line .midinfo .left .skillstime .desc
{
{
background-color: black;
/*background-color: black;*/
border: 2px dashed #582806;
/*border: 2px dashed #582806;*/
color: #CCCCCC;
border: 2px dashed;
/*color: #CCCCCC;*/
display: none;
display: none;
font-size: 11px;
font-size: 11px;
Line 307: Line 316:
#ship-article .main .box-bonuses
#ship-article .main .box-bonuses
{
{
border: 1px solid #272727;
/*border: 1px solid #272727;*/
color: white;
border: 1px solid;
/*color: white;*/
font-size: 95%;
font-size: 95%;
margin: 0 10px;
margin: 0 10px;
Line 315: Line 325:
#ship-article .main .box-bonuses .label
#ship-article .main .box-bonuses .label
{
{
background-color: #1A1A1A;
/*background-color: #1A1A1A;*/
color: #656565;
/*color: #656565;*/
font-family: trebuchet MS;
font-family: trebuchet MS;
margin: 2px -8px;
margin: 2px -8px;
Line 327: Line 337:
}
}


#ship-article .main .box-info .ecm-info
#ship-article .main .box-info .faction-info
{
{
background-color: transparent;
background-color: transparent;
width: 100%;
width: 100%;
}
}
#ship-article .main .box-info .ecm-info tr,#ship-article .main .box-info .ecm-info td
#ship-article .main .box-info .faction-info tr,#ship-article .main .box-info .faction-info td
{
{
line-height: 110%;
line-height: 110%;
vertical-align: middle;
vertical-align: middle;
}
}
#ship-article .main .box-info .ecm-info .faction-img
#ship-article .main .box-info .faction-info .faction-img
{
{
width: 50px;
width: 50px;
}
}
#ship-article .main .box-info .ecm-info .faction
#ship-article .main .box-info .faction-info .faction
{
{
color: white;
/*color: white;*/
font-family: helvetica;
font-family: helvetica;
font-size: 100%;
font-size: 100%;
Line 353: Line 363:
vertical-align: bottom;
vertical-align: bottom;
}
}
#ship-article .main .box-info .ecm-info .ecm-priority
{
background-color: #222222;
border: 1px solid #323931;
padding: 2px;
position: relative;
width: 70px;
}
#ship-article .main .box-info .ecm-info .ecm-priority:hover .ecm-desc,
#ship-article .main .box-info .ecm-info .ecm-priority.hover .ecm-desc
{
display: block; z-index: 100;
}
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc
{
background-color: black;
border: 2px dashed #582806;
display: none;
font-size: 11px;
left: 75px;
padding: 5px;
position: absolute;
top: -1px;
width: 300px;
z-index: 100;
}
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc p
{
font-family: arial;
line-height: 120%;
margin: 0;
padding: 0;
text-align: justify;
}
#ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue
{
font-weight: bold;
}
#ship-article .main .box-info .ecm-info .ecm-priority .label
{
font-family: trebuchet MS;
font-size: 10px;
font-variant: small-caps;
line-height: 100%;
padding: 3px;
text-align: center;
}
#ship-article .main .box-info .ecm-info .ecm-priority .label2
{
background-color: black;
font-family: trebuchet MS;
font-size: 10px;
margin-bottom: 2px;
padding-bottom: 3px;
text-align: center;
text-transform: uppercase;
}
#ship-article .main .box-info .ecm-info .ecm-priority .value
{
background-color: black;
font-family: trebuchet MS;
font-size: 16px;
font-weight: bold;
line-height: 15px;
overflow: hidden;
padding: 3px 0 0;
text-align: center;
}
#ship-article .main .box-info .ecm-info .ecm-priority .snip
{
color: #656565;
font-size: 70%;
line-height: 100%;
text-align: right;
}
#ship-article .main .box-info .ecm-info .ecm-priority .none { color:gray; }
#ship-article .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; }
#ship-article .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; }
#ship-article .main .box-info .ecm-info .ecm-priority .high { color:yellow; }
#ship-article .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; }


#ship-article .main .box-info .ecm-info .hull-type
#ship-article .main .box-info .faction-info .hull-type
{
{
height: 20px;
height: 20px;
Line 440: Line 370:
text-align: center;
text-align: center;
}
}
#ship-article .main .box-info .ecm-info .hull-type a
#ship-article .main .box-info .faction-info .hull-type a
{
{
color: orange;
/*color: orange;*/
font-family: trebuchet MS;
font-family: trebuchet MS;
font-size: 120%;
font-size: 120%;
text-transform: uppercase;
text-transform: uppercase;
}
}
#ship-article .main .box-info .ecm-info .hull-title
#ship-article .main .box-info .faction-info .hull-title
{
{
font-family: trebuchet MS;
font-family: trebuchet MS;
Line 454: Line 384:
vertical-align: top;
vertical-align: top;
}
}
#ship-article .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; }
#ship-article .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; }
#ship-article .main .box-info .ecm-info .type-ladar { color: #CD5B56; }
#ship-article .main .box-info .ecm-info .type-radar { color: #DCC69B; }


#ship-article .main .box-awards
#ship-article .main .box-awards
Line 468: Line 394:
#ship-article .main .box-awards .award
#ship-article .main .box-awards .award
{
{
background-color: #1A1A1A;
/*background-color: #1A1A1A;*/
border-color: #393734 black;
/*border-color: #393734 black;*/
border-style: solid;
border-style: solid;
border-width: 1px;
border-width: 1px;
Line 493: Line 419:
#ship-article .main .box-awards .award .award-label
#ship-article .main .box-awards .award .award-label
{
{
color: #B89964;
/*color: #B89964;*/
display: inline-block;
display: inline-block;
font-family: arial;
font-family: arial;
Line 507: Line 433:
#ship-article .main .box-awards .award .award-bgr
#ship-article .main .box-awards .award .award-bgr
{
{
color: #4C4C4C;
/*color: #4C4C4C;*/
float: right;
float: right;
font-family: trebuchet MS;
font-family: trebuchet MS;
Line 519: Line 445:
#ship-article .main .box-discussion
#ship-article .main .box-discussion
{
{
background-color: #1A1A1A;
/*background-color: #1A1A1A;*/
border-color: #393734 black;
/*border-color: #393734 black;*/
border-style: solid;
border-style: solid;
border-width: 1px;
border-width: 1px;
Line 530: Line 456:
#ship-article .main .box-discussion .discussion-bgr
#ship-article .main .box-discussion .discussion-bgr
{
{
color: #4C4C4C;
/*color: #4C4C4C;*/
font-family: trebuchet MS;
font-family: trebuchet MS;
font-size: 90%;
font-size: 90%;
Line 540: Line 466:
padding: 0 5px;
padding: 0 5px;
}
}
/* CSS placed below this line will be applied only for the UniWiki Tools Template:ApplyBreadcrumbs */
 
#apply-breadcrumbs
/**
{
* Style for horizontal lists (separator following item).
background: url("http://wiki.eveuniversity.org/w/images/1/16/Recruitment_bg_bc_bgr.png") repeat-x scroll 0 0 transparent;
* @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists
    border: 2px solid black;
* @revision 9 (2016-08-10)
    clear: both;
* @author [[User:Edokter]]
    float: left;
*/
    height: 44px;
.hlist dl,
    overflow: hidden;
.hlist ol,
    width: 100%;
.hlist ul {
margin: 0;
padding: 0;
}
 
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
/* don't trust the note that says margin doesn't work with inline
* removing margin: 0 makes dds have margins again */
margin: 0;
display: inline;
}
 
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
 
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
display: none;
}
 
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
 
/* [[User:Arin Mara]] replaced 'content: " · ";' with 'content: "\00A0\25CB";' on [[User:Evon R'al]] advice in '.hlist li:after' */
.hlist dd:after,
.hlist li:after {
content: "\00A0\25CB";
font-weight: bold;
}
 
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
 
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
 
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
 
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
 
.hlist ol > li {
counter-increment: listitem;
}
}
#apply-breadcrumbs .unilogo
 
{
.hlist ol > li:before {
background: url("http://wiki.eveuniversity.org/w/images/9/9d/Recruitment_bg_bc_unilogo.png") no-repeat scroll 0 0 transparent;
content: " " counter(listitem) "\a0";
    display: block;
    float: left;
    height: 44px;
    width: 66px;
}
}
#apply-breadcrumbs .items
 
{
.hlist dd ol > li:first-child:before,
font-family: arial;
.hlist dt ol > li:first-child:before,
    font-size: 18px;
.hlist li ol > li:first-child:before {
    font-variant: small-caps;
content: " (" counter(listitem) "\a0";
}
}
#apply-breadcrumbs .items .token a
 
{
/**
display: block;
* Style for vertical plain unbulleted lists.
    float: left;
* [[User:Arin Mara]]
*/
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none;
margin: 0;
}
}
#apply-breadcrumbs .items .token .number
 
{
.plainlist ol li,
background: url("http://wiki.eveuniversity.org/w/images/6/63/Recruitment_bg_bc_separator.png") no-repeat scroll 0 0 transparent;
.plainlist ul li {
    color: #656565;
margin-bottom: 0;
    display: block;
    float: left;
    font-family: trebuchet MS;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
    padding-right: 10px;
}
}
#apply-breadcrumbs .items .current .number
 
{
/**
background: url("http://wiki.eveuniversity.org/w/images/9/9d/Recruitment_bg_bc_separator_current_begin.png") no-repeat scroll 0 0 #111111;
* Style for Navigational Templates, both Navboxes and Sidebars.
color: khaki;
* [[User:Arin Mara]]
*/
/* Prevent line breaks in silly places where desired (nowrap) and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
    white-space: nowrap;
}
}
#apply-breadcrumbs .items  .end .number
 
{
/* But allow wrapping where desired: */
background: url("http://wiki.eveuniversity.org/w/images/b/b8/Recruitment_bg_bc_separator_current_end.png") no-repeat scroll 0 0 transparent;
.wrap,
.wraplinks a {
    white-space: normal;
}
}
#apply-breadcrumbs .items .token .text
 
{
 
color: #B4B4B4;
/* Used by the [[Template:TOC]] to limit the heading levels show in the table of contents. */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
     display: none;
     display: none;
    float: left;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    padding-right: 5px;
}
}
#apply-breadcrumbs .items .current .text
 
{
/* [[User:Arin Mara]] testing @media */
background-color: #111111;
@media screen and (min-width: 45em) {
     color: khaki;
    .o-flex-grid--c2\@sm > .o-flex-grid__item {
     display: block;
        width: 50%;
     font-size: 18px;
    }
     font-variant: inherit;
}
     text-transform: uppercase;
@media screen and (min-width: 60em) {
    .o-flex-grid--c2\@md > .o-flex-grid__item {
        width: 50%;
    }
    .o-flex-grid--c3\@md > .o-flex-grid__item {
        width: 33.3%;
    }
    .o-flex-grid--c4\@md > .o-flex-grid__item {
        width: 25%;
    }
}
@media screen and (min-width: 80em) {
    .o-flex-grid--c3\@lg > .o-flex-grid__item {
        width: 33.3%;
    }
}
@media screen and (min-width: 100em) {
    .o-flex-grid--c2\@lg > .o-flex-grid__item {
        width: 50%;
    }
    .o-flex-grid--c4\@lg > .o-flex-grid__item {
        width: 25%;
    }
}
 
 
 
/* Main page CSS */
/* === Main Page Layout (scoped) === */
.mainpage-wrapper .main-banner {
    text-align: center;
}
 
.mainpage-wrapper .search-area {
    border-radius: var(--border-radius-base);
    cursor: pointer;
    transition: background 0.2s ease;
    text-align: center;
}
 
.mainpage-wrapper .search-area:hover {
  background: var(--color-surface-3);
}
 
 
.mainpage-wrapper .intro-text {
    text-align: center;
}
 
.mainpage-wrapper .info-row {
    display: flex;
    gap: 1em;
    margin: 1em;
}
.mainpage-wrapper .info-box {
  flex: 1 1 32%;
  display: flex;
  flex-direction: column;
  margin: 0 !important;
}
 
.mainpage-wrapper pre{
  white-space: pre-wrap;  /* wrap long lines */
  word-wrap: break-word;  /* break long words if needed */
  min-width:250px;
}
 
.mainpage-wrapper .info-box,.about-box,.intro-text,.search-area{
color: var(--color-emphasized);
    background-color: var(--color-surface-2);
     border: var(--border-width-base) solid var(--border-color-base);
    overflow: auto;
    border-radius: var(--border-radius-large);
    padding: 1em;
    margin: 1em;
}
 
/* The banner box */
.main-banner {
    position: relative;
    height: 450px;
    max-width: 2440px;          /* stop growing beyond image width */
    margin: 1em auto;          /* centre the container */
    overflow: hidden;          /* crop sides */
 
    background-color: var(--color-surface-2);
    border: var(--border-width-base) solid var(--border-color-base);
    border-radius: var(--border-radius-large);
    color: var(--color-emphasized);
    padding: 0;
}
 
/* centre ANY img inside (not just mw-file-element) */
.main-banner img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
     height: 100%;
    width: auto;
    max-width: none;
}
 
.main-banner > a { display:block; height:100%; }
 
 
.mainpage-wrapper .lower-row {
display: flex;
     gap: 1em;
    margin: 1em;
}
 
.mainpage-wrapper .about-box {
    flex: 1 1 31.3%;
    margin: 0 !important;
}
 
.mainpage-wrapper .link-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    flex: 1 1 65%;
    justify-content: center;
}
 
.mainpage-wrapper .link-tile {
width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--color-surface-2);
    border: var(--border-width-base) solid var(--border-color-base);
}
 
.mainpage-wrapper .link-tile {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  background: var(--color-surface-2);
  border: var(--border-width-base) solid var(--border-color-base);
}
 
.mainpage-wrapper .tile-inner {
  width: 100%;
  height: 100%;
  position: relative;
}
 
.mainpage-wrapper .tile-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 
.mainpage-wrapper .tile-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 0.3em;
  font-weight: bold;
  font-size: 1em;
}
 
.mainpage-wrapper .tile-label a {
  color: white;
  text-decoration: none;
}
 
.mainpage-wrapper .tile-label a:hover {
  text-decoration: underline;
}
 
/* === Mobile responsiveness === */
@media (max-width: 1200px) {
  .mainpage-wrapper .info-row {
    flex-direction: column;
  }
  .mainpage-wrapper .info-box {
    flex: 1 1 auto;
  }
 
  .mainpage-wrapper .lower-row {
    flex-direction: column;
  }
}
 
.github-badge-row {
    display: flex;
    flex-direction: row;
     align-items: center;
     gap: 1em;
}
 
.github-badge-title {
  white-space: nowrap;
}
 
/* Light mode (default) */
.patreon-logo-dark {
  display: none;
}
.patreon-logo-light {
  display: inline;
}
 
/* Dark mode (activated via root class) */
:root.skin-theme-clientpref-night .patreon-logo-light {
  display: none;
}
}
#apply-breadcrumbs .items .token a:hover .text,
:root.skin-theme-clientpref-night .patreon-logo-dark {
#apply-breadcrumbs .items .token a.hover .text
  display: inline;
{
display: block;
}
}
Retrieved from "https://wiki.eveuniversity.org/MediaWiki:Common.css"