Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(88 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{ | div#p-Social_Media_Links.portal{ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp1{ |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp2{ |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp3{ |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp4{ |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp5{ |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp6{ |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp7{ |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | #n- | + | #n-temp1 { |
float: left; | float: left; | ||
− | width: | + | width: 24%; |
padding: 5px; | padding: 5px; | ||
} | } | ||
− | #n- | + | #n-temp2 { |
float: left; | float: left; | ||
− | width: | + | width: 24%; |
padding: 5px; | padding: 5px; | ||
} | } | ||
− | #n- | + | #n-temp3 { |
float: left; | float: left; | ||
− | width: | + | width: 24%; |
padding: 5px; | padding: 5px; | ||
} | } | ||
− | #n- | + | #n-temp4 { |
float: left; | float: left; | ||
− | width: | + | width: 24%; |
padding: 5px; | padding: 5px; | ||
} | } | ||
− | #n- | + | #n-temp5 { |
float: left; | float: left; | ||
− | width: | + | width: 24%; |
padding: 5px; | padding: 5px; | ||
} | } | ||
− | #n- | + | #n-temp6 { |
float: left; | float: left; | ||
− | width: | + | width: 24%; |
padding: 5px; | padding: 5px; | ||
} | } | ||
− | #n- | + | #n-temp7 { |
float: left; | float: left; | ||
− | width: | + | width: 24%; |
padding: 5px; | padding: 5px; | ||
} | } | ||
Line 77: | Line 322: | ||
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ | /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ | ||
@media screen and (max-width: 500px) { | @media screen and (max-width: 500px) { | ||
− | #n- | + | #n-temp1 { |
width: 100%; | width: 100%; | ||
} | } | ||
− | #n- | + | #n-temp2 { |
width: 100%; | width: 100%; | ||
} | } | ||
− | #n- | + | #n-temp3 { |
width: 100%; | width: 100%; | ||
} | } | ||
− | #n- | + | #n-temp4 { |
width: 100%; | width: 100%; | ||
} | } | ||
− | #n- | + | #n-temp5 { |
width: 100%; | width: 100%; | ||
} | } | ||
− | #n- | + | #n-temp6 { |
width: 100%; | width: 100%; | ||
} | } | ||
− | #n- | + | #n-temp7 { |
width: 100%; | 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 | div#p-Polycraft_World.portal | ||
Line 155: | Line 380: | ||
div#p-Social_Media_Links.portal | 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-image: url("https://polycraft.utdallas.edu/images/a/ad/Dna.jpg") 30 round; | ||
border-top: 25px solid black; | border-top: 25px solid black; | ||
Line 193: | 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.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.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.spotlight{background: url('images/0/00/Gui_spotlight.png');} | 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-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 218: | 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 250: | 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 264: | 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 274: | 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 284: | 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 299: | 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 315: | 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 333: | 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 341: | 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-implanter{background: url('images/0/07/Gui_ion_beam.png'); height: 165px;} | ||
+ | div.inventory.ion-implanter div.slot.index-0{left:54px;top:107px} | ||
+ | div.inventory.ion-implanter div.slot.index-1{left:126px;top:35px} | ||
+ | div.inventory.ion-implanter div.slot.index-2{left:162px;top:35px} | ||
+ | div.inventory.ion-implanter div.slot.index-3{left:198px;top:35px} | ||
+ | div.inventory.ion-implanter div.slot.index-4{left:306px;top:35px} | ||
+ | div.inventory.ion-implanter div.slot.index-5{left:306px;top:71px} | ||
+ | |||
+ | div.inventory.wafer-washer{background: url('images/0/07/Gui_wafer_washer.png'); height: 174px;} | ||
+ | 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'); height: 174px;} | ||
+ | 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'); height: 164px;} | ||
+ | div.inventory.o2_furnace div.slot.index-0{left:125px;top:36px} | ||
+ | div.inventory.o2_furnace div.slot.index-1{left:50px;top:73px} | ||
+ | div.inventory.o2_furnace div.slot.index-2{left:125px;top:107px} | ||
+ | div.inventory.o2_furnace div.slot.index-3{left:232px;top:72px} | ||
+ | |||
+ | div.inventory.stone-cutter{background: url('images/0/07/Gui_stone_cutter.png'); height: 165px;} | ||
+ | div.inventory.stone-cutter div.slot.index-0{left:112px;top:70px} | ||
+ | div.inventory.stone-cutter div.slot.index-1{left:232px;top:70px} | ||
+ | |||
+ | div.inventory.atomic-layer-deposition{background: url('images/0/07/Gui_atomic_layer_deposition.png'); height: 164px;} | ||
+ | div.inventory.atomic-layer-deposition div.slot.index-0{left:53px;top:108px} | ||
+ | div.inventory.atomic-layer-deposition div.slot.index-1{left:125px;top:36px} | ||
+ | div.inventory.atomic-layer-deposition div.slot.index-2{left:125px;top:108px} | ||
+ | div.inventory.atomic-layer-deposition div.slot.index-3{left:232px;top:72px} | ||
+ | |||
+ | div.inventory.chemical-mechanical-polisher{background: url('images/0/07/Gui_chemical_mechanical_polisher.png'); height: 164px;} | ||
+ | div.inventory.chemical-mechanical-polisher div.slot.index-0{left:53px;top:108px} | ||
+ | div.inventory.chemical-mechanical-polisher div.slot.index-1{left:53px;top:36px} | ||
+ | div.inventory.chemical-mechanical-polisher div.slot.index-2{left:125px;top:36px} | ||
+ | div.inventory.chemical-mechanical-polisher div.slot.index-3{left:125px;top:108px} | ||
+ | div.inventory.chemical-mechanical-polisher div.slot.index-4{left:232px;top:72px} | ||
+ | |||
+ | div.inventory.scanning-electron-microscope{background: url('images/0/07/Gui_scanning_electron_microscope.png'); height: 174px;} | ||
+ | div.inventory.scanning-electron-microscope div.slot.index-0{left:52px;top:108px} | ||
+ | div.inventory.scanning-electron-microscope div.slot.index-1{left:124px;top:72px} | ||
+ | div.inventory.scanning-electron-microscope div.slot.index-2{left:234px;top:72px} | ||
+ | |||
+ | div.inventory.chemical-solution-deposition{background: url('images/0/07/Gui_chemical_solution_deposition.png'); height: 174px;} | ||
+ | div.inventory.chemical-solution-deposition div.slot.index-0{left:52px;top:108px} | ||
+ | div.inventory.chemical-solution-deposition div.slot.index-1{left:124px;top:36px} | ||
+ | div.inventory.chemical-solution-deposition div.slot.index-2{left:124px;top:72px} | ||
+ | div.inventory.chemical-solution-deposition div.slot.index-3{left:234px;top:72px} |
Latest revision as of 01:34, 15 June 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-implanter{background: url('images/0/07/Gui_ion_beam.png'); height: 165px;} div.inventory.ion-implanter div.slot.index-0{left:54px;top:107px} div.inventory.ion-implanter div.slot.index-1{left:126px;top:35px} div.inventory.ion-implanter div.slot.index-2{left:162px;top:35px} div.inventory.ion-implanter div.slot.index-3{left:198px;top:35px} div.inventory.ion-implanter div.slot.index-4{left:306px;top:35px} div.inventory.ion-implanter div.slot.index-5{left:306px;top:71px} div.inventory.wafer-washer{background: url('images/0/07/Gui_wafer_washer.png'); height: 174px;} 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'); height: 174px;} 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'); height: 164px;} div.inventory.o2_furnace div.slot.index-0{left:125px;top:36px} div.inventory.o2_furnace div.slot.index-1{left:50px;top:73px} div.inventory.o2_furnace div.slot.index-2{left:125px;top:107px} div.inventory.o2_furnace div.slot.index-3{left:232px;top:72px} div.inventory.stone-cutter{background: url('images/0/07/Gui_stone_cutter.png'); height: 165px;} div.inventory.stone-cutter div.slot.index-0{left:112px;top:70px} div.inventory.stone-cutter div.slot.index-1{left:232px;top:70px} div.inventory.atomic-layer-deposition{background: url('images/0/07/Gui_atomic_layer_deposition.png'); height: 164px;} div.inventory.atomic-layer-deposition div.slot.index-0{left:53px;top:108px} div.inventory.atomic-layer-deposition div.slot.index-1{left:125px;top:36px} div.inventory.atomic-layer-deposition div.slot.index-2{left:125px;top:108px} div.inventory.atomic-layer-deposition div.slot.index-3{left:232px;top:72px} div.inventory.chemical-mechanical-polisher{background: url('images/0/07/Gui_chemical_mechanical_polisher.png'); height: 164px;} div.inventory.chemical-mechanical-polisher div.slot.index-0{left:53px;top:108px} div.inventory.chemical-mechanical-polisher div.slot.index-1{left:53px;top:36px} div.inventory.chemical-mechanical-polisher div.slot.index-2{left:125px;top:36px} div.inventory.chemical-mechanical-polisher div.slot.index-3{left:125px;top:108px} div.inventory.chemical-mechanical-polisher div.slot.index-4{left:232px;top:72px} div.inventory.scanning-electron-microscope{background: url('images/0/07/Gui_scanning_electron_microscope.png'); height: 174px;} div.inventory.scanning-electron-microscope div.slot.index-0{left:52px;top:108px} div.inventory.scanning-electron-microscope div.slot.index-1{left:124px;top:72px} div.inventory.scanning-electron-microscope div.slot.index-2{left:234px;top:72px} div.inventory.chemical-solution-deposition{background: url('images/0/07/Gui_chemical_solution_deposition.png'); height: 174px;} div.inventory.chemical-solution-deposition div.slot.index-0{left:52px;top:108px} div.inventory.chemical-solution-deposition div.slot.index-1{left:124px;top:36px} div.inventory.chemical-solution-deposition div.slot.index-2{left:124px;top:72px} div.inventory.chemical-solution-deposition div.slot.index-3{left:234px;top:72px}