Legion Pre-Expansion Patch Survival Guide

Get ready for the Legion's arrival with our survival guide video and previews of all the content and features coming in the Legion pre-expansion patch. New Content & Features Demon Invasions! The Legion arrives soon and angry invaders are going to start dropping out of the skies over Azeroth. Wardrobe Updates Open up the walk-in closet of wardrobe updates and look around at what’s in store for your character’s looks. Warlords Season 3 PvP Ends Warlords Season 3 PvP is ending July 19-here's how the transition will take place. From the Developers Legion Developer Q&A Assistant Game Director Ion “Watcher” Hazzikostas answers Legion questions submitted by players. Legion Professions Developer Q&A Senior Game Designer Paul Kubit answers your questions about professions in Legion. Legion World Quest and Demon Invasion Q&A Senior Game Designer Jeremy Feasel answers your community questions on World Quests and the Demon Invasion event. Extended Draw Distance Join us in the Engineer’s Workshop and delve into an exciting visual update that extends draw distance in Legion. Gearing Up for Legion PvP Gear up for battle with Senior Game Designer Brian Holinka as he discusses upcoming changes to PvP. Patch Information Legion Pre-Expansion Patch Notes Patch Notes for the Legion Pre-Expansion Patch, now available. Customer & Technical Support Information New Silence Penalty To help support positive experiences, we'll be implementing a new silence penalty. Legion Cinematic Trailer /* Blog Headers */ #blog h1 { font:normal 24px "Palatino Linotype", "Times", serif; color: rgb(243, 230, 208); } #blog h2 { font:normal 20px "Palatino Linotype", "Times", serif; color: rgb(243, 230, 208); } #blog h3 { font:normal 16px "Palatino Linotype", "Times", serif; color: rgb(243, 230, 208); } #blog .divider-down { width:242px; height:54px; background:url('//bnetcmsus-a.akamaihd.net/cms/page_media/34JACPOZKCIX1402093138164.png') center center no-repeat; } /* (Iron Horde grate), usage */ #blog .detail hr.ih2divider { width: 242px; height: 35px; background:url('//bnetcmsus-a.akamaihd.net/cms/page_media/34JACPOZKCIX1402093138164.png') center center no-repeat; border: none; margin-top: 0px; margin-bottom: 0px; padding: 2px; } /* (Iron Horde axe thing), usage */ #blog .detail hr.ihdivider { width: 600px; height: 70px; background:url('//bnetcmsus-a.akamaihd.net/cms/page_media/U6MJITSGPOO81402093138183.png') center center no-repeat; border: none; margin-top: 0px; margin-bottom: 0px; padding: 2p} /* Chain Divider, usage */ #blog .detail hr.chaindivider { width: 600px; height: 75px; background:url('//bnetcmsus-a.akamaihd.net/cms/page_media/IM5V7D9R7D381402093138179.png') center center no-repeat; border: none; margin-top: 0px; margin-bottom: 0px; padding: 2p} /* Swirly Art Deco Divider, usage */ #blog .detail hr.decodivider { width: 600px; height: 25px; background:url('//bnetcmsus-a.akamaihd.net/cms/template_resource/wow.character-divider-scroll-deco.3.png') center center no-repeat; border: none; margin-top: 0px; margin-bottom: 0px; padding: 2p} /* OLD IMPORTS */ #blog .detail #center { width: 590px; margin: 0px auto; } #blog .detail div.ctextheadline { position: relative; display: block; text-decoration: none; line-height:1 !important; font-family: Arial !important; margin-left: 3px; } #blog .detail div.ctextheadline h1 { position: absolute; top: 13px; left: 30px; color: #ffb001 !important; font-size: 23px !important; } #blog .detail div.cteaser, #blog .detail img, #blog .detail div.cteaserg { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 20px #000000; -webkit-box-shadow:0 0 20px #000000; box-shadow:0 0 20px #000000; border: 1px solid #372511; padding: 1px; } #blog .detail div.cteaser, #blog .detail div.cteaserg { width: 285px; height: 144px; margin: 8px 3px 0px 3px; padding-top: 5px; background-color: #1D100A; float:left; } #blog .detail div.cteaser:hover { border: 1px solid #CD9000; background-color: #40200d; } /* Info and Coverage Boxes */ #blog .detail div.cninfo { width: 203px; margin: 25px 20px 10px 20px; float: left; } #blog .detail .cteaser a.cteaserimg, #blog .detail .cteaserg div.cteaserimg { display: block; width: 125px; height: 140px; text-align: center; float: left; } #blog .detail .cteaser a.cteaserimg img, #blog .detail .cteaserg div.cteaserimg img { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 20px #000000; -webkit-box-shadow:0 0 20px #000000; box-shadow:0 0 20px #000000; border: 1px solid #1D100A; vertical-align: middle; width: 109px; height: 94px; margin-top: 10px; padding: 1px; } #blog .detail .cteaser a.cteasersummary, #blog .detail .cteaserg div.cteasersummary { display: block; padding-right: 3px; line-height: 1.4 !important; width: 157px; height: 140px; float: left; } #blog .detail .cteaser a.cteasersummary span.headline, #blog .detail .cteaserg div.cteasersummary span.headline { color: #d19205 !important; font-size: 17px !important; text-weight: bold !important; } #blog .detail .cteaser a.cteasersummary span.summarytext, #blog .detail .cteaserg div.cteasersummary span.summarytext { color: #ad8460 !important; font-size: 12px !important; } .top-list tr:nth-child(2) td { color: #F0E29A; background-color: transparent; } .top-list-interior table tbody tr td { background-color: none !important; color: #EFC9A0 !important; font-weight: normal !important; vertical-align: top; } .top-list-interior table tbody tr:hover td { color: #fff !important; } /* Info and Coverage Boxes */ #blog .detail div.cninfo { width: 203px; margin: 25px 20px 10px 20px; float: left; } #blog .detail div.cninfo, #blog .detail div.cncoverage { -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 1px solid #372511; border-radius: 8px 8px 8px 8px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; background-color: #391C0B; background-image: url(http://ift.tt/1ha2E10); background-repeat: repeat-x; } #blog .detail div.cncoverage h1, #blog .detail div.cninfo h1 { margin: 0px; padding: 3px 10px 3px 10px; color: #fff; font-weight: bold; } #blog .detail div.cncoverage p, #blog .detail div.cninfo p { margin: 5px 10px 5px 10px; } /* Bordered Image */ #blog .detail td:hover > a img.borderImg, #blog .detail a img.borderImg:hover { border: 1px solid #CD9000; } #blog .detail img.borderImg { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 20px #000000; -webkit-box-shadow:0 0 20px #000000; box-shadow:0 0 20px #000000; border: 1px solid #372511; max-width: 570px !important; padding: 1px; } /* Pullquote text */ .pullquotetxt { padding: 5px; float: right; width: 250px; margin-top: 5px; margin-bottom: 5px; margin-left: 8px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #694e1c; border-bottom-color: #694e1c; font-size: 15px; text-align: center; line-height: 25px; font-family: Arial, Calibri, sans-serif; font-style: italic; font-weight: normal; } /* Info and Coverage Boxes */ #blog .detail #center { width: 590px; margin: 0px auto; } #blog .detail div.ctextheadline { position: relative; display: block; text-decoration: none; line-height:1 !important; font-family: Arial !important; margin-left: 3px; } #blog .detail div.ctextheadline h1 { position: absolute; top: 13px; left: 30px; color: #ffb001 !important; font-size: 23px !important; } #blog .detail div.cteaser, #blog .detail img.borderImg, , #blog .detail div.cteaserg { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 20px #000000; -webkit-box-shadow:0 0 20px #000000; box-shadow:0 0 20px #000000; border: 1px solid #372511; padding: 1px; } #blog .detail div.cteaser, #blog .detail div.cteaserg { width: 285px; height: 144px; margin: 8px 3px 0px 3px; padding-top: 5px; background-color: #1D100A; float:left; } #blog .detail div.cteaser:hover { border: 1px solid #CD9000; background-color: #40200d; } #blog .detail div.cninfo { width: 203px; margin: 25px 20px 10px 20px; float: left; } #blog .detail .cteaser a.cteaserimg, #blog .detail .cteaserg div.cteaserimg { display: block; width: 125px; height: 140px; text-align: center; float: left; } #blog .detail .cteaser a.cteaserimg img.borderImg, #blog .detail .cteaserg div.cteaserimg img.borderImg { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 20px #000000; -webkit-box-shadow:0 0 20px #000000; box-shadow:0 0 20px #000000; border: 1px solid #1D100A; vertical-align: middle; width: 109px; height: 94px; margin-top: 10px; padding: 1px; } #blog .detail .cteaser a.cteasersummary, #blog .detail .cteaserg div.cteasersummary { display: block; padding-right: 3px; line-height: 1.4 !important; width: 157px; height: 140px; float: left; } #blog .detail .cteaser a.cteasersummary span.headline, #blog .detail .cteaserg div.cteasersummary span.headline { color: #d19205 !important; font-size: 17px !important; text-weight: bold !important; } #blog .detail .cteaser a.cteasersummary span.summarytext, #blog .detail .cteaserg div.cteasersummary span.summarytext { color: #ad8460 !important; font-size: 12px !important; } .top-list tr:nth-child(2) td { color: #F0E29A; background-color: transparent; } .top-list-interior table tbody tr td { background-color: none !important; color: #EFC9A0 !important; font-weight: normal !important; vertical-align: top; } .top-list-interior table tbody tr:hover td { color: #fff !important; } #blog .detail div.cninfo, #blog .detail div.cncoverage { -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 1px solid #372511; border-radius: 8px 8px 8px 8px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; background-color: #391C0B; background-image: url(//eu.media4.battle.net/cms/gallery/2Z7IAAYR8ZOX1336644047487.png); background-repeat: repeat-x; } #blog .detail div.cncoverage h1, #blog .detail div.cninfo h1 { margin: 0px; padding: 3px 10px 3px 10px; color: #fff; font-weight: bold; } #blog .detail div.cncoverage p, #blog .detail div.cninfo p { margin: 5px 10px 5px 10px; } /* Tooltip text */ a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:60px; margin-left:-160px; width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(src/css-tooltip-gradient-bg.png) repeat-x 0 0; } .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} /*CSS3 extras*/ a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; }

from World of Warcraft® http://ift.tt/29JR1MP
via IFTTT