MediaWiki:Vector.css

From PolyCraft World
Revision as of 18:04, 30 November 2018 by Vxg173330 (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */

div#p-Social_Media_Links.portal{
    box-sizing: border-box;
}
#n-temp-banner1{
    box-sizing: border-box;
}
#n-temp-banner2{
    box-sizing: border-box;
}
#n-temp-banner3{
    box-sizing: border-box;
}
#n-temp-banner4{
    box-sizing: border-box;
}
#n-temp-banner5{
    box-sizing: border-box;
}
#n-temp-banner6{
    box-sizing: border-box;
}
#n-temp-banner7{
    box-sizing: border-box;
}

#n-temp-banner1 {
    float: left;
    width: 24%;
    margin-left:12%;
    padding: 5px;
}

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

#n-temp-banner3 {
    float: left;
    width: 24%;
    margin-right:12%;
    padding: 5px;
}

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

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

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

#n-temp-banner7 {
    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-temp-banner1 {
        width: 100%;
    }
	#n-temp-banner2 {
        width: 100%;
    }
	#n-temp-banner3 {
        width: 100%;
    }
	#n-temp-banner4 {
        width: 100%;
    }
	#n-temp-banner5 {
        width: 100%;
    }
	#n-temp-banner6 {
        width: 100%;
    }
	#n-temp-banner7 {
        width: 100%;
    }
}


/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
#n-temp-banner1 { display: block !important; font-size: 4em; text-indent: -999px; background-image: url('https://polycraft.utdallas.edu/images/5/55/Facebook.png');background-size: 30px 30px; background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 20px; }
#n-temp-banner1:before{ content:'\00b7'; font-size:100px; }

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
#n-temp-banner2 { display: block !important; font-size: 4em; text-indent: -999px; background-image: url('https://polycraft.utdallas.edu/images/d/dd/Discord.png');background-size: 30px 30px; background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 20px; }
#n-temp-banner2:before{ content:'\00b7'; font-size:100px; }

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
#n-temp-banner3 { display: block !important; font-size: 4em; text-indent: -999px; background-image: url('https://polycraft.utdallas.edu/images/b/b7/Instagram.png');background-size: 30px 30px; background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 20px; }
#n-temp-banner3:before{ content:'\00b7'; font-size:100px; }

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
#n-temp-banner4 { display: block !important; font-size: 4em; text-indent: -999px; background-image: url('https://polycraft.utdallas.edu/images/1/10/Reddit.png');background-size: 30px 30px; background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 20px; }
#n-temp-banner4:before{ content:'\00b7'; font-size:100px; }

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
#n-temp-banner5 { display: block !important; font-size: 4em; text-indent: -999px; background-image: url('https://polycraft.utdallas.edu/images/4/40/Twitch.png');background-size: 30px 30px;background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 20px; }
#n-temp-banner5:before{ content:'\00b7'; font-size:100px; }

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
#n-temp-banner6 { display: block !important; font-size: 4em; text-indent: -999px; background-image: url('https://polycraft.utdallas.edu/images/f/f7/Twitter.png');background-size: 30px 30px; background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 20px; }
#n-temp-banner6:before{ content:'\00b7'; font-size:100px; }

/* That will place a temporary campaign/launch/event/whatever image right down the main logo - pretty useful hun? nah  */
#n-temp-banner7 { display: block !important; font-size: 4em; text-indent: -999px; background-image: url('https://polycraft.utdallas.edu/images/a/af/Youtube.png');background-size: 30px 30px; background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 20px; }
#n-temp-banner7:before{ content:'\00b7'; font-size:100px; }

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
{
    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.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.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.fueled-lamp{background: url('images/b/b5/Gui_fueled_lamp.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 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 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 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 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 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,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 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 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 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 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}
Retrieved from "https://polycraft.utdallas.edu/index.php?title=MediaWiki:Vector.css&oldid=17070"