/*.baronsbutton {background: #1b1b1b; border:1px solid #1b1b1b; color: #ffffff; font-size: .92em; font-weight: 400; padding: 14px 20px; width: inherit; border-radius: 0px; white-space: pre-wrap; line-height:1em; display:inline-block; text-transform: uppercase; box-sizing: border-box; transition: all 0.3s; text-decoration: none;}*/ /*#barons #guilddisplay.gametool {display:none;}*/ #guildpage {background: #000000; overflow: hidden; padding: 0; width: 100%; min-height: 50px;position: relative; z-index: 100; color: #242424;} #guildpage .closeguild {background: red; color: #ffffff; cursor: pointer; position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; border-radius: 5px; display: flex; justify-content: space-around; align-items: center; font-size: 12px; transition: all 0.3s; opacity: .6; z-index: 300;} #guildpage .closeguild:hover {opacity: 1;} #guildpage ::-webkit-scrollbar { /* 1 */ } #guildpage ::-webkit-scrollbar-button { /* 2 */ } #guildpage ::-webkit-scrollbar-track { /* 3 */ } #guildpage ::-webkit-scrollbar-track-piece { /* 4 */ } #guildpage ::-webkit-scrollbar-thumb { /* 5 */ } #guildpage ::-webkit-scrollbar-corner { /* 6 */ } #guildpage ::-webkit-resizer { /* 7 */ } #guildpage ::-webkit-scrollbar {width: 6px; background: rgba(0,0,0,0);} #guildpage ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);} #guildpage ::-webkit-scrollbar-thumb {border-radius: 2px; -webkit-box-shadow: inset 0 0 2px #1c1c1c; background: #8899a8; } #guildpage .displaynone {display: none; } #guildpage .hidden {display: none !important; } #guildpage #allfilteritems.ce{ position: absolute; top: 100px; left: 0; transition: all .5s; background: rgba(0,0,0,.7); transform: translateX(-100%); z-index: 199; z-index: 4900; } #guildpage #allfilteritems.ce.show {transform: translateX(0);} #guildpage #allfilteritems.ce{background: rgba(0,0,0,.75); padding: 20px 20px 0 20px; box-sizing: border-box; min-height: 50vh } #guildpage #allfilteritems.ce.filteritem {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;} #guildpage #allfilteritems.ce.filteritem.nodisplay {transform: scale(0.0);} #guildpage #allfilteritems.ce.filteritem.absolute {opacity: 0; width: 0px; margin: 0; font-size: 0; line-height: 0; display: none;} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.nodisplay {opacity: 0;} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.nodisplay:hover {opacity: 1;} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked {background: transparent;width: initial; height: initial; display: inline-block; top: 0px; right: 5px; left: initial; font-size: 20px; box-sizing: border-box; padding: 0; overflow: visible; cursor: pointer;} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked .imagewrapper {-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.75)); -moz-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.75)); -ms-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.75)); -o-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.75)); transition: all 0.3s;} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked .imagewrapper img.banner {transition: all 0.3s; -webkit-mask: url("../img/stacked-mask.png"); mask: url("../img/stacked-mask.png"); -webkit-mask-box-image: url("../img/stacked-mask.png"); -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: cover; mask-size: cover;} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked:hover .imagewrapper {-webkit-filter: drop-shadow(0px 5px 5px rgba(255,255,255,.9)); -moz-filter: drop-shadow(0px 5px 5px rgba(255,255,255,.9)); -ms-filter: drop-shadow(0px 5px 5px rgba(255,255,255,.9)); -o-filter: drop-shadow(0px 5px 5px rgba(255,255,255,.9));} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked:hover .imagewrapper img.banner {filter: contrast(0) brightness(0); } #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked .centerbox {position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;padding: 0 0 15px; box-sizing: border-box;} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked .centerbox .pop {display: none; } #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked:hover .centerbox .textwrap {display: none; } #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked:hover .centerbox .pop {display: inline-block; } #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked:hover .pop {-webkit-filter: drop-shadow(0px 0px 2px rgba(255,255,255,.9)); -moz-filter: drop-shadow(0px 0px 2px rgba(255,255,255,.9)); -ms-filter: drop-shadow(0px 0px 2px rgba(255,255,255,.9)); -o-filter: drop-shadow(0px 0px 2px rgba(255,255,255,.9));} #guildpage #allfilteritems.ce.filteritem .itembox .overlay.stacked .pop img {position: relative; right: -4px;} #guildpage #allfilteritems.ce.itembox.flashlight {box-shadow: 0 0 40px gold;outline: 4px solid white; } #guildpage #allfilteritems.ce.itembox.white.flashlight {box-shadow: 0 0 40px gold;outline: 4px solid limegreen; } #guildpage #allfilteritems.ce.itembox.gray.flashlight {box-shadow: 0 0 40px gold;outline: 4px solid limegreen; } #guildpage #allfilteritems.ce.itembox.filterhide {display: none;} #guildpage #allfilteritems.ce.itembox.attackfilterhide {display: none;} #guildpage .itemgroup {margin: 10px 10px; width: 100%; order: 2;} #guildpage .itemgroup .titletab {color: #0c0c0c; font-weight: 600; background-color: #ffffff; border: 1px solid transparent; border-color: #323232; border-top-left-radius: .25rem; border-top-right-radius: .25rem; padding: 4px 15px; box-sizing: border-box; cursor: pointer; max-width: 320px; margin: 0 50px -1px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} #guildpage .itemgroup .titletab.bottomborder {border-color: #323232;} #guildpage .itemgroup .titletab .playername { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} #guildpage .itemgroup .count {display: inline-block; margin: 0 5px; padding: 0px 7px 1px; background: #ffffff; color: #383d41; border: 1px solid #d6d8db; border-radius: 10px; font-size: .8em;} #guildpage .itemgroup .decwrap {position: relative; top: -2px;} #guildpage .itemgroup .decwrap img {position: absolute; left: 5px;} #guildpage .itemgroup .decvalue {display: inline-block; margin: 0 5px; padding: 0px 7px 1px 27px; background: #ffffff; color: #383d41; border: 1px solid #d6d8db; border-radius: 10px; font-size: .8em;} #guildpage .itemgroup .titletab i.las {display: inline-block; width: 32px; height: 32px; font-size: 32px; margin-right: -10px;} #guildpage .itemgroup .cardwrap {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; border: 1px solid #323232; padding: 10px; box-sizing: border-box; z-index: 1; position: relative; border-radius: .25rem; transition: all 0.3s;} #guildpage .itemgroup .cardwrap .stackwrap {background: rgba(200,200,100,.6) ;display: inline-block; padding: 3px; margin: 4px; border: 1px dashed #e2e2e2; border-radius: 3px; min-width: 9px; min-height: 40px; box-sizing: border-box;} #guildpage .itemgroup.collapsed {margin: 2px; order: 1; display: inline-block; width: initial;} #guildpage .itemgroup.collapsed .titletab {margin: 0; max-width: initial;} #guildpage .itemgroup.collapsed .titletab .playername {font-size: 14px; margin-right: 6px;} #guildpage .itemgroup.collapsed .titletab i {width: 24px; height: 24px; font-size: 24px;} #guildpage .itemgroup.collapsed .decwrap {position: relative; top: -1px;} #guildpage .itemgroup.collapsed .decwrap img {position: absolute; left: 6px; max-height: 20px; width: auto;} #guildpage .itemgroup.collapsed .decwrap .decvalue {padding-left: 22px;} #guildpage .itemgroup.collapsed .cardwrap {padding-top: 0; padding-bottom: 0; height: 0; width: 0; overflow:hidden; border-color: transparent; } #guildpage .itemgroup .titletab.splintername {color: #664d03;background:#fff3cd; } #guildpage .itemgroup .titletab {color: #004085;background:#cce5ff; } #guildpage .groupfilter {background: #404040;width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; border-bottom: 1px solid #8b8b8b; padding: 10px 2% 0; box-sizing: border-box; z-index: 1; position: sticky; top: 54px; z-index: 500;} #guildpage .groupfilter .titletab {color: #0c0c0c; font-weight: 600;min-height: 40px; border: 1px solid #8b8b8b; border-bottom: none; border-color: #8b8b8b; border-top-left-radius: .25rem; border-top-right-radius: .25rem; padding: 4px 15px; box-sizing: border-box; width: calc((100% / 7) - 20px); margin: 0 20px 0 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; box-sizing: border-box;} #guildpage .groupfilter .titletab i {margin: 0 5px; cursor: pointer;} #guildpage .groupfilter .titletab.hidegroup {border-color: #303030;} #guildpage .groupfilter .titletab .playername {font-size: .85em; line-height: 1.3em; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-right: auto;} #guildpage .groupfilter .count {display: inline-block; margin: 0 0px 0 5px; padding: 0px 7px 1px; background: #ffffff; color: #383d41; border: 1px solid #d6d8db; border-radius: 10px; font-size: .8em;} #guildpage .groupfilter .count.gold {background: #ffba00; color: #000000; border: 1px solid #ffba00; } #guildpage .itemgroup.collapsed .titletab {color: #383d41;background:#e2e3e5;} /* GUILDS */ #guildpage .guildrow { background: rgba(255,255,255,.9); display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;padding: 10px 10px 10px; box-sizing: border-box; transition: all 0.3s; margin: 20px auto 20px; max-width: 1400px; border-radius: 10px;} /*#guildpage .guildrow:nth-child(1) {margin-top: 20px; border-radius: 0 10px 0 0;}*/ /*#guildpage .guildrow:hover {cursor: pointer; background-color: #ffffff;}*/ #guildpage .guildrow .leftside {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: calc(100% - 30px - 600px);} #guildpage .guildrow .box1 {display: flex; justify-content: space-around; align-items: center; width: 100%; margin-right: 10px;} #guildpage .guildrow .box1 .centerwrap {display: flex; justify-content: flex-start; align-items: center; } #guildpage .guildrow .bannerwrap {position: relative; margin-right: 10px; display: flex; justify-content: flex-start; align-items: center;} #guildpage .guildrow .bannerwrap .imagewrapper {display: inline-block; position: relative;} #guildpage .guildrow .bannerwrap .overlay {position: absolute; width: 100%; top: 0; left: 0; display: flex; justify-content: space-around; align-items: center;} #guildpage .guildrow .bannerwrap .overlay img {margin-top: 5px;} #guildpage .guildrow .textwrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: -5px;} #guildpage .guildrow .textwrap .gname {color: #1b1b1b; display: block; font-size: 22px; text-transform: uppercase; font-weight: 700; text-shadow: 3px 3px 6px rgba(0,0,0,.5); box-sizing: border-box; } #guildpage .guildrow .textwrap .motto {color: #717171; font-size: .85em; font-style: italic; } #guildpage .guildrow .textwrap .grank {color: #cc0000; display: block; font-size: 18px; text-transform: uppercase; font-weight: 700;box-sizing: border-box; } #guildpage .guildrow .textwrap .grank label {color: #1b1b1b; font-size: 16px; text-transform: none; font-weight: 400;} #guildpage .guildrow .textwrap .gcrowns .iconrow {color: #e74d00;display: flex; justify-content: flex-start; align-items: center; font-size: 18px; text-transform: uppercase; font-weight: 700; margin-top: -8px;} #guildpage .guildrow .textwrap .gcrowns .iconbox {display: inline-block; margin-right: 5px;} #guildpage .guildrow .textwrap .gcrowns .total {display: inline-block; margin-bottom: -5px;} #guildpage .guildrow .box2 {width: 100%;} #guildpage .guildrow .box2 .itemswrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; box-sizing: border-box;} #guildpage .guildrow .box2 .itemswrap .gitembox {width: calc(20% - 12px); border: 1px solid #000000; background: #00171b; box-sizing: border-box; border-radius: 7px; margin: 5px; display: block; justify-content: space-around; overflow: hidden;} #guildpage .guildrow .box2 .itemswrap .countwrap.title {display: flex; width: 100%; justify-content: space-around; padding: 5px 5px 0 5px; box-sizing: border-box;} #guildpage .guildrow .box2 .itemswrap .countwrap.title .name {white-space: nowrap;display: inline-block; margin: 0 0 5px; padding: 0px 7px 1px; background: #d37213; color: #ffffff; border: 1px solid #000000; border-radius: 10px; font-size: .8em;} #guildpage .guildrow .box2 .itemswrap .imagewrapper {padding: 5px 5px 10px; display: block; margin: 0 auto; width: 50px;} #guildpage .guildrow .box2 .itemswrap .imagewrapper.guild {width: unset; position: relative; margin: 0 auto;} #guildpage .guildrow .box2 .itemswrap .imagewrapper.guild img {margin: 0 auto; display: block;} #guildpage .guildrow .box2 .itemswrap .imagewrapper.guild .countwrap {display: inline-block; position: absolute; top: 5px; right: 10px;width: unset; transform: rotate(45deg);width: 22px; height: 22px;background: #ffffff; color: #085089; border: 1px solid #000000;} #guildpage .guildrow .box2 .itemswrap .imagewrapper.guild .countwrap .count {background: transparent; border-radius: 0px; font-size: .9em; line-height: 1.3em; display: flex; justify-content: space-around; align-items: center; padding: 0; margin: 0; font-weight: 700; transform: rotate(-45deg); border: 0px;color: #085089; } #guildpage .guildrow .box2 .itemswrap .gitembox {cursor: pointer; transition: all 0.3s;} #guildpage .guildrow .box2 .itemswrap .gitembox:hover {cursor: pointer; background-color: #4a2169;} #guildpage .guildrow .box2 .itemswrap .gitembox .xpbarwrap {display: block; width: calc(100% - 10px); margin: 3px 5px; position: relative; overflow: hidden; box-sizing: border-box;} #guildpage .guildrow .box2 .itemswrap .gitembox .xpbarwrap .xpbar {width: 100%; height: 8px; background: #1b1b1b; border: 1px solid #404040; box-sizing:border-box; border-radius: 4px;} #guildpage .guildrow .box2 .itemswrap .gitembox .xpbarwrap .xpfill {width: calc(100% - 2px); height: calc(8px - 2px); border-radius: 3px; position: absolute; top: 1px; left: 1px; background: #e59f2d; /* Old browsers */ background: -moz-linear-gradient(left, #e59f2d 0%, #f2ff00 91%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e59f2d 0%,#f2ff00 91%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e59f2d 0%,#f2ff00 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f2d', endColorstr='#f2ff00',GradientType=1 ); /* IE6-9 */ } /* GUILD MEMBERS */ #guildpage #allMembersWrap {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;} #guildpage .guildmemberrow {width: 19%; margin: 0 1.25% 1.25% 0; min-height: 100px; padding: 7px 7px; box-sizing: border-box; border: 1px solid #276163; border-radius: 5px; background: #010202; background: -moz-linear-gradient(top, #010202 0%, #112d2f 20%, #276163 55%, #398c90 100%); background: -webkit-linear-gradient(top, #010202 0%,#112d2f 20%,#276163 55%,#398c90 100%); background: linear-gradient(to bottom, #010202 0%,#112d2f 20%,#276163 55%,#398c90 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010202', endColorstr='#398c90',GradientType=0 ); } #guildpage .guildmemberrow:nth-child(5n+5) {margin-right: 0;} #guildpage .guildmemberrow .box1 {background: rgba(255,255,255,.9); display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-bottom: 15px; box-sizing: border-box; padding: 10px 10px 15px; border: 1px solid #000000; border-radius: 5px; position: relative;} #guildpage .guildmemberrow .namewrap {position: relative; display: flex; justify-content: flex-start; align-items: center;} #guildpage .guildmemberrow .namewrap .imagewrapper {display: inline-block; position: relative;} #guildpage .guildmemberrow .namewrap .overlay {position: absolute; width: 100%; top: 0; left: 0; display: flex; justify-content: space-around; align-items: center;} #guildpage .guildmemberrow .namewrap .overlay img {margin-top: 10px;} #guildpage .guildmemberrow .textwrap {display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; width: 100%;} #guildpage .guildmemberrow .textwrap .gname {color: #1b1b1b; display: block; font-size: 22px; text-transform: uppercase; font-weight: 700; text-shadow: 3px 3px 6px rgba(0,0,0,.5); box-sizing: border-box; text-align: center; } /*.guildmemberrow .textwrap .motto {color: #717171; font-size: .85em; font-style: italic; }*/ #guildpage .guildmemberrow .textwrap .grank {color: #cc0000; display: block; font-size: 18px; text-transform: uppercase; font-weight: 700;box-sizing: border-box; text-align: center;} #guildpage .guildmemberrow .textwrap .grank label {color: #1b1b1b; font-size: 16px; text-transform: none; font-weight: 400;} #guildpage .guildmemberrow .joindate {position: absolute; top: 5px; right: 5px; background: #fff3cd; color: #856404; border: 1px solid #dda911; border-radius: 10px; font-size: 12px; padding: 2px 10px 0; font-weight: 600;} #guildpage .guildmemberrow .gotocards {position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; } #guildpage .guildmemberrow .gotocards img {transition: all 0.3s;} #guildpage .guildmemberrow .gotocards a {background: transparent; border: 1px solid #5296e0; ;width: 40px; height: 40px; display: flex; justify-content: space-around; align-items: center; border-radius: 50%; transition: all 0.3s;} #guildpage .guildmemberrow .gotocards a:hover {background-color: #ffffff;} #guildpage .guildmemberrow .gotocards a:hover img {transform: scale3d(1.2, 1.2, 1.0);} #guildpage .guildmemberrow .box2 {background: rgba(255,255,255,.9); min-height: 200px; width: 100%; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 10px 10px 15px; border: 1px solid #000000; border-radius: 5px; overflow: hidden;} #guildpage .guildmemberrow .statsbox {width: 100%; display: block;} /*#guildpage .guildmemberrow .statsbox .leftside {width: 90px; display: flex; justify-content: space-around; align-items: center;} #guildpage .guildmemberrow .statsbox .rightside {width: calc(100% - 90px);}*/ #guildpage .guildmemberrow .statrow {display: flex; justify-content: space-between; align-items: center; width: 100%;margin:5px 0;padding: 5px 0; border-bottom: 1px solid #c2c2c2;} #guildpage .guildmemberrow .leftside {color: #242424;display: inline-block; width: 59%; font-size: 11px; font-weight: 700; line-height: 1.2em;} #guildpage .guildmemberrow .rightside {display: inline-block; width: 40%; } #guildpage .guildmemberrow .statsbox .statrow.titlebar {box-sizing: border-box;width: 100%; padding: 5px 10px; text-align: center; color: #ffffff; Font-weight: 700; line-height: 1; margin-bottom: 4px; background: transparent linear-gradient(90deg, #00414A 0%, #000D0F 100%) 0% 0% no-repeat padding-box; border-radius: 5px 5px 0 0; text-align: center;} #guildpage .guildmemberrow .statsbox .statrow.titlebar .balances {width: 100%; text-align: center;} #guildpage .guildmemberrow .statsbox .statrow.balances {display: flex; justify-content:space-between; align-items: center;} #guildpage .guildmemberrow .statsbox .statrow.balances .statbox {width: 50%; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center;} #guildpage .guildmemberrow .statsbox .statrow.balances .statbox .decwrap { box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center; padding-right: 0; margin-right: 10px;} #guildpage .guildmemberrow .statsbox .statrow.balances .statbox .decwrap img {display: inline-block; order: 10; max-height: 20px; width: auto; right: initial; top: initial; position: relative;} #guildpage .guildmemberrow .statsbox .statrow.balances .statbox .decwrap .decvalue {display: inline-block; order: 1; margin-right: 10px; font-size: 12px; font-weight: 600; } #guildpage .guildmemberrow .statsbox .statrow.balances .statbox .decwrap .decvalue.good {color: green;} #guildpage .guildmemberrow .statsbox .statrow.balances .statbox .decwrap .decvalue.bad {color: red;} #guildpage .guildmemberrow .statsbox .decwrap {position: relative; margin-bottom: 4px; padding-right: 30px;} #guildpage .guildmemberrow .statsbox .decwrap img {position: absolute; right: 10px; top: 3px;} #guildpage .guildmemberrow .statsbox .decwrap i {position: absolute; left: 12px; top: 0px; font-size: 30px; color: #471671} #guildpage .guildmemberrow .statsbox .stat .decvalue {display: inline-block; margin: -2px 0 0 10px; padding: 0px 7px 1px 27px; color: #ffffff; font-size: 12px; font-weight: 600; width: calc(100% - 10px); box-sizing: border-box; text-align: right; color: #1b1b1b;} #guildpage .guildmemberrow .statsbox .stat .decvalue.good {color: green;} #guildpage .guildmemberrow .statsbox .stat .decvalue.bad {color: red; } #guildpage .guildmemberrow .statsbox .decwrap i.good {color: #dddddd; text-shadow: 0 0 4px #000000} #guildpage .guildmemberrow .statsbox .decwrap i.bad {color: #dddddd; text-shadow: 0 0 4px #000000} /*#guildpage .guildmemberrow .statsbox .stat.totaldec .decwrap img {top: 0; left: 14px;} */ #guildpage .guildmemberrow .statsbox.dec {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #1b1b1b} #guildpage .guildmemberrow .rightside img {max-height: 20px; width: auto;} #guildpage .guildmemberrow .statsbox.battles .draw .decwrap img {top: 0; left: 12px;} #guildpage .guildmemberrow .statsbox.battles .winrate .decwrap img {top: -1px;} #guildpage .guildmemberrow .statsbox.battles .lastfight .decwrap img {top: 0;} #guildpage .guildmemberrow .box3 {width: calc(100% + 30px); height: 60px; border: 1px solid #000000; background: #ffffff; padding: 5px 10px 10px 10px; margin: 10px -11px -18px -11px; border-radius: 5px;box-sizing: border-box;} #guildpage .guildmemberrow .box3 .content {font-size: 12px; font-weight: 600; } #guildpage .guildmemberrow .box3 .content span {color: #c63030; font-weight: 700; font-size: 1.1em; } /* new shit */ #guildpage .guildmemberrow .box2 .ratewrap { border-bottom: 1px solid rgb(194, 194, 194); width: calc(100% + 20px); margin: -10px -10px 3px -10px; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;} #guildpage .guildmemberrow .box2 .ratewrap .itembox {display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;} #guildpage .guildmemberrow .box2 .countwrap.title .name {font-size: 12px; font-weight: 600; display: inline-block; padding: 0px; background: transparent; color: #ffffff; border: none; } #guildpage .guildmemberrow .box2 .countwrap {display: flex; width: 100%; justify-content: space-around; padding: 0 5px; box-sizing: border-box;} #guildpage .guildmemberrow .box2 .count {display: inline-block; margin: 0 0 5px; padding: 0px 7px 1px; background: #085089; color: #ffffff; border: 1px solid #000000; border-radius: 10px; font-size: .8em; text-transform: capitalize;} #guildpage .guildmemberrow .box2 .staked .count {background: #cb7000; color: #ffffff;} #guildpage .guildmemberrow .box2 .itembox.league .imagewrapper {width: 100% ;margin: 0px 0; box-sizing: border-box; display: flex; justify-content: space-around; align-items: center;} #guildpage .guildmemberrow .box2 .itembox.league .imagewrapper img {max-width: 40px; height: auto;} #guildpage .guildmemberrow .box2 .itembox.league .countwrap {max-width: 50%;} #guildpage .guildmemberrow .box2 .itembox.league.wild { width: 50%; box-sizing: border-box; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } #guildpage .guildmemberrow .box2 .itembox.league.modern { width: 50%; box-sizing: border-box; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;} #guildpage .guildmemberrow .box2 .itembox.league.wild .countwrap.title {background: #3b2651; background: linear-gradient(45deg, #9263d3 36%,#3b2651 100%); display: flex; padding: 0; margin:0; width: 100%; max-width: 100%; height: 22px; justify-content: space-around; align-items: center; box-sizing: border-box; line-height: 0;} #guildpage .guildmemberrow .box2 .itembox.league.modern .countwrap.title {background: #203e70; background: linear-gradient(45deg, #4286e5 36%,#203e70 100%); display: flex; padding: 0; margin:0; width: 100%; max-width: 100%; height: 22px; justify-content: space-around; align-items: center; box-sizing: border-box; line-height: 0;} #guildpage .guildmemberrow .box2 .itembox.league.wild .imagewrapper {border-right: 1px solid rgb(194, 194, 194);} #guildpage .guildmemberrow .box2 .itembox.league.wild .countwrap.three {border-right: 1px solid rgb(194, 194, 194);} #guildpage .guildmemberrow .box2 .itembox.league.wild .countwrap.title {border-right: 0px;} #guildpage .guildmemberrow .box2 .itembox.wild .count { background: transparent; color: #1b1b1b; border-radius: 0; border: 0px;} #guildpage .guildmemberrow .box2 .itembox.modern .count { background: transparent; color: #1b1b1b; border-radius: 0; border: 0px;} #guildpage .guildmemberrow .box2 .itembox .count.one {font-size: 12px; font-weight: 600; display: inline-block; margin: 2px 0 2px; padding: 0px; background: transparent; color: #01394c; border: none; } #guildpage .guildmemberrow .box2 .itembox .count.two {font-size: 16px; padding: 2px 18px 0; font-weight: 600; line-height: 1em;} #guildpage .guildmemberrow .box2 .statsbox.brawls {display: flex; flex-direction: column;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .col {display: inline-block; text-align: center; width: 19%; overflow: hidden; font-size: 12px;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .cycle.col {display: flex; justify-content: flex-start; align-items: center;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .cycle.col .iconwrapper {position: relative;width: 19px; height: 19px; display: flex; justify-content: space-around; align-items: center;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .cycle.col .iconwrapper .icon {filter: brightness(0) saturate(100%) invert(64%) sepia(69%) saturate(877%) hue-rotate(358deg) brightness(101%) contrast(108%);} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .cycle.col .iconwrapper .tier {color: #000000; font-weight: 700; position: absolute; top: 2px; left: 0; width:100%; height: 100%; display: flex; justify-content: space-around; align-items: center; text-align: center; font-size: 12px; padding-top: 0px; box-sizing: border-box;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .cycle.col .text {display: inline-block;margin-left: 3px; padding-top: 3px; box-sizing: border-box;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .fray.col {display: flex; justify-content: flex-start; align-items: center; width: 80px;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .fray.col .text {display: inline-block;margin-right: 3px; padding-top: 3px; box-sizing: border-box;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .fray.col .iconwrapper .icon {display: inline-block;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .fray.col .iconwrapper .icon.svg {filter: invert(17%) sepia(78%) saturate(541%) hue-rotate(149deg) brightness(46%) contrast(103%);} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .wins.col {width: 20px; background: rgba(212,237,218,.9); display: flex; justify-content: space-around; align-items: center;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .losses.col {width: 20px; background: rgba(248,215,218,.9); display: flex; justify-content: space-around; align-items: center;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow .draws.col {width: 20px; background: rgba(255,243,205,.9); display: flex; justify-content: space-around; align-items: center;} #guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow.title .col {font-weight: 700; margin-bottom: 2px;} /*#guildpage .guildmemberrow .box2 .statsbox.brawls .statsrow:nth-of-type(even) {background: #e2e2e2;}*/ #guildpage .guildmemberrow .box2 .overalavg {font-size: 14px;margin-top: 3px; font-weight: 600;} #guildpage .guildmemberrow .box2 .brawltitle {width: 100%; padding: 5px 10px; text-align: center; color: #ffffff; Font-weight: 700; line-height: 1; margin-bottom: 4px; background: transparent linear-gradient(90deg, #00414A 0%, #000D0F 100%) 0% 0% no-repeat padding-box; border-radius: 5px 5px 0 0;} /* GUILD Rewards */ #guildpage .guildrewards {width: 600px; height: 260px; overflow-y: scroll; overflow-x: hidden; display: inline-block;} #guildpage .guildrewards .centerbox .overalavg {font-size: 14px;margin-top: 3px; font-weight: 600;} #guildpage .guildrewards .centerbox .rewardstitle {width: 100%; padding: 5px 10px; text-align: center; color: #ffffff; Font-weight: 700; line-height: 1; margin-bottom: 4px; background: transparent linear-gradient(90deg, #00414A 0%, #000D0F 100%) 0% 0% no-repeat padding-box; border-radius: 5px 5px 0 0; position: sticky; top: 0; z-index: 200;} #guildpage .guildrewards .centerbox .statsbox.guild {display: flex; flex-direction: column;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; z-index: 1; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .col {display: inline-block; text-align: center; width: 19%; overflow: hidden; font-size: 12px; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .cycle.col {display: flex; justify-content: flex-start; align-items: center; z-index: 1; position: relative;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .cycle.col .iconwrapper {position: relative; width: 19px; height: 19px; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .cycle.col .iconwrapper .icon {filter: brightness(0) saturate(100%) invert(64%) sepia(69%) saturate(877%) hue-rotate(358deg) brightness(101%) contrast(108%); box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .cycle.col .iconwrapper .tier {color: #000000; font-weight: 700; position: absolute; top: 2px; left: 0; width:100%; height: 100%; display: flex; justify-content: space-around; align-items: center; text-align: center; font-size: 12px; padding-top: 0px; box-sizing: border-box; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .cycle.col .text {display: inline-block;margin-left: 3px; padding-top: 3px; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .rank.col {width: 40px; margin-right: 5px; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .cycle.col {width: 60px; margin-right: 5px; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .spot.col {width: 60px; background: rgba(160,214,225,1); display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .wins.col {width: 30px; background: rgba(212,237,218,1); display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .losses.col {width: 30px; background: rgba(248,215,218,1); display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .draws.col {width: 30px; background: rgba(255,243,205,.9); display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .crown.col, #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .sps.col, #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .merits.col {display: flex; justify-content: space-around; align-items: center;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow .centerwrap {display: flex; justify-content: flex-start; align-items: center;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow.title { position: sticky; top: 26px; background: #e6e6e6; padding-top: 4px; z-index: 200;} #guildpage .guildrewards .centerbox .statsbox.guild .statsrow.title .col {font-weight: 700; margin-bottom: 2px; justify-content: space-around !important; background: #e6e6e6;} @media only screen and (min-width: 1921px) { } @media only screen and (max-width: 1650px) { #guildpage #allfilteritems.ce.filteritem .itembox {width: 11.1%} #guildpage .guildmemberrow:nth-child(5n+5) {margin-right: 1.33%;} #guildpage .guildmemberrow {width: 24%; margin: 0 1.33% 1.33% 0;} #guildpage .guildmemberrow:nth-child(4n+4) {margin-right: 0;} } @media only screen and (max-width: 1500px) { #guildpage #allfilteritems.ce.filteritem .itembox {width: 12.5%} } @media only screen and (max-width: 1350px) { #guildpage #allfilteritems.ce.filteritem .itembox {width: 14.28%} #guildpage .guildmemberrow:nth-child(5n+5) {margin-right: 2%;} #guildpage .guildmemberrow:nth-child(4n+4) {margin-right: 2%;} #guildpage .guildmemberrow {width: 32%; margin: 0 2% 2% 0;} #guildpage .guildmemberrow:nth-child(3n+3) {margin-right: 0;} } @media only screen and (max-width: 1200px) { #guildpage #allfilteritems.ce.filteritem .itembox {width: 16.6%} } @media only screen and (max-width: 1000px) { #guildpage #allfilteritems.ce.filteritem .itembox {width: 20%} #guildpage .guildmemberrow:nth-child(5n+5) {margin-right: 2%;} #guildpage .guildmemberrow:nth-child(4n+4) {margin-right: 2%;} #guildpage .guildmemberrow:nth-child(3n+3) {margin-right: 2%;} #guildpage .guildmemberrow {width: 49%; margin: 0 2% 2% 0;} #guildpage .guildmemberrow:nth-child(2n+2) {margin-right: 0;} } @media only screen and (max-width: 700px) { }