Toggle search
Toggle menu
4.5K
7.6K
15.6K
232.1K
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
Arin Mara (talk | contribs)
5,648 edits
Replaced middot with little circle on User:Evon R'al advice
No edit summary
 
(60 intermediate revisions by 2 users not shown)
Line 18: Line 18:
}
}


li.gallerybox { border:1px solid #582806;  
li.gallerybox {  
                background-color:#080808;  
/*border:1px solid #582806; */
border:1px solid;  
    /*background-color:#080808; */
}
}


li.gallerybox div.thumb { background-color:#080808;  
li.gallerybox div.thumb {  
                          border:none;  
/*background-color:#080808; */
    border:none;  
}
}


Line 34: Line 37:
.uniwiki-tooltip-frame
.uniwiki-tooltip-frame
{
{
background-color: black;
background-color: var(--background-color-base);
     border: 1px solid #111111;
     /*border: 1px solid #111111;*/
    /*border: 1px solid;*/
    border: 1px solid var(--border-color-base)
     display: none;
     display: none;
min-width: 270px;
min-width: 270px;
Line 45: Line 50:
#ship-article
#ship-article
{
{
background-color: #111111;
overflow: auto;
     color: #CCCCCC;
/*background-color: #111111;*/
     /*color: #CCCCCC;*/
     font-family: sans-serif;
     font-family: sans-serif;
     font-size: 12.8px;
     font-size: 12.8px;
Line 54: 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 64: 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 92: 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 115: 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 131: 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 138: 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 150: 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 161: 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 176: 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 189: 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 201: 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 219: 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 233: 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 250: 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 258: 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 266: 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 277: 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 302: 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 310: 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 322: 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 348: 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 435: 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 449: 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 463: 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 488: 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 502: 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 514: 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 525: 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 534: Line 465:
line-height: 120%;
line-height: 120%;
padding: 0 5px;
padding: 0 5px;
}
/* CSS placed below this line will be applied only for the UniWiki Tools Template:ApplyBreadcrumbs */
#apply-breadcrumbs
{
background: url("http://wiki.eveuniversity.org/w/images/1/16/Recruitment_bg_bc_bgr.png") repeat-x scroll 0 0 transparent;
    border: 2px solid black;
    clear: both;
    float: left;
    height: 44px;
    overflow: hidden;
    width: 100%;
}
#apply-breadcrumbs .unilogo
{
background: url("http://wiki.eveuniversity.org/w/images/9/9d/Recruitment_bg_bc_unilogo.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 44px;
    width: 66px;
}
#apply-breadcrumbs .items
{
font-family: arial;
    font-size: 18px;
    font-variant: small-caps;
}
#apply-breadcrumbs .items .token a
{
display: block;
    float: left;
}
#apply-breadcrumbs .items .token .number
{
background: url("http://wiki.eveuniversity.org/w/images/6/63/Recruitment_bg_bc_separator.png") no-repeat scroll 0 0 transparent;
    color: white;
    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;
color: khaki;
}
#apply-breadcrumbs .items  .end .number
{
background: url("http://wiki.eveuniversity.org/w/images/b/b8/Recruitment_bg_bc_separator_current_end.png") no-repeat scroll 0 0 transparent;
}
#apply-breadcrumbs .items .token .text
{
color: #B4B4B4;
    display: none;
    float: left;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    padding-right: 5px;
}
#apply-breadcrumbs .items .current .text
{
background-color: #111111;
    color: khaki;
    display: block;
    font-size: 18px;
    font-variant: inherit;
    text-transform: uppercase;
}
#apply-breadcrumbs .items .token a:hover .text,
#apply-breadcrumbs .items .token a.hover .text
{
display: block;
}
}


Line 720: Line 575:
.hlist li ol > li:first-child:before {
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
content: " (" counter(listitem) "\a0";
}
/**
* Style for vertical plain unbulleted lists.
* [[User:Arin Mara]]
*/
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none;
margin: 0;
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}
/**
* Style for Navigational Templates, both Navboxes and Sidebars.
* [[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;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}
/* 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;
}
/* [[User:Arin Mara]] testing @media */
@media screen and (min-width: 45em) {
    .o-flex-grid--c2\@sm > .o-flex-grid__item {
        width: 50%;
    }
}
@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;
}
:root.skin-theme-clientpref-night .patreon-logo-dark {
  display: inline;
}
}
Retrieved from "https://wiki.eveuniversity.org/MediaWiki:Common.css"