Difference between revisions of "MediaWiki:Vector.css"

From PolyCraft World
Jump to navigation Jump to search
 
(89 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vector skin */
 
/* CSS placed here will affect users of the Vector skin */
 +
 +
  li#n-temp1 {
 +
    color:#f6f6f6;
 +
    visibility: visible;
 +
    font-size:0em;
 +
  }
 +
 +
  #n-temp1:hover ::after, #n-temp1 ::after {
 +
    content: '';
 +
    display:inline-block;
 +
    width: 26px;
 +
    height: 26px;
 +
 +
    background: url('https://polycraft.utdallas.edu/images/5/55/Facebook.png');
 +
  }
 +
 +
  /* Every image need to have its own rule defined. */
 +
  #n-temp1::after{
 +
    background: url('https://polycraft.utdallas.edu/images/5/55/Facebook.png');
 +
  }
 +
 +
  #n-temp1:hover ::after {
 +
    background: url('https://polycraft.utdallas.edu/images/7/7f/Facebook1.png');
 +
  }
 +
  #n-temp1:hover ::after, #n-temp1 ::after{
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
 +
 +
#mw-panel .portal .body li#n-temp1 {
 +
font-size:0em;
 +
margin-left:7%;
 +
}
 +
 +
/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
 +
 +
  /* Make clickable text on links invisible. */
 +
  li#n-temp2 {
 +
    color:#f6f6f6;
 +
    visibility: visible;
 +
    font-size:0em;
 +
  }
 +
 +
  #n-temp2:hover ::after, #n-temp2 ::after {
 +
    content: '';
 +
    display:inline-block;
 +
    width: 26px;
 +
    height: 26px;
 +
 +
    background: url('https://polycraft.utdallas.edu/images/d/dd/Discord.png');
 +
  }
 +
 +
  /* Every image need to have its own rule defined. */
 +
  #n-temp2::after{
 +
    background: url('https://polycraft.utdallas.edu/images/d/dd/Discord.png');
 +
  }
 +
 +
  #n-temp2:hover ::after {
 +
    background: url('https://polycraft.utdallas.edu/images/b/b0/Discord1.png');
 +
  }
 +
  #n-temp2:hover ::after, #n-temp2 ::after{
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
 +
 +
#mw-panel .portal .body li#n-temp2 {
 +
font-size:0em;
 +
}
 +
/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
 +
 +
  /* Make clickable text on links invisible. */
 +
  li#n-temp3 {
 +
    color:#f6f6f6;
 +
    visibility: visible;
 +
    font-size:0em;
 +
  }
 +
 +
  #n-temp3:hover ::after, #n-temp3 ::after {
 +
    content: '';
 +
    display:inline-block;
 +
    width: 26px;
 +
  height: 26px;
 +
    background: url('https://polycraft.utdallas.edu/images/b/b7/Instagram.png');
 +
  }
 +
 +
  /* Every image need to have its own rule defined. */
 +
  #n-temp3::after{
 +
    background: url('https://polycraft.utdallas.edu/images/b/b7/Instagram.png');
 +
  }
 +
 +
  #n-temp3:hover ::after {
 +
    background: url('https://polycraft.utdallas.edu/images/f/f6/Instagram1.png');
 +
  }
 +
  #n-temp3:hover ::after, #n-temp3 ::after{
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
 +
 +
#mw-panel .portal .body li#n-temp3 {
 +
font-size:0em;
 +
}
 +
 +
/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
 +
 +
  /* Make clickable text on links invisible. */
 +
  li#n-temp4 {
 +
    color:#f6f6f6;
 +
    visibility: visible;
 +
    font-size:0em;
 +
  }
 +
 +
  #n-temp4:hover ::after, #n-temp4 ::after {
 +
    content: '';
 +
    display:inline-block;
 +
    width: 26px;
 +
    height: 26px;
 +
 +
    background: url('https://polycraft.utdallas.edu/images/1/10/Reddit.png');
 +
  }
 +
 +
  /* Every image need to have its own rule defined. */
 +
  #n-temp4::after{
 +
    background: url('https://polycraft.utdallas.edu/images/1/10/Reddit.png');
 +
  }
 +
 +
  #n-temp4:hover ::after {
 +
    background: url('https://polycraft.utdallas.edu/images/3/37/Reddit1.png');
 +
  }
 +
  #n-temp4:hover ::after, #n-temp4 ::after{
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
 +
 +
#mw-panel .portal .body li#n-temp4 {
 +
font-size:0em;
 +
margin-left:0.8%;
 +
}
 +
 +
 +
 +
/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
 +
 +
  /* Make clickable text on links invisible. */
 +
  li#n-temp5 {
 +
    color:#f6f6f6;
 +
    visibility: visible;
 +
    font-size:0em;
 +
  }
 +
 +
  #n-temp5:hover ::after, #n-temp5 ::after {
 +
    content: '';
 +
    display:inline-block;
 +
    width: 26px;
 +
    height: 26px;
 +
 +
    background: url('https://polycraft.utdallas.edu/images/4/40/Twitch.png');
 +
  }
 +
 +
  /* Every image need to have its own rule defined. */
 +
  #n-temp5::after{
 +
    background: url('https://polycraft.utdallas.edu/images/4/40/Twitch.png');
 +
  }
 +
 +
  #n-temp5:hover ::after {
 +
    background: url('https://polycraft.utdallas.edu/images/5/53/Twitch1.png');
 +
  }
 +
  #n-temp5:hover ::after, #n-temp5 ::after{
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
 +
 +
#mw-panel .portal .body li#n-temp5 {
 +
font-size:0em;
 +
}
 +
 +
 +
/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
 +
 +
  /* Make clickable text on links invisible. */
 +
  li#n-temp6 {
 +
    color:#f6f6f6;
 +
    visibility: visible;
 +
    font-size:0em;
 +
  }
 +
 +
  #n-temp6:hover ::after, #n-temp6 ::after {
 +
    content: '';
 +
    display:inline-block;
 +
    width: 26px;
 +
    height: 26px;
 +
 +
    background: url('https://polycraft.utdallas.edu/images/f/f7/Twitter.png');
 +
  }
 +
 +
  /* Every image need to have its own rule defined. */
 +
  #n-temp6::after{
 +
    background: url('https://polycraft.utdallas.edu/images/f/f7/Twitter.png');
 +
  }
 +
 +
  #n-temp6:hover ::after {
 +
    background: url('https://polycraft.utdallas.edu/images/9/9d/Twitter1.png');
 +
  }
 +
  #n-temp6:hover ::after, #n-temp6 ::after{
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
 +
 +
#mw-panel .portal .body li#n-temp6 {
 +
font-size:0em;
 +
}
 +
 +
/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
 +
 +
  /* Make clickable text on links invisible. */
 +
  li#n-temp7 {
 +
    color:#f6f6f6;
 +
    visibility: visible;
 +
    font-size:0em;
 +
  }
 +
 +
  #n-temp7:hover ::after, #n-temp7 ::after {
 +
    content: '';
 +
    display:inline-block;
 +
    width: 26px;
 +
    height: 26px;
 +
 +
    background: url('https://polycraft.utdallas.edu/images/a/af/Youtube.png');
 +
  }
 +
 +
  /* Every image need to have its own rule defined. */
 +
  #n-temp7::after{
 +
    background: url('https://polycraft.utdallas.edu/images/a/af/Youtube.png');
 +
  }
 +
 +
  #n-temp7:hover ::after {
 +
    background: url('https://polycraft.utdallas.edu/images/c/c6/Youtube1.png');
 +
  }
 +
  #n-temp7:hover ::after, #n-temp7 ::after{
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
 +
 +
#mw-panel .portal .body li#n-temp7{
 +
font-size:0em;
 +
}
 +
 +
div#p-Social_Media_Links.portal{
 +
    box-sizing: border-box;
 +
}
 +
#n-temp1{
 +
    box-sizing: border-box;
 +
}
 +
#n-temp2{
 +
    box-sizing: border-box;
 +
}
 +
#n-temp3{
 +
    box-sizing: border-box;
 +
}
 +
#n-temp4{
 +
    box-sizing: border-box;
 +
}
 +
#n-temp5{
 +
    box-sizing: border-box;
 +
}
 +
#n-temp6{
 +
    box-sizing: border-box;
 +
}
 +
#n-temp7{
 +
    box-sizing: border-box;
 +
}
 +
 +
#n-temp1 {
 +
    float: left;
 +
    width: 24%;
 +
    padding: 5px;
 +
}
 +
 +
#n-temp2 {
 +
    float: left;
 +
    width: 24%;
 +
    padding: 5px;
 +
}
 +
 +
#n-temp3 {
 +
    float: left;
 +
    width: 24%;
 +
    padding: 5px;
 +
}
 +
 +
#n-temp4 {
 +
    float: left;
 +
    width: 24%;
 +
    padding: 5px;
 +
}
 +
 +
#n-temp5 {
 +
    float: left;
 +
    width: 24%;
 +
    padding: 5px;
 +
}
 +
 +
#n-temp6 {
 +
    float: left;
 +
    width: 24%;
 +
    padding: 5px;
 +
}
 +
 +
#n-temp7 {
 +
    float: left;
 +
    width: 24%;
 +
    padding: 5px;
 +
}
 +
 +
/* Clearfix (clear floats) */
 +
div#p-Social_Media_Links.portal::after {
 +
    content: "";
 +
    clear: both;
 +
    display: table;
 +
}
 +
 +
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
 +
@media screen and (max-width: 500px) {
 +
        #n-temp1 {
 +
        width: 100%;
 +
    }
 +
#n-temp2 {
 +
        width: 100%;
 +
    }
 +
#n-temp3 {
 +
        width: 100%;
 +
    }
 +
#n-temp4 {
 +
        width: 100%;
 +
    }
 +
#n-temp5 {
 +
        width: 100%;
 +
    }
 +
#n-temp6 {
 +
        width: 100%;
 +
    }
 +
#n-temp7 {
 +
        width: 100%;
 +
    }
 +
}
 +
 +
#mw-panel .portal .body ul
 +
{
 +
    margin-left:0px;
 +
}
 +
 +
div#mw-panel div#p-Social_Media_Links.portal div.body{margin:0 0 0 0em;}
 +
 +
div#p-Social_Media_Links.portal div.body{margin-left:0px;}
 +
 +
div#p-Polycraft_World.portal
 +
{
 +
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
 +
    border-top: 25px solid black;
 +
    border-left: 2px solid black;
 +
    border-right: 2px solid black;;
 +
    border-bottom: 2px solid black;
 +
}
 +
div#p-navigation.portal.first
 +
{
 +
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
 +
    border-top: 25px solid black;
 +
    border-left: 2px solid black;
 +
    border-right: 2px solid black;
 +
    border-bottom: 2px solid black;
 +
}
 +
div#p-Powered_by_UT_Dallas.portal
 +
{
 +
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
 +
    border-top: 25px solid black;
 +
    border-left: 2px solid black;
 +
    border-right: 2px solid black;
 +
    border-bottom: 2px solid black;
 +
}
 +
div#p-Social_Media_Links.portal
 +
{
 +
    margin:0 0 0 0;
 +
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
 +
    border-top: 25px solid black;
 +
    border-left: 2px solid black;
 +
    border-right: 2px solid black;
 +
    border-bottom: 2px solid black;
 +
}
 +
div#p-tb.portal
 +
{
 +
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
 +
    border-top: 25px solid black;
 +
    border-left: 2px solid black;
 +
    border-right: 2px solid black;
 +
    border-bottom: 2px solid black;
 +
}
  
 
/* increase Vector sidebar width */
 
/* increase Vector sidebar width */
 
div#mw-panel { width: 10em; }
 
div#mw-panel { width: 10em; }
−
div#footer, #mw-head-base, div#content { margin-left: 12em; }
+
div#footer, div#content { margin-left: 12em; }
−
#left-navigation { margin-left: 10em; }
+
#left-navigation { margin-left: 12em; }
  
 
div.inventory{margin: 0;padding: 0;height: 174px; width: 352px;}
 
div.inventory{margin: 0;padding: 0;height: 174px; width: 352px;}
Line 24: Line 419:
 
div.inventory div.slot{height:32px;margin:0;padding:0;position:absolute;width:32px}
 
div.inventory div.slot{height:32px;margin:0;padding:0;position:absolute;width:32px}
  
−
div.inventory.crafting-table{background: url('images/3/33/Gui_crafting_table.png');}
 
−
div.inventory.furnace{background: url('images/b/b0/Gui_furnace.png');}
 
 
div.inventory.tree-tap{background: url('images/b/bf/Gui_tree_tap.png');}
 
div.inventory.tree-tap{background: url('images/b/bf/Gui_tree_tap.png');}
−
div.inventory.machining-mill{background: url('images/d/d4/Gui_machining_mill.png');height: 230px;}
 
−
div.inventory.distillation-column{background: url('images/3/36/Gui_distillation_column.png');}
 
−
div.inventory.injection-molder{background: url('images/d/da/Gui_injection_molder.png');height: 228px;}
 
 
div.inventory.extruder{background: url('images/c/ca/Gui_extruder.png');height: 228px;}
 
div.inventory.extruder{background: url('images/c/ca/Gui_extruder.png');height: 228px;}
−
div.inventory.fueled-lamp{background: url('images/b/b5/Gui_fueled_lamp.png');}
 
 
div.inventory.spotlight{background: url('images/0/00/Gui_spotlight.png');}
 
div.inventory.spotlight{background: url('images/0/00/Gui_spotlight.png');}
−
div.inventory.steam-cracker{background: url('images/4/47/Gui_steam_cracker.png');}
 
−
div.inventory.merox-treatment-unit{background: url('images/d/dd/Gui_merox_treatment_unit.png');}
 
−
div.inventory.chemical-processor{background: url('images/5/52/Gui_chemical_processor.png');}
 
−
div.inventory.contact-printer{background: url('images/0/07/Gui_contact_printer.png'); height: 165px;}
 
  
 +
div.inventory.crafting-table{background: url('images/3/33/Gui_crafting_table.png');}
 
div.inventory.crafting-table div.slot.index-0{left:60px;top:34px}
 
div.inventory.crafting-table div.slot.index-0{left:60px;top:34px}
 
div.inventory.crafting-table div.slot.index-1{left:96px;top:34px}
 
div.inventory.crafting-table div.slot.index-1{left:96px;top:34px}
Line 49: Line 435:
 
div.inventory.crafting-table div.slot.index-9{left:248px;top:70px}
 
div.inventory.crafting-table div.slot.index-9{left:248px;top:70px}
  
 +
div.inventory.furnace{background: url('images/b/b0/Gui_furnace.png');}
 
div.inventory.furnace div.slot.index-0{left:112px;top:34px}
 
div.inventory.furnace div.slot.index-0{left:112px;top:34px}
 
div.inventory.furnace div.slot.index-1{left:112px;top:106px}
 
div.inventory.furnace div.slot.index-1{left:112px;top:106px}
 
div.inventory.furnace div.slot.index-2{left:232px;top:70px}
 
div.inventory.furnace div.slot.index-2{left:232px;top:70px}
  
 +
div.inventory.machining-mill{background: url('images/d/d4/Gui_machining_mill.png');height: 230px;}
 
div.inventory.machining-mill div.slot.index-0{left:16px;top:36px}
 
div.inventory.machining-mill div.slot.index-0{left:16px;top:36px}
 
div.inventory.machining-mill div.slot.index-1{left:52px;top:36px}
 
div.inventory.machining-mill div.slot.index-1{left:52px;top:36px}
Line 81: Line 469:
 
div.inventory.machining-mill div.slot.index-26{left:304px;top:108px}
 
div.inventory.machining-mill div.slot.index-26{left:304px;top:108px}
  
 +
div.inventory.distillation-column{background: url('images/3/36/Gui_distillation_column.png');}
 
div.inventory.distillation-column div.slot.index-0{left:52px;top:36px}
 
div.inventory.distillation-column div.slot.index-0{left:52px;top:36px}
 
div.inventory.distillation-column div.slot.index-1{left:124px;top:36px}
 
div.inventory.distillation-column div.slot.index-1{left:124px;top:36px}
Line 95: Line 484:
 
div.inventory.distillation-column div.slot.index-12{left:304px;top:108px}
 
div.inventory.distillation-column div.slot.index-12{left:304px;top:108px}
  
 +
div.inventory.injection-molder{background: url('images/d/da/Gui_injection_molder.png');height: 228px;}
 
div.inventory.injection-molder div.slot.index-0,div.inventory.extruder div.slot.index-0{left:16px;top:36px}
 
div.inventory.injection-molder div.slot.index-0,div.inventory.extruder div.slot.index-0{left:16px;top:36px}
 
div.inventory.injection-molder div.slot.index-1,div.inventory.extruder div.slot.index-1{left:179px;top:110px}
 
div.inventory.injection-molder div.slot.index-1,div.inventory.extruder div.slot.index-1{left:179px;top:110px}
Line 105: Line 495:
 
div.inventory.injection-molder div.slot.index-8,div.inventory.extruder div.slot.index-8{left:304px;top:110px}
 
div.inventory.injection-molder div.slot.index-8,div.inventory.extruder div.slot.index-8{left:304px;top:110px}
  
 +
div.inventory.fueled-lamp{background: url('images/b/b5/Gui_fueled_lamp.png');}
 
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:16px;top:40px}
 
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:16px;top:40px}
 
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:52px;top:40px}
 
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:52px;top:40px}
Line 115: Line 506:
 
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:304px;top:40px}
 
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:304px;top:40px}
  
 +
div.inventory.steam-cracker{background: url('images/4/47/Gui_steam_cracker.png');}
 
div.inventory.steam-cracker div.slot.index-0{left:34px;top:36px}
 
div.inventory.steam-cracker div.slot.index-0{left:34px;top:36px}
 
div.inventory.steam-cracker div.slot.index-1{left:70px;top:36px}
 
div.inventory.steam-cracker div.slot.index-1{left:70px;top:36px}
Line 130: Line 522:
 
div.inventory.steam-cracker div.slot.index-13{left:304px;top:108px}
 
div.inventory.steam-cracker div.slot.index-13{left:304px;top:108px}
  
 +
div.inventory.merox-treatment-unit{background: url('images/d/dd/Gui_merox_treatment_unit.png');}
 
div.inventory.merox-treatment-unit div.slot.index-0{left:16px;top:36px}
 
div.inventory.merox-treatment-unit div.slot.index-0{left:16px;top:36px}
 
div.inventory.merox-treatment-unit div.slot.index-1{left:52px;top:36px}
 
div.inventory.merox-treatment-unit div.slot.index-1{left:52px;top:36px}
Line 146: Line 539:
 
div.inventory.merox-treatment-unit div.slot.index-14{left:304px;top:108px}
 
div.inventory.merox-treatment-unit div.slot.index-14{left:304px;top:108px}
  
 +
div.inventory.chemical-processor{background: url('images/5/52/Gui_chemical_processor.png');}
 
div.inventory.chemical-processor div.slot.index-0{left:16px;top:36px}
 
div.inventory.chemical-processor div.slot.index-0{left:16px;top:36px}
 
div.inventory.chemical-processor div.slot.index-1{left:52px;top:36px}
 
div.inventory.chemical-processor div.slot.index-1{left:52px;top:36px}
Line 164: Line 558:
 
div.inventory.chemical-processor div.slot.index-16{left:304px;top:108px}
 
div.inventory.chemical-processor div.slot.index-16{left:304px;top:108px}
  
 +
div.inventory.contact-printer{background: url('images/0/07/Gui_contact_printer.png'); height: 165px;}
 
div.inventory.contact-printer div.slot.index-0{left:16px;top:36px}
 
div.inventory.contact-printer div.slot.index-0{left:16px;top:36px}
 
div.inventory.contact-printer div.slot.index-2{left:124px;top:36px}
 
div.inventory.contact-printer div.slot.index-2{left:124px;top:36px}
Line 172: Line 567:
 
div.inventory.contact-printer div.slot.index-5{left:304px;top:36px}
 
div.inventory.contact-printer div.slot.index-5{left:304px;top:36px}
 
div.inventory.contact-printer div.slot.index-6{left:304px;top:108px}
 
div.inventory.contact-printer div.slot.index-6{left:304px;top:108px}
 +
 +
div.inventory.bio-reactor{background: url('images/5/52/Gui_chemical_processor.png');}
 +
div.inventory.bio-reactor div.slot.index-0{left:16px;top:36px}
 +
div.inventory.bio-reactor div.slot.index-1{left:52px;top:36px}
 +
div.inventory.bio-reactor div.slot.index-2{left:88px;top:36px}
 +
div.inventory.bio-reactor div.slot.index-3{left:16px;top:72px}
 +
div.inventory.bio-reactor div.slot.index-4{left:88px;top:72px}
 +
div.inventory.bio-reactor div.slot.index-5{left:142px;top:36px}
 +
div.inventory.bio-reactor div.slot.index-6{left:142px;top:108px}
 +
div.inventory.bio-reactor div.slot.index-7{left:52px;top:108px}
 +
div.inventory.bio-reactor div.slot.index-8{left:232px;top:36px}
 +
div.inventory.bio-reactor div.slot.index-9{left:268px;top:36px}
 +
div.inventory.bio-reactor div.slot.index-10{left:304px;top:36px}
 +
div.inventory.bio-reactor div.slot.index-11{left:232px;top:72px}
 +
div.inventory.bio-reactor div.slot.index-12{left:268px;top:72px}
 +
div.inventory.bio-reactor div.slot.index-13{left:304px;top:72px}
 +
div.inventory.bio-reactor div.slot.index-14{left:232px;top:108px}
 +
div.inventory.bio-reactor div.slot.index-15{left:268px;top:108px}
 +
div.inventory.bio-reactor div.slot.index-16{left:304px;top:108px}
 +
 +
div.inventory.ion-beam{background: url('images/0/07/Gui_ion_beam.png'); height: 165px;}
 +
div.inventory.ion-beam div.slot.index-0{left:54px;top:107px}
 +
div.inventory.ion-beam div.slot.index-1{left:126px;top:35px}
 +
div.inventory.ion-beam div.slot.index-2{left:162px;top:35px}
 +
div.inventory.ion-beam div.slot.index-3{left:198px;top:35px}
 +
div.inventory.ion-beam div.slot.index-4{left:306px;top:35px}
 +
div.inventory.ion-beam div.slot.index-5{left:306px;top:71px}
 +
 +
div.inventory.wafer-washer{background: url('images/0/07/Gui_wafer_washer.png');}
 +
div.inventory.wafer-washer div.slot.index-0{left:52px;top:108px}
 +
div.inventory.wafer-washer div.slot.index-1{left:124px;top:36px}
 +
div.inventory.wafer-washer div.slot.index-2{left:124px;top:72px}
 +
div.inventory.wafer-washer div.slot.index-3{left:124px;top:108px}
 +
div.inventory.wafer-washer div.slot.index-4{left:234px;top:72px}
 +
 +
div.inventory.annealing_furnace{background: url('images/0/07/Gui_wafer_furnace.png');}
 +
div.inventory.annealing_furnace div.slot.index-0{left:128px;top:34px}
 +
div.inventory.annealing_furnace div.slot.index-1{left:54px;top:70px}
 +
div.inventory.annealing_furnace div.slot.index-2{left:132px;top:126px}
 +
div.inventory.annealing_furnace div.slot.index-3{left:234px;top:70px}
 +
 +
div.inventory.o2_furnace{background: url('images/0/07/Gui_wafer_furnace.png');}
 +
div.inventory.o2_furnace div.slot.index-0{left:128px;top:34px}
 +
div.inventory.o2_furnace div.slot.index-1{left:54px;top:70px}
 +
div.inventory.o2_furnace div.slot.index-2{left:132px;top:126px}
 +
div.inventory.o2_furnace div.slot.index-3{left:234px;top:70px}
 +
 +
div.inventory.stonecutter{background: url('images/0/07/Gui_stonecutter.png');}
 +
div.inventory.stonecutter div.slot.index-0{left:112px;top:70px}
 +
div.inventory.stonecutter div.slot.index-1{left:232px;top:70px}

Latest revision as of 21:18, 15 April 2024

/* CSS placed here will affect users of the Vector skin */

  li#n-temp1 {
    color:#f6f6f6;
    visibility: visible;
    font-size:0em;
  }

  #n-temp1:hover ::after, #n-temp1 ::after {
    content: '';
    display:inline-block;
    width: 26px;
    height: 26px;
	
    background: url('https://polycraft.utdallas.edu/images/5/55/Facebook.png');
  }

  /* Every image need to have its own rule defined. */
  #n-temp1::after{
    background: url('https://polycraft.utdallas.edu/images/5/55/Facebook.png');
  }

  #n-temp1:hover ::after {
    background: url('https://polycraft.utdallas.edu/images/7/7f/Facebook1.png');
  }
  #n-temp1:hover ::after, #n-temp1 ::after{
    background-repeat: no-repeat;
    background-size: contain;
  }

#mw-panel .portal .body li#n-temp1 {
font-size:0em;
margin-left:7%;
}

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */

  /* Make clickable text on links invisible. */
  li#n-temp2 {
    color:#f6f6f6;
    visibility: visible;
    font-size:0em;
  }

  #n-temp2:hover ::after, #n-temp2 ::after {
    content: '';
    display:inline-block;
    width: 26px;
    height: 26px;
	
    background: url('https://polycraft.utdallas.edu/images/d/dd/Discord.png');
  }

  /* Every image need to have its own rule defined. */
  #n-temp2::after{
    background: url('https://polycraft.utdallas.edu/images/d/dd/Discord.png');
  }

  #n-temp2:hover ::after {
    background: url('https://polycraft.utdallas.edu/images/b/b0/Discord1.png');
  }
  #n-temp2:hover ::after, #n-temp2 ::after{
    background-repeat: no-repeat;
    background-size: contain;
  }

#mw-panel .portal .body li#n-temp2 {
font-size:0em;
}
/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */

  /* Make clickable text on links invisible. */
  li#n-temp3 {
    color:#f6f6f6;
    visibility: visible;
    font-size:0em;
  }

  #n-temp3:hover ::after, #n-temp3 ::after {
    content: '';
    display:inline-block;
    width: 26px;
   height: 26px;	
    background: url('https://polycraft.utdallas.edu/images/b/b7/Instagram.png');
  }

  /* Every image need to have its own rule defined. */
  #n-temp3::after{
    background: url('https://polycraft.utdallas.edu/images/b/b7/Instagram.png');
  }

  #n-temp3:hover ::after {
    background: url('https://polycraft.utdallas.edu/images/f/f6/Instagram1.png');
  }
  #n-temp3:hover ::after, #n-temp3 ::after{
    background-repeat: no-repeat;
    background-size: contain;
  }

#mw-panel .portal .body li#n-temp3 {
font-size:0em;
}

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */

  /* Make clickable text on links invisible. */
  li#n-temp4 {
    color:#f6f6f6;
    visibility: visible;
    font-size:0em;
  }

  #n-temp4:hover ::after, #n-temp4 ::after {
    content: '';
    display:inline-block;
    width: 26px;
    height: 26px;
	
    background: url('https://polycraft.utdallas.edu/images/1/10/Reddit.png');
  }

  /* Every image need to have its own rule defined. */
  #n-temp4::after{
    background: url('https://polycraft.utdallas.edu/images/1/10/Reddit.png');
  }

  #n-temp4:hover ::after {
    background: url('https://polycraft.utdallas.edu/images/3/37/Reddit1.png');
  }
  #n-temp4:hover ::after, #n-temp4 ::after{
    background-repeat: no-repeat;
    background-size: contain;
  }

#mw-panel .portal .body li#n-temp4 {
font-size:0em;
margin-left:0.8%;
}
 


/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */

  /* Make clickable text on links invisible. */
  li#n-temp5 {
    color:#f6f6f6;
    visibility: visible;
    font-size:0em;
  }

  #n-temp5:hover ::after, #n-temp5 ::after {
    content: '';
    display:inline-block;
    width: 26px;
    height: 26px;
	
    background: url('https://polycraft.utdallas.edu/images/4/40/Twitch.png');
  }

  /* Every image need to have its own rule defined. */
  #n-temp5::after{
    background: url('https://polycraft.utdallas.edu/images/4/40/Twitch.png');
  }

  #n-temp5:hover ::after {
    background: url('https://polycraft.utdallas.edu/images/5/53/Twitch1.png');
  }
  #n-temp5:hover ::after, #n-temp5 ::after{
    background-repeat: no-repeat;
    background-size: contain;
  }

#mw-panel .portal .body li#n-temp5 {
font-size:0em;
}
 

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */

  /* Make clickable text on links invisible. */
  li#n-temp6 {
    color:#f6f6f6;
    visibility: visible;
    font-size:0em;
  }

  #n-temp6:hover ::after, #n-temp6 ::after {
    content: '';
    display:inline-block;
    width: 26px;
    height: 26px;
	
    background: url('https://polycraft.utdallas.edu/images/f/f7/Twitter.png');
  }

  /* Every image need to have its own rule defined. */
  #n-temp6::after{
    background: url('https://polycraft.utdallas.edu/images/f/f7/Twitter.png');
  }

  #n-temp6:hover ::after {
    background: url('https://polycraft.utdallas.edu/images/9/9d/Twitter1.png');
  }
  #n-temp6:hover ::after, #n-temp6 ::after{
    background-repeat: no-repeat;
    background-size: contain;
  }

#mw-panel .portal .body li#n-temp6 {
font-size:0em;
}

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */

  /* Make clickable text on links invisible. */
  li#n-temp7 {
    color:#f6f6f6;
    visibility: visible;
    font-size:0em;
  }

  #n-temp7:hover ::after, #n-temp7 ::after {
    content: '';
    display:inline-block;
    width: 26px;
    height: 26px;
	
    background: url('https://polycraft.utdallas.edu/images/a/af/Youtube.png');
  }

  /* Every image need to have its own rule defined. */
  #n-temp7::after{
    background: url('https://polycraft.utdallas.edu/images/a/af/Youtube.png');
  }

  #n-temp7:hover ::after {
    background: url('https://polycraft.utdallas.edu/images/c/c6/Youtube1.png');
  }
  #n-temp7:hover ::after, #n-temp7 ::after{
    background-repeat: no-repeat;
    background-size: contain;
  }

#mw-panel .portal .body li#n-temp7{
font-size:0em;
}

div#p-Social_Media_Links.portal{
    box-sizing: border-box;
}
#n-temp1{
    box-sizing: border-box;
}
#n-temp2{
    box-sizing: border-box;
}
#n-temp3{
    box-sizing: border-box;
}
#n-temp4{
    box-sizing: border-box;
}
#n-temp5{
    box-sizing: border-box;
}
#n-temp6{
    box-sizing: border-box;
}
#n-temp7{
    box-sizing: border-box;
}

#n-temp1 {
    float: left;
    width: 24%;
    padding: 5px;
}

#n-temp2 {
    float: left;
    width: 24%;
    padding: 5px;
}

#n-temp3 {
    float: left;
    width: 24%;
    padding: 5px;
}

#n-temp4 {
    float: left;
    width: 24%;
    padding: 5px;
}

#n-temp5 {
    float: left;
    width: 24%;
    padding: 5px;
}

#n-temp6 {
    float: left;
    width: 24%;
    padding: 5px;
}

#n-temp7 {
    float: left;
    width: 24%;
    padding: 5px;
}

/* Clearfix (clear floats) */
div#p-Social_Media_Links.portal::after {
    content: "";
    clear: both;
    display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
        #n-temp1 {
        width: 100%;
    }
	#n-temp2 {
        width: 100%;
    }
	#n-temp3 {
        width: 100%;
    }
	#n-temp4 {
        width: 100%;
    }
	#n-temp5 {
        width: 100%;
    }
	#n-temp6 {
        width: 100%;
    }
	#n-temp7 {
        width: 100%;
    }
}

#mw-panel .portal .body ul
{
    margin-left:0px;
}

div#mw-panel div#p-Social_Media_Links.portal div.body{margin:0 0 0 0em;}

div#p-Social_Media_Links.portal div.body{margin-left:0px;}

div#p-Polycraft_World.portal
{
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
    border-top: 25px solid black;	
    border-left: 2px solid black;
    border-right: 2px solid black;;
    border-bottom: 2px solid black;
}
div#p-navigation.portal.first
{
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
    border-top: 25px solid black;	
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}
div#p-Powered_by_UT_Dallas.portal
{
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
    border-top: 25px solid black;	
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}
div#p-Social_Media_Links.portal
{
    margin:0 0 0 0;
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
    border-top: 25px solid black;	
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}
div#p-tb.portal
{
    border-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round;
    border-top: 25px solid black;	
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}

/* increase Vector sidebar width */
div#mw-panel { width: 10em; }
div#footer, div#content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }

div.inventory{margin: 0;padding: 0;height: 174px; width: 352px;}

div.slot div.amount{
right:1px;
top:-15px;
float:right;
position:relative;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
color: #D3D3D3;
font-size: 14px;
font-weight: bold;
font-family: "Courier New", Courier, monospace;
}

div.inventory div.shapeless{color:#404040;font-size:16px;position:absolute;right:20px;top:9px}

div.inventory div.slot{height:32px;margin:0;padding:0;position:absolute;width:32px}

div.inventory.tree-tap{background: url('images/b/bf/Gui_tree_tap.png');}
div.inventory.extruder{background: url('images/c/ca/Gui_extruder.png');height: 228px;}
div.inventory.spotlight{background: url('images/0/00/Gui_spotlight.png');}

div.inventory.crafting-table{background: url('images/3/33/Gui_crafting_table.png');}
div.inventory.crafting-table div.slot.index-0{left:60px;top:34px}
div.inventory.crafting-table div.slot.index-1{left:96px;top:34px}
div.inventory.crafting-table div.slot.index-2{left:132px;top:34px}
div.inventory.crafting-table div.slot.index-3{left:60px;top:70px}
div.inventory.crafting-table div.slot.index-4{left:96px;top:70px}
div.inventory.crafting-table div.slot.index-5{left:132px;top:70px}
div.inventory.crafting-table div.slot.index-6{left:60px;top:106px}
div.inventory.crafting-table div.slot.index-7{left:96px;top:106px}
div.inventory.crafting-table div.slot.index-8{left:132px;top:106px}
div.inventory.crafting-table div.slot.index-9{left:248px;top:70px}

div.inventory.furnace{background: url('images/b/b0/Gui_furnace.png');}
div.inventory.furnace div.slot.index-0{left:112px;top:34px}
div.inventory.furnace div.slot.index-1{left:112px;top:106px}
div.inventory.furnace div.slot.index-2{left:232px;top:70px}

div.inventory.machining-mill{background: url('images/d/d4/Gui_machining_mill.png');height: 230px;}
div.inventory.machining-mill div.slot.index-0{left:16px;top:36px}
div.inventory.machining-mill div.slot.index-1{left:52px;top:36px}
div.inventory.machining-mill div.slot.index-2{left:88px;top:36px}
div.inventory.machining-mill div.slot.index-3{left:124px;top:36px}
div.inventory.machining-mill div.slot.index-4{left:160px;top:36px}
div.inventory.machining-mill div.slot.index-5{left:16px;top:72px}
div.inventory.machining-mill div.slot.index-6{left:52px;top:72px}
div.inventory.machining-mill div.slot.index-7{left:88px;top:72px}
div.inventory.machining-mill div.slot.index-8{left:124px;top:72px}
div.inventory.machining-mill div.slot.index-9{left:160px;top:72px}
div.inventory.machining-mill div.slot.index-10{left:16px;top:108px}
div.inventory.machining-mill div.slot.index-11{left:52px;top:108px}
div.inventory.machining-mill div.slot.index-12{left:88px;top:108px}
div.inventory.machining-mill div.slot.index-13{left:124px;top:108px}
div.inventory.machining-mill div.slot.index-14{left:160px;top:108px}
div.inventory.machining-mill div.slot.index-15{left:16px;top:144px}
div.inventory.machining-mill div.slot.index-16{left:52px;top:144px}
div.inventory.machining-mill div.slot.index-17{left:88px;top:144px}
div.inventory.machining-mill div.slot.index-18{left:124px;top:144px}
div.inventory.machining-mill div.slot.index-19{left:160px;top:144px}
div.inventory.machining-mill div.slot.index-20{left:16px;top:180px}
div.inventory.machining-mill div.slot.index-21{left:52px;top:180px}
div.inventory.machining-mill div.slot.index-22{left:88px;top:180px}
div.inventory.machining-mill div.slot.index-23{left:124px;top:180px}
div.inventory.machining-mill div.slot.index-24{left:160px;top:180px}
div.inventory.machining-mill div.slot.index-25{left:232px;top:180px}
div.inventory.machining-mill div.slot.index-26{left:304px;top:108px}

div.inventory.distillation-column{background: url('images/3/36/Gui_distillation_column.png');}
div.inventory.distillation-column div.slot.index-0{left:52px;top:36px}
div.inventory.distillation-column div.slot.index-1{left:124px;top:36px}
div.inventory.distillation-column div.slot.index-2{left:124px;top:108px}
div.inventory.distillation-column div.slot.index-3{left:52px;top:108px}
div.inventory.distillation-column div.slot.index-4{left:232px;top:36px}
div.inventory.distillation-column div.slot.index-5{left:268px;top:36px}
div.inventory.distillation-column div.slot.index-6{left:304px;top:36px}
div.inventory.distillation-column div.slot.index-7{left:232px;top:72px}
div.inventory.distillation-column div.slot.index-8{left:268px;top:72px}
div.inventory.distillation-column div.slot.index-9{left:304px;top:72px}
div.inventory.distillation-column div.slot.index-10{left:232px;top:108px}
div.inventory.distillation-column div.slot.index-11{left:268px;top:108px}
div.inventory.distillation-column div.slot.index-12{left:304px;top:108px}

div.inventory.injection-molder{background: url('images/d/da/Gui_injection_molder.png');height: 228px;}
div.inventory.injection-molder div.slot.index-0,div.inventory.extruder div.slot.index-0{left:16px;top:36px}
div.inventory.injection-molder div.slot.index-1,div.inventory.extruder div.slot.index-1{left:179px;top:110px}
div.inventory.injection-molder div.slot.index-2,div.inventory.extruder div.slot.index-2{left:220px;top:110px}
div.inventory.injection-molder div.slot.index-3,div.inventory.extruder div.slot.index-3{left:52px;top:36px}
div.inventory.injection-molder div.slot.index-4,div.inventory.extruder div.slot.index-4{left:88px;top:36px}
div.inventory.injection-molder div.slot.index-5,div.inventory.extruder div.slot.index-5{left:124px;top:36px}
div.inventory.injection-molder div.slot.index-6,div.inventory.extruder div.slot.index-6{left:160px;top:36px}
div.inventory.injection-molder div.slot.index-7,div.inventory.extruder div.slot.index-7{left:88px;top:182px}
div.inventory.injection-molder div.slot.index-8,div.inventory.extruder div.slot.index-8{left:304px;top:110px}

div.inventory.fueled-lamp{background: url('images/b/b5/Gui_fueled_lamp.png');}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:16px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:52px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:88px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:142px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:160px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:196px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:232px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:268px;top:40px}
div.inventory.fueled-lamp,div.inventory.spotlight div.slot.index-0{left:304px;top:40px}

div.inventory.steam-cracker{background: url('images/4/47/Gui_steam_cracker.png');}
div.inventory.steam-cracker div.slot.index-0{left:34px;top:36px}
div.inventory.steam-cracker div.slot.index-1{left:70px;top:36px}
div.inventory.steam-cracker div.slot.index-2{left:124px;top:36px}
div.inventory.steam-cracker div.slot.index-3{left:124px;top:108px}
div.inventory.steam-cracker div.slot.index-4{left:52px;top:108px}
div.inventory.steam-cracker div.slot.index-5{left:232px;top:36px}
div.inventory.steam-cracker div.slot.index-6{left:268px;top:36px}
div.inventory.steam-cracker div.slot.index-7{left:304px;top:36px}
div.inventory.steam-cracker div.slot.index-8{left:232px;top:72px}
div.inventory.steam-cracker div.slot.index-9{left:268px;top:72px}
div.inventory.steam-cracker div.slot.index-10{left:304px;top:72px}
div.inventory.steam-cracker div.slot.index-11{left:232px;top:108px}
div.inventory.steam-cracker div.slot.index-12{left:268px;top:108px}
div.inventory.steam-cracker div.slot.index-13{left:304px;top:108px}

div.inventory.merox-treatment-unit{background: url('images/d/dd/Gui_merox_treatment_unit.png');}
div.inventory.merox-treatment-unit div.slot.index-0{left:16px;top:36px}
div.inventory.merox-treatment-unit div.slot.index-1{left:52px;top:36px}
div.inventory.merox-treatment-unit div.slot.index-2{left:88px;top:36px}
div.inventory.merox-treatment-unit div.slot.index-3{left:142px;top:36px}
div.inventory.merox-treatment-unit div.slot.index-4{left:142px;top:108px}
div.inventory.merox-treatment-unit div.slot.index-5{left:52px;top:108px}
div.inventory.merox-treatment-unit div.slot.index-6{left:232px;top:36px}
div.inventory.merox-treatment-unit div.slot.index-7{left:268px;top:36px}
div.inventory.merox-treatment-unit div.slot.index-8{left:304px;top:36px}
div.inventory.merox-treatment-unit div.slot.index-9{left:232px;top:72px}
div.inventory.merox-treatment-unit div.slot.index-10{left:268px;top:72px}
div.inventory.merox-treatment-unit div.slot.index-11{left:304px;top:72px}
div.inventory.merox-treatment-unit div.slot.index-12{left:232px;top:108px}
div.inventory.merox-treatment-unit div.slot.index-13{left:268px;top:108px}
div.inventory.merox-treatment-unit div.slot.index-14{left:304px;top:108px}

div.inventory.chemical-processor{background: url('images/5/52/Gui_chemical_processor.png');}
div.inventory.chemical-processor div.slot.index-0{left:16px;top:36px}
div.inventory.chemical-processor div.slot.index-1{left:52px;top:36px}
div.inventory.chemical-processor div.slot.index-2{left:88px;top:36px}
div.inventory.chemical-processor div.slot.index-3{left:16px;top:72px}
div.inventory.chemical-processor div.slot.index-4{left:88px;top:72px}
div.inventory.chemical-processor div.slot.index-5{left:142px;top:36px}
div.inventory.chemical-processor div.slot.index-6{left:142px;top:108px}
div.inventory.chemical-processor div.slot.index-7{left:52px;top:108px}
div.inventory.chemical-processor div.slot.index-8{left:232px;top:36px}
div.inventory.chemical-processor div.slot.index-9{left:268px;top:36px}
div.inventory.chemical-processor div.slot.index-10{left:304px;top:36px}
div.inventory.chemical-processor div.slot.index-11{left:232px;top:72px}
div.inventory.chemical-processor div.slot.index-12{left:268px;top:72px}
div.inventory.chemical-processor div.slot.index-13{left:304px;top:72px}
div.inventory.chemical-processor div.slot.index-14{left:232px;top:108px}
div.inventory.chemical-processor div.slot.index-15{left:268px;top:108px}
div.inventory.chemical-processor div.slot.index-16{left:304px;top:108px}

div.inventory.contact-printer{background: url('images/0/07/Gui_contact_printer.png'); height: 165px;}
div.inventory.contact-printer div.slot.index-0{left:16px;top:36px}
div.inventory.contact-printer div.slot.index-2{left:124px;top:36px}
div.inventory.contact-printer div.slot.index-1{left:124px;top:72px}
div.inventory.contact-printer div.slot.index-3{left:124px;top:108px}
div.inventory.contact-printer div.slot.index-7{left:52px;top:108px}
div.inventory.contact-printer div.slot.index-4{left:232px;top:36px}
div.inventory.contact-printer div.slot.index-5{left:304px;top:36px}
div.inventory.contact-printer div.slot.index-6{left:304px;top:108px}

div.inventory.bio-reactor{background: url('images/5/52/Gui_chemical_processor.png');}
div.inventory.bio-reactor div.slot.index-0{left:16px;top:36px}
div.inventory.bio-reactor div.slot.index-1{left:52px;top:36px}
div.inventory.bio-reactor div.slot.index-2{left:88px;top:36px}
div.inventory.bio-reactor div.slot.index-3{left:16px;top:72px}
div.inventory.bio-reactor div.slot.index-4{left:88px;top:72px}
div.inventory.bio-reactor div.slot.index-5{left:142px;top:36px}
div.inventory.bio-reactor div.slot.index-6{left:142px;top:108px}
div.inventory.bio-reactor div.slot.index-7{left:52px;top:108px}
div.inventory.bio-reactor div.slot.index-8{left:232px;top:36px}
div.inventory.bio-reactor div.slot.index-9{left:268px;top:36px}
div.inventory.bio-reactor div.slot.index-10{left:304px;top:36px}
div.inventory.bio-reactor div.slot.index-11{left:232px;top:72px}
div.inventory.bio-reactor div.slot.index-12{left:268px;top:72px}
div.inventory.bio-reactor div.slot.index-13{left:304px;top:72px}
div.inventory.bio-reactor div.slot.index-14{left:232px;top:108px}
div.inventory.bio-reactor div.slot.index-15{left:268px;top:108px}
div.inventory.bio-reactor div.slot.index-16{left:304px;top:108px}

div.inventory.ion-beam{background: url('images/0/07/Gui_ion_beam.png'); height: 165px;}
div.inventory.ion-beam div.slot.index-0{left:54px;top:107px}
div.inventory.ion-beam div.slot.index-1{left:126px;top:35px}
div.inventory.ion-beam div.slot.index-2{left:162px;top:35px}
div.inventory.ion-beam div.slot.index-3{left:198px;top:35px}
div.inventory.ion-beam div.slot.index-4{left:306px;top:35px}
div.inventory.ion-beam div.slot.index-5{left:306px;top:71px}

div.inventory.wafer-washer{background: url('images/0/07/Gui_wafer_washer.png');}
div.inventory.wafer-washer div.slot.index-0{left:52px;top:108px}
div.inventory.wafer-washer div.slot.index-1{left:124px;top:36px}
div.inventory.wafer-washer div.slot.index-2{left:124px;top:72px}
div.inventory.wafer-washer div.slot.index-3{left:124px;top:108px}
div.inventory.wafer-washer div.slot.index-4{left:234px;top:72px}

div.inventory.annealing_furnace{background: url('images/0/07/Gui_wafer_furnace.png');}
div.inventory.annealing_furnace div.slot.index-0{left:128px;top:34px}
div.inventory.annealing_furnace div.slot.index-1{left:54px;top:70px}
div.inventory.annealing_furnace div.slot.index-2{left:132px;top:126px}
div.inventory.annealing_furnace div.slot.index-3{left:234px;top:70px}

div.inventory.o2_furnace{background: url('images/0/07/Gui_wafer_furnace.png');}
div.inventory.o2_furnace div.slot.index-0{left:128px;top:34px}
div.inventory.o2_furnace div.slot.index-1{left:54px;top:70px}
div.inventory.o2_furnace div.slot.index-2{left:132px;top:126px}
div.inventory.o2_furnace div.slot.index-3{left:234px;top:70px}

div.inventory.stonecutter{background: url('images/0/07/Gui_stonecutter.png');}
div.inventory.stonecutter div.slot.index-0{left:112px;top:70px}
div.inventory.stonecutter div.slot.index-1{left:232px;top:70px}
Retrieved from "https://polycraft.utdallas.edu/index.php?title=MediaWiki:Vector.css&oldid=20822"