MediaWiki:Common.css
From Starbounder - Starbound Wiki
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: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */
@font-face
{
font-family: StarbounD;
src: url('fonts/StarbounD.ttf'),
url('fonts/StarbounD.eot'); /* IE9 */
}
@font-face
{
font-family: prstartk;
src: url('fonts/prstartk.ttf'),
url('fonts/prstartk.eot'); /* IE9 */
}
@font-face
{
font-family: veniceclassic;
src: url('fonts/veniceclassic.ttf'),
url('fonts/veniceclassic.eot'); /* IE9 */
}
li#ca-talk {
margin-right: .3em;
}
#p-cactions .new a {
color: #909090;
}
/*~ Item Rarity colours ~*/
.rare, .rare a {
color:Blue;
font-weight:bold;
}
.common, .common a {
color:DarkGray;
font-weight:bold;
}
.uncommon, .uncommon a {
color:Green;
font-weight:bold;
}
.legendary, .legendary a {
color:Purple;
font-weight:bold;
}
/*~ Footer badge ~*/
div#hosted-by {
height: 48px;
width: 88px;
float: right;
margin-left: 0.2em;
}
/*~ Item Infobox divs ~*/
div.infoboxwrapper {
width:300px;
float: right;
margin-right:-10px;
margin-left:-5px;
}
div.infobox_title {
color: white;
float: left;
margin-left: 5px;
text-align: left;
margin-top: 4px;
text-shadow: 0 2px 0 #000000;
}
span.infoboxcategory, span.infoboxcategory a, span.infoboxcategory a.new {
color: #b19e90;
}
div.infobox_bg {
background-image: url(images/9/90/Tooltip-Box.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:350px;
}
div.infobox_icon {
width:44px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:44px;
padding-top:2px;
margin-top:-3px;
}
div.setbox_bg {
background-image: url(images/5/5b/Armorsetbox.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:299px;
}
div.setbox_icon {
width:44px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:44px;
padding-top:2px;
margin-top:-3px;
}
/*~ Mech Infoboxes ~*/
div.mechbox_bg {
background-image: url(images/d/d9/Mech_Tooltip-Box.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:350px;
}
.mechbox_img {
width: 100%;
text-align: center;
vertical-align: middle;
height: 140px;
display: table;
}
.mechbox_description {
height: 70px;
width: 240px;
margin-left: 30px;
line-height: 115%;
text-align: left;
}
.mechbox_description td {
vertical-align:top;
}
.mechbox_title {
padding-left: 30px;
width: 150px;
text-align: left;
}
.mechbox_header {
color: white;
text-align: left;
text-shadow: 0 2px 0 #000000;
}
/*~ Lore Infoboxes ~*/
div.loreboxwrapper {
width:330px;
float: right;
margin-right:-10px;
margin-left:-5px;
}
div.loreinfobox_bg {
background-image: url(images/5/5e/Lore_Infoboxbg.png);
width:330px;
font-family: StarbounD;
font-size: 16px;
background-repeat: no-repeat;
background-position: center;
height:274px;
margin-top:10px;
margin-bottom:10px;
color:white;
float:left;
}
.loreboximages {
height:111px;
width: 100%;
text-align: center;
}
.loredescription {
height: 86px;
width: 320px;
padding-left: 27px;
padding-right: 17px;
}
.loredescription td {
vertical-align:top;
}
#lorerarity {
width: 200px;
text-transform: capitalize;
}
/*~ Biome page tables ~*/
#biometable {
margin-left:0px;
}
#biometable td {
vertical-align:top;
}
.planetimage {
width: 160px;
}
#biomechest {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-bottom: -2px;
width: 100%;
}
#biomechesttitle {
width: 105px;
}
/*~ Setpiece Infoboxes ~*/
div.setpiecebox_bg {
background-image: url(images/5/57/Armor_Infobox_bg.png);
width:297px;
font-family: StarbounD;
font-size: 16px;
background-repeat: no-repeat;
background-position: center;
height:350px;
margin-top:10px;
margin-bottom:10px;
color:white;
float:left;
}
.boxtitle {
height:50px;
padding-left:16px;
}
.boxmaintitle {
color: white;
}
.boxmaintitle a {
color: white !important;
}
.boxsubtitle {
padding-top: 2px;
line-height: 1em;
color: #b9b5b2;
text-shadow: 0px 2px 0px #000;
}
.boximages {
height:151px;
}
.boximages td.image {
width: 160px;
text-align:center;
}
.boximages td.stats {
vertical-align:top;
padding-top: 2px;
width: 175px;
}
.boximages td.stats img {
margin-top: -2px;
}
.boximages td.stats a {
color:white;
}
.boxdescription {
height: 121px;
padding-left: 27px;
padding-right: 17px;
}
.boxdescription tr {
vertical-align:top;
}
.boxfooter {
height:27px;
padding-left: 27px;
}
.boxfooter td.rarity {
width: 167px;
}
div.armorstatlist {
height:31px;
margin-left: -8px;
margin-top: 5px;
font-family:StarbounD;
font-size: 18px;
}
div.setpiecebox_icon {
width:44px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:44px;
padding-top:2px;
margin-top:-3px;
}
div.race_infobox_bg {
background-image: url(images/6/65/Race_Infobox_BG.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:350px;
}
div.crafting_top_bg {
background-image: url(images/3/35/Crafting_Top_Bar.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:350px;
}
div.crafting_mat_bg {
background-image: url(images/4/4c/Crafting_Mat_BG.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:350px;
}
div.crafting_stat_bg {
background-image: url(images/4/4c/Crafting_Mat_BG.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:350px;
}
div.crafting_stat_bg a {
color:white;
}
div.crafting_mat_bg a {
color:white;
}
div.list_bg {
background-image: url(images/c/ca/List_BG.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:52px;
}
div.list_bg a {
color:white;
}
div.biomebox_top {
background-image: url(images/3/34/Biome_Infobox_Top.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
background-repeat: no-repeat;
background-position: center top;
margin-top:-10px;
}
div.biomebox_bot {
background-image: url(images/c/cf/Biome_Infobox_Bottom.png);
width:100%;
background-repeat: no-repeat;
background-position: center;
}
div.twitch_channels {
background-image: url(twitchlist/images/Twitch_Banner.png);
width:275px;
height:45px;
}
div.officiallinks {
background-image: url(twitchlist/images/officiallinks.png);
width:275px;
height:45px;
}
div.weekly_monster {
background-image: url(twitchlist/images/Monster_Banner.png);
width:275px;
height:45px;
}
div.statistics {
background-image: url(twitchlist/images/Statistics_Banner.png);
width:275px;
height:45px;
}
div.planet_panel {
background-image: url(skins/starbounder/images/planet_panel.png);
width:716px;
height:576px;
}
iframe[id^='twitter-widget-']{ width:100% !important;}
.divlink {
position:absolute;
width:100%;
height:100%;
top:0;
left: 0;
z-index: 1;
background-image: url('twitchlist/empty.gif');
}
.Ingredient, .Ingredient a {
font-family: StarbounD;
background-color:red;
color:white;
}
div.quest_wrapper {
width:690px;
}
div.quest_header {
height:36px;
background-image: url('skins/starbounder/images/quest_box_header.png');
font-family:StarbounD;
font-size:30px;
padding-left:62px;
padding-top:16px;
color:white;
}
div.quest_body {
background-color:#120f0c;
border-left-style:solid;
border-right-style:solid;
border-width:2px;
border-color:black;
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
}
div.quest_footer {
height:30px;
background-image: url('skins/starbounder/images/quest_box_footer.png');
}
div.quest_sub_header {
height:18px;
background-image: url('skins/starbounder/images/quest_box_sub_header.png');
}
div.quest_sub_body {
border-left-style:solid;
border-right-style:solid;
border-width:2px;
border-color:black;
padding-bottom:1px;
}
div.quest_sub_footer {
height:10px;
width:677px;
background-color:#4d4b49;
border-style:solid;
border-width:2px;
border-color:black;
}
div.quest_sub_wrapper {
width:679px;
font-family:StarbounD;
font-size:22px;
}
div.quest_break {
width:669px;
background-color:black;
padding-left:8px;
color:#9be3d6;
padding-bottom:5px;
padding-top:5px;
margin-bottom:3px;
}
.quest_text {
line-height:99%;
margin-left:8px;
margin-right:8px;
font-size:20px;
}
/*~ Crafting Menus ~*/
div.crafting_topbar {
width:196px;
height:25px;
border-style:solid;
border-width:2px;
border-color:black;
background-color:#7a7a7a;
font-family:StarbounD;
color:white;
text-align: center;
font-size:16px;
}
div.crafting_cell_top {
width:184px;
height:4px;
background-image: url('skins/starbounder/images/crafting/Crafting_cell_top.png');
}
div.crafting_cell_bottom {
width:184px;
height:4px;
background-image: url('skins/starbounder/images/crafting/Crafting_cell_bottom.png');
}
div.crafting_cell_2_top {
width:182px;
height:4px;
background-image: url('skins/starbounder/images/crafting/Crafting_cell_2_top.png');
}
div.crafting_cell_2_bottom {
width:182px;
height:4px;
background-image: url('skins/starbounder/images/crafting/Crafting_cell_2_bottom.png');
}
div.questlist {
background-image: url(skins/starbounder/images/questlistbox.png);
width:100%;
font-family: StarbounD;
font-size: 16px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
height:350px;
}
div.otherInputParams {
color:black;
}
.noautonum .tocnumber { display: none; }
/*~ Crafting Station Recipe List Pages ~*/
.craftingstationrecipes {
width: 100%;
}
.craftingstationicon {
width: 50px;
padding: 4px 7px 4px 4px;
}
.craftingstationtitle {
text-align:left;
font-family: StarbounD;
font-size: 16px;
text-shadow: 0 2px 0 #000000;
padding-right: 5px;
}
#craftingstationrecipelist tr {
border-top: 2px solid black;
}
/* Modding Pages/Widget CSS */
.sb-infobox,
.sb-infobox-header,
.sb-infobox-header > div,
.sb-infobox-content,
.sb-infobox-content > div,
.sb-infobox-content-inner,
.sb-infobox-footer,
.sb-infobox-footer > div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sb-infobox {
min-width: 280px;
min-height: 106px;
width: 100%;
height: 100%;
position: relative;
margin: 0px;
border: 2px solid rgba(0,0,0, 0.9);
border-radius: 10px 10px 10px 10px;
padding: 0px;
font-family: 'StarbounD';
font-size: 20px;
color: white;
}
.sb-infobox-header {
min-width: 280px;
min-height: 50px;
max-height: 50px;
width: 100%;
height: 50px;
position: relative;
left: 0px;
right: 0px;
top: 0px;
background-color: rgba(73, 73, 73, 0.9);
border-radius: 8px 8px 0 0;
font-size: 16px;
color: white;
}
.sb-infobox-header > div {
min-height: 50px;
max-height: 50px;
width: 100%;
height: 50px;
padding: 10px;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-pack: center;
display: box;
box-orient: vertical;
box-pack: center;
text-align: center;
}
.sb-infobox-content {
width: 100%;
height: auto;
padding: 10px;
margin: 0;
background-color: rgba(0, 0, 0, 0.9);
}
.sb-infobox-content > div {
width: 100%;
height: 100%;
padding: 4px;
margin: 0;
background: transparent;
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 26.999%, rgba(23,23,23,0.9) 27%, rgba(23,23,23,0.9) 74%, rgba(0,0,0,0) 74.001%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(26.999%,rgba(0,0,0,0)), color-stop(27%,rgba(23,23,23,0.9)), color-stop(74%,rgba(23,23,23,0.9)), color-stop(74.001%,rgba(0,0,0,0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 26.999%, rgba(23,23,23,0.9) 27%, rgba(23,23,23,0.9) 74%, rgba(0,0,0,0) 74.001%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 26.999%, rgba(23,23,23,0.9) 27%, rgba(23,23,23,0.9) 74%, rgba(0,0,0,0) 74.001%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 26.999%, rgba(23,23,23,0.9) 27%, rgba(23,23,23,0.9) 74%, rgba(0,0,0,0) 74.001%);
/* IE10+ */
background: linear-gradient(135deg, rgba(0,0,0,0) 26.999%, rgba(23,23,23,0.9) 27%, rgba(23,23,23,0.9) 74%, rgba(0,0,0,0) 74.001%); /* W3C */
text-align: center;
}
.sb-infobox-content-inner {
background-color: rgba(0, 0, 0, 0.9);
padding: 4px;
margin: 4px 4px;
text-align: left;
font-size: 12px;
}
.sb-infobox-footer {
width: 100%;
min-height: 28px;
max-height: 28px;
height: 28px;
background-color: rgba(35, 35, 35, 0.9);
border-radius: 0 0 8px 8px;
font-size: 9px;
color: white;
}
.sb-infobox-footer > div {
width: 100%;
min-height: 28px;
max-height: 28px;
height: 28px;
position: relative;
padding: 4px 10px 4px 10px;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-pack: center;
display: box;
box-orient: vertical;
box-pack: center;
text-align: center;
}
/* Navbox Styling */
.navboxbot {
height:8px;
background:#494949;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
.navboxtitle {
color:#FFFFFF;
background:#494949;
font-weight:bold;
text-shadow: 0px 1px 0px #000000;
letter-spacing:0.1em;
border-top-left-radius:10px;
border-top-right-radius:10px;
font-size:14px;
}
.navboxcategory {
background:#1e1e1e;
font-size:12px;
width:300px;
}
.navboxmaincategory {
background:#1e1e1e;
font-size:12px;
width:100px;
}
.navboxsubcategory {
background:#1e1e1e;
font-size:12px;
width:200px;
}
.navboxsubcategory a, .navboxmaincategory a, .navboxcategory a {
color:white !important;
}
.navboxlist {
font-size:12px;
text-align:left;
}
.navboxlist a {
font-size:12px;
}
.navboxcollapsedtable {
font-size:12px;
width:100%;
}
.navboxcollapsed {
background:#1e1e1e;
font-size:12px;
width:100%;
padding-left: 70px;
}
.navboxgrid {
background: rgb(39, 38, 38);
}
#questlisttable {
width: 100%;
vertical-align: middle;
border: 2px solid #2D2D2D;
border-radius: 10px;
padding: 5px 10px 10px;
}
#questlistdiv {
width: 300px;
float: right;
font-family: StarbounD;
font-size: 16px;
color: #FFF;
}
#questlistdiv.mw-collapsible-toggle {
float: right;
font-size: 12px;
}
.mw-collapsible-toggle {
float: right;
font-size: 14px;
}
span.orange, span.orange a{
color: #ffa500;
}
span.green, span.green a {
color: #00ff00;
}
span.yellow, span.yellow a {
color: #ffff00;
}
.starbound, span.starbound, .starbound a, span.starbound a {
font-family:StarbounD;
font-size:16px;
font-weight: normal;
|}
/* Top Banner Internal Ad */
div.penguinad {
width:728px;
height: 90px;
background: url("skins/starbounder/penguinplushkickstarter.png"); position:absolute;
right: -5px;
top: 5px;
}
/* Tenant Page Styling */
.racialtenants td {
vertical-align: bottom;
width: 40px;
text-align: center;
}
.racialtenants {
margin-right:auto;
margin-left:auto;
}
.racialtenants img {
padding: 0px;
}
#tenanttable {
width:100%;
}
#tenanttable img {
padding: 2px;
}
#tagtable {
width:100%;
}
/* General Table Styles */
.gametable, .minigametable, .litegametable, .weaponeffecttable {
margin-right:auto;
margin-left:auto;
background:rgba(132, 132, 132, 0.1) none repeat scroll 0% 0%;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
font-family: StarbounD;
font-size: 16px;
font-weight: normal;
margin-bottom: 1em;
border-collapse: collapse;
}
.minigametable {
font-size: 13px;
}
.weaponeffecttable {
width: 431px;
height: 100%;
margin:2px;
}
.litegametable {
font-size: 16px;
margin-left:0px;
width:365px;
}
.gametable th, .minigametable th, .litegametable th {
background-color: rgb(73, 73, 73);
height: 7px;
text-transform: uppercase;
padding-right: 5px;
padding-left: 5px;
color: white;
font-weight: normal;
text-shadow: 0px 2px 0px #000;
}
.minigametable th, .litegametable th {
font-size:16px;
}
.gametable td, .minigametable td, .litegametable td {
padding: 0.2em 0.4em 0px;
}
.weaponeffecttable td {
padding: 10px;
}
.quotetable {
color:White;
line-height:115%;
font-size:16px;
font-family:StarbounD;
}
.quotetablelabel {
width: 100px;
vertical-align:top;
}
.quotetablelabel a {
color:white !important;
}
#iconlist td {
text-align:left;
vertical-align:top;
width:240px;
}
#wideiconlist td {
text-align:left;
vertical-align:top;
width:320px;
padding: 7px;
}
#wideiconlist p {
margin: 0 0 0 0;
}
/* Fossil Page Table Styles */
#bigfossiltable {
width:900px;
}
#midfossiltable {
width:450px;
}
#smallfossiltable {
width:225px;
}
#fossiltitle {
text-shadow: 0px 2px 0px #000;
color: #FFFCDC;
font-size: 24px;
display: table-cell;
padding: 10px 10px 5px;
}
#fossilsubtitle {
text-shadow: 0px 2px 0px #000;
color: #B19E90;
padding-left: 10px;
}
#fossilwrapper {
margin-left: auto;
margin-right: auto;
}
#fossildescription {
padding: 10px;
vertical-align:top;
}
#fossilpieces {
width:220px;
}
.codetable {
background:rgb(30, 30, 30) none repeat scroll 0% 0%;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
font-family: monospace,Courier;
font-size: 14px;
margin-left:0px;
font-weight: bold;
margin-bottom: 1em;
margin-top: 1em;
border-collapse: collapse;
}
.tiledtitle a {
font-size:24px;
color:#FFFCDC !important;
}
#oredisplay {
text-align:center;
padding: 7px;
font-size: 15px;
}
#weaponeffect {
width:100%;
border:2px solid #2d2d2d;
border-radius:10px;
margin-top:3px;
margin-bottom:4px;
padding-left: 7px;
padding-right: 7px;
}
/* Block Display */
#blockdisplay {
float:left;
text-align:center;
font-family:StarbounD;
font-size:16px;
width:109.7px;
height:171px;
}
#blockimage {
height:100px;
width:109.7px;
display: table-cell;
vertical-align:middle;
text-align:center;
}
/* Vanity Armor Display */
#setimagewrapper {
margin-left:auto;
margin-right:auto;
width:150px;
}
#setimage {
height:150px;
width:150px;
display: table-cell;
vertical-align:middle;
text-align:center;
background: rgba(132, 132, 132, 0.1) none repeat scroll 0% 0%;
border-radius:30px;
}
.vanityset {
font-family:StarbounD;
font-size:16px;
float:left;
margin-bottom:10px;
height:392px;
|}
.vanityset th{
font-size:20px;
font-weight:normal;
|}
#vanitysetimage {
height:156px;
|}
#vanitysettitle {
height:22px;
|}
#monstersettitle {
vertical-align:bottom
height:10px;
|}
#vanitysetlist {
vertical-align:top;
|}
#vanitywrapper {
margin-right: auto;
margin-left: auto;
width: 975px;
}
#monsterwrapper {
margin-right: auto;
margin-left: auto;
width: 946px;
}
#setlist {
width: 195px;
margin: -2px -3px 0px;
height:52px;
color:White;
}
#setlistimage {
float:left;
margin-top:8px;
margin-left: 5px;
padding-right:6px;
}
#setlistname {
text-align:left;
padding-top:6px;
margin-left:9px;
}
div.setlist_bg {
background-image: url("images/4/48/Setlist_BG.png");
width: 100%;
font-family: StarbounD;
font-size: 16px;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
height: 52px;
}
.plainlinksgrey a {
background: transparent none repeat scroll 0% 0% !important;
padding: 0px !important;
color: #939393 !important;
font-size:16px;
}
/* Semantic and Wiki tables */
div.smwfact {
background-color: #494949;
border: 1px solid #000;
}
div.smwfact td, div.smwfact tr, div.smwfact table {
background-color: #171717;
border-top: none;
}
div#moddingcode code {
color: #56e958 !important;
background: none;
border: none;
font-size: 110%;
}
div#moddingcode pre {
color: #56e958;
}
/* Search bar styling */
input.searchbarbutton {
background-color: transparent;
text-color: transparent;
color: transparent;
border: medium none;
cursor: pointer;
}
/* Removal of edit link from history section */
div#history span.mw-editsection {
display: none;
}
/* Collection number formatting for fossils page */
span#fossilnumber {
float:right;
font-size:24px;
padding-right:3px;
}
span#fossilnumber a {
color:white;
}
div#side-adspace {
width: 160px;
margin-left: 5px;
position: relative;
margin-top: 30px;
position: absolute;
}
