Feed The Beast Wiki

Follow the Feed The Beast Wiki on Discord or Mastodon!

READ MORE

Feed The Beast Wiki
No edit summary
No edit summary
Line 77: Line 77:
 
.grid .number {
 
.grid .number {
 
display: block;
 
display: block;
margin: -10px -6px 2px 0;
+
margin: -14px -6px -2px 0;
 
text-align: right;
 
text-align: right;
 
font-family: Minecraft;
 
font-family: Minecraft;

Revision as of 15:09, 25 December 2012

/* CSS placed here will be applied to all skins */


    text-decoration: none;
}
.grid2 .number .selflink {
    font-weight: normal;
}
.grid2 .image a.new + .number {
    display: none;
}

/** Template stylings **/
/* [[Template:Grid]] */
.grid .animated .image,
.grid .paused .image {
    display: none;
}
.grid .animated .image.active,
.grid .paused .image.active {
    display: block;
}

/* [[Template:Grid/Cell]] */
.grid {
    display: inline-block;
    position: relative;
    text-align: left !important;
    background-color: #8B8B8B;
    height: 32px;
    width: 32px;
    padding: 2px;
    vertical-align: bottom;
}
.grid.output {
    height: 48px;
    width: 48px;
}

.grid .border {
    display: block;
    margin: -2px 0 0 -2px;
    border-style: solid none none solid;
    border-width: 2px;
    border-color: #373737;
    height: 100%;
}
.grid .border span {
    display: block;
    margin-right: -2px;
    border-style: none solid solid none;
    border-width: 2px;
    border-color: #FFFFFF;
    height: 100%;
}

.grid .image,
.grid .default-image {
    position: absolute;
    line-height: 16px;
    top: 2px;
    width: 32px;
}
.grid.output .image {
    top: 10px;
    left: 10px;
}
.grid .image > a.new {
    background-image: url("http://media-mcw.cursecdn.com/3/35/Grid_Unknown.png");
    display: block;
    width: 32px;
    height: 32px;
    outline: none;
    text-indent: -99999px;
}

.grid .number {
    display: block;
    margin: -14px -6px -2px 0;
    text-align: right;
    font-family: Minecraft;
    font-size: 16px;
    pointer-events: none;
}
.grid .number .selflink,
.grid .number a {
    color: #3F3F3F;
    text-decoration: none;
    font-weight: normal;
}
.grid .image a.new + .number {
    display: none;
}
.grid .number span {
    position: absolute;
    right: -2px;
    bottom: 2px;
    color: #FFFFFF;
}

.grid-Crafting_Table,
.grid-Furnace,
.grid-Brewing_Stand table,
.grid-generic {
    background: #C6C6C6;
    border: outset 2px #999;
    padding: 6px;
    text-align: left !important;
}
.grid-Crafting_Table td,
.grid-Furnace td,
.grid-Brewing_Stand td,
.grid-generic td {
    border: none;
    padding: 0;
}

/* [[Template:Grid/Crafting Table]] */
.grid-Crafting_Table .arrow,
.grid-Crafting_Table .shapeless {
    text-align: center;
    vertical-align: bottom;
}

.grid-Crafting_Table .arrow {
    width: 40px;
    padding-bottom: 5px;
}

.grid-Crafting_Table .shapeless span {
    cursor: help;
}

/* [[Template:Grid/Furnace]] */
.grid-Furnace {
    padding-left: 24px;
    padding-right: 24px;
}

.grid-Furnace .arrow,
.grid-Furnace .output {
    text-align: center;
    vertical-align: middle;
}

.grid-Furnace .arrow {
    padding-right: 18px !important;
    padding-left: 14px !important;
}

/* [[Template:Grid/Brewing Stand]] */
.grid-Brewing_Stand {
    position: relative;
    width: 144px;
}

.grid-Brewing_Stand .bubbles {
    text-align: right;
}

.grid-Brewing_Stand .input {
    padding: 3px 0 !important;
    vertical-align: top;
}
.grid-Brewing_Stand .output1 {
    padding: 4px 10px 14px 0 !important;
}
.grid-Brewing_Stand .output2 {
    padding-top: 18px !important;
}
.grid-Brewing_Stand .output3 {
    padding: 4px 0 14px 10px !important;
}

.grid-Brewing_Stand .paths {
    position: absolute;
    bottom: 42px;
    left: 42px;
    z-index: 5;
}


/* Generic styling for animation class */
.animated > span,
.animated > div {
    display: none;
}

.animated > span.active {
    display: inline;
}

.animated > div.active {
    display: block;
}
.animated p {visibility:hidden;}

.nowrap {
    white-space: nowrap;
}


/* Styling for onmouseover */

/*span.dropt {border-bottom: thin dotted; background: #ffeedd;}*/

span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }

span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 0px; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: -48px 0 0 -32px; background: #ffffff; z-index:6;}



/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    /* @noflip */text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #d4d4d4;     /* Level 1 color */
    color: #4d4d4d;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #e2e2e2;     /* Level 2 color */
    color: black;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #ebebeb;     /* Level 3 color */
    color: black;
}
.navbox-even {
    background: #f9f9f9;     /* Even row striping */
    color: black;
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    /* @noflip */float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
    /* @noflip */text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.         */
 
.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}

table.collapsed tr.collapsible {
        display: none;
}