In other languages: Deutsch • Русский
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
/******************************
/* GENERAL STYLING
/******************************/
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(/media/hydra/fonts/Lato-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(/media/hydra/fonts/Lato-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url(/media/hydra/fonts/Lato-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/media/hydra/fonts/Lato-BoldItalic.ttf) format('truetype');
}
/******************************
/* BODY STYLING
/******************************/
body {
background: transparent url('https://gamepedia.cursecdn.com/swtor_gamepedia/1/1f/Background.jpg') fixed no-repeat center center / cover;
font-family: Lato, sans-serif;
} /* Sets the background image and changes the background/colour of the bottom and left of each page, up to behind half of the logo. */
body #pageWrapper {
margin-right: 0px;
} /* Sets an inset from the right hand side of the page. */
/******************************
/* HEADER STYLING
/******************************/
div#mw-page-base {
background: transparent;
}/* Changes the background colour behind the top half of the logo and at top of each page */
/******************************
/* LINK STYLING - standard link colours
/******************************/
.mw-body-content a:link { color: #DD9933; } /* normal unvisited links */
.mw-body-content a:link:visited { color: #DD9933; } /* visited links */
.mw-body-content a:link:active { color: #DD9933; } /* active links */
.mw-body-content a:link.new { color: #DD9933; } /* new links */
.mw-body-content a:link.extiw { color: #DD9933; } /* interwiki links */
.mw-body-content a:link.external { color: #DD9933; } /* external links */
.mw-body-content a:link.stub { color: #DD9933; } /* hovered links */
.mw-body-content a:link {color: #DD9933}
.mw-body-content a:visited {color: #DD9933}
.mw-body-content a:hover {color: #DD9933}
.mw-body-content a:active {color: #DD9933}
.mw-body-content a.external {color: #DD9933}
.mw-body-content a.external:visited {color: #DD9933}
.mw-body-content a.mw-redirect {color:#DD9933}
.mw-body-content a.mw-redirect:visited {color:#DD9933}
/* This governs the sections on the Community portal */
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px;
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
flex-grow: 1;
}
/* Template documentation styles */
/* If modifying these styles, be sure to update the mobile skin! */
.doc {
margin: 0em auto 1em;
background-color: rgba(0, 0, 0, 0.1);
border: 2px solid #BDCAC3;
border-radius: 1em;
padding: 1em;
}
.doc-header {
padding-bottom: 3px;
border-bottom: 1px solid #BDCAC3;
margin-bottom: 1ex;
}
.doc-footer {
margin: 0;
background-color: rgba(0, 0, 0, 0.1);
border: 2px solid #BDCAC3;
border-radius: 25px;
padding: 1em;
}
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
.desktopleft {
text-align: left;
}
.desktopcenter {
text-align: center;
}
.desktopright {
text-align: right;
}
/* Front page structure */
.fpmain {
width: 100%;
overflow: hidden;
}
.fpbox {
margin: 5px;
padding: 5px;
overflow: auto;
}
.fpbox.plain {
background: transparent;
border: none;
box-shadow: none;
}
.fpbox .heading,
.fpbox .mainheading,
.fpbox .welcome {
margin: 0 0 10px;
padding: 0 0 5px;
overflow: auto;
}
.fpbox .mainheading,
.fpbox .welcome {
font-size: 150%;
font-weight: bold;
}
.fpbox .heading {
text-align: center;
font-size: 132%;
}
.linkslabel {
margin: 15px 5px 5px;
padding: 0 0 5px;
}
/* Template:FP links styles */
.fplinks {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
text-align: center;
}
.fplink-outer {
padding: 5px;
flex-basis: calc(25% - 10px);
width: calc(25% - 15px);
min-width: 115px;
display: inline-block;
vertical-align: middle;
}
.fplink-wide {
flex-basis: calc(33% - 10px);
width: calc(33% - 15px);
}
.fplink-fullwidth {
flex-basis: 100%;
width: calc(100% - 15px);
font-weight: bold;
}
.fplink {
padding: 0.5em;
box-sizing: border-box;
width: 100%;
height: 100%;
display: table;
}
.fplink-plain {
background: transparent;
border-radius: 0;
border: 0;
box-shadow: none;
}
.fplink-inner {
display: table-row;
}
.fplink a {
display: table-cell;
vertical-align: middle;
}
.fplink img {
max-width: 150px;
width: 100%;
height: auto;
}
/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
width: 100%!important;
max-width: 480px;
margin: 0 auto;
}
.fpbox .embedvideowrap iframe {
width: 100%!important;
}
/* Item link colors */
.vendor,
.vendor a,
.vendor a:visited,
.cheap,
.cheap a,
.cheap a:visited {
color:#959494;
}
.standard,
.standard a,
.standard a:visited {
color:#FFFFFF;
}
.premium,
.premium a,
.premium a:visited {
color:#00FE00;
}
.prototype,
.prototype a,
.prototype a:visited {
color:#1D8CFE;
}
.artifact,
.artifact a,
.artifact a:visited {
color:#BF00FD;
}
.legendary,
.legendary a,
.legendary a:visited {
color:#E9BD54;
}
.custom,
.custom a,
.custom a:visited {
color:#DC5D00;
}
.legacy,
.legacy a,
.legacy a:visited {
color:#FFC307;
}
.mission,
.mission a,
.mission a:visited {
color:#F5F537;
}