<style>
.stb-container-css {margin: 10px 10px 10px 10px;}.stb-box {}.stb-caption-box {}.stb-body-box {}
/* Class Dependent Parameters */
.stb-border.stb-alert-container {border: 1px none #FF4F4A;}.stb-side.stb-alert-container {background: #1D1A1A;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 );background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);}.stb-side-none.stb-alert-container {background: #fDCBC9;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fDCBC9', endColorstr='#FB7D78',GradientType=0 );background: -moz-linear-gradient(top,  #fDCBC9 30%, #FB7D78 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fDCBC9), color-stop(90%,#FB7D78));background: -webkit-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: -o-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: -ms-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: linear-gradient(#fDCBC9 30%, #FB7D78 90%);}.stb-alert_box {background: #fDCBC9;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fDCBC9', endColorstr='#FB7D78',GradientType=0 );background: -moz-linear-gradient(top,  #fDCBC9 30%, #FB7D78 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fDCBC9), color-stop(90%,#FB7D78));background: -webkit-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: -o-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: -ms-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: linear-gradient(#fDCBC9 30%, #FB7D78 90%);color: #000000;}.stb-alert-caption_box {background: #1D1A1A;background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);color: #FFFFFF;}.stb-alert-body_box {background: #fDCBC9;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fDCBC9', endColorstr='#FB7D78',GradientType=0 );background: -moz-linear-gradient(top,  #fDCBC9 30%, #FB7D78 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fDCBC9), color-stop(90%,#FB7D78));background: -webkit-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: -o-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: -ms-linear-gradient(top,  #fDCBC9 30%,#FB7D78 90%);background: linear-gradient(#fDCBC9 30%, #FB7D78 90%);color: #000000;}.stb-border.stb-black-container {border: 1px none #6E6E6E;}.stb-side.stb-black-container {background: #4B4747;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B4747', endColorstr='#141414',GradientType=0 );background: -moz-linear-gradient(top,  #4B4747 30%, #141414 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#4B4747), color-stop(90%,#141414));background: -webkit-linear-gradient(top,  #4B4747 30%,#141414 90%);background: -o-linear-gradient(top,  #4B4747 30%,#141414 90%);background: -ms-linear-gradient(top,  #4B4747 30%,#141414 90%);background: linear-gradient(#4B4747 30%, #141414 90%);}.stb-side-none.stb-black-container {background: #3B3B3B;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #3B3B3B 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#3B3B3B), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: -o-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: -ms-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: linear-gradient(#3B3B3B 30%, #000000 90%);}.stb-black_box {background: #3B3B3B;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #3B3B3B 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#3B3B3B), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: -o-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: -ms-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: linear-gradient(#3B3B3B 30%, #000000 90%);color: #FFFFFF;}.stb-black-caption_box {background: #4B4747;background: -moz-linear-gradient(top,  #4B4747 30%, #141414 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#4B4747), color-stop(90%,#141414));background: -webkit-linear-gradient(top,  #4B4747 30%,#141414 90%);background: -o-linear-gradient(top,  #4B4747 30%,#141414 90%);background: -ms-linear-gradient(top,  #4B4747 30%,#141414 90%);background: linear-gradient(#4B4747 30%, #141414 90%);color: #FFFFFF;}.stb-black-body_box {background: #3B3B3B;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #3B3B3B 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#3B3B3B), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: -o-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: -ms-linear-gradient(top,  #3B3B3B 30%,#000000 90%);background: linear-gradient(#3B3B3B 30%, #000000 90%);color: #FFFFFF;}.stb-border.stb-download-container {border: 1px none #65ADFE;}.stb-side.stb-download-container {background: #1D1A1A;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 );background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);}.stb-side-none.stb-download-container {background: #78C0F7;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78C0F7', endColorstr='#2E7CB9',GradientType=0 );background: -moz-linear-gradient(top,  #78C0F7 30%, #2E7CB9 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#78C0F7), color-stop(90%,#2E7CB9));background: -webkit-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: -o-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: -ms-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: linear-gradient(#78C0F7 30%, #2E7CB9 90%);}.stb-download_box {background: #78C0F7;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78C0F7', endColorstr='#2E7CB9',GradientType=0 );background: -moz-linear-gradient(top,  #78C0F7 30%, #2E7CB9 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#78C0F7), color-stop(90%,#2E7CB9));background: -webkit-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: -o-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: -ms-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: linear-gradient(#78C0F7 30%, #2E7CB9 90%);color: #000000;}.stb-download-caption_box {background: #1D1A1A;background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);color: #FFFFFF;}.stb-download-body_box {background: #78C0F7;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78C0F7', endColorstr='#2E7CB9',GradientType=0 );background: -moz-linear-gradient(top,  #78C0F7 30%, #2E7CB9 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#78C0F7), color-stop(90%,#2E7CB9));background: -webkit-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: -o-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: -ms-linear-gradient(top,  #78C0F7 30%,#2E7CB9 90%);background: linear-gradient(#78C0F7 30%, #2E7CB9 90%);color: #000000;}.stb-border.stb-info-container {border: 1px none #7AD975;}.stb-side.stb-info-container {background: #1D1A1A;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 );background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);}.stb-side-none.stb-info-container {background: #A1EA94;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1EA94', endColorstr='#79B06E',GradientType=0 );background: -moz-linear-gradient(top,  #A1EA94 30%, #79B06E 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#A1EA94), color-stop(90%,#79B06E));background: -webkit-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: -o-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: -ms-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: linear-gradient(#A1EA94 30%, #79B06E 90%);}.stb-info_box {background: #A1EA94;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1EA94', endColorstr='#79B06E',GradientType=0 );background: -moz-linear-gradient(top,  #A1EA94 30%, #79B06E 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#A1EA94), color-stop(90%,#79B06E));background: -webkit-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: -o-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: -ms-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: linear-gradient(#A1EA94 30%, #79B06E 90%);color: #000000;}.stb-info-caption_box {background: #1D1A1A;background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);color: #FFFFFF;}.stb-info-body_box {background: #A1EA94;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1EA94', endColorstr='#79B06E',GradientType=0 );background: -moz-linear-gradient(top,  #A1EA94 30%, #79B06E 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#A1EA94), color-stop(90%,#79B06E));background: -webkit-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: -o-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: -ms-linear-gradient(top,  #A1EA94 30%,#79B06E 90%);background: linear-gradient(#A1EA94 30%, #79B06E 90%);color: #000000;}.stb-border.stb-warning-container {border: 1px none #FE9A05;}.stb-side.stb-warning-container {background: #1D1A1A;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 );background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);}.stb-side-none.stb-warning-container {background: #F8FC91;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FC91', endColorstr='#F0D208',GradientType=0 );background: -moz-linear-gradient(top,  #F8FC91 30%, #F0D208 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F8FC91), color-stop(90%,#F0D208));background: -webkit-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: -o-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: -ms-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: linear-gradient(#F8FC91 30%, #F0D208 90%);}.stb-warning_box {background: #F8FC91;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FC91', endColorstr='#F0D208',GradientType=0 );background: -moz-linear-gradient(top,  #F8FC91 30%, #F0D208 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F8FC91), color-stop(90%,#F0D208));background: -webkit-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: -o-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: -ms-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: linear-gradient(#F8FC91 30%, #F0D208 90%);color: #000000;}.stb-warning-caption_box {background: #1D1A1A;background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);color: #FFFFFF;}.stb-warning-body_box {background: #F8FC91;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FC91', endColorstr='#F0D208',GradientType=0 );background: -moz-linear-gradient(top,  #F8FC91 30%, #F0D208 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F8FC91), color-stop(90%,#F0D208));background: -webkit-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: -o-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: -ms-linear-gradient(top,  #F8FC91 30%,#F0D208 90%);background: linear-gradient(#F8FC91 30%, #F0D208 90%);color: #000000;}.stb-border.stb-grey-container {border: 1px none #BBBBBB;}.stb-side.stb-grey-container {background: #B5B5B5;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B5B5B5', endColorstr='#6E6E6E',GradientType=0 );background: -moz-linear-gradient(top,  #B5B5B5 30%, #6E6E6E 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#B5B5B5), color-stop(90%,#6E6E6E));background: -webkit-linear-gradient(top,  #B5B5B5 30%,#6E6E6E 90%);background: -o-linear-gradient(top,  #B5B5B5 30%,#6E6E6E 90%);background: -ms-linear-gradient(top,  #B5B5B5 30%,#6E6E6E 90%);background: linear-gradient(#B5B5B5 30%, #6E6E6E 90%);}.stb-side-none.stb-grey-container {background: #E3E3E3;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#ABABAB',GradientType=0 );background: -moz-linear-gradient(top,  #E3E3E3 30%, #ABABAB 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E3E3E3), color-stop(90%,#ABABAB));background: -webkit-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: -o-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: -ms-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: linear-gradient(#E3E3E3 30%, #ABABAB 90%);}.stb-grey_box {background: #E3E3E3;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#ABABAB',GradientType=0 );background: -moz-linear-gradient(top,  #E3E3E3 30%, #ABABAB 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E3E3E3), color-stop(90%,#ABABAB));background: -webkit-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: -o-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: -ms-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: linear-gradient(#E3E3E3 30%, #ABABAB 90%);color: #000000;}.stb-grey-caption_box {background: #B5B5B5;background: -moz-linear-gradient(top,  #B5B5B5 30%, #6E6E6E 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#B5B5B5), color-stop(90%,#6E6E6E));background: -webkit-linear-gradient(top,  #B5B5B5 30%,#6E6E6E 90%);background: -o-linear-gradient(top,  #B5B5B5 30%,#6E6E6E 90%);background: -ms-linear-gradient(top,  #B5B5B5 30%,#6E6E6E 90%);background: linear-gradient(#B5B5B5 30%, #6E6E6E 90%);color: #FFFFFF;}.stb-grey-body_box {background: #E3E3E3;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#ABABAB',GradientType=0 );background: -moz-linear-gradient(top,  #E3E3E3 30%, #ABABAB 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E3E3E3), color-stop(90%,#ABABAB));background: -webkit-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: -o-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: -ms-linear-gradient(top,  #E3E3E3 30%,#ABABAB 90%);background: linear-gradient(#E3E3E3 30%, #ABABAB 90%);color: #000000;}.stb-border.stb-custom-container {border: 1px none #F844EE;}.stb-side.stb-custom-container {background: #1D1A1A;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 );background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);}.stb-side-none.stb-custom-container {background: #F7CDF5;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CDF5', endColorstr='#F77DF1',GradientType=0 );background: -moz-linear-gradient(top,  #F7CDF5 30%, #F77DF1 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F7CDF5), color-stop(90%,#F77DF1));background: -webkit-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: -o-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: -ms-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: linear-gradient(#F7CDF5 30%, #F77DF1 90%);}.stb-custom_box {background: #F7CDF5;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CDF5', endColorstr='#F77DF1',GradientType=0 );background: -moz-linear-gradient(top,  #F7CDF5 30%, #F77DF1 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F7CDF5), color-stop(90%,#F77DF1));background: -webkit-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: -o-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: -ms-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: linear-gradient(#F7CDF5 30%, #F77DF1 90%);color: #000000;}.stb-custom-caption_box {background: #1D1A1A;background: -moz-linear-gradient(top,  #1D1A1A 30%, #504848 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848));background: -webkit-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -o-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: -ms-linear-gradient(top,  #1D1A1A 30%,#504848 90%);background: linear-gradient(#1D1A1A 30%, #504848 90%);color: #FFFFFF;}.stb-custom-body_box {background: #F7CDF5;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CDF5', endColorstr='#F77DF1',GradientType=0 );background: -moz-linear-gradient(top,  #F7CDF5 30%, #F77DF1 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F7CDF5), color-stop(90%,#F77DF1));background: -webkit-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: -o-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: -ms-linear-gradient(top,  #F7CDF5 30%,#F77DF1 90%);background: linear-gradient(#F7CDF5 30%, #F77DF1 90%);color: #000000;}.stb-border.stb-blue-quote-container {border: 1px none #000000;}.stb-side.stb-blue-quote-container {background: #000000;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #000000 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000000), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #000000 30%,#000000 90%);background: -o-linear-gradient(top,  #000000 30%,#000000 90%);background: -ms-linear-gradient(top,  #000000 30%,#000000 90%);background: linear-gradient(#000000 30%, #000000 90%);}.stb-side-none.stb-blue-quote-container {background: #020638;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020638', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #020638 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#020638), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #020638 30%,#000000 90%);background: -o-linear-gradient(top,  #020638 30%,#000000 90%);background: -ms-linear-gradient(top,  #020638 30%,#000000 90%);background: linear-gradient(#020638 30%, #000000 90%);}.stb-blue-quote_box {background: #020638;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020638', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #020638 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#020638), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #020638 30%,#000000 90%);background: -o-linear-gradient(top,  #020638 30%,#000000 90%);background: -ms-linear-gradient(top,  #020638 30%,#000000 90%);background: linear-gradient(#020638 30%, #000000 90%);color: #0091ff;}.stb-blue-quote-caption_box {background: #000000;background: -moz-linear-gradient(top,  #000000 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000000), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #000000 30%,#000000 90%);background: -o-linear-gradient(top,  #000000 30%,#000000 90%);background: -ms-linear-gradient(top,  #000000 30%,#000000 90%);background: linear-gradient(#000000 30%, #000000 90%);color: #ffffff;}.stb-blue-quote-body_box {background: #020638;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020638', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #020638 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#020638), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #020638 30%,#000000 90%);background: -o-linear-gradient(top,  #020638 30%,#000000 90%);background: -ms-linear-gradient(top,  #020638 30%,#000000 90%);background: linear-gradient(#020638 30%, #000000 90%);color: #0091ff;}.stb-border.stb-changelog-container {border: 1px none #000000;}.stb-side.stb-changelog-container {background: #000000;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );background: -moz-linear-gradient(top,  #000000 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000000), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #000000 30%,#000000 90%);background: -o-linear-gradient(top,  #000000 30%,#000000 90%);background: -ms-linear-gradient(top,  #000000 30%,#000000 90%);background: linear-gradient(#000000 30%, #000000 90%);}.stb-side-none.stb-changelog-container {background: #ffffff;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );background: -moz-linear-gradient(top,  #ffffff 30%, #ffffff 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(90%,#ffffff));background: -webkit-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: -o-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: -ms-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: linear-gradient(#ffffff 30%, #ffffff 90%);}.stb-changelog_box {background: #ffffff;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );background: -moz-linear-gradient(top,  #ffffff 30%, #ffffff 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(90%,#ffffff));background: -webkit-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: -o-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: -ms-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: linear-gradient(#ffffff 30%, #ffffff 90%);color: #000000;}.stb-changelog-caption_box {background: #000000;background: -moz-linear-gradient(top,  #000000 30%, #000000 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000000), color-stop(90%,#000000));background: -webkit-linear-gradient(top,  #000000 30%,#000000 90%);background: -o-linear-gradient(top,  #000000 30%,#000000 90%);background: -ms-linear-gradient(top,  #000000 30%,#000000 90%);background: linear-gradient(#000000 30%, #000000 90%);color: #FFFFFF;}.stb-changelog-body_box {background: #ffffff;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );background: -moz-linear-gradient(top,  #ffffff 30%, #ffffff 90%);background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(90%,#ffffff));background: -webkit-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: -o-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: -ms-linear-gradient(top,  #ffffff 30%,#ffffff 90%);background: linear-gradient(#ffffff 30%, #ffffff 90%);color: #000000;}</style>
{"id":5312,"date":"2015-02-16T23:08:49","date_gmt":"2015-02-17T07:08:49","guid":{"rendered":"http:\/\/amiyuy.com\/wow\/?page_id=5312"},"modified":"2017-06-21T12:24:41","modified_gmt":"2017-06-21T19:24:41","slug":"examples","status":"publish","type":"page","link":"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/examples\/","title":{"rendered":"Examples"},"content":{"rendered":"<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#Percentage_Mana_Text\">Percentage Mana Text<\/a><\/li><li><a href=\"#Action_Usable\">Action Usable<\/a><\/li><li><a href=\"#Cooldown_Progress_8211_Item_Spell\">Cooldown Progress &#8211; Item \/ Spell<\/a><\/li><li><a href=\"#Interrupt\">Interrupt<\/a><ul><li><a href=\"#With_a_Class_Spell\">With a Class Spell<\/a><\/li><li><a href=\"#All_Classes\">All Classes<\/a><\/li><\/ul><\/li><li><a href=\"#Damage_Over_Time\">Damage Over Time<\/a><\/li><li><a href=\"#Trinket_Proc\">Trinket Proc<\/a><\/li><li><a href=\"#Stance_Mage_Armor_Aspect_Aura_Buffs\">Stance \/ Mage Armor \/ Aspect \/ Aura \/ Buffs<\/a><\/li><li><a href=\"#Official_Examples\">Official Examples<\/a><\/li><\/ul><\/div>\n\n<h3><span id=\"Percentage_Mana_Text\">Percentage Mana Text<\/span><\/h3>\n<p><em>Shows remaining mana as a percentage.<\/em><\/p>\n<ul>\n<li>Open the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-interface\/#Display\">Display tab<\/a>.<\/li>\n<li>In the Text area type &#8220;%c&#8221;.<\/li>\n<li>In the new box paste the following:<\/li>\n<\/ul>\n<p style=\"padding-left: 60px;\"><code>function()<br \/>\nlocal p = (UnitPower(\"player\", 0)\/UnitPowerMax(\"player\", 0))*100<br \/>\nreturn format(\"%.0f%%\", p)<br \/>\nend<br \/>\n<\/code><\/p>\n<ul>\n<li>Click &#8220;Accept&#8221;.<\/li>\n<\/ul>\n<h3><span id=\"Action_Usable\">Action Usable<\/span><\/h3>\n<p>Useful for:<\/p>\n<ul>\n<li>Informing you when an ability is ready for use.<\/li>\n<li>Informing you when you can interrupt a spell your target is casting (See the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/examples\/#Interrupt\">Interrupt examples<\/a>).<\/li>\n<\/ul>\n<p><em>Example style: <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-types\/#Icon\">Icon<\/a>, <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-types\/#Texture\">Texture<\/a> and <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-types\/#Model\">Model<\/a> also work well for this aura type.<\/em><br \/>\n<a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-New_2014_07.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5230\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-New_2014_07.jpg\" alt=\"Aura Example-Icon-New\" width=\"819\" height=\"450\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-New_2014_07.jpg 819w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-New_2014_07-200x110.jpg 200w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-New_2014_07-600x330.jpg 600w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-New_2014_07-250x137.jpg 250w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-New_2014_07-150x82.jpg 150w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/a><\/p>\n<ul>\n<li>Choose the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-types\/\">type of aura<\/a> you want to create by clicking the corresponding area in the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/interface\/#New\">New area<\/a> of WeakAuras.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Rename_2014_08.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5231\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Rename_2014_08.jpg\" alt=\"Aura Example-Icon-Rename\" width=\"601\" height=\"255\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Rename_2014_08.jpg 601w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Rename_2014_08-200x85.jpg 200w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Rename_2014_08-600x255.jpg 600w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Rename_2014_08-250x106.jpg 250w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Rename_2014_08-150x64.jpg 150w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/a><\/p>\n<ul>\n<li>Name the aura.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Type_2014_08.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5235\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Type_2014_08.jpg\" alt=\"Aura Example-Icon-Trigger Type\" width=\"601\" height=\"504\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Type_2014_08.jpg 601w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Type_2014_08-200x168.jpg 200w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Type_2014_08-477x400.jpg 477w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Type_2014_08-179x150.jpg 179w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Type_2014_08-150x126.jpg 150w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/a><\/p>\n<ul>\n<li>Change the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-interface\/#Trigger\">Trigger<\/a> Type to &#8220;Status&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Status_2014_08.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5233\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Status_2014_08.jpg\" alt=\"Aura Example-Icon-Trigger Status\" width=\"601\" height=\"739\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Status_2014_08.jpg 601w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Status_2014_08-163x200.jpg 163w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Status_2014_08-325x400.jpg 325w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Status_2014_08-122x150.jpg 122w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/a><\/p>\n<ul>\n<li>Change the\u00a0<a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-interface\/#Trigger\">Trigger<\/a> Status to &#8220;Action Usable&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Spell_2014_08.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5232\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Spell_2014_08.jpg\" alt=\"Aura Example-Icon-Trigger Spell\" width=\"601\" height=\"427\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Spell_2014_08.jpg 601w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Spell_2014_08-200x142.jpg 200w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Spell_2014_08-563x400.jpg 563w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Spell_2014_08-211x150.jpg 211w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Trigger-Spell_2014_08-150x107.jpg 150w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/a><\/p>\n<ul>\n<li>Change the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-interface\/#Trigger\">Trigger<\/a> Spell to &#8220;Inferno Blast&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Class_2014_08.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5228\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Class_2014_08.jpg\" alt=\"Aura Example-Icon-Load Class\" width=\"601\" height=\"636\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Class_2014_08.jpg 601w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Class_2014_08-189x200.jpg 189w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Class_2014_08-378x400.jpg 378w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Class_2014_08-142x150.jpg 142w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/a><\/p>\n<ul>\n<li>In the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-interface\/#Load\">Load tab<\/a> check: &#8220;In Combat&#8221; and &#8220;Player Class&#8221;.<\/li>\n<li>Change the dropdown for Player Class to &#8220;Mage&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Spec_2014_08.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5229\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Spec_2014_08.jpg\" alt=\"Aura Example-Icon-Load Spec\" width=\"601\" height=\"636\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Spec_2014_08.jpg 601w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Spec_2014_08-189x200.jpg 189w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Spec_2014_08-378x400.jpg 378w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon-Load-Spec_2014_08-142x150.jpg 142w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/a><\/p>\n<ul>\n<li>Check &#8220;Talent Specialization&#8221; and open the dropdown and choose &#8220;Fire&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon_2014_07.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5227\" src=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon_2014_07.jpg\" alt=\"Aura Example-Icon\" width=\"196\" height=\"206\" srcset=\"http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon_2014_07.jpg 196w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon_2014_07-190x200.jpg 190w, http:\/\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Aura-Example-Icon_2014_07-143x150.jpg 143w\" sizes=\"(max-width: 196px) 100vw, 196px\" \/><\/a><\/p>\n<ul>\n<li>Edit the <a href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-interface\/#Display\">Display tab<\/a> to customize the location and style of the aura.<\/li>\n<\/ul>\n<h3><span id=\"Cooldown_Progress_8211_Item_Spell\">Cooldown Progress &#8211; Item \/ Spell<\/span><\/h3>\n<p>Example style: Progress Texture<br \/>\nTrigger &gt; Status &gt; Cooldown Progress (Item) or Cooldown Progress (Spell)<br \/>\nSpell &gt; Inferno Blast<br \/>\nLoad &gt; Player Class &gt; Mage &amp; Talent Specialization<br \/>\nDisplay &gt; Customize location and style<\/p>\n<h3><span id=\"Interrupt\">Interrupt<\/span><\/h3>\n<h4><span id=\"With_a_Class_Spell\">With a Class Spell<\/span><\/h4>\n<p>Example style: Text<br \/>\nTrigger 1 &gt; Status &gt; Action Usable<br \/>\nSpell &gt; Counter Shot<br \/>\nTrigger 2 &gt; Status &gt; Cast<br \/>\nUnit &gt; Target<br \/>\nInterruptible checked<br \/>\nAll Triggers Required For Activation<br \/>\nLoad &gt; Player Class &gt; Hunter<br \/>\nDisplay &gt; Customize location and style (INTERRUPT!)<\/p>\n<h4><span id=\"All_Classes\">All Classes<\/span><\/h4>\n<p>Example style: Text<br \/>\nTrigger 1 &gt; Status &gt; Cast<br \/>\nUnit &gt; Target<br \/>\nInterruptible checked<br \/>\nLoad &gt; Empty<br \/>\nDisplay &gt; Customize location and style (INTERRUPT!)<\/p>\n<h3><span id=\"Damage_Over_Time\">Damage Over Time<\/span><\/h3>\n<p>Example style: Progress Bar<br \/>\nTrigger &gt; Aura<br \/>\nAura Name &gt; Living Bomb<br \/>\nUnit &gt; Target<br \/>\nAura Type &gt; Debuff<br \/>\nCheck &gt; Remaining Time &gt; &lt;= 3<br \/>\nCheck &gt; Own Only<br \/>\nLoad &gt; Player Class &gt; Mage &amp; Talent Specialization<br \/>\nDisplay &gt; Customize location and style<\/p>\n<h3><span id=\"Trinket_Proc\">Trinket Proc<\/span><\/h3>\n<p>Example style: Icon<br \/>\nTrigger &gt; Aura<br \/>\nAura Name &gt; (Find name of Aura) Ticking Ebon Detonator = Restless Agility<br \/>\nUnit &gt; Player<br \/>\nAura Type &gt; Buff<br \/>\nLoad &gt; None<br \/>\nDisplay &gt; Customize location and style<\/p>\n<h3><span id=\"Stance_Mage_Armor_Aspect_Aura_Buffs\">Stance \/ Mage Armor \/ Aspect \/ Aura \/ Buffs<\/span><\/h3>\n<p>Example style: Icon<br \/>\nTrigger &gt; Aura<br \/>\nAura Name &gt; Aspect of the Iron Hawk<br \/>\nUnit &gt; Player<br \/>\nAura Type &gt; Buff<br \/>\nLoad &gt; Player Class &gt; Hunter &amp; Talent Selected<br \/>\nDisplay &gt; Customize location and style<\/p>\n<h3><span id=\"Official_Examples\">Official Examples<\/span><\/h3>\n<ul>\n<li><a href=\"https:\/\/github.com\/WeakAuras\/WeakAuras2\/wiki\/Examples\">Official Wiki: Examples<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/WeakAuras\/WeakAuras2\/wiki\/Useful-Snippets\">Official Wiki: Useful Code Snippets<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=bdyBo-PkOjg\">In-game Templates<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Percentage Mana Text Shows remaining mana as a percentage. Open the Display tab. In the Text area type &#8220;%c&#8221;. In\u2026<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/examples\/\">Continue reading<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5184,"menu_order":24,"comment_status":"closed","ping_status":"open","template":"templates\/template-twocolumns-left.php","meta":{"spay_email":"","_links_to":"","_links_to_target":""},"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":5184,"url":"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/","url_meta":{"origin":5312,"position":0},"title":"Ami Yuy's WeakAuras Wiki","date":"February 16, 2015","format":false,"excerpt":"WeakAuras is a Buff & Debuffs addon for World of Warcraft. Its main strength is displaying information related to events, buffs, or debuffs related to a character or NPC. These information displays are called \"auras\" and are visual and\/or audio indicators of something happening in the game world. Flexibility is\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/img.youtube.com\/vi\/2ZcCrYoNJkc\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5302,"url":"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/exporting\/","url_meta":{"origin":5312,"position":1},"title":"Exporting","date":"February 16, 2015","format":false,"excerpt":"Exporting a Code Snippet Open World of Warcraft and log into your character. Open WeakAuras by typing \"\/wa\" or \"\/weakauras\" in chat. Right click on the aura name. In the menu choose \"Export to string...\" In the black box, copy the code snippet using Ctrl+C. Click Done. Paste the code\u2026","rel":"","context":"Similar post","img":{"alt_text":"Export-Menu","src":"https:\/\/i2.wp.com\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Export-Menu_2014_08.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5309,"url":"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/importing\/","url_meta":{"origin":5312,"position":2},"title":"Importing","date":"February 16, 2015","format":false,"excerpt":"Importing from a Code Snippet Select the entire code snippet by double clicking on the text or using Ctrl+A. Copy the code snippet using Right-Click > Copy or Ctrl+C. Open World of Warcraft and log into your character. Open WeakAuras by typing \"\/wa\" or \"\/weakauras\" in chat. In the New\u2026","rel":"","context":"Similar post","img":{"alt_text":"Import-New","src":"https:\/\/i1.wp.com\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Import-New_2014_07.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5330,"url":"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/guides\/","url_meta":{"origin":5312,"position":3},"title":"Guides","date":"February 16, 2015","format":false,"excerpt":"Official Documentation Tutorial Examples Usage Display Types Dynamic Information Triggers and Untriggers Trigger Types and more... In Game Templates https:\/\/www.youtube.com\/watch?v=bdyBo-PkOjg Help WeakAuras Discord How to Change the Size and Positioning of a Weak Aura by Sunnier I need something that will...WeakAuras by Intellect Plate Video Guides Colin S https:\/\/www.youtube.com\/watch?v=Wzqf6WEpUU0&list=PL54E6FD82911B4F55 Noctover\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/bdyBo-PkOjg\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5287,"url":"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/aura-types\/","url_meta":{"origin":5312,"position":4},"title":"Aura Types","date":"February 16, 2015","format":false,"excerpt":"There are nine sections of the New interface: six aura types, two group types, and the Import button. Aura Types Progress Texture A progress texture is a graphic that changes over the duration of the aura. The graphic itself is animated and does not require animations. One graphic can be\u2026","rel":"","context":"Similar post","img":{"alt_text":"2014_06_WeakAuras_New.jpg","src":"https:\/\/i1.wp.com\/amiyuy.com\/wow\/wp-content\/uploads\/2014_06_WeakAuras_New.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5295,"url":"http:\/\/amiyuy.com\/wow\/weakauras-wiki\/creating\/","url_meta":{"origin":5312,"position":5},"title":"Creating","date":"February 16, 2015","format":false,"excerpt":"Open WeakAuras by typing \"\/wa\" or \"\/weakauras\" in chat. Choose the type of aura you want to create by clicking the corresponding area in the New area of WeakAuras. Name the aura. Edit the Trigger to create the type of aura you want (Also: Offical Wiki's descriptions). Choose the appropriate\u2026","rel":"","context":"Similar post","img":{"alt_text":"Interface-New","src":"https:\/\/i2.wp.com\/amiyuy.com\/wow\/wp-content\/uploads\/2015\/02\/WeakAuras_Interface-New_2014_07.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/P4sZVP-1nG","_links":{"self":[{"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/pages\/5312"}],"collection":[{"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/comments?post=5312"}],"version-history":[{"count":22,"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/pages\/5312\/revisions"}],"predecessor-version":[{"id":5931,"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/pages\/5312\/revisions\/5931"}],"up":[{"embeddable":true,"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/pages\/5184"}],"wp:attachment":[{"href":"http:\/\/amiyuy.com\/wow\/wp-json\/wp\/v2\/media?parent=5312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}