/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; //font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family: arial; } body { line-height: 1; height:100%; width:100%; font-size: 12px; //overflow: hidden; } html{ height:100%; width:100%; } h1{ font-size: 14px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } *{ //font-size: 10px; } a{ color: darkblue; text-decoration: none; } input { vertical-align:middle; } body { //zoom: 1.25; -moz-transform: scale(1.25); -moz-transform-origin: 0 0 } // Single Elements .dark_slate_bk{ background: url(img/layout/14.jpg) repeat center top; } .leftSlideInput{ border-style: solid; border-width: 10px 4px 15px 12px; -moz-border-image: url(img/layout/sliderLeft.png) 10 4 15 12 repeat; -webkit-border-image: url(img/layout/sliderLeft.png) 10 4 15 12 repeat; -o-border-image: url(img/layout/sliderLeft.png) 10 4 15 12 repeat; border-image: url(img/layout/sliderLeft.png) 10 4 15 12 fill repeat; padding:0; position: relative; z-index: 99999; margin: 0; cursor: pointer; display:inline-block; text-align: center; vertical-align:top; input{ background:none; border:none; position: relative; top: 6px; //width: 100%; left: 0; padding:0; //text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); //color: #333; margin:-12px 0; display:block; text-align: center; } } .rightSlideInput{ border-style: solid; border-width: 10px 13px 15px 5px; -moz-border-image: url(img/layout/sliderRight.png) 10 13 15 5 repeat; -webkit-border-image: url(img/layout/sliderRight.png) 10 13 15 5 repeat; -o-border-image: url(img/layout/sliderRight.png) 10 13 15 5 repeat; border-image: url(img/layout/sliderRight.png) 10 13 15 5 fill repeat; padding:0; position: relative; z-index: 99999; margin:0; cursor: pointer; display:inline-block; text-align: center; vertical-align:top; input{ background:none; border:none; position: relative; top: 6px; //width: 100%; left: 0; padding:0; //text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); //color: #333; margin:-12px 0; display:block; text-align: center; } } .BStitle{ margin: 6px auto 10px; text-align: center; .gold_border_filled; display: inline-block; font-size: 12px; padding: 2px 11px; } [data-tooltip]{ position: relative; } [data-tooltip]:hover:before{ content: attr(data-tooltip); position: absolute; //white-space: nowrap; color: #ccc; background: rgba(0, 0, 0, 0.65); //height: 30px; line-height: 16px; text-align: center; //visibility: hidden; border-radius: 3px; bottom: -23px; left: 0; z-index: 9999999; padding: 0px 4px; border: 1px solid gold; box-shadow: 0 3px 2px rgba(0,0,0,.5); text-shadow: 0 1px 1px black; } [data-tooltip]:hover:after{ content: ""; position: absolute; border-bottom: 5px solid gold; border-right: 5px solid transparent; border-left: 5px solid transparent; width: 0; height: 0; bottom: -5px; left: 50%; z-index: 9999999; } .BSslider{ position: relative; width: 90px; height: 25px; //height: 13px; background: url(img/layout/slideMID.png) top repeat-x; z-index: 9999; .handle{ background: url(img/layout/slideHandle.png) no-repeat; position: absolute; left: 0px; top: 0px; width: 32px; height: 13px; z-index: 99999999; cursor: pointer; margin:4px 0 0 0; } } .text_shadow{ text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); } .BSinput{ width: 30px; text-align: right; margin: 1px 5px 1px 3px; background: black; color: white; border: 1px solid #555; } // Blocks .small_chain{ height: 6px; width: 158px; background: url("img/layout/chains_small.png"); margin: 0 auto; } .parchment{ border-width: 11px 20px 21px 22px; border-style: solid; -moz-border-image: url(img/layout/parchment.png) 15 20 21 22 round; -webkit-border-image: url(img/layout/parchment.png) 15 20 21 22 round; -o-border-image: url(img/layout/parchment.png) 15 20 21 22 round; border-image: url(img/layout/parchment.png) 15 20 21 22 fill round; color: black; font-size: 12px; line-height: 15px; } .slate{ background: url("img/layout/side_sub_body_bk.jpg"); .dark_border; padding: 0px 0 6px; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); margin: 1px 9px 30px; .white_link; } .deslate{ background:none; border:none; box-shadow: none; margin:none; } .slate_blocks{ background:#333; border: 1px solid #000; padding: 0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); color:#eee; } .slate_block{ background: url("img/layout/side_sub_body_bk.jpg"); background-position: center top; border: 3px solid #999; border-image: url("img/layout/side_sub_body_border.jpg") 3 round repeat; padding: 0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); color:#eee; } .slate_block_lite{ background: rgba(255, 255, 255, .2); border-style: solid; border-image: url("img/layout/side_sub_body_border_lite.jpg") 3 round repeat; } .dark_stone_dark_border{ background: url("img/layout/side_sub_body_bk.jpg"); background-position: center top; border: 3px solid #999; border-image: url("img/layout/side_sub_body_border.jpg") 3 round repeat; padding: 0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); } .slate_data{ border-bottom: 1px solid #666; border-top: 1px solid #222; color:#eee; background: rgba(0, 0, 0, 0.2); } .slate_data_item{ border-bottom: 1px solid #222; border-top: 1px solid #444; background: url(img/layout/data_bk.jpg) 0px 270px; } .slate_fade{ background: url(img/layout/shading_up.png) repeat-x bottom; } .slate_fade_down{ background: url(img/layout/shading_down.png) repeat-x top; } .theme_button{ border-style: solid; border-width: 12px 10px 12px; -moz-border-image: url(img/layout/input_button.png) 12 10 12 repeat; -webkit-border-image: url(img/layout/input_button.png) 12 10 12 repeat; -o-border-image: url(img/layout/input_button.png) 12 10 12 repeat; border-image: url(img/layout/input_button.png) 12 10 12 fill repeat; padding:0; position: relative; z-index: 99999; //margin: 7px 4px 0; cursor: pointer; display:inline-block; text-align: center; line-height: 11px; div{ position: relative; top: 4px; width: 100%; left: 0; padding:0; text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); color: #333; margin:-11px 0; display: block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } } .theme_button_unselected{ text-align: center; border-style: solid; border-width: 12px 10px 12px; -moz-border-image: url(img/layout/input_button_not.png) 12 10 12 repeat; -webkit-border-image: url(img/layout/input_button_not.png) 12 10 12 repeat; -o-border-image: url(img/layout/input_button_not.png) 12 10 12 repeat; border-image: url(img/layout/input_button_not.png) 12 10 12 fill repeat; padding:0; position: relative; z-index: 99999; margin: 7px 4px 0; cursor: pointer; display:inline-block; div{ position: relative; top: 4px; width: 100%; left: 0; padding:0; text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); color: #333; margin:-11px 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } } .theme_button_inactive, .theme_button.disabled{ text-align: center; border-style: solid; border-width: 12px 10px 12px; -moz-border-image: url(img/layout/input_button_inactive.png) 12 10 12 repeat; -webkit-border-image: url(img/layout/input_button_inactive.png) 12 10 12 repeat; -o-border-image: url(img/layout/input_button_inactive.png) 12 10 12 repeat; border-image: url(img/layout/input_button_inactive.png) 12 10 12 fill repeat; padding:0; position: relative; z-index: 99999; margin: 7px 4px 0; cursor: default; display:inline-block; div{ position: relative; top: 4px; width: 100%; left: 0; padding:0; text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); color: #333; margin:-11px 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } } .theme_dropdown_native{ border-style: solid; border-width: 9px 22px 9px 10px; -moz-border-image: url(img/layout/dropdown_button2.png) 9 27 10 10 repeat; -webkit-border-image: url(img/layout/dropdown_button2.png) 9 27 10 10 repeat; -o-border-image: url(img/layout/dropdown_button2.png) 9 27 10 10 repeat; border-image: url(img/layout/dropdown_button2.png) 9 27 10 10 fill repeat; padding:0; position: relative; z-index: 99999; margin: 0px 4px 0; cursor: default; display:inline-block; text-align: left; //width: 95px; vertical-align: top; margin-left: 0; padding-top: 3px; select{ border:0; background:transparent; -webkit-appearance: none; -moz-appearance:none; appearance:none; position: relative; top: 3px; right: -18px; padding:0; text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); color: #333; //color: #ccc; margin:-17px 0 0 -18px; right: -18px; padding-right: 18px; display: block; cursor: pointer; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; height: 17px; } select::-ms-expand { display: none; } } .theme_dropdown_native.disabled{ -moz-border-image: url(img/layout/dropdown_button_disabled.png) 9 27 13 10 repeat; -webkit-border-image: url(img/layout/dropdown_button_disabled.png) 9 27 13 10 repeat; -o-border-image: url(img/layout/dropdown_button_disabled.png) 9 27 13 10 repeat; border-image: url(img/layout/dropdown_button_disabled.png) 9 27 13 10 fill repeat; } .theme_dropdown{ display: inline-block; position: relative; .dropdown_button{ border-style: solid; border-width: 9px 22px 12px 10px; -moz-border-image: url(img/layout/dropdown_button2.png) 9 27 13 10 repeat; -webkit-border-image: url(img/layout/dropdown_button2.png) 9 27 13 10 repeat; -o-border-image: url(img/layout/dropdown_button2.png) 9 27 13 10 repeat; border-image: url(img/layout/dropdown_button2.png) 9 27 13 10 fill repeat; padding:0; position: relative; z-index: 99999; margin: 0px 4px 0; cursor: pointer; display:inline-block; text-align: left; width: 95px; vertical-align: top; margin-left: 0; div{ position: relative; top: 6px; width: 100%; left: 0; padding:0; text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); color: #333; //color: #ccc; margin:-11px 0; display: block; input{ border:none; } input ::-webkit-input-placeholder { color: red; } input :-moz-placeholder { /* Firefox 18- */ color: red; } input ::-moz-placeholder { /* Firefox 19+ */ color: red; } input :-ms-input-placeholder { color: red; } } } .dropdown_options{ position: absolute; top:14px; background: grey; padding: 0px; width: 121px; .dark_border; background: url(img/layout/13.jpeg); .option{ text-align: left; padding: 4px 2px; position: relative; .title{ //display: inline-block; } .close{ position: absolute; right: 2px; top:1px; color: #ccc; background: #666; .dark_border; } .close:hover{ color: red; } } .option.chosen, .option.chosen:hover{ background: #333; } .option:hover{ background: #444; } } } .BSbad_guy_picLG{ width: 112px; height: 112px; left:50%; position: relative; margin:3px 0 10px -56px; background-size: contain !important; } .BSbad_guy_frameLG{ .gold_icon_border; position:absolute; width:100px; height: 97px; top:0px; left:50%; margin-left:-60px; } .BSbad_guy_pic{ width: 36px; height: 36px; margin: 2px; position: absolute; top:1px; left:3px; background-size: contain !important; } .BSbad_guy_frame{ text-align: center; .grey_icon_border; padding:0; position: absolute; top:0px; left:0px; z-index: 9; margin: 0; cursor: pointer; display:inline-block; height: 24px; width: 26px; } .theme_creature_wrapper{ .slate_block; height: 52px; width: 46px; position: relative; display:inline-block; vertical-align:top; .creature_pic, .effect_screen{ .BSbad_guy_pic; } .theme_creature{ .BSbad_guy_frame; } .creature_count{ top: 24px; left: 35px; padding:0; position:absolute; border-style: solid; z-index: 10; .text_shadow; .counter_badge; div{ position: relative; top: 6px; width: 100%; left: 0; padding:0; color: #fff; margin:-11px 0; border-style: solid; } } .hitpoint_bar{ .silver_border; height: 2px; width: 42px; border-width:2px; position: absolute; bottom:1px; .progress{ background: red; height: 2px; } } } .theme_creature_wrapper_lite{ background: none; border: none; padding: 0; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px; } .header_plaque{ text-align: center; border-width: 16px 28px 23px 27px; border-style: solid; -moz-border-image: url(img/layout/side_main_header_bk.png) 16 28 23 27 stretch repeat; -webkit-border-image: url(img/layout/side_main_header_bk.png) 16 28 23 27 stretch repeat; -o-border-image: url(img/layout/side_main_header_bk.png) 16 28 23 27 stretch repeat; border-image: url(img/layout/side_main_header_bk.png) 16 28 23 27 fill stretch repeat; padding:0; position: relative; left: 0; right: 0; div{ position: absolute; top: -5px; width: 100%; left: 0; padding:0; text-shadow: 0px 1px 2px rgba(255, 255, 255, .8); span{ font-weight: bold; text-shadow: 0px 1px 0px rgba(255, 255, 255, .4); font-size: 12px; } } } .white_link{ a, span{ color: #eee; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); cursor: pointer; } a:hover, span:hover{ //text-decoration: underline; color: #fff; } } .white_link_noline{ a, span{ color: #ddd; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); cursor: pointer; } a:hover, span:hover{ text-decoration: none; color: #fff; } } .shaded_list{ background: url(img/layout/shading_down.png) top repeat-x; position: absolute; top: 0px; bottom: 0; left: 0px; right: 0px; overflow: auto; } .gear{ width: 20px; height: 20px; //text-indent: -99999px; background: url(img/layout/chat_gear.png) no-repeat; display: inline-block; //margin: 0px 6px; } // borders .counter_badge{ border-width: 10px 7px 12px; border-style: solid; -moz-border-image: url(img/layout/creature_count.png) 10 7 12 repeat; -webkit-border-image: url(img/layout/creature_count.png) 10 7 12 repeat; -o-border-image: url(img/layout/creature_count.png) 10 7 12 repeat; border-image: url(img/layout/creature_count.png) 10 7 12 fill repeat; } .grey_icon_border{ border-style: solid; border-width: 9px 10px 14px; -moz-border-image: url(img/layout/creature_silver_border.png) 9 10 13 repeat; -webkit-border-image: url(img/layout/creature_silver_border.png) 9 10 13 repeat; -o-border-image: url(img/layout/creature_silver_border.png) 9 10 13 repeat; border-image: url(img/layout/creature_silver_border.png) 9 10 13 fill repeat; } .gold_icon_border{ border-style: solid; border-width: 9px 10px 14px; -moz-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -webkit-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -o-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; border-image: url(img/layout/creature_gold_border.png) 9 10 13 fill repeat; } .quick_search_style{ position: relative; padding: 0; //float: right; margin: 0 1px 0 0; text-align: right; .quick_search{ position: relative; //width: 158px; // margin: -1px 0 0 0; // height: 16px; // border-width: 0px 14px 0px 17px; // border-style: solid; // -moz-border-image: url(img/layout/search_bk.png) 0 14 0 17 repeat; // -webkit-border-image: url(img/layout/search_bk.png) 0 14 0 17 repeat; // -o-border-image: url(img/layout/search_bk.png) 0 14 0 17 repeat; // border-image: url(img/layout/search_bk.png) 0 14 0 17 fill repeat; // background: none; display: inline-block; //padding-top: 2px; border-radius: 9px; background: black; padding: 2px 5px 2px 5px; box-shadow: 0 1px #444; input{ color:#ccc; width: 100%; border: none; background: none; } } .reset_quick_search{ position: absolute; bottom: 2px; right: 4px; color: #ccc; cursor: pointer; margin: 0; font-size: 16px; &:before { font-family: FontAwesome; content: "\f057"; } } } .silver_border_button{ .gold_border_filled; margin: 0px 2px 5px; .silver_border; border-width:3px 3px; } .dark_border{ border: 3px solid #999; border-image: url("img/layout/side_sub_body_border.jpg") 3 round repeat; } .gold_border{ border: 3px solid black; border-image: url("img/layout/side_sub_header_border.jpg") 3 round repeat; } .gold_border_filled{ .gold_border; background: url("img/layout/side_sub_header_bk.jpg") center center; padding: 1px 0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.80); color: #eee; font-size: 14px; a { font-family: arial; font-size: 11px; margin: 0 0 0 2px; padding: 3px 9px; text-decoration: none; color: #eee; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); letter-spacing:1px; } } .silver_gold_border{ border-width: 8px 8px; border-style: solid; -moz-border-image: url(img/layout/gold_silver_border.png) 9 9 round; -webkit-border-image: url(img/layout/gold_silver_border.png) 9 9 round; -o-border-image: url(img/layout/gold_silver_border.png) 9 9 round; border-image: url(img/layout/gold_silver_border.png) 9 9 fill round; } .silver_border{ border-width: 5px 5px; border-style: solid; -moz-border-image: url(img/layout/silver_border.png) 5 5 round; -webkit-border-image: url(img/layout/silver_border.png) 5 5 round; -o-border-image: url(img/layout/silver_border.png) 5 5 round; border-image: url(img/layout/silver_border.png) 5 5 fill round; } .dark_bevel{ border: 4px solid #000; border-image: url(img/layout/center_border.png) 4 round repeat; } .dark_stone_bk{ background: url(img/layout/14.jpg) #44403F; } // tab system .BSTabs_dark{ padding:0px; height: 20px; z-index: 10; margin: -5px 9px; ul { list-style: none; width: 100%; background: url(img/layout/shading_up.png) repeat-x bottom; margin: 0 0 0; li{ .sub_tab_inactive; .tab{color:#888;} } .tab_z_indexing; li:hover{ .sub_tab_inactive_hover; .tab{color:#ccc;} } li.active{ .sub_tab_active; .tab{color:#ccc;} } li.active:hover{ .sub_tab_active; .tab{color:#ccc;} } } } .tab_insides{ display: block; margin: 0 -9px 0 2px; height: 0px; float: left; position: relative; //border: solid; span{ //text-indent: -999999px; //display: inline-block; padding:0 0 0 3px; } .tab{ padding: 4px 2px 0; display: inline-block; color: #333; left: 0px; bottom: 0px; } .close{ width: 19px; display: inline-block; height: 14px; .close_img{ width: 22px; display: inline-block; padding: 0px; top: 3px; right: -4px; position: absolute; background: url(img/layout/tab_close.png) no-repeat top left; } .close_img:hover{ background: url(img/layout/tab_close_hover.png) no-repeat top left; } } a{ padding: 0; display: inline-block; height: 14px; position: relative; } } .tab_inactive{ border-width: 0px 8px 16px 8px; border-style: solid; -moz-border-image: url(img/layout/tab_inactive.png) 0 8 16 8 repeat; -webkit-border-image: url(img/layout/tab_inactive.png) 0 8 16 8 repeat; -o-border-image: url(img/layout/tab_inactive.png) 0 8 16 8 repeat; border-image: url(img/layout/tab_inactive.png) 0 8 16 8 fill repeat; .tab_insides; } .tab_inactive_hover{ border-width: 0px 8px 16px 8px; border-style: solid; -moz-border-image: url(img/layout/tab_inactive_hover.png) 0 8 16 8 repeat; -webkit-border-image: url(img/layout/tab_inactive_hover.png) 0 8 16 8 repeat; -o-border-image: url(img/layout/tab_inactive_hover.png) 0 8 16 8 repeat; border-image: url(img/layout/tab_inactive_hover.png) 0 8 16 8 fill repeat; .tab_insides; } .tab_active{ border-width: 0px 8px 20px 8px; border-style: solid; -moz-border-image: url(img/layout/tab_active.png) 0 8 20 8 repeat; -webkit-border-image: url(img/layout/tab_active.png) 0 8 20 8 repeat; -o-border-image: url(img/layout/tab_active.png) 0 8 20 8 repeat; border-image: url(img/layout/tab_active.png) 0 8 20 8 fill repeat; z-index: 10; .tab_insides; } .sub_tab_inactive{ border-width: 0px 8px 16px 8px; border-style: solid; -moz-border-image: url(img/layout/sub_tab_inactive.png) 0 8 16 8 repeat; -webkit-border-image: url(img/layout/sub_tab_inactive.png) 0 8 16 8 repeat; -o-border-image: url(img/layout/sub_tab_inactive.png) 0 8 16 8 repeat; border-image: url(img/layout/sub_tab_inactive.png) 0 8 16 8 fill repeat; .tab_insides; } .sub_tab_inactive_hover{ border-width: 0px 8px 16px 8px; border-style: solid; -moz-border-image: url(img/layout/sub_tab_inactive_hover.png) 0 8 16 8 repeat; -webkit-border-image: url(img/layout/sub_tab_inactive_hover.png) 0 8 16 8 repeat; -o-border-image: url(img/layout/sub_tab_inactive_hover.png) 0 8 16 8 repeat; border-image: url(img/layout/sub_tab_inactive_hover.png) 0 8 16 8 fill repeat; .tab_insides; } .sub_tab_active{ border-width: 0px 8px 20px 8px; border-style: solid; -moz-border-image: url(img/layout/sub_tab_active.png) 0 8 20 8 repeat; -webkit-border-image: url(img/layout/sub_tab_active.png) 0 8 20 8 repeat; -o-border-image: url(img/layout/sub_tab_active.png) 0 8 20 8 repeat; border-image: url(img/layout/sub_tab_active.png) 0 8 20 8 fill repeat; z-index: 10; .tab_insides; } .tab_z_indexing{ li{ z-index: 9; } li+li{ z-index: 8; } li+li+li{ z-index: 7; } li+li+li+li{ z-index: 6; } li+li+li+li+li{ z-index: 5; } li+li+li+li+li+li{ z-index: 4; } li+li+li+li+li+li+li{ z-index: 3; } li+li+li+li+li+li+li+li{ z-index: 2; } li+li+li+li+li+li+li+li+li{ z-index: 1; } } .manual_link .theme_move:hover{ cursor:pointer !important; background:url(/img/layout/help.png) -4px -5px; } .BSmove{ position: relative; color: #CCC; display: inline-block; height: 33px; width: 33px; // cursor: pointer; margin: 3px 5px 0 0; .pic{ position:absolute; margin:2px; top:1px; left:3px; bottom:5px; right:0; } .theme_move{ text-align: center; .grey_icon_border; padding:0; position: absolute; top:0px; left:0px; bottom:0px; right:0px; z-index: 9; margin: 0; cursor: default; display:inline-block; } .timer{ top: 8px; left: 24px; padding:0; position:absolute; border-style: solid; z-index: 10; .text_shadow; .counter_badge; width: auto; div{ position: relative; top: 6px; width: 100%; left: 0; padding:0; color: #fff; margin:-11px 0; border-style: solid; } } &.big{ width:43px; height: 43px; } } .BSmoveActive{ .theme_move{ .gold_icon_border; } } //center Blocks @smallWide:292px; @medWide:522px; @bigWide:595px; .singleWide, .doubleWide{ margin:8px 4px 1px; background: url(img/layout/13.jpeg); .dark_bevel; border-width:2px; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); //margin: 1px 9px 30px; } .singleWide{ width: @smallWide; } .doubleWide{ //width: @bigWide; @media all and (min-width: 0px) { width: @smallWide; } @media all and (min-width: 960px) { width: @medWide; } @media all and (min-width: 1026px) { width: @bigWide; } } .doubleWide.absoluted{ //width: @bigWide; position: absolute; top:0px; bottom: 10px; left:50%; @media all and (min-width: 0px) { width: @smallWide; margin-left: (@smallWide/2)*-1; } @media all and (min-width: 960px) { width: @medWide; margin-left: (@medWide/2)*-1; } @media all and (min-width: 1026px) { width: @bigWide; margin-left: (@bigWide/2)*-1; } } .BShidden{ display: none !important; } .pic{ background: url(img/icons/default.jpg); } .bad_guy_pic{ background: url(img/layout/battlePortLG.png); } .wrapper_grad{ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.81))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00000000', endColorstr='#cf000000', GradientType=0); box-shadow: inset 0 0 41px 10px rgba(0, 0, 0, 0.8); } .zeros{ top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .slateUpgrade{ .slate; margin-bottom: 8px; padding:0; a, span{ color:inherit; } } .theme_button.upgradeDumb{ margin:0 0 4px; } .upgradeIconDumb{ color: white; background: #333; border-radius: 8px; padding: 4px 7px; position: absolute; top: 7px; right: 6px; font-size: 14px; border: 1px solid black; cursor:pointer; &:hover{ color:yellow; background:#111; } } .buildingUpgradeTheme{ position: relative; margin: 4px 1px 5px; .upgrade_button{ text-align: center; .slate; margin: 0 2px 0 1px; box-shadow: none; text-decoration: none; padding: 2px; color:#ccc; background: rgba(255, 255, 255, .10); &:hover{ text-decoration: none; color:white; cursor: pointer; } } .link_popup{ margin: 0px 3px 0px 2px; border-style: solid; border-width: 0px 0px 4px; -moz-border-image: url(img/layout/center-popup-border.png) 10 0 4; -webkit-border-image: url(img/layout/center-popup-border.png) 10 0 4; -o-border-image: url(img/layout/center-popup-border.png) 10 0 4; border-image: url(img/layout/center-popup-border.png) 10 0 4; .pop-wrapper{ background: url(img/layout/settings-popup-mid.png); .data{ display: table; background: none; border: none; margin: 0 auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: 1px solid #222; width: 100%; background: rgba(0, 0, 0, 0.15); .row_group{ width: 100%; margin: 6px 0 0; display: table; .row{ width: 100%; display: table-row; .td{ display: table-cell; text-align: left; width: 100px; position: relative; vertical-align: middle; .actionName{ display: block; color: #eee; } .required{ font-size: 9px; padding-left: 4px; } .theme_button{ margin: 0; vertical-align: top; float: right; margin-right: 16px; } &.type{ width: 150px; padding-left: 6px !important; } } &.heading{ background: rgba(0, 0, 0, 0.15); margin-bottom: 5px; .td{ padding: 4px 0; font-style: italic; border-bottom: 1px solid #000; color: #777 !important; &.icon_width{ width: 12%; text-align: center; } } } &.inforow{ .td{ padding: 6px 0 0; color: #777 !important; &.icon_width{ width: 12%; text-align: center; } } } } .BuildingUpgrades{ display: table-row-group; } &.heading{ margin: 0 0 6px; .row{ .td{ color: #aaa !important; } } } } } } } .create_button{ .theme_button; margin: 0; vertical-align: top; } } body.Premium { .if_not_premium { display: none !important; } } body.Standard { .if_premium { display: none !important; } } .icon .manual_link { display: none; } .icon:hover .manual_link, .icon.hover .manual_link { display: inline-block; position: absolute; right: -1px; top: -6px; z-index: 10; text-shadow: 0 0 5px black; color: gold; cursor: pointer; &:after { content: "\f05a"; font-family: FontAwesome; } } .theme_move, .pic { pointer-events: none; } .site{ //height:100%; //width:100%; background: url(img/layout/13.jpeg) center top; position: relative; position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: hidden; @header_height:90px; @border_dif:0px; @side_col_width:200px; @footer_height:210px; .ui-layout-north{ position: absolute; height: 86px; width:100%; top: 0; // background: url(img/layout/headerBK.jpg) center top repeat-x; } #OuterContainer{ .zeros; bottom:@footer_height; height: auto; .ui-layout-east{ position: absolute; width:@side_col_width; overflow-y: hidden; bottom: 1px; right: 0px; top: @header_height; } .ui-layout-center{ position: absolute; background: rgba(0,0,0,.55); bottom: 1px; left: @side_col_width + @border_dif; right: @side_col_width + @border_dif; top: @header_height; overflow-y: auto; .dark_bevel; } .ui-layout-west{ position: absolute; width:@side_col_width; bottom: 1px; left: 0; top: @header_height; overflow-y: hidden; } } .ui-layout-south{ position: absolute; width:100%; height: 210px; bottom: 0; border-top: 1px solid #a1a1a1; } } body.standard .shared.sides .wrapper .side_block .toggle_container .link_popup .pop-wrapper .choices .Links .link.min_timer_premium .button { .theme_button_inactive; } .shared.sides{ .side_bottom{ height: 21px; left:0; right:0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 100%); bottom:0px; position: absolute; margin: 0 0 0; z-index: 9; border-bottom: 1px solid black; pointer-events:none; } .title_box { .header_plaque; } .side_plaque{ &.paused{ .under_side_plaque .under_side_wrapper .your_action .action_counter{ &.Timer{ display: none; } &.paused{ display: inline-block; } } } .under_side_plaque{ .quick_search_style; .dark_stone_dark_border; margin: -7px 9px 1px; padding: 4px 2px 3px; float: none; text-align: center; height: 50px; .quick_search{ width: 140px; //margin-top: 11px; } // .under_side_bk{ // top: 7px; // right: 2px; // left: 3px; // background: rgba(0,0,0,.35); // position: absolute; // height: 38px; // -moz-box-shadow: inset 0 0 10px 1px #000; // -webkit-box-shadow: inset 0 0 10px 1px #000; // box-shadow: inset 0 0 10px 1px #000; // } .under_side_wrapper{ // .gold_icon_border; //height: 25px; position: relative; width: 150px; margin: 0 auto; .inside_wrapXX{ position: absolute; top:-4px; right: -3px; left: -3px; bottom: -7px; } .currentEffect{ display:inline-block; color: #ccc; font-size: 11px; text-align: left; //padding-left: 8px; } .your_action{ line-height: 7px; //height: 11px; text-align: left; color: #ddd; font-weight: normal; //padding-top: 3px; //background: rgba(0,0,0,.25); text-shadow: 0px 2px 5px black; position: relative; margin-top: 4px; .action_name{ line-height: 14px; text-align: left; color: #ddd; font-weight: normal; text-shadow: 0px 2px 5px black; position: relative; white-space: nowrap; overflow: hidden; display: inline-block; width: 127px; &.effect_wrapper{ width:152px; } .elipse{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset -17px 0 14px -9px #414141; } } .action_counter{ background: black; border-radius: 10px; display: inline-block; padding: 0 5px; border: 1px solid #555; line-height: 12px; vertical-align: top; position: absolute; right:0; &.Timer{ display: inline-block; } &.paused{ display: none; } } } } } .plaque_footer{ //.gold_border_filled; border: none; //border-top: 1px solid #777; margin: 3px 1px 0 0; color: #ccc; text-align: center; padding: 3px; height: 15px; line-height: 15px; position: relative; display: block; // top: -16px; .button{ .theme_button; top: -9px; position: relative; line-height: 11px; margin: 8px 0; .carrot{ display: none; background:gold; position: absolute; } &.CancelAction{ .fa-pause{display: inline;} .fa-play{display: none;} &.paused{ .fa-pause{display: none;} .fa-play{display: inline;} } } } .reWrapper{ display: inline-block; span{ top:0; } .tooltipDown{ position: absolute; display: none; left: 0; right: 0; top: 31px; background: black; z-index: 99999; padding: 4px 0; border: 1px solid gold; box-shadow: 0 3px 4px black; } &:hover{ .button .carrot{ display: block; width: 10px; height: 10px; transform: rotate(45deg); top: 22px; } .tooltipDown{ display: block; } } } .button.disabled{ .theme_button_inactive; top: -9px; position: relative; line-height: 11px; margin: 8px 0; } span{ position: relative; top:-3px; } a{ margin: 0; padding: 0; color: #ccc; } a.selected{ color: #eee; } } } .Capacity_Header.side_plaque{ .plaque_footer{ .button{ .theme_button_unselected; top: -9px; position: relative; line-height: 11px; margin: 7px 0; } } .plaque_footer.Qty{ [data-sort=Qty]{ .theme_button; top: -9px; position: relative; line-height: 11px; margin: 7px 0; } } .plaque_footer.Slots{ [data-sort=Slots]{ .theme_button; top: -9px; position: relative; line-height: 11px; margin: 7px 0; } } .plaque_footer.AtoZ{ [data-sort=AtoZ]{ .theme_button; top: -9px; position: relative; line-height: 11px; margin: 7px 0; } } } .wrapper { position: absolute; top: 95px; left: 0; right: 0; bottom: 0px; overflow: auto; padding: 0px 0 0 0; .side_block .toggle_container .item_line .item_content .details .EquipInDetails { display: none; } #item_container_template_equipment.side_block .toggle_container .item_line .item_content .details .EquipInDetails{ display: inline-block; } .side_block{ margin: 0px 9px 1px; .smallchain{ height: 6px; width: 158px; background: url("img/layout/chains_small.png"); margin: 0 auto; } .toggle { .gold_border_filled; cursor: pointer; a{display: table-cell;} position: relative; z-index: 2; } .toggle_container { .parchment; position: relative; padding: 0; z-index: 1; margin-top: -13px; margin-bottom: -8px; .toggleWrapper{ margin: 10px -12px 0; overflow: hidden; } h3{ padding: 2px 0 2px 2px; margin: 2px 0 0 5px; border-bottom: 1px solid #999; background-image: linear-gradient(bottom, rgb(196,196,196) 0%, rgb(221,221,221) 100%); background-image: -o-linear-gradient(bottom, rgb(196,196,196) 0%, rgb(221,221,221) 100%); background-image: -moz-linear-gradient(bottom, rgb(196,196,196) 0%, rgb(221,221,221) 100%); background-image: -webkit-linear-gradient(bottom, rgb(196,196,196) 0%, rgb(221,221,221) 100%); background-image: -ms-linear-gradient(bottom, rgb(196,196,196) 0%, rgb(221,221,221) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(196,196,196)), color-stop(1, rgb(221,221,221)) ); } .skill_line{ margin: 3px 2px !important; color: #bbb !important; } .sub_set{ margin:0px 0px; .item_line a{ //padding-left: 6px; } } .sub_set_noP{ margin:6px 0px; } .item_line{ //display: table; &.open{ background: rgba(89, 61, 37, 0.2); background: rgba(243, 216, 162, .45); //box-shadow: 0 -1px #f1d5a4, 0 -2px #cb9a3e, 0 1px #bb8c33, 0 2px #fde6bd; box-shadow: 0 -1px #f1d5a4, 0 -3px 9px #9a7329, 0 1px #f9e5c3, 0 6px 9px #9a7329; margin-bottom: 5px; .ItemPopup{ // background: rgba(89, 61, 37, 0.2); box-shadow: 0 -1px #f1d5a4, 0 -2px #cb9a3e; padding-top: 3px; margin-top: 3px; } } &:hover{ background: rgba(243, 216, 162, .45); //box-shadow: 0 -1px #f1d5a4, 0 -2px #cb9a3e, 0 1px #cb9a3e, 0 2px #f1d5a4; box-shadow: 0 -1px #f1d5a4, 0 -3px 9px #9a7329, 0 1px #f9e5c3, 0 6px 9px #9a7329; } width:100%; margin: 0px 0px; position: relative; color: #000; //text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); font-weight: bold; display:table; // background: url(https://batteredshield.jomber.com/img/layout/parchment.png) center center; background: rgba(214, 183, 120, 0.43); &.incomplete a .Name:after{ content:' (incomplete)'; color:red; } &.deed_to_land\:_storage, &.deed_to_land\:_oven, &.deed_to_land\:_farm{ .link + .link .Amount{display:none !important;} } &.bound{ .item_content .Name:before{ content: '*'; color: #00bff3; font-weight: bold; margin-left: -7px; font-size: 16px; line-height: 10px; position: absolute; margin-top: 2px; font-family:arial; } .boundList{ display:block !important; background: #111; padding: 0px 5px 9px; margin-top: -3px; .boundRow{ line-height:14px; span{ margin-left:7px; } span:before{ content: '*'; color: #00bff3; font-weight: bold; margin-left: -7px; font-size: 16px; line-height: 10px; position: absolute; margin-top: 4px; } } } } .noCats{ padding:0 5px; font-style:italic; span{ font-style:normal; font-weight:bold; color:yellow; } } .icon{ .BSmove; margin: 0; } .sub_title{ //padding:4px 3px; //border-top: 2px solid #333; //background:rgba(150,150,150,.1); //.slate_fade; //color: #999; } &.Equipped{ .item_content{ //background: rgba(89, 61, 37, 0.2); //border-top: 1px solid #ddc18b; //border-bottom: 1px solid #ddc18b; //padding: 2px 0; .details .Equip_In_Name{ color:gold; &:after{ font-family: FontAwesome; content: "\f00c"; margin-left: 3px; font-weight: normal; } } .icon{ .BSmove; margin: 0; .theme_move{ .gold_icon_border; } } } } .item_content.hover{ //background: rgba(89, 61, 37, 0.1); //text-shadow: 0 0px 1px black, 0 1px 5px black; cursor: pointer; //color: gold; } .item_content{ // height:13px; //padding: 3px 0 1px 4px; display: table; width: 100%; color: #000; padding: 3px 0; .td{ padding: 0 4px; display:table-cell; vertical-align:middle; width:5px; } .td + .td{ width:auto; padding: 0 4px 0 0; } &.disabled, & .disabled{ //color: #777; opacity:.4; cursor: default; &.hover{ background:none; text-shadow:none; cursor:default; color:black; } } &.disabled:before{ //content: "No "; } .amount{ padding: 0 3px 0 0; text-align: right; width: 24px; display: table-cell; } .details{ display: table-cell; padding-left: 8px; padding-right: 4px; a, span{ color: inherit; line-height: 12px; display: block; } .Equip_In_Name{ color: #eaeaea; font-size: 9px; background: rgba(0, 0, 0, 0.45); display: inline-block; padding: 1px 3px 0 4px; margin: 0 0 0 -6px; line-height: 12px; border-radius: 3px; text-transform: uppercase; } } } .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; left: 0; right: 5px; margin: 1px 0 4px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } } .BacktoMenu{ //background: rgba(0, 0, 0, 0.5); margin: 0px 0 8px -2px; padding: 0px 2px 0px; box-shadow: 0 1px #cb9a3e, 0 2px #f1d5a4; //color: #ccc; //text-shadow: 0px 1px 6px #000000; //border-bottom: 1px solid rgba(255,255,255,.3); a{ //height: 13px; padding: 3px 0 6px 7px; display: block; width: 100%; color: #000; } } .additional_info{ //font-style: italic; } .link_popup{ // margin: 0px 2px 4px 2px; // border-style: solid; // border-width: 11px 0px 4px; // -moz-border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; // -webkit-border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; // -o-border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; //border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; /* position: absolute; right: 2px; top: -5px; left: 2px; padding: 4px 0px 0px 0px; -moz-box-shadow: 0px 5px 10px -3px #333; -webkit-box-shadow: 0px 5px 10px -3px #333; box-shadow: 0px 5px 10px -3px #333; z-index: 9999; */ .pop-wrapper{ //background: url(img/layout/side-popup-mid.png); .item_details{ padding: 0 0 0 30px; height:11px; } .Name{ //display: none; } .choices{ //padding: 4px 4px 4px 4px; .additional_info{ overflow: hidden; .stats{ width: 50%; text-align: center; //color: #999; display: inline-block; margin-bottom: 2px; float: left; div{ margin-top: 2px; font-weight: normal; } } } .effect_list{ //background:#111; padding: 5px 5px 3px; //border-top: 1px solid #333; &:before{ content: 'Effects'; //position: absolute; //margin-top: -11px; // color: #999; // background: #111; padding: 0 2px; margin-left: -3px; } .effect_row{ line-height:14px; list-style: disc; /* list-style-type: disc; */ /* list-style-position: outside; */ display: list-item; list-style-position: outside; margin-left: 14px; font-weight: normal; .note{ //color:#999; } } } .requirement_list{ //background:#111; padding: 5px 5px 0px; //border-top: 1px solid #333; // padding-bottom: 10px; &:before{ content: 'Requirements'; //position: absolute; //margin-top: -11px; //color: #999; // background: #111; padding: 0 2px; margin-left: -3px; } .requirement_row{ line-height:14px; list-style: disc; /* list-style-type: disc; */ /* list-style-position: outside; */ display: list-item; list-style-position: outside; margin-left: 14px; font-weight: normal; .note{ color:#999; } } } .Links{ text-align: center; //background: #111; padding: 0px 0 5px; .link{ display: inline-block; text-align: center; vertical-align: top; &.min_timer{ .button .Name:before{ font-family: FontAwesome; content: "\f0f5"; margin-right: 5px; color: #333; } } .button{ .theme_button; margin: 0 !important; vertical-align: top; } .Name{ display: block !important; color: #000 !important; } input{ .BSinput; background: rgba(0,0,0,.15); margin: 1px -5px 0 -1px; text-align:left; color:#000; &::placeholder{ color:#444; } } } } } .item{ padding: 0 0 0 25px; } } } } .SkillHolder{ .item_line{ height: 19px; margin: 3px 2px !important; } } .AuraHolder{ .AuraLink{ height: 19px; margin: 0; padding: 3px 2px !important; cursor: pointer; } .AuraLink:hover{ background: rgba(0,0,0,.2); } } } } } .shared.center{ .MainAction{ } } /** * jQuery slider */ .jquery-slider { position: relative; width: 300px; height: 20px; background: blue; z-index: 0; } .jquery-slider .handle { position: absolute; left: 0px; top: 0px; width: 100px; height: 20px; background: red; z-index: 0; cursor: pointer; } *.unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .pic.delete{ background: url(img/icons/layout/deleteIcon.jpg) !important; } .pic.harvest{ background: url(img/icons/layout/harvestIcon.jpg) !important; } .pic.plant{ background: url(img/icons/layout/plantIcon.jpg) !important; } .pic.compoundIcon{ background: url(img/icons/layout/compound.jpg) !important; } .pic.clan_profile{ background: url(img/icons/layout/clan_profile.jpg) !important; } //personal links .pic.personal_profile{ background: url(img/icons/layout/personal_profile.jpg) !important; } .pic.buildings{ background: url(img/icons/layout/buildings.jpg) !important; } .pic.quests{ background: url(img/icons/layout/quests.jpg) !important; } .pic.skills{ background: url(img/icons/layout/skills.jpg) !important; } .pic.auras{ background: url(img/icons/layout/auras.jpg) !important; } .pic.effects{ background: url(img/icons/layout/effects.jpg) !important; } //inventory .pic.equipment{ background: url(img/icons/layout/equipment.jpg) !important; } .pic.food{ background: url(img/icons/layout/food.jpg) !important; } .pic.resources{ background: url(img/icons/layout/resources.jpg) !important; } .pic.move_cards{ background: url(img/icons/layout/move_cards.jpg) !important; } .pic.aura_belt{ background: url(img/icons/layout/auras.jpg) !important; } .pic.other{ background: url(img/icons/layout/other.jpg) !important; } //buildings .pic.construction_yard, .construction_yard .pic{ background: url(img/icons/layout/construction.jpg) !important; } .pic.sawmill{ background: url(img/icons/layout/construction.jpg) !important; } .pic.fermentor, .fermentor .pic{ background: url(img/icons/layout/fermentor.jpg) !important; } .pic.fish_cleaning_station, .fish_cleaning_station .pic, .pic.fish_station, .fish_station .pic{ background: url(img/icons/layout/fish.jpg) !important; } .pic.sanctuary, .sanctuary .pic{ background: url(img/icons/layout/sanctuary.jpg) !important; } .pic.smithy, .smithy .pic{ background: url(img/icons/layout/smith.jpg) !important; } .pic.storage, .storage .pic{ background: url(img/icons/layout/storage.jpg) !important; } .pic.store, .pic.marketplace, .store .pic{ background: url(img/icons/layout/store.jpg) !important; } .pic.furnace, .furnace .pic{ background: url(img/icons/layout/furnace.jpg) !important; } .pic.orchard, .orchard .pic{ background: url(img/icons/layout/orchard.jpg) !important; } .pic.farm, .farm .pic{ background: url(img/icons/layout/farm.jpg) !important; } .pic.oven, .oven .pic{ background: url(img/icons/layout/oven.jpg) !important; } .pic.kitchen, .kitchen .pic{ background: url(img/icons/layout/kitchen.jpg) !important; } .pic.craft, .craft .pic{ background: url(img/icons/layout/craft.jpg) !important; } .pic.run_on_the_track, .pic.traveling, .pic.run_around_sanctuary{ background: url(img/icons/layout/speed.jpg) !important; } //city icons .pic.travel{ background: url(img/icons/layout/travel.jpg) !important; } .pic.city_center{ background: url(img/icons/layout/city_center.jpg) !important; } .pic.party{ background: url(img/icons/layout/party.jpg) !important; } .pic.hunt_around_battlecreek, .pic.hunt_around_hatcherton, .pic.hunt_around_gants_respite, .pic.hunt_around_the_hinters, .pic.hunt_around_secamend, .pic.hunt_around_maybewood_forest, .pic.hunt_sanctuary_scarecrows, .pic.hunt_around_petrified_forest, .pic.hunt_around_dragons_horn, .pic.hunt_around_dark_jungle_pass, .pic.hunt_around_root_island{ background: url(img/icons/layout/hunting.jpg) !important; } .pic.prune_branches, .pic.prune_branch, .pic.prune_old_branches, .pic.prune_vines, .pic.prune_branch{ background: url(img/icons/layout/pruneIcon.jpg); } //crafting folder .pic.blades, .pic.pots_and_pans, .pic.shovels, .pic.axes, .pic.picks, .pic.hammers, .pic.armor_sets, .pic.jewelry, .pic.metal_plates, .pic.metal_studs, .pic.nails, .pic.needles, .pic.wands, .pic.bronze_armor, .pic.iron_armor, .pic.steel_armor, .pic.aluminum_armor, .pic.titanium_armor, .pic.make_fuel, .pic.make_trusses, .pic.saw_logs_into_boards, .pic.loom, .pic.spinning_wheel, .pic.metal_grinder, .pic.craft_fishing_rods, .pic.craft_bows, .pic.craft_bowls, .pic.craft_shields, .pic.craft_handles, .pic.craft_face_items, .pic.craft_boots, .pic.craft_helms, .pic.craft_gloves, .pic.craft_shirts, .pic.craft_pants, .pic.craft_accessories, .pic.craft_jewely, .pic.turn_fish_into_chum, .pic.gut_that_fish, .pic.tannery, .pic.build_carts, .pic.aura_altars, .pic.resonance_gongs_, .pic.skill_practice, .pic.fried, .pic.mixed, .pic.boiled, .pic.raw, .pic.prepare_for_oven, .pic.buttons_and_buckles, .pic.arrowheads, .pic.arrows, .pic.potions{ background: url(img/icons/layout/folder.jpg) !important; } .pic.meditate_at_tree_altar{ background: url(img/icons/layout/altar_woodcutting.jpg) !important; } .pic.meditate_at_mine_altar{ background: url(img/icons/layout/altar_mining.jpg) !important; } .pic.meditate_at_fish_altar{ background: url(img/icons/layout/altar_fishing.jpg) !important; } .pic.meditate_at_farm_altar{ background: url(img/icons/layout/altar_farm.jpg) !important; } .pic.meditate_at_speed_altar{ background: url(img/icons/layout/altar_speed.jpg) !important; } .pic.meditate_at_hunt_altar{ background: url(img/icons/layout/altar_hunting.jpg) !important; } .pic.meditate_at_build_altar{ background: url(img/icons/layout/altar_construction.jpg) !important; } .pic.meditate_at_food_altar{ background: url(img/icons/layout/altar_cooking.jpg) !important; } .pic.meditate_at_smith_altar{ background: url(img/icons/layout/altar_smithing.jpg) !important; } .pic.meditate_at_craft_altar{ background: url(img/icons/layout/altar_crafting.jpg) !important; } .pic.meditate_at_carry_altar{ background: url(img/icons/layout/altar_capacity.jpg) !important; } //gongs .pic.hit_copper_gong{ background:url(img/icons/layout/gong_copper.jpg) !important; } .pic.hit_bronze_gong{ background:url(img/icons/layout/gong_bronze.jpg) !important; } .pic.hit_iron_gong{ background:url(img/icons/layout/gong_iron.jpg) !important; } .pic.hit_steel_gong{ background:url(img/icons/layout/gong_steel.jpg) !important; } //plants .pic.carrot, .pic.plant_carrot, .pic.harvest_carrot{ background: url(img/icons/food/carrots.jpg); } .pic.wheat, .pic.plant_wheat, .pic.harvest_wheat{ background: url(img/icons/food/wheat.jpg); } .pic.apple, .pic.plant_apple, .pic.harvest_apple{ background: url(img/icons/food/apple.jpg); } .pic.jute, .pic.plant_jute, .pic.harvest_jute{ background: url(img/icons/resources/jute.jpg); } .pic.basil, .pic.plant_basil, .pic.harvest_basil_leaves{ background: url(img/icons/resources/basil.jpg); } .pic.parsley, .pic.plant_parsley, .pic.harvest_parsley_leaves{ background: url(img/icons/resources/parsley.jpg); } .pic.lettuce, .pic.plant_lettuce, .pic.harvest_lettuce{ background: url(img/icons/resources/lettuce.jpg); } .pic.pear, .pic.plant_pear, .pic.harvest_pear{ background: url(img/icons/food/pear.jpg); } .pic.tomato, .pic.plant_tomato, .pic.harvest_tomato{ background: url(img/icons/resources/tomato.jpg); } .pic.onion, .pic.plant_onion, .pic.harvest_onion{ background: url(img/icons/resources/onion.jpg); } .pic.barley, .pic.plant_barley, .pic.harvest_barley{ background: url(img/icons/resources/barley.jpg); } .pic.potato, .pic.plant_potato, .pic.harvest_potato{ background: url(img/icons/food/potato.jpg); } .pic.rosemary, .pic.plant_rosemary, .pic.harvest_rosemary{ background: url(img/icons/resources/rosemary.jpg); } .pic.cotton, .pic.plant_cotton, .pic.harvest_cotton{ background: url(img/icons/resources/cotton.jpg); } .pic.rice, .pic.plant_rice, .pic.harvest_rice{ background: url(img/icons/food/rice.jpg); } .pic.green_bean, .pic.plant_green_beans, .pic.harvest_green_beans{ background: url(img/icons/resources/green_bean.jpg); } .pic.strawberry, .pic.plant_strawberry_runner, .pic.harvest_strawberries, .pic.pick_strawberry_flower{ background: url(img/icons/food/strawberries.jpg); } .pic.oregano, .pic.plant_oregano, .pic.harvest_oregano_leaves{ background: url(img/icons/food/oregano.jpg); } .pic.radish, .pic.plant_radish, .pic.harvest_radish{ background: url(img/icons/food/radish.jpg); } .pic.green_pepper, .pic.plant_green_pepper, .pic.harvest_green_pepper{ background: url(img/icons/food/green_pepper.jpg); } .pic.jalapeno, .pic.plant_jalapeno, .pic.harvest_jalapeno{ background: url(img/icons/food/jalapeno.jpg); } .pic.peach, .pic.plant_peach, .pic.harvest_peach{ background: url(img/icons/food/peach.jpg); } .pic.pinto_bean, .pic.plant_pinto_beans, .pic.harvest_pinto_beans{ background: url(img/icons/food/pinto_bean.jpg); } .pic.coriander, .pic.plant_coriander, .pic.harvest_cilantro, .pic.pick_cilantro, .pic.cilantro{ background: url(img/icons/food/coriander.jpg); } .pic.chive, .pic.plant_chive, .pic.harvest_chives{ background: url(img/icons/food/chive.jpg); } .pic.oat, .pic.plant_oats, .pic.harvest_oats{ background: url(img/icons/food/oat.jpg); } .pic.sugar_cane, .pic.plant_sugar_cane, .pic.harvest_sugar_cane{ background: url(img/icons/food/sugarcane.jpg); } .pic.eggplant, .pic.plant_eggplant, .pic.harvest_eggplant{ background: url(img/icons/food/eggplant.jpg); } .pic.hemp, .pic.plant_hemp, .pic.harvest_hemp{ background: url(img/icons/food/hemp.jpg); } .pic.grape, .pic.plant_grape, .pic.harvest_grapes{ background: url(img/icons/food/grape.jpg); } .pic.beet, .pic.plant_beet, .pic.harvest_beet{ background: url(img/icons/food/beet.jpg); } .pic.macadamia_nut, .pic.plant_macadamia_nut, .pic.harvest_macadamia_nuts{ background: url(img/icons/food/macadamia_nut.jpg); } .pic.garlic, .pic.plant_garlic, .pic.harvest_garlic{ background: url(img/icons/food/garlic.jpg); } .pic.pea_pod, .pic.plant_pea_pod, .pic.harvest_pea_pods{ background: url(img/icons/food/pea_pod.jpg); } .pic.cinnamon, .pic.plant_cinnamon, .pic.harvest_cinnamon{ background: url(img/icons/food/cinnamon.jpg); } .pic.banana, .pic.plant_banana, .pic.harvest_bananas{ background: url(img/icons/food/banana.jpg); } .pic.avocado, .pic.plant_avocado, .pic.harvest_avocado{ background: url(img/icons/food/avocado.jpg); } .pic.olive, .pic.harvest_olive{ background: url(img/icons/food/olive.jpg); } .pic.seaweed, .pic.harvest_seaweed{ background: url(img/icons/food/seaweed.jpg); } .pic.corn, .pic.harvest_corn, .pic.plant_corn { background: url(img/icons/resources/corn.jpg); } .pic.pineapple, .pic.harvest_pineapple, .pic.plant_pineapple { background: url(img/icons/food/pineapple.jpg); } .pic.horseradish{ background: url(img/icons/food/horseradish.jpg); } //food resources .pic.milk, .pic.milk_cows, .pic.milk_camels, .pic.milk_cow, .pic.milk_large_udder_cow, .pic.milk_cow_in_each_hand, .pic.milk_hardy_jungle_cow{ background: url(img/icons/resources/milk.jpg); } .pic.water, .pic.gather_water, .pic.gather_water_in_the_bay, .pic.gather_water_in_hooken, .pic.gather_water_in_newport, .pic.gather_water_in_keenee_lake{ background: url(img/icons/resources/water.jpg); } .pic.dough, .pic.mix_dough{ background: url(img/icons/resources/dough.jpg); } .pic.small_egg{ background: url(img/icons/resources/small_egg.jpg); } //prepped food .pic.prepped_apple, .pic.prep_baked_apple{ background: url(img/icons/resources/prepped_apple.jpg); } .pic.prepped_apple_pie, .pic.prep_apple_pie{ background: url(img/icons/resources/prepped_apple_pie.jpg); } .pic.prep_roasted_apple, .pic.prepped_roasted_apple{ background: url(img/icons/food/prep_roasted_apple.jpg); } .pic.roasted_apple{ background: url(img/icons/food/roasted_apple.jpg); } .pic.apple_pie{ background: url(img/icons/resources/apple_pie.jpg); } .pic.prepped_fish, .pic.prep_fish_to_bake{ background: url(img/icons/resources/prepped_fish.jpg); } .pic.flour, .pic.mill_flour{ background: url(img/icons/resources/flour.jpg); } .pic.baked_fish, .pic.bake_fish{ background: url(img/icons/food/baked_fish.jpg); } .pic.bread{ background: url(img/icons/food/bread.jpg); } .pic.cooked_crayfish, .pic.boil_cooked_crayfish{ background: url(img/icons/food/cooked_crayfish.jpg); } .pic.carrot_stew, .cook_carrot_stew{ background: url(img/icons/food/carrot_stew.jpg); } .pic.tomato_soup, .cook_tomato_soup{ background: url(img/icons/food/tomato_soup.jpg); } .pic.basic_salad, .prepare_basic_salad{ background: url(img/icons/food/basic_salad.jpg); } .pic.omelet, .fry_omelet{ background: url(img/icons/food/omlet.jpg); } .pic.fish_kabob, .fry_fish_kabob{ background: url(img/icons/food/fish_kabob.jpg); } .pic.frog_legs, .fry_frog_legs{ background: url(img/icons/food/frog_legs.jpg); } .pic.macnut_tart{ background: url(img/icons/food/macnut_tart.jpg); } .pic.prepped_macnut_tart, .pic.prep_macnut_tart{ background: url(img/icons/food/prepped_macnut_tart.jpg); } .pic.bird_pot_pie{ background: url(img/icons/food/bird_pot_pie.jpg); } .pic.prepped_bird_pot_pie, .pic.prep_bird_pot_pie{ background: url(img/icons/food/preped_bird_pot_pie.jpg); } .pic.baked_eggplant{ background: url(img/icons/food/baked_eggplant.jpg); } .pic.prepped_baked_eggplant, .pic.prep_baked_eggplant{ background: url(img/icons/food/prepped_baked_eggplant.jpg); } .pic.cheese{ background: url(img/icons/food/cheese.jpg); } .pic.young_cheese, .pic.mix_young_cheese{ background: url(img/icons/food/young_cheese.jpg); } .pic.cream, .pic.mix_cream{ background: url(img/icons/food/cream.jpg); } .pic.beast_patty, .pic.cook_beast_patty{ background: url(img/icons/food/beast_patty.jpg); } .pic.ground_beast, .pic.grind_ground_beast{ background: url(img/icons/food/ground_beast.jpg); } //cooked food lvl 1-10 .pic.baked_apple, .pic.bake_apple{ background: url(img/icons/food/baked_apple.jpg); } .pic.cooked_fish_scrap, .pic.fry_fish_scrap{ background: url(img/icons/food/cooked_fish_scraps.jpg); } .pic.cooked_beast_scrap, .pic.fry_beast_scrap{ background: url(img/icons/food/cooked_beast_scrap.jpg); } .pic.cooked_beast_chunk, .pic.fry_beast_chunk{ background: url(img/icons/food/cooked_beast_chunk.jpg); } .pic.cooked_tiny_beast_chunk, .pic.fry_tiny_beast_chunk{ background: url(img/icons/food/cooked_tiny_beast_chunk.jpg); } .pic.bird_nuggets, .pic.fry_bird_nuggets{ background: url(img/icons/food/bird_nuggets.jpg); } .pic.bird_and_rice{ background: url(img/icons/food/bird_and_rice.jpg); } .pic.prepped_bird_and_rice, .pic.prep_bird_and_rice{ background: url(img/icons/food/prepped_bird_and_rice.jpg); } .pic.bird_hash{ background: url(img/icons/food/bird_hash.jpg); } .pic.prepped_bird_hash, .pic.prep_bird_hash{ background: url(img/icons/food/prepped_bird_hash.jpg); } .pic.pear_treat, .pic.mix_pear_treat{ background: url(img/icons/food/pear_treat.jpg); } //fish meat .pic.fish_scrap, .pic.gut_bluegill, .pic.gut_perch, .pic.gut_crappie, .pic.gut_rainbow_trout, .pic.gut_bullhead_catfish, .pic.gut_smallmouth_bass, .pic.gut_cutthroat_trout{ background: url(img/icons/resources/fish_scrap.jpg); } .pic.tiny_fish_chunk, .pic.gut_rock_bass, .pic.gut_steelhead, .pic.gut_lake_trout, .pic.gut_anchovy, .pic.gut_brown_trout, .pic.gut_sardine, .pic.gut_bull_trout, .pic.gut_muskie{ background: url(img/icons/food/tiny_fish_chunk.jpg); } .pic.cooked_tiny_fish_chunk, .pic.fry_tiny_fish_chunk{ background: url(img/icons/food/cooked_tiny_fish_chunk.jpg); } .pic.fish_chunk, .pic.gut_kokanee { background: url(img/icons/food/fish_chunk.jpg); } .pic.cooked_fish_chunk, .pic.fry_fish_chunk{ background: url(img/icons/food/cooked_fish_chunk.jpg); } .pic.fish_stick{ background: url(img/icons/food/fish_stick.jpg); } .pic.fish_steak{ background: url(img/icons/food/fish_steak.jpg); } .pic.fish_filet{ background: url(img/icons/food/fish_filet.jpg); } .pic.fish_chum, .pic.turn_scraps_to_chum, .pic.turn_tiny_fish_chunks_to_chum, .pic.turn_tiny_chunks_to_chum, .pic.turn_chunks_to_chum, .pic.turn_sticks_to_chum, .pic.turn_steaks_to_chum, .pic.turn_fillet_to_chum, .pic.add_fish_chum{ background: url(img/icons/resources/chum.jpg); } //bird meat .pic.bird_scrap{ background: url(img/icons/resources/bird_scraps.jpg); } .pic.cooked_bird_scrap, .pic.fry_bird_scrap{ background: url(img/icons/food/cooked_bird_scraps.jpg); } .pic.tiny_bird_chunk{ background: url(img/icons/food/tiny_bird_chunk.jpg); } .pic.cooked_tiny_bird_chunk, .pic.fry_tiny_bird_chunk{ background: url(img/icons/food/cooked_tiny_bird_chunk.jpg); } .pic.bird_chunk{ background: url(img/icons/food/bird_chunk.jpg); } .pic.cooked_bird_chunk, .pic.fry_bird_chunk{ background: url(img/icons/food/cooked_bird_chunk.jpg); } .pic.bird_wing{ background: url(img/icons/food/bird_wing.jpg); } .pic.cooked_bird_wing, .pic.fry_bird_wing{ background: url(img/icons/food/cooked_bird_wing.jpg); } .pic.bird_breast{ background: url(img/icons/food/bird_breast.jpg); } .pic.cooked_bird_breast, .pic.fry_bird_breast{ background: url(img/icons/food/cooked_bird_breast.jpg); } .pic.roast_bird{ background: url(img/icons/food/bird_roast.jpg); } .pic.cooked_roast_bird, .pic.fry_roast_bird{ background: url(img/icons/food/cooked_bird_roast.jpg); } //cooked food lvl 11-19 .pic.beast_kabob, .pic.fry_beast_kabob{ background: url(img/icons/food/beast_kabob.jpg); } .pic.nachos, .pic.make_nachos{ background: url(img/icons/food/nachos.jpg); } .pic.gordita, .pic.make_gordita{ background: url(img/icons/food/gordita.jpg); } .pic.burrito, .pic.make_burrito{ background: url(img/icons/food/burrito.jpg); } .pic.guacamole, .pic.mix_guacamole{ background: url(img/icons/food/guacamole.jpg); } .pic.guac_burger, .pic.make_guac_burger{ background: url(img/icons/food/guac_burger.jpg); } .pic.fruity_pebbles, .pic.mix_fruity_pebbles{ background: url(img/icons/food/fruity_pebbles.jpg); } // soup and stew .pic.beast_and_barley_soup, .pic.cook_beast_and_barley_soup{ background: url(img/icons/food/beast_and_barley_soup.jpg); } .pic.beast_and_birdie_stew, .pic.cook_beast_and_birdie_stew{ background: url(img/icons/food/beast_and_birdie_stew.jpg); } .pic.onion_soup, .pic.cook_onion_soup{ background: url(img/icons/food/onion_soup.jpg); } //unsorted .pic.cracked_wheat{ background: url(img/icons/food/cracked_wheat.jpg); } .pic.acorn{ background: url(img/icons/food/acorn.jpg); } .pic.roasted_acorn{ background: url(img/icons/food/roasted_acorn.jpg); } .pic.corn_bread{ background: url(img/icons/food/cornbread.jpg); } .pic.prepped_corn_bread, .pic.prep_corn_bread,{ background: url(img/icons/food/prepped_cornbread.jpg); } .pic.oil, .pic.make_oil{ background: url(img/icons/food/oil.jpg); } //raw .pic.prepare_bluegill_sashimi, .pic.bluegill_sashimi{ background: url(img/icons/food/sashimi1.jpg); } .pic.prepare_rainbow_trout_sashimi, .pic.rainbow_trout_sashimi{ background: url(img/icons/food/sashimi2.jpg); } .pic.prepare_cutthroat_trout_nigiri, .pic.cutthroat_trout_nigiri{ background: url(img/icons/food/nagari1.jpg); } .pic.prepare_lake_trout_nigiri, .pic.lake_trout_nigiri{ background: url(img/icons/food/nagari2.jpg); } .pic.prepare_bull_trout_sushi, .pic.bull_trout_sushi{ background: url(img/icons/food/sushi1.jpg); } .pic.wooden_bowl, .pic.craft_wooden_bowl, .pic.old_man_bowl{ background: url(img/icons/equipment/wooden_bowl.jpg); } .pic.mill, .pic.craft_mill{ background: url(img/icons/equipment/mill.jpg); } .pic.tester_pants{ background: url(img/icons/equipment/tester_pants.jpg); } //knives .pic.copper_knife, .pic.smith_copper_knife, .pic.old_man_knife{ background: url(img/icons/equipment/copper_knife.jpg); } .pic.bronze_knife, .pic.smith_bronze_knife{ background: url(img/icons/equipment/bronze_knife.jpg); } .pic.iron_knife, .pic.smith_iron_knife{ background: url(img/icons/equipment/iron_knife.jpg); } .pic.steel_knife, .pic.smith_steel_knife{ background: url(img/icons/equipment/steel_knife.jpg); } .pic.aluminum_knife, .pic.smith_aluminum_knife{ background: url(img/icons/equipment/aluminum_knife.jpg); } .pic.titanium_knife, .pic.smith_titanium_knife{ background: url(img/icons/equipment/titanium_knife.jpg); } .pic.mythryl_knife, .pic.smith_mythryl_knife{ background: url(img/icons/equipment/mythryl_knife.jpg); } //shovels .pic.copper_shovel, .pic.smith_copper_shovel, .pic.old_man_shovel, .pic.till,.pic.hill_soil, .pic.prepare_irrigation{ background: url(img/icons/equipment/copper_shovel.jpg); } .pic.bronze_shovel, .pic.smith_bronze_shovel{ background: url(img/icons/equipment/bronze_shovel.jpg); } .pic.iron_shovel, .pic.smith_iron_shovel{ background: url(img/icons/equipment/iron_shovel.jpg); } .pic.steel_shovel, .pic.smith_steel_shovel{ background: url(img/icons/equipment/steel_shovel.jpg); } .pic.aluminum_shovel, .pic.smith_aluminum_shovel{ background: url(img/icons/equipment/aluminum_shovel.jpg); } .pic.titanium_shovel, .pic.smith_titanium_shovel{ background: url(img/icons/equipment/titanium_shovel.jpg); } .pic.mythryl_shovel, .pic.smith_mythryl_shovel{ background: url(img/icons/equipment/mythryl_shovel.jpg); } //pans .pic.copper_pan, .pic.smith_copper_pan, .pic.old_man_pan{ background: url(img/icons/equipment/copper_pan.jpg); } .pic.bronze_pan, .pic.smith_bronze_pan{ background: url(img/icons/equipment/bronze_pan.jpg); } .pic.iron_pan, .pic.smith_iron_pan{ background: url(img/icons/equipment/iron_pan.jpg); } .pic.steel_pan, .pic.smith_steel_pan{ background: url(img/icons/equipment/steel_pan.jpg); } .pic.aluminum_pan, .pic.smith_aluminum_pan{ background: url(img/icons/equipment/aluminum_pan.jpg); } .pic.titanium_pan, .pic.smith_titanium_pan{ background: url(img/icons/equipment/titanium_pan.jpg); } .pic.mythryl_pan, .pic.smith_mythryl_pan{ background: url(img/icons/equipment/mythryl_pan.jpg); } //pots .pic.copper_pot, .pic.smith_copper_pot, .pic.old_man_pot, .pic.cook_terrible_monk_food{ background: url(img/icons/equipment/copper_pot.jpg); } .pic.bronze_pot, .pic.smith_bronze_pot{ background: url(img/icons/equipment/bronze_pot.jpg); } .pic.iron_pot, .pic.smith_iron_pot{ background: url(img/icons/equipment/iron_pot.jpg); } .pic.steel_pot, .pic.smith_steel_pot{ background: url(img/icons/equipment/steel_pot.jpg); } .pic.aluminum_pot, .pic.smith_aluminum_pot{ background: url(img/icons/equipment/aluminum_pot.jpg); } .pic.titanium_pot, .pic.smith_titanium_pot{ background: url(img/icons/equipment/titanium_pot.jpg); } .pic.mythryl_pot, .pic.smith_mythryl_pot{ background: url(img/icons/equipment/mythryl_pot.jpg); } //picks .pic.copper_pick, .pic.smith_copper_pick, .pic.old_man_pick, .pic.mine_in_sanctuary_cave{ background: url(img/icons/equipment/copper_pick.jpg); } .pic.bronze_pick, .pic.smith_bronze_pick{ background: url(img/icons/equipment/bronze_pick.jpg); } .pic.iron_pick, .pic.smith_iron_pick{ background: url(img/icons/equipment/iron_pick.jpg); } .pic.steel_pick, .pic.smith_steel_pick{ background: url(img/icons/equipment/steel_pick.jpg); } .pic.aluminum_pick, .pic.smith_aluminum_pick{ background: url(img/icons/equipment/aluminum_pick.jpg); } .pic.titanium_pick, .pic.smith_titanium_pick{ background: url(img/icons/equipment/titanium_pick.jpg); } .pic.mythryl_pick, .pic.smith_mythryl_pick{ background: url(img/icons/equipment/mythryl_pick.jpg); } //hammers .pic.copper_hammer, .pic.smith_copper_hammer, .pic.smith_sanctuary_gong_stands{ background: url(img/icons/equipment/copper_hammer.jpg); } .pic.bronze_hammer, .pic.smith_bronze_hammer{ background: url(img/icons/equipment/bronze_hammer.jpg); } .pic.iron_hammer, .pic.smith_iron_hammer{ background: url(img/icons/equipment/iron_hammer.jpg); } .pic.steel_hammer, .pic.smith_steel_hammer{ background: url(img/icons/equipment/steel_hammer.jpg); } .pic.aluminum_hammer, .pic.smith_aluminum_hammer{ background: url(img/icons/equipment/aluminum_hammer.jpg); } .pic.titanium_hammer, .pic.smith_titanium_hammer{ background: url(img/icons/equipment/titanium_hammer.jpg); } .pic.mythryl_hammer, .pic.smith_mythryl_hammer{ background: url(img/icons/equipment/mythryl_hammer.jpg); } //axes .pic.copper_axe, .pic.smith_copper_axe, .pic.chop_sanctuary_trees, .pic.chop_down_tree{ background: url(img/icons/equipment/copper_axe.jpg); } .pic.bronze_axe, .pic.smith_bronze_axe{ background: url(img/icons/equipment/bronze_axe.jpg); } .pic.bronze_battle_axe, .pic.smith_bronze_battle_axe{ background: url(img/icons/equipment/bronze_battle_axe.jpg); } .pic.iron_axe, .pic.smith_iron_axe{ background: url(img/icons/equipment/iron_axe.jpg); } .pic.iron_battle_axe, .pic.smith_iron_battle_axe{ background: url(img/icons/equipment/iron_battle_axe.jpg); } .pic.steel_axe, .pic.smith_steel_axe{ background: url(img/icons/equipment/steel_axe.jpg); } .pic.steel_battle_axe, .pic.smith_steel_battle_axe{ background: url(img/icons/equipment/steel_battle_axe.jpg); } .pic.aluminum_axe, .pic.smith_aluminum_axe{ background: url(img/icons/equipment/aluminum_axe.jpg); } .pic.aluminum_battle_axe, .pic.smith_aluminum_battle_axe{ background: url(img/icons/equipment/aluminum_battle_axe.jpg); } .pic.titanium_axe, .pic.smith_titanium_axe{ background: url(img/icons/equipment/titanium_axe.jpg); } .pic.titanium_battle_axe, .pic.smith_titanium_battle_axe{ background: url(img/icons/equipment/titanium_battle_axe.jpg); } .pic.mythryl_axe, .pic.smith_mythryl_axe{ background: url(img/icons/equipment/mythryl_axe.jpg); } //daggers .pic.copper_dagger, .pic.smith_copper_dagger{ background: url(img/icons/equipment/copper_dagger.jpg); } .pic.bronze_dagger, .pic.smith_bronze_dagger{ background: url(img/icons/equipment/bronze_dagger.jpg); } .pic.iron_dagger, .pic.smith_iron_dagger{ background: url(img/icons/equipment/iron_dagger.jpg); } .pic.steel_dagger, .pic.smith_steel_dagger{ background: url(img/icons/equipment/steel_dagger.jpg); } .pic.aluminum_dagger, .pic.smith_aluminum_dagger{ background: url(img/icons/equipment/aluminum_dagger.jpg); } .pic.titanium_dagger, .pic.smith_titanium_dagger{ background: url(img/icons/equipment/titanium_dagger.jpg); } .pic.mythryl_dagger, .pic.smith_mythryl_dagger{ background: url(img/icons/equipment/mythryl_dagger.jpg); } //swords .pic.fight_skeleton, .pic.fight_forest_snake, .pic.fight_thug, .pic.fight_goblin, .pic.fight_zombie, .pic.fight_kobold, .pic.fight_sprite, .pic.fight_frog_goblin, .pic.fight_feral_rat, .pic.copper_sword, .pic.smith_copper_sword{ background: url(img/icons/equipment/copper_sword.jpg); } .pic.fight_goblin_king, .pic.fight_rock_snake, .pic.fight_dark_elf, .pic.fight_skeleton_warrior, .pic.fight_goblin_raider, .pic.fight_goblin_shaman, .pic.fight_grey_dryad, .pic.fight_catbear, .pic.fight_crazed_dwarf, .pic.bronze_sword, .pic.smith_bronze_sword{ background: url(img/icons/equipment/bronze_sword.jpg); } .pic.fight_centaur, .pic.fight_wererat, .pic.fight_zombie_warrior, .pic.fight_orc, .pic.fight_satyr, .pic.fight_pixey, .pic.fight_gnoll, .pic.fight_copperhead, .pic.fight_bandit, .pic.iron_sword, .pic.smith_iron_sword{ background: url(img/icons/equipment/iron_sword.jpg); } .pic.fight_rattlesnake, .pic.steel_sword, .pic.smith_steel_sword, .pic.fight_desert_raider, .pic.fight_desert_imp, .pic.fight_sand_worm, .pic.fight_giant_scorpion, .pic.fight_gipsy, .pic.fight_mummy, .pic.fight_sphinx, .pic.fight_raider_king{ background: url(img/icons/equipment/steel_sword.jpg); } .pic.fight_t_rex, .pic.fight_raptor, .pic.fight_voodoo_princess, .pic.fight_sabertooth_tiger, .pic.fight_halfling_troop, .pic.fight_giant_leech, .pic.fight_treetop_spider, .pic.fight_root_elemental, .pic.fight_assassin_vine, .pic.aluminum_sword, .pic.smith_aluminum_sword{ background: url(img/icons/equipment/aluminum_sword.jpg); } .pic.titanium_sword, .pic.smith_titanium_sword{ background: url(img/icons/equipment/titanium_sword.jpg); } .pic.mythryl_sword, .pic.smith_mythryl_sword{ background: url(img/icons/equipment/mythryl_sword.jpg); } //needles .pic.copper_needle, .pic.smith_copper_needle, .pic.mend_sanctuary_robes{ background: url(img/icons/equipment/copper_needle.jpg); } .pic.bronze_needle, .pic.smith_bronze_needle{ background: url(img/icons/equipment/bronze_needle.jpg); } .pic.iron_needle, .pic.smith_iron_needle{ background: url(img/icons/equipment/iron_needle.jpg); } .pic.steel_needle, .pic.smith_steel_needle{ background: url(img/icons/equipment/steel_needle.jpg); } .pic.aluminum_needle, .pic.smith_aluminum_needle{ background: url(img/icons/equipment/aluminum_needle.jpg); } .pic.titanium_needle, .pic.smith_titanium_needle{ background: url(img/icons/equipment/titanium_needle.jpg); } .pic.mythryl_needle, .pic.smith_mythryl_needle{ background: url(img/icons/equipment/mythryl_needle.jpg); } //masks .pic.burlap_mask, .pic.craft_burlap_mask{ background: url(img/icons/equipment/burlap_mask.jpg); } .pic.leather_mask, .pic.craft_leather_mask{ background: url(img/icons/equipment/leather_mask.jpg); } .pic.hard_leather_mask, .pic.craft_hard_leather_mask{ background: url(img/icons/equipment/hard_leather_mask.jpg); } .pic.snake_skin_mask, .pic.craft_snake_skin_mask{ background: url(img/icons/equipment/snake_skin_mask.jpg); } .pic.alligator_skin_mask, .pic.craft_alligator_skin_mask{ background: url(img/icons/equipment/alligator_skin_mask.jpg); } .pic.dragon_skin_mask, .pic.craft_dragon_skin_mask{ background: url(img/icons/equipment/dragon_skin_mask.jpg); } .pic.cotton_mask, .pic.craft_cotton_mask{ background: url(img/icons/equipment/cotton_mask.jpg); } .pic.hemp_mask, .pic.craft_hemp_mask{ background: url(img/icons/equipment/hemp_mask.jpg); } .pic.linen_mask, .pic.craft_linen_mask{ background: url(img/icons/equipment/linen_mask.jpg); } .pic.silk_mask, .pic.craft_silk_mask{ background: url(img/icons/equipment/silk_mask.jpg); } .pic.velvet_mask, .pic.craft_velvet_mask{ background: url(img/icons/equipment/velvet_mask.jpg); } .pic.wind_goggles, .pic.craft_wind_goggles{ background: url(img/icons/equipment/wind_goggles.jpg); } .pic.dust_mask, .pic.craft_dust_mask{ background: url(img/icons/equipment/dust_mask.jpg); } //bows .pic.crude_hunting_bow, .pic.craft_crude_hunting_bow{ background: url(img/icons/equipment/crude_hunting_bow.jpg); } //fishing sticks .pic.fishing_rod, .pic.craft_fishing_rod, .pic.fish_in_sanctuary_pond{ background: url(img/icons/equipment/fish_stick.jpg); } //shirts .pic.orange_vest, .craft_orange_vest{ background: url(img/icons/equipment/orange_vest.jpg); } //accessories .pic.workbench, .construct_workbench{ background: url(img/icons/equipment/workbench.jpg); } //badguys .goblin{ background: url(img/creatures/goblin.jpg); } .goblinLG{ background: url(img/creatures/goblinLG.jpg); } .frog_goblin{ background: url(img/creatures/frog_goblin.jpg); } .frog_goblinLG{ background: url(img/creatures/frog_goblinLG.jpg); } .kobold{ background: url(img/creatures/kobold.jpg); } .koboldLG{ background: url(img/creatures/koboldLG.jpg); } //good guys .warrior_1{ background: url(img/creatures/self.jpg); background-size: contain !important; } .warrior_1LG{ background: url(img/creatures/self.jpg); background-size: contain !important; } .panther{ background: url(img/creatures/panther.jpg); } .pantherLG{ background: url(img/creatures/pantherLG.jpg); } // moves .base_attack{ background: url(img/icons/base_attack.jpg); } .advance{ background: url(img/icons/advance.jpg); } .fall_back{ background: url(img/icons/fall_back.jpg); } .parry{ background: url(img/icons/parry.jpg); } .slash{ background: url(img/icons/slash.jpg); } .fall_back{ background: url(img/icons/fall_back.jpg); } .stab{ background: url(img/icons/stab.jpg); } .bash{ background: url(img/icons/bash.jpg); } .knockback{ background: url(img/icons/knockback.jpg); } .smash{ background: url(img/icons/smash.jpg); } .defensive_stance{ background: url(img/icons/defensive_stance.jpg); } .offensive_stance{ background: url(img/icons/offensive_stance.jpg); } .sure_foot_stance{ background: url(img/icons/sure_foot_stance.jpg); } //seeds .pic.carrot_seed, .pic.plant_carrot_seed, .pic.pick_carrot_seed, .pic.harvest_carrot_seed, .pic.radish_seed, .pic.plant_radish_seed, .pic.pick_radish_seed, .pic.harvest_radish_seed, .pic.jute_seed, .pic.plant_jute_seed, .pic.pick_jute_seed, .pic.harvest_jute_seed, .pic.wheat_seed, .pic.plant_wheat_seed, .pic.pick_wheat_seed, .pic.harvest_wheat_seed, .pic.apple_seed, .pic.plant_apple_seed, .pic.pick_apple_seed, .pic.harvest_apple_seed, .pic.lettuce_seed, .pic.plant_lettuce_seed, .pic.pick_lettuce_seed, .pic.harvest_lettuce_seed, .pic.tomato_seed, .pic.plant_tomato_seed, .pic.pick_tomato_seed, .pic.harvest_tomato_seed, .pic.parsley_seed, .pic.plant_parsley_seed, .pic.pick_parsley_seed, .pic.harvest_parsley_seed, .pic.basil_seed, .pic.plant_basil_seed, .pic.pick_basil_seed, .pic.harvest_basil_seed, .pic.rosemary_seed, .pic.plant_rosemary_seed, .pic.pick_rosemary_seed, .pic.harvest_rosemary_seed, .pic.acorn_seed, .pic.plant_acorn_seed, .pic.pick_acorn_seed, .pic.harvest_acorn_seed, .pic.seed_potato, .pic.plant_seed_potato, .pic.pick_seed_potato, .pic.harvest_seed_potato, .pic.pear_seed, .pic.plant_pear_seed, .pic.pick_pear_seed, .pic.harvest_pear_seed, .pic.barley_seed, .pic.plant_barley_seed, .pic.pick_barley_seed, .pic.harvest_barley_seed, .pic.onion_seed, .pic.plant_onion_seed, .pic.pick_onion_seed, .pic.harvest_onion_seed, .pic.flax_seed, .pic.plant_flax_seed, .pic.pick_flax_seed, .pic.harvest_flax_seed, .pic.green_bean_seed, .pic.plant_green_bean_seed, .pic.pick_green_bean_seed, .pic.harvest_green_bean_seed, .pic.pea_seed, .pic.plant_pea_seed, .pic.pick_pea_seed, .pic.harvest_pea_seed, .pic.rice_seed, .pic.plant_rice_seed, .pic.pick_rice_seed, .pic.harvest_rice_seed, .pic.strawberry_seed, .pic.plant_strawberry_seed, .pic.pick_strawberry_seed, .pic.harvest_strawberry_seed, .pic.oregano_seed, .pic.plant_oregano_seed, .pic.pick_oregano_seed, .pic.harvest_oregano_seed, .pic.cotton_seed, .pic.plant_cotton_seed, .pic.pick_cotton_seed, .pic.harvest_cotton_seed, .pic.cinnamon_seed, .pic.plant_cinnamon_seed, .pic.pick_cinnamon_seed, .pic.harvest_cinnamon_seed, .pic.peach_seed, .pic.plant_peach_seed, .pic.pick_peach_seed, .pic.harvest_peach_seed, .pic.huckleberry_seed, .pic.plant_huckleberry_seed, .pic.pick_huckleberry_seed, .pic.harvest_huckleberry_seed, .pic.green_pepper_seed, .pic.plant_green_pepper_seed, .pic.pick_green_pepper_seed, .pic.harvest_green_pepper_seed, .pic.jalapeno_seed, .pic.plant_jalapeno_seed, .pic.pick_jalapeno_seed, .pic.harvest_jalapeno_seed, .pic.oat_seed, .pic.plant_oat_seed, .pic.pick_oat_seed, .pic.harvest_oat_seed, .pic.coriander_seed, .pic.plant_coriander_seed, .pic.pick_coriander_seed, .pic.harvest_coriander_seed, .pic.cactus_fruit_seed, .pic.plant_cactus_fruit_seed, .pic.pick_cactus_fruit_seed, .pic.harvest_cactus_fruit_seed, .pic.black_bean_seed, .pic.plant_black_bean_seed, .pic.pick_black_bean_seed, .pic.harvest_black_bean_seed, .pic.chive_seed, .pic.plant_chive_seed, .pic.pick_chive_seed, .pic.harvest_chive_seed, .pic.sugar_cane_seed, .pic.plant_sugar_cane_seed, .pic.pick_sugar_cane_seed, .pic.harvest_sugar_cane_seed, .pic.eggplant_seed, .pic.plant_eggplant_seed, .pic.pick_eggplant_seed, .pic.harvest_eggplant_seed, .pic.sage_seed, .pic.plant_sage_seed, .pic.pick_sage_seed, .pic.harvest_sage_seed, .pic.grape_seed, .pic.plant_grape_seed, .pic.pick_grape_seed, .pic.harvest_grape_seed, .pic.hemp_seed, .pic.plant_hemp_seed, .pic.pick_hemp_seed, .pic.harvest_hemp_seed, .pic.beet_seed, .pic.plant_beet_seed, .pic.pick_beet_seed, .pic.harvest_beet_seed, .pic.macadamia_nut_seed, .pic.plant_macadamia_nut_seed, .pic.pick_macadamia_seed, .pic.harvest_macadamia_seed, .pic.marjoram_seed, .pic.plant_marjoram_seed, .pic.pick_marjoram_seed, .pic.harvest_marjoram_seed, .pic.pinapple_seed, .pic.plant_pinapple_seed, .pic.pick_pinapple_seed, .pic.harvest_pinapple_seed, .pic.garlic_clove, .pic.plant_garlic_clove, .pic.pick_garlic_clove, .pic.harvest_garlic_clove, .pic.olive_seed, .pic.plant_olive_seed, .pic.pick_olive_seed, .pic.harvest_olive_seed, .pic.pinto_bean_seed, .pic.plant_pinto_bean_seed, .pic.pick_pinto_bean_seed, .pic.harvest_pinto_bean_seed, .pic.harvest_garlic_cloves, .pic.plant_pea, .pic.pick_pinto_bean_seed, .pic.harvest_pinto_bean_seed, .pic.seed_sugar_cane, .pic.banana_shoot, .pic.plant_banana_shoot, .pic.avocado_pit, .pic.plant_avocado_pit, .pic.harvest_avocado_pits, .pic.plant_sanctuary_mystery_seeds { background: url(img/icons/resources/seed.jpg); } .pic.plant { background: url(img/icons/layout/plantIcon.jpg); } .pic.prune { background: url(img/icons/layout/pruneIcon.jpg); } .pic.pick { background: url(img/icons/layout/pickingIcon.jpg); } .pic.seed { background: url(img/icons/layout/seedingIcon.jpg); } .pic.grow { background: url(img/icons/layout/growIcon.jpg); } //wood .pic.fuel, .pic.make_fuel_from_logs, .pic.make_fuel_from_boards, .pic.make_fuel_from_coal, .pic.make_fuel_from_leafs, .pic.make_fuel_from_pine_logs, .pic.make_fuel_from_cedar_logs, .pic.make_fuel_from_willow_logs, .pic.make_fuel_from_oak_logs, .pic.make_fuel_from_hardwood_logs { background: url(img/icons/resources/fuel.jpg); } .pic.log, .pic.chop_trees, .pic.clear_trees_for_hope_farmers, .pic.clear_trees_for_farmers, .pic.clear_trees_for_vale_farmers, .pic.clear_trees_for_creek_farmers, .pic.clear_trees_for_root_farmers { background: url(img/icons/resources/log.jpg); } .pic.hardwood_log, .pic.look_for_hardwood_trees{ background: url(img/icons/resources/hardwood_log.jpg); } .pic.pine_log, .pic.look_for_pine_trees{ background: url(img/icons/resources/pine_log.jpg); } .pic.cedar_log, .pic.look_for_cedar_trees{ background: url(img/icons/resources/cedar_log.jpg); } .pic.willow_log, .pic.look_for_willow_trees{ background: url(img/icons/resources/willow_log.jpg); } .pic.oak_log, .pic.look_for_oak_trees{ background: url(img/icons/resources/oak_log.jpg); } .pic.maple_log, .pic.look_for_maple_trees{ background: url(img/icons/resources/maple_log.jpg); } .pic.spruce_log, .pic.look_for_spruce_trees{ background: url(img/icons/resources/spruce_log.jpg); } .pic.cypress_log, .pic.look_for_cypress_trees{ background: url(img/icons/resources/cypress_log.jpg); } .pic.elm_log, .pic.look_for_elm_trees{ background: url(img/icons/resources/elm_log.jpg); } .pic.hickory_log, .pic.look_for_hickory_trees{ background: url(img/icons/resources/hickory_log.jpg); } .pic.board, .pic.saw_log_into_board, .pic.saw_2_logs_into_boards, .pic.saw_4_logs_into_boards, .pic.saw_8_logs_into_boards{ background: url(img/icons/resources/board.jpg); } //handles .pic.hardwood_handle, .pic.craft_hardwood_handle{ background: url(img/icons/resources/hardwood_handle.jpg); } .pic.pine_handle, .pic.craft_pine_handle{ background: url(img/icons/resources/pine_handle.jpg); } .pic.cedar_handle, .pic.craft_cedar_handle{ background: url(img/icons/resources/cedar_handle.jpg); } .pic.willow_handle, .pic.craft_willow_handle{ background: url(img/icons/resources/willow_handle.jpg); } .pic.oak_handle, .pic.craft_oak_handle{ background: url(img/icons/resources/oak_handle.jpg); } .pic.maple_handle, .pic.craft_maple_handle{ background: url(img/icons/resources/maple_handle.jpg); } .pic.spruce_handle, .pic.craft_spruce_handle{ background: url(img/icons/resources/spruce_handle.jpg); } .pic.cypress_handle, .pic.craft_cypress_handle{ background: url(img/icons/resources/cypress_handle.jpg); } .pic.elm_handle, .pic.craft_elm_handle{ background: url(img/icons/resources/elm_handle.jpg); } .pic.hickory_handle, .pic.craft_hickory_handle{ background: url(img/icons/resources/hickory_handle.jpg); } //fish .pic.bluegill, .pic.fish_bluegill{ background: url(img/icons/resources/bluegill.jpg); } .pic.perch, .pic.fish_perch{ background: url(img/icons/resources/perch.jpg); } .pic.crayfish, .pic.fish_crayfish{ background: url(img/icons/resources/crayfish.jpg); } .pic.grunting_bullfrog, .pic.fish_grunting_bullfrog{ background: url(img/icons/resources/bullfrog.jpg); } .pic.crappie, .pic.fish_crappie{ background: url(img/icons/resources/crappy.jpg); } .pic.bullhead_catfish, .pic.fish_bullhead_catfish{ background: url(img/icons/resources/catfish.jpg); } .pic.smallmouth_bass, .pic.fish_smallmouth_bass{ background: url(img/icons/resources/smallmouth_bass.jpg); } .pic.rainbow_trout, .pic.fish_rainbow_trout{ background: url(img/icons/resources/rainbow_trout.jpg); } .pic.cutthroat_trout, .pic.fish_cutthroat_trout{ background: url(img/icons/resources/cutthroat.jpg); } .pic.rock_bass, .pic.fish_rock_bass{ background: url(img/icons/resources/rock_bass.jpg); } .pic.steelhead, .pic.fish_steelhead{ background: url(img/icons/resources/steelhead.jpg); } .pic.lake_trout, .pic.fish_lake_trout{ background: url(img/icons/resources/lake_trout.jpg); } .pic.anchovy, .pic.fish_anchovy{ background: url(img/icons/resources/anchovy.jpg); } .pic.brown_trout, .pic.fish_brown_trout{ background: url(img/icons/resources/brown_trout.jpg); } .pic.sardine, .pic.fish_sardine{ background: url(img/icons/resources/sardine.jpg); } .pic.bull_trout, .pic.fish_bull_trout{ background: url(img/icons/resources/bull_trout.jpg); } .pic.muskie, .pic.fish_muskie{ background: url(img/icons/resources/muskie.jpg); } .pic.kokanee, .pic.fish_kokanee{ background: url(img/icons/resources/kokanee.jpg); } //beast meat .pic.beast_scrap{ background: url(img/icons/resources/beast_scraps.jpg); } .pic.tiny_beast_chunk{ background: url(img/icons/resources/tiny_beast_chunks.jpg); } .pic.beast_chunk{ background: url(img/icons/resources/beast_chunk.jpg); } .pic.beast_strip{ background: url(img/icons/resources/beast_strip.jpg); } .pic.beast_steak{ background: url(img/icons/resources/beast_steak.jpg); } .pic.roast_beast{ background: url(img/icons/resources/roast_beast.jpg); } //corn .pic.cornmeal, .pic.mill_corn{ background: url(img/icons/resources/cornmeal.jpg); } .pic.corn_kernel, .pic.harvest_corn_kernel{ background: url(img/icons/resources/corn_kernal.jpg); } //ore .pic.limestone, .pic.mine_limestone, .pic.mine_more_limestone{ background: url(img/icons/resources/limestone.jpg); } .pic.coal, .pic.mine_coal{ background: url(img/icons/resources/coal.jpg); } .pic.stone, .pic.mine_stone, .pic.move_sanctuary_stones{ background: url(img/icons/resources/stone.jpg); } .pic.copper_ore, .pic.mine_copper_ore{ background: url(img/icons/resources/copper_ore.jpg); } .pic.tin_ore, .pic.mine_tin_ore{ background: url(img/icons/resources/tin_ore.jpg); } .pic.iron_ore, .pic.mine_iron_ore, .pic.mine_more_iron{ background: url(img/icons/resources/iron_ore.jpg); } .pic.bauxite_ore, .pic.mine_bauxite_ore{ background: url(img/icons/resources/bauxite_ore.jpg); } .pic.titanium_ore, .pic.mine_titanium_ore{ background: url(img/icons/resources/titanium_ore.jpg); } .pic.mythryl_ore, .pic.mine_mythryl_ore{ background: url(img/icons/resources/mythryl_ore.jpg); } .pic.adamantine_ore, .pic.mine_adamantine_ore{ background: url(img/icons/resources/adamantine_ore.jpg); } .pic.malachite_ore, .pic.mine_malachite_ore{ background: url(img/icons/resources/malachite_ore.jpg); } .pic.moonstone_ore, .pic.mine_moonstone_ore{ background: url(img/icons/resources/moonstone_ore.jpg); } .pic.ebony_ore, .pic.mine_ebony_ore{ background: url(img/icons/resources/ebony_ore.jpg); } .pic.gold_ore, .pic.mine_gold_ore{ background: url(img/icons/resources/gold_ore.jpg); } .pic.platinum_ore, .pic.mine_platinum_ore{ background: url(img/icons/resources/platinum_ore.jpg); } .pic.silver_ore, .pic.mine_silver_ore{ background: url(img/icons/resources/silver_ore.jpg); } //metal bars .pic.copper_bar, .pic.smelt_copper_bar{ background: url(img/icons/resources/copper_bar.jpg); } .pic.bronze_bar, .pic.smelt_bronze_bar{ background: url(img/icons/resources/bronze_bar.jpg); } .pic.iron_bar, .pic.smelt_iron_bar{ background: url(img/icons/resources/iron_bar.jpg); } .pic.steel_bar, .pic.smelt_steel_bar{ background: url(img/icons/resources/steel_bar.jpg); } .pic.aluminum_bar, .pic.smelt_aluminum_bar{ background: url(img/icons/resources/aluminum_bar.jpg); } .pic.titanium_bar, .pic.smelt_titanium_bar{ background: url(img/icons/resources/titanium_bar.jpg); } .pic.mythryl_bar, .pic.smelt_mythryl_bar{ background: url(img/icons/resources/mythryl_bar.jpg); } .pic.adamantite_bar, .pic.smelt_adamantite_bar{ background: url(img/icons/resources/adamantite_bar.jpg); } .pic.malachite_bar, .pic.smelt_malachite_bar{ background: url(img/icons/resources/malachite_bar.jpg); } .pic.moonstone_bar, .pic.smelt_moonstone_bar{ background: url(img/icons/resources/moonstone_bar.jpg); } .pic.ebony_bar, .pic.smelt_ebony_bar{ background: url(img/icons/resources/ebony_bar.jpg); } .pic.silver_bar, .pic.smelt_silver_bar{ background: url(img/icons/resources/silver_bar.jpg); } .pic.gold_bar, .pic.smelt_gold_bar{ background: url(img/icons/resources/gold_bar.jpg); } //plates .pic.copper_plate, .pic.smith_copper_plate{ background: url(img/icons/resources/copper_plate.jpg); } .pic.bronze_plate, .pic.smith_bronze_plate{ background: url(img/icons/resources/bronze_plate.jpg); } .pic.iron_plate, .pic.smith_iron_plate{ background: url(img/icons/resources/iron_plate.jpg); } .pic.steel_plate, .pic.smith_steel_plate{ background: url(img/icons/resources/steel_plate.jpg); } .pic.aluminum_plate, .pic.smith_aluminum_plate{ background: url(img/icons/resources/aluminum_plate.jpg); } .pic.titanium_plate, .pic.smith_titanium_plate{ background: url(img/icons/resources/titanium_plate.jpg); } .pic.mythryl_plate, .pic.smith_mythryl_plate{ background: url(img/icons/resources/mythryl_plate.jpg); } //nails .pic.copper_nail, .pic.smith_copper_nail{ background: url(img/icons/resources/copper_nail.jpg); } .pic.bronze_nail, .pic.smith_bronze_nail{ background: url(img/icons/resources/bronze_nail.jpg); } .pic.iron_nail, .pic.smith_iron_nail{ background: url(img/icons/resources/iron_nail.jpg); } .pic.steel_nail, .pic.smith_steel_nail{ background: url(img/icons/resources/steel_nail.jpg); } .pic.aluminum_nail, .pic.smith_aluminum_nail{ background: url(img/icons/resources/aluminum_nail.jpg); } .pic.titanium_nail, .pic.smith_titanium_nail{ background: url(img/icons/resources/titanium_nail.jpg); } .pic.mythryl_nail, .pic.smith_mythryl_nail{ background: url(img/icons/resources/mythryl_nail.jpg); } //construction actions .pic.add_board_with_copper_nails, .pic.smooth_floor, .pic.shore_foundation, .pic.sand_wood, .pic.brace_roof, .pic.seal_roof, .pic.add_copper_plate, .pic.add_glass_to_building, .pic.add_small_truss, .pic.add_iron_plate, .pic.add_post_to_fence, .pic.add_medium_truss, .pic.add_large_truss, .pic.add_massive_truss, .pic.add_epic_truss, .pic.add_board_with_bronze_nails, .pic.add_board_with_iron_nails, .pic.add_board_with_steel_nails, .pic.add_board_with_aluminum_nails, .pic.add_board_with_titanium_nails, .pic.add_board_with_malachite_nails, .pic.add_board_with_ebony_nails, .pic.add_bronze_plate, .pic.add_steel_plate, .pic.add_aluminum_plate, .pic.add_titanium_plate, .pic.add_malachite_plate, .pic.add_ebony_plate, .pic.clear_ground, .pic.remove_rocks, .pic.remove_roots, .pic.remove_copper_plated_wall, .pic.remove_bronze_plated_wall, .pic.remove_iron_plated_wall, .pic.remove_steel_plated_wall, .pic.remove_titanium_plated_wall, .pic.remove_malachite_plated_wall, .pic.repair_sanctuary_rafters, .pic.add_stone_to_building, .pic.add_finishing_touches_to_building, .pic.add_stone_to_city_wall, .pic.add_leather_to_building { background: url(img/icons/actions/construction.jpg); } //thread .pic.thread, .pic.spin_thread{ background: url(img/icons/resources/burlap_thread.jpg); } .pic.cotton_thread, .pic.spin_cotton_thread{ background: url(img/icons/resources/cotton_thread.jpg); } .pic.hemp_thread, .pic.spin_hemp_thread{ background: url(img/icons/resources/hemp_thread.jpg); } .pic.linen_thread, .pic.spin_linen_thread{ background: url(img/icons/resources/linen_thread.jpg); } .pic.silk_thread, .pic.spin_silk_thread{ background: url(img/icons/resources/silk_thread.jpg); } .pic.velvet_thread, .pic.spin_velvet_thread{ background: url(img/icons/resources/velvet_thread.jpg); } .pic.flax, .pic.harvest_flax{ background: url(img/icons/resources/flax.jpg); } //cloth .pic.burlap_cloth, .pic.loom_burlap_cloth{ background: url(img/icons/resources/burlap_cloth.jpg); } .pic.cotton_cloth, .pic.loom_cotton_cloth{ background: url(img/icons/resources/cotton_cloth.jpg); } .pic.hemp_cloth{ background: url(img/icons/resources/hemp_cloth.jpg); } .pic.linen_cloth{ background: url(img/icons/resources/linen_cloth.jpg); } .pic.silk_cloth{ background: url(img/icons/resources/silk_cloth.jpg); } .pic.velvet_cloth{ background: url(img/icons/resources/velvet_cloth.jpg); } //leather .pic.soft_leather, .pic.craft_soft_leather{ background: url(img/icons/resources/soft_leather.jpg); } .pic.leather{ background: url(img/icons/resources/leather.jpg); } .pic.hard_leather{ background: url(img/icons/resources/hard_leather.jpg); } .pic.animal_skin{ background: url(img/icons/resources/animal_skin.jpg); } // misc .pic.beeswax{ background: url(img/icons/resources/beeswax.jpg); } .pic.melted_wax, .pic.melt_wax{ background: url(img/icons/resources/wax.jpg); } .pic.bow_string, .pic.spin_bow_string{ background: url(img/icons/resources/bow_string.jpg); } .pic.glass, .pic.smelt_glass{ background: url(img/icons/resources/glass.jpg); } .pic.wheel, .pic.build_wheel{ background: url(img/icons/resources/wheel.jpg); } .pic.hardwood_post, .pic.make_hardwood_post{ background: url(img/icons/resources/hardwood_post.jpg); } .pic.copper_buckle, .pic.smith_copper_buckle{ background: url(img/icons/resources/copper_buckle.jpg); } .pic.feather{ background: url(img/icons/resources/feather.jpg); } .pic.leaf{ background: url(img/icons/resources/leaf.jpg); } .pic.salt, .pic.harvest_sea_salt{ background: url(img/icons/resources/salt.jpg); } .pic.nutrients, .pic.mine_nutrients, .pic.add_nutrients{ background: url(img/icons/resources/nutrients.jpg); } .pic.compost, .pic.add_compost{ background: url(img/icons/resources/compost.jpg); } //gems .pic.crushed_orange_garnet, .pic.crush_orange_garnet{ background: url(img/icons/resources/crushed_orange_garnet.jpg); } .pic.red_garnet_gem{ background: url(img/icons/resources/red_garnet.jpg); } .pic.orange_garnet_gem{ background: url(img/icons/resources/orange_garnet.jpg); } .pic.beryl_gem{ background: url(img/icons/resources/beryl.jpg); } .pic.topaz_gem{ background: url(img/icons/resources/topaz.jpg); } .pic.sapphire_gem{ background: url(img/icons/resources/sapphire.jpg); } .pic.diamond_gem{ background: url(img/icons/resources/diamond.jpg); } .pic.emerald_gem{ background: url(img/icons/resources/emerald.jpg); } .pic.ruby_gem{ background: url(img/icons/resources/ruby.jpg); } .pic.blue_garnet_gem{ background: url(img/icons/resources/blue_garnet.jpg); } .pic.jade{ background: url(img/icons/resources/jade.jpg); } .pic.amber{ background: url(img/icons/resources/amber.jpg); } //potions .pic.red_potion, .pic.brew_red_potion, .pic.mix_red_potion{ background: url(img/icons/resources/potions/red.jpg); } .pic.yellow_potion, .pic.brew_yellow_potion, .pic.mix_yellow_potion{ background: url(img/icons/resources/potions/yellow.jpg); } .pic.blue_potion, .pic.brew_blue_potion, .pic.mix_blue_potion{ background: url(img/icons/resources/potions/blue.jpg); } .pic.orange_potion, .pic.brew_orange_potion, .pic.mix_orange_potion{ background: url(img/icons/resources/potions/orange.jpg); } .pic.light_orange_potion, .pic.brew_light_orange_potion, .pic.mix_light_orange_potion{ background: url(img/icons/resources/potions/light_orange.jpg); } .pic.blood_orange_potion, .pic.brew_blood_orange_potion, .pic.mix_blood_orange_potion{ background: url(img/icons/resources/potions/blood_orange.jpg); } .pic.dark_orange_potion, .pic.brew_dark_orange_potion, .pic.mix_dark_orange_potion{ background: url(img/icons/resources/potions/dark_orange.jpg); } .pic.vibrant_orange_potion, .pic.brew_vibrant_orange_potion, .pic.mix_vibrant_orange_potion{ background: url(img/icons/resources/potions/vibrant_orange.jpg); } .pic.metallic_orange_potion, .pic.brew_metallic_orange_potion, .pic.mix_metallic_orange_potion{ background: url(img/icons/resources/potions/metallic_orange_potion.jpg); } .pic.burnt_orange_potion, .pic.brew_burnt_orange_potion, .pic.mix_burnt_orange_potion{ background: url(img/icons/resources/potions/burnt_orange.jpg); } .pic.glowing_orange_potion, .pic.brew_glowing_orange_potion, .pic.mix_glowing_orange_potion{ background: url(img/icons/resources/potions/glowing_orange.jpg); } .pic.green_potion, .pic.brew_green_potion, .pic.mix_green_potion{ background: url(img/icons/resources/potions/green.jpg); } .pic.light_green_potion, .pic.brew_light_green_potion, .pic.mix_light_green_potion{ background: url(img/icons/resources/potions/light_green_potion.jpg); } .pic.leaf_green_potion, .pic.brew_leaf_green_potion, .pic.mix_leaf_green_potion{ background: url(img/icons/resources/potions/leaf_green_potion.jpg); } .pic.dark_green_potion, .pic.brew_dark_green_potion, .pic.mix_dark_green_potion{ background: url(img/icons/resources/potions/dark_green_potion.jpg); } .pic.vibrant_green_potion, .pic.brew_vibrant_green_potion, .pic.mix_vibrant_green_potion{ background: url(img/icons/resources/potions/vibrant_green_potion.jpg); } .pic.metallic_green_potion, .pic.brew_metallic_green_potion, .pic.mix_metallic_green_potion{ background: url(img/icons/resources/potions/metallic_green_potion.jpg); } .pic.forest_green_potion, .pic.brew_forest_green_potion, .pic.mix_forest_green_potion{ background: url(img/icons/resources/potions/forest_green_potion.jpg); } .pic.glowing_green_potion, .pic.brew_glowing_green_potion, .pic.mix_glowing_green_potion{ background: url(img/icons/resources/potions/glowing_green_potion.jpg); } .pic.purple_potion, .pic.brew_purple_potion, .pic.mix_purple_potion{ background: url(img/icons/resources/potions/purple_potion.jpg); } .pic.light_purple_potion, .pic.brew_light_purple_potion, .pic.mix_light_purple_potion{ background: url(img/icons/resources/potions/light_purple_potion.jpg); } .pic.ultra_violet_potion, .pic.brew_ultra_violet_potion, .pic.mix_ultra_violet_potion{ background: url(img/icons/resources/potions/ultra_violet_potion.jpg); } .pic.dark_purple_potion, .pic.brew_dark_purple_potion, .pic.mix_dark_purple_potion{ background: url(img/icons/resources/potions/dark_purple_potion.jpg); } .pic.vibrant_purple_potion, .pic.brew_vibrant_purple_potion, .pic.mix_vibrant_purple_potion{ background: url(img/icons/resources/potions/vibrant_purple_potion.jpg); } .pic.metallic_purple_potion, .pic.brew_metallic_purple_potion, .pic.mix_metallic_purple_potion{ background: url(img/icons/resources/potions/metallic_purple_potion.jpg); } .pic.midnight_purple_potion, .pic.brew_midnight_purple_potion, .pic.mix_midnight_purple_potion{ background: url(img/icons/resources/potions/midnight_purple_potion.jpg); } .pic.glowing_purple_potion, .pic.brew_glowing_purple_potion, .pic.mix_glowing_purple_potion{ background: url(img/icons/resources/potions/glowing_purple_potion.jpg); } .pic.white_potion, .pic.brew_white_potion, .pic.mix_white_potion{ background: url(img/icons/resources/potions/white_potion.jpg); } .pic.black_potion, .pic.brew_black_potion, .pic.mix_black_potion{ background: url(img/icons/resources/potions/black_potion.jpg); } .pic.silver_potion, .pic.brew_silver_potion, .pic.mix_silver_potion{ background: url(img/icons/resources/potions/silver_potion.jpg); } .pic.glowing_potion, .pic.brew_glowing_potion, .pic.mix_glowing_potion{ background: url(img/icons/resources/potions/glowing_potion.jpg); } .pic.bleach_potion, .pic.brew_bleach_potion{ background: url(img/icons/resources/potions/bleach_potion.jpg); } .pic.potion_flask{ background: url(img/icons/resources/potions/flask.jpg); } //shards .pic.construction_soul_shard{ background: url(img/icons/resources/shards/construction_soul_shard.jpg); } .pic.cooking_soul_shard{ background: url(img/icons/resources/shards/cooking_soul_shard.jpg); } .pic.crafting_soul_shard{ background: url(img/icons/resources/shards/crafting_soul_shard.jpg); } .pic.soul_shard{ background: url(img/icons/resources/shards/empty_soul_shard.jpg); } .pic.farming_soul_shard{ background: url(img/icons/resources/shards/farming_soul_shard.jpg); } .pic.fishing_soul_shard{ background: url(img/icons/resources/shards/fishing_soul_shard.jpg); } .pic.hunting_soul_shard{ background: url(img/icons/resources/shards/hunting_soul_shard.jpg); } .pic.mining_soul_shard{ background: url(img/icons/resources/shards/mining_soul_shard.jpg); } .pic.smithing_soul_shard{ background: url(img/icons/resources/shards/smithing_soul_shard.jpg); } .pic.speed_soul_shard{ background: url(img/icons/resources/shards/speed_soul_shard.jpg); } .pic.woodcutting_soul_shard{ background: url(img/icons/resources/shards/woodcutting_soul_shard.jpg); } .pic.capacity_soul_shard{ background: url(img/icons/resources/shards/capacity_soul_shard.jpg); } //trusses .pic.make_small_truss, .pic.small_truss{ background: url(img/icons/resources/small_truss.jpg); } .pic.make_medium_truss, .pic.medium_truss{ background: url(img/icons/resources/medium_truss.jpg); } .pic.make_large_truss, .pic.large_truss{ background: url(img/icons/resources/large_truss.jpg); } .pic.make_massive_truss, .pic.massive_truss{ background: url(img/icons/resources/massive_truss.jpg); } .pic.make_epic_truss, .pic.epic_truss{ background: url(img/icons/resources/epic_truss.jpg); } //concrete .pic.concrete, .pic.mix_concrete{ background: url(img/icons/resources/concrete.jpg); } //other .pic.instaclan_gem{ background: url(img/icons/resources/instalclanGem.jpg); } .pic.instaclan_gem_used{ background: url(img/icons/other/instalclanGemused.jpg); } .pic.deed_to_land_storage, .pic.deed_to_land_oven, .pic.deed_to_land_farm{ background: url(img/icons/other/deed.jpg) !important; } .pic.mining_cart, .pic.smith_mining_cart{ background: url(img/icons/other/mining_cart.jpg) !important; } .pic.cart, .pic.build_cart{ background: url(img/icons/other/cart.jpg) !important; } .pic.log_cart, .pic.build_log_cart{ background: url(img/icons/other/log_cart.jpg) !important; } .pic.garden_cart, .pic.build_garden_cart{ background: url(img/icons/other/garden_cart.jpg) !important; } body{ background:url(img/layout/signinBK2.jpg) center top no-repeat fixed #000; } .paralax{ background:black; .zeros; top: 293px; } .paralax2{ background:url(img/layout/signinBK2.png) center top no-repeat; .zeros; //top: 293px; } .signin_wrapper{ // height: 100%; width: 100%; //background:black; padding: 296px 0 10px; position: relative; .signinbattle1{ width: 310px; height: 472px; background: url(/img/layout/login-battle1.png) no-repeat; position: absolute; left: 50%; top: 142px; margin: 0 0 0 -424px; z-index: 9; pointer-events: none; } .signinbattle2{ width: 357px; height: 472px; background: url(/img/layout/login-battle2.png) no-repeat; position: absolute; left: 50%; top: 142px; margin: 0 0 0 82px; z-index: 9; pointer-events: none; } .tagline{ width: 317px; position: absolute; top: 136px; left: 50%; margin-left: -188px; z-index: 9999; opacity:1; transition:.25s; &.one{ background: url(/img/layout/tagline.png) no-repeat top; height: 80px; z-index: 1; } &.two{ background: url(/img/layout/tagline.png) no-repeat bottom; height: 51px; top:215px; } &.fade{ opacity:0; transition:.25s; } } .signlogo{ height: 89px; width: 297px; position: absolute; left: 50%; top: 8px; margin: 0 0px 0 -333px; background: url(/img/layout/biglogo.png) no-repeat; z-index: 99; } .content_wrapper{ background: url(img/layout/13.jpeg); .dark_bevel; border-width:2px; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); width: 648px; margin:0 auto 21px; text-align: center; //top: 160px; position:relative; .login_label{ margin: 6px auto 0px; text-align: center; .gold_border_filled; display: inline-block; padding: 1px 10px; line-height:1; } .highslide{ background:#2b2b2b; display:block; .grey_icon_border; margin: 8px; img{ width: 218px; margin: -5px; border:none; } } .loginblock{ border-style: solid; border-width: 9px 10px 14px; -moz-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -webkit-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -o-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; border-image: url(img/layout/creature_gold_border.png) 9 10 13 fill repeat; height: 164px; position: absolute; top: -217px; right: 0px; width: 240px; z-index: 99; background: rgba(0,0,0,.75); color:white; // transition:.25s; &.moveit{ position: fixed; top: 20px; left: 50%; margin-left: 312px; width: 145px; text-align: center; height: 226px; form{ text-align: center; .button.reg, .button.log{ margin-right: 0; } .button.log{ margin-top: 102px; } .field .val{ right:136px; } } } } .login_label{ margin: 6px auto 0px; text-align: center; .gold_border_filled; display: inline-block; padding: 1px 10px; line-height:1; } .highslide{ background:#2b2b2b; display:block; .grey_icon_border; margin: 8px; img{ width: 218px; margin: -5px; border:none; } } .loginblock{ border-style: solid; border-width: 9px 10px 14px; -moz-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -webkit-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -o-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; border-image: url(img/layout/creature_gold_border.png) 9 10 13 fill repeat; height: 164px; position: absolute; top: -217px; right: 0px; width: 240px; z-index: 99; background: rgba(0,0,0,.75); color:white; form{ text-align: right; .required{ color:red; } input[type="text"], input[type="email"], input[type="password"]{ .BSinput; width:117px; } .field{ margin: 5px 0; } .button.reg{ height: 30px; width: 119px; background:url(img/layout/register.png) no-repeat; display: inline-block; margin-right: 5px; cursor: pointer; &:hover{ background:url(img/layout/registerHover.png) no-repeat; } } .button.log{ height: 30px; width: 119px; background:url(img/layout/login.png) no-repeat; display: inline-block; margin-right: 5px; cursor: pointer; margin-top: 66px; &:hover{ background:url(img/layout/loginHover.png) no-repeat; } } } } .parchment{ margin: 5px; .fullbig{ margin:20px auto; } p.center{ text-align: center; } .skillbanner{ background: url(/img/layout/12skills.png) no-repeat; width: 323px; height: 31px; margin: 15px auto 0px; } .clanbanner{ background: url(/img/layout/clansheader.png) no-repeat; width: 323px; height: 31px; margin: 15px auto 0px; } .itemsbanner{ background: url(/img/layout/itemsbanner.png) no-repeat; width: 323px; height: 31px; margin: 15px auto 0px; } .neverplayed{ background: url(/img/layout/neverplayed.png) no-repeat; width: 362px; height: 31px; margin: 15px auto 0px; } .br{ width: 188px; height: 10px; background: url(/img/layout/br.png) no-repeat; margin: 15px auto 25px; } .blurb{ margin: 15px 30px 5px; text-align: left; text-shadow: 0 0 2px #d6b778; background: rgba(214, 183, 120, 0.43); h1{ font-size: 19px; margin-bottom: 5px; } p{ font-size: 14px; margin-bottom: 5px; } } .iconBlock{ text-align: center; } .carosell{ .skillz{ width: 534px; height: 237px; background:black; margin-left: -6px; margin: 22px AUTO; .tile{ width: 134px; height: 79px; display: block; float: left; opacity: .5; transition: .25s; cursor: pointer; position: relative; z-index: 1; &:hover{ opacity: 1; transition: .25s; } } .aura{ background:url(/img/skills/small/1-aura.jpg) no-repeat; } .combat{ background:url(/img/skills/small/2-combat.jpg) no-repeat; } .construction{ background:url(/img/skills/small/3-construction.jpg) no-repeat; width: 132px; } .cooking{ background:url(/img/skills/small/4-cooking.jpg) no-repeat; } .crafting{ background:url(/img/skills/small/5-crafting.jpg) no-repeat; } .farming{ background:url(/img/skills/small/6-farming.jpg) no-repeat; } .fishing{ background:url(/img/skills/small/7-fishing.jpg) no-repeat; width: 132px; } .hunting{ background:url(/img/skills/small/8-hunting.jpg) no-repeat; } .mining{ background:url(/img/skills/small/9-mining.jpg) no-repeat; } .smithing{ background:url(/img/skills/small/10-smithing.jpg) no-repeat; } .speed{ background:url(/img/skills/small/11-speed.jpg) no-repeat; width: 132px; } .woodcutting{ background:url(/img/skills/small/12-woodcutting.jpg) no-repeat; } } .skillz_blurb{ .blurb{ display: none; outline:none !important; } } &.aura .aura, &.combat .combat, &.construction .construction, &.cooking .cooking, &.crafting .crafting, &.farming .farming, &.fishing .fishing, &.hunting .hunting, &.mining .mining, &.smithing .smithing, &.speed .speed, &.woodcutting .woodcutting { opacity:1; display: block; z-index: 9; outline: 1px solid white; } } } .login_wrapper{ .loginLink{ margin: -6px -6px 0; padding: 3px 10px 2px; font-weight: bold; position: absolute; top: -19px; right: 8px; background: rgba(0, 0, 0, 0.75); cursor: pointer; color:#ddd; div{ pointer-events:none; border-style: solid; border-width: 9px 10px 14px; -moz-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -webkit-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; -o-border-image: url(img/layout/creature_gold_border.png) 9 10 13 repeat; border-image: url(img/layout/creature_gold_border.png) 9 10 13 fill repeat; border-bottom: 0; .zeros; top:-2px; left:-4px; right:-4px; bottom: 0px; } &.register{ right:80px; &:hover{ color:white; } padding-bottom: 1px; cursor: pointer; color:#ddd; div{ bottom:0px; } } &.signin{ &:hover{ color:white; } padding-bottom: 4px; cursor: default; color:white; div{ bottom:2px; } } } .regBlock{display: none;} .logBlock{ display: block; .forgot{ margin-right: 5px; color:#ddd; &:hover{ color:white; cursor: pointer; } } } &.reg{ .loginLink.register{ padding-bottom: 4px; cursor: default; color:white; div{ bottom:2px; } } .loginLink.signin{ padding-bottom: 1px; cursor: pointer; color:#ddd; div{ bottom:0px; } } .logBlock{ display: none; } .regBlock{display: block;} } .field{ position: relative; .val{ position: absolute; right: 128px; white-space: nowrap; bottom: 2px; background: red; padding: 3px; border-radius: 5px 0 0 5px; &:after { display: inline-block; border: 9px solid; border-color: transparent transparent transparent red; height: 0; width: 0; position: absolute; right: -18px; top: 0; content: ""; display: inline-block; } } } } .other_content{ .slate; margin-top: 8px; padding: 20px; margin-bottom: 11px; color: #ccc; .login_label{ margin:0 auto 9px; } } } } .highslide-container{ z-index:999999 !important; .highslide-caption{ background: rgba(255,255,255,.75); margin: 19px; border-radius: 5px; font-weight: bold; font-size: 20px; //text-align: center; .highslide-number{ display: none; } } } @charset "UTF-8"; .twa { display: inline-block; height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; background-repeat: no-repeat; background-position: center center; background-size: 1em 1em; } .twa-lg { height: 1.33em; width: 1.33em; margin: 0 0.0665em 0 0.133em; vertical-align: -0.133em; background-size: 1.33em 1.33em; } .twa-2x { height: 2em; width: 2em; margin: 0 0.1em 0 0.2em; vertical-align: -0.2em; background-size: 2em 2em; } .twa-3x { height: 3em; width: 3em; margin: 0 0.15em 0 0.3em; vertical-align: -0.3em; background-size: 3em 3em; } .twa-4x { height: 4em; width: 4em; margin: 0 0.2em 0 0.4em; vertical-align: -0.4em; background-size: 4em 4em; } .twa-5x { height: 5em; width: 5em; margin: 0 0.25em 0 0.5em; vertical-align: -0.5em; background-size: 5em 5em; } .twa-mahjong-red-dragon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f004.png"); } .twa-mahjong { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f004.png"); } .twa-joker { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f0cf.png"); } .twa-black-joker { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f0cf.png"); } .twa-a-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f170.png"); } .twa-a { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f170.png"); } .twa-b-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f171.png"); } .twa-b { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f171.png"); } .twa-o-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f17e.png"); } .twa-o2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f17e.png"); } .twa-p-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f17f.png"); } .twa-parking { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f17f.png"); } .twa-ab-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f18e.png"); } .twa-ab { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f18e.png"); } .twa-squared-cl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f191.png"); } .twa-cl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f191.png"); } .twa-squared-cool { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f192.png"); } .twa-cool { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f192.png"); } .twa-squared-free { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f193.png"); } .twa-free { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f193.png"); } .twa-squared-id { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f194.png"); } .twa-id { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f194.png"); } .twa-squared-new { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f195.png"); } .twa-new { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f195.png"); } .twa-squared-ng { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f196.png"); } .twa-ng { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f196.png"); } .twa-squared-ok { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f197.png"); } .twa-ok { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f197.png"); } .twa-squared-sos { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f198.png"); } .twa-sos { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f198.png"); } .twa-upexc-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f199.png"); } .twa-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f199.png"); } .twa-squared-vs { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f19a.png"); } .twa-vs { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f19a.png"); } .twa-ascension-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1e8.png"); } .twa-andorra-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1e9.png"); } .twa-emirates-uae-united-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1ea.png"); } .twa-afghanistan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1eb.png"); } .twa-antigua-barbuda-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1ec.png"); } .twa-anguilla-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1ee.png"); } .twa-albania-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1f1.png"); } .twa-armenia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1f2.png"); } .twa-angola-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1f4.png"); } .twa-antarctica-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1f6.png"); } .twa-argentina-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1f7.png"); } .twa-american-samoa-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1f8.png"); } .twa-austria-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1f9.png"); } .twa-australia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1fa.png"); } .twa-aruba-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1fc.png"); } .twa-aland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1fd.png"); } .twa-azerbaijan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6-1f1ff.png"); } .twa-aa { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6.png"); } .twa-squared-a { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e6.png"); } .twa-bosnia-herzegovina-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1e6.png"); } .twa-barbados-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1e7.png"); } .twa-bangladesh-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1e9.png"); } .twa-belgium-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1ea.png"); } .twa-burkina-faso-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1eb.png"); } .twa-bulgaria-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1ec.png"); } .twa-bahrain-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1ed.png"); } .twa-burundi-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1ee.png"); } .twa-benin-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1ef.png"); } .twa-barthelemy-barthelemy-saint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f1.png"); } .twa-bermuda-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f2.png"); } .twa-brunei-darussalam-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f3.png"); } .twa-bolivia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f4.png"); } .twa-bonaire-caribbean-eustatius-netherlands-saba-sint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f6.png"); } .twa-brazil-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f7.png"); } .twa-bahamas-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f8.png"); } .twa-bhutan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1f9.png"); } .twa-bouvet-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1fb.png"); } .twa-botswana-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1fc.png"); } .twa-belarus-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1fe.png"); } .twa-belize-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7-1f1ff.png"); } .twa-bb { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7.png"); } .twa-squared-b { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e7.png"); } .twa-canada-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1e6.png"); } .twa-cocos-island-keeling-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1e8.png"); } .twa-congo-congo-kinshasa-democratic-republic-of-congo-drc-kinshasa-republic-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1e9.png"); } .twa-central-african-republic-republic-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1eb.png"); } .twa-brazzaville-congo-congo-republic-congo-brazzaville-republic-republic-of-the-congo-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1ec.png"); } .twa-switzerland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1ed.png"); } .twa-cote-ivoire-cote-ivoire-ivory-coast-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1ee.png"); } .twa-cook-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f0.png"); } .twa-chile-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f1.png"); } .twa-cameroon-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f2.png"); } .twa-china-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f3.png"); } .twa-cn { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f3.png"); } .twa-colombia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f4.png"); } .twa-clipperton-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f5.png"); } .twa-costa-rica-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1f7.png"); } .twa-cuba-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1fa.png"); } .twa-cabo-cape-verde-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1fb.png"); } .twa-antilles-curacao-curacao-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1fc.png"); } .twa-christmas-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1fd.png"); } .twa-cyprus-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1fe.png"); } .twa-czech-republic-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8-1f1ff.png"); } .twa-cc { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8.png"); } .twa-squared-c { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e8.png"); } .twa-germany-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1ea.png"); } .twa-de { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1ea.png"); } .twa-diego-garcia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1ec.png"); } .twa-djibouti-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1ef.png"); } .twa-denmark-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1f0.png"); } .twa-dominica-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1f2.png"); } .twa-dominican-republic-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1f4.png"); } .twa-algeria-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9-1f1ff.png"); } .twa-dd { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9.png"); } .twa-squared-d { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1e9.png"); } .twa-ceuta-melilla-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1e6.png"); } .twa-ecuador-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1e8.png"); } .twa-estonia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1ea.png"); } .twa-egypt-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1ec.png"); } .twa-sahara-west-western-sahara-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1ed.png"); } .twa-eritrea-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1f7.png"); } .twa-spain-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1f8.png"); } .twa-es { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1f8.png"); } .twa-ethiopia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1f9.png"); } .twa-european-union-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1fa.png"); } .twa-ee { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea.png"); } .twa-squared-e { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ea.png"); } .twa-finland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb-1f1ee.png"); } .twa-fiji-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb-1f1ef.png"); } .twa-falkland-falklands-island-islas-malvinas-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb-1f1f0.png"); } .twa-micronesia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb-1f1f2.png"); } .twa-faroe-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb-1f1f4.png"); } .twa-france-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb-1f1f7.png"); } .twa-fr { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb-1f1f7.png"); } .twa-ff { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb.png"); } .twa-squared-f { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1eb.png"); } .twa-gabon-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1e6.png"); } .twa-britain-british-cornwall-england-great-britain-ireland-northern-ireland-scotland-uk-union-jack-united-united-kingdom-wales-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1e7.png"); } .twa-gb { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1e7.png"); } .twa-grenada-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1e9.png"); } .twa-georgia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1ea.png"); } .twa-french-guiana-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1eb.png"); } .twa-guernsey-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1ec.png"); } .twa-ghana-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1ed.png"); } .twa-gibraltar-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1ee.png"); } .twa-greenland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f1.png"); } .twa-gambia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f2.png"); } .twa-guinea-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f3.png"); } .twa-guadeloupe-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f5.png"); } .twa-equatorial-guinea-guinea-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f6.png"); } .twa-greece-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f7.png"); } .twa-georgia-island-south-south-georgia-south-sandwich-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f8.png"); } .twa-guatemala-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1f9.png"); } .twa-guam-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1fa.png"); } .twa-bissau-guinea-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1fc.png"); } .twa-guyana-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec-1f1fe.png"); } .twa-gg { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec.png"); } .twa-squared-g { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ec.png"); } .twa-china-hong-kong-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed-1f1f0.png"); } .twa-heard-island-mcdonald-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed-1f1f2.png"); } .twa-honduras-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed-1f1f3.png"); } .twa-croatia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed-1f1f7.png"); } .twa-haiti-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed-1f1f9.png"); } .twa-hungary-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed-1f1fa.png"); } .twa-hh { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed.png"); } .twa-squared-h { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ed.png"); } .twa-canary-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1e8.png"); } .twa-indonesia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1e9.png"); } .twa-ireland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1ea.png"); } .twa-israel-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f1.png"); } .twa-isle-of-man-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f2.png"); } .twa-india-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f3.png"); } .twa-british-chagos-indian-ocean-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f4.png"); } .twa-iraq-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f6.png"); } .twa-iran-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f7.png"); } .twa-iceland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f8.png"); } .twa-italy-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f9.png"); } .twa-it { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee-1f1f9.png"); } .twa-ii { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee.png"); } .twa-squared-i { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ee.png"); } .twa-jersey-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ef-1f1ea.png"); } .twa-jamaica-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ef-1f1f2.png"); } .twa-jordan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ef-1f1f4.png"); } .twa-japan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ef-1f1f5.png"); } .twa-jp { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ef-1f1f5.png"); } .twa-jj { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ef.png"); } .twa-squared-j { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ef.png"); } .twa-kenya-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1ea.png"); } .twa-kyrgyzstan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1ec.png"); } .twa-cambodia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1ed.png"); } .twa-kiribati-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1ee.png"); } .twa-comoros-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1f2.png"); } .twa-kitts-nevis-saint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1f3.png"); } .twa-korea-north-north-korea-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1f5.png"); } .twa-korea-south-south-korea-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1f7.png"); } .twa-kr { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1f7.png"); } .twa-kuwait-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1fc.png"); } .twa-cayman-island-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1fe.png"); } .twa-kazakhstan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0-1f1ff.png"); } .twa-kk { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0.png"); } .twa-squared-k { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f0.png"); } .twa-laos-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1e6.png"); } .twa-lebanon-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1e7.png"); } .twa-lucia-saint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1e8.png"); } .twa-liechtenstein-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1ee.png"); } .twa-sri-lanka-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1f0.png"); } .twa-liberia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1f7.png"); } .twa-lesotho-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1f8.png"); } .twa-lithuania-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1f9.png"); } .twa-luxembourg-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1fa.png"); } .twa-latvia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1fb.png"); } .twa-libya-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1-1f1fe.png"); } .twa-ll { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1.png"); } .twa-squared-l { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f1.png"); } .twa-morocco-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1e6.png"); } .twa-monaco-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1e8.png"); } .twa-moldova-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1e9.png"); } .twa-montenegro-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1ea.png"); } .twa-french-martin-saint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1eb.png"); } .twa-madagascar-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1ec.png"); } .twa-island-marshall-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1ed.png"); } .twa-macedonia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f0.png"); } .twa-mali-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f1.png"); } .twa-burma-myanmar-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f2.png"); } .twa-mongolia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f3.png"); } .twa-china-macao-macau-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f4.png"); } .twa-island-mariana-north-northern-mariana-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f5.png"); } .twa-martinique-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f6.png"); } .twa-mauritania-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f7.png"); } .twa-montserrat-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f8.png"); } .twa-malta-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1f9.png"); } .twa-mauritius-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1fa.png"); } .twa-maldives-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1fb.png"); } .twa-malawi-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1fc.png"); } .twa-mexico-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1fd.png"); } .twa-malaysia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1fe.png"); } .twa-mozambique-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1ff.png"); } .twa-mm { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2.png"); } .twa-squared-m { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f2.png"); } .twa-namibia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1e6.png"); } .twa-new-new-caledonia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1e8.png"); } .twa-niger-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1ea.png"); } .twa-island-norfolk-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1eb.png"); } .twa-nigeria-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1ec.png"); } .twa-nicaragua-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1ee.png"); } .twa-netherlands-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1f1.png"); } .twa-norway-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1f4.png"); } .twa-nepal-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1f5.png"); } .twa-nauru-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1f7.png"); } .twa-niue-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1fa.png"); } .twa-new-new-zealand-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3-1f1ff.png"); } .twa-nn { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3.png"); } .twa-squared-n { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f3.png"); } .twa-oman-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f4-1f1f2.png"); } .twa-oo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f4.png"); } .twa-squared-o { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f4.png"); } .twa-panama-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1e6.png"); } .twa-peru-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1ea.png"); } .twa-french-polynesia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1eb.png"); } .twa-guinea-new-papua-new-guinea-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1ec.png"); } .twa-philippines-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1ed.png"); } .twa-pakistan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1f0.png"); } .twa-poland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1f1.png"); } .twa-miquelon-pierre-saint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1f2.png"); } .twa-island-pitcairn-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1f3.png"); } .twa-puerto-rico-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1f7.png"); } .twa-palestine-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1f8.png"); } .twa-portugal-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1f9.png"); } .twa-palau-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1fc.png"); } .twa-paraguay-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5-1f1fe.png"); } .twa-pp { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5.png"); } .twa-squared-p { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f5.png"); } .twa-qatar-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f6-1f1e6.png"); } .twa-qq { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f6.png"); } .twa-squared-q { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f6.png"); } .twa-reunion-reunion-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7-1f1ea.png"); } .twa-romania-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7-1f1f4.png"); } .twa-serbia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7-1f1f8.png"); } .twa-russia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7-1f1fa.png"); } .twa-ru { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7-1f1fa.png"); } .twa-rwanda-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7-1f1fc.png"); } .twa-rr { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7.png"); } .twa-squared-r { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f7.png"); } .twa-saudi-arabia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1e6.png"); } .twa-island-solomon-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1e7.png"); } .twa-seychelles-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1e8.png"); } .twa-sudan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1e9.png"); } .twa-sweden-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1ea.png"); } .twa-singapore-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1ec.png"); } .twa-helena-saint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1ed.png"); } .twa-slovenia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1ee.png"); } .twa-jan-mayen-svalbard-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1ef.png"); } .twa-slovakia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f0.png"); } .twa-sierra-leone-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f1.png"); } .twa-san-marino-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f2.png"); } .twa-senegal-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f3.png"); } .twa-somalia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f4.png"); } .twa-suriname-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f7.png"); } .twa-south-south-sudan-sudan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f8.png"); } .twa-principe-principe-sao-tome-sao-tome-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1f9.png"); } .twa-el-salvador-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1fb.png"); } .twa-maarten-sint-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1fd.png"); } .twa-syria-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1fe.png"); } .twa-swaziland-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8-1f1ff.png"); } .twa-ss { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8.png"); } .twa-squared-s { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f8.png"); } .twa-tristan-da-cunha-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1e6.png"); } .twa-caicos-island-turks-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1e8.png"); } .twa-chad-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1e9.png"); } .twa-antarctic-french-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1eb.png"); } .twa-togo-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1ec.png"); } .twa-thailand-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1ed.png"); } .twa-tajikistan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1ef.png"); } .twa-tokelau-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1f0.png"); } .twa-east-east-timor-timor-leste-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1f1.png"); } .twa-turkmenistan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1f2.png"); } .twa-tunisia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1f3.png"); } .twa-tonga-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1f4.png"); } .twa-turkey-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1f7.png"); } .twa-tobago-trinidad-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1f9.png"); } .twa-tuvalu-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1fb.png"); } .twa-china-taiwan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1fc.png"); } .twa-tanzania-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9-1f1ff.png"); } .twa-tt { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9.png"); } .twa-squared-t { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1f9.png"); } .twa-ukraine-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1e6.png"); } .twa-uganda-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1ec.png"); } .twa-america-island-minor-outlying-united-united-states-us-usa-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1f2.png"); } .twa-america-stars-and-stripes-united-united-states-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1f8.png"); } .twa-us { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1f8.png"); } .twa-uruguay-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1fe.png"); } .twa-uzbekistan-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1ff.png"); } .twa-uu { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa.png"); } .twa-squared-u { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fa.png"); } .twa-vatican-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb-1f1e6.png"); } .twa-grenadines-saint-vincent-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb-1f1e8.png"); } .twa-venezuela-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb-1f1ea.png"); } .twa-british-island-virgin-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb-1f1ec.png"); } .twa-america-american-island-united-united-states-us-usa-virgin-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb-1f1ee.png"); } .twa-viet-nam-vietnam-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb-1f1f3.png"); } .twa-vanuatu-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb-1f1fa.png"); } .twa-vv { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb.png"); } .twa-squared-v { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fb.png"); } .twa-futuna-wallis-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fc-1f1eb.png"); } .twa-samoa-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fc-1f1f8.png"); } .twa-ww { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fc.png"); } .twa-squared-w { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fc.png"); } .twa-kosovo-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fd-1f1f0.png"); } .twa-xx { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fd.png"); } .twa-squared-x { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fd.png"); } .twa-yemen-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fe-1f1ea.png"); } .twa-mayotte-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fe-1f1f9.png"); } .twa-yy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fe.png"); } .twa-squared-y { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1fe.png"); } .twa-south-south-africa-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ff-1f1e6.png"); } .twa-zambia-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ff-1f1f2.png"); } .twa-zimbabwe-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ff-1f1fc.png"); } .twa-zz { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ff.png"); } .twa-squared-z { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f1ff.png"); } .twa-squared-katakana-koko { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f201.png"); } .twa-koko { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f201.png"); } .twa-squared-katakana-sa { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f202.png"); } .twa-sa { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f202.png"); } .twa-squared-negation-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f21a.png"); } .twa-u7121 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f21a.png"); } .twa-squared-finger-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f22f.png"); } .twa-u6307 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f22f.png"); } .twa-squared-prohibit-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f232.png"); } .twa-u7981 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f232.png"); } .twa-squared-empty-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f233.png"); } .twa-u7a7a { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f233.png"); } .twa-squared-together-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f234.png"); } .twa-u5408 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f234.png"); } .twa-squared-fullness-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f235.png"); } .twa-u6e80 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f235.png"); } .twa-squared-exist-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f236.png"); } .twa-u6709 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f236.png"); } .twa-squared-moon-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f237.png"); } .twa-u6708 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f237.png"); } .twa-squared-apply-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f238.png"); } .twa-u7533 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f238.png"); } .twa-squared-divide-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f239.png"); } .twa-u5272 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f239.png"); } .twa-squared-operating-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f23a.png"); } .twa-u55b6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f23a.png"); } .twa-circled-advantage-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f250.png"); } .twa-ideograph-advantage { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f250.png"); } .twa-circled-accept-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f251.png"); } .twa-accept { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f251.png"); } .twa-cyclone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f300.png"); } .twa-foggy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f301.png"); } .twa-closed-umbrella { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f302.png"); } .twa-night-with-stars { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f303.png"); } .twa-stars { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f303.png"); } .twa-sunrise-over-mountains { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f304.png"); } .twa-sunrise { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f305.png"); } .twa-cityscape-at-dusk { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f306.png"); } .twa-city-sunset { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f306.png"); } .twa-sunset { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f307.png"); } .twa-city-sunrise { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f307.png"); } .twa-rainbow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f308.png"); } .twa-bridge-at-night { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f309.png"); } .twa-water-wave { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30a.png"); } .twa-ocean { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30a.png"); } .twa-volcano { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30b.png"); } .twa-milky-way { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30c.png"); } .twa-globe-showing-europe-africa { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30d.png"); } .twa-earth-africa { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30d.png"); } .twa-globe-showing-americas { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30e.png"); } .twa-earth-americas { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30e.png"); } .twa-globe-showing-asia-australia { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30f.png"); } .twa-earth-asia { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f30f.png"); } .twa-globe-with-meridians { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f310.png"); } .twa-new-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f311.png"); } .twa-waxing-crescent-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f312.png"); } .twa-first-quarter-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f313.png"); } .twa-waxing-gibbous-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f314.png"); } .twa-full-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f315.png"); } .twa-waning-gibbous-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f316.png"); } .twa-last-quarter-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f317.png"); } .twa-waning-crescent-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f318.png"); } .twa-crescent-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f319.png"); } .twa-moon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f319.png"); } .twa-new-moon-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31a.png"); } .twa-new-moon-with-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31a.png"); } .twa-first-quarter-moon-with-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31b.png"); } .twa-last-quarter-moon-with-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31c.png"); } .twa-full-moon-with-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31d.png"); } .twa-sun-with-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31e.png"); } .twa-glowing-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31f.png"); } .twa-star2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f31f.png"); } .twa-shooting-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f320.png"); } .twa-thermometer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f321.png"); } .twa-sun-behind-small-cloud { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f324.png"); } .twa-sun-behind-large-cloud { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f325.png"); } .twa-sun-behind-cloud-with-rain { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f326.png"); } .twa-cloud-with-rain { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f327.png"); } .twa-cloud-with-snow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f328.png"); } .twa-cloud-with-lightning { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f329.png"); } .twa-tornado { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f32a.png"); } .twa-fog { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f32b.png"); } .twa-wind-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f32c.png"); } .twa-hot-dog { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f32d.png"); } .twa-taco { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f32e.png"); } .twa-burrito { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f32f.png"); } .twa-chestnut { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f330.png"); } .twa-seedling { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f331.png"); } .twa-evergreen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f332.png"); } .twa-evergreen-tree { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f332.png"); } .twa-deciduous-tree { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f333.png"); } .twa-palm-tree { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f334.png"); } .twa-cactus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f335.png"); } .twa-hot-pepper { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f336.png"); } .twa-tulip { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f337.png"); } .twa-cherry-blossom { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f338.png"); } .twa-rose { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f339.png"); } .twa-hibiscus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33a.png"); } .twa-sunflower { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33b.png"); } .twa-blossom { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33c.png"); } .twa-ear-of-corn { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33d.png"); } .twa-corn { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33d.png"); } .twa-sheaf-of-rice { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33e.png"); } .twa-ear-of-rice { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33e.png"); } .twa-herb { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f33f.png"); } .twa-four-leaf-clover { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f340.png"); } .twa-maple-leaf { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f341.png"); } .twa-fallen-leaf { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f342.png"); } .twa-leaf-fluttering-in-wind { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f343.png"); } .twa-leaves { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f343.png"); } .twa-mushroom { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f344.png"); } .twa-tomato { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f345.png"); } .twa-eggplant { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f346.png"); } .twa-grapes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f347.png"); } .twa-melon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f348.png"); } .twa-watermelon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f349.png"); } .twa-tangerine { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f34a.png"); } .twa-lemon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f34b.png"); } .twa-banana { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f34c.png"); } .twa-pineapple { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f34d.png"); } .twa-red-apple { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f34e.png"); } .twa-apple { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f34e.png"); } .twa-green-apple { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f34f.png"); } .twa-pear { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f350.png"); } .twa-peach { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f351.png"); } .twa-cherries { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f352.png"); } .twa-strawberry { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f353.png"); } .twa-hamburger { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f354.png"); } .twa-pizza { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f355.png"); } .twa-meat-on-bone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f356.png"); } .twa-poultry-leg { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f357.png"); } .twa-rice-cracker { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f358.png"); } .twa-rice-ball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f359.png"); } .twa-cooked-rice { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35a.png"); } .twa-rice { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35a.png"); } .twa-curry-rice { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35b.png"); } .twa-curry { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35b.png"); } .twa-steaming-bowl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35c.png"); } .twa-ramen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35c.png"); } .twa-spaghetti { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35d.png"); } .twa-bread { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35e.png"); } .twa-french-fries { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35f.png"); } .twa-fries { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f35f.png"); } .twa-roasted-sweet-potato { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f360.png"); } .twa-sweet-potato { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f360.png"); } .twa-dango { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f361.png"); } .twa-oden { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f362.png"); } .twa-sushi { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f363.png"); } .twa-fried-shrimp { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f364.png"); } .twa-fish-cake-with-swirl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f365.png"); } .twa-fish-cake { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f365.png"); } .twa-soft-ice-cream { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f366.png"); } .twa-icecream { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f366.png"); } .twa-shaved-ice { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f367.png"); } .twa-ice-cream { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f368.png"); } .twa-doughnut { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f369.png"); } .twa-cookie { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f36a.png"); } .twa-chocolate-bar { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f36b.png"); } .twa-candy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f36c.png"); } .twa-lollipop { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f36d.png"); } .twa-custard { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f36e.png"); } .twa-honey-pot { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f36f.png"); } .twa-shortcake { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f370.png"); } .twa-cake { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f370.png"); } .twa-bento-box { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f371.png"); } .twa-bento { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f371.png"); } .twa-pot-of-food { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f372.png"); } .twa-stew { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f372.png"); } .twa-cooking { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f373.png"); } .twa-fork-and-knife { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f374.png"); } .twa-teacup-without-handle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f375.png"); } .twa-tea { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f375.png"); } .twa-sake { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f376.png"); } .twa-wine-glass { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f377.png"); } .twa-cocktail-glass { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f378.png"); } .twa-cocktail { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f378.png"); } .twa-tropical-drink { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f379.png"); } .twa-beer-mug { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37a.png"); } .twa-beer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37a.png"); } .twa-clinking-beer-mugs { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37b.png"); } .twa-beers { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37b.png"); } .twa-baby-bottle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37c.png"); } .twa-fork-and-knife-with-plate { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37d.png"); } .twa-bottle-with-popping-cork { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37e.png"); } .twa-popcorn { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f37f.png"); } .twa-ribbon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f380.png"); } .twa-wrapped-present { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f381.png"); } .twa-gift { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f381.png"); } .twa-birthday-cake { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f382.png"); } .twa-birthday { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f382.png"); } .twa-jack-o-lantern { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f383.png"); } .twa-christmas-tree { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f384.png"); } .twa-father-christmas-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f385-1f3fb.png"); } .twa-father-christmas-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f385-1f3fc.png"); } .twa-father-christmas-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f385-1f3fd.png"); } .twa-father-christmas-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f385-1f3fe.png"); } .twa-father-christmas-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f385-1f3ff.png"); } .twa-santa-claus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f385.png"); } .twa-santa { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f385.png"); } .twa-fireworks { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f386.png"); } .twa-sparkler { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f387.png"); } .twa-balloon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f388.png"); } .twa-party-popper { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f389.png"); } .twa-tada { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f389.png"); } .twa-confetti-ball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38a.png"); } .twa-tanabata-tree { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38b.png"); } .twa-crossed-flags { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38c.png"); } .twa-pine-decoration { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38d.png"); } .twa-bamboo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38d.png"); } .twa-japanese-dolls { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38e.png"); } .twa-dolls { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38e.png"); } .twa-carp-streamer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38f.png"); } .twa-flags { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f38f.png"); } .twa-wind-chime { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f390.png"); } .twa-moon-ceremony { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f391.png"); } .twa-rice-scene { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f391.png"); } .twa-school-backpack { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f392.png"); } .twa-school-satchel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f392.png"); } .twa-graduation-cap { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f393.png"); } .twa-mortar-board { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f393.png"); } .twa-military-medal { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f396.png"); } .twa-reminder-ribbon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f397.png"); } .twa-studio-microphone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f399.png"); } .twa-level-slider { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f39a.png"); } .twa-control-knobs { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f39b.png"); } .twa-film-frames { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f39e.png"); } .twa-admission-tickets { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f39f.png"); } .twa-carousel-horse { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a0.png"); } .twa-ferris-wheel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a1.png"); } .twa-roller-coaster { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a2.png"); } .twa-fishing-pole { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a3.png"); } .twa-fishing-pole-and-fish { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a3.png"); } .twa-microphone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a4.png"); } .twa-movie-camera { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a5.png"); } .twa-cinema { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a6.png"); } .twa-headphone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a7.png"); } .twa-headphones { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a7.png"); } .twa-artist-palette { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a8.png"); } .twa-art { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a8.png"); } .twa-top-hat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a9.png"); } .twa-tophat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3a9.png"); } .twa-circus-tent { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3aa.png"); } .twa-ticket { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ab.png"); } .twa-clapper-board { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ac.png"); } .twa-clapper { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ac.png"); } .twa-performing-arts { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ad.png"); } .twa-video-game { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ae.png"); } .twa-direct-hit { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3af.png"); } .twa-dart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3af.png"); } .twa-slot-machine { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b0.png"); } .twa-billiards { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b1.png"); } .twa-8ball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b1.png"); } .twa-game-die { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b2.png"); } .twa-bowling { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b3.png"); } .twa-flower-playing-cards { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b4.png"); } .twa-musical-note { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b5.png"); } .twa-musical-notes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b6.png"); } .twa-notes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b6.png"); } .twa-saxophone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b7.png"); } .twa-guitar { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b8.png"); } .twa-musical-keyboard { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3b9.png"); } .twa-trumpet { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ba.png"); } .twa-violin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3bb.png"); } .twa-musical-score { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3bc.png"); } .twa-running-shirt { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3bd.png"); } .twa-running-shirt-with-sash { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3bd.png"); } .twa-tennis { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3be.png"); } .twa-skis { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3bf.png"); } .twa-ski { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3bf.png"); } .twa-basketball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c0.png"); } .twa-chequered-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c1.png"); } .twa-checkered-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c1.png"); } .twa-snowboarder-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c2-1f3fb.png"); } .twa-snowboarder-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c2-1f3fc.png"); } .twa-snowboarder-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c2-1f3fd.png"); } .twa-snowboarder-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c2-1f3fe.png"); } .twa-snowboarder-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c2-1f3ff.png"); } .twa-snowboarder { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c2.png"); } .twa-runner-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c3-1f3fb.png"); } .twa-runner-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c3-1f3fc.png"); } .twa-runner-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c3-1f3fd.png"); } .twa-runner-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c3-1f3fe.png"); } .twa-runner-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c3-1f3ff.png"); } .twa-runner { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c3.png"); } .twa-surfer-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c4-1f3fb.png"); } .twa-surfer-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c4-1f3fc.png"); } .twa-surfer-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c4-1f3fd.png"); } .twa-surfer-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c4-1f3fe.png"); } .twa-surfer-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c4-1f3ff.png"); } .twa-surfer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c4.png"); } .twa-sports-medal { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c5.png"); } .twa-trophy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c6.png"); } .twa-horse-racing-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c7-1f3fb.png"); } .twa-horse-racing-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c7-1f3fc.png"); } .twa-horse-racing-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c7-1f3fd.png"); } .twa-horse-racing-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c7-1f3fe.png"); } .twa-horse-racing-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c7-1f3ff.png"); } .twa-horse-racing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c7.png"); } .twa-american-football { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c8.png"); } .twa-football { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c8.png"); } .twa-rugby-football { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3c9.png"); } .twa-swimmer-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ca-1f3fb.png"); } .twa-swimmer-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ca-1f3fc.png"); } .twa-swimmer-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ca-1f3fd.png"); } .twa-swimmer-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ca-1f3fe.png"); } .twa-swimmer-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ca-1f3ff.png"); } .twa-swimmer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ca.png"); } .twa-weight-lifter-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cb-1f3fb.png"); } .twa-weight-lifter-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cb-1f3fc.png"); } .twa-weight-lifter-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cb-1f3fd.png"); } .twa-weight-lifter-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cb-1f3fe.png"); } .twa-weight-lifter-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cb-1f3ff.png"); } .twa-weight-lifter { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cb.png"); } .twa-golfer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cc.png"); } .twa-motorcycle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cd.png"); } .twa-racing-car { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ce.png"); } .twa-cricket { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3cf.png"); } .twa-volleyball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d0.png"); } .twa-field-hockey { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d1.png"); } .twa-ice-hockey-stick-and-puck { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d2.png"); } .twa-ping-pong { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d3.png"); } .twa-snow-capped-mountain { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d4.png"); } .twa-camping { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d5.png"); } .twa-beach-with-umbrella { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d6.png"); } .twa-building-construction { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d7.png"); } .twa-house-buildings { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d8.png"); } .twa-cityscape { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3d9.png"); } .twa-derelict-house-building { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3da.png"); } .twa-classical-building { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3db.png"); } .twa-desert { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3dc.png"); } .twa-desert-island { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3dd.png"); } .twa-national-park { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3de.png"); } .twa-stadium { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3df.png"); } .twa-house-building { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e0.png"); } .twa-house { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e0.png"); } .twa-house-with-garden { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e1.png"); } .twa-office-building { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e2.png"); } .twa-office { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e2.png"); } .twa-japanese-post-office { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e3.png"); } .twa-post-office { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e4.png"); } .twa-european-post-office { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e4.png"); } .twa-hospital { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e5.png"); } .twa-bank { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e6.png"); } .twa-atm-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e7.png"); } .twa-atm { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e7.png"); } .twa-hotel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e8.png"); } .twa-love-hotel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3e9.png"); } .twa-convenience-store { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ea.png"); } .twa-school { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3eb.png"); } .twa-department-store { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ec.png"); } .twa-factory { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ed.png"); } .twa-red-paper-lantern { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ee.png"); } .twa-japanese-castle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ef.png"); } .twa-castle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f0.png"); } .twa-european-castle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f0.png"); } .twa-rainbow-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f3-fe0f-200d-1f308.png"); } .twa-pride { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f3-fe0f-200d-1f308.png"); } .twa-waving-white-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f3.png"); } .twa-pirate-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f4-200d-2620-fe0f.png"); } .twa-jolly-roger { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f4-200d-2620-fe0f.png"); } .twa-waving-black-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f4.png"); } .twa-rosette { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f5.png"); } .twa-label { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f7.png"); } .twa-badminton { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f8.png"); } .twa-bow-and-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3f9.png"); } .twa-amphora { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3fa.png"); } .twa-skin-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3fb.png"); } .twa-skin-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3fc.png"); } .twa-skin-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3fd.png"); } .twa-skin-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3fe.png"); } .twa-skin-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f3ff.png"); } .twa-rat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f400.png"); } .twa-mouse { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f401.png"); } .twa-mouse2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f401.png"); } .twa-ox { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f402.png"); } .twa-water-buffalo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f403.png"); } .twa-cow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f404.png"); } .twa-cow2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f404.png"); } .twa-tiger { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f405.png"); } .twa-tiger2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f405.png"); } .twa-leopard { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f406.png"); } .twa-rabbit { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f407.png"); } .twa-rabbit2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f407.png"); } .twa-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f408.png"); } .twa-cat2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f408.png"); } .twa-dragon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f409.png"); } .twa-crocodile { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40a.png"); } .twa-whale { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40b.png"); } .twa-whale2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40b.png"); } .twa-snail { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40c.png"); } .twa-snake { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40d.png"); } .twa-horse { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40e.png"); } .twa-racehorse { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40e.png"); } .twa-ram { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f40f.png"); } .twa-goat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f410.png"); } .twa-sheep { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f411.png"); } .twa-monkey { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f412.png"); } .twa-rooster { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f413.png"); } .twa-chicken { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f414.png"); } .twa-dog { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f415.png"); } .twa-dog2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f415.png"); } .twa-pig { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f416.png"); } .twa-pig2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f416.png"); } .twa-boar { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f417.png"); } .twa-elephant { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f418.png"); } .twa-octopus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f419.png"); } .twa-spiral-shell { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41a.png"); } .twa-shell { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41a.png"); } .twa-bug { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41b.png"); } .twa-ant { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41c.png"); } .twa-honeybee { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41d.png"); } .twa-lady-beetle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41e.png"); } .twa-beetle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41e.png"); } .twa-fish { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f41f.png"); } .twa-tropical-fish { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f420.png"); } .twa-blowfish { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f421.png"); } .twa-turtle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f422.png"); } .twa-hatching-chick { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f423.png"); } .twa-baby-chick { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f424.png"); } .twa-front-facing-baby-chick { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f425.png"); } .twa-hatched-chick { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f425.png"); } .twa-bird { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f426.png"); } .twa-penguin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f427.png"); } .twa-koala { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f428.png"); } .twa-poodle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f429.png"); } .twa-camel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f42a.png"); } .twa-dromedary-camel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f42a.png"); } .twa-two-hump-camel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f42b.png"); } .twa-dolphin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f42c.png"); } .twa-mouse-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f42d.png"); } .twa-cow-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f42e.png"); } .twa-tiger-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f42f.png"); } .twa-rabbit-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f430.png"); } .twa-cat-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f431.png"); } .twa-dragon-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f432.png"); } .twa-spouting-whale { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f433.png"); } .twa-horse-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f434.png"); } .twa-monkey-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f435.png"); } .twa-dog-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f436.png"); } .twa-pig-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f437.png"); } .twa-frog-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f438.png"); } .twa-frog { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f438.png"); } .twa-hamster-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f439.png"); } .twa-hamster { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f439.png"); } .twa-wolf-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43a.png"); } .twa-wolf { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43a.png"); } .twa-bear-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43b.png"); } .twa-bear { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43b.png"); } .twa-panda-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43c.png"); } .twa-pig-nose { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43d.png"); } .twa-paw-prints { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43e.png"); } .twa-chipmunk { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f43f.png"); } .twa-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f440.png"); } .twa-eye-in-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f441-200d-1f5e8.png"); } .twa-eye { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f441.png"); } .twa-ear-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f442-1f3fb.png"); } .twa-ear-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f442-1f3fc.png"); } .twa-ear-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f442-1f3fd.png"); } .twa-ear-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f442-1f3fe.png"); } .twa-ear-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f442-1f3ff.png"); } .twa-ear { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f442.png"); } .twa-nose-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f443-1f3fb.png"); } .twa-nose-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f443-1f3fc.png"); } .twa-nose-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f443-1f3fd.png"); } .twa-nose-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f443-1f3fe.png"); } .twa-nose-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f443-1f3ff.png"); } .twa-nose { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f443.png"); } .twa-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f444.png"); } .twa-lips { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f444.png"); } .twa-tongue { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f445.png"); } .twa-white-up-pointing-backhand-index-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f446-1f3fb.png"); } .twa-white-up-pointing-backhand-index-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f446-1f3fc.png"); } .twa-white-up-pointing-backhand-index-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f446-1f3fd.png"); } .twa-white-up-pointing-backhand-index-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f446-1f3fe.png"); } .twa-white-up-pointing-backhand-index-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f446-1f3ff.png"); } .twa-backhand-index-pointing-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f446.png"); } .twa-point-up-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f446.png"); } .twa-white-down-pointing-backhand-index-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f447-1f3fb.png"); } .twa-white-down-pointing-backhand-index-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f447-1f3fc.png"); } .twa-white-down-pointing-backhand-index-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f447-1f3fd.png"); } .twa-white-down-pointing-backhand-index-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f447-1f3fe.png"); } .twa-white-down-pointing-backhand-index-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f447-1f3ff.png"); } .twa-backhand-index-pointing-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f447.png"); } .twa-point-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f447.png"); } .twa-white-left-pointing-backhand-index-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f448-1f3fb.png"); } .twa-white-left-pointing-backhand-index-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f448-1f3fc.png"); } .twa-white-left-pointing-backhand-index-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f448-1f3fd.png"); } .twa-white-left-pointing-backhand-index-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f448-1f3fe.png"); } .twa-white-left-pointing-backhand-index-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f448-1f3ff.png"); } .twa-backhand-index-pointing-left { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f448.png"); } .twa-point-left { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f448.png"); } .twa-white-right-pointing-backhand-index-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f449-1f3fb.png"); } .twa-white-right-pointing-backhand-index-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f449-1f3fc.png"); } .twa-white-right-pointing-backhand-index-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f449-1f3fd.png"); } .twa-white-right-pointing-backhand-index-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f449-1f3fe.png"); } .twa-white-right-pointing-backhand-index-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f449-1f3ff.png"); } .twa-backhand-index-pointing-right { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f449.png"); } .twa-point-right { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f449.png"); } .twa-fisted-hand-sign-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44a-1f3fb.png"); } .twa-fisted-hand-sign-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44a-1f3fc.png"); } .twa-fisted-hand-sign-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44a-1f3fd.png"); } .twa-fisted-hand-sign-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44a-1f3fe.png"); } .twa-fisted-hand-sign-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44a-1f3ff.png"); } .twa-oncoming-fist { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44a.png"); } .twa-punch { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44a.png"); } .twa-waving-hand-sign-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44b-1f3fb.png"); } .twa-waving-hand-sign-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44b-1f3fc.png"); } .twa-waving-hand-sign-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44b-1f3fd.png"); } .twa-waving-hand-sign-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44b-1f3fe.png"); } .twa-waving-hand-sign-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44b-1f3ff.png"); } .twa-waving-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44b.png"); } .twa-wave { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44b.png"); } .twa-ok-hand-sign-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44c-1f3fb.png"); } .twa-ok-hand-sign-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44c-1f3fc.png"); } .twa-ok-hand-sign-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44c-1f3fd.png"); } .twa-ok-hand-sign-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44c-1f3fe.png"); } .twa-ok-hand-sign-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44c-1f3ff.png"); } .twa-ok-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44c.png"); } .twa-thumbs-up-sign-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44d-1f3fb.png"); } .twa-thumbs-up-sign-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44d-1f3fc.png"); } .twa-thumbs-up-sign-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44d-1f3fd.png"); } .twa-thumbs-up-sign-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44d-1f3fe.png"); } .twa-thumbs-up-sign-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44d-1f3ff.png"); } .twa-thumbs-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44d.png"); } .twa-thumbsup { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44d.png"); } .twa-thumbs-down-sign-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44e-1f3fb.png"); } .twa-thumbs-down-sign-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44e-1f3fc.png"); } .twa-thumbs-down-sign-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44e-1f3fd.png"); } .twa-thumbs-down-sign-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44e-1f3fe.png"); } .twa-thumbs-down-sign-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44e-1f3ff.png"); } .twa-thumbs-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44e.png"); } .twa-thumbsdown { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44e.png"); } .twa-clapping-hands-sign-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44f-1f3fb.png"); } .twa-clapping-hands-sign-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44f-1f3fc.png"); } .twa-clapping-hands-sign-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44f-1f3fd.png"); } .twa-clapping-hands-sign-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44f-1f3fe.png"); } .twa-clapping-hands-sign-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44f-1f3ff.png"); } .twa-clapping-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44f.png"); } .twa-clap { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f44f.png"); } .twa-open-hands-sign-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f450-1f3fb.png"); } .twa-open-hands-sign-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f450-1f3fc.png"); } .twa-open-hands-sign-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f450-1f3fd.png"); } .twa-open-hands-sign-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f450-1f3fe.png"); } .twa-open-hands-sign-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f450-1f3ff.png"); } .twa-open-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f450.png"); } .twa-crown { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f451.png"); } .twa-womans-hat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f452.png"); } .twa-glasses { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f453.png"); } .twa-eyeglasses { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f453.png"); } .twa-necktie { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f454.png"); } .twa-t-shirt { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f455.png"); } .twa-shirt { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f455.png"); } .twa-jeans { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f456.png"); } .twa-dress { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f457.png"); } .twa-kimono { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f458.png"); } .twa-bikini { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f459.png"); } .twa-womans-clothes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f45a.png"); } .twa-purse { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f45b.png"); } .twa-handbag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f45c.png"); } .twa-pouch { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f45d.png"); } .twa-mans-shoe { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f45e.png"); } .twa-running-shoe { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f45f.png"); } .twa-high-heeled-shoe { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f460.png"); } .twa-high-heel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f460.png"); } .twa-womans-sandal { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f461.png"); } .twa-sandal { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f461.png"); } .twa-womans-boot { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f462.png"); } .twa-boot { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f462.png"); } .twa-footprints { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f463.png"); } .twa-feet { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f463.png"); } .twa-bust-in-silhouette { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f464.png"); } .twa-busts-in-silhouette { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f465.png"); } .twa-boy-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f466-1f3fb.png"); } .twa-boy-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f466-1f3fc.png"); } .twa-boy-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f466-1f3fd.png"); } .twa-boy-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f466-1f3fe.png"); } .twa-boy-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f466-1f3ff.png"); } .twa-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f466.png"); } .twa-girl-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f467-1f3fb.png"); } .twa-girl-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f467-1f3fc.png"); } .twa-girl-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f467-1f3fd.png"); } .twa-girl-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f467-1f3fe.png"); } .twa-girl-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f467-1f3ff.png"); } .twa-girl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f467.png"); } .twa-man-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-1f3fb.png"); } .twa-man-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-1f3fc.png"); } .twa-man-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-1f3fd.png"); } .twa-man-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-1f3fe.png"); } .twa-man-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-1f3ff.png"); } .twa-family-man-man-boy-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f468-200d-1f466-200d-1f466.png"); } .twa-family-man-man-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f468-200d-1f466.png"); } .twa-family-man-man-girl-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f468-200d-1f467-200d-1f466.png"); } .twa-family-man-man-girl-girl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f468-200d-1f467-200d-1f467.png"); } .twa-family-man-man-girl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f468-200d-1f467.png"); } .twa-family-man-woman-boy-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f469-200d-1f466-200d-1f466.png"); } .twa-family-man-woman-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f469-200d-1f466.png"); } .twa-family-man-woman-girl-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f469-200d-1f467-200d-1f466.png"); } .twa-family-man-woman-girl-girl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f469-200d-1f467-200d-1f467.png"); } .twa-family-man-woman-girl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-1f469-200d-1f467.png"); } .twa-couple-with-heart-man-man { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-2764-fe0f-200d-1f468.png"); } .twa-kiss-man-man { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.png"); } .twa-man { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f468.png"); } .twa-woman-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-1f3fb.png"); } .twa-woman-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-1f3fc.png"); } .twa-woman-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-1f3fd.png"); } .twa-woman-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-1f3fe.png"); } .twa-woman-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-1f3ff.png"); } .twa-family-woman-woman-boy-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-1f469-200d-1f466-200d-1f466.png"); } .twa-family-woman-woman-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-1f469-200d-1f466.png"); } .twa-family-woman-woman-girl-boy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-1f469-200d-1f467-200d-1f466.png"); } .twa-family-woman-woman-girl-girl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-1f469-200d-1f467-200d-1f467.png"); } .twa-family-woman-woman-girl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-1f469-200d-1f467.png"); } .twa-couple-with-heart-woman-man { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-2764-fe0f-200d-1f468.png"); } .twa-couple-with-heart-woman-woman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-2764-fe0f-200d-1f469.png"); } .twa-kiss-woman-man { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-2764-fe0f-200d-1f48b-200d-1f468.png"); } .twa-kiss-woman-woman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.png"); } .twa-woman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f469.png"); } .twa-family { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46a.png"); } .twa-man-and-woman-holding-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46b.png"); } .twa-couple { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46b.png"); } .twa-two-men-holding-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46c.png"); } .twa-two-women-holding-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46d.png"); } .twa-police-officer-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46e-1f3fb.png"); } .twa-police-officer-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46e-1f3fc.png"); } .twa-police-officer-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46e-1f3fd.png"); } .twa-police-officer-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46e-1f3fe.png"); } .twa-police-officer-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46e-1f3ff.png"); } .twa-police-officer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46e.png"); } .twa-cop { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46e.png"); } .twa-women-partying { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46f.png"); } .twa-dancers { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f46f.png"); } .twa-bride-with-veil-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f470-1f3fb.png"); } .twa-bride-with-veil-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f470-1f3fc.png"); } .twa-bride-with-veil-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f470-1f3fd.png"); } .twa-bride-with-veil-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f470-1f3fe.png"); } .twa-bride-with-veil-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f470-1f3ff.png"); } .twa-bride-with-veil { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f470.png"); } .twa-person-with-blond-hair-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f471-1f3fb.png"); } .twa-person-with-blond-hair-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f471-1f3fc.png"); } .twa-person-with-blond-hair-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f471-1f3fd.png"); } .twa-person-with-blond-hair-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f471-1f3fe.png"); } .twa-person-with-blond-hair-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f471-1f3ff.png"); } .twa-person-with-blond-hair { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f471.png"); } .twa-man-with-gua-pi-mao-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f472-1f3fb.png"); } .twa-man-with-gua-pi-mao-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f472-1f3fc.png"); } .twa-man-with-gua-pi-mao-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f472-1f3fd.png"); } .twa-man-with-gua-pi-mao-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f472-1f3fe.png"); } .twa-man-with-gua-pi-mao-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f472-1f3ff.png"); } .twa-man-with-chinese-cap { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f472.png"); } .twa-man-with-gua-pi-mao { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f472.png"); } .twa-man-with-turban-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f473-1f3fb.png"); } .twa-man-with-turban-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f473-1f3fc.png"); } .twa-man-with-turban-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f473-1f3fd.png"); } .twa-man-with-turban-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f473-1f3fe.png"); } .twa-man-with-turban-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f473-1f3ff.png"); } .twa-man-with-turban { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f473.png"); } .twa-older-man-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f474-1f3fb.png"); } .twa-older-man-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f474-1f3fc.png"); } .twa-older-man-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f474-1f3fd.png"); } .twa-older-man-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f474-1f3fe.png"); } .twa-older-man-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f474-1f3ff.png"); } .twa-old-man { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f474.png"); } .twa-older-man { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f474.png"); } .twa-older-woman-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f475-1f3fb.png"); } .twa-older-woman-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f475-1f3fc.png"); } .twa-older-woman-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f475-1f3fd.png"); } .twa-older-woman-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f475-1f3fe.png"); } .twa-older-woman-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f475-1f3ff.png"); } .twa-old-woman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f475.png"); } .twa-older-woman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f475.png"); } .twa-baby-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f476-1f3fb.png"); } .twa-baby-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f476-1f3fc.png"); } .twa-baby-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f476-1f3fd.png"); } .twa-baby-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f476-1f3fe.png"); } .twa-baby-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f476-1f3ff.png"); } .twa-baby { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f476.png"); } .twa-construction-worker-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f477-1f3fb.png"); } .twa-construction-worker-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f477-1f3fc.png"); } .twa-construction-worker-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f477-1f3fd.png"); } .twa-construction-worker-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f477-1f3fe.png"); } .twa-construction-worker-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f477-1f3ff.png"); } .twa-construction-worker { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f477.png"); } .twa-princess-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f478-1f3fb.png"); } .twa-princess-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f478-1f3fc.png"); } .twa-princess-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f478-1f3fd.png"); } .twa-princess-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f478-1f3fe.png"); } .twa-princess-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f478-1f3ff.png"); } .twa-princess { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f478.png"); } .twa-ogre { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f479.png"); } .twa-japanese-ogre { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f479.png"); } .twa-goblin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47a.png"); } .twa-japanese-goblin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47a.png"); } .twa-ghost { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47b.png"); } .twa-baby-angel-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47c-1f3fb.png"); } .twa-baby-angel-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47c-1f3fc.png"); } .twa-baby-angel-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47c-1f3fd.png"); } .twa-baby-angel-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47c-1f3fe.png"); } .twa-baby-angel-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47c-1f3ff.png"); } .twa-baby-angel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47c.png"); } .twa-angel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47c.png"); } .twa-alien { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47d.png"); } .twa-alien-monster { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47e.png"); } .twa-space-invader { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47e.png"); } .twa-imp { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f47f.png"); } .twa-skull { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f480.png"); } .twa-information-desk-person-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f481-1f3fb.png"); } .twa-information-desk-person-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f481-1f3fc.png"); } .twa-information-desk-person-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f481-1f3fd.png"); } .twa-information-desk-person-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f481-1f3fe.png"); } .twa-information-desk-person-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f481-1f3ff.png"); } .twa-information-desk-person { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f481.png"); } .twa-guardsman-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f482-1f3fb.png"); } .twa-guardsman-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f482-1f3fc.png"); } .twa-guardsman-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f482-1f3fd.png"); } .twa-guardsman-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f482-1f3fe.png"); } .twa-guardsman-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f482-1f3ff.png"); } .twa-guardsman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f482.png"); } .twa-dancer-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f483-1f3fb.png"); } .twa-dancer-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f483-1f3fc.png"); } .twa-dancer-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f483-1f3fd.png"); } .twa-dancer-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f483-1f3fe.png"); } .twa-dancer-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f483-1f3ff.png"); } .twa-dancer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f483.png"); } .twa-lipstick { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f484.png"); } .twa-nail-polish-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f485-1f3fb.png"); } .twa-nail-polish-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f485-1f3fc.png"); } .twa-nail-polish-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f485-1f3fd.png"); } .twa-nail-polish-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f485-1f3fe.png"); } .twa-nail-polish-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f485-1f3ff.png"); } .twa-nail-polish { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f485.png"); } .twa-nail-care { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f485.png"); } .twa-face-massage-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f486-1f3fb.png"); } .twa-face-massage-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f486-1f3fc.png"); } .twa-face-massage-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f486-1f3fd.png"); } .twa-face-massage-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f486-1f3fe.png"); } .twa-face-massage-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f486-1f3ff.png"); } .twa-face-massage { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f486.png"); } .twa-massage { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f486.png"); } .twa-haircut-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f487-1f3fb.png"); } .twa-haircut-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f487-1f3fc.png"); } .twa-haircut-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f487-1f3fd.png"); } .twa-haircut-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f487-1f3fe.png"); } .twa-haircut-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f487-1f3ff.png"); } .twa-haircut { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f487.png"); } .twa-barber-pole { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f488.png"); } .twa-barber { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f488.png"); } .twa-syringe { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f489.png"); } .twa-pill { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48a.png"); } .twa-kiss-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48b.png"); } .twa-love-letter { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48c.png"); } .twa-ring { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48d.png"); } .twa-gem-stone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48e.png"); } .twa-gem { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48e.png"); } .twa-kiss { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48f.png"); } .twa-couplekiss { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f48f.png"); } .twa-bouquet { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f490.png"); } .twa-couple-with-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f491.png"); } .twa-wedding { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f492.png"); } .twa-beating-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f493.png"); } .twa-heartbeat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f493.png"); } .twa-broken-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f494.png"); } .twa-two-hearts { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f495.png"); } .twa-sparkling-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f496.png"); } .twa-growing-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f497.png"); } .twa-heartpulse { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f497.png"); } .twa-heart-with-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f498.png"); } .twa-cupid { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f498.png"); } .twa-blue-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f499.png"); } .twa-green-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f49a.png"); } .twa-yellow-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f49b.png"); } .twa-purple-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f49c.png"); } .twa-heart-with-ribbon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f49d.png"); } .twa-gift-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f49d.png"); } .twa-revolving-hearts { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f49e.png"); } .twa-heart-decoration { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f49f.png"); } .twa-diamond-with-a-dot { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a0.png"); } .twa-diamond-shape-with-a-dot-inside { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a0.png"); } .twa-light-bulb { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a1.png"); } .twa-bulb { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a1.png"); } .twa-anger-symbol { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a2.png"); } .twa-anger { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a2.png"); } .twa-bomb { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a3.png"); } .twa-zzz { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a4.png"); } .twa-collision { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a5.png"); } .twa-boom { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a5.png"); } .twa-sweat-droplets { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a6.png"); } .twa-sweat-drops { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a6.png"); } .twa-droplet { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a7.png"); } .twa-dashing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a8.png"); } .twa-dash { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a8.png"); } .twa-pile-of-poo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a9.png"); } .twa-poop { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4a9.png"); } .twa-flexed-biceps-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4aa-1f3fb.png"); } .twa-flexed-biceps-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4aa-1f3fc.png"); } .twa-flexed-biceps-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4aa-1f3fd.png"); } .twa-flexed-biceps-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4aa-1f3fe.png"); } .twa-flexed-biceps-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4aa-1f3ff.png"); } .twa-flexed-biceps { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4aa.png"); } .twa-muscle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4aa.png"); } .twa-dizzy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ab.png"); } .twa-speech-balloon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ac.png"); } .twa-thought-balloon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ad.png"); } .twa-white-flower { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ae.png"); } .twa-hundred-points { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4af.png"); } .twa-100 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4af.png"); } .twa-money-bag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b0.png"); } .twa-moneybag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b0.png"); } .twa-currency-exchange { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b1.png"); } .twa-heavy-dollar-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b2.png"); } .twa-credit-card { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b3.png"); } .twa-yen-banknote { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b4.png"); } .twa-yen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b4.png"); } .twa-dollar-banknote { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b5.png"); } .twa-dollar { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b5.png"); } .twa-euro-banknote { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b6.png"); } .twa-euro { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b6.png"); } .twa-pound-banknote { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b7.png"); } .twa-pound { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b7.png"); } .twa-money-with-wings { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b8.png"); } .twa-chart-increasing-with-yen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b9.png"); } .twa-chart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4b9.png"); } .twa-seat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ba.png"); } .twa-laptop-computer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4bb.png"); } .twa-computer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4bb.png"); } .twa-briefcase { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4bc.png"); } .twa-minidisc { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4bd.png"); } .twa-floppy-disk { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4be.png"); } .twa-optical-disc { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4bf.png"); } .twa-cd { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4bf.png"); } .twa-dvd { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c0.png"); } .twa-file-folder { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c1.png"); } .twa-open-file-folder { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c2.png"); } .twa-page-with-curl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c3.png"); } .twa-page-facing-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c4.png"); } .twa-calendar { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c5.png"); } .twa-date { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c5.png"); } .twa-tear-off-calendar { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c6.png"); } .twa-card-index { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c7.png"); } .twa-chart-increasing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c8.png"); } .twa-chart-with-upwards-trend { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c8.png"); } .twa-chart-decreasing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c9.png"); } .twa-chart-with-downwards-trend { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4c9.png"); } .twa-bar-chart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ca.png"); } .twa-clipboard { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4cb.png"); } .twa-pushpin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4cc.png"); } .twa-round-pushpin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4cd.png"); } .twa-paperclip { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ce.png"); } .twa-straight-ruler { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4cf.png"); } .twa-triangular-ruler { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d0.png"); } .twa-bookmark-tabs { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d1.png"); } .twa-ledger { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d2.png"); } .twa-notebook { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d3.png"); } .twa-notebook-with-decorative-cover { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d4.png"); } .twa-closed-book { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d5.png"); } .twa-open-book { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d6.png"); } .twa-green-book { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d7.png"); } .twa-blue-book { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d8.png"); } .twa-orange-book { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4d9.png"); } .twa-books { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4da.png"); } .twa-name-badge { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4db.png"); } .twa-scroll { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4dc.png"); } .twa-memo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4dd.png"); } .twa-telephone-receiver { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4de.png"); } .twa-pager { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4df.png"); } .twa-fax-machine { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e0.png"); } .twa-fax { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e0.png"); } .twa-satellite-antenna { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e1.png"); } .twa-loudspeaker { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e2.png"); } .twa-megaphone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e3.png"); } .twa-mega { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e3.png"); } .twa-outbox-tray { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e4.png"); } .twa-inbox-tray { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e5.png"); } .twa-package { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e6.png"); } .twa-e-mail { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e7.png"); } .twa-incoming-envelope { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e8.png"); } .twa-envelope-with-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4e9.png"); } .twa-closed-mailbox-with-lowered-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ea.png"); } .twa-mailbox-closed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ea.png"); } .twa-closed-mailbox-with-raised-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4eb.png"); } .twa-mailbox { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4eb.png"); } .twa-open-mailbox-with-raised-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ec.png"); } .twa-mailbox-with-mail { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ec.png"); } .twa-open-mailbox-with-lowered-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ed.png"); } .twa-mailbox-with-no-mail { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ed.png"); } .twa-postbox { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ee.png"); } .twa-postal-horn { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ef.png"); } .twa-newspaper { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f0.png"); } .twa-mobile-phone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f1.png"); } .twa-iphone { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f1.png"); } .twa-mobile-phone-with-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f2.png"); } .twa-calling { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f2.png"); } .twa-vibration-mode { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f3.png"); } .twa-mobile-phone-off { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f4.png"); } .twa-no-mobile-phones { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f5.png"); } .twa-antenna-bars { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f6.png"); } .twa-signal-strength { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f6.png"); } .twa-camera { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f7.png"); } .twa-camera-with-flash { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f8.png"); } .twa-video-camera { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4f9.png"); } .twa-television { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4fa.png"); } .twa-tv { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4fa.png"); } .twa-radio { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4fb.png"); } .twa-videocassette { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4fc.png"); } .twa-vhs { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4fc.png"); } .twa-film-projector { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4fd.png"); } .twa-prayer-beads { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f4ff.png"); } .twa-shuffle-tracks-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f500.png"); } .twa-twisted-rightwards-arrows { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f500.png"); } .twa-repeat-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f501.png"); } .twa-repeat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f501.png"); } .twa-repeat-single-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f502.png"); } .twa-repeat-one { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f502.png"); } .twa-clockwise-vertical-arrows { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f503.png"); } .twa-arrows-clockwise { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f503.png"); } .twa-anticlockwise-arrows-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f504.png"); } .twa-arrows-counterclockwise { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f504.png"); } .twa-dim-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f505.png"); } .twa-low-brightness { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f505.png"); } .twa-bright-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f506.png"); } .twa-high-brightness { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f506.png"); } .twa-speaker-off { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f507.png"); } .twa-mute { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f507.png"); } .twa-speaker { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f508.png"); } .twa-speaker-on { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f509.png"); } .twa-sound { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f509.png"); } .twa-speaker-loud { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50a.png"); } .twa-battery { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50b.png"); } .twa-electric-plug { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50c.png"); } .twa-left-pointing-magnifying-glass { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50d.png"); } .twa-mag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50d.png"); } .twa-right-pointing-magnifying-glass { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50e.png"); } .twa-mag-right { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50e.png"); } .twa-lock-with-pen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50f.png"); } .twa-lock-with-ink-pen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f50f.png"); } .twa-closed-lock-with-key { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f510.png"); } .twa-key { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f511.png"); } .twa-lock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f512.png"); } .twa-open-lock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f513.png"); } .twa-unlock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f513.png"); } .twa-bell { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f514.png"); } .twa-bell-with-slash { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f515.png"); } .twa-no-bell { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f515.png"); } .twa-bookmark { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f516.png"); } .twa-link { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f517.png"); } .twa-radio-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f518.png"); } .twa-back-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f519.png"); } .twa-end-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51a.png"); } .twa-end { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51a.png"); } .twa-onexc-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51b.png"); } .twa-on { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51b.png"); } .twa-soon-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51c.png"); } .twa-soon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51c.png"); } .twa-top-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51d.png"); } .twa-top { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51d.png"); } .twa-no-one-under-eighteen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51e.png"); } .twa-underage { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51e.png"); } .twa-keycap-ten { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f51f.png"); } .twa-input-latin-uppercase { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f520.png"); } .twa-capital-abcd { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f520.png"); } .twa-input-latin-lowercase { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f521.png"); } .twa-abcd { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f521.png"); } .twa-input-numbers { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f522.png"); } .twa-1234 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f522.png"); } .twa-input-symbols { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f523.png"); } .twa-symbols { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f523.png"); } .twa-input-latin-letters { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f524.png"); } .twa-abc { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f524.png"); } .twa-fire { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f525.png"); } .twa-flashlight { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f526.png"); } .twa-wrench { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f527.png"); } .twa-hammer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f528.png"); } .twa-nut-and-bolt { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f529.png"); } .twa-kitchen-knife { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52a.png"); } .twa-hocho { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52a.png"); } .twa-pistol { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52b.png"); } .twa-gun { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52b.png"); } .twa-microscope { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52c.png"); } .twa-telescope { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52d.png"); } .twa-crystal-ball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52e.png"); } .twa-dotted-six-pointed-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52f.png"); } .twa-six-pointed-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f52f.png"); } .twa-japanese-symbol-for-beginner { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f530.png"); } .twa-beginner { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f530.png"); } .twa-trident-emblem { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f531.png"); } .twa-trident { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f531.png"); } .twa-black-square-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f532.png"); } .twa-white-square-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f533.png"); } .twa-red-circle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f534.png"); } .twa-blue-circle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f535.png"); } .twa-large-blue-circle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f535.png"); } .twa-large-orange-diamond { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f536.png"); } .twa-large-blue-diamond { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f537.png"); } .twa-small-orange-diamond { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f538.png"); } .twa-small-blue-diamond { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f539.png"); } .twa-red-triangle-pointed-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53a.png"); } .twa-small-red-triangle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53a.png"); } .twa-red-triangle-pointed-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53b.png"); } .twa-small-red-triangle-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53b.png"); } .twa-up-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53c.png"); } .twa-arrow-up-small { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53c.png"); } .twa-down-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53d.png"); } .twa-arrow-down-small { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f53d.png"); } .twa-om { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f549.png"); } .twa-dove { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f54a.png"); } .twa-kaaba { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f54b.png"); } .twa-mosque { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f54c.png"); } .twa-synagogue { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f54d.png"); } .twa-menorah { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f54e.png"); } .twa-one-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f550.png"); } .twa-clock1 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f550.png"); } .twa-two-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f551.png"); } .twa-clock2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f551.png"); } .twa-three-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f552.png"); } .twa-clock3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f552.png"); } .twa-four-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f553.png"); } .twa-clock4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f553.png"); } .twa-five-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f554.png"); } .twa-clock5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f554.png"); } .twa-six-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f555.png"); } .twa-clock6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f555.png"); } .twa-seven-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f556.png"); } .twa-clock7 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f556.png"); } .twa-eight-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f557.png"); } .twa-clock8 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f557.png"); } .twa-nine-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f558.png"); } .twa-clock9 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f558.png"); } .twa-ten-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f559.png"); } .twa-clock10 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f559.png"); } .twa-eleven-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55a.png"); } .twa-clock11 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55a.png"); } .twa-twelve-oclock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55b.png"); } .twa-clock12 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55b.png"); } .twa-one-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55c.png"); } .twa-clock130 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55c.png"); } .twa-two-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55d.png"); } .twa-clock230 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55d.png"); } .twa-three-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55e.png"); } .twa-clock330 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55e.png"); } .twa-four-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55f.png"); } .twa-clock430 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f55f.png"); } .twa-five-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f560.png"); } .twa-clock530 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f560.png"); } .twa-six-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f561.png"); } .twa-clock630 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f561.png"); } .twa-seven-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f562.png"); } .twa-clock730 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f562.png"); } .twa-eight-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f563.png"); } .twa-clock830 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f563.png"); } .twa-nine-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f564.png"); } .twa-clock930 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f564.png"); } .twa-ten-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f565.png"); } .twa-clock1030 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f565.png"); } .twa-eleven-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f566.png"); } .twa-clock1130 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f566.png"); } .twa-twelve-thirty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f567.png"); } .twa-clock1230 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f567.png"); } .twa-candle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f56f.png"); } .twa-mantelpiece-clock { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f570.png"); } .twa-hole { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f573.png"); } .twa-man-in-business-suit-levitating { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f574.png"); } .twa-sleuth-or-spy-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f575-1f3fb.png"); } .twa-sleuth-or-spy-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f575-1f3fc.png"); } .twa-sleuth-or-spy-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f575-1f3fd.png"); } .twa-sleuth-or-spy-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f575-1f3fe.png"); } .twa-sleuth-or-spy-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f575-1f3ff.png"); } .twa-detective { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f575.png"); } .twa-sunglasses { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f576.png"); } .twa-spider { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f577.png"); } .twa-spider-web { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f578.png"); } .twa-joystick { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f579.png"); } .twa-man-dancing-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f57a-1f3fb.png"); } .twa-man-dancing-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f57a-1f3fc.png"); } .twa-man-dancing-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f57a-1f3fd.png"); } .twa-man-dancing-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f57a-1f3fe.png"); } .twa-man-dancing-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f57a-1f3ff.png"); } .twa-man-dancing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f57a.png"); } .twa-linked-paperclips { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f587.png"); } .twa-pen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f58a.png"); } .twa-fountain-pen { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f58b.png"); } .twa-paintbrush { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f58c.png"); } .twa-crayon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f58d.png"); } .twa-raised-hand-with-fingers-splayed-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f590-1f3fb.png"); } .twa-raised-hand-with-fingers-splayed-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f590-1f3fc.png"); } .twa-raised-hand-with-fingers-splayed-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f590-1f3fd.png"); } .twa-raised-hand-with-fingers-splayed-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f590-1f3fe.png"); } .twa-raised-hand-with-fingers-splayed-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f590-1f3ff.png"); } .twa-raised-hand-with-fingers-splayed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f590.png"); } .twa-reversed-hand-with-middle-finger-extended-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f595-1f3fb.png"); } .twa-reversed-hand-with-middle-finger-extended-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f595-1f3fc.png"); } .twa-reversed-hand-with-middle-finger-extended-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f595-1f3fd.png"); } .twa-reversed-hand-with-middle-finger-extended-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f595-1f3fe.png"); } .twa-reversed-hand-with-middle-finger-extended-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f595-1f3ff.png"); } .twa-middle-finger { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f595.png"); } .twa-raised-hand-with-part-between-middle-and-ring-fingers-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f596-1f3fb.png"); } .twa-raised-hand-with-part-between-middle-and-ring-fingers-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f596-1f3fc.png"); } .twa-raised-hand-with-part-between-middle-and-ring-fingers-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f596-1f3fd.png"); } .twa-raised-hand-with-part-between-middle-and-ring-fingers-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f596-1f3fe.png"); } .twa-raised-hand-with-part-between-middle-and-ring-fingers-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f596-1f3ff.png"); } .twa-vulcan-salute { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f596.png"); } .twa-black-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5a4.png"); } .twa-desktop-computer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5a5.png"); } .twa-printer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5a8.png"); } .twa-computer-mouse { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5b1.png"); } .twa-trackball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5b2.png"); } .twa-frame-with-picture { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5bc.png"); } .twa-card-index-dividers { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5c2.png"); } .twa-card-file-box { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5c3.png"); } .twa-file-cabinet { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5c4.png"); } .twa-wastebasket { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5d1.png"); } .twa-spiral-notepad { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5d2.png"); } .twa-spiral-calendar { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5d3.png"); } .twa-compression { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5dc.png"); } .twa-old-key { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5dd.png"); } .twa-rolled-up-newspaper { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5de.png"); } .twa-dagger { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5e1.png"); } .twa-speaking-head { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5e3.png"); } .twa-left-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5e8.png"); } .twa-right-anger-bubble { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5ef.png"); } .twa-ballot-box-with-ballot { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5f3.png"); } .twa-world-map { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5fa.png"); } .twa-mount-fuji { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5fb.png"); } .twa-tokyo-tower { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5fc.png"); } .twa-statue-of-liberty { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5fd.png"); } .twa-map-of-japan { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5fe.png"); } .twa-japan { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5fe.png"); } .twa-moai { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5ff.png"); } .twa-moyai { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f5ff.png"); } .twa-grinning-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f600.png"); } .twa-grinning { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f600.png"); } .twa-grinning-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f601.png"); } .twa-grin { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f601.png"); } .twa-face-with-tears-of-joy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f602.png"); } .twa-joy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f602.png"); } .twa-smiling-face-with-open-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f603.png"); } .twa-smiley { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f603.png"); } .twa-smiling-face-with-open-mouth-and-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f604.png"); } .twa-smile { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f604.png"); } .twa-smiling-face-with-open-mouth-and-cold-sweat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f605.png"); } .twa-sweat-smile { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f605.png"); } .twa-smiling-face-with-open-mouth-and-tightly-closed-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f606.png"); } .twa-laughing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f606.png"); } .twa-smiling-face-with-halo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f607.png"); } .twa-innocent { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f607.png"); } .twa-smiling-face-with-horns { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f608.png"); } .twa-smiling-imp { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f608.png"); } .twa-winking-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f609.png"); } .twa-wink { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f609.png"); } .twa-smiling-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60a.png"); } .twa-blush { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60a.png"); } .twa-face-savouring-delicious-food { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60b.png"); } .twa-yum { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60b.png"); } .twa-relieved-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60c.png"); } .twa-satisfied { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60c.png"); } .twa-smiling-face-with-heart-shaped-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60d.png"); } .twa-heart-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60d.png"); } .twa-smiling-face-with-sunglasses { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60e.png"); } .twa-smirking-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60f.png"); } .twa-smirk { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f60f.png"); } .twa-neutral-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f610.png"); } .twa-expressionless-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f611.png"); } .twa-expressionless { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f611.png"); } .twa-unamused-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f612.png"); } .twa-unamused { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f612.png"); } .twa-face-with-cold-sweat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f613.png"); } .twa-sweat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f613.png"); } .twa-pensive-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f614.png"); } .twa-pensive { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f614.png"); } .twa-confused-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f615.png"); } .twa-confused { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f615.png"); } .twa-confounded-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f616.png"); } .twa-confounded { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f616.png"); } .twa-kissing-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f617.png"); } .twa-kissing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f617.png"); } .twa-face-throwing-a-kiss { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f618.png"); } .twa-kissing-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f618.png"); } .twa-kissing-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f619.png"); } .twa-kissing-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f619.png"); } .twa-kissing-face-with-closed-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61a.png"); } .twa-kissing-closed-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61a.png"); } .twa-face-with-stuck-out-tongue { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61b.png"); } .twa-stuck-out-tongue { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61b.png"); } .twa-face-with-stuck-out-tongue-and-winking-eye { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61c.png"); } .twa-stuck-out-tongue-winking-eye { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61c.png"); } .twa-face-with-stuck-out-tongue-and-tightly-closed-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61d.png"); } .twa-stuck-out-tongue-closed-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61d.png"); } .twa-disappointed-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61e.png"); } .twa-disappointed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61e.png"); } .twa-worried-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61f.png"); } .twa-worried { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f61f.png"); } .twa-angry-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f620.png"); } .twa-angry { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f620.png"); } .twa-pouting-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f621.png"); } .twa-rage { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f621.png"); } .twa-crying-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f622.png"); } .twa-cry { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f622.png"); } .twa-persevering-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f623.png"); } .twa-persevere { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f623.png"); } .twa-face-with-steam-from-nose { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f624.png"); } .twa-triumph { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f624.png"); } .twa-disappointed-but-relieved-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f625.png"); } .twa-relieved { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f625.png"); } .twa-frowning-face-with-open-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f626.png"); } .twa-frowning { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f626.png"); } .twa-anguished-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f627.png"); } .twa-anguished { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f627.png"); } .twa-fearful-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f628.png"); } .twa-fearful { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f628.png"); } .twa-weary-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f629.png"); } .twa-weary { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f629.png"); } .twa-sleepy-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62a.png"); } .twa-sleepy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62a.png"); } .twa-tired-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62b.png"); } .twa-grimacing-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62c.png"); } .twa-grimacing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62c.png"); } .twa-loudly-crying-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62d.png"); } .twa-sob { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62d.png"); } .twa-face-with-open-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62e.png"); } .twa-open-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62e.png"); } .twa-hushed-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62f.png"); } .twa-hushed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f62f.png"); } .twa-face-with-open-mouth-and-cold-sweat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f630.png"); } .twa-cold-sweat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f630.png"); } .twa-face-screaming-in-fear { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f631.png"); } .twa-scream { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f631.png"); } .twa-astonished-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f632.png"); } .twa-astonished { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f632.png"); } .twa-flushed-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f633.png"); } .twa-flushed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f633.png"); } .twa-sleeping-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f634.png"); } .twa-sleeping { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f634.png"); } .twa-dizzy-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f635.png"); } .twa-face-without-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f636.png"); } .twa-no-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f636.png"); } .twa-face-with-medical-mask { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f637.png"); } .twa-mask { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f637.png"); } .twa-grinning-cat-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f638.png"); } .twa-smile-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f638.png"); } .twa-cat-face-with-tears-of-joy { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f639.png"); } .twa-joy-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f639.png"); } .twa-smiling-cat-face-with-open-mouth { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63a.png"); } .twa-smiley-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63a.png"); } .twa-smiling-cat-face-with-heart-shaped-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63b.png"); } .twa-heart-eyes-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63b.png"); } .twa-cat-face-with-wry-smile { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63c.png"); } .twa-smirk-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63c.png"); } .twa-kissing-cat-face-with-closed-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63d.png"); } .twa-kissing-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63d.png"); } .twa-pouting-cat-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63e.png"); } .twa-pouting-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63e.png"); } .twa-crying-cat-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f63f.png"); } .twa-weary-cat-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f640.png"); } .twa-scream-cat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f640.png"); } .twa-slightly-frowning-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f641.png"); } .twa-slightly-smiling-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f642.png"); } .twa-upside-down-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f643.png"); } .twa-face-with-rolling-eyes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f644.png"); } .twa-face-with-no-good-gesture-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f645-1f3fb.png"); } .twa-face-with-no-good-gesture-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f645-1f3fc.png"); } .twa-face-with-no-good-gesture-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f645-1f3fd.png"); } .twa-face-with-no-good-gesture-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f645-1f3fe.png"); } .twa-face-with-no-good-gesture-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f645-1f3ff.png"); } .twa-gesturing-no { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f645.png"); } .twa-no-good { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f645.png"); } .twa-face-with-ok-gesture-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f646-1f3fb.png"); } .twa-face-with-ok-gesture-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f646-1f3fc.png"); } .twa-face-with-ok-gesture-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f646-1f3fd.png"); } .twa-face-with-ok-gesture-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f646-1f3fe.png"); } .twa-face-with-ok-gesture-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f646-1f3ff.png"); } .twa-gesturing-ok { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f646.png"); } .twa-ok-woman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f646.png"); } .twa-person-bowing-deeply-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f647-1f3fb.png"); } .twa-person-bowing-deeply-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f647-1f3fc.png"); } .twa-person-bowing-deeply-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f647-1f3fd.png"); } .twa-person-bowing-deeply-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f647-1f3fe.png"); } .twa-person-bowing-deeply-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f647-1f3ff.png"); } .twa-person-bowing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f647.png"); } .twa-bow { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f647.png"); } .twa-see-no-evil { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f648.png"); } .twa-hear-no-evil { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f649.png"); } .twa-speak-no-evil { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64a.png"); } .twa-happy-person-raising-one-hand-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64b-1f3fb.png"); } .twa-happy-person-raising-one-hand-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64b-1f3fc.png"); } .twa-happy-person-raising-one-hand-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64b-1f3fd.png"); } .twa-happy-person-raising-one-hand-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64b-1f3fe.png"); } .twa-happy-person-raising-one-hand-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64b-1f3ff.png"); } .twa-happy-person-raising-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64b.png"); } .twa-happy-person-raised-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64b.png"); } .twa-person-raising-both-hands-in-celebration-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64c-1f3fb.png"); } .twa-person-raising-both-hands-in-celebration-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64c-1f3fc.png"); } .twa-person-raising-both-hands-in-celebration-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64c-1f3fd.png"); } .twa-person-raising-both-hands-in-celebration-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64c-1f3fe.png"); } .twa-person-raising-both-hands-in-celebration-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64c-1f3ff.png"); } .twa-person-raising-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64c.png"); } .twa-raised-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64c.png"); } .twa-person-frowning-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64d-1f3fb.png"); } .twa-person-frowning-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64d-1f3fc.png"); } .twa-person-frowning-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64d-1f3fd.png"); } .twa-person-frowning-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64d-1f3fe.png"); } .twa-person-frowning-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64d-1f3ff.png"); } .twa-person-frowning { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64d.png"); } .twa-person-with-pouting-face-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64e-1f3fb.png"); } .twa-person-with-pouting-face-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64e-1f3fc.png"); } .twa-person-with-pouting-face-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64e-1f3fd.png"); } .twa-person-with-pouting-face-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64e-1f3fe.png"); } .twa-person-with-pouting-face-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64e-1f3ff.png"); } .twa-person-pouting { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64e.png"); } .twa-person-with-pouting-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64e.png"); } .twa-person-with-folded-hands-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64f-1f3fb.png"); } .twa-person-with-folded-hands-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64f-1f3fc.png"); } .twa-person-with-folded-hands-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64f-1f3fd.png"); } .twa-person-with-folded-hands-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64f-1f3fe.png"); } .twa-person-with-folded-hands-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64f-1f3ff.png"); } .twa-folded-hands { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64f.png"); } .twa-pray { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f64f.png"); } .twa-rocket { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f680.png"); } .twa-helicopter { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f681.png"); } .twa-locomotive { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f682.png"); } .twa-steam-locomotive { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f682.png"); } .twa-railway-car { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f683.png"); } .twa-high-speed-train { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f684.png"); } .twa-bullettrain-side { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f684.png"); } .twa-high-speed-train-with-bullet-nose { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f685.png"); } .twa-bullettrain-front { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f685.png"); } .twa-train { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f686.png"); } .twa-train2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f686.png"); } .twa-metro { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f687.png"); } .twa-light-rail { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f688.png"); } .twa-station { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f689.png"); } .twa-tram { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f68a.png"); } .twa-tram-car { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f68b.png"); } .twa-bus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f68c.png"); } .twa-oncoming-bus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f68d.png"); } .twa-trolleybus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f68e.png"); } .twa-bus-stop { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f68f.png"); } .twa-busstop { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f68f.png"); } .twa-minibus { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f690.png"); } .twa-ambulance { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f691.png"); } .twa-fire-engine { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f692.png"); } .twa-police-car { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f693.png"); } .twa-oncoming-police-car { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f694.png"); } .twa-taxi { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f695.png"); } .twa-oncoming-taxi { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f696.png"); } .twa-automobile { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f697.png"); } .twa-car { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f697.png"); } .twa-oncoming-automobile { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f698.png"); } .twa-recreational-vehicle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f699.png"); } .twa-blue-car { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f699.png"); } .twa-delivery-truck { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f69a.png"); } .twa-truck { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f69a.png"); } .twa-articulated-lorry { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f69b.png"); } .twa-tractor { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f69c.png"); } .twa-monorail { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f69d.png"); } .twa-mountain-railway { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f69e.png"); } .twa-suspension-railway { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f69f.png"); } .twa-mountain-cableway { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a0.png"); } .twa-aerial-tramway { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a1.png"); } .twa-ship { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a2.png"); } .twa-rowboat-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a3-1f3fb.png"); } .twa-rowboat-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a3-1f3fc.png"); } .twa-rowboat-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a3-1f3fd.png"); } .twa-rowboat-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a3-1f3fe.png"); } .twa-rowboat-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a3-1f3ff.png"); } .twa-rowboat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a3.png"); } .twa-speedboat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a4.png"); } .twa-horizontal-traffic-light { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a5.png"); } .twa-traffic-light { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a5.png"); } .twa-vertical-traffic-light { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a6.png"); } .twa-construction { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a7.png"); } .twa-police-cars-light { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a8.png"); } .twa-rotating-light { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a8.png"); } .twa-triangular-flag { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a9.png"); } .twa-triangular-flag-on-post { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6a9.png"); } .twa-door { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6aa.png"); } .twa-prohibited { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ab.png"); } .twa-no-entry-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ab.png"); } .twa-smoking { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ac.png"); } .twa-no-smoking { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ad.png"); } .twa-litter-in-bin-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ae.png"); } .twa-put-litter-in-its-place { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ae.png"); } .twa-no-littering { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6af.png"); } .twa-do-not-litter { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6af.png"); } .twa-potable-water { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b0.png"); } .twa-non-potable-water { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b1.png"); } .twa-bicycle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b2.png"); } .twa-bike { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b2.png"); } .twa-no-bicycles { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b3.png"); } .twa-bicyclist-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b4-1f3fb.png"); } .twa-bicyclist-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b4-1f3fc.png"); } .twa-bicyclist-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b4-1f3fd.png"); } .twa-bicyclist-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b4-1f3fe.png"); } .twa-bicyclist-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b4-1f3ff.png"); } .twa-bicyclist { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b4.png"); } .twa-mountain-bicyclist-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b5-1f3fb.png"); } .twa-mountain-bicyclist-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b5-1f3fc.png"); } .twa-mountain-bicyclist-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b5-1f3fd.png"); } .twa-mountain-bicyclist-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b5-1f3fe.png"); } .twa-mountain-bicyclist-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b5-1f3ff.png"); } .twa-mountain-biker { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b5.png"); } .twa-mountain-bicyclist { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b5.png"); } .twa-pedestrian-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b6-1f3fb.png"); } .twa-pedestrian-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b6-1f3fc.png"); } .twa-pedestrian-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b6-1f3fd.png"); } .twa-pedestrian-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b6-1f3fe.png"); } .twa-pedestrian-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b6-1f3ff.png"); } .twa-pedestrian { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b6.png"); } .twa-walking { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b6.png"); } .twa-no-pedestrians { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b7.png"); } .twa-children-crossing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b8.png"); } .twa-mens-room { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b9.png"); } .twa-mens { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6b9.png"); } .twa-womens-room { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ba.png"); } .twa-womens { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ba.png"); } .twa-restroom { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6bb.png"); } .twa-baby-symbol { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6bc.png"); } .twa-toilet { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6bd.png"); } .twa-water-closet { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6be.png"); } .twa-wc { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6be.png"); } .twa-shower { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6bf.png"); } .twa-bath-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c0-1f3fb.png"); } .twa-bath-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c0-1f3fc.png"); } .twa-bath-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c0-1f3fd.png"); } .twa-bath-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c0-1f3fe.png"); } .twa-bath-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c0-1f3ff.png"); } .twa-person-taking-bath { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c0.png"); } .twa-bath { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c0.png"); } .twa-bathtub { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c1.png"); } .twa-passport-control { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c2.png"); } .twa-customs { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c3.png"); } .twa-baggage-claim { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c4.png"); } .twa-left-luggage { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6c5.png"); } .twa-couch-and-lamp { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6cb.png"); } .twa-person-in-bed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6cc.png"); } .twa-shopping-bags { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6cd.png"); } .twa-bellhop-bell { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ce.png"); } .twa-bed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6cf.png"); } .twa-place-of-worship { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6d0.png"); } .twa-octagonal-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6d1.png"); } .twa-shopping-trolley { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6d2.png"); } .twa-hammer-and-wrench { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6e0.png"); } .twa-shield { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6e1.png"); } .twa-oil-drum { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6e2.png"); } .twa-motorway { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6e3.png"); } .twa-railway-track { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6e4.png"); } .twa-motor-boat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6e5.png"); } .twa-small-airplane { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6e9.png"); } .twa-airplane-departure { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6eb.png"); } .twa-airplane-arrival { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6ec.png"); } .twa-satellite { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6f0.png"); } .twa-passenger-ship { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6f3.png"); } .twa-scooter { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6f4.png"); } .twa-motor-scooter { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6f5.png"); } .twa-canoe { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f6f6.png"); } .twa-zipper-mouth-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f910.png"); } .twa-money-mouth-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f911.png"); } .twa-face-with-thermometer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f912.png"); } .twa-nerd-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f913.png"); } .twa-thinking-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f914.png"); } .twa-face-with-head-bandage { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f915.png"); } .twa-robot-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f916.png"); } .twa-hugging-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f917.png"); } .twa-sign-of-the-horns-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f918-1f3fb.png"); } .twa-sign-of-the-horns-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f918-1f3fc.png"); } .twa-sign-of-the-horns-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f918-1f3fd.png"); } .twa-sign-of-the-horns-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f918-1f3fe.png"); } .twa-sign-of-the-horns-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f918-1f3ff.png"); } .twa-sign-of-the-horns { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f918.png"); } .twa-call-me-hand-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f919-1f3fb.png"); } .twa-call-me-hand-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f919-1f3fc.png"); } .twa-call-me-hand-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f919-1f3fd.png"); } .twa-call-me-hand-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f919-1f3fe.png"); } .twa-call-me-hand-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f919-1f3ff.png"); } .twa-call-me-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f919.png"); } .twa-raised-back-of-hand-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91a-1f3fb.png"); } .twa-raised-back-of-hand-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91a-1f3fc.png"); } .twa-raised-back-of-hand-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91a-1f3fd.png"); } .twa-raised-back-of-hand-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91a-1f3fe.png"); } .twa-raised-back-of-hand-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91a-1f3ff.png"); } .twa-raised-back-of-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91a.png"); } .twa-left-facing-fist-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91b-1f3fb.png"); } .twa-left-facing-fist-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91b-1f3fc.png"); } .twa-left-facing-fist-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91b-1f3fd.png"); } .twa-left-facing-fist-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91b-1f3fe.png"); } .twa-left-facing-fist-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91b-1f3ff.png"); } .twa-left-facing-fist { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91b.png"); } .twa-right-facing-fist-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91c-1f3fb.png"); } .twa-right-facing-fist-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91c-1f3fc.png"); } .twa-right-facing-fist-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91c-1f3fd.png"); } .twa-right-facing-fist-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91c-1f3fe.png"); } .twa-right-facing-fist-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91c-1f3ff.png"); } .twa-right-facing-fist { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91c.png"); } .twa-handshake-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91d-1f3fb.png"); } .twa-handshake-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91d-1f3fc.png"); } .twa-handshake-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91d-1f3fd.png"); } .twa-handshake-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91d-1f3fe.png"); } .twa-handshake-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91d-1f3ff.png"); } .twa-handshake { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91d.png"); } .twa-hand-with-index-and-middle-fingers-crossed-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91e-1f3fb.png"); } .twa-hand-with-index-and-middle-fingers-crossed-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91e-1f3fc.png"); } .twa-hand-with-index-and-middle-fingers-crossed-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91e-1f3fd.png"); } .twa-hand-with-index-and-middle-fingers-crossed-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91e-1f3fe.png"); } .twa-hand-with-index-and-middle-fingers-crossed-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91e-1f3ff.png"); } .twa-hand-with-index-and-middle-fingers-crossed { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f91e.png"); } .twa-face-with-cowboy-hat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f920.png"); } .twa-clown-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f921.png"); } .twa-nauseated-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f922.png"); } .twa-rolling-on-the-floor-laughing { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f923.png"); } .twa-drooling-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f924.png"); } .twa-lying-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f925.png"); } .twa-face-palm-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f926-1f3fb.png"); } .twa-face-palm-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f926-1f3fc.png"); } .twa-face-palm-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f926-1f3fd.png"); } .twa-face-palm-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f926-1f3fe.png"); } .twa-face-palm-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f926-1f3ff.png"); } .twa-face-palm { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f926.png"); } .twa-sneezing-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f927.png"); } .twa-pregnant-woman-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f930-1f3fb.png"); } .twa-pregnant-woman-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f930-1f3fc.png"); } .twa-pregnant-woman-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f930-1f3fd.png"); } .twa-pregnant-woman-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f930-1f3fe.png"); } .twa-pregnant-woman-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f930-1f3ff.png"); } .twa-pregnant-woman { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f930.png"); } .twa-selfie-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f933-1f3fb.png"); } .twa-selfie-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f933-1f3fc.png"); } .twa-selfie-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f933-1f3fd.png"); } .twa-selfie-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f933-1f3fe.png"); } .twa-selfie-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f933-1f3ff.png"); } .twa-selfie { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f933.png"); } .twa-prince-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f934-1f3fb.png"); } .twa-prince-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f934-1f3fc.png"); } .twa-prince-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f934-1f3fd.png"); } .twa-prince-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f934-1f3fe.png"); } .twa-prince-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f934-1f3ff.png"); } .twa-prince { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f934.png"); } .twa-man-in-tuxedo-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f935-1f3fb.png"); } .twa-man-in-tuxedo-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f935-1f3fc.png"); } .twa-man-in-tuxedo-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f935-1f3fd.png"); } .twa-man-in-tuxedo-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f935-1f3fe.png"); } .twa-man-in-tuxedo-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f935-1f3ff.png"); } .twa-man-in-tuxedo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f935.png"); } .twa-mother-christmas-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f936-1f3fb.png"); } .twa-mother-christmas-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f936-1f3fc.png"); } .twa-mother-christmas-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f936-1f3fd.png"); } .twa-mother-christmas-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f936-1f3fe.png"); } .twa-mother-christmas-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f936-1f3ff.png"); } .twa-mother-christmas { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f936.png"); } .twa-shrug-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f937-1f3fb.png"); } .twa-shrug-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f937-1f3fc.png"); } .twa-shrug-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f937-1f3fd.png"); } .twa-shrug-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f937-1f3fe.png"); } .twa-shrug-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f937-1f3ff.png"); } .twa-shrug { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f937.png"); } .twa-person-doing-cartwheel-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f938-1f3fb.png"); } .twa-person-doing-cartwheel-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f938-1f3fc.png"); } .twa-person-doing-cartwheel-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f938-1f3fd.png"); } .twa-person-doing-cartwheel-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f938-1f3fe.png"); } .twa-person-doing-cartwheel-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f938-1f3ff.png"); } .twa-person-doing-cartwheel { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f938.png"); } .twa-juggling-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f939-1f3fb.png"); } .twa-juggling-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f939-1f3fc.png"); } .twa-juggling-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f939-1f3fd.png"); } .twa-juggling-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f939-1f3fe.png"); } .twa-juggling-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f939-1f3ff.png"); } .twa-juggling { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f939.png"); } .twa-fencer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93a.png"); } .twa-wrestlers-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93c-1f3fb.png"); } .twa-wrestlers-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93c-1f3fc.png"); } .twa-wrestlers-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93c-1f3fd.png"); } .twa-wrestlers-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93c-1f3fe.png"); } .twa-wrestlers-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93c-1f3ff.png"); } .twa-wrestlers { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93c.png"); } .twa-water-polo-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93d-1f3fb.png"); } .twa-water-polo-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93d-1f3fc.png"); } .twa-water-polo-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93d-1f3fd.png"); } .twa-water-polo-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93d-1f3fe.png"); } .twa-water-polo-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93d-1f3ff.png"); } .twa-water-polo { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93d.png"); } .twa-handball-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93e-1f3fb.png"); } .twa-handball-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93e-1f3fc.png"); } .twa-handball-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93e-1f3fd.png"); } .twa-handball-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93e-1f3fe.png"); } .twa-handball-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93e-1f3ff.png"); } .twa-handball { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f93e.png"); } .twa-wilted-flower { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f940.png"); } .twa-drum-with-drumsticks { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f941.png"); } .twa-clinking-glasses { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f942.png"); } .twa-tumbler-glass { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f943.png"); } .twa-spoon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f944.png"); } .twa-goal-net { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f945.png"); } .twa-first-place-medal { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f947.png"); } .twa-second-place-medal { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f948.png"); } .twa-third-place-medal { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f949.png"); } .twa-boxing-glove { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f94a.png"); } .twa-martial-arts-uniform { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f94b.png"); } .twa-croissant { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f950.png"); } .twa-avocado { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f951.png"); } .twa-cucumber { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f952.png"); } .twa-bacon { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f953.png"); } .twa-potato { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f954.png"); } .twa-carrot { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f955.png"); } .twa-baguette-bread { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f956.png"); } .twa-green-salad { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f957.png"); } .twa-shallow-pan-of-food { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f958.png"); } .twa-stuffed-flatbread { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f959.png"); } .twa-egg { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f95a.png"); } .twa-glass-of-milk { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f95b.png"); } .twa-peanuts { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f95c.png"); } .twa-kiwifruit { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f95d.png"); } .twa-pancakes { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f95e.png"); } .twa-crab { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f980.png"); } .twa-lion-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f981.png"); } .twa-scorpion { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f982.png"); } .twa-turkey { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f983.png"); } .twa-unicorn-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f984.png"); } .twa-eagle { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f985.png"); } .twa-duck { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f986.png"); } .twa-bat { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f987.png"); } .twa-shark { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f988.png"); } .twa-owl { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f989.png"); } .twa-fox-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f98a.png"); } .twa-butterfly { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f98b.png"); } .twa-deer { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f98c.png"); } .twa-gorilla { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f98d.png"); } .twa-lizard { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f98e.png"); } .twa-rhinoceros { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f98f.png"); } .twa-shrimp { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f990.png"); } .twa-squid { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f991.png"); } .twa-cheese-wedge { background-image: url("https://twemoji.maxcdn.com/2/72x72/1f9c0.png"); } .twa-double-exclamation-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/203c.png"); } .twa-bangbang { background-image: url("https://twemoji.maxcdn.com/2/72x72/203c.png"); } .twa-exclamation-question-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2049.png"); } .twa-interrobang { background-image: url("https://twemoji.maxcdn.com/2/72x72/2049.png"); } .twa-trade-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2122.png"); } .twa-tm { background-image: url("https://twemoji.maxcdn.com/2/72x72/2122.png"); } .twa-information-source { background-image: url("https://twemoji.maxcdn.com/2/72x72/2139.png"); } .twa-left-right-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2194.png"); } .twa-up-down-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2195.png"); } .twa-arrow-up-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/2195.png"); } .twa-up-left-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2196.png"); } .twa-arrow-upper-left { background-image: url("https://twemoji.maxcdn.com/2/72x72/2196.png"); } .twa-up-right-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2197.png"); } .twa-arrow-upper-right { background-image: url("https://twemoji.maxcdn.com/2/72x72/2197.png"); } .twa-down-right-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2198.png"); } .twa-arrow-lower-right { background-image: url("https://twemoji.maxcdn.com/2/72x72/2198.png"); } .twa-down-left-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2199.png"); } .twa-arrow-lower-left { background-image: url("https://twemoji.maxcdn.com/2/72x72/2199.png"); } .twa-right-arrow-curving-left { background-image: url("https://twemoji.maxcdn.com/2/72x72/21a9.png"); } .twa-leftwards-arrow-with-hook { background-image: url("https://twemoji.maxcdn.com/2/72x72/21a9.png"); } .twa-left-arrow-curving-right { background-image: url("https://twemoji.maxcdn.com/2/72x72/21aa.png"); } .twa-arrow-right-hook { background-image: url("https://twemoji.maxcdn.com/2/72x72/21aa.png"); } .twa-hash { background-image: url("https://twemoji.maxcdn.com/2/72x72/23-20e3.png"); } .twa-watch { background-image: url("https://twemoji.maxcdn.com/2/72x72/231a.png"); } .twa-hourglass { background-image: url("https://twemoji.maxcdn.com/2/72x72/231b.png"); } .twa-keyboard { background-image: url("https://twemoji.maxcdn.com/2/72x72/2328.png"); } .twa-eject-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23cf.png"); } .twa-fast-forword-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23e9.png"); } .twa-fast-forward { background-image: url("https://twemoji.maxcdn.com/2/72x72/23e9.png"); } .twa-fast-reverse-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23ea.png"); } .twa-rewind { background-image: url("https://twemoji.maxcdn.com/2/72x72/23ea.png"); } .twa-fast-up-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23eb.png"); } .twa-arrow-double-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/23eb.png"); } .twa-fast-down-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23ec.png"); } .twa-arrow-double-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/23ec.png"); } .twa-next-track-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23ed.png"); } .twa-last-track-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23ee.png"); } .twa-play-or-pause-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23ef.png"); } .twa-alarm-clock { background-image: url("https://twemoji.maxcdn.com/2/72x72/23f0.png"); } .twa-stopwatch { background-image: url("https://twemoji.maxcdn.com/2/72x72/23f1.png"); } .twa-timer-clock { background-image: url("https://twemoji.maxcdn.com/2/72x72/23f2.png"); } .twa-hourglass-with-flowing-sand { background-image: url("https://twemoji.maxcdn.com/2/72x72/23f3.png"); } .twa-hourglass-flowing-sand { background-image: url("https://twemoji.maxcdn.com/2/72x72/23f3.png"); } .twa-pause-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23f8.png"); } .twa-stop-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23f9.png"); } .twa-record-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/23fa.png"); } .twa-circled-letter-m { background-image: url("https://twemoji.maxcdn.com/2/72x72/24c2.png"); } .twa-m { background-image: url("https://twemoji.maxcdn.com/2/72x72/24c2.png"); } .twa-black-small-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/25aa.png"); } .twa-white-small-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/25ab.png"); } .twa-play-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/25b6.png"); } .twa-arrow-forward { background-image: url("https://twemoji.maxcdn.com/2/72x72/25b6.png"); } .twa-reverse-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/25c0.png"); } .twa-arrow-backward { background-image: url("https://twemoji.maxcdn.com/2/72x72/25c0.png"); } .twa-white-medium-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/25fb.png"); } .twa-black-medium-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/25fc.png"); } .twa-white-medium-small-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/25fd.png"); } .twa-black-medium-small-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/25fe.png"); } .twa-sun { background-image: url("https://twemoji.maxcdn.com/2/72x72/2600.png"); } .twa-sunny { background-image: url("https://twemoji.maxcdn.com/2/72x72/2600.png"); } .twa-cloud { background-image: url("https://twemoji.maxcdn.com/2/72x72/2601.png"); } .twa-umbrella { background-image: url("https://twemoji.maxcdn.com/2/72x72/2602.png"); } .twa-snowman { background-image: url("https://twemoji.maxcdn.com/2/72x72/2603.png"); } .twa-comet { background-image: url("https://twemoji.maxcdn.com/2/72x72/2604.png"); } .twa-telephone { background-image: url("https://twemoji.maxcdn.com/2/72x72/260e.png"); } .twa-phone { background-image: url("https://twemoji.maxcdn.com/2/72x72/260e.png"); } .twa-ballot-box-with-check { background-image: url("https://twemoji.maxcdn.com/2/72x72/2611.png"); } .twa-umbrella-with-rain-drops { background-image: url("https://twemoji.maxcdn.com/2/72x72/2614.png"); } .twa-hot-beverage { background-image: url("https://twemoji.maxcdn.com/2/72x72/2615.png"); } .twa-coffee { background-image: url("https://twemoji.maxcdn.com/2/72x72/2615.png"); } .twa-shamrock { background-image: url("https://twemoji.maxcdn.com/2/72x72/2618.png"); } .twa-white-up-pointing-index-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/261d-1f3fb.png"); } .twa-white-up-pointing-index-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/261d-1f3fc.png"); } .twa-white-up-pointing-index-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/261d-1f3fd.png"); } .twa-white-up-pointing-index-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/261d-1f3fe.png"); } .twa-white-up-pointing-index-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/261d-1f3ff.png"); } .twa-index-pointing-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/261d.png"); } .twa-point-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/261d.png"); } .twa-skull-and-crossbones { background-image: url("https://twemoji.maxcdn.com/2/72x72/2620.png"); } .twa-radioactive { background-image: url("https://twemoji.maxcdn.com/2/72x72/2622.png"); } .twa-biohazard { background-image: url("https://twemoji.maxcdn.com/2/72x72/2623.png"); } .twa-orthodox-cross { background-image: url("https://twemoji.maxcdn.com/2/72x72/2626.png"); } .twa-star-and-crescent { background-image: url("https://twemoji.maxcdn.com/2/72x72/262a.png"); } .twa-peace-symbol { background-image: url("https://twemoji.maxcdn.com/2/72x72/262e.png"); } .twa-yin-yang { background-image: url("https://twemoji.maxcdn.com/2/72x72/262f.png"); } .twa-wheel-of-dharma { background-image: url("https://twemoji.maxcdn.com/2/72x72/2638.png"); } .twa-frowning-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/2639.png"); } .twa-smiling-face { background-image: url("https://twemoji.maxcdn.com/2/72x72/263a.png"); } .twa-relaxed { background-image: url("https://twemoji.maxcdn.com/2/72x72/263a.png"); } .twa-aries { background-image: url("https://twemoji.maxcdn.com/2/72x72/2648.png"); } .twa-taurus { background-image: url("https://twemoji.maxcdn.com/2/72x72/2649.png"); } .twa-gemini { background-image: url("https://twemoji.maxcdn.com/2/72x72/264a.png"); } .twa-cancer { background-image: url("https://twemoji.maxcdn.com/2/72x72/264b.png"); } .twa-leo { background-image: url("https://twemoji.maxcdn.com/2/72x72/264c.png"); } .twa-virgo { background-image: url("https://twemoji.maxcdn.com/2/72x72/264d.png"); } .twa-libra { background-image: url("https://twemoji.maxcdn.com/2/72x72/264e.png"); } .twa-scorpius { background-image: url("https://twemoji.maxcdn.com/2/72x72/264f.png"); } .twa-sagittarius { background-image: url("https://twemoji.maxcdn.com/2/72x72/2650.png"); } .twa-capricorn { background-image: url("https://twemoji.maxcdn.com/2/72x72/2651.png"); } .twa-aquarius { background-image: url("https://twemoji.maxcdn.com/2/72x72/2652.png"); } .twa-pisces { background-image: url("https://twemoji.maxcdn.com/2/72x72/2653.png"); } .twa-spade-suit { background-image: url("https://twemoji.maxcdn.com/2/72x72/2660.png"); } .twa-spades { background-image: url("https://twemoji.maxcdn.com/2/72x72/2660.png"); } .twa-club-suit { background-image: url("https://twemoji.maxcdn.com/2/72x72/2663.png"); } .twa-clubs { background-image: url("https://twemoji.maxcdn.com/2/72x72/2663.png"); } .twa-heart-suit { background-image: url("https://twemoji.maxcdn.com/2/72x72/2665.png"); } .twa-hearts { background-image: url("https://twemoji.maxcdn.com/2/72x72/2665.png"); } .twa-diamond-suit { background-image: url("https://twemoji.maxcdn.com/2/72x72/2666.png"); } .twa-diamonds { background-image: url("https://twemoji.maxcdn.com/2/72x72/2666.png"); } .twa-hot-springs { background-image: url("https://twemoji.maxcdn.com/2/72x72/2668.png"); } .twa-hotsprings { background-image: url("https://twemoji.maxcdn.com/2/72x72/2668.png"); } .twa-recycling-symbol { background-image: url("https://twemoji.maxcdn.com/2/72x72/267b.png"); } .twa-recycle { background-image: url("https://twemoji.maxcdn.com/2/72x72/267b.png"); } .twa-wheelchair { background-image: url("https://twemoji.maxcdn.com/2/72x72/267f.png"); } .twa-hammer-and-pick { background-image: url("https://twemoji.maxcdn.com/2/72x72/2692.png"); } .twa-anchor { background-image: url("https://twemoji.maxcdn.com/2/72x72/2693.png"); } .twa-crossed-swords { background-image: url("https://twemoji.maxcdn.com/2/72x72/2694.png"); } .twa-balance-scale { background-image: url("https://twemoji.maxcdn.com/2/72x72/2696.png"); } .twa-alembic { background-image: url("https://twemoji.maxcdn.com/2/72x72/2697.png"); } .twa-gear { background-image: url("https://twemoji.maxcdn.com/2/72x72/2699.png"); } .twa-atom-symbol { background-image: url("https://twemoji.maxcdn.com/2/72x72/269b.png"); } .twa-fleur-de-lis { background-image: url("https://twemoji.maxcdn.com/2/72x72/269c.png"); } .twa-warning { background-image: url("https://twemoji.maxcdn.com/2/72x72/26a0.png"); } .twa-high-voltage { background-image: url("https://twemoji.maxcdn.com/2/72x72/26a1.png"); } .twa-zap { background-image: url("https://twemoji.maxcdn.com/2/72x72/26a1.png"); } .twa-white-circle { background-image: url("https://twemoji.maxcdn.com/2/72x72/26aa.png"); } .twa-black-circle { background-image: url("https://twemoji.maxcdn.com/2/72x72/26ab.png"); } .twa-coffin { background-image: url("https://twemoji.maxcdn.com/2/72x72/26b0.png"); } .twa-funeral-urn { background-image: url("https://twemoji.maxcdn.com/2/72x72/26b1.png"); } .twa-soccer-ball { background-image: url("https://twemoji.maxcdn.com/2/72x72/26bd.png"); } .twa-soccer { background-image: url("https://twemoji.maxcdn.com/2/72x72/26bd.png"); } .twa-baseball { background-image: url("https://twemoji.maxcdn.com/2/72x72/26be.png"); } .twa-snowman-without-snow { background-image: url("https://twemoji.maxcdn.com/2/72x72/26c4.png"); } .twa-sun-behind-cloud { background-image: url("https://twemoji.maxcdn.com/2/72x72/26c5.png"); } .twa-partly-sunny { background-image: url("https://twemoji.maxcdn.com/2/72x72/26c5.png"); } .twa-cloud-with-lightning-and-rain { background-image: url("https://twemoji.maxcdn.com/2/72x72/26c8.png"); } .twa-ophiuchus { background-image: url("https://twemoji.maxcdn.com/2/72x72/26ce.png"); } .twa-pick { background-image: url("https://twemoji.maxcdn.com/2/72x72/26cf.png"); } .twa-helmet-with-white-cross { background-image: url("https://twemoji.maxcdn.com/2/72x72/26d1.png"); } .twa-chains { background-image: url("https://twemoji.maxcdn.com/2/72x72/26d3.png"); } .twa-no-entry { background-image: url("https://twemoji.maxcdn.com/2/72x72/26d4.png"); } .twa-shinto-shrine { background-image: url("https://twemoji.maxcdn.com/2/72x72/26e9.png"); } .twa-church { background-image: url("https://twemoji.maxcdn.com/2/72x72/26ea.png"); } .twa-mountain { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f0.png"); } .twa-umbrella-on-ground { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f1.png"); } .twa-fountain { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f2.png"); } .twa-flag-in-hole { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f3.png"); } .twa-golf { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f3.png"); } .twa-ferry { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f4.png"); } .twa-sailboat { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f5.png"); } .twa-boat { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f5.png"); } .twa-skier { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f7.png"); } .twa-ice-skate { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f8.png"); } .twa-person-with-ball-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f9-1f3fb.png"); } .twa-person-with-ball-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f9-1f3fc.png"); } .twa-person-with-ball-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f9-1f3fd.png"); } .twa-person-with-ball-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f9-1f3fe.png"); } .twa-person-with-ball-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f9-1f3ff.png"); } .twa-person-with-ball { background-image: url("https://twemoji.maxcdn.com/2/72x72/26f9.png"); } .twa-tent { background-image: url("https://twemoji.maxcdn.com/2/72x72/26fa.png"); } .twa-fuel-pump { background-image: url("https://twemoji.maxcdn.com/2/72x72/26fd.png"); } .twa-fuelpump { background-image: url("https://twemoji.maxcdn.com/2/72x72/26fd.png"); } .twa-scissors { background-image: url("https://twemoji.maxcdn.com/2/72x72/2702.png"); } .twa-white-heavy-check-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2705.png"); } .twa-white-check-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2705.png"); } .twa-airplane { background-image: url("https://twemoji.maxcdn.com/2/72x72/2708.png"); } .twa-envelope { background-image: url("https://twemoji.maxcdn.com/2/72x72/2709.png"); } .twa-email { background-image: url("https://twemoji.maxcdn.com/2/72x72/2709.png"); } .twa-raised-fist-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270a-1f3fb.png"); } .twa-raised-fist-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270a-1f3fc.png"); } .twa-raised-fist-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270a-1f3fd.png"); } .twa-raised-fist-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270a-1f3fe.png"); } .twa-raised-fist-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270a-1f3ff.png"); } .twa-raised-fist { background-image: url("https://twemoji.maxcdn.com/2/72x72/270a.png"); } .twa-fist { background-image: url("https://twemoji.maxcdn.com/2/72x72/270a.png"); } .twa-raised-hand-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270b-1f3fb.png"); } .twa-raised-hand-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270b-1f3fc.png"); } .twa-raised-hand-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270b-1f3fd.png"); } .twa-raised-hand-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270b-1f3fe.png"); } .twa-raised-hand-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270b-1f3ff.png"); } .twa-raised-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/270b.png"); } .twa-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/270b.png"); } .twa-victory-hand-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270c-1f3fb.png"); } .twa-victory-hand-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270c-1f3fc.png"); } .twa-victory-hand-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270c-1f3fd.png"); } .twa-victory-hand-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270c-1f3fe.png"); } .twa-victory-hand-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270c-1f3ff.png"); } .twa-victory-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/270c.png"); } .twa-v { background-image: url("https://twemoji.maxcdn.com/2/72x72/270c.png"); } .twa-writing-hand-type-1-2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270d-1f3fb.png"); } .twa-writing-hand-type-3 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270d-1f3fc.png"); } .twa-writing-hand-type-4 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270d-1f3fd.png"); } .twa-writing-hand-type-5 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270d-1f3fe.png"); } .twa-writing-hand-type-6 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270d-1f3ff.png"); } .twa-writing-hand { background-image: url("https://twemoji.maxcdn.com/2/72x72/270d.png"); } .twa-pencil { background-image: url("https://twemoji.maxcdn.com/2/72x72/270f.png"); } .twa-pencil2 { background-image: url("https://twemoji.maxcdn.com/2/72x72/270f.png"); } .twa-black-nib { background-image: url("https://twemoji.maxcdn.com/2/72x72/2712.png"); } .twa-heavy-check-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2714.png"); } .twa-heavy-multiplication-x { background-image: url("https://twemoji.maxcdn.com/2/72x72/2716.png"); } .twa-latin-cross { background-image: url("https://twemoji.maxcdn.com/2/72x72/271d.png"); } .twa-star-of-david { background-image: url("https://twemoji.maxcdn.com/2/72x72/2721.png"); } .twa-sparkles { background-image: url("https://twemoji.maxcdn.com/2/72x72/2728.png"); } .twa-eight-spoked-asterisk { background-image: url("https://twemoji.maxcdn.com/2/72x72/2733.png"); } .twa-eight-pointed-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/2734.png"); } .twa-eight-pointed-black-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/2734.png"); } .twa-snowflake { background-image: url("https://twemoji.maxcdn.com/2/72x72/2744.png"); } .twa-sparkle { background-image: url("https://twemoji.maxcdn.com/2/72x72/2747.png"); } .twa-cross-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/274c.png"); } .twa-x { background-image: url("https://twemoji.maxcdn.com/2/72x72/274c.png"); } .twa-cross-mark-button { background-image: url("https://twemoji.maxcdn.com/2/72x72/274e.png"); } .twa-negative-squared-cross-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/274e.png"); } .twa-question-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2753.png"); } .twa-question { background-image: url("https://twemoji.maxcdn.com/2/72x72/2753.png"); } .twa-white-question-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2754.png"); } .twa-grey-question { background-image: url("https://twemoji.maxcdn.com/2/72x72/2754.png"); } .twa-white-exclamation-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2755.png"); } .twa-grey-exclamation { background-image: url("https://twemoji.maxcdn.com/2/72x72/2755.png"); } .twa-exclamation-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/2757.png"); } .twa-exclamation { background-image: url("https://twemoji.maxcdn.com/2/72x72/2757.png"); } .twa-heavy-heart-exclamation-mark-ornament { background-image: url("https://twemoji.maxcdn.com/2/72x72/2763.png"); } .twa-red-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/2764.png"); } .twa-heart { background-image: url("https://twemoji.maxcdn.com/2/72x72/2764.png"); } .twa-heavy-plus-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/2795.png"); } .twa-heavy-minus-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/2796.png"); } .twa-heavy-division-sign { background-image: url("https://twemoji.maxcdn.com/2/72x72/2797.png"); } .twa-right-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/27a1.png"); } .twa-arrow-right { background-image: url("https://twemoji.maxcdn.com/2/72x72/27a1.png"); } .twa-curly-loop { background-image: url("https://twemoji.maxcdn.com/2/72x72/27b0.png"); } .twa-double-curly-loop { background-image: url("https://twemoji.maxcdn.com/2/72x72/27bf.png"); } .twa-loop { background-image: url("https://twemoji.maxcdn.com/2/72x72/27bf.png"); } .twa-right-arrow-curving-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/2934.png"); } .twa-arrow-heading-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/2934.png"); } .twa-right-arrow-curving-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/2935.png"); } .twa-arrow-heading-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/2935.png"); } .twa-asterisk { background-image: url("https://twemoji.maxcdn.com/2/72x72/2a-20e3.png"); } .twa-left-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b05.png"); } .twa-arrow-left { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b05.png"); } .twa-up-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b06.png"); } .twa-arrow-up { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b06.png"); } .twa-down-arrow { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b07.png"); } .twa-arrow-down { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b07.png"); } .twa-black-large-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b1b.png"); } .twa-white-large-square { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b1c.png"); } .twa-white-medium-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b50.png"); } .twa-star { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b50.png"); } .twa-heavy-large-circle { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b55.png"); } .twa-o { background-image: url("https://twemoji.maxcdn.com/2/72x72/2b55.png"); } .twa-zero { background-image: url("https://twemoji.maxcdn.com/2/72x72/30-20e3.png"); } .twa-wavy-dash { background-image: url("https://twemoji.maxcdn.com/2/72x72/3030.png"); } .twa-part-alternation-mark { background-image: url("https://twemoji.maxcdn.com/2/72x72/303d.png"); } .twa-one { background-image: url("https://twemoji.maxcdn.com/2/72x72/31-20e3.png"); } .twa-two { background-image: url("https://twemoji.maxcdn.com/2/72x72/32-20e3.png"); } .twa-circled-congratulate-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/3297.png"); } .twa-congratulations { background-image: url("https://twemoji.maxcdn.com/2/72x72/3297.png"); } .twa-circled-secret-ideograph { background-image: url("https://twemoji.maxcdn.com/2/72x72/3299.png"); } .twa-secret { background-image: url("https://twemoji.maxcdn.com/2/72x72/3299.png"); } .twa-three { background-image: url("https://twemoji.maxcdn.com/2/72x72/33-20e3.png"); } .twa-four { background-image: url("https://twemoji.maxcdn.com/2/72x72/34-20e3.png"); } .twa-five { background-image: url("https://twemoji.maxcdn.com/2/72x72/35-20e3.png"); } .twa-six { background-image: url("https://twemoji.maxcdn.com/2/72x72/36-20e3.png"); } .twa-seven { background-image: url("https://twemoji.maxcdn.com/2/72x72/37-20e3.png"); } .twa-eight { background-image: url("https://twemoji.maxcdn.com/2/72x72/38-20e3.png"); } .twa-nine { background-image: url("https://twemoji.maxcdn.com/2/72x72/39-20e3.png"); } .twa-copyright { background-image: url("https://twemoji.maxcdn.com/2/72x72/a9.png"); } .twa-registered { background-image: url("https://twemoji.maxcdn.com/2/72x72/ae.png"); } .twa-shibuya { background-image: url("https://twemoji.maxcdn.com/2/72x72/e50a.png"); } .twa-shibuya-109 { background-image: url("https://twemoji.maxcdn.com/2/72x72/e50a.png"); } .external_nav{ top: 0; background: #262835; color: #ccc; width:100%; position: absolute; z-index: 9999; a{ color: #fff; text-decoration: underline; } td{ width:25%; text-align: center; height:16px; vertical-align: middle; &.players, &.players span{ color: #fff; text-decoration: underline; cursor: pointer; } &.userecho_feedback{ a{ color:black; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #bfbfbf 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e2e2e2 0%,#bfbfbf 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e2e2e2 0%,#bfbfbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */ padding: 7px; border-radius: 0 0 5px 5px; text-decoration: none; i{ color:red; font-size: 16px; vertical-align: middle; } span{ display: inline-block; margin-top: 1px; vertical-align: middle; } } } } } .character_attributes{ bottom: 0; position: absolute; width:100%; background: white; height:40px; color: #bbb; background: url(img/layout/CharAttBK.png) center top repeat-x rgba(0,0,0,.7); z-index: 1; a{ color: #eee; //text-decoration: underline; } a:hover{ color: #fff; } .Level{ font-weight: bold; } .character_info{ width:100%; margin: 8px 0 0; td{ width:25%; text-align: center; line-height: 14px; padding: 1px 0 0; position: relative; .manual, .refer-link{ color: white; cursor: pointer; position: absolute; top: -40px; margin-left: -43px; &:hover span{ color:white; } .manualbook, .refer-icon{ height: 37px; width: 42px; background: url(img/layout/manual.png) no-repeat; z-index: 2; margin-top: -10px; margin-left: 3px; } .refer-icon{ background:url(img/layout/refer-bonus.png) no-repeat; margin-left: -4px; } span{ position: absolute; top: 0px; left: -8px; color: gold; background: rgb(42, 42, 42); padding: 3px 6px 3px 46px; border-radius: 5px; z-index: 1; } .refer-toast{ background: rgba(0,0,0,.75); color:white; z-index: 0; padding: 3px 6px; top: 32px; opacity: 0; &.copied{ animation: toast 1.25s 1; animation-fill-mode: forwards; } @keyframes toast { 0% { opacity: 1; top:0; } 30% { top: 32px; } 55% { opacity: 1; } 100% { opacity: 0; } } } } .refer-link{ margin-left: -153px; .refer-title{ white-space: nowrap; text-align: left; padding: 3px 6px 3px 32px; } } .messages{ .attrib_value{ color: #eee; cursor: pointer; } .attrib_value:hover{ color: #fff; } } .avatar_holder{ z-index: 9; position: absolute; display: inline-block; width: 52px; height: 47px; top:-46px; left: 50%; margin-left: -26px; cursor: pointer; .avatar{ .BSbad_guy_pic; top:6px; left: 6px; height: 36px; background-repeat: no-repeat; } .theme_avatar{ width:52px; height: 47px; background: url(img/layout/header_frame.png) no-repeat; } } } } } .logo{ height: 68px; width:100%; position: absolute; top: 16px; .logo_center { height:55px; width:192px; position: absolute; left: 50%; bottom: 26px; margin: 0 0px 0 -96px; background: url(img/layout/logo2.png) no-repeat; z-index: 3; } .logo_right { position: absolute; right: 0; left: 0; top: -14px; margin: 0 0px 0; height: 46px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.81) 100%); opacity: .6; } .logo_left { // height:111px; left: 0; position: absolute; right: 50%; top: 0px; margin: 0 63px 0 0px; // background: url(img/layout/dragon.png) no-repeat right -20px; } } .clan_list{ .ClanInfoLink{ font-weight: bold; } } .EffectList{ .item_line_side{ padding: 3px 0; background: rgba(214, 183, 120, 0.43); &.Equipment { .additional_info { display: none; } } } } .RegionMapWrapper { background: url(img/layout/14.jpg) #44403f; height: 100%; overflow: auto; .wrapper{ width: 100%; height: 100%; overflow: auto; position: relative; display: table; .wrapper_grad; } .wrapper_2{ display: table-cell; vertical-align: top; text-align: center; } .RegionMap{ display: inline-block; position: relative; } .settlementSprite{ //height: 16px; background: url(img/markers/city.png) no-repeat; display: block; padding: 2px 0 0 16px; color: #ddd; font-size: 12px; .nameWrapper{ background-color:rgba(0,0,0,0.5); text-shadow:0 1px black; padding: 3px 0px 3px 5px; display: block; -moz-border-radius: 6px; border-radius: 6px; .skillIcon{ width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin: -11px -2px -9px -1px; background-image:url(img/layout/mapSkillIcons.png); &.mining{ background-position: 0 -21px; } &.fishing{ background-position: 0 -42px; } &.crafting{ background-position: 0 -63px; } &.smithing{ background-position: 0 -83px; } &.cooking{ background-position: 0 -104px; } &.construction{ background-position: 0 -125px; } &.aura{ background-position: 0 -146px; } &.farming{ background-position: 0 -168px; } &.hunting{ background-position: 0 -189px; } &.combat{ background-position: 0 -210px; } } } } .settlementSprite:hover, .settlementSprite.current{ background: url(img/markers/city_high.png) no-repeat; color: #fff; } .settlementSprite.goodCap{ background: url(img/markers/capitalgood.png) no-repeat; } .settlementSprite.goodCap:hover, .settlementSprite.goodCap.current{ background: url(img/markers/capitalgood_high.png) no-repeat; color: #fff; } .settlementSprite.badCap{ background: url(img/markers/capitalbad.png) no-repeat; } .settlementSprite.badCap:hover, .settlementSprite.badCap.current{ background: url(img/markers/capitalbad_high.png) no-repeat; color: #fff; } .settlementSprite.badCap.current, .settlementSprite.goodCap.current{ color:yellow; } .settlementSprite.travel{ background: url(img/markers/link.png) no-repeat; } .settlementSprite.travel:hover, .settlementSprite.travel.current{ background: url(img/markers/link_high.png) no-repeat; color: #fff; } .settlementSprite.current, .settlementSprite.travel.current{ font-weight: bold; color:yellow; } .settlementSprite.hasQuest{ span.iconHolder:after{ content: "\f091"; font-family: FontAwesome; display: block; color:yellow; } } .RegionMap .Link { position: absolute; } .Woodcutticus{ top: 164px; left: 167px; } .Hatcherton{ top: 265px; left: 131px; } .Cheffings{ top: 232px; left: 229px; } .OreTown{ top: 87px; left: 315px; } .Smither{ left: 390px; top: 130px; } .HardhatJunction{ top: 80px; left: 172px; } .Widdleville{ top: 194px; left: 38px; } .Farmery{ top: 100px; left: 98px; } .Aurora{ left: 475px; top: 34px; } .Battlecreek{ left: 428px; top: 248px; } .Region2icus { left: 150px; top: 400px; } } .Standard { .autoeatfood { display: none; } } .Premium { .autoeatpremium { display: none; } } .MainAction{ height: 100%; background: url(img/layout/14.jpg) repeat center top; overflow: hidden; .wrapper{ overflow: auto; height: 100%; .action_info{ text-align: center; padding:0; .doubleWide; margin: 8px auto; .Details{ border: medium none; display: inline-block; margin: 0px 0 0; overflow: auto; width: 100%; color: #ccc; .details_wrapper{ padding: 8px; .image-splash{ width: 100%; height: 120px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); background-size:cover; } .timer{ margin: 0px 0 0; text-align: center; .slate_block; .theme_button.timerbutton{ margin: 2px -15px 0; vertical-align: top; width:52px; z-index: 0; } .timer_plaque{ .header_plaque; width: 80px; margin: -6px auto 0; display: inline-block; .Timer{ font-size: 18px; line-height: 12px; color: #000; } } .setLimit{ margin: -33px 0 0; //border-top: 1px solid #222; padding:8px 0; //box-shadow: inset 0 1px 0 #666; .wrapper{ background: rgba(0, 0, 0, 0.15); display: inline-block; padding: 22px 4px 4px; border: 1px solid black; width: 257px; } .theme_dropdown_native{ vertical-align: middle; } input{ text-align: left; } .theme_button, .button{ vertical-align: middle; margin-top: 0; } } .timer_line{ //padding: 3px; color: #ccc; padding:0; line-height: 20px; //background: rgba(0, 0, 0, 0.15); .Title, .Stage{font-size: 15px } .xpwrapper{ white-space: nowrap; padding: 0 15px; } &.HasStage{ .Title{ display:none; } } .icon{ .BSmove; margin: 8px 0; vertical-align: middle; } .current_building{ padding: 0px 0 14px; .Upgrade{ padding:0 4px; color:white; cursor: pointer; } } .FoodMinTimer{ color:yellow; } .CurrentTimer{ color:white; } } .timer_line.title{ //border-bottom: 1px solid #666; //box-shadow: inset 0 -1px 0 #222; background:none; //.slate_fade; padding:0; .Title, .Stage{ //display: block; line-height: 19px; } .button{ .theme_button; vertical-align: middle; margin: 0 0 0 10px; } } .timer_line.autoeat{ i{ margin-left: 5px; //color:red; cursor: pointer; } .autoeatfood{ color:white; cursor: pointer; &:hover{ text-decoration: underline; } &:not(.empty){ background: rgba(0,0,0,.35); padding:3px 5px; border-radius: 15px; &:hover{ text-decoration: none; } &:after{ content: "\f057"; font-family: FontAwesome; color:grey; margin-left:5px; cursor: pointer; &:hover{ background: rgba(0,0,0,.85); color:red; } } &:hover:after{ color:red; } } } .autoeatpremium { color:white; background: rgba(0,0,0,.35); padding:3px 5px; border-radius: 15px; } } .timer_sub_info{ //.slate_block; margin: 0 5px 10px; } } } } .newactionlog_contents{ .slate_block; color: #ccc; margin: 0 8px 8px; .all_action_info{ padding: 5px 0 5px; .action_this_time{ padding: 5px; .success{color:yellow;} .failure{color:red;} span{ white-space: nowrap; } .noRoad{ white-space: normal; } } .total_wrapper{ .ActionLink{ .theme_button; .opened{display: none;} } .ActionLink.disabled{ .theme_button_inactive; } .popup_div{ margin: -5px 0 0px -2px; border-style: solid; border-width: 11px 0px 4px; -moz-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; -webkit-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; -o-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; border-image: url(img/layout/center-popup-border.png) 10 0 4 ; .NewActionLog{ background: url(img/layout/settings-popup-mid.png); .action_log_group{ display: inline-block; margin: 0px 0 8px; padding: 0px; width: 136px; vertical-align: top; .Header{ display: block; border-bottom: 1px solid #555; padding: 4px 0 0; margin-bottom: 4px; font-weight: bold; font-size: 12px; } .ActionLogHolder{ .action_log{ padding: 2px 0; } .action_log .Title{ display: inline; background: none; } } } } } } } } .newactionlog_contents .all_action_info.open .total_wrapper .ActionLink .opened{display: inline;} .newactionlog_contents .all_action_info.open .total_wrapper .ActionLink .closed{display: none;} .LogBox{ text-align: left; background: rgba(0,0,0,.3); padding: 2px; margin: 3px; .Logs{ } } } } } //.MainAction.woodcutting{background: url(img/skills/woodcutting.jpg) top center;} .MainAction.woodcutting .image-splash{background:url(img/skills/Woodcutting1.jpg) no-repeat center top;} .MainAction.crafting .image-splash{background:url(img/skills/Crafting.jpg) no-repeat center top;} .MainAction.construction .image-splash{background:url(img/skills/Construction.jpg) no-repeat center top;} .MainAction.combat .image-splash{background:url(img/skills/Combat.jpg) no-repeat center top;} .MainAction.cooking .image-splash{background:url(img/skills/Cooking.jpg) no-repeat center top;} .MainAction.farming .image-splash{background:url(img/skills/Farming.jpg) no-repeat center top;} .MainAction.fishing .image-splash{background:url(img/skills/Fishing.jpg) no-repeat center top;} .MainAction.hunting .image-splash{background:url(img/skills/Hunting.jpg) no-repeat center top;} .MainAction.mining .image-splash{background:url(img/skills/Mining.jpg) no-repeat center top;} .MainAction.smithing .image-splash{background:url(img/skills/smithingbanner.jpg) no-repeat center top;} .MainAction.speed .image-splash{background:url(img/skills/Travel.jpg) no-repeat center top;} .MainAction.aura .image-splash{background:url(img/skills/Aura.jpg) no-repeat center top;} .Standard .Building_Farm { .building_details { display: none; } .FarmIdWrapper { display: none; } } .Building_Farm{ text-align: center; //background: url(img/skills/farm.jpg) no-repeat center top; background: url(img/layout/14.jpg) repeat center top; //background-size: cover; height: 100%; overflow: hidden; .item_line{ display: inline-block; } .wrapper{ overflow: auto; height: 100%; } .icon{ .BSmove; margin: 0; } .plot_wrapper{ text-align: center; position: relative; padding:0; .doubleWide; margin: 8px auto; .building_details { background: rgba(0, 0, 0, 0.5); padding: 3px; margin: 2px; margin-left: 1px; } .gotoSeedWrapper{ padding:5px; box-shadow: 0 -1px #5a5a5a, 0 -2px #000; span{ display: inline-block; &:before{ content: "\f00c"; font-family: FontAwesome; color:black; background:black; border:1px solid #999; display: inline-block; width: 15px; height: 14px; border-radius: 5px; margin-right: 5px; } } &.checked span:before{ color:yellow; } &:hover{ cursor: pointer; background:rgba(255,255,255,.1); } } .block_title{ .BStitle; } .new_plot{ padding:8px; .slate_block; padding: 5px 0; margin: 0px 8px; } .plots{ .slate_block; .new_plot_area{ .popup_link_wrapper{ border-bottom: 1px solid #222; padding: 5px; } .popup_link{ .theme_button; cursor: pointer; margin: 3px 3px 0; } .popup_div{ //.slate; border: none; //margin: 3px 2px 0 0; position: relative; top: inherit; left: inherit; width: inherit; padding:0px; border-top: 1px solid #555; .icon{ display: inline-block; } input{ width: 50px; } .cell div{ text-align: center; vertical-align: middle; } .cell a{ display: inline; } .NewPlot{ padding: 2px 3px 3px; } input{ .BSinput; } .popup_close_link{ .theme_button; margin-top: 0; } } } } .PlotHolderWrapper{ .slate_block; margin: 0px 8px 8px; } .PlotHolder{ .slate_data; border-top-width: 1px; padding: 0px 0 5px; } .item_line{ &.plant { .pic.status{ background: url(img/icons/layout/plantIcon.jpg); } } &.prune { .pic.status{ background: url(img/icons/layout/pruneIcon.jpg); } } &.pick { .pic.status{ background: url(img/icons/layout/pickingIcon.jpg); } } &.seed { .pic.status{ background: url(img/icons/layout/seedingIcon.jpg); } } &.grow { .pic.status{ background: url(img/icons/layout/growIcon.jpg); } } .popup_holder{ .slate_block; position: relative; display: inline-block; //border: 3px solid #222; vertical-align: top; @media all and (min-width: 0px) { width: 257px; } @media all and (min-width: 960px) { width: 241px; } @media all and (min-width: 1026px) { width: 277px; } //margin: 2px; //padding: 3px; .popup_closer{ display: none; width: 100%; height: 100%; } .popup_link{ overflow: hidden; padding: 3px; display: block; .labels{ text-align: left; color: #ccc; span{ display: inline-block; margin:0 17px 0 7px; } } } .popup_div{ border: #999 solid 1px; border-top: none; position: absolute; top: -3px; left: -3px; right: -3px; -moz-box-shadow: 0px 5px 10px -3px #333; -webkit-box-shadow: 0px 5px 10px -3px #333; box-shadow: 0px 5px 10px -3px #333; z-index: 9999; .slate; border: 1px solid #222; .gold_border; padding: 0; cursor: default; margin: 0; span{ vertical-align: top; //line-height: 33px; } .Actions{ border-top: 1px solid #666; //margin-top: 1px; padding: 6px 0 0 8px; .Name{ line-height: 33px; } } } .cell{ display: table-cell; vertical-align: middle; text-align: left; //width: 25px; padding: 5px; } .cell + .cell + .cell{ //display: table-cell; width: auto; background:none; border:none; line-height:14px; padding:0; } .cell.info{ color: #bbb; } .cell a{ display: block; } .popup_close_link{ //background: red; position: absolute; left: 0; right: 0; top:0; height: 43px; display: block; } .plot_name{ //cursor: pointer; color: #ddd; } .this_phase{ font-weight: bold; } .choices{ //.slate_block_lite; background: rgba(255, 255, 255, 0.1); text-align: left; //padding:3px; margin: 0; position: relative; .popInfo{ border-bottom: 1px solid #444 ; padding-bottom: 2px; } .NormalText{ color: #bbb; } } .icon_button{ clear: both; display: block; text-align: left; //padding: 2px; a{ display: block; font-size: 10px; } .icon{ margin: 0 auto 2px; float: none; } } .icon_button:hover{ background: rgba(0,0,0,.1); } } .popup_holder:hover{ //background: rgba(0,0,0,.2); cursor: pointer; .gold_border; } .popup_holder.open{ .popup_closer{ display: block; width: 100%; height: 100%; } } } } } .storage_building, .store_building, .Building.incomplete{ .contents_button{ display: hidden; } } .Building_Orchard{ text-align: center; //background: url(img/skills/orchard.jpg) no-repeat center top; background: url(img/layout/14.jpg) repeat center top; //background-size: cover; height: 100%; overflow: hidden; .item_line{ display: inline-block; } .wrapper{ overflow: auto; height: 100%; } .icon{ .BSmove; margin: 0; } .plot_wrapper{ text-align: center; position: relative; padding:0; .doubleWide; margin: 8px auto; .block_title{ .BStitle; } .new_plot{ padding:8px; .slate_block; padding: 5px 0; margin: 0px 8px; } .plots{ .slate_block; .new_plot_area{ .popup_link_wrapper{ border-bottom: 1px solid #222; padding: 5px; } .popup_link{ .theme_button; cursor: pointer; margin: 3px 3px 0; } .popup_div{ //.slate; border: none; //margin: 3px 2px 0 0; position: relative; top: inherit; left: inherit; width: inherit; padding:0px; border-top: 1px solid #555; .icon{ display: inline-block; } input{ width: 50px; } .cell div{ text-align: center; vertical-align: middle; } .cell a{ display: inline; } .NewPlot{ padding: 2px 3px 3px; } input{ .BSinput; } .popup_close_link{ .theme_button; margin-top: 0; } } } } .PlotHolderWrapper{ .slate_block; margin: 0px 8px 8px; } .PlotHolder{ .slate_data; border-top-width: 1px; padding: 0px 0 5px; } .item_line{ &.plant { .pic.status{ background: url(img/icons/layout/plantIcon.jpg); } } &.prune { .pic.status{ background: url(img/icons/layout/pruneIcon.jpg); } } &.pick { .pic.status{ background: url(img/icons/layout/pickingIcon.jpg); } } &.seed { .pic.status{ background: url(img/icons/layout/seedingIcon.jpg); } } &.grow { .pic.status{ background: url(img/icons/layout/growIcon.jpg); } } &.prune { .pic.status{ background: url(img/icons/layout/pruneIcon.jpg); } } &.dead { .pic.status{ background: url(img/icons/layout/deadIcon.jpg); } } .popup_holder{ .slate_block; position: relative; display: inline-block; //border: 3px solid #222; vertical-align: top; @media all and (min-width: 0px) { width: 257px; } @media all and (min-width: 960px) { width: 241px; } @media all and (min-width: 1026px) { width: 277px; } //margin: 2px; //padding: 3px; .popup_closer{ display: none; width: 100%; height: 100%; } .popup_link{ overflow: hidden; padding: 3px; display: block; .labels{ text-align: left; color: #ccc; span{ display: inline-block; margin:0 17px 0 7px; } } } .popup_div{ border: #999 solid 1px; border-top: none; position: absolute; top: -3px; left: -3px; right: -3px; -moz-box-shadow: 0px 5px 10px -3px #333; -webkit-box-shadow: 0px 5px 10px -3px #333; box-shadow: 0px 5px 10px -3px #333; z-index: 9999; .slate; border: 1px solid #222; .gold_border; padding: 0; cursor: default; margin: 0; span{ vertical-align: top; //line-height: 33px; } .Actions{ border-top: 1px solid #666; //margin-top: 1px; padding: 6px 0 0 8px; .Name{ line-height: 33px; } } } .cell{ display: table-cell; vertical-align: middle; text-align: left; //width: 25px; padding: 5px; } .cell + .cell + .cell{ //display: table-cell; width: auto; background:none; border:none; line-height:14px; padding:0; } .cell.info{ color: #bbb; } .cell a{ display: block; } .popup_close_link{ //background: red; position: absolute; left: 0; right: 0; top:0; height: 43px; display: block; } .plot_name{ cursor: pointer; color: #ddd; } .this_phase{ font-weight: bold; } .choices{ //.slate_block_lite; background: rgba(255, 255, 255, 0.1); text-align: left; //padding:3px; margin: 0; position: relative; .popInfo{ border-bottom: 1px solid #444 ; padding-bottom: 2px; } .NormalText{ color: #bbb; } } .icon_button{ clear: both; display: block; text-align: left; //padding: 2px; a{ display: block; font-size: 10px; } .icon{ margin: 0 auto 2px; float: none; } } .icon_button:hover{ background: rgba(0,0,0,.1); } } .popup_holder:hover{ //background: rgba(0,0,0,.2); cursor: pointer; .gold_border; } .popup_holder.open{ .popup_closer{ display: block; width: 100%; height: 100%; } } } } } .Building_Storage{ height: 100%; background: url(img/layout/14.jpg) repeat center top; //color: #fff; overflow: scroll; text-align: center; .Name.title{ .gold_border_filled; display:inline-block; margin: 6px 8px 0; font-size: 11px; text-shadow: 0px 1px 6px #000000; } .StorageInfo, .storage_block_header{ //.slate_block; //display:inline-block; position:relative; //margin:0 8px; z-index: 9; .ToolsLink{ .gear; position: relative; z-index: 9; } .tools a{ display:block; } .popup_div{ margin: -6px -1px 2px; //margin: 4px 0 4px -4px; border-style: solid; border-width: 11px 0px 4px; -moz-border-image: url(img/layout/settings-popup-border.png) 10 0 4 ; -webkit-border-image: url(img/layout/settings-popup-border.png) 10 0 4 ; -o-border-image: url(img/layout/settings-popup-border.png) 10 0 4 ; border-image: url(img/layout/settings-popup-border.png) 10 0 4 ; .choices{ background: url(img/layout/settings-popup-mid.png); text-align: center; input{ width: 150px; text-align: left; } .rename_form{ .rename{ .theme_button; margin: 0; vertical-align: top; } } .tools{ .white_link; display: inline-block; a{ display: inline-block; padding: 3px; } } } } } .ItemsToStore, .ItemsToBuy{ background: #ddd; display:inline-block; position:relative; .doubleWide; .store_contents, .will_buy{ //.slate_block; margin: 8px; } .ItemsToBuy{ padding:8px; } .list_wrapper, .will_buy_wrapper{ .slate_block; clear:both; form{ .slate_block; .results{ .slate_data; .storage_item{ padding:5px 0 2px; .slate_fade; } } } } .Inventory.headers{ padding:4px 0; div, span{ display:inline-block; line-height:14px; } span, .StoreInventory{ width: 130px; .BuildingType{ width: auto; } } .UserCapacityRemaining, .StoreCapacityRemaining{ color:#999; } } .header, .will_buy_wrapper{ .slate_block; margin: 0; height: 22px; text-align:left; } .header{ height: auto; position: relative; } .will_buy_wrapper + .will_buy_wrapper{ height: auto; } .buy_item{ text-align:left; padding:9px; background: url(img/layout/shading_up.png) repeat-x bottom; overflow:hidden; .item_name{ margin:0 0 0 10px; display:inline-block; width: auto; @media all and (max-width: 1115px) { margin: 0; width: 119px; } .Name{ display: inline-block; @media all and (max-width: 1115px) { width: 106px; } vertical-align: middle; } input[type="checkbox"]{ width: auto; margin: 0; display:inline-block; } } .item_attributes{ float:right; margin:-4px 10px 0 0; display:inline-block; @media all and (max-width: 1115px) { margin: -4px 0 0; float:none; } .quantity, .price{ color:#999; .Quantity, .Price{ margin-right:0 ; } } } } .will_buy{ .will_buy_wrapper{ position: relative; } .will_buy_wrapper + .will_buy_wrapper{ text-align:center; } } .storage_block_header{ margin:4px; } .storage_item{ position: relative; overflow:hidden; .Name, .price{ width: 100px; display:inline-block; vertical-align:top; line-height:20px; color:#ddd; } .Name{ float:left; } .price{ float:right; color:#999; input{ margin-right:0; color:yellow; } @media all and (max-width: 1115px) { top:4px; position: absolute; right: 0; } } } input{ .BSinput; } .sliderWrapper{ display:inline-block; .if_diff{ width: 38px; display: inline-block; } .if_diff, .if_diff span{ line-height:20px; vertical-align:top; color:#999; } } .leftInputWrapper{ .leftSlideInput; } .rightInputWrapper{ .rightSlideInput; } .jquery-slider{ display:inline-block; .BSslider; } .quick_search{ .quick_search_style; margin-top:1px; position: absolute; top: 0; right: 0; } .save{ .theme_button; } } } .Building_Store { height: 100%; background: url(img/layout/14.jpg) repeat center top; color: #fff; overflow: hidden; text-align: center; .wrapper{ overflow: auto; height: 100%; } .popup_holder.StoreInfo{ margin: 6px 0 2px; text-align: left; color: #666; h1{ background: #DDD; font-family: arial; font-size: 11px; font-weight: bold; margin: 0 0 4px; padding: 3px 9px; text-decoration: none; color: #666; border-bottom: 1px solid #999; } .store_cap{ text-align: center; } .Message{ margin: 5px; padding: 3px; background: #ddd; } .ToolsLink, .popup_close_link{ top:2px; right: 0px; position: absolute; width: 12px; height:12px; text-indent: -99999px; background: url(img/layout/gear.png) no-repeat; } .popup_div{ border: none; background: none; position: relative; top: inherit; left: inherit; width: inherit; padding:0px; text-align: center; .popup_close_link{ top:-19px; right: 6px; background: url(img/layout/gear_expand.png) no-repeat; } .choices{ display: inline-block; text-align: left; .tools a{ display: block; text-align: center; margin: 4px 0 0; } } } } .popup_holder{ position: relative; display: inline-block; background: #eee; .doubleWide; .popup_link{ overflow: hidden; padding: 2px 3px 3px; display: block; } .popup_div{ border: #999 solid 1px; border-top: none; position: absolute; top: 3px; left: 24px; width: 223px; z-index: 9999; padding:10px 0 0; } } .ItemQtyInput{ width: 30px; } .store_wrapper{ margin: 0px auto; width: 100%; text-align: center; overflow: hidden; .ItemsInInventory, .ItemsInStore{ text-align: left; display: inline-block; vertical-align: top; .singleWide; .store_block_header{ border-bottom: 1px solid #999; background: #DDD; font-family: arial; font-size: 11px; font-weight: bold; margin: 0; padding: 3px 9px; text-decoration: none; color: #666; } form{ background: none repeat scroll 0 0 #EEE; padding: 6px; color: #666; } } } } .Building_BuildingLinks{ .dark_slate_bk; height: 100%; overflow: hidden; text-align: center; .wrapper{ overflow: auto; height: 100%; .buildingLinks_wrapper{ .doubleWide; margin: 8px auto; padding-bottom: 8px; text-align: center; position: relative; .title{ margin: 6px auto 8px; text-align: center; .gold_border_filled; display: inline-block; font-size: 11px; } .header.main{ .slate_block; .quick_search_style; margin: 0 8px; //text-align: left; overflow: hidden; .quick_search{ margin-top: 2px; input{ //width:156px; } } } .links_wrapper{ .slate_block; margin: 0 8px; .items_wrapper{ .slate_block; .header{ padding:1px 0; display: table; width: 100%; text-align: left; .crumb{ color: #fff; cursor: pointer; display: inline-block; padding: 5px 13px 5px 4px; background: url(img/layout/breadcrumb.png) no-repeat right; } .crumb:hover{ text-decoration: underline; } .crumb.end{ color: #ccc; cursor: default; background: none; } .crumb.end:hover{ text-decoration: none; } } .ActionsContainer{ .slate_data; margin-bottom: 10px; .icon{ .BSmove; margin: 0 7px 0 0; vertical-align:middle; } .action{ //.slate_fade; padding: 3px 10px 3px 10px; text-align: left; cursor: pointer; border-bottom: 1px solid #222; border-top: 1px solid #444; .qty{ color: #ccc; } .require { color: #888; &:before{ content:" - "; } } &.not_high_enough_level{ color: #777; .require { // color: #777; } } } .action:hover{ background: rgba(0,0,0,0.1); } } .DetailsContainer{ position: relative; .slate_data; margin-bottom: 12px; text-align: left; padding: 0; line-height: 15px; color: #ccc; .other_accept_button { display: none !important; //overwrite disableds stuff margin-top: 6px; } &.noIngredients { .ingredientsWrapper { display:none; } .other_accept_button { display: inherit !important; } } .recipe{ margin: 12px; overflow: hidden; //text-align: center; //.slate_fade; .icon_wrapper{ margin-top:10px; .icon{cursor:default;} } .item_text{ font-size: 16px; vertical-align: top; display: inline-block; line-height: 19px; text-align: left; vertical-align: middle; .recipe_tag{ font-size: 8px; display: block; } .Name{ font-size: 16px; display: block; color:#Fff; } .effect{ //text-align: center; display: block; line-height: 15px; font-size: 12px; margin-top: -3px; margin-bottom: 3px; } } .icon{ .BSmove; margin: 0; width: 32px; margin-right: 7px; vertical-align: middle; } } .Text{ //text-align: center; padding-left: 5px; .slate_block; margin: 4px 4px 0px; padding: 4px; } .recipe_items{ //margin: 7px 7px 0; text-align: center; //.slate_data; //border-bottom: 1px solid #222; padding: 2px; .recipe_item{ background: #333; border: 1px solid #333; .slate_block; overflow: hidden; display: block; //white-space: nowrap; text-align: left; padding: 4px; margin: 2px 2px 4px; //width: 110px; //height: 67px; vertical-align: top; cursor: pointer; .popup_link:hover{ .expandIcon { .fa-chevron-down{ color:yellow; } .fa-circle{ color:black; } } } .other_places{ background-color: rgba(0,0,0,.25); border: 1px solid #222; padding: 1px 4px; color:#bbb; cursor: default; .other_place{ overflow: hidden; border-top: 1px solid rgba(0,0,0,.5); &:first-child{ border-top:none; } .name,.clan{ line-height: 24px; } .name.empty{ font-style: italic; } @media (min-width: 0px){ .name{ display: block; } } @media (min-width: 960px){ .name{ display: inline-block; } } @media (min-width: 1026px){ .name{ display: inline-block; } } .clan{ background: rgba(0,0,0,.5); border-radius: 5px; padding: 1px 4px; } .qty_info{ display: inline-block; float: right; .theme_button{ margin:0; vertical-align: middle; } } .get_wrapper{ display: inline-block; } .travel_wrapper{ display: inline-block; } } } .icon{ .BSmove; margin: 0; width: 32px; vertical-align: middle; } .item_text{ //height: 30px; vertical-align: middle; display: inline-block; //width: 110px; width: 430px; .item_you_have{ background:rgba(0,0,0,.45); display:inline-block; border-radius:5px; padding:0px 5px; color:#ccc; float: right; span{ color:white; } } div{ display: inline-block; } } @media (min-width: 0px){ .item_text{ width: 171px; } } @media (min-width: 960px){ .item_text{ width: 400px; } } @media (min-width: 1026px){ .item_text{ width: 474px; } } .expandIcon{ width: 27px; height: 27px; .fa-circle{ color:rgba(0,0,0,.25); font-size: 27px; } .fa-chevron-down{ color:white; font-size: 12px; line-height: 27px; } } } } .can_make{ padding: 5px 15px 12px; text-align: left; .slate_fade; .CanMakeQuantity{ font-size: 12px; color: #fff; display: inline-block; background: rgba(0,0,0,.5); border-radius: 5px; padding: 2px 3px 1px; border: 1px solid #444; } } } .BeginLink{ .theme_button; margin: 0 5px 0 0; vertical-align: middle; float: right; } @media (max-width: 959px) { .BeginLink{ float: none; } } .BeginLink.disabled{ .theme_button_inactive; margin:0; } } } } .links_wrapper.Actions .items_wrapper .DetailsContainer, .links_wrapper.Actions .items_wrapper .BeginLink{ display: none; } .links_wrapper.Details .items_wrapper .ActionsContainer{ display: none; } } } .Building_Oven{ height: 100%; background: url(img/layout/14.jpg) repeat center top; //color: #fff; overflow: hidden; text-align: center; width: 100%; position: absolute; .wrapper{ height:100%; overflow:auto; } .oven_wrapper{ background: #ddd; position: relative; display:inline-block; .doubleWide; .upgrade_info{ .buildingUpgradeTheme; } } .ovenTitle{ .BStitle; } .oven_status, .oven_note{ .dark_stone_dark_border; margin: 0 8px 8px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); z-index: 9; } .oven_status{ color: #aaa; .empty{ padding: 10px 0; text-align: center; font-size: 14px; } .prefilled{ padding: 4px 0; .header{ font-size: 14px; padding: 4px 0 9px; } .item_recipe { position: relative; border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; padding: 0; line-height: 15px; color: #ccc; .recipe{ margin: 4px; overflow: hidden; text-align: center; //.slate_fade; .icon_wrapper{ margin-top:10px; .icon{cursor:default;} } .item_text{ font-size: 16px; vertical-align: top; display: inline-block; line-height: 31px; text-align: left; .recipe_tag{ font-size: 8px; display: block; } .Name{ font-size: 16px; display: block; } .effect{ text-align: center; display: block; line-height: 12px; margin-top: -3px; margin-bottom: 3px; } } .icon{ .BSmove; margin: 0; width: 32px; margin-right: 7px; } } .can_make{ padding: 7px 0 12px; text-align: center; .slate_fade; .CanMakeQuantity{ font-size: 12px; color: #fff; display: inline-block; background: rgba(0,0,0,.5); border-radius: 5px; padding: 2px 3px 1px; border: 1px solid #444; } } .recipe_items{ //margin: 7px 7px 0; text-align: center; //.slate_data; //border-bottom: 1px solid #222; padding: 2px; .recipe_item{ background: #333; border: 1px solid #333; .slate_block; overflow: hidden; display: inline-block; //white-space: nowrap; text-align: center; padding: 4px; margin: 2px; width: 110px; height: 67px; vertical-align: top; .icon{ .BSmove; margin: 0; width: 32px; } .item_text{ vertical-align: middle; height: 30px; vertical-align: middle; display: table-cell; width: 110px; } } } } .start_oven{ .theme_button; } } .cooked{ padding: 4px 0; .header{ font-size: 14px; padding: 4px 0 9px; } .item_recipe { position: relative; border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; padding: 0; line-height: 15px; color: #ccc; .can_make{ padding: 7px 0 12px; text-align: center; .slate_fade; .CanMakeQuantity{ font-size: 12px; color: #fff; display: inline-block; background: rgba(0,0,0,.5); border-radius: 5px; padding: 2px 3px 1px; border: 1px solid #444; } } .recipe_items{ //margin: 7px 7px 0; text-align: center; //.slate_data; //border-bottom: 1px solid #222; padding: 2px; .recipe_item{ background: #333; border: 1px solid #333; .slate_block; overflow: hidden; display: inline-block; //white-space: nowrap; text-align: center; padding: 4px; margin: 2px; width: 110px; height: 67px; vertical-align: top; .icon{ .BSmove; margin: 0; width: 32px; } .item_text{ vertical-align: middle; height: 30px; vertical-align: middle; display: table-cell; width: 110px; } } } } .remove_from_oven{ .theme_button; } } .cooking{ .header{ font-size: 14px; padding: 4px 0 9px; } .item_recipe { position: relative; border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; padding: 0; line-height: 15px; color: #ccc; .can_make{ padding: 7px 0 12px; text-align: center; .slate_fade; .CanMakeQuantity{ font-size: 12px; color: #fff; display: inline-block; background: rgba(0,0,0,.5); border-radius: 5px; padding: 2px 3px 1px; border: 1px solid #444; } } .recipe_items{ //margin: 7px 7px 0; text-align: center; //.slate_data; //border-bottom: 1px solid #222; padding: 2px; .recipe_item{ background: #333; border: 1px solid #333; .slate_block; overflow: hidden; display: inline-block; //white-space: nowrap; text-align: center; padding: 4px; margin: 2px; width: 230px; height: 67px; vertical-align: top; position: relative; .arrow{ position: absolute; top: 10px; left: 50%; height: 20px; width: 29px; margin-left: -14px; .stock,.head{ position: absolute; } .stock{ width: 15px; height: 10px; top: 5px; background: rgba(0,0,0,.35); } .head{ width: 0px; height: 0px; top: 0px; right: -1px; //border-: 1px solid rgba(0,0,0,.5); border-left: 15px solid rgba(0,0,0,.35); border-bottom: 10px solid transparent; border-top: 10px solid transparent; //transform:rotate(45deg); } } .was, .willbe{ display: inline-block; } .icon{ .BSmove; margin: 0; width: 32px; } .item_text{ vertical-align: middle; height: 30px; vertical-align: middle; display: table-cell; width: 110px; } } } } } .state{ display: none; } .state.opened{ display: block; } } .oven_note.opened{ display: block; } .oven_note{ display: none; .header{ text-align: left; color: #aaa; border-bottom: 1px #444 solid; background: rgba(0, 0, 0, 0.2); padding: 3px 3px 5px; margin-right: -1px; .close{ float: right; cursor: pointer; } .close:hover{ color: white; } } .bad{ color: red; } .good{ color: yellow; } .good,.bad{ padding: 3px; } } .header.main{ .dark_stone_dark_border; .quick_search_style; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); z-index: 9; .label{ float: left; padding: 6px 0 0 4px; color:#ccc; } margin: 0 8px; //text-align: left; overflow: hidden; .quick_search{ margin-top: 2px; input{ //width:156px; } } } .food_background{ margin: 0 8px 8px; position: relative; border:1px solid #000; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); background: #333; text-align: left; color:#ccc; .food_wrapper{ .dark_stone_dark_border; margin: 2px; padding: 2px 0; .instructions{ padding: 3px; color: #aaa; } .food_list{ border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; margin-bottom: 10px; .list_item{ padding: 9px 6px; text-align: left; cursor: pointer; border-bottom: 1px solid #222; border-top: 1px solid #444; overflow: hidden; .OutName{ display: block; margin: -8px -6px 3px -6px; background: rgba(0,0,0,.25); padding: 4px 7px; } .icon{ .BSmove; margin: 0; width: 32px; margin-right: 7px; vertical-align: top; float: left; } .arrow{ position: relative; //top: 10px; //left: 50%; height: 20px; width: 29px; vertical-align: top; margin-left: -14px; display: inline-block; margin: 6px 0px 0 0; .stock,.head{ position: absolute; } .stock{ width: 15px; height: 10px; top: 5px; background: rgba(0,0,0,.35); } .head{ width: 0px; height: 0px; top: 0px; right: -1px; //border-: 1px solid rgba(0,0,0,.5); border-left: 15px solid rgba(0,0,0,.35); border-bottom: 10px solid transparent; border-top: 10px solid transparent; //transform:rotate(45deg); } } .info{ vertical-align: middle; .food{ display: block; line-height: 16px; .Name{ //font-size: 14px; //display:block; } .qty{ font-weight: bold; span{ font-weight: normal; color: #aaa; &.Quantity{ font-weight: bold; color:#eee; } } } } .req{ color: #aaa; display: inline-block; float: left; text-align: left; line-height: 16px; span{ font-weight: bold; color: #ccc; } } } } .list_item:hover{ background: rgba(0, 0, 0, 0.1); } } } } } .Building_Fermentor{ height: 100%; background: url(img/layout/14.jpg) repeat center top; //color: #fff; overflow: hidden; text-align: center; width: 100%; position: absolute; .wrapper{ height:100%; overflow:auto; } .fermentor_wrapper{ background: #ddd; display:inline-block; .doubleWide; position: relative; } .fermentorTitle{ .BStitle; } .fermentor_status, .fermentor_note{ .dark_stone_dark_border; margin: 0 8px 8px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); z-index: 9; } .fermentor_status{ color: #aaa; .empty{ padding: 10px 0; text-align: center; font-size: 14px; } .prefilled{ padding: 4px 0; .header{ font-size: 14px; padding: 4px 0 9px; } .item_recipe { position: relative; border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; padding: 0; line-height: 15px; color: #ccc; .can_make{ padding: 7px 0 12px; text-align: center; .slate_fade; .CanMakeQuantity{ font-size: 12px; color: #fff; display: inline-block; background: rgba(0,0,0,.5); border-radius: 5px; padding: 2px 3px 1px; border: 1px solid #444; } } .recipe_items{ //margin: 7px 7px 0; text-align: center; //.slate_data; //border-bottom: 1px solid #222; padding: 2px; .recipe_item{ background: #333; border: 1px solid #333; .slate_block; overflow: hidden; display: inline-block; //white-space: nowrap; text-align: center; padding: 4px; margin: 2px; width: 110px; height: 67px; vertical-align: top; .icon{ .BSmove; margin: 0; width: 32px; } .item_text{ vertical-align: middle; height: 30px; vertical-align: middle; display: table-cell; width: 110px; } } } } .start_fermentor{ .theme_button; } } .fermented{ padding: 4px 0; .header{ font-size: 14px; padding: 4px 0 9px; } .item_recipe { position: relative; border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; padding: 0; line-height: 15px; color: #ccc; .can_make{ padding: 7px 0 12px; text-align: center; .slate_fade; .CanMakeQuantity{ font-size: 12px; color: #fff; display: inline-block; background: rgba(0,0,0,.5); border-radius: 5px; padding: 2px 3px 1px; border: 1px solid #444; } } .recipe_items{ //margin: 7px 7px 0; text-align: center; //.slate_data; //border-bottom: 1px solid #222; padding: 2px; .recipe_item{ background: #333; border: 1px solid #333; .slate_block; overflow: hidden; display: inline-block; //white-space: nowrap; text-align: center; padding: 4px; margin: 2px; width: 110px; height: 67px; vertical-align: top; .icon{ .BSmove; margin: 0; width: 32px; } .item_text{ vertical-align: middle; height: 30px; vertical-align: middle; display: table-cell; width: 110px; } } } } .remove_from_fermentor{ .theme_button; } } .fermenting{ .header{ font-size: 14px; padding: 4px 0 9px; } .item_recipe { position: relative; border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; padding: 0; line-height: 15px; color: #ccc; .can_make{ padding: 7px 0 12px; text-align: center; .slate_fade; .CanMakeQuantity{ font-size: 12px; color: #fff; display: inline-block; background: rgba(0,0,0,.5); border-radius: 5px; padding: 2px 3px 1px; border: 1px solid #444; } } .recipe_items{ //margin: 7px 7px 0; text-align: center; //.slate_data; //border-bottom: 1px solid #222; padding: 2px; .recipe_item{ background: #333; border: 1px solid #333; .slate_block; overflow: hidden; display: inline-block; //white-space: nowrap; text-align: center; padding: 4px; margin: 2px; width: 230px; height: 67px; vertical-align: top; position: relative; .arrow{ position: absolute; top: 10px; left: 50%; height: 20px; width: 29px; margin-left: -14px; .stock,.head{ position: absolute; } .stock{ width: 15px; height: 10px; top: 5px; background: rgba(0,0,0,.35); } .head{ width: 0px; height: 0px; top: 0px; right: -1px; //border-: 1px solid rgba(0,0,0,.5); border-left: 15px solid rgba(0,0,0,.35); border-bottom: 10px solid transparent; border-top: 10px solid transparent; //transform:rotate(45deg); } } .was, .willbe{ display: inline-block; } .icon{ .BSmove; margin: 0; width: 32px; } .item_text{ vertical-align: middle; height: 30px; vertical-align: middle; display: table-cell; width: 110px; } } } } } .state{ display: none; } .state.opened{ display: block; } } .fermentor_note.opened{ display: block; } .fermentor_note{ display: none; .header{ text-align: left; color: #aaa; border-bottom: 1px #444 solid; background: rgba(0, 0, 0, 0.2); padding: 3px 3px 5px; margin-right: -1px; .close{ float: right; cursor: pointer; } .close:hover{ color: white; } } .bad{ color: red; } .good{ color: yellow; } .good,.bad{ padding: 3px; } } .header.main{ .dark_stone_dark_border; .quick_search_style; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); z-index: 9; .label{ float: left; padding: 6px 0 0 4px; color:#ccc; } margin: 0 8px; //text-align: left; overflow: hidden; .quick_search{ margin-top: 2px; input{ //width:156px; } } } .food_background{ margin: 0 8px 8px; position: relative; border:1px solid #000; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); background: #333; text-align: left; color:#ccc; .food_wrapper{ .dark_stone_dark_border; margin: 2px; padding: 2px 0; .instructions{ padding: 3px; color: #aaa; } .food_list{ border-bottom: 1px solid #666; border-top: 1px solid #222; background: rgba(0, 0, 0, 0.2); color: #eee; margin-bottom: 10px; .list_item{ padding: 9px 6px; text-align: left; cursor: pointer; border-bottom: 1px solid #222; border-top: 1px solid #444; overflow: hidden; .icon{ .BSmove; margin: 0; width: 32px; margin-right: 7px; vertical-align: middle; float: left; } .info{ vertical-align: middle; .food{ display: inline-block; line-height: 16px; .Name{ //font-size: 14px; //display:block; } .qty{ font-weight: bold; span{ font-weight: normal; color: #aaa; } } } .req{ color: #aaa; display: inline-block; float: right; text-align: right; line-height: 16px; span{ font-weight: bold; color: #ccc; } } } } .list_item:hover{ background: rgba(0, 0, 0, 0.1); } } } } } .region1 .mapBK {background: url(https://batteredshield.jomber.com/img/maps/region1.png) center center no-repeat !important;} .region2 .mapBK {background: url(https://batteredshield.jomber.com/img/maps/region2.png) center center no-repeat !important;} .region3 .mapBK {background: url(https://batteredshield.jomber.com/img/maps/region3.png) center center no-repeat !important;} .region4 .mapBK {background: url(https://batteredshield.jomber.com/img/maps/region4.png) center center no-repeat !important;} .region5 .mapBK {background: url(https://batteredshield.jomber.com/img/maps/region5.png) center center no-repeat !important;} .region6 .mapBK {background: url(https://batteredshield.jomber.com/img/maps/region6.png) center center no-repeat !important;} .mapBK .wrapper{ box-shadow: inset 0 0 178px 84px rgba(0, 0, 0, 0.58); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); .buildingLinks_wrapper, .marketplace_wrapper, .store_wrapper, .plot_wrapper, .action_info { box-shadow: none !important; background:none !important; border:none !important; } } .CurrentCityScreen { height: 100%; //.dark_slate_bk; overflow: hidden; text-align: center; //background: url(img/layout/cobble.jpg); .wrapper{ overflow: auto; height: 100%; .wrapper_grad; box-shadow: inset 0 0 178px 84px rgba(0, 0, 0, 0.58); .city_wrapper{ .doubleWide; margin: 8px auto; padding-bottom: 8px; text-align: center; position: relative; box-shadow: none; background:none; border:none; .city_name{ margin: 6px auto 8px; text-align: center; .gold_border_filled; display: inline-block; } .city_flavor{ .slate; text-align:center; padding-top:7px; margin-top: 0; margin-bottom: 16px; .flavor_links{ text-align: center; display: inline-block; overflow:hidden; color: #fff; li{ float: left; list-style:none; } li.admin{ list-style:disc inside; margin:0 12px 0 8px; color:#bbb; } } .Flavor{ text-align:left; background: rgba(214, 183, 120, 0.43); margin: -10px; padding: 10px; } } .Tabs{ .BSTabs_dark; } } } .popup_div{ border: #999 solid 1px; border-top: none; //background: #eee; top: 39px; left: 4px; width: 223px; z-index: 9999; //padding:4px; } } .city_players_block{ margin: 0 9px; .city_players_header{ .slate_block; height: 22px; .quick_search_style; .quick_search{ margin: 2px 0 0; } } .city_players_wrapper{ .slate_block; text-align: left; .city_players{ .slate_block; } .players{ .slate_data; margin: 10px 0 8px; .player{ border-bottom: 1px solid #222; border-top: 1px solid #444; overflow: hidden; position: relative; padding: 3px; .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //margin: 7px 6px 2px; float: left; height: 44px; margin-right: 3px; } .Name{ margin: 17px 0px; float: left; cursor: pointer; } .Name:hover{ text-decoration: underline; } .clan{ margin: 17px 5px; color: #999; float: left; } .Action{ margin: 17px 5px; float: right; color: #999; } .popup_link{ overflow: hidden; } .popup_div{ //margin: 4px 0 4px -4px; border-style: solid; border-width: 11px 0px 4px; -moz-border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; -webkit-border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; -o-border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; border-image: url(img/layout/side-popup-border.png) 11 0 4 repeat; //position: absolute; position: absolute; left: 56px; width: 199px; top: 26px; .TradeLink{ background: url(img/layout/side-popup-mid.png); padding: 0 0 0 5px; } } } } } } .city_quests_block{ margin: 0 9px; .city_quests_header{ .slate_block; height: 22px; .quick_search_style; .quick_search{ margin: 2px 0 0; } } .city_quests_wrapper{ .slate_block; text-align: left; .city_quests{ .slate_block; } .quests, .NOquests{ .slate_data; margin: 10px 0 8px; .quest{ border-bottom: 1px solid #222; border-top: 1px solid #444; overflow: hidden; .Name{ margin: 14px; float: left; } .status{ margin: 14px 0; } .NOName{ margin: 17px; float: left; color: #999; font-style: italic; } .Name:hover{ text-decoration: underline; } } } } } .city_ground_block{ margin: 0 9px; .city_items_header{ .slate_block; height: 22px; .quick_search_style; .quick_search{ margin: 2px 0 0; } } .city_items_wrapper{ .slate_block; text-align: left; .city_items{ .slate_block; } .items, .NOitems{ .slate_data; margin: 10px 0 8px; .item{ border-bottom: 1px solid #222; border-top: 1px solid #444; overflow: hidden; .icon{ .BSmove; margin: 0; float: left; margin: 7px 6px; } .Name{ margin: 17px 0px; float: left; } .NOName{ margin: 17px; float: left; color: #999; font-style: italic; } .Name:hover{ text-decoration: underline; } .quantity{ margin: 17px 5px; color: #999; float: left; } .action{ .theme_button; float: right; margin: 13px 5px; } } } } } .city_clans_block{ margin: 0 9px; .city_clans_header{ .slate_block; height: 22px; .quick_search_style; .quick_search{ margin: 2px 0 0; } } .city_clans_wrapper{ .slate_block; text-align: left; .city_clans{ .slate_block; } .yourclan{ overflow: hidden; .nothere, .noclan{ margin: 14px; margin-right: 6px; //line-height: 17px; } .button{ .theme_button; line-height: 12px; margin: 0; vertical-align: top; float: right; } .ishere{ cursor: pointer; overflow: hidden; .Name, .clantag, .compoundlvl{ margin: 14px; margin-right: 4px; float: left; } .clantag{ color: #999; margin-left: 0; } .compoundlvl{ float: right; margin-right: 7px; } } .ishere:hover{ background: rgba(0,0,0,0.1); } } .clans-header{ background: rgba(0,0,0,.3); border-top: 1px solid #222; padding: 3px 3px 3px 13px; span{ color:#777; font-style: italic; } span + span{ float: right; } } .clans, .NOclans{ .slate_data; margin: 0px 0 8px; .clan{ //.slate_fade; overflow: hidden; cursor: pointer; border-bottom: 1px solid #222; border-top: 1px solid #444; .Name, .clantag, .clanmembership{ margin: 14px; margin-right: 4px; float: left; } .NOName{ margin: 14px; margin-right: 4px; float: left; color: #999; font-style: italic; } .clantag{ color: #999; margin-left: 0; } .clanmembership{ float: right; margin-right: 10px; } } .clan:hover{ background: rgba(0,0,0,0.1); } } .NOclans{ .clan:hover{ background: none; cursor: default; } } } } .Marketplace{ height: 100%; background: url(img/layout/14.jpg) repeat center top; overflow: hidden; text-align: center; .wrapper{ overflow: auto; height: 100%; position: relative; .marketplace_wrapper{ .doubleWide; margin: 8px auto; padding-bottom: 8px; text-align: center; position: relative; .BStitle{ margin-bottom:24px; } .Tabs{ padding:0px; height: 20px; z-index: 9; margin: 6px 9px; position: absolute; ul { list-style: none; width: 100%; background: url(img/layout/shading_up.png) repeat-x bottom; margin: -21px 0 0 0; li{ .sub_tab_inactive; .tab{color:#888;} } .tab_z_indexing; li:hover{ .sub_tab_inactive_hover; .tab{color:#ccc;} } li.active{ .sub_tab_active; .tab{color:#ccc;} } li.active:hover{ .sub_tab_active; .tab{color:#ccc;} } } } .manage_store.no_store .header.main .store_stats{ display:none; } .header.main{ .slate_block; .quick_search_style; margin: 0 8px; text-align: left; //overflow: hidden; .store_stats { @media (max-width:1115px) { display:block; } vertical-align:middle; margin: 5px; .capacity, .obals{ padding-left: 8px; display: inline-block; line-height:26px; .theme_button{ line-height:10px; margin-top:3px; } @media (max-width:959px) { display: block; text-align: center; } } } .blurb{ line-height: 26px; padding-left: 8px; } .quick_search{ margin: 3px 3px 3px 0; position: absolute; top: 0; right: 0; @media (max-width:959px) { input{ width: 73px !important; } } input{ width:96px; } } } .market_wrapper{ .slate_block; margin: 0 8px; position: relative; overflow: hidden; .manage_block.add{ left: -100%; transition:.24s; } .manage_block{ width: 100%; overflow: hidden; position: relative; left: 0%; transition:.24s; .items_block{ width: 50%; float: left; } .items_wrapper{ .slate_block; .quantity{ .store_label, .your_label{ display:block !important; width:auto !important; text-align: center !important; } .your_label{ color:#999; } } .header{ .row{ padding: 3px 0; display: table; width: 100%; h1{ border-bottom: 1px solid #000; box-shadow: 0 1px 1px #666; font-size: 16px; color: #ccc; padding: 3px 0 8px; } div.td{ display: table-cell; width: 20%; padding: 0 4px; vertical-align: middle; text-align: center; } div:hover{ cursor: pointer; text-decoration: underline; &.topIcon{ cursor: default; text-decoration: none; } } .BackButton{ float:left; margin-top:3px; } .topIcon{ //border-bottom:1px solid #333; .slate_data; .itemName{ vertical-align: top; line-height: 33px; display: inline-block; } } .Name, .location{ width: 40% !important; text-align: center; @media (min-width:1116px) { text-align: left !important; } } } } .items, .Items{ .slate_data; color: #ccc; .item.general:hover{ background: url(img/layout/data_bk_dark.jpg) 0px 270px; cursor: pointer; } .item{ .slate_data_item; padding: 6px 0; border-bottom: 1px solid #222; &.added{ .theme_button{ .theme_button_inactive; pointer-events: none; div{ &:after{ content: 'ed'; } } } opacity:.5; } .item_data{ display: table; width: 100%; .Input input{ display: inline-block; } .theme_button.Travel{ display: none; } .icon{ .BSmove; margin: 0; vertical-align:middle; } &.edit{ margin-bottom:-6px; } .td{ display: table-cell; width: 20%; text-align: center; padding: 0 4px; vertical-align: middle; } .name, .location{ width: 40%; @media (min-width:1116px) { text-align: left; } span{ vertical-align:middle; @media (max-width:1115px) { display: block; } @media (min-width:1116px) { margin: 0 0 0 4px; } } } .theme_button, .manage_dropdown{ width: auto !important; display: inline-block; padding: 0 !important; margin: 0; //vertical-align: top; div{ display: block; padding: 0; } } } &.needs_travel{ .item_data{ .Input input{ display: none; } .Travel{ display: inline-block; } } } } } .footer{ padding: 4px; } } } .manage_block.double{ width: 200%; } } } } } .Marketplace .BuyLink, .Marketplace .SellLink{ .theme_button_inactive; margin: 0; } .Marketplace.buying .BuyLink, .Marketplace.selling .SellLink{ .theme_button; margin: 0; cursor: default; } .Marketplace.viewing_general{ .wrapper{ .marketplace_wrapper{ .market_wrapper{ .manage_block{ .items_wrapper{ .header{ .buy, .sell, .location, .topIcon{ display: none !important; } .row .BackButton{ display:none; } } .Items{ .item{ .item_data{ .buy, .sell, .Input, .location{ display: none; } .view{ color: #fff; } .view:hover{ cursor: pointer; text-decoration: underline; } } } } .footer{ .buttons{ display: none; .BackButton, .SubmitButton{ .theme_button; margin: 0; } } } } } } } } } .Marketplace.viewing_general .sell_items .market_wrapper .header .price:before{ content: "High " } .Marketplace.viewing_general .buy_items .market_wrapper .header .price:before{ content: "Low " } .Marketplace.viewing_specific{ .wrapper{ .marketplace_wrapper{ .market_wrapper{ .items_wrapper{ .header{ .view, .Name{ display: none !important; } } .Items{ .item{ .item_data{ .view, .name.td{ display: none; } .buy, .sell, .Input{ color: #fff; input{ .BSinput; color: yellow; text-align: center; vertical-align: middle; margin-bottom: 3px; } .theme_button{ vertical-align: middle; } .total{ text-align: center; color: #ccc; } } } } } .footer{ text-align: right; .buttons{ .total{ font-size:14px; margin: 6px; span{ font-size:14px; } } display: inline-block; text-align: right; .BackButton, .SubmitButton{ .theme_button; margin: 0; } } } } } } } } .Marketplace.buying .sell, .Marketplace.selling .buy { display: none;} .manage_store{ &.no_store{ .header .viewing .ChangeStore, .header .viewing .store_stats, .store_toggle_wrapper, .market_wrapper, .header .viewing .store_name{ display:none !important; } .header .viewing .no_store_name{ display:block !important; } } .dropdown{ .theme_dropdown_native; vertical-align: middle; padding: 0 !important; margin: 0; select{ height:16px !important; } } .header{ .viewing{ border-bottom: 1px solid #000; box-shadow: 0 1px 1px #666; color: #ccc; text-align: center; font-weight:normal; .theme_button{ margin-top:3px; &.Save{ margin-top:0; } } .no_store_name{ font-size: 16px; font-weight:bold; padding: 6px 5px 3px; display:none; } .store_name{ font-size: 16px; font-weight:bold; padding: 6px 5px 3px; } .popup_div{ background: rgba(0, 0, 0, 0.25); margin-bottom:-3px; border-top: 1px solid black; margin-top: 3px; .row{ padding:4px; &:hover{ background: rgba(0, 0, 0, 0.25); cursor:pointer; color:white; } } .personal_obals{ margin: 5px; color:#999; } } span{ color: #ccc; } } .store_stats{ //border-bottom: 1px solid #000; //box-shadow: 0 1px 1px #666; font-size:10px; & span{ font-size:10px; } } .StoreDetailsPopup{ .store_list, .edit_obals{ background: rgba(0, 0, 0, 0.25); padding: 5px; } } .store_toggle_wrapper{ position:relative; clear:both; } .manage_dropdown{ margin-top: 3px; } span{ display: inline-block; //padding-top: 4px; } .Name{ div{ width: auto !important; display: inline-block !important; padding: 0 !important; div{ display: block !important; } } .theme_button{ margin-top: 2px; } } // div span{padding-top: 7px;} .row div{padding: 0 !important;} } .theme_button, .manage_dropdown{ width: auto !important; display: inline-block !important; padding: 0 !important; margin: 0; vertical-align: top; div{ display: block; padding: 0; } } .manage_dropdown{ @media (max-width:959px){ max-width: 60px; } } .item:hover{ background: url(img/layout/data_bk.jpg) 0px 270px !important; cursor: default !important; } .item .edit{ background: rgba(0,0,0,.25); margin-top: 4px; .lines{ padding: 4px 0 4px 4px !important; width: 40% !important; input{ text-align: center; } .add, .remove{ white-space: nowrap; } } .lines + .lines{ border-right: 1px solid #555; width: 20% !important; padding: 4px 0 4px 0px !important; } .lines + .lines + .lines{ border-right: 1px solid #555; border-left: 1px solid #000; } .lines + .lines + .lines + .lines{ border-left: 1px solid #000; border-right: none; } } } .Combat_Party { background: url(img/layout/14.jpg) repeat center top; height: 100%; overflow: hidden; text-align: center; .wrapper { overflow: auto; height: 100%; .party_wrapper{ .doubleWide; margin: 8px auto; padding: 0px; position: relative; .image-splash{ .zeros; bottom: auto; top:8px; left: 8px; right:8px; height: 120px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); background: url(https://batteredshield.jomber.com/img/skills/Combat.jpg) no-repeat center top; background-size: cover; } .block_title { .BStitle; margin-top: 97px; } .textwrapper{ margin: 5px 10px 5px 5px; } textarea{ .BSinput; width: 100%; text-align: left; margin: 0; height: 30px; vertical-align: top; display: block; font-family: arial; font-size: 12px; } .group_header{ .slate_block; margin: 0px 8px; } .party_block{ .slate_block; margin: 129px 8px 8px; .outer_wrapper{ text-align: left; .outer_wrapper_header{ padding: 3px 5px 0; .title{ font-size: 15px; display: inline-block; margin: 4px 0 0 0; line-height: 10px; } .quick_search_style; text-align: left; margin: 7px 6px 0; .quick_search{ float: right; input{ @media all and (min-width: 1116px) { width: 158px; } @media all and (max-width: 1115px) { width: 130px; }} } } .inner_wrapper { .slate_data; margin: 8px auto 0; text-align: left; .screen{ display: none; color:#ccc; background: #222; border-top:1px solid black; .NoParties{ padding: 20px; text-align: center; font-style: italic; } .Description{ font-weight: bold; } .Description{ margin: 5px 0 10px; font-weight: normal; &:before{ content: 'Description:'; font-weight: bold; display: inline-block; margin-right: 5px; text-transform: uppercase; } } .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //display: block; height: 43px; vertical-align: middle; } .fity{ opacity: .75; } .joinList { .member{ margin: 0px 0 5px; padding: 4px; background: rgba(0,0,0,.35); border-radius: 3px; } } .row{ .slate_fade; padding: 5px; .Name, .Title{ display: inline-block; line-height: 18px; font-size: 12px; font-weight: bold; input{ .BSinput; width: 207px; margin: 1px 0 1px 3px; text-align: left; } } .players{ float: right; line-height: 18px; .theme_button{ margin: 0 5px; vertical-align: top; } } .Party{ margin: 0px 0 5px; padding: 4px; background: rgba(0,0,0,.35); border-radius: 3px; } .ActionButton{ .theme_button; margin: 0; vertical-align: top; float: right; margin-top:11px; } .info{ background: #222; margin: 5px 0; // border: 1px solid black; // padding: 5px; .message{ .slate_fade; margin: 0; padding: 10px 3px 10px 11px; vertical-align: top; } .user{ padding: 2px 3px; border-top: 1px solid #000; border-bottom: 1px solid #444; overflow: hidden; height: 20px; span{ line-height: 20px; } .lvl{ color: #bbb; } .button{ .theme_button; float: right; margin-top: 0; display: none; } } .user.leader .button{ .theme_button_inactive; margin-top:0; float: right; cursor: default; } } } } } .buttons{ text-align: center; .button{ .theme_button; margin: 0; display: none; } } } .outer_wrapper.parties .inner_wrapper .raid_parties.screen, .outer_wrapper.view_party .inner_wrapper .view_party.screen, .outer_wrapper.create_party .inner_wrapper .create_party.screen{ display: block; } .outer_wrapper.parties .buttons .CreateButton.button, .outer_wrapper.parties .buttons .EnterButton.button, .outer_wrapper.view_party:not(.requester):not(.leader):not(.member) .buttons .RequestButton.button, .outer_wrapper.view_party:not(.requester):not(.leader):not(.member) .buttons .BackButton.button, .outer_wrapper.view_party.requester .buttons .CancelButton.button, .outer_wrapper.create_party .buttons .CancelButton.button, .outer_wrapper.create_party .buttons .CreateButton.button, .outer_wrapper.view_party.admin .inner_wrapper .view_party.screen .user .button, .outer_wrapper.view_party.leader:not(.entering) .EnterButton, .outer_wrapper.view_party.leader .LeaveButton, .outer_wrapper.view_party.member.entering.not_ready .ReadyButton, .outer_wrapper.view_party.member.entering.ready .NotReadyButton, .outer_wrapper.view_party.member .LeaveButton, .outer_wrapper.view_party.member.entering.not_ready .ReadyButton, .outer_wrapper.view_party.member.entering.ready .NotReadyButton { display: inline-block; } } .party_block > .party_block{margin: 0;} .party_block.inner{ vertical-align: top; } } } } .storage .store_only{display: none !important;} .Storage_Store{ height: 100%; background: url(img/layout/14.jpg) repeat center top; //color: #fff; overflow: hidden; text-align: center; width: 100%; position: absolute; .wrapper{ .zeros; } .store_wrapper{ background: #ddd; display:inline-block; position:absolute; .doubleWide; .doubleWide.absoluted; } .storeTitle{ .BStitle; } .header_toggle{ .side{ width: 50%; float: left; text-align: center; .your_inv_header, .store_inv_header, .store_buying_header{ text-align: center; .sub_tab_active; margin-left: 13px; color: #ccc; cursor: pointer; div{ padding: 4px 3px 0; } } } } .sides.inv{ position: absolute; bottom: 28px; top: 61px; } .sides{ //display: block; width: 100%; position: absolute; top: 48px; bottom: 10px; .side{ //display: block; text-align: center; width: 50%; height: 100%; float: left; position: relative; } @media all and (max-width: 959px) { .side{ width:100%; } } .inv_block_header{ .quick_search_style; .slate_block; margin: 0 9px; padding: 3px 0; .quick_search{ vertical-align: top; margin: 2px 7px; input{ width: 229px; } } } .inv_block{ .slate_block; margin: 0 9px 0px; position: absolute; right: 0; left: 0; bottom: 0; top: 32px; .slotTotal{ //.slate_block; background: rgba(0,0,0,.3); position: absolute; top:-2px; right: 0; left: 0; div{ clear: both; margin: 7px; overflow: hidden; .label{ float: left; color: #999; } .yourInvTotals, .storeInvTotals{ float: right; .over{ color: red; } .total{ color: #999; } } } } .inv_block{ margin: 0; padding: 0; top:39px; .totals{ padding: 4px; } .colHeader{ span{ line-height:21px !important; } } .colHeader, .item, .item_to_buy{ padding: 0px 3px 0px 0; text-align: left; cursor: pointer; clear:both; height: 19px; .top_button{ top: -6px; float: right; } .qty, .qtytitle{ width: 30px; text-align: right; display: inline-block; padding-right: 4px; vertical-align: top; line-height: 17px; } .total{color: yellow} .name{ text-decoration: none; vertical-align: top; line-height: 17px; } .nametitle{ vertical-align: top; line-height: 17px; } input{ width: 25px; text-align: right; margin: 1px 0px 1px 3px; background: black; color: white; border: 1px solid #555; } .price, .pricetitle{ float: right; vertical-align: top; line-height: 17px; } } .item.in_offer{ cursor: default; color: #aaa; .name{ text-decoration: none; } } .inv_list{ .slate_data; overflow: auto; position: absolute; left: 0; right: 0; bottom: 25px; top: 23px; .item, .item_to_buy{ text-decoration: none; } .item:hover, .item_to_buy:hover{ background: rgba(0,0,0,.2); } .item.in_offer:hover{ background: none; } } .chosen{ position: relative; z-index: 1; background: #222; border-bottom: 1px solid #555; color:#777; padding: 15px 3px 2px; .item{ color: yellow; .slotcount{ float: right; line-height: 17px; } } .item:hover{ background: none; cursor: default; } .item:before { content:"slots"; position:absolute; //z-index:-1; top:0; left:0; right:0; text-align: right; //bottom:0; //border-bottom: 1px solid #555; color:#777; font-style: italic; padding: 2px 3px 1px; } } .chosen:after{ content:"Items to remove"; position: absolute; top:0; left:0; right:0; text-align: left; background: rgba(0,0,0,.1); border-bottom: 1px solid black; color:#777; font-style: italic; padding: 2px 5px 1px; } .footer{ display: block; text-align: center; position: absolute; bottom: 0; padding: 3px 3px 1px 1px; right: 0; left: 0; .button{ .theme_button; vertical-align: top; margin: 3px 2px 0; } .button.disabled{ .theme_button_inactive; vertical-align: top; margin: 3px 2px 0; } } } } } } @media all and (max-width: 959px) { .Storage_Store .header_toggle .side{ width:auto; } .Storage_Store.your_Inv .header_toggle .side .store_inv_header{ .sub_tab_inactive; z-index: 9; margin-left: 2px; } .Storage_Store.store_Inv .header_toggle .side .your_inv_header{ .sub_tab_inactive; margin-left: 13px; z-index: 9; } .Storage_Store.store_Inv .header_toggle .side .store_inv_header{ margin-left: 2px; } .sides{ .side{display: none;} } .Storage_Store.your_Inv .sides .side.yourInv{ display: block; } .Storage_Store.store_Buy .sides .side.storeBuying{ display: block; } .Storage_Store.store_Inv .sides .side.storeInv{ display: block; } } .inventory{ .amount .Quantity, .amount .Slots, {display:none;} .item_content{ height:auto !important; .details, .amount{ vertical-align:middle; a{ padding-left:0 !important; } } } .toggle{ .unit{ display: none; padding: 0 0 0; text-align: right; width: 27px; } a{} } .icon_wrapper{ display:table-cell; width: 1px; vertical-align: middle; .icon{ .BSmove; margin: 0; } } .Quantity, .Quantity:hover, .amount, .amount:hover{ //cursor: default !important; //text-decoration: none; } .noquantity { display: none; } .Name{ //color: #ddd; } .Equipped { .icon{ //.BSmoveActive; .theme_move{ .gold_icon_border !important; } } .Name{ //color: gold !important; //font-family: verdana; //text-shadow: 0 0px 1px black, 0 1px 5px black; font-weight: bold; } } .link_popup{ .Name{ display: inline-block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: #eee !important; } } } .inventory.AtoZ{ } .inventory.Qty{ .amount .Quantity{display: inline;} .unit.qty{display: table-cell;} } .inventory.Slots{ .amount .Slots{display: inline;} .unit.slots{display: table-cell;} } .item_line.AutoEating { // border: 1px solid red; } .Standard { .auto_eat, .min_timer { display: none !important; } } .increase_chat, .decrease_chat { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } #chat_box{ &.world{ .chat_line.trade, .chat_line.clan, .chat_line.help, .chat_line.premium, .chat_line.whisper{ display:none; } } &.trade{ .chat_line.world, .chat_line.clan, .chat_line.help, .chat_line.premium, .chat_line.whisper{ display:none; } } &.clan{ .chat_line.world, .chat_line.trade, .chat_line.help, .chat_line.premium, .chat_line.whisper{ display:none; } } &.help{ .chat_line.world, .chat_line.trade, .chat_line.clan, .chat_line.premium, .chat_line.whisper{ display:none; } } &.premium{ .chat_line.world, .chat_line.trade, .chat_line.clan, .chat_line.help, .chat_line.whisper{ display:none; } } &.whisper{ .chat_line.world, .chat_line.trade, .chat_line.clan, .chat_line.help, .chat_line.premium{ display:none; } } .chat_line.me{ font-style: italic; .clan, .user, .dash{ display: none; } .message{ &:before, &:after{ content: '*'; } } } } #chat-box{ .grabber{ position: absolute; .slate; border: 3px solid #2a2a2a; border-image: none; display: inline-block; left:50%; padding: 2px 5px; margin: 0; border-width: 2px; transform: translate(-50%, -104%); border-radius: 100px 100px 0 0; color: #999; z-index: 9999; box-shadow: none; border-bottom: none; span{ vertical-align: middle; } .fa-stack{ width: 18px; height: 18px; cursor: -webkit-grab; } i{ font-size: 9px; line-height: 11px; &.fa-arrow-down{ margin-top: 7px; } } } } #chat_box{ position: absolute; margin: 0px; top: 3px; bottom: 0px; left: 0px; right: 0px; width: auto; visibility: visible; display: block; .RemoveButton { float: right; margin-right: 6px; cursor: pointer; } .forum-title { cursor: pointer; color:white; &:hover{ text-decoration: underline; } } .chatBK{ .zeros; top:4px; background:black; } .forum{ display: none; } &.clan.closed, &.help.closed, &.premium.closed, &.trade.closed, &.whisper.closed{ .ChatContainer{ right: 22px; transition-property:right; transition-duration:.25s; } .forum{ right:-50%; transition-property:right; transition-duration:.25s; margin-right: 17px; } } .post { display: none; &.Sticky{ &:before{ font-family: FontAwesome; content: "\f08d"; display: inline-block; margin-right: 3px; font-weight: normal; } .label.title i:after{ font-family: arial; content: "Sticky: "; margin-left: 5px; } } } .post.comment { display: block; } &.clan{ color:#00cc00; .post.Clan { display: block; } } &.help{ color:#ffa500; .post.Help { display: block; } } &.premium{ color:#63ffc4; .post.Premium { display: block; } } &.trade{ color:#ffff00; .post.Trade { display: block; } } &.whisper{ color:#0099ff; .post.Whisper { display: block; } } &.clan, &.help, &.premium, &.trade, &.whisper{ .ChatContainer{ right: 50%; transition-property:right; transition-duration:.25s; } .forum{ margin-right: 0px; display: block; background:black; .zeros; top:2px; left: auto; width:50%; right:0; border-left:3px solid #333; transition-property:right; transition-duration:.25s; .fa-lock{ display: none; } &.Locked { //TODO dallin to add a lock .fa-lock{ display: inline-block; margin-left: 10px; } .addcomment { // display: none; } .addTopic { // display: none; .createButton{ opacity: .25; pointer-events:none; } } } &.posts{ .breadcrumb .commentsWrapper, .forumContent .home, .forumContent .comments, .addcomment{ display: none; } } &.comments{ .forumContent .home, .forumContent .posts, .addTopic{ display: none; } } .clanForumTab{ position: absolute; background: #333; padding: 4px; left: 0; top: 0; width: 9px; bottom: 0; &:hover{ cursor: pointer; background:#444; } .label{ transform: rotate(-90deg); display: block; width: auto; height: 14px; position: relative; left: -1px; top: 88px; white-space: nowrap; .fa{ margin-left: 4px; } } } .breadcrumb{ .zeros; left: 17px; bottom: auto; height: 12px; border-bottom:1px solid #002500; padding: 4px; //color:#007100; background: #333; span.crumb{ //color:#00cc00; cursor: pointer; &:hover{ text-decoration: underline; } &:last-child{ cursor: default; //opacity:.65; &:hover{ text-decoration: none; cursor: default; } } .fa{ opacity:.55; } } i{ margin: 0 2px 0 8px; } } .forumContentWrapper{ .zeros; left: 17px; top:20px; } .forumContent{ .zeros; left: 1px; bottom:25px; overflow:auto; border: 1px solid #777; //padding-bottom: 26px; .post{ //border-bottom: 2px solid #004a00; padding: 7px; background: #111; margin-bottom: 2px; cursor: pointer; position: relative; &:hover{ background:#222; .controlToggle{ display: inline-block; cursor: pointer; &:hover{ background:#555; } } } i.fa-folder { display:none; } &.folder { i.fa-file-o { display: none; } i.fa-folder { display: inherit; } } .label{ //color:rgba(0, 204, 0, 0.6); opacity:.65; } .controlToggle{ display: none; .zeros; left:auto; bottom: auto; background: #333; padding: 4px 8px; margin: 3px; } .postControls{ display: none; } .labelContent{ margin-right: 10px; } &.comment{ border:none; //background:black; //padding: 2px 7px 1px; cursor: default; &:hover{ //background:black; } .read{ display:block; } .write{ display:none; .editcommentwrapper{ margin: 5px; display:block; } input[type=text], input[type=password] { box-sizing : border-box; } .BSinput{ width:100%; text-align: left; } .buttons{ text-align: right; } .button{ margin-left: 6px; margin-top: 3px; cursor: pointer; } } &.write{ padding-left:0; .read{ display: none; } .write{ display:block; } } } } .postMask{ .zeros; top:auto; //bottom:-26px; position: sticky; height: 25px; background:black; } } .addcomment, .addTopic{ .zeros; //right: 26px; //bottom: 5px; left: 1px; top: auto; height: 26px; background: #212121; border-left: 1px solid #777; input.comment{ width: 100%; text-align: left; color: inherit; border:none; background:none; padding: 4px; } } .addTopic{ transition:.25s; //padding-left:5px; overflow: hidden; &.new { .button.deletethis { display: none; } } .button{ display: inline-block; margin:4px; background:#333; border-radius: 4px; padding: 4px; &:hover{ cursor: pointer; background:#444; } &.deletethis{ background:#9e0000; color:black; &:hover{ background:Red; } } } &.opened{ height: 100%; border-top: 1px solid #777; transition:.25s; .close{ display: inline-block; } .settings{ display: none; border-radius: 0; padding: 5px; background:#171717 !important; .row{ display: table; width:95%; div.td{ display: table-cell; width: 70px; vertical-align: top; } div.td + div.td{ width:auto; input, textarea{ width: 100%; text-align: left; background:#0e0e0e; border:none; } } } } &.folder{ .folder{ background:#000; } .folder.settings{ display: block; } } &.topic{ .topic{ background:#000; } .topic.settings{ display: block; } } } .createButton{ margin: 4px 0; //background: #111; cursor: pointer; display: inline-block; padding: 3px 7px; border-radius: 6px; cursor: pointer; &:first-child{ margin-left: 5px; } &:hover{ background:#111; } } .close{ display: none; color:#ccc; .zeros; top:5px; right:5px; left: auto; bottom:auto; &:hover{ cursor:pointer; color:white; } .fa{ font-size: 16px; } } } } } .chat_line_wrapper_out{ overflow: visable; margin: 0px; .zeros; bottom: 30px; display: block; visibility: visible; border-top: 0; margin-top: 20px; &.notify{ .ChatNotify{ top: -53px; left: 204px; right: 204px; bottom: 0; position: absolute; bottom: auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */ background: #a90329; /* Old browsers */ background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ text-align: center; height: 29px; display: block; z-index: 999999; color: white; div{ font-size: 13px; line-height: 29px; } span{ //text-decoration: underline; font-weight: bold; font-size: 13px; margin: 4px 6px 4px 4px; cursor: pointer; text-transform: uppercase; } i{ float: right; cursor: pointer; font-size: 21px; margin: 3px; } } .ChatContainer{ //top:16px; } } } .ChatNotify{ display: none; } .Tabs{ .BSTabs_dark; margin: -5px 0; .zeros; bottom: auto; top: -13px; li{ &.world, &.trade, &.help, &.system, &.city, &.clan, &.whisper, &.premium{ font-weight: bold; } } .light{ background:#000; border-radius: 5px; padding: 0 2px !important; margin: 0 0px 0 6px; width:4px; height: 8px; display: inline-block; &.world, .welcome, .all{ box-shadow: inset 0 0px 3px rgba(204, 204, 204, 1); background: rgba(204, 204, 204, .5); } &.trade{ box-shadow: inset 0 0px 3px rgba(255, 255, 0, 1); background: rgba(255, 255, 0, .5); } &.help{ box-shadow: inset 0 0px 3px rgba(255,165,0, 1); background: rgba(255,165,0, .5); } &.system{ box-shadow: inset 0 0px 3px rgba(255,0,0, 1); background: rgba(255,0,0, .5); } &.city{ } &.clan{ box-shadow: inset 0 0px 3px rgba(0, 204, 0, 1); background: rgba(0, 204, 0, .5); } &.whisper{ box-shadow: inset 0 0px 3px rgba(0, 153, 255, 1); background: rgba(0, 153, 255, .5); } &.premium{ box-shadow: inset 0 0px 3px rgba(99, 255, 196, 1); background: rgba(99, 255, 196, .5); } &.messages{ box-shadow: inset 0 0px 3px rgba(204, 102, 255, 1); background: rgba(204, 102, 255, .5); } } } .ChatContainer{ .zeros; .a_chat_box{ .zeros; background:#000; color: white; } } .chatContainerMask{ top: -14px; left: -13px; right: -12px; bottom: auto; position: absolute; height: 18px; box-shadow: inset 0 -5px 0px #444444, inset 0 -6px 0px #111111; } .ChatContainer{ .zeros; top: 4px; overflow: auto; background: #000; line-height: 13px; padding: 4px 6px; border: 1px solid black; .time{ font-size: 8px; } .user{ font-weight: bold; text-decoration: underline; } .optional.clan{ //margin: 0 3px; margin-right:3px; } .TradeLink{ text-decoration: underline; color: white; cursor: pointer; } .clan_invite{ cursor:pointer; text-decoration:underline; } } .channel{ //text-transform: uppercase; } .world, .welcome, .all{ color: rgba(204, 204, 204, 1); .time, .user{ color: rgba(204, 204, 204, .6); } .userTag{background:rgba(204, 204, 204, .6);} } .trade{ color: rgba(255, 255, 0, 1); .time, .user{ color: rgba(255, 255, 0, .6); } .userTag{background:rgba(255, 255, 0, .6);} } .help{ color: rgba(255,165,0, 1); .time, .user{ color: rgba(255,165,0, .6); } .userTag{background:rgba(255,165,0, .6);} } .system{ color: rgba(255,0,0, 1); .time, .user{ color: rgba(255,0,0, .6); } .userTag{background:rgba(255,0,0, .6);} } .alert{ color: #ccc; background: #414141; border: 1px solid #6f6f6f; margin: 2px 0; .user{ display: none; } .channel { font-weight: bold; padding: 0 0px 0 3px; text-transform: uppercase; &:before { font-family: FontAwesome; content: "\f071"; display: inline-block; margin-right: 3px; font-weight: normal; color: orange; text-shadow: 0 1px 2px black; } } } .clan{ color: rgba(0, 204, 0, 1); .time, .user{ color: rgba(0, 204, 0, .6); } .userTag{background:rgba(0, 204, 0, .6);} } .whisper, .all_plus_whisper{ color: rgba(0, 153, 255, 1); .time, .user{ color: rgba(0, 153, 255, .6); } .userTag{background:rgba(0, 153, 255, .6);} } .premium{ color: rgba(99, 255, 196, 1); .time, .user{ color: rgba(99, 255, 196, 0.6); } .userTag{background:rgba(99, 255, 196, 0.6);} } .bottom-stuff{ position: absolute; margin: 0px; bottom: 0px; left: 0px; right: 0px; width: auto; z-index: 1; visibility: visible; display: block; height: 30px; background: url(img/layout/setting-drop.png) no-repeat left; &.whisper{ .ChatChoiceTitle{ width: 155px; } .chat_text.input{ left: 290px; } } .td{ vertical-align: middle; padding-top:0; .zeros; } .chat_options{ width:32px; right:auto; vertical-align: middle; .channel_options{ width: 20px; height:20px; text-indent: -99999px; background: url(img/layout/chat_gear.png) no-repeat; display: inline-block; margin: 0px 6px; top: 50%; position: absolute; margin-top: -10px; } } .ChatChoiceTitle{ left:32px; right:auto; width:123px; padding: 1px 0 0; .ChatChoiceHolder{ .theme_dropdown_native; margin: 1px 4px 0 16px; top: 50%; position: absolute; margin-top: -10px; } } .chat_text{ padding: 0 0 0 3px; //position: relative; &.input{ left:155px; } .chat_wrapper{ position: absolute; top: 2px; bottom: 3px; right: 117px; left: 0px; background: #000; border: 3px solid #000; border-image: url("img/layout/center_border.png") 3 round repeat; margin: 0; padding: 0; //height: 18px; position: absolute; right: 107px; left: 0px; .mute_wrapper{ position: absolute; top: -6px; bottom:-2px; right: -108px; width: 103px; .mute_button{ .theme_button; margin-top: 0; vertical-align: middle; margin: 0; position: absolute; top: 50%; margin-top: -10px; } } input{ width: 100%; height: 100%; border: none; background: #000; } } } .WhisperBox{ width: 133px; left:155px; right: auto; .chat_wrapper{ right:31px !important; } input{ //width:100px; text-align:left; margin: 0 0 0 0px; background: #000; border: 1px inset #EEE; padding: 0; height: 18px; } .fa-stack{ position: absolute; top: 50%; right: 3px; color: black; cursor: pointer; margin-top: -13px; font-size: 13px; .fa-user{ color:#999; } &:hover{ .fa-user{ color:white; } } &.disabled{ cursor: default; opacity: .25; &:hover{ .fa-user{ color:#999; } } } } } } ///////////////////////////////////// .channel_selector_box, .mute_user_selector{ background: url(img/layout/chat_optionsBK.jpg); position: absolute; z-index: 999999; bottom: 31px; padding: 4px 13px 4px 4px; border: 1px #444 solid; border-bottom: none; left: 11px; color: #CCC; } .mute_user_selector{ left: auto; right: 11px; padding: 4px; border-top: 4px #444 solid; height: 191px; width: 343px; z-index: 9999999; .Tabs{ .BSTabs_dark; margin: 0; top: -20px; left: 0; } .mute_choose_radio{ a{ padding: 3px 3px 3px 0; label{ color: #ccc; cursor: pointer; } } } .clan_mute_container{ margin: 3px; input.min{ width: 25px; text-align: right; margin: 1px 0px 1px 3px; background: black; color: white; border: 1px solid #555; } } .global_mute_container{ .MuteReasonHolder{ .theme_dropdown_native; } } .search_wrapper{ .quick_search_style; margin: 5px 5px 0; text-align: left; .quick_search{ display: block; text-align: left; } } } .choose_user_wrapper{ height: 90px; overflow: auto; border:1px solid #444; background: black; margin: 4px; .choose_user{ .user{ padding: 4px; .count { padding-left: 2px; } .count:before { content: "("; } .count:after { content: ")"; } } .user:hover{ background: #444; cursor: pointer; } .user.keyover{ background: #222; } .user.selected{ background: #444; } } } .button_wrapper{ .mute, .cancel, .warn{ .theme_button; } .mute.disabled, .warn.disabled{ .theme_button_inactive; } .mute, .cancel, .mute.disabled, .warn, .warn.disabled{ margin-right: 0; margin-top: 3px; } } } .userTag{ color: black; border-radius: 100px; padding: 0px 4px; font-size: 9px !important; font-weight: bold; display: inline-block; margin-top: -8px !important; line-height: 12px !important; //margin-right:3px; } .preCompress{ cursor: pointer; right: 4px; position: absolute; margin: 0; top: 4px; color: #bbb; background: #444; padding: 3px 6px; border-radius: 4px; box-shadow: 0 -1px 0px 0px rgba(0,0,0,.75); z-index: 100; &:hover{ color:white; } } body.preCompressBody{ font-size: 15px; .preCompress{ border: none; background: none; bottom: 63px; right: 20px; z-index: 9999; box-shadow: none; top: auto; div{ //color: white; font-size: 19px; } span{ //display: none; } &:hover{ color:black; } } #chat_box{ top:-2px; } .popup_wrapper, .PopupBackdrop, .CaptchaBackdrop{ z-index: -9; } .PopupCaptcha *, .PopupCaptcha .popup_content_containers .instruct{ background:none; border:none; box-shadow: none; text-shadow: none; color:black; } .PopupCaptcha .popupCaptcha_wrapper{ background: white; border-radius: 5px; padding: 13px 0px 13px 13px; box-shadow: 0 3px 3px rgba(0,0,0,.24); font-size: 12px; } .ui-layout-north { *{ background:#0f9d58; color:#fff; } .character_attributes{ top: 0; height: auto; .character_info{ } } box-shadow: 0px 3px 5px rgba(0,0,0,0.34); z-index: 9999; height: 64px; .avatar_holder, .external_nav, .logout, .attrib_name, .attrib_value, .manual, .PurchaseShieldTokensLink, .bound_wrapper{ display: none; } .adminLink, .players, .TodaysRankingsLink{ display: none; } .attrib_value.Name{ display: block; position: absolute; top: 18px; left: 63px; } .logo{ top:0; height: 64px; *{ height: 64px; } } } .ui-layout-south{ top:64px; height: auto !important; &#chat-box .grabber{ z-index: 9999; transform: none; left: auto; right: 30px; top: -45px; border: none; background: none; box-shadow: none; span{ text-shadow: none; font-size: 26px; width: 30px; overflow: hidden; display: inline-block; text-indent: -5px; &.decrease_chat{ top: -2px; position: relative; } } .fa-stack{ display: none; } } #chat_box { .ChatContainer{ background:rgb(236, 239, 241); left:288px; bottom: 0; top:0; right:-1px; font-size: 13px; *{ color:black; } .chat_line { padding: 11px 24px 22px 61px; position: relative; background: url(https://batteredshield.jomber.com/img/layout/photoSM.png) 23px 10px no-repeat; &.self{ .message{ background:#cfd8dc; } .corner{ background: none; overflow: hidden; height: 8px; width: 7px; position: absolute; top: 11px; bottom: auto; left: 54px; .corner_inner{ border-radius: 50%; width: 20px; height: 20px; position: absolute; top: -8px; border: 8px solid #cfd8dc; right: -8px; } } } &.alert{ border:none; .message{ padding-bottom: 20px; } .atts{ color:red; bottom:10px; } } .corner{ background: none; overflow: hidden; height: 8px; width: 7px; position: absolute; top: 11px; bottom: auto; left: 54px; .corner_inner{ border-radius: 50%; width: 20px; height: 20px; position: absolute; top: -8px; border: 8px solid #fff; right: -8px; } } .atts{ position: absolute; bottom: 0px; margin-left: 7px; span{ color: rgba(0,0,0,.54); font-size: 11px !important; &.user{ //float:left; text-decoration: none; &:before{ font-family: FontAwesome; content: "\f111"; padding: 0 3px 0 0; font-size: 4px; position: relative; top: -2px; } } &.dash{ display: none; } } } .message{ background:white; padding: 7px 9px; border-radius: 5px; border-top-left-radius: 0; display: inline-block; } } } .channel_selector_box{ left: 289px; bottom: 60px; color: black; background: white; border: none; box-shadow: 0 0 2px #ccc; *{ color:black; background:white; border:none; } } .bottom-stuff { height: 61px; background: white; left: 288px; box-shadow: inset 0px 0px 5px 2px #ccc; &.whisper{ .chat_text.input{ left: 201px; } } .WhisperBox{ left: 65px; .fa-circle{ color:#ccc; } } .chat_text .chat_wrapper { background:none; border:none; right: 47px; input { background:none; color:black; } } .chat_options .channel_options{ text-indent: 0; background:none; margin-left: 17px; &:after{ font-family: FontAwesome; content: "\f013"; font-size: 21px; color: #888; } } .ChatChoiceTitle{ display: none; } .chat_text.input { left: 65px; .mute_wrapper{ width: 41px; right: -47px; *{ background:none; border:none; } .mute_button{ top: 40px; &:after{ font-family: FontAwesome; content: "\f05e"; font-size: 21px; color: #888; } div{ display:none; } } } } } .chat_line_wrapper_out { margin-top: 0; border:none; left: 0; right: 0; bottom: 60px; .Tabs{ position: absolute; margin: 0; height: auto; bottom: -60px; top: 0; background: white; width: 288px; left: 0; box-shadow: 1px 0px 0px #ccc; .preCompress{ color:white; } ul li .tab{ color:black; padding-left: 65px; line-height: 60px; } ul li:hover .tab{ display:block; color:black; background:url('img/layout/photo.png') no-repeat 14px 10px #f5f5f5; } ul li.active{ & .tab{ background:url('img/layout/photo.png') no-repeat 14px 10px #eee; color:black; } &:hover{ border: none; display: block; height: auto; float: none; margin: 0; color:black; &.tab{ background:url('img/layout/photo.png') no-repeat 14px 10px #eee; color:black; } } } *{ background: white; border: none; display: block; float: none; margin: 0; height: auto; } ul li .tab{ height: 60px; background:url('img/layout/photo.png') no-repeat 14px 10px #fff; display: block; } } } .mute_user_selector { right:0; bottom:60px; border:none; background:white; color:black; box-shadow: 0 0 2px #ccc; height: 241px; .button_wrapper{ bottom: 6px; position: absolute; } .global_mute_container .MuteReasonHolder select{ width: 343px; -webkit-appearance: menulist; box-sizing: border-box; align-items: center; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: white; cursor: default; border-width: 1px; border-style: solid; border-color: initial; border-image: initial; top: auto; margin: 0; padding-right: 0; height: auto; right: auto; } .Tabs{ margin: 0; height: auto; position: relative; top: auto; left: auto; right: auto; margin-bottom: 9px; *, *:hover{ border: none; position: relative; background: none; color: black; display: inline-block; float: none; margin: 0; height: auto; } } .mute_choose_radio{ //border: 1px solid #ddd; padding: 3px; } .clan_mute_container .min{ border-bottom: 1px solid #bbb; } .choose_user_wrapper{ height: 110px; .choose_user .user:hover,.choose_user .user.selected{ background:#eee; } } *{ border:none; background:none; text-shadow: none; box-shadow: none; color:black; } .quick_search{ border-bottom: 1px solid #bbb; border-radius: 0; } .button_wrapper{ div{ color:blue; top:auto; } & div.disabled div{ color:#ccc; } } } } } #OuterContainer{ position: relative; bottom: auto; display: inline-block; .ui-layout-center, .ui-layout-east{ display:none; } .ui-layout-west{ z-index: 9999; width: auto; display: inline-block; position: fixed; top: -12px; left: 302px; height: 76px; right: 170px; //background: red; *{ border:none; background:none; color:white; box-shadow: none; text-shadow: none; position: relative; } .wrapper, .side_bottom, .under_side_bk, .CurrentCity{ display: none; } .your_action.inside_wrap{ overflow: hidden; padding-bottom: 18px; .action_name{ width: auto; margin-top: 7px; .elipse{ position: fixed; top: 0; left: 0; right: 170px; height: 64px; box-shadow: inset -17px 0 14px -9px #0f9d58; } } } .your_action.food, .your_action.aura{ display: none; } .under_side_plaque { margin:0; } .plaque_footer{ //position: fixed; //top: 26px; //right: 90px; .ViewAction{ display: none; } .Retryxx, .HuntRetryxx{ &:before { font-family: FontAwesome; content: "\f04b"; display: inline-block; font-weight: normal; color: white; } } .reWrapper{ margin: 0 12px; cursor: pointer; position: fixed; &.eat{ top: 30px; right: 140px; } &.cast{ top: 30px; right: 94px; } .carrot{ background: white; top: 38px; position: absolute; } .tooltipDown{ background: red; color: black; position: absolute; left: auto; right: auto; top: 34px; z-index: 9; width: auto; box-shadow: 0 0 2px #ccc; background:white; padding: 12px 13px; transform: translateX(-50%); div, div span{ color:black; } div{ margin:4px 0; white-space: nowrap; } } } .CancelAction{ position: fixed; top: 24px; right: 200px; &.before { font-family: FontAwesome; content: "\f04c"; display: inline-block; font-weight: normal; color: white; } &.pausedxx{ &:before{ font-family: FontAwesome; content: "\f04b"; display: inline-block; font-weight: normal; color: white; } } } .button{ cursor: pointer; div i{ color:#eee; } &:hover div i{ color:fff; } &.disabled{ opacity:.5; cursor: default; &:hover div i{ color:#eee; } } } } .under_side_wrapper{ margin: 20px 0; .action_counter{ padding: 0; margin-left: -4px; font-size: 11px; position: absolute; left: 5px; top: 24px; } } } } } .PopupBackdrop, .CaptchaBackdrop{ background: rgba(0, 0, 0, .7); position: absolute; top: 0; bottom: 147px; left: 0; right: 0; z-index: 99999; } .CaptchaBackdrop{ z-index: 999999; background: rgba(0, 0, 0, .7); bottom: 0; } .PopupContainer{ .popup_wrapper{ z-index: 99999; background: #C9C9C9; position: absolute; width: 622px; bottom: 164px; top: 150px; left: 50%; margin: 0 0 0 -311px; color: white; -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 1); box-shadow: 0px 0px 60px rgba(0, 0, 0, 1); background: url(img/layout/13.jpeg); &.big{ top:19px; bottom:3px; .expandPopup { .fa-stack{ .fa-expand{ display: none; } .fa-compress{ display: inline-block; } } } } } .expandPopup{ position: absolute; .slate; border-image: none; display: inline-block; top:-7px; right:-7px; padding: 0; margin: 0; border-width: 2px; border-radius: 100px; color: #999; z-index: 1; .fa-stack{ width: 18px; height: 18px; cursor: pointer; .fa-expand{ display: inline-block; } .fa-compress{ display: none; } } i{ font-size: 13px; line-height: 17px; } } .popup_tabs{ padding:0px; height: 28px; //position: absolute; z-index: 9; margin: 5px 2px 0 2px; ul { list-style: none; width: 100%; background: url(img/layout/shading_up.png) repeat-x bottom; margin: -21px 0 0 0; li{ .tab_inactive; } .tab_z_indexing; li:hover{ .tab_inactive_hover; } li.active{ .tab_active; } li.active:hover{ .tab_active; } } } .popup_content_containers{ background: url(img/layout/shading_down.png) repeat-x top; margin: 0; color: #333; bottom: 0px; position: absolute; right: 0px; left: 0px; top: 0px; overflow: auto; overflow-x: hidden; .silver_gold_border; } } .PopupCaptcha{ .popupCaptcha_wrapper{ z-index: 9999999; background: #C9C9C9; position: absolute; width: 216px; top: 150px; left: 50%; margin: 0 0 0 -108px; color: white; -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 1); box-shadow: 0px 0px 60px rgba(0, 0, 0, 1); background: url(img/layout/13.jpeg); } .popup_content_containers{ background: url(img/layout/shading_down.png) repeat-x top; margin: 0; color: #333; .silver_gold_border; .captcha{ width: 200px; height: 70px; background: black; } .instruct{ .dark_stone_dark_border; color:#ccc; padding: 5px; } } } .TradesPopup{ .header{ text-align: center; margin: 8px; .my_offer_header, .their_offer_header{ .gold_border_filled; margin: 0 78px; text-align: center; display: inline-block; width: 125px; } } .my_side{ .slate_blocks; position: absolute; top: 36px; bottom: 8px; right: 307px; left: 8px; overflow: hidden; .my_side_content{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; .my_side_content_wrapper{ display: table; width: 283px; height: 100%; padding: 3px; padding-bottom:0; .your_offer_wrapper{ display: table-row; height: 10px; overflow: auto; .your_offer_block{ .slate_block; .gold_border; display: table-cell; .your_offer{ .slate_data; margin: 4px 0 0; .item{ .text_shadow; color: #ccc; margin: 0 3px; font-weight: normal; input{ .BSinput; } .remove{ float: right; margin: 6px 6px 0 0; cursor: pointer; } } .item.change{ color: yellow; font-weight: bold; .remove{ font-weight: normal; } } } } .send_tool_wrapper{ display:table; text-align:center; width: 100%; .send_tool{ .theme_button; margin:4px 0 0; display:inline-table; } .send_tool.inactive{ .theme_button_inactive; margin:4px 0 0; display:inline-table; cursor:default; div{ color:black; } } } } .your_items_wrapper{ display: table-row; overflow: auto; .your_items_wrapper2{ .text_shadow; display: table-cell; position: relative; height: 100%; .your_items{ .shaded_list; position: relative; top: auto; right: auto; left: auto; bottom: auto; height: 100%; .items{ .zeros; overflow: auto; .item{ padding: 4px 3px; .Quantity{ width: 30px; text-align: right; display:inline-block; } .Name{ text-decoration: underline; } } .item:hover, .item.keyover{ background: #222; cursor: pointer; } .item.in_offer{ color:#aaa; cursor: default; span{ text-decoration:none; } } .item.in_offer:hover{ background:none; cursor:default; } } } }} } } .my_side_footer{ background: url("img/layout/side_sub_body_bk.jpg"); height: 27px; bottom: 0; left: 0; right: 0; padding: 0; position: absolute; } } .their_side{ .dark_stone_dark_border; position: absolute; top: 36px; bottom: 8px; left: 307px; right: 8px; border: 1px solid #000; border-bottom: 1px solid #000; overflow: auto; background:#333; padding: 0; .offer{ margin: 3px; .dark_stone_dark_border; padding: 6px 0 0; background-position: center; border-width: 3px 3px; color: #eee; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); position: relative; .name{ font-size: 15px; margin: 5px; } .wisper_tool{ color: #ccc; text-decoration: underline; cursor: pointer; } .item_container{ margin: 4px 0 0; border-bottom: 1px solid #666; border-top: 1px solid #2B2B2B; background: rgba(0, 0, 0, .1); .item{ color: #ccc; font-weight: normal; padding:3px; .Quantity{ width: 30px; text-align: right; display:inline-block; } } .item.change{ color: yellow; font-weight: bold; .remove{ font-weight: normal; } } } .Status{ background: rgba(0, 0, 0, 0.4); position: absolute; top: 3px; right: 3px; padding: 4px; display: block; border-radius: 6px; } .close_wrapper{ display:table; text-align:center; width: 100%; .send_tool, .accept_tool, .accept_button, .close{ .theme_button; margin:4px 0 0; display:inline-table; } .accept_button.inactive, { .theme_button_inactive; margin:4px 0 0 4px; display:inline-table; cursor:default; div{ color:black; } } .accept_button{ margin:4px 0 0 4px; } .send_tool, .accept_tool{ margin-left:5px; } } } .offer.Selected{ .gold_border; } } .send_tool_bar{ .quick_search_style; .quick_search{ margin: 4px 0 0 7px; input{ width: 234px; } } } .send_tool_bar, .accept_tool_bar{ .dark_stone_dark_border; position: absolute; bottom: 8px; width:285px; left: 8px; height: 27px; margin: 0; padding: 0; background-position: center; div{ float: left; } } .send_tool_bar{ position: relative; bottom: auto; height: 30px; display: table-row; } .accept_tool_bar{ left: auto; right: 8px; } } .QuestPopup{ text-align: center; margin-top: 15px; width: 606px; margin-left: 0; .Tabs{ .BSTabs_dark; } .quest_tab_top{ .slate_block; height: 12px; margin: 0 9px 0; z-index: 9; } .quests_left{ width: 234px; position:absolute; left: 9px; top: 42px; bottom: 5px; #quests_left{ position:absolute; top:0PX; bottom:30px; width: 232px; } .OuterQuest{ .dark_stone_dark_border; .zeros; } .QuestList{ background: rgba(0, 0, 0, 0.4); //border:1px solid black; //background:#222; //position: absolute; //top: 20px; //bottom: 16px; //left: 6px; //right: 6px; padding: 0 0 0; overflow: auto; height: 100%; .smallchain{ .small_chain; //margin-top:-5px; } .link { .Link{ .dark_stone_dark_border; color: #ccc; display:block; background-position: center top; line-height: 22px; margin:0 4px; padding: 7px; text-align:center; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); position: relative; padding-top: 11px; &:hover{ cursor:pointer; color:#fff; } .QuestGroup{ color: #000; background: #777; position: absolute; left: -1px; top: -1px; text-shadow: none; padding: 0 4px; font-size: 9px; border-radius: 0 0 5px 0; line-height: 11px; } } &.selected .Link{ .gold_border; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); color: #fff; .QuestGroup{ background:gold; } } } } .quest_list_top{ height: 39px; width: 228px; background: url(img/layout/side_top.png); top: 38px; position: absolute; margin: 0; } } .quests_right{ z-index: 9; position:absolute; top:35px; bottom:5px; right:6px; width:362px; .details{ .dark_stone_dark_border; position: absolute; top: 8px; bottom: 160px; right: 3px; width: 350px; overflow: hidden; text-align:center; .details_wrapper{ position: absolute; top:0; bottom: 0; left: 0; right: 0; overflow: auto; //.slate_fade; .questParch{ .parchment; text-align: left; padding: 4px 0px; //overflow: hidden; margin: 4px; .Image{ //width:294px; //height: 86px; //.gold_border; //margin:6px auto 3px; } .Description{ background: rgba(214, 183, 120, 0.43); margin: -10px; padding: 10px; .link{ font-size: 12px; text-decoration: underline; cursor: pointer; } p{ line-height: 16px; font-size: 12px; margin-top: 10px; font-weight:normal; } img{ margin-top: 5px; } } } } } .children_wrapper{ .dark_stone_dark_border; -webkit-box-shadow: 0 -15px 20px -10px rgba(0,0,0,1); box-shadow: 0 -15px 20px -10px rgba(0,0,0,1); position: absolute; height: 126px; bottom: 30px; right: 3px; left: 3px; h1{ margin: 4px 0 6px; color:#fff; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); } .Children{ .zeros; top: 20px; background: rgba(0, 0, 0, 0.2); border-top: 1px solid #2B2B2B; overflow-y: auto; .child{ display: inline-block; } } } .in_and_out{ .dark_stone_dark_border; -webkit-box-shadow: 0 -15px 20px -10px rgba(0,0,0,1); box-shadow: 0 -15px 20px -10px rgba(0,0,0,1); position: absolute; height: 126px; bottom: 30px; right: 3px; left: 3px; //overflow: hidden; h1{ margin: 0 0 6px; color:#fff; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); } .requirements{ position: absolute; padding: 4px; left: 0; width: 167px; top: 0; bottom: 0px; .RequirementsList{ position:absolute; bottom:0; left:0; right:0; top:20px; background: rgba(0, 0, 0, 0.1); border-top: 1px solid #2B2B2B; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); overflow:auto; color:#fff; padding:4px; .slate_data; border-bottom: none; text-align: left; .requirement{ padding:2px 0 2px 11px; color:#ccc; &.Complete{ color:yellow; background: url(img/layout/req-check.png) no-repeat 0px 2px; } } } } .rewards{ padding: 4px; position: absolute; right: 0; width: 167px; top: 0; bottom: 0px; .RewardsList{ color:#fff; overflow:auto; position:absolute; bottom:0; left:0; right:0; top:20px; background: rgba(0, 0, 0, 0.1); border-top: 1px solid #2B2B2B; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); padding:4px; .slate_data; border-bottom: none; text-align: left; .reward{ padding:2px 0; color:#ccc; } } } .buttons{ //.slate; position: absolute; bottom: -25px; right: 0px; left: 0px; height: 20px; text-align:center; margin:0; //.gold_border; .AcceptLink, .CancelLink, .CompleteLink.ready{ .theme_button; margin-top:3px; display: none; } .DoneLink, .CompleteLink.notready{ .theme_button_inactive; margin-top:3px; display: none; } } } } .quests_right.parent{ .in_and_out{display: none;} .children_wrapper{display: block;} } .quests_right.normal, .quests_right.child{ .in_and_out{display: block;} .children_wrapper{display: none;} } .quests_right.avail{ .buttons{ .AcceptLink{display: inline-block;} } } .quests_right.active{ .buttons{ .CompleteLink.ready, .CompleteLink.notready{display: inline-block;} } } .quests_right.done{ .buttons{ .DoneLink{display: inline-block;} } .children_wrapper .theme_button{ .theme_button_inactive; } } .quest_bottom{ .slate_block; height: 23px; position: absolute; z-index: 7; left: 9px; right: 9px; bottom:8px; } } ---------------------------- .quests_right .Image{ background: url(img/quests/1.jpg) no-repeat; } .quests_right.Quest_1 .Image{ background: url(img/quests/1.jpg) no-repeat; } .View_Clan{ .dropdown{ .theme_dropdown; vertical-align: top; .dropdown_button{ width: auto; line-height: 9px; } } padding-bottom: 8px; .clan_name{ margin: 6px auto 8px; padding: 10px 0 0 0; text-align: center; .gold_border_filled; width: 150px; } .clan_message{ .slate; text-align:center; padding-top:7px; padding-bottom: 0; margin-bottom: 0px; .message_links{ text-align: center; display: inline-block; overflow:hidden; color: #fff; li{ float: left; list-style:none; line-height: 21px; } li.admin{ list-style:disc inside; margin:0 12px 0 8px; color:#bbb; width: 100px; } li.requestButtons{ line-height: inherit; .requestButton, .cancelRequestButton, .acceptInvitationButton, .rejectInvitationButton{ .theme_button; margin: 1px 0 3px 4px; display:none; } &.none .requestButton{ display:inline-block; } &.invitation{ .acceptInvitationButton { display:inline-block; } .rejectInvitationButton { display:inline-block; } } &.request .cancelRequestButton { display: inline-block; } } } .Message{ padding: 2px; margin: 0px 3px 0; text-align:left; } } .requestArea{ .slate; margin-top: 0px; text-align: center; padding: 1px 0 0; .requestButton{ .theme_button; margin: 1px 0 3px; } } .Tabs{ padding:0px; height: 20px; z-index: 9; margin: -5px 9px; ul { list-style: none; width: 100%; background: url(img/layout/shading_up.png) repeat-x bottom; margin: -21px 0 0 0; li{ .sub_tab_inactive; .tab{color:#888;} } .tab_z_indexing; li:hover{ .sub_tab_inactive_hover; .tab{color:#ccc;} } li.active{ .sub_tab_active; .tab{color:#ccc;} } li.active:hover{ .sub_tab_active; .tab{color:#ccc;} } } } #View_Clan_Tabs{ margin: 0 8px; position: relative; border:1px solid #000; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); background: #333; .CompoundTab{ .Clanie .td, .Clanie .td.user{ line-height: 25px; border-bottom: 1px solid #222; border-top: 1px solid #444; padding-left: 7px; } } .sub_tab_header{ .dark_stone_dark_border; height: 20px; //border-bottom: 1px solid #333; //background: url(img/layout/side_sub_body_bk.jpg); .quick_search_style; padding: 4px 2px 0; .compound_slots{ line-height: 20px; } .tab_header_message{ color: #fff; float: left; padding: 3px; position: absolute; label{ margin: 0 0 0 11px; padding: 0 0 0 15px; position: relative; } input{ margin: 0; position: absolute; top: 2px; left: 0; } } a{ display: inline-block; color: #ccc; padding: 0px 5px; margin: 0px -3px 0px 0px; cursor: pointer; } a.selected{ color: #fff; background: url("img/layout/14.jpg"); border: 3px solid #999; border-image: url("img/layout/side_sub_body_border.jpg") 3 round repeat; } a:hover{ color: #fff; } .quick_search{ } } .wrapper{ .dark_stone_dark_border; width: 551px; display: table; margin: 4px auto; padding: 2px 0; .row_group{ width: 100%; display: table-row-group; } .row, .Clanie, .Compound{ width: 100%; display: table-row; background: rgba(0, 0, 0, .15); .td{ display: table-cell; text-align: left; color: #ccc; padding: 3px; a{ color: #eee; } a:hover{ color: #fff; text-decoration: underline; } } .td.onliness{ width: 20px; .icon{ background: rgb(0,160,0); height: 10px; width: 10px; margin: 0 auto; border-radius: 20px; box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.6),inset 0 -4px 3px rgba(255, 255, 255, 0.2), 0 1px 3px #000000; } } .td.user{ width: auto; //border: none; } .td.level{ width: 100px; text-align: center; } .LinkContainer{ position: absolute; display: block; background: #000; border: 1px solid #999; padding: 4px; text-align: left; a{ display: block; text-decoration: none; } a:hover{ text-decoration: underline; } } } .Clanie.offline{ .td.onliness .icon{ background: black; box-shadow: inset 0 5px 2px rgba(255, 255, 255, 0.3),inset 0 -4px 3px rgba(255, 255, 255, 0.2), 0 1px 3px #000000; } } .row.header{ background: none; .td{ border-bottom: 1px solid #2B2B2B; } .td.user{ text-decoration: none; } .td a{ color: #aaa; text-decoration: none; } .td a:hover{ text-decoration: underline; } } .row.footer{ background: none; .td{ border-top: 1px solid #666; } .td.user{ text-decoration: none; } .td a{ color: #fff; text-decoration: none; } .td a:hover{ text-decoration: underline; } } } .OnlineTab{ .td{ width: 124px; } .td + .td{ width: 208px; } .td + .td + td{ width: auto; } } .AdminMemberTab, .AdminGroupTab{ .admin_lists{ width: 100%; display: table; border-spacing: 3px 0px; padding: 4px 0; .list_element_wrapper{ display: table-row; .list_header{ .slate_block; border-bottom: 0; height: 28px; text-align: center; display: table-cell; vertical-align: top; width: 50%; padding: 0; .invite_member{ .theme_button; margin: 3px 0; } .list_toggle{ .slate_block; display: inline-block; padding: 1px; width: 127px; margin: 3px 0 0; cursor: pointer; } .list_toggle.active{ .gold_border; } } .listings_wrapper{ .slate_block; border-top: 0; border-bottom: 0; display: table-cell; position: relative; .listings_bk{ .slate_data; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .listings{ position: relative; margin: 1px 0; .listing{ color: #999; height: 20px; line-height: 20px; padding: 0 0 0 4px; cursor: pointer; .Delete_listing{ float: right; padding: 0 7px; } .Delete_listing:hover{ color:red; //background: #222; //border-radius:6px; } input{ padding: 0; margin: 0 4px 0 0; } } .listing.active{ color: #fff; } .listing:hover{ //background: rgba(51,51,51,1); background: #2b2b2b; } } } .listings.New{ .listing{ line-height: 12px; background: #222; height: 24px; padding-top: 2px; input.Name, input.NewGroupInput{ .BSinput; text-align: left; margin: 0; width: 224px; margin-top: 2px; } .Add, .Cancel{ .theme_button; vertical-align: top; margin-top: 0px; } } .listing:hover{ background: #222; } } .list_footer{ height: 8px; .slate_block; border-top: 0; display: table-cell; position: relative; } } } } } } .Clan_MyClan{ &.sticky-header{ .Tabs{ position: fixed; top: 190px; z-index: 9999999; } #Clan_MyClan_Tabs .sub_tab_header{ position: fixed !important; width:561px; z-index: 999999; top:180px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8), 0px -13px 0px 9PX #676767; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8), 0px -13px 0px 9PX #676767; -webkit-box-shadow: 0px -13px 0px 9px #676767; } .table_wrapper .row.header{ position: fixed; top: 216px; z-index: 99; width:557px !important; box-shadow: 0 -3px 4px 0px #333, 0 -3px 0px 3px #000; .td{ width: 32px; } .td.user{ width: 217px; } .td[data-column="Quantity"]{ width: 39px; padding-left: 12px !important; } .td[data-column="Name"]{ width: 187px; } .td[data-column="BuildingLocation"]{ width: auto; padding-left: 12px; } } } .ClanInfo{ text-align: center; } .dropdown{ .theme_dropdown; vertical-align: top; .dropdown_button{ width: auto; line-height: 9px; } } padding-bottom: 8px; .clan_name{ .BStitle; } .clan_message{ .slate; text-align:center; padding-top:7px; .clan_level{ position: relative; margin-bottom: 10px; .label{ display: block; color: #ccc; .level{ font-weight: bold; } } .bar_wrapper{ position: relative; display: inline-block; width: 100px; } .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; left: 0; right: 5px; margin: -2px 0 4px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } } .MessageArea{ .Message{ padding: 2px; margin: 0px 3px 0; text-align:left; } .message_links{ text-align: center; display: inline-block; overflow:hidden; color: #fff; li{ float: left; list-style:none; } li.admin{ list-style:disc inside; margin:0 12px 0 8px; color:#bbb; width: 100px; } } } .MessageForm{ textarea.Message{ background: black; color: white; border: 1px solid #555; display: block; margin: 0 auto; text-align: center; width: 550px; height: 40px; text-align: left; } .theme_button{ margin: 0; } } } .clan_tabs{ margin-top: 30px; } .Tabs{ padding:0px; height: 20px; z-index: 9; margin: -5px 9px; ul { list-style: none; width: 100%; background: url(img/layout/shading_up.png) repeat-x bottom; margin: -21px 0 0 0; li{ .sub_tab_inactive; .tab{color:#888;} } .tab_z_indexing; li:hover{ .sub_tab_inactive_hover; .tab{color:#ccc;} } li.active{ .sub_tab_active; .tab{color:#ccc;} } li.active:hover{ .sub_tab_active; .tab{color:#ccc;} } } } #Clan_MyClan_Tabs{ margin: 0 8px; position: relative; border:1px solid #000; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); background: #333; .sub_tab_header{ .dark_stone_dark_border; height: 20px; //border-bottom: 1px solid #333; //background: url(img/layout/side_sub_body_bk.jpg); .quick_search_style; padding: 4px 2px 0; .compound_slots{ line-height: 20px; } .tab_header_message{ color: #fff; float: left; padding: 3px; position: absolute; label{ margin: 0 0 0 11px; padding: 0 0 0 15px; position: relative; } input{ margin: 0; position: absolute; top: 2px; left: 0; } } a{ display: inline-block; color: #ccc; padding: 0px 5px; margin: 0px -3px 0px 0px; cursor: pointer; } a.selected{ color: #fff; background: url("img/layout/14.jpg"); border: 3px solid #999; border-image: url("img/layout/side_sub_body_border.jpg") 3 round repeat; } a:hover{ color: #fff; } .quick_search{ } } .wrapper{ .dark_stone_dark_border; // width: 576px; // display: table; margin: 4px; padding: 2px 0; .table_wrapper{ display:table; width: 100%; } .row_group{ width: 100%; display: table-row-group; } .row, .Clanie{ width: 100%; display: table-row; background: rgba(0, 0, 0, .15); .td{ display: table-cell; text-align: left; color: #ccc; padding: 3px; a{ //text-decoration: underline; color: #fff; } } .td.user{ //width: 100px; //border: none; } .td.start{ text-align: left; } .LinkContainer{ position: absolute; display: block; background: #000; border: 1px solid #999; padding: 4px; text-align: left; a{ display: block; text-decoration: none; } a:hover{ text-decoration: underline; } } } .row.header{ background: url(https://batteredshield.jomber.com/img/layout/side_sub_body_bk.jpg); background-position: center top; .td{ border-bottom: 1px solid #2B2B2B; } .td.user{ text-decoration: none; } .td a{ color: #aaa; text-decoration: none; } .td a:hover{ text-decoration: underline; } } .row.footer{ background: none; .td{ border-top: 1px solid #666; } .td.user{ text-decoration: none; } .td a{ color: #fff; text-decoration: none; } .td a:hover{ text-decoration: underline; } } } .AdminMemberTab, .AdminGroupTab{ .admin_lists{ width: 100%; display: table; border-spacing: 3px 0px; padding: 4px 0; .list_element_wrapper{ display: table-row; .list_header{ display: table-cell; vertical-align: top; width: 50%; .list_header_left{ .slate_block; border-bottom: 0; height: 28px; text-align: center; padding: 0; } .invite_member{ .theme_button; margin: 3px 0; } .list_toggle{ .sub_tab_inactive; margin-right: 0px; //border-bottom-width: 20px; a { color:#999; padding-top: 4px; } } .list_toggle.active{ .sub_tab_inactive; //border-bottom-width: 20px; margin-right: 0px; z-index: 10; a {color:#ccc;padding-top: 4px;} } } .listings_wrapper{ display: table-cell; position: relative; .listings_wrapper_left{ .listings_bk, .listings_bk_lite{ .slate_data; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .listings_bk{ .slate_block; border-top: 0; border-bottom: 0; } } .listings_wrapper_right{ .listings_bk{ .slate_block; box-shadow: none; border-top: 5px; //border-bottom: 0; border-left: 0; background: #222; position: absolute; top: -17px; bottom: -5px; left: -3px; right: 3px; } } .listings{ position: relative; margin: 1px 0 0; .listing{ color: #999; height: 20px; line-height: 20px; padding: 0 0 0 4px; cursor: pointer; margin: 0 2px; .Delete_listing{ float: right; padding: 0 7px; } .Delete_listing:hover{ color:red; //background: #222; //border-radius:6px; } input{ padding: 0; margin: 0 4px 0 0; } } .listing:hover{ //background: rgba(51,51,51,1); background: #2b2b2b; } .listing.active, .listing.active:hover{ color: #fff; margin: 0 0 0 2px; padding: 0 2px 0 5px; z-index: 10; position: relative; box-shadow: inset 5px 2px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 5px 2px 5px rgba(0, 0, 0, 0.8); background: #222; } } } .listings.New{ .listing{ line-height: 12px; background: #222; height: 24px; padding-top: 2px; input.Name, input.NewGroupInput{ .BSinput; text-align: left; margin: 0; width: 224px; margin-top: 2px; } .Add, .Cancel{ .theme_button; vertical-align: top; margin-top: 0px; } } .listing:hover{ background: #222; } } .list_footer{ display: table-cell; position: relative; .list_footer_left{ height: 8px; .slate_block; border-top: 0; } } } } } } } .AllClansTab{ .header{ background: rgba(0,0,0,.2); border-top: 1px solid #222; padding: 3px 7px 3px 7px; span{ color:#777; font-style: italic; } span + span{ .rightSideStuff; } } .rightSideStuff{ text-align: center; float: right; } .your_clan{ display: table; width: 100%; margin-bottom: 5px; .row_clan{ .slate_data_item; padding: 6px 0; border-bottom: 1px solid #222; color: #ddd; } .popup_div{ background: rgba(0,0,0,.25); margin: 4px; padding: 8px 4px 4px; text-align: center; .new_clan_item{ display: inline-block; input{ background: black; color: white; border: 1px solid #555; margin-right: 5px; } input + input{ margin: 0; } } .button_holder{ float: none; vertical-align: top; display: inline-block; .theme_button{ margin: 0; } } } } .InviteMember{ .slate_data_item; margin-bottom: 5px; .inviteWrapper{ padding: 6px 0 0px; .label{ margin: 5px; } #Clan_MyClan_All_Clans_Invite{ .quick_search_style; text-align: left; .quick_search{ display: block; margin: 0 6px 12px; } .result{ cursor: pointer; .slate_data_item; color: #ddd; padding: 6px; } .result:hover{ background: url(img/layout/data_bk_dark.jpg) 0px 270px; } } } } .clan_wrapper{ .slate_data; margin-bottom: 5px; .clan_list{ display: table; width: 100%; .row_clan{ overflow: hidden; //cursor: pointer; border-bottom: 1px solid #222; border-top: 1px solid #444; padding: 8px; color: #ddd; display: block; width: auto; .slate_data_item; padding: 6px; border-bottom: 1px solid #222; .memberCount{ .rightSideStuff; line-height: 22px; } } .row.User.request, .row.Clan.invitation{ cursor: inherit; &:hover{ color: #ddd; background: none; } } .row.User.none { display:none; } .row_clan.none { display: none; } .row:hover{ background: rgba(0,0,0,0.1); color: #fff; } .theme_button { display:none; } .row_clan.request .CancelRequest, .row_clan.request .AcceptRequest, .row_clan.request .RejectRequest{ display: inline-block; margin: 12px 8px 0; } .row_clan.invitation .RejectInvitation, .row_clan.invitation .AcceptInvitation, .row_clan.invitation .CancelInvitation{ display: inline-block; margin: 12px 8px 0; } } } .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //display: block; height: 43px; } .Name{ line-height: 43px; margin-left: 5px; } .button_holder, .Status.header{ text-align: center; float: right; .theme_button{ display: inline-block; margin: 12px 8px 0; vertical-align: top; } } } .OnlineTab{ .wrapper{ .dark_stone_dark_border; //width: 576px; //display: table; margin: 4px auto; padding: 2px 0; .row_group{ width: 100%; display: table-row-group; } .Clanie{ width: 100%; display: table-row; background: rgba(0, 0, 0, .1); .td{ display: table-cell; text-align: left; color: #ccc; padding: 3px; border-bottom: 1px solid #222; border-top: 1px solid #444; line-height: 43px; a{ //text-decoration: underline; color: #fff; } a:hover{ text-decoration: underline; } } .row.header .td{ line-height: inherit; } .td.user{ width: 274px !important; position: relative; color: #fff; .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //display: block; height: 43px; } .name{ //position: absolute; //top: 4px; //left: 50px; } } .td.start{ text-align: left; } .LinkContainer{ position: absolute; display: block; background: #000; border: 1px solid #999; padding: 4px; text-align: left; left: 52px; top: 31px; line-height: 6px; a{ display: block; text-decoration: none; } a:hover{ text-decoration: underline; } } } .row.header{ background: none; .td{ border-bottom: 1px solid #2B2B2B; } .td.user{ text-decoration: none; } .td a{ color: #aaa; text-decoration: none; } .td a:hover{ text-decoration: underline; } } .row.footer{ background: none; .td{ border-top: 1px solid #666; } .td.user{ text-decoration: none; } .td a{ color: #fff; text-decoration: none; } .td a:hover{ text-decoration: underline; } } } } .ClanieTab{ .wrapper{ .dark_stone_dark_border; // width: 576px; // display: table; margin: 4px auto; padding: 2px 0; .row_group{ width: 100%; display: table-row-group; } .Clanie{ width: 100%; display: table-row; background: rgba(0, 0, 0, .1); .td{ display: table-cell; text-align: left; color: #fff; padding: 3px; border-bottom: 1px solid #222; border-top: 1px solid #444; line-height: 43px; a{ color: #fff; } a:hover{ text-decoration: underline; } } .row.header .td{ line-height: inherit; } .td.user{ width: 150px; position: relative; .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //display: block; height: 43px; } .name{ //position: absolute; //top: 4px; //left: 50px; } } .td.start{ text-align: left; } .LinkContainer{ position: absolute; display: block; background: #000; border: 1px solid #999; padding: 4px; text-align: left; left: 52px; top: 31px; line-height: 6px; a{ display: block; text-decoration: none; } a:hover{ text-decoration: underline; } } } .row.header{ background: none; .td{ border-bottom: 1px solid #2B2B2B; } .td.user{ text-decoration: none; } .td a{ color: #aaa; text-decoration: none; } .td a:hover{ text-decoration: underline; } } .row.footer{ background: none; .td{ border-top: 1px solid #666; } .td.user{ text-decoration: none; } .td a{ color: #fff; text-decoration: none; } .td a:hover{ text-decoration: underline; } } } } .BuildingTab{ background: rgba(0,0,0,0.2); .Building.max, .compound.maxCompoundLevel .compoundUpgradeData{ .level.td, .levelMeter.td span{ color:yellow; } .level.td:before, .levelMeter.td .levelLabel:before{ content: 'Max '; } .progressbar{ .progress{ width: 100% !important; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right orange !important; margin-top: 1px; } } } .otherCompounds:not(.NoneOnCity){ text-align:center; color:#ccc; padding:4px; } .compound, .NoneOnCity{ color: #fff; margin: 4px; .BuildingContainer{ padding:0; //.dark_stone_dark_border; //margin-top: 16px; .createBuilding{ .dark_stone_dark_border; margin: 0px 0 3px; padding: 0px 0 6px; padding-bottom: 5px; border-bottom: solid 3px #222; .upgrade_info, .contents_info{ position: relative; margin: 4px 1px 5px; .upgrade_button, .contents_button{ .slate; margin: 0 2px 0 1px; box-shadow: none; text-decoration: none; padding: 2px; color:#ccc; background: rgba(255, 255, 255, .10); &:hover{ text-decoration: none; color:white; } } .theSpaceBetween{ display: table-row; height: 5px; } .delete_building_wrapper{ border:1px solid black; text-align: center; overflow:hidden; display: table-row; height: 26px; background: rgba(0, 0, 0, 0.15); .td{ border-top:black 1px solid; display: table-cell; } .theme_button { margin: 0; position: absolute; left: 50%; margin-left: -47px; margin-top: 4px; } } } .create_button{ margin: 0; vertical-align: top; } .upgrade_button, .contents_button{ //.theme_button; text-align: center; //margin: 6px 0; //position: absolute; //top:-30px; //right: 16px; vertical-align: top; cursor: pointer; color: #ddd; } .upgrade_button:hover, .contents_button:hover{ text-decoration: underline; color: #fff; } .compound_header{ border-top: 1px solid #666; //border-bottom: 1px solid #2B2B2B; color: #eee; padding: 6px 3px; font-size: 16px; //text-align: center; .name_wrapper{ line-height:43px; } span{ font-size: 16px; vertical-align:top; } .theme_button{ margin-top:0; vertical-align: top; } .icon{ .BSmove; .BSmove.big; margin: 0; } } .groupHeader_wrapper{ border-top: 2px solid #666; //border-bottom: 1px solid #2B2B2B; color: #eee; padding: 7px 3px 6px 6px; font-size: 14px; //text-align: center; .icon{ .BSmove; margin: 0; width: 32px; } .groupHeader{ line-height:34px; vertical-align:top; font-size:14px; } } .Buildings{ border-top: 2px solid #2B2B2B; .contents_button{ display: none; } .Building.oven_building, .Building.fermentor_building, .Building.farm_building, .Building.orchard_building{ .contents_button{ display: block; } } .Building.incomplete{ .data{ .row_group{ .row{ .td{ &.Status{ color:red; display:table-cell; } &.slots{ display:none; } &.view_link{ a{ display:none; } } } } } } } } .data{ // .dark_stone_dark_border; display: table; background: none; border: none; margin: 0 auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: 1px solid #222; border-top: 1px solid #444; width:100%; background: rgba(0, 0, 0, .15); .buyPlot{ padding:4px; text-align:left; .propertyValue{ vertical-align:middle; padding-top:4px; display:inline-block; } .theme_button{ margin-top:0; float:right; } } .row_group{ width: 100%; margin: 6px 0 0; display: table; .row.heading{ background: rgba(0,0,0,.15); margin-bottom: 5px; .td{ padding: 4px 0; font-style: italic; border-bottom: 1px solid #000; color:#777 !important; } } .row{ width: 100%; display: table-row; .td { display: table-cell; text-align: left; width: 100px; position: relative; vertical-align: middle; padding: 2px 3px; color: #999; &.Status{ display:none; } a{ text-decoration: underline; color: #fff; } .actionName{ display: block; color: #eee; } .required{ font-size: 9px; padding-left: 4px; } } .type.td{ width: 150px; } .icon_width.td{ width:12%; text-align: center; } .rest.td{ width:inherit; } .Name.td{ color: #bbb; font-weight: bold; font-family: verdana; } } .row.inforow .td{ padding: 6px 0 0; } .inforow{ .inside_upgrade_button{ .theme_button; margin: 0; vertical-align: top; float: right; margin-right: 16px; } } .inforow.notMet{ .td.skill, .td.skill span{ color: red !important; } .td .inside_upgrade_button{ .theme_button_inactive; margin: 0; vertical-align: top; float: right; margin-right: 16px; div { color:rgba(255, 255, 255, 0); } } .td .inside_upgrade_button div:before{ content: 'Skill Not Met'; position: relative; top: 0px; width: 100%; left: 0; padding: 0; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.8); color: #333; margin: -11px 0; display: block; } } } .row_group.heading{ //margin: 0 0 6px; } } .data.heading{ border-bottom: none; background: none; border-bottom: 1px solid #222; .row{ background: none; color: #aaa; .td{ span{ color:#fff; } } } } } } } .SlotsTitle{ margin: 0px 0 4px; } .compoundLvl{ margin: -2px 0 9px; } .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; left: 0; right: 5px; margin: -2px 0 4px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } .link_popup{ margin: 0px 3px 0px 2px; border-style: solid; border-width: 0px 0px 4px; -moz-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; -webkit-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; -o-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; border-image: url(img/layout/center-popup-border.png) 10 0 4 ; .pop-wrapper{ background: url(img/layout/settings-popup-mid.png); .data{border: none !important;} .heading .td{color: #aaa !important;} .td.type{padding-left: 6px !important;} .stored{ line-height: 19px; } .data{ margin-bottom: 0; } .theme_button{ margin: 0; vertical-align: top; float: right; margin-right: 16px; } } } } .OnlyOnCity { display: none !important; } &.OnCity .OnlyOnCity { display: inline-block !important; } &.OnCity .NotOnCity { display: none !important; } .ItemTab{ .td{ border-bottom: 1px solid #222; border-top: 1px solid #444; padding: 3px; vertical-align: top; .icon{ .BSmove; margin: 0; } .Quantity, .quantity{ padding: 0 8px 0 0; text-align: right; width: 24px; display: inline-block; text-align: right; } } .iconHolder{ width: 40px; } .item_details, .item_location{ line-height: 35px; } } .Aura_Cast{ .activeCast{ //border: 1px solid red; } .aura_title{ .gold_border_filled; top:6px; left:53px; position: absolute; width: 100px; text-align:center; } .aura_list_top, .aura_list_bottom{ .slate_block; height: 12px; top:34px; position: absolute; z-index: 9; left: 6px; width: 182px; } .aura_stats{ position: relative; color: #ccc; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); text-align: left; overflow: hidden; padding:9px 7px 3px 9px; color:#ccc; line-height: 14px; cursor: default; margin: 1px; height: 32px; .slate_data_item; overflow: hidden; position: relative; .slate_block; right: 8px; position: absolute; top: 7px; height: 32px; left: 7px; padding: 3px; .details{ display: block; color: #aaa; } .Name{ font-weight: bold; font-size: 14px; } .Level{ font-size: 14px; } .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; right: 10px; width: 150px; margin: 1px 0 4px; top: 17px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } } .aura_list{ .slate_block; //overflow:auto; position: absolute; left: 8px; width: 130px; top: 62px; bottom: 8px; } .AuraList{ overflow:auto; position: absolute; left: 0px; right: 0px; top: 10px; bottom: 10px; .slate_data; background: none; //border: 1px solid #333; .aura_wrapper{ .aura{ //.dark_stone_dark_border; color: #ccc; display:block; background-position: center top; line-height: 16px; //margin:0; border-bottom: 1px solid #222; border-top: 1px solid #444; padding: 3px 7px 8px; text-align:center; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); background: rgba(0,0,0,.2); .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; left: 8px; right: 8px; margin: 1px 0 4px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } } .aura:hover{ cursor:pointer; color:#fff; background: rgba(0,0,0,.3); } } .aura_wrapper.active .aura{ //.gold_border; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); background: none; color: #FED93F; padding: 3px 7px 8px; border-bottom: 1px solid rgba(0,0,0,.4); border-top: 1px solid rgba(255,255,255,.1); } .aura_wrapper.active .aura:hover{ background: none; cursor: default; } } .aura_list_bottom{ bottom: 8px; top: inherit; } .Descriptions{ position: absolute; left: 151px; width: 272px; top: 62px; height: 133px; .slate_block; padding:7px 2px; div{ padding: 3px; } .description_wrapper{ .parchment; } } .cast_on_tabs, .current_effects{ position: absolute; bottom: 0px; top: 215px; left: 145px; width: 296px; //overflow: hidden; .Tabs{ .BSTabs_dark; z-index: 11; } .cast_tab{ //.slate_block; position: absolute; top:0px; right: 8px; left: 6px; bottom: 8px; .cast_search_block{ .slate_block; position: absolute; top: 0; width: 272px; left: 0px; height: 25px; padding: 2px; z-index: 10; .ap{ padding: 5px 5px 3px 8px; //text-align: right; //display: inline-block; .ApLeftAfter{ float: right; } .theme_dropdown_native{ margin-top:-3px; //display: block; margin-bottom: 4px; } } .Cast{ float: right; margin: -4px 3px; } .title{ padding: 3px 8px 3px 0; } .ApLeftAfter.negative{ color: red; } } .cast_on_wrapper{ .slate_block; position: absolute; top:34px; right: 0px; left: 0px; bottom: 0px; .cast_on{ position: absolute; bottom: 2px; top: 3px; right: 1px; left: 1px; .slate_block; overflow: hidden; //padding: 0 4px; .cast_on_self{ input{ float: right; width: 30px; margin-right: 28px; .BSinput; height: 12px; } overflow: hidden; line-height: 19px; padding-left: 6px; } .cast_on_others, .effect_list{ .slate_data; overflow: auto; padding: 0 0px; top: 19px; left: 0; right: 0; bottom: 27px; position: absolute; .effectsGroup { .additional_info{ display: none; } .title{ padding: 2px 6px 4px; border-top: 2px solid #333; background: url(https://batteredshield.jomber.com/img/layout/shading_up.png) repeat-x bottom; color: #999; margin-bottom: 3px; } } .user_to_cast_on{ overflow: hidden; line-height: 19px; padding-left: 6px; input{ float: right; width: 30px; margin-right: 28px; .BSinput; } } .user_to_cast_on:hover{ background: #2b2b2b; } } .cast_action{ padding: 4px 0 0; position: absolute; bottom: 3px; right: 0; left: 0; .quick_search{ float: left; margin: 6px 0 0 2px; input{width: 258px;} } .Cast{ .theme_button; float: right; } } } } } } .current_effects{ top:62px; bottom: 0px; //height: 278px; width:172px; right: 0px; left: inherit; .cast_on_wrapper{ top:0 !important; } .item_line{ padding: 2px 0 2px 5px; color: #bbb; } } } .Donations{ text-align: center; .stripeLink{ position: absolute; right: 3px; top: 3px; } .header{ margin: 6px auto 4px; padding: 10px 4px 0; text-align: center; .gold_border_filled; display: inline-block; color: white; a{ font-family: arial; font-size: 11px; margin: 0 0 0 2px; padding: 3px 9px; text-decoration: none; color: #eee; text-shadow: 0px 1px 6px #000000; letter-spacing: 1px; } } .smallchain{ height: 6px; width: 158px; background: url("img/layout/chains_small.png"); margin: -1px auto 0; } .BuyTokens{ margin: 0 8px; /* .balance{ .gold_border_filled; text-align: center; } */ .details{ .purchase{ .slate; margin:6px 0 0px; color: white; text-align: center; padding-top: 4px; position: relative; z-index: 999999; padding-bottom: 0; .balance{ font-size: 15px; color: #ccc; margin-bottom: 3px; span{ font-size: 15px; color: #fff; } } .payment-errors{ color:red; display: block; text-align: center; } .dropdown_button{ //.theme_dropdown_native; .gold_border; //display: inline-block; margin: 0 !important; } .paymentWrapper{ background: rgba(0, 0, 0, 0.3); border: #222; margin: 4px; padding: 5px; text-align: center; .card_wrapper{ background:white; border-radius: 10px; padding:10px; box-shadow: 0 5px 5px black; display: inline-block; margin:10px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border:2px solid white; text-align: left; position: relative; vertical-align: top; height: 182px; select{ font-size: 12px; width: 100%; } img{ margin-bottom: 10px; } a img, label img{ margin-bottom: 0px; } &.or{ background:none; border:0; box-shadow: none; span{ color:white; line-height: 149px; } } &.paypal_block{ text-align: center; .paypalLogo{ margin-bottom: 12px; } .buttonpay{ width:100px; margin-top: 10px; } } span{ color:#333; text-shadow: none; cursor: default; } .cvc{ vertical-align: middle; } .powered{ position: absolute; left:9px; bottom:9px; } .submit{ margin: 5px 0 1px 0; font-size: 14px; padding: 3px; float: right; } } .token_title{ line-height: 17px; } .form-row{ margin: 6px 0; } input{ // .BSinput; margin: 0; text-align: left; } input.card{ width: 92px; } } .paypal, .google_checkout{ .theme_button; margin: 0; vertical-align: top; } } } } .UseTokens{ position: absolute; top: 91px; bottom: 0; overflow: auto; width: 100%; .OptionContainer{ margin: 0px 8px 4px; .slate_block; .option_wrapper{ .option{ background: #333; color: white; .option_wrapper_in{ .slate_block; text-align: left; .token_content_wrapper{ background: rgba(0,0,0,.3); border: #222; margin: 4px; padding: 1px; text-align: center; } } .Name{ //.gold_border_filled; text-align: left; margin: 11px; font-size: 15px; display: inline-block; } .description_wrapper{ //.parchment; margin:5px 5px 0; padding: 3px 0 0; overflow:hidden; width: 385px; display: inline-block; vertical-align: middle; text-align: center; clear: both; img{ float:left; .silver_border; border-width:3px 3px; margin: 0 10px 0 0; } .Description{ line-height:15px; color: #ccc; } } .buy_it{ margin: 0px 4px 0; display: inline-block; text-align: right; width: 192px; vertical-align: middle; float: right; .cost, .button{ margin: 10px; display:inline-block; text-align: center; vertical-align: top; } .Cost{ font-size: 20px; display: block; } .button{ .theme_button; margin: 10px 0 0; vertical-align: middle; } } } } } } .UseTokens.pushed{ //top: 207px; } } .MessagesPopup{ padding: 4px; .zeros; .title_holder{ width: 100%; height: 22px; text-align:center; padding: 2px 0; position: relative; .title{ .BStitle; //width: 100px; display:inline-block; margin: 0 95px; } } .wrapper{ .slate_block; color:#eee; margin:4px; z-index:10; .zeros; top: 34px; bottom: 4px; width: 289px !important; &.MessageListWrapper {right:auto;} &.MessageDetailWrapper {left:auto;} .message_header{ //.slate_block; overflow:hidden; padding:4px; .quick_search_style; text-align: center; .quick_search{ margin:4px 1px 0 0; input{ width:243px; } } } .MessagesContainer{ //.shaded_list; .slate_data; background: #333; top:29px; right:-1px; left:-1px; bottom:5px; position: absolute; padding: 2px 0 0; overflow-x:hidden; .message{ padding: 2px 5px; position: relative; .message_content:hover{ .message_wrapper{ background: rgba(0,0,0,.15); cursor: pointer; } } .message_content{ .slate_block; position:relative; .message_wrapper{ padding: 0 5px; } .subject, .whoList{ color:#aaa; .text_shadow; padding: 3px; span{ color:#ddd; } } .icon{ .gear; height: 10px; background-position:right 0; width:auto; position:absolute; top:3px; right:3px; background-color:#222; padding:4px 0px 4px 0; display: block; border-radius: 6px; cursor: pointer; .status{ margin:0 17px 0 4px; padding: 0 4px 0 0; color:white; line-height:10px; display:inline-block; } } .popup_div{ background-color:#222; padding:4px; display: block; border-radius: 6px; position: absolute; right: 0; bottom: -37px; z-index:9; .link{ cursor: pointer; padding: 3px; background: black; a{color: #ccc;} } .link:hover{ a{color: #fff;} } } } } .message.active .message_content{ .gold_border; } .message.pinned .pin_left{ display:block; height: 36px; width: 17px; background:url(img/layout/pin-left.png); position:absolute; top:5px; left:-1px; } .message.pinned .pin_right{ display:block; height: 36px; width: 17px; background:url(img/layout/pin-right.png); position:absolute; top:5px; right:-1px; } } } .MessageDetailWrapper{ text-align:center; .slate_block; width: 285px; .NewMessageLink{ .theme_button; margin:3px 4px; } .new.subject input{ .BSinput; width: 270px; height: 12px; margin: 4px auto; text-align:left; clear:both; resize: none; padding: 3px; } .NewMessage{ .zeros; } .results{ .BSinput; width: auto; margin: 4px auto; text-align:left; clear:both; resize: none; padding: 3px; .zeros; top:46px; left: 5px; right: 5px; } .body_wrapper{ .BSinput; width: 277px; margin: 4px auto; clear:both; height: 100%; overflow:auto; position:relative; margin: 4px; .Body{ width: auto; padding: 3px; text-align:left; .message.you{ margin:3px; .Name{ padding: 0 3px 0 0; color:yellow; } .Date{ color:rgba( 255,255,0, .5); margin: 0 0 0 2px; } .Text{ display:block; margin:3px 3px 10px 10px; } } .message.them{ margin:3px; .Name{ padding: 0 3px 0 0; color:orange; } .Date{ color:rgba( 255, 127, 0, .5); margin: 0 0 0 2px; } .Text{ display:block; margin:3px 3px 10px 10px; } } } } .MessageDetails{ .slate_data; .quick_search_style; text-align: center; .zeros; top:29px; bottom:66px; .ExistingMessage{ .zeros; bottom:12px; } .quick_search{ margin: 0 5px 5px; input{width: 243px;} } } .MessageTextBox{ text-align:left; } .detail_footer{ .BSinput; width:285px; margin:5px auto; text-align:left; clear:both; position:absolute; bottom:0; textarea{ resize:none; width: 213px; background:none; color:#eee; border:none; overflow:hidden; padding-left: 4px; height: 47px; } .SendMessageLink{ .theme_button; margin:0; position:absolute; top:18px; right:11px; } } } } .Profile{ text-align: center; margin-top: 5px; width: 1212px; transition:1s; margin-left: 0; .zeros; .profile_left, .profile_right{ width: 50%; float: left; height: 100%; overflow: auto; } .profile_left{ //margin-top: 10px; } .Tabs{ .BSTabs_dark; margin:5px 9px -4px; } .sub_tab_header{ .dark_stone_dark_border; height: 20px; //border-bottom: 1px solid #333; //background: url(img/layout/side_sub_body_bk.jpg); .quick_search_style; padding: 4px 2px 0; margin:0; .compound_slots{ line-height: 20px; } .tab_header_message{ color: #fff; float: left; padding: 3px; position: absolute; label{ margin: 0 0 0 11px; padding: 0 0 0 15px; position: relative; } input{ margin: 0; position: absolute; top: 2px; left: 0; } } a{ display: inline-block; color: #ccc; padding: 0px 5px; margin: 0px -3px 0px 0px; cursor: pointer; } a.selected{ color: #fff; background: url("img/layout/14.jpg"); border: 3px solid #999; border-image: url("img/layout/side_sub_body_border.jpg") 3 round repeat; } a:hover{ color: #fff; } .quick_search{ } } } .Profile.right{ margin-left: -606px; transition:1s; } .tab.Profile{margin-top: 0; width: auto;} .ProfileView{ text-align: center; margin-top: 5px; .profile_title{ .BStitle; span{ font-size:12px; } } .profileViewContent{ margin: 0 9px; color: #ccc; .profile_header_wrapper{ .slate_block; text-align: center; padding: 1px 0 0 0; span{ display: inline-block; line-height: 22px; vertical-align: middle; color: #ccc; } } .profile_wrapper{ .slate_block; overflow: hidden; //height: 325px; .profile_header{ .slate; text-align:center; padding-top:7px; margin: 0; .message_links{ text-align: center; display: inline-block; overflow:hidden; color: #fff; li{ float: left; list-style:none; } li.admin{ list-style:disc inside; margin:0 12px 0 8px; color:#bbb; } } .Message{ padding: 2px; margin: 0px 3px 0; text-align:left; .parchment; overflow: hidden; .pic_wrapper{ position: relative; padding: 1px 0 0; float: left; margin: 0 10px 0 0; .your_pic{ width: 112px; height: 112px; position: relative; margin:3px 0 7px 6px; background-size: contain; } .your_frame{ .gold_icon_border; position:absolute; width:100px; height: 100px; top:0px; } .pic_button{ .theme_button; margin: 0 0 0 24px; } .pic_button.disabled{ .theme_button_inactive; margin: 0 0 0 15px; } } .Signature{ font-size: 16px; font-style: italic; } a{ margin: 0 0 0 10px; } .personal-info{ margin: 10px 14px 0 0; float: left; color:rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(143,90,24,0.52); padding-left: 7px; box-shadow: -1px 0 0px rgba(255,255,255,.22); .info-bite{ margin-bottom: 7px; color: rgba(0, 0, 0, 0.75); &.clan_info { .requestButtons{ line-height: inherit; .requestButton, .cancelRequestButton, .acceptInvitationButton, .rejectInvitationButton{ .theme_button; margin: 1px 0 3px 4px; display:none; } &.none .requestButton{ display:inline-block; } &.invitation{ .acceptInvitationButton { display:inline-block; } .rejectInvitationButton { display:inline-block; } } &.request .cancelRequestButton { display: inline-block; } } } &.InviteLink{ .CancelInvitation, .AcceptRequest { display:none; } &.inviting{ .Invite { display: none; } .CancelInvitation { display: inherit; } } &.requesting{ .Invite { display: none; } .AcceptRequest { display: inherit; } } } span{ color: rgba(0, 0, 0, 0.75); text-shadow:none; font-size: 12px; cursor: default; } } strong{ font-size: 12px; display: block; color:rgba(0, 0, 0, 0.75); } .theme_button{ margin: 0 4px 0px; } } } } .profile_trophies{ .slate_block; height: 114px; margin-top: 4px; position: relative; .trophy_title{ padding: 3px; } .trophies{ .slate_data; height: 90px; text-align: left; overflow: auto; .trophy_wrapper{ width: 360px; padding: 2px 2px 2px 4px; .trophy{ padding: 2px 2px 2px 17px; color: #ccc; display: inline-block; border: red; width: 99px; background: url(img/layout/icon_trophy.png) no-repeat left center; } .trophy.active, .trophy:hover{ color: white; cursor: pointer; } .trophy.active{ cursor: default; } } } .trophy_description{ padding: 0px 4px 4px 8px; position: absolute; top: 18px; right: 4px; bottom: 11px; width: 200px; text-align: left; line-height: 14px; border-left: #666 1px solid; } } } } .wrapperskill{ // .dark_stone_dark_border; // width: 576px; // display: table; margin: 0px auto; padding: 2px 0; //border-top: 1px solid #444; .table_wrapper{ display: table; width:100%; } .row_group{ width: 100%; display: table-row-group; } .td{ display: table-cell; text-align: left; color: #ccc; padding: 3px; background: rgba(0, 0, 0, .1); } .Clanie, .row.header{ width: 100%; display: table-row; .td{ display: table-cell; text-align: center; color: #fff; padding: 3px; line-height: 23px; color:#ccc; a{ color: #fff; } a:hover{ text-decoration: underline; } } .row.header .td{ line-height: inherit; } .td.user{ width: 150px; position: relative; .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //display: block; height: 43px; } .name{ //position: absolute; //top: 4px; //left: 50px; } } .td.start{ text-align: left; } .LinkContainer{ position: absolute; display: block; background: #000; border: 1px solid #999; padding: 4px; text-align: left; left: 52px; top: 31px; line-height: 6px; a{ display: block; text-decoration: none; } a:hover{ text-decoration: underline; } } } .row.header{ background: none; .td{ //border-bottom: 1px solid #2B2B2B; } .td.user{ text-decoration: none; } .td a{ color: #aaa; text-decoration: none; } .td a:hover{ text-decoration: underline; } } .row.footer{ background: none; .td{ border-top: 1px solid #666; } .td.user{ text-decoration: none; } .td a{ color: #fff; text-decoration: none; } .td a:hover{ text-decoration: underline; } } } } .ProfileTab{ margin: 0 9px; color: #ccc; .profile_header_wrapper{ .slate_block; text-align: center; padding: 1px 0 0 0; span{ display: inline-block; line-height: 22px; vertical-align: middle; color: #ccc; } } .profile_wrapper{ .slate_block; overflow: hidden; width:100%; position: relative; top: -4px; .profile_header{ //.slate; text-align:center; padding-top:7px; margin: 0; .message_links{ text-align: center; display: inline-block; overflow:hidden; color: #fff; li{ float: left; list-style:none; } li.admin{ list-style:disc inside; margin:0 12px 0 8px; color:#bbb; } } .Message{ padding: 2px; margin: 0px 3px 0; text-align:left; .parchment; overflow: hidden; .messageWrapper{ background: rgba(214, 183, 120, 0.43); top: 13px; left: 14px; right: 13px; bottom: 13px; position: absolute; z-index: 0; } .pic_wrapper{ position: relative; padding: 1px 0 0; float: left; margin: 0 10px 10px 0; .your_pic{ width: 112px; height: 112px; position: relative; margin:3px 0 7px 6px; background-size: contain; } .your_frame{ .gold_icon_border; position:absolute; width:100px; height: 100px; top:0px; } .pic_button{ .theme_button; margin: 0 0 0 22px; } .pic_button.disabled{ .theme_button_inactive; } } .title{ float: left; margin-left: 0px; font-size: 20px; font-weight: bold; text-shadow: 0 0 1px black, 0 1px 3px black; color: #eee; margin-bottom: 11px; } .pic_label{ margin-top: 102px; } .Signature{ font-size: 16px; font-style: italic; } a{ //margin: 0 0 0 10px; } .personal-info{ margin: 10px 14px 0 0; float: left; color:rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(143,90,24,0.52); padding-left: 7px; box-shadow: -1px 0 0px rgba(255,255,255,.22); position: relative; z-index: 2; .info-bite{ margin-bottom: 7px; span{ color: rgba(0, 0, 0, 0.75); text-shadow:none; font-size: 12px; cursor: default; } } strong{ font-size: 12px; display: block; color:rgba(0, 0, 0, 0.75); } .theme_button{ margin: 0 4px 0px; } } } .edit_block{ //background: rgba(99, 57, 10, 0.25); clear: both; padding: 0px; //border: 1px solid rgba(143,90,24,0.52); // box-shadow: 0px -1px 0px rgba(255,255,255,.22), // 0px 1px 0px rgba(255,255,255,.22), // -1px 0px 0px rgba(255,255,255,.22), // 1px 0px 0px rgba(255,255,255,.22); //border-bottom: 1px solid rgba(143,90,24,0.52); margin-top: 10px; position: relative; .warning{ color:floralwhite; line-height: 19px; } h3{ //background: rgba(143,90,24,0.52); margin: 0; padding: 2px; } .avatars, .your_pic_wrapper, .controls, .change_block{ padding: 4px; } .change_block{ input{ .BSinput; text-align: left; width: 100px; } .warning{ color: black; /* text-shadow: 0 0px 2px black; */ font-weight: bold; margin-left: 4px; background: red; display: inline-block; padding: 0 5px; border-radius: 0px; margin-top: 2px; } } .avatar{ width: 36px; margin: 4px; height: 36px; background-repeat: no-repeat; border: 1px solid #ccc; display: inline-block; box-shadow: 0 2px 3px rgba(0, 0, 0, .4); background-size: contain !important; } .avatar.active{ border: 1px solid yellow; } .browse_button, .upload_button, .theme_button{ margin: 0; vertical-align: top; } .browse_text{ background: rgba(99, 57, 10, 0.25); border: 1px solid rgba(143,90,24,0.52); border-radius: 3px; padding: 3px 3px 2px; display: inline-block; margin-top: 1px; } } } .profile_trophies{ .slate_block; height: 119px; margin-top: 4px; position: relative; .trophy_title{ padding: 3px; } .trophies{ .slate_data; height: 93px; text-align: left; overflow: auto; .trophy_wrapper{ width: 360px; padding: 2px 2px 2px 4px; .trophy{ padding: 2px 2px 2px 17px; color: #ccc; display: inline-block; border: red; width: 99px; background: url(img/layout/icon_trophy.png) no-repeat left center; } .trophy.active, .trophy:hover{ color: white; cursor: pointer; } .trophy.active{ cursor: default; } } } .trophy_description{ padding: 0px 4px 4px 8px; position: absolute; top: 18px; right: 4px; bottom: 11px; width: 200px; text-align: left; line-height: 14px; border-left: #666 1px solid; } } } .wrapperskill{ // .dark_stone_dark_border; // width: 576px; // display: table; margin: 0px auto; padding: 2px 0; //border-top: 1px solid #444; .table_wrapper{ display: table; width:100%; } .row_group{ width: 100%; display: table-row-group; } .td{ display: table-cell; text-align: left; color: #ccc; padding: 3px; background: rgba(0, 0, 0, .1); } .Clanie, .row.header{ width: 100%; display: table-row; .td{ display: table-cell; text-align: center; color: #fff; padding: 3px; line-height: 23px; color:#ccc; a{ color: #fff; } a:hover{ text-decoration: underline; } } .row.header .td{ line-height: inherit; } .td.user{ width: 150px; position: relative; .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //display: block; height: 43px; } .name{ //position: absolute; //top: 4px; //left: 50px; } } .td.start{ text-align: left; } .LinkContainer{ position: absolute; display: block; background: #000; border: 1px solid #999; padding: 4px; text-align: left; left: 52px; top: 31px; line-height: 6px; a{ display: block; text-decoration: none; } a:hover{ text-decoration: underline; } } } .row.header{ background: none; .td{ //border-bottom: 1px solid #2B2B2B; } .td.user{ text-decoration: none; } .td a{ color: #aaa; text-decoration: none; } .td a:hover{ text-decoration: underline; } } .row.footer{ background: none; .td{ border-top: 1px solid #666; } .td.user{ text-decoration: none; } .td a{ color: #fff; text-decoration: none; } .td a:hover{ text-decoration: underline; } } } } .Todays_Rankings{ .rankings_title{ margin: 0px auto 24px; text-align: center; .gold_border_filled; padding: 1px 10px; display: inline-block; } .Tabs{ padding:0px; height: 20px; z-index: 9; margin: 6px 9px; position: absolute; ul { list-style: none; width: 100%; background: url(img/layout/shading_up.png) repeat-x bottom; margin: -21px 0 0 0; li{ .sub_tab_inactive; .tab{color:#888;} } .tab_z_indexing; li:hover{ .sub_tab_inactive_hover; .tab{color:#ccc;} } li.active{ .sub_tab_active; .tab{color:#ccc;} } li.active:hover{ .sub_tab_active; .tab{color:#ccc;} } } } #Rankings_Tabs{ margin: 20px 9px 10px; color: #ccc; } .stack_wrapper{ .slate_block; position: absolute; top: 21px; left: 8px; right: 8px; bottom: 10px; overflow: hidden; .left_nav_skills{ position: absolute; left: 0px; top: 9px; bottom: 5px; .slate_block; a{ display: block; .slate_block; padding:4px 24px 4px 4px; font-size: 11px; } a.selected{ .gold_icon_border; padding: 0px; height: 4px; line-height: 5px; } } .group_wrapper{ .slate; margin: 0; position: absolute; top: 9px; bottom: 5px; overflow: scroll; right: 0; left: 102px; } .group{ .topLabels{ span{ display: inline-block; width: 194px; font-weight: bold; font-size: 16px; //border-right: 1px red solid; padding: 4px; } span + span{ text-align: center; width: 112px; } } .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //margin: 7px 6px 2px; float: left; height: 44px; margin-right: 3px; } .Top100s, .TopGains, .Top100Clans{ .slate_data; .top100, .topgain, .top100clan{ border-bottom: 1px solid #222; border-top: 1px solid #444; //overflow: hidden; position: relative; padding: 3px; .place{ width: 30px; text-align: center; float: left; font-weight: bold; font-size: 13px; line-height: 43px; } span{ display: inline-block; width: 120px; line-height: 43px; //border-right: 1px red solid; } [data-tooltip]:hover:after{ bottom: 8px; left: 54px; } [data-tooltip]:hover:before{ bottom:-10px; left:50px; } span + span{ text-align: center; } } } } } .Top100Clans_wrapper.stack_wrapper{ .group_wrapper{ left: 0; } .group{ .topLabels{ span{ width: 145px; } span + span{ text-align: center; width: 112px; } } } } h1{ font-weight: bold; font-size: 16px; } } .ProfileBuildingTab{ background: rgba(0,0,0,0.2); margin: 0 9px; .Building.max, .compound.maxCompoundLevel .compoundUpgradeData{ .level.td, .levelMeter.td span{ color:yellow; } .level.td:before, .levelMeter.td .levelLabel:before{ content: 'Max '; } .progressbar{ .progress{ width: 100% !important; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right orange !important; margin-top: 1px; } } } .Building.disabled { .popup_link { color: #666; } } .wrapper{ .slate_block; overflow: hidden; .zeros; right: 615px; top:52px; left: 9px; bottom: 5px; .compounds{ background: rgba(0,0,0,0.2); height: 100%; overflow:auto; } } .otherCompounds{ padding: 4px; color:#ccc; } .compound, .NoneOnCity, .NoneOffCity, .AlwaysShowOnTop{ color: #fff; //margin: 4px; padding: 0; &.OnCity .moveSingle { display: none; } .BuildingContainer{ padding:0; //.dark_stone_dark_border; //margin-top: 16px; .createBuilding{ .dark_stone_dark_border; margin: 0px 0 3px; padding: 0px 0 6px; padding-bottom: 5px; border-bottom: solid 3px #222; .upgrade_info{ .buildingUpgradeTheme; } .compound_header{ border-top: 1px solid #666; //border-bottom: 1px solid #2B2B2B; color: #eee; padding: 6px 3px; font-size: 16px; text-align: center; span{ font-size: 16px; } .theme_button.NotOnCity{ margin: 0; vertical-align:top; } } .groupHeader{ border-top: 2px solid #666; //border-bottom: 1px solid #2B2B2B; color: #aaa; padding: 7px 3px 6px; font-size: 14px; text-align: center; } .Buildings{ //border-top: 2px solid #2B2B2B; } .data{ // .dark_stone_dark_border; display: table; background: none; border: none; margin: 0 auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: 1px solid #222; border-top: 1px solid #444; width:100%; background: rgba(0, 0, 0, .15); height: 69px; .buyPlot{ padding:4px; text-align:left; .theme_button.BuildPlot{display:none;} .theme_button.BuyDeed{display:block;} .theme_button.BuyTokens{display:none;} &.needs_tokens{ .theme_button.BuildPlot{display:none;} .theme_button.BuyDeed{display:none;} .theme_button.BuyTokens{display:block;} .priceWrapper{ color:red; } } &.has_deed{ .theme_button.BuildPlot{display:block;} .theme_button.BuyDeed{display:none;} .theme_button.BuyTokens{display:none;} } &.move{ border-top: 1px solid #666; margin-top: 5px; box-shadow: 0px -1px black; } .propertyValue{ vertical-align:middle; padding-top:4px; display:inline-block; color:#ccc; span{ color:#eee; &.CompoundPrice{ color:yellow; } &.Name{ color:#ccc; } } } .theme_button{ margin-top:0; float:right; width: 95px; } .deedsOwned{ float:right; padding: 4px; } } .row_group{ width: 100%; margin: 6px 0 4px; display: table; .row.heading{ background: rgba(0,0,0,.15); margin-bottom: 5px; .td{ padding: 4px 0; font-style: italic; border-bottom: 1px solid #000; color:#777 !important; } } .row{ width: 100%; display: table-row; .td { display: table-cell; text-align: left; width: 100px; position: relative; vertical-align: middle; padding: 2px 3px; color: #999; a{ text-decoration: underline; color: #fff; } .actionName{ display: block; color: #eee; } .required{ font-size: 9px; padding-left: 4px; } } .type.td{ width: 150px; } .icon_width.td{ width:12%; text-align: center; } .rest.td{ width:inherit; } .Name.td{ color: #bbb; font-weight: bold; font-family: verdana; } } .row.inforow .td{ padding: 6px 0 0; } .inforow{ .inside_upgrade_button{ .theme_button; margin: 0; vertical-align: top; float: right; margin-right: 16px; } } .inforow.notMet{ .td.skill, .td.skill span{ color: red !important; } .td .inside_upgrade_button{ .theme_button_inactive; margin: 0; vertical-align: top; float: right; margin-right: 16px; div { color:rgba(255, 255, 255, 0); } } .td .inside_upgrade_button div:before{ content: 'Skill Not Met'; position: relative; top: 0px; width: 100%; left: 0; padding: 0; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.8); color: #333; margin: -11px 0; display: block; } } } .row_group.heading{ margin: 0 0 6px; } .backgroundBlock{ margin: 0 3px -23px 2px; padding: 10px; } .upgrade_info_wrapper{ position: relative; margin-top: 3px; .moveSingle{ float:right; color:#ccc; margin: -5px 7px 0 0; .theme_button{ margin:0; vertical-align: middle; margin-left: 4px; } } .theme_button{ pointer-events: all; } .upgrade_info{ position: absolute; pointer-events: none; top:0; margin-top: 0; &.open{ position: relative; text-align: left; } .link_popup{ margin-top: 8px; } .upgrade_button{ //position: absolute; //top: 0; //left: 0; .deslate; display: inline-block; margin-top: -20px; pointer-events: all; padding: 2px 5px; &.content_button{ margin-left: 95px; } } .upgradePopup{ margin-top: 30px; overflow:hidden; .pop-wrapper{ background:none; } } } } } .data.heading{ border-bottom: none; background: none; border-bottom: 1px solid #222; height: auto; .row{ background: none; color: #aaa; .td{ span{ color:#fff; } } } } } } } .SlotsTitle{ margin: 0px 0 4px; } .compoundLvl{ margin: -2px 0 9px; } .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; left: 0; right: 5px; margin: -2px 0 4px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } .link_popup{ margin: 8px 3px 0px 2px; border-style: solid; border-width: 0px 0px 4px; -moz-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; -webkit-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; -o-border-image: url(img/layout/center-popup-border.png) 10 0 4 ; border-image: url(img/layout/center-popup-border.png) 10 0 4 ; .pop-wrapper{ background: url(img/layout/settings-popup-mid.png); .data{border: none !important;} .heading .td{color: #aaa !important;} .td.type{padding-left: 6px !important;} .stored{ line-height: 19px; } .data{ margin-bottom: 0; } .theme_button{ margin: 0; vertical-align: top; float: right; margin-right: 16px; } } } } .DisciplinesTab{ margin: 0 9px; color: #ccc; .disciplinePoints{ .slate_block; text-align: center; padding: 1px 0 0 0; span{ display: inline-block; line-height: 22px; vertical-align: middle; color: #ccc; } .TotalPoints{ font-size: 14px; margin: 0 0 0 5px; } } .ClassList_wrapper{ .slate_block; .zeros; top: 50px; left: 9px; bottom:8px; width: 582px; .ClassList{ .slate_block; .zeros; .classListHeader{ text-align: left; div{ display: inline-block; text-align: center; padding: 3px; color: #aaa; } .discipline_title{ width: 217px; text-align: left; } .reclaim{ width: 115px; margin-right: 99px; } .spend{ width: 118px; } } .classes{ .zeros; top: 17px; overflow: auto; .slate_data; .class{ .DisciplineList{ display: table; width: 100%; } .header{ .slate_fade; background: rgba(0,0,0,.4); border-top: 1px solid #111; text-align: left; padding: 4px; padding-left: 5px; span{ font-size: 14px; color: #ccc; } } .discipline{ .slate_data; text-align: left; display: table-row; div{ display: table-cell; text-align: center; vertical-align: middle; padding: 4px 0; color: #aaa; } .title.Name{ width: 207px; text-align: left; padding: 4px; padding-left: 12px; } .reclaim{ width: 124px; //background: url(img/layout/breadcrumbLeft.png) no-repeat; } .level{ width: 88px; padding: 4px; } .spend{ width: 124px; //background: url(img/layout/breadcrumb.png) no-repeat; } .button{ .theme_button; margin: 0; } .button.inactive{ .theme_button_inactive; margin: 0; } } } } } } } .Profile_Skills, .Profile_Settings{ .EquipmentTopHeader{ background: url("img/layout/side_sub_body_bk.jpg") !important; } } .EquipmentTab, .Profile_Pouches, .Profile_Belt, .Profile_Skills, .Profile_Combat, .Profile_Settings{ margin: 0 9px; color: #ccc; .zeros; top:21px; right:50%; bottom: 5px; //overflow: hidden; .EquipmentTopHeader{ .slate_block; background: url(img/layout/breadcrumb3.png) no-repeat 168px 2px, url("img/layout/side_sub_body_bk.jpg") 0 0; text-align: left; padding: 2px 0 0 0; span{ display: inline-block; line-height: 22px; vertical-align: left; color: #ccc; padding: 0 0 0 8px; font-size: 13px; } .spot{ width: 214px; } } .wrapper{ .slate_block; overflow: hidden; .zeros; top:30px; //height: 338px; .spots_wrapper.side, .slots_wrapper.side{ .slate_block; width: 211px; .zeros; right: auto; } .spots_wrapper, .slots_wrapper, .moves_wrapper{ //.slate_block; float: left; width: auto; text-align: left; .setAdmin, .movesAdmin{ text-align: center; margin: 3px 0 2px; .choose_set{ .theme_button{ margin: 0; vertical-align: top; } .dropdown{ .theme_dropdown_native; } } .create_new_set{ input{ .BSinput; margin: 1px 0; text-align: left; width: 90px; } .theme_button{ margin: 0; vertical-align: top; } } .dropdown{ .theme_dropdown_native; } .save_button{ .theme_button; margin: 0; vertical-align: top; } .save_button.disabled{ .theme_button_inactive; margin: 0; vertical-align: top; } .theme_button{ margin: 0; vertical-align: top; } } .table{ .slate_data; margin: 0px 1px 8px 0; padding: 2px 0; //height: 292px; .zeros; top:25px; overflow: auto; } .SpotList, .SlotList{ display: table; width: 100%; //height: 100%; .spot, .slot{ padding: 2px 0; display: table-row; .spotName, .slotName{ display: table-cell; text-align: center; width: 70px; color: #ccc; vertical-align: middle; } .ItemName, .moveName{ .dark_border; border-width: 2px; vertical-align: middle; background: black; display: table-cell; padding: 3px; //width: 120px; color: #ccc; cursor: pointer; height: 15px; } .ItemName:hover, .moveName:hover{ //.silver_border; border-width: 2px; .slate_fade; background-color: #333; } &.no_equipment .ItemName, &.no_equipment .moveName{ color: #666; } } .spot.active .ItemName, .spot.active .ItemName:hover, .slot.active .moveName, .slot.active .moveName:hover{ //.silver_border; //border-width: 2px; //color:white; border-image: none; border-color: #666; .gold_border; .slate_fade; background-color: #333; border-width: 2px; display: table-cell; padding: 3px; //color: #ccc; cursor: default; } } } .equipment_wrapper, .moves_wrapper{ .slate_block; float: left; width: 355px; //height: 332px; margin-left: 3px; overflow: hidden; .zeros; left: auto; .equipment_block, .moves_block{ .slate_data; margin: 24px 0 0; overflow: auto; //height: 298px; .zeros; bottom: 8px; .EquipmentList, .MovesList{ &.active_spot_1 .spot_1 { display: inherit; } &.active_spot_2 .spot_2 { display: inherit; } &.active_spot_3 .spot_3 { display: inherit; } &.active_spot_4 .spot_4 { display: inherit; } &.active_spot_5 .spot_5 { display: inherit; } &.active_spot_6 .spot_6 { display: inherit; } &.active_spot_7 .spot_7 { display: inherit; } &.active_spot_8 .spot_8 { display: inherit; } &.active_spot_9 .spot_9 { display: inherit; } &.active_spot_10 .spot_10 { display: inherit; } &.active_spot_11 .spot_11 { display: inherit; } &.active_spot_12 .spot_12 { display: inherit; } &.active_spot_13 .spot_13 { display: inherit; } &.active_spot_14 .spot_14 { display: inherit; } .item, .move, .no_results{ // display: none; .slate_data_item; text-align: left; overflow: hidden; padding:3px 7px 3px 3px; color:#ccc; line-height: 14px; cursor: pointer; margin: 1px; .icon{ .BSmove; margin: 0; width: 32px; float:left; margin-right:7px; } .effect{ display: inline-block; margin: 0 5px 0 0; } } .no_results{ display: block; height: 33px; line-height: 31px; padding-left: 10px; } .item.equipped, .item.equipped:hover, .move.equipped, .move.equipped:hover{ color:white; cursor: default; .icon{ .theme_move{ .gold_icon_border; } } } .item:hover, .move:hover{ color: white; } } } } } } .Profile_Skills .wrapper, .Profile_Settings .wrapper{ top:19px; } .DisciplinesTab .ClassList_wrapper{ top:84px; } .Profile_Pouches, .Profile_Belt, .Profile_Combat{ top:57px; } .CombatMotherTab{ .combatLinks{ .slate_block; padding: 9px 0; margin: 0 7px; ul{ color:#ccc; li{ display: inline-block; a{ color:white; padding: 0 7px; } } } } } #Profile_Tabs .Profile_Skills{ .wrapper{ //height: 350px; } .spots_wrapper{ float: none; //height: 334px; .slate_block; padding: 10px 0 0; .zeros; .side_block{ //width: 576px; text-align: left; .slate_data; //height: 324px; overflow: auto; .zeros; bottom: 10px; } } .skill_line{ margin:0px !important; color: #bbb !important; .details{ display: block; color: #aaa; } .name{ // display: inline-block; // width: 100px; } } .item_line{ position: relative; color: #ccc; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); text-align: left; overflow: hidden; padding:9px 7px 3px 9px; color:#ccc; line-height: 14px; cursor: default; margin: 1px; height: 32px; .slate_data_item; overflow: visible; position: relative; padding: 3px; } .Name{ font-weight: bold; font-size: 14px; } .Level{ font-size: 14px; } .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; right: 10px; width: 150px; margin: 1px 0 4px; top: 17px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } } #Profile_Tabs .Profile_Settings{ .wrapper{ //height: 350px; } h1{ margin: 6px; } .spots_wrapper{ float: none; //height: 334px; .slate_block; padding: 10px 0 0; .zeros; .side_block{ //width: 576px; text-align: left; .slate_data; //height: 324px; overflow: auto; .zeros; bottom: 10px; } } .setting_line{ margin:0px !important; color: #bbb !important; .details{ display: block; color: #aaa; padding-top: 5px; } .name{ // display: inline-block; // width: 100px; } } .item_line{ position: relative; color: #ccc; text-shadow: 0px 1px 6px rgba(0, 0, 0, 1); text-align: left; overflow: hidden; padding:9px 7px 3px 9px; color:#ccc; line-height: 14px; cursor: default; margin: 1px; //height: 32px; .slate_data_item; overflow: hidden; position: relative; padding: 10px; } .Name{ font-weight: bold; font-size: 14px; } .Level{ font-size: 14px; } .progressbar{ .slate_fade; //border: #222 solid 1px; height: 3px; position: absolute; right: 10px; width: 150px; margin: 1px 0 4px; top: 17px; .progress{ width: 25%; height: 2px; background: url(img/layout/progressbar_end.png) repeat-y right #008000; margin-top: 1px; } } } .Manual{ overflow: hidden; } .manualWrapper{ .online_players .topLabels span { width: 175px; } .online_players .TopGains .topgain span { width: 175px; padding: 4px; } .online_players .TopGains .topgain span.username { width: 122px; } .slate_block; margin: 8px 8px 8px; position: absolute; .zeros; top: 45px; overflow: auto; .skillpage_tabs{ margin: 4px 0 0 0; .BSTabs_dark{ margin: 0 0 -5px; } } .all_equipment{ &.food{ .skillreq{ display: none; } } &.resource, &.other{ .skillreq, .effectwrapper{ display: none; } } } .parchment{ //text-align: center; padding:10px; p{ font-size: 14px; } ol { list-style: decimal; } ol li { margin: 2em; font-size: 14px; line-height: 19px; margin-bottom: 16px; span{ font-size: 14px; font-weight: bold; } } .icon{ .BSmove; margin: -5px 0 0 0; vertical-align: top; } h1{ font-size: 20px; vertical-align: middle; //margin-bottom: 9px; } .effects{ margin-top: 9px; //background: rgba(0, 0, 0, 0.15); padding: 3px 7px; border-radius: 8px; .effect{ font-weight: bold; } } .stats{ vertical-align: middle; display: inline-block; margin-left:5px; font-size:12px; .rarity, .slots, .type{ border-radius: 8px; padding: 0px 4px; box-shadow: 0 0 1px black; color:black !important; font-size:12px; &.always{ background:white; } &.common{ background:yellow; } &.uncommon{ background:orange; } &.rare{ background:coral; } &.ultrarare{ background:red; } } .slots, .type{ //background: rgba(0, 0, 0, 0.15); //color:white; box-shadow:none; padding:0; // display:inline-block; } div{ margin-left:5px; font-size:12px; padding: 3px !important; a{ font-size:12px; } span{ font-weight:bold; font-size:12px; } } .theme_button{ margin:0; padding:0 !important; vertical-align:middle; div{ font-weight:normal; margin:-11px 0; font-size:10px; padding:0 !important; } } } } .block{ .dark_stone_dark_border; margin: 0px 0 3px; padding: 0px 0 6px; padding-bottom: 5px; border-bottom: solid 3px #222; &.items_in, &.items_out, &.cities, &.buildings, &.other_skills, &.tools, &.give, &.use, &.oven, &.fermentor, &.skill_drop, &.other_skills, &.snip, &.animals, &.stages{ background:rgba(0,0,0,.2); box-shadow: inset 0px -3px 5px rgba(0, 0, 0, 0.78), inset 0px 2px 5px rgba(0, 0, 0, 0.8); border:none; .data{ box-shadow: inset 0 -1px #111, inset 0 1px #333; &.heading{ box-shadow: none; border-bottom: 1px solid #111; background: rgba(0,0,0,.35); } } } &.stages { .data.sub .manual_header.stages{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.stages{ display: block; } } &.animals { .data.sub .manual_header.animals{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.animals{ display: block; } } &.give{ .data.sub .manual_header.give{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.give{ display: block; } } &.use{ .data.sub .manual_header.use{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.use{ display: block; } } &.oven{ .data.sub .manual_header.oven{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.oven{ display: block; } } &.fermentor{ .data.sub .manual_header.fermentor{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.fermentor{ display: block; } } &.skill_drop{ .data.sub .manual_header.skill_drop{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.skill_drop{ display: block; } } &.other_skills{ .data.sub .manual_header.other_skills{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.other_skills{ display: block; } } &.items_in{ .data.sub .manual_header.items_in{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.items_in{ display: block; } } &.items_out{ .data.sub .manual_header.items_out{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.items_out{ display: block; } } &.cities{ .data.sub .manual_header.cities{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.cities{ display: block; } } &.buildings{ .data.sub .manual_header.buildings{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.buildings{ display: block; } } &.other_skills{ .data.sub .manual_header.skills{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.skills{ display: block; } } &.tools{ .data.sub .manual_header.tools{ background: #2b2b2b; box-shadow: 0px 3px 1px #282828, inset 0px 2px 5px rgba(0, 0, 0, 0.8); } .data.content.tools{ display: block; } } .data{ display: table; background: none; border: none; margin: 0 auto; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width:100%; background: rgba(0, 0, 0, .15); box-shadow: inset 0 -1px #222, inset 0 1px #444; &.sub{ .manual_header{ display: inline-block; font-size: 13px; //gbackground: #222; padding: 9px 12px; color: #ccc; &:hover{ cursor: pointer; color:white; } } } &.content{ display: none; } .manual_header{ //border-top: 1px solid #666; //border-bottom: 1px solid #2B2B2B; color: #eee; padding: 6px 3px; font-size: 16px; //text-align: center; span{ font-size: 16px; } } .closeSnip{ position: absolute; background: url(https://batteredshield.jomber.com/img/layout/side_sub_body_bk.jpg); border: 3px solid #999; /* border-image: url(https://batteredshield.jomber.com/img/layout/side_sub_body_border.jpg) 3 round repeat; */ /* padding: 0px 0 6px; */ /* box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); */ -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); /* margin: 1px 9px 30px; */ border-image: none; display: inline-block; top: 0px; right: 0px; padding: 3px; margin: 0; border-width: 1px; /* border-radius: 100px; */ color: white; z-index: 1; cursor: pointer; &:hover{ color:gold; } display: none; } .manual_content{ line-height: 16px; border-bottom: 1px solid #222; border-top: 1px solid #444; text-align:left; //display:inline-block; padding: 5px 0; display: table; width:100%; &:hover{ background:rgba(0,0,0,.25); } &.snip:hover{ background:none; } &.condensed{ width: 25%; display: inline-block; vertical-align: top; border:none; } .half{ width: 40%; display: table-cell; &.big{ width:75%; } } .quarter{ width: 25%; display: table-cell; vertical-align: middle; padding: 4px 0 4px 0px; color: #ccc; text-align: right; .building{ padding-right: 3px; display: block; } &.big{ width:35%; } } .quarter + .quarter{ padding-right: 24px; //vertical-align: top; } .value{ color:white !important; } &.building{ //width: 50%; .place{ //width:200px; } } .icon_wrapper{ display: table-cell; padding-left: 5px; .icon{ .BSmove; margin: 3px 0 3px 2px; vertical-align: middle; } } .place{ vertical-align: middle; //width:100px; padding: 4px 0 4px 5px; display: table-cell; color:#ccc; span{ color:white; &.slots{ color: #ccc !important; box-shadow: none; display: block; } &.effect{ display: inline-block; color: #ccc; &:after{ content: ', '; } &:last-child:after{ content: ''; } //background: #222; //padding: 3px; //margin: 3px 0 0; //border-radius: 7px; span{ color:#ccc; } } } } .theme_button{ margin-top:0; float:right; width: 56px; vertical-align: middle; } .rare_wrapper{ display:block; margin:3px 0; } .rarity, .slots, .type{ border-radius: 8px; padding: 0px 4px; box-shadow: 0 0 1px black; color:black !important; &.always{ background:white; } &.common{ background:yellow; } &.uncommon{ background:orange; } &.rare{ background:coral; } &.ultrarare{ background:red; } } } } .data.heading{ border-bottom: none; background: none; border-bottom: 1px solid #222; box-shadow: none; } .block_item{ .slate_data_item; } } .emoji{ ul{ .slate; margin:4px; background:black; } li{ font-size: 14px; margin: 10px; display: inline-block; width: 25%; &.fullwidth { width: 100%; } } } } .online_players{ .slate; margin: 0; .topLabels{ span{ display: inline-block; width: 194px; font-weight: bold; font-size: 16px; padding: 4px; } } .TopGains{ .avatar{ .theme_creature_wrapper; .theme_creature_wrapper_lite; //margin: 7px 6px 2px; display: inline-block; height: 44px; margin-right: 3px; } .topgain{ .slate_data; border-bottom: 1px solid #222; border-top: 1px solid #444; //overflow: hidden; position: relative; padding: 3px; span{ display: inline-block; line-height: 43px; &.username{ width: 171px; } } } } } .happyness{ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); font-size: 50px; color: white; line-height: 54px; } .rulesPage, .referalPage{ .parch-wrapper{ background: rgba(214, 183, 120, 0.43); margin: -10px -22px -15px; padding: 10px; h1{ display: inline-block; margin-top: -20px; } .refer-icon{ display: inline-block; height: 37px; width: 42px; background: url(img/layout/manual.png) no-repeat; z-index: 2; margin-top: 0px; margin-left: 3px; } .refer-icon{ background:url(img/layout/refer-bonus.png) no-repeat; margin-left: -4px; } .referal_link{ cursor: pointer; &:hover{ text-decoration: underline; } } .referal_toast { background: rgba(0,0,0,.75); color:white; z-index: 0; padding: 3px 6px; top: 32px; opacity: 0; &.copied{ animation: toast 1.25s 1; animation-fill-mode: forwards; } @keyframes toast { 0% { opacity: 1; top:0; } 30% { top: 32px; } 55% { opacity: 1; } 100% { opacity: 0; } } } } p{ margin: 2em; font-size: 14px; line-height: 19px; margin-bottom: 16px; } ol{ list-style: decimal; li{ margin: 2em; font-size: 14px; line-height: 19px; margin-bottom: 16px; span{ font-size: 14px; color: yellow; font-weight: bold; &.refreshreq{ color: red; font-style: italic; font-weight: normal; } } } } } .referalPage{ .slate_data{ li{ color:#ccc; b{ color:white; } } } } .manualNav{ .quick_search_style; position: absolute; top:8px; left:-1px; right:-1px; z-index: 9999999; .slate; padding: 0; .quick_search { margin: 6px 5px 0px 0px; width: 160px; } ul{ //overflow:hidden; } li{ display: block; text-align: left; padding:10px; float:left; cursor: pointer; color:white; //position: relative; &.manual_label{ cursor: default; font-weight: bold; color:#ccc; text-transform: uppercase; background: rgba(0, 0, 0, 0.38); } &.back{ font-size: 17px; padding: 6px; i{ font-size: 17px; } &.none{ opacity: .25; &:hover{ background:none; cursor: default; color:white; } } } } ul li ul{ display: none; position: absolute; //left: -3px; //right: -3px; //top: 29px; .slate; padding: 0; margin: 0; &:hover{ display: inline-block; } } ul li:hover { background: rgba(0, 0, 0, 0.58); color: yellow; &.manual_label{ background: rgba(0, 0, 0, 0.38); color:#ccc; } ul{ display: inline-block; border-top:0; background: rgb(28, 28, 28); color:white; margin: 10px 0 0 -13px; // box-shadow: none; li{ background: none; float:none; } } } } .skeleton_tools{ height: 100%; width: 100%; position: relative; font-family: arial !important; .nav{ position: absolute; top: 0; left: 0; width: 192px; bottom: 0; background: url(img/layout/13.jpeg) center top; .dark_border; .logo{ background: url(img/layout/logoAdmin.png) no-repeat; width: 192px; height: 59px; position: relative; top: auto; } .small_chain{ height: 6px; width: 122px; background: url("img/layout/chains_smaller.png"); margin: -3px auto 0; } ul{ .dark_stone_dark_border; margin: 0 4px 4px; li{ .silver_border_button; } } } .content{ position: absolute; top: 0; left: 200px; right: 0; bottom: 0; } .popup_shade{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.3); } .popup_wrapper{ position: absolute; top: 100px; left: 550px; background: lightgray; padding: 10px; box-shadow: 0px 3px 9px rgba(0,0,0,.5); width: 200px; border-radius: 5px; h1{ font-size: 14px; margin-bottom: 5px; span{ font-size: 14px; } } .search{ background: lightgray; .quick_search_style; margin: 0; .quick_search{ display: block; } margin-bottom: 3px; } .content_list{ background: white; border: #666 1px solid; padding: 3px; overflow: auto; height: 200px; .row:hover, .row.keyover{ background: #ddd; } } } .row.keyover{ background: #fff; } } .maps{ position: relative; height: 100%; width: 100%; .new_tool_type_form{ position: absolute; left: 477px; top: 87px; .type_tool_naming{ width: 158px; } } .new_item_form{ position: absolute; background: lightgray; left: 254px; top: 116px; padding: 4px; width: 425px; .new_item input{ width: 218px; } } .regions_and_maps{ background: gray; top: 0px; bottom: 0px; left: 0px; width: 240px; position: absolute; overflow: hidden; padding: 6px 4px 4px; .choose_skill{ background: lightgray; padding: 4px; select{ width: 232px; } } .header{ background: lightgray; padding: 3px 3px 0; clear: both; .search{ background: lightgray; .quick_search_style; margin: 0; .quick_search{ display: block; } margin-bottom: 3px; } .CityNom{ float: right; } .row{ margin: 3px 1px 0; clear: both; padding: 3px; background: white; cursor: pointer; display: block; .Level{ float: right; } } .row:hover{ background: #eee; } .row.selected{ background: #999; color: white; } } .current_regions{ position: absolute; top: 29px; bottom: 33px; left: 4px; right: 4px; overflow: auto; background: #fff; border: 4px lightgray solid; border-top: none; .row{ clear: both; padding: 3px; cursor: pointer; display: block; .CityNom{ float: right; } } .row:hover{ background: #eee; } .row.selected{ background: #999; color: white; } } } .define_region{ background: gray; top: 0px; bottom: 0px; left: 248px; right: 0; position: absolute; padding: 6px 0 0 6px; .region_stats{ padding: 4px; background: lightgray; margin: 0 7px 4px 0; .city_button{ border: 1px solid #999; border-radius: 5px; padding: 2px 4px; background: #eee; font-size: 14px; display: inline-block; margin: -1px 0 0 0; color: #333; cursor: pointer; vertical-align: top; //position: absolute; i{ position: relative; top:auto; right: auto; float: none; margin-right: 4px; font-size: 14px; } } } input.number{ width: 20px; } .save{ position: absolute; bottom: 7px; width: 80px; left: 50%; margin-left: -40px; } .Action_panel_block{ top: 41px; bottom: 30px; left: 3px; right: 4px; position: absolute; .Action_panel_wrapper{ top: -2px; bottom: 3px; left: 3px; right: 3px; position: absolute; overflow: hidden; background: lightgray; padding: 4px; .ActionPanel{ position: absolute; overflow: auto; background: #fff; top: 4px; bottom: 4px; left: 4px; right: 4px; border: 1px solid #333; .city_admin.disabled{ .city_button{ opacity: .35; } } .region_wrapper{ position: absolute; bottom: 0; left: 0; right: 0; top: 30px; .settlementSprite{ .edit_wrapper{ position: absolute; top: -4px; left: -1px; width: 7px; height: 26px; background-position: 1px 4px; display: none; .edit_word{ background: #666; color: white; position: absolute; top: 20px; left: 0; } } } .settlementSprite.road{ .settlementSprite{ background-color: #666; display: block; } } .settlementSprite.linked, .settlementSprite.edit{ .settlementSprite{ background-color: #000; display: block; .edit_word{ background-color: #000; } } } } .panel_header{ background: #eee; .city_admin.edit{ .modify_city{ display: block; } .add_city, .modify_link{ display: none; } } .city_admin.editlink{ .modify_link{ display: block; } .add_city, .modify_city{ display: none; } } .city_admin{ border-bottom: solid 2px #666; position: relative; height: 30px; .modify_city{ display: none; } .city_button{ border: 1px solid #999; border-radius: 5px; padding: 2px 4px; background: #eee; font-size: 14px; display: inline-block; margin: 4px; color: #333; cursor: pointer; //position: absolute; i{ position: relative; top:auto; right: auto; float: none; margin-right: 4px; font-size: 14px; } } .panel_title{ line-height: 29px; font-size: 14px; display: block; font-weight: bold; text-align: center; } } } .button_content_holder{ background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; text-align: center; input{ width: 417px; font-size: 16px; } input.little{ width: auto; } input[type="text"]{ width: 359px; font-size: 12px; } } .tabs{ border-bottom: 1px solid #666; padding: 2px 2px 0; background: #ccc; height: 21px; a{ display: block; float: left; padding: 5px; background: #aaa; border: 1px solid #666; border-bottom: none; color: #333; width: 197px; text-align: center; } a.selected{ background: #eee; margin-bottom: -1px; border-bottom: 1px solid #eee; } } .panel_content_title{ background: #ddd; padding: 5px; font-weight: bold; border: 4px solid #eee; } .panel_content{ border-bottom: 2px solid #666; .content_added{ border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 5px; background: #eee; position: relative; display: block; color: #333; input.tiny{ width: 34px; margin-right: 4px; } .ass{ font-style: italic; color: #888; } i{ position: absolute; right: 8px; top:50%; font-size: 16px; margin-top: -8px; } i:hover{ color: red; cursor: pointer; } span{ display: inline-block; margin: 3px 28px 0 0; } } } } } } } } .add_action{ position: relative; height: 100%; width: 100%; .new_and_delete{ input.level{ width: 20px; margin-top:-1px; } &.new{ .buildingTitle{ color: deepskyblue; font-weight: bold; } .name{ color: deepskyblue; font-weight: bold; margin: 3px 0px 6px 0; &:before{ content:' *'; } } .spanHolder{margin:0;} } &.BShidden{ .name{ color: #aaa; font-weight: bold; &:before{ content:' *'; } } } } .new_tool_type_form{ position: absolute; left: 477px; top: 87px; .type_tool_naming{ width: 158px; } } .new_item_form{ position: absolute; background: lightgray; left: 254px; top: 116px; padding: 4px; width: 425px; .new_item input{ width: 218px; } } .skills_and_actions{ background: gray; top: 0px; bottom: 0px; left: 0px; width: 240px; position: absolute; overflow: hidden; padding: 6px 4px 4px; .choose_skill{ background: lightgray; padding: 4px; select{ width: 232px; } } .header{ background: lightgray; padding: 3px 3px 0; clear: both; .search{ background: lightgray; .quick_search_style; margin: 0; .quick_search{ display: block; } margin-bottom: 3px; } .level{ float: right; } .row{ margin: 3px 1px 0; clear: both; padding: 3px; background: white; &.BShidden{ display: block !important; } .level{ float: right; } } .row:hover{ background: #eee; } .row.selected{ background: #999; color: white; } } .current_skill_actions{ position: absolute; top: 107px; bottom: 33px; left: 4px; right: 4px; overflow: auto; background: #fff; border: 4px lightgray solid; border-top: none; .row{ clear: both; padding: 3px; .level{ float: right; } } .row:hover{ background: #eee; } .row.selected{ background: #999; color: white; } } } .define_action{ background: gray; top: 0px; bottom: 0px; left: 248px; width: 440px; position: absolute; padding: 6px 0 0 6px; .action_stats{ padding: 4px; background: lightgray; width: 425px; margin: 0 0 4px; } input.number{ width: 20px; &.xp_success{ background:none; border:none; } } input[type=date] { width: 115px; } input.name { width: 106px; } .Action_Basetime{ display: inline-block; } .save{ position: absolute; top: 40px; width: 80px; right: 10px; } .Action_panel_block{ top: 81px; bottom: 30px; left: 3px; right: 4px; position: absolute; .Action_panel_wrapper{ top: -2px; bottom: 3px; left: 3px; right: 3px; position: absolute; overflow: hidden; background: lightgray; padding: 4px; .ActionPanel{ position: absolute; overflow: auto; background: #fff; top: 4px; bottom: 4px; left: 4px; right: 4px; border: 1px solid #333; //hide stuf that's only for when it's not on a specific one .view_panel { display: none;} .selected_label{ background-color: #999; padding: 5px; color: #fff; border-top: 2px #666 solid; } &:not(.is_active){ & > div { position: relative; } background-color: white; //hide stuff for when it's only on a specific one .description, .unchecked, .button_content_holder, .panel_back, .selected_label, .tabs { display: none !important; } .panel_content_title { //display: none; font-weight:bold; background:#eee; display:table-cell; padding: 0 0 0 5px; width: 42px; span{ display:none; } } .panel_content_wrapper{ display:table-cell; } .panel_content_row{ display:table; .content_added{ display:block !important; } } .SinglePanel { cursor: pointer; border-bottom: 2px solid #666; background:#eee; } .view_panel { color: #333; display: block; position: absolute; right: 8px; top:50%; font-size: 16px; margin-top: -8px; } .panel_title { padding-left: 5px; line-height: 15px; font-size: 14px; background-color: #eee; font-weight: bold; padding-top: 2px; padding-bottom: 5px; border-top: 1px solid white; } .panel_content { background-color: #eee; padding: 5px; &:last-of-type { padding-top: 0px; } .panel_content_title{ position:absolute; left:0; margin-top:5px; & + div.content_added{ margin-top:5px; } } .content_added { display: inline-block; .notinput[type='text'] { border: none; outline: none; background-color: transparent; font-family: inherit; font-size: inherit; box-sizing: border-box; display: inline-block; } input { display: none; } div { display: inline-block; } & > div:after { content: ','; float: right; } &.noComma div:after{ content: ''; } &:last-of-type > div:after { content: ''; } i { display:none; } .new_and_delete; &.BShidden{ display:inline-block !important; } } } } &.is_active{ .SinglePanel:not(.active) { display: none; } .panel_header{ background: #eee; .panel_crumb{ border-bottom: 1px solid #ddd; position: relative; .panel_back{ border: 1px solid #999; border-radius: 5px; padding: 2px 4px; background: #eee; font-size: 14px; display: block; margin: 4px; color: #333; position: absolute; i{ position: relative; top:auto; right: auto; float: none; margin-right: 4px; font-size: 14px; } } .panel_title{ line-height: 29px; font-size: 14px; display: block; font-weight: bold; text-align: center; } } .description{ padding: 10px; border-top: 1px solid white; border-bottom: solid 2px #666; } } .button_content_holder{ background: #eee; //border-bottom: 1px solid #ddd; border-top: 1px solid #fff; text-align: center; .search{ //background: lightgray; .quick_search_style; margin: 4px; .quick_search{ display: block; } margin-bottom: 3px; } input{ width: 417px; font-size: 16px; margin: 3px 0 5px; &.quick_search_field{ margin:0; } } input.little{ width: auto; } input[type="text"]{ width: 347px; font-size: 12px; } .slidey{ max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden; &.BShidden{ max-height: 50000px; transition: max-height 1s ease-in; display:block !important; } } .panel_button{ } } .tabs{ border-bottom: 1px solid #666; padding: 2px 2px 0; background: #ccc; height: 21px; li{ display: block; float: left; background: #aaa; border: 1px solid #666; border-bottom: none; color: #333; width: 197px; text-align: center; a{ display:block; padding:5px; } } li.active{ background: #eee; margin-bottom: -1px; border-bottom: 1px solid #eee; } } .panel_content_title{ background: #ddd; padding: 5px; font-weight: bold; border: 4px solid #eee; } .panel_content{ border-bottom: 2px solid #666; .content_added{ border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 5px 5px 5px 15px; background: #eee; position: relative; display: block; color: #333; text-align:left; .notinput[type='text'] { display: none; } input.tiny{ width: 34px; margin-right: 4px; } input.medium{ width: 68px; margin-right: 4px; } .ass{ font-style: italic; color: #888; span{ margin:0; } } i{ position: absolute; right: 8px; top:50%; font-size: 16px; margin-top: -8px; } i:hover{ color: red; cursor: pointer; } span{ display: inline-block; margin: 3px 15px 0 0; } &:not(.editing){ &:hover, &.keyover{ cursor:pointer; background:#fff; i{ color:red; } } } .new_and_delete; &.BShidden{ display:block !important; } .button_content_holder{ border:1px solid #9E9E9E; background:#eee; z-index:9; position:relative; .button_content_holder{ margin-right:0; border:none; } } } &.add_list{ .content_added.BShidden{ display:none !important; } } } } } } } } } #dp_swf_engine{display:none;} .MonstersItems{ width: 451px; position: absolute; top: 0; bottom: 0; background: gray; .create_monsters{ background: lightgray; height: 128px; padding: 4px; margin: 6px; } .column_wrapper{ top: 147px; bottom: 30px; left: 3px; right: 3px; position: absolute; h1{ text-align: center; } .quick_filter{ .quick_search_style; } .Monsters_wrapper{ top: 14px; bottom: 3px; left: 3px; width: 207px; position: absolute; overflow: hidden; background: lightgray; padding: 4px; .header{ .quantity{ width: 20px; height: 10px; float: right; margin: 1px 3px 1px 0; } } .MonstersList{ position: absolute; overflow: auto; background: #fff; top: 40px; bottom: 4px; left: 4px; right: 4px; .item{ clear: both; } .item:hover{ background: #ddd; } .keyover{ background: #ddd; } } } .Items_wrapper{ top: 14px; bottom: 3px; width: 207px; right: 3px; position: absolute; overflow: hidden; background: lightgray; padding: 4px; .ItemsList{ position: absolute; overflow: auto; background: #fff; top: 40px; bottom: 4px; left: 4px; right: 4px; .item{ clear: both; } .item:hover{ background: #ddd; } .keyover{ background: #ddd; } } } } } .IconList{ width: 451px; position: absolute; top: 0; bottom: 0; background: gray; .filtered, .filtered_level { display:none !important; } .icon_toggle_categories{ background: lightgray; height: 128px; padding: 4px; margin: 6px; .buttons{ text-align: center; span{ display: inline-block; padding: 15px; background: #eee; border: 1px solid #999; cursor: pointer; } span:hover{ border: 1px solid #333; } span.active{ background: #fff; cursor: default; } span.active:hover{ border: 1px solid #999; } } .inputs{ text-align: center; margin-top: 15px; } } .column_wrapper{ top: 147px; bottom: 30px; left: 3px; right: 3px; position: absolute; h1{ text-align: center; } .quick_filter{ .quick_search_style; margin-bottom: 4px; } .Items_wrapper{ top: 14px; bottom: 3px; width: 431px; right: 3px; position: absolute; overflow: hidden; background: lightgray; padding: 4px; .header{ display: table; width: 100%; .icon, .name, .icon_class, .level{ display: table-cell; cursor: pointer; color: #444; } .icon:hover, .name:hover, .icon_class:hover, .level:hover{ text-decoration: underline; color: #000; } .icon{ width: 40px; text-align: left; padding-left: 10px; } .name, .icon_class{ width: 160px; } .level{ text-align: center; } } .List_wrapper{ position: absolute; overflow: auto; background: #fff; top: 40px; bottom: 4px; left: 4px; right: 4px; .ItemsList{ .item{ clear: both; display: none; width: 100%; .slate_fade; .icon_cell, .name, .icon_class, .level{ display: table-cell; vertical-align: middle; } .icon_cell{ width: 50px; text-align: center; .icon{ .BSmove; } } .name, .icon_class{ width: 160px; } .level{ text-align: center; } } .item:hover{ background: #ddd; } .keyover{ background: #ddd; } } .ActionsList{ .action{ clear: both; display: none; width: 100%; .slate_fade; .icon_cell, .name, .icon_class, .skill, .level{ display: table-cell; vertical-align: middle; } .icon_cell{ width: 50px; text-align: center; .icon{ .BSmove; } } .name, .icon_class, .skill{ width: 160px; } .level{ text-align: center; } } .item:hover{ background: #ddd; } .keyover{ background: #ddd; } } .MovesList{ .move{ clear: both; //display: none; width: 100%; .slate_fade; .icon_cell, .name, .icon_class, .skill, .level{ display: table-cell; vertical-align: middle; } .icon_cell{ width: 50px; text-align: center; .icon{ .BSmove; } } .name, .icon_class, .skill{ width: 160px; } .level{ text-align: center; } } .item:hover{ background: #ddd; } .keyover{ background: #ddd; } } .MonsterIconsList{ .monster{ clear: both; display: none; width: 100%; .slate_fade; padding: 0px 0px 9px; position: relative; height: 157px; .icon_cell, .name, .icon_class, .level{ display: table-cell; padding-top: 9px; position: relative; z-index: 9; } .name, .icon_class{ width: 160px; } .level{ text-align: center; } .icon_cell{ background: url(img/layout/monster-icon-admin-bk.png) no-repeat 6px -4px; position: absolute; width: 100%; height: 150px; padding-top: 28px; .icon{ position: relative; display: inline-block; height: 36px; width: 36px; margin-bottom: 5px; top: -75px; left: -8px; .creature_pic{ .BSbad_guy_pic; } .theme_creature{ .BSbad_guy_frame; } } .iconLG{ position: relative; display: inline-block; margin: 5px 0 0; width: 145px; .bad_guy_pic{ .BSbad_guy_picLG; } .bad_guy_frame{ .BSbad_guy_frameLG; } } } .name{ padding-left: 42px; } } .item:hover{ background: #ddd; } .keyover{ background: #ddd; } } } } } } .IconList.all .column_wrapper .Items_wrapper .List_wrapper .ItemsList .item, .IconList.all .column_wrapper .Items_wrapper .List_wrapper .MonsterIconsList .monster, .IconList.all .column_wrapper .Items_wrapper .List_wrapper .ActionsList .action, .IconList.all .column_wrapper .Items_wrapper .List_wrapper .MovesList .move, .IconList.monsters .column_wrapper .Items_wrapper .List_wrapper .MonsterIconsList .monster, .IconList.resources .column_wrapper .Items_wrapper .List_wrapper .ItemsList .item.group_resource, .IconList.equipment .column_wrapper .Items_wrapper .List_wrapper .ItemsList .item.group_equipment, .IconList.food .column_wrapper .Items_wrapper .List_wrapper .ItemsList .item.group_food, .IconList.actions .column_wrapper .Items_wrapper .List_wrapper .ActionsList .action, .IconList.moves .column_wrapper .Items_wrapper .List_wrapper .MovesList .move { display: table; } .PlantsAdmin{ position: relative; height: 100%; width: 100%; i{ float: right; font-size: 16px; cursor: pointer; color: #666; } i:hover{ color: red; } input[type="button"]{ width: 83px; } fieldset{ margin-top: 4px; border-color: #fff; legend{ color: #666; } } h3{ margin: 0; font-size: 16px; font-weight: normal; } .highlight { font-weight: bold; color: red; } .plant_list{ background: gray; top: 0px; bottom: 0px; left: 0px; width: 240px; position: absolute; overflow: hidden; padding: 6px 4px 4px; .search{ background: lightgray; .quick_search_style; margin: 0; .quick_search{ display: block; } } .row{ clear: both; padding: 3px; cursor: pointer; background: white; .level{ float: right; } } .row:hover{ background: #eee; } .row.selected, .row.selected:hover{ background: gray; color: #fff; } .row.notInGame { background: #FFF2F2; } .plant_list_header{ border: 4px lightgray solid; border-bottom: none; background: lightgray; .Level{ float: right; } } .current_plants{ position: absolute; top: 63px; bottom: 33px; left: 4px; right: 4px; overflow: auto; background: #fff; border: 4px lightgray solid; border-top: none; .header{ background: lightgray; padding-top: 3px; clear: both; } } } .define_plant{ background: gray; top: 0px; bottom: 0px; left: 248px; width: 440px; position: absolute; padding: 6px 0 0 6px; .plant_stats{ padding: 4px; background: lightgray; width: 425px; margin: 0 0 4px; } input.number{ width: 20px; } input.long{ width: 80px; } .save{ position: absolute; bottom: 7px; width: 80px; left: 50%; margin-left: -40px; } .stage_list_wrapper{ top: 57px; bottom: 30px; left: 3px; right: 3px; position: absolute; .stage_wrapper{ top: 3px; bottom: 3px; left: 3px; right: 4px; position: absolute; overflow: hidden; background: lightgray; padding: 4px; .header{ .quantity{ width: 20px; height: 10px; float: right; margin: 1px 3px 1px 0; } } .new_stage_button{ width: 100%; font-size: 16px; } .stage_list{ position: absolute; overflow: auto; background: #fff; top: 33px; bottom: 4px; left: 4px; right: 4px; border: 1px solid #333; .stage.editting, .stage.new_form { .stage_form { display: block;} .stage_details { display: none;} } .stage{ .stage_form { display: none;} border-top:1px solid #fff ; border-bottom: 2px solid #666; background: #eee; //height: 200px; .stage_header{ //margin: 5px; //background: rgba(255, 255, 255, 0.5); padding: 5px; border-bottom: 1px solid #ddd; i{ margin: 0px 8px 0 0; } .stage_atts{ //background: rgba(155, 155, 155, 0.1); } .stageName{ font-size: 16px; width: 406px; //padding-left: 78px; } .stage_set{ //position: absolute; left: 11px; top:13px; } .helperblock{ margin-top: 3px; padding: 3px; } } .stage_body{ .action_check, .action_check input{ font-size: 16px; } .action_block, .trans_block, .text_block, .buttons_block{ padding: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; } .action_content{ background: rgba(155, 155, 155, 0.1); } .helperTxt{ width: 229px; margin-top: 3px; } .buttons_block{ border-bottom: none; text-align: center; .bad{ //border-color: red; } } a{ text-decoration: underline; display: inline-block; margin: 3px; } } } } } } } } .building_crumbs{ position: relative; height: 100%; width: 100%; i{ float: right; font-size: 16px; cursor: pointer; color: #666; } i:hover{ color: red; } input[type="button"]{ width: 83px; } fieldset{ margin-top: 4px; border-color: #fff; legend{ color: #666; } } h3{ margin: 0; font-size: 16px; font-weight: normal; } .highlight { font-weight: bold; color: red; } .building_list{ background: gray; top: 0px; bottom: 0px; left: 0px; width: 240px; position: absolute; overflow: hidden; padding: 6px 4px 4px; .search{ background: lightgray; .quick_search_style; margin: 0; .quick_search{ display: block; } } .row{ clear: both; padding: 3px; cursor: pointer; background: white; .Level{ float: right; } } .row:hover{ background: #eee; } .row.selected, .row.selected:hover{ background: gray; color: #fff; } .building_list_header{ border: 4px lightgray solid; border-bottom: none; background: lightgray; .Level{ float: right; } } .current_buildings{ position: absolute; top: 47px; bottom: 33px; left: 4px; right: 4px; overflow: auto; background: #fff; border: 4px lightgray solid; //border-top: none; .header{ background: lightgray; padding-top: 3px; clear: both; } } } .define_crumb{ background: gray; top: 0px; bottom: 0px; left: 248px; width: 440px; position: absolute; padding: 6px 0 0 6px; .define_wrapper_constrain{ position: absolute; top:16px; bottom: 31px; } .define_wrapper{ display: table; width: 430px; height: 100%; .crumbs_header{ display: table-row; padding: 4px; background: lightgray; width: 425px; height: 1px; margin: 0 0 4px; h1{ text-align: center; font-size: 16px; padding: 5px; border-bottom: 1px solid #999; } .discription{ border-top: 1px solid #fff; border-bottom: 1px solid #999; //margin: 5px; padding: 5px; } } .crumbs_body{ display: table-row; background: lightgray; border-top: 1px solid #fff; .button_wrapper{ border-top: 1px solid #fff; input[type="button"]{ width: 422px; font-size: 16px; margin: 4px; } } .crumb_admin{ .crumb_list .crumb_block i:hover{ color: red; } .crumb_list .crumb_block:hover{ background: #eee; cursor: default; } } .crumb_back{ border: 1px solid #999; border-radius: 5px; padding: 2px 4px; background: #eee; font-size: 14px; display: inline-block; margin: 4px; color: #333; i{ position: relative; top:auto; right: auto; float: none; margin-right: 4px; } } .crumb_title{ line-height: 29px; font-size: 14px; display: inline-block; } .crumb_list{ background: white; border: 1px solid #333; position: absolute; bottom: 4px; right: 4px; left: 4px; top: 80px; .crumb_block{ background:#555; &.noParent{ border-bottom:1px white solid; .level_wrapper{ padding-bottom: 11px; box-shadow: inset 0 -1px #bbb; } } .level_wrapper{ padding: 5px 60px 5px 5px; background: #eee; cursor: default; //border-top: 1px solid #fff; //border-bottom: 2px solid #666; position: relative; display: block; color: #333; &.parentChange{ background: #fefefe; .content_row{ input[type='button']{ border:blue 1px solid; background-color: #4e81b2; background-image: -webkit-linear-gradient(#4e81b2,#2a5c8b); background-image: linear-gradient(#4e81b2,#2a5c8b); color:white; } } } .content_row{ input[disabled]{ opacity:.85; cursor:default !important; } } &.parentChange + .crumbChildren{ opacity:.5; } &+ .crumbChildren{ // padding-left: 29px; .level_wrapper{ // padding-left: 29px; } } &.possibleParent{ .crumbSave{ border:blue 1px solid; background-color: #4e81b2; background-image: -webkit-linear-gradient(#4e81b2,#2a5c8b); background-image: linear-gradient(#4e81b2,#2a5c8b); color:white; } } } .crumbChildren{ padding-left: 14px; background: #eee; //margin-bottom: 2px; cursor: default; } .crumbSave, .crumbCancel{ width:inherit; font-size: 14px; position: absolute; right: 7px; top: 5px; cursor:pointer; &[disabled]{ cursor:default; } } .crumbCancel{ right: 55px; } .content_row.big{ font-size: 14px; input, .name{ font-size: 14px; width: inherit; &[type='button']{ cursor:pointer; } } .endCrumb{ padding-left:5px; } .lvl{ display: inline-block; width: 36px; font-size: 14px; } } i{ position: absolute; right: 8px; top:50%; font-size: 16px; margin-top: -8px; } } .crumb_block:hover{ //background: #ddd; cursor: pointer; i{ color: black; } } } } } } } .add_action_panel{ .panelButton{ border-top: 2px solid #fff; border-bottom: 2px solid #666; background: #eee; position: relative; display: block; color: #333; padding: 5px; .title{ font-size: 14px; margin-bottom: 5px; } i{ position: absolute; right: 8px; top:50%; font-size: 16px; margin-top: -8px; } } } .add_action_cities{ } .panel_content .Buildings .Building input.level { width: 20px; } .QuestsAdmin{ position: relative; height: 100%; width: 100%; .add_action{ height:initial; width:initial; } .new_tool_type_form{ position: absolute; left: 477px; top: 87px; .type_tool_naming{ width: 158px; } } .new_item_form{ position: absolute; background: lightgray; left: 254px; top: 116px; padding: 4px; width: 425px; .new_item input{ width: 218px; } } .quests_list{ background: gray; top: 0px; bottom: 0px; left: 0px; width: 240px; position: absolute; overflow: hidden; padding: 6px 4px 4px; .choose_skill{ background: lightgray; padding: 4px; select{ width: 232px; } } .header{ background: lightgray; padding: 3px 3px 0; clear: both; .search{ background: lightgray; .quick_search_style; margin: 0; .quick_search{ display: block; } margin-bottom: 3px; } .Level{ float: right; } .row_wrapper{ border: 1px solid black; border-bottom: none; margin: 3px 1px 0; } .row{ padding: 5px; clear: both; border-top: 2px solid #fff; border-bottom: 2px solid #666; background: #eee; position: relative; display: block; color: #333; cursor: pointer; .Level{ float: right; } } .row:hover{ background: #eee; } .row.selected{ .Name{ font-weight: bold; }&:before{ content: '> '; } //background: #ccc; //color: white; } } .current_quests_wrapper{ position: absolute; top: 77px; bottom: 33px; left: 4px; right: 4px; background: #fff; border: 4px lightgray solid; border-top: none; .current_quests{ position: absolute; overflow: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; background: lightgray; border: 1px solid black; border-top: none; .group{ border-top: 2px solid #fff; border-bottom: 2px solid #666; background: #eee; position: relative; display: block; color: #333; .GroupHeader{ padding: 5px; cursor: pointer; .GroupName{ } .GroupCount{ background: #777; float: right; display: block; border-radius: 4px; color: white; padding: 2px 2px 1px; margin-top: -2px; } } .Quests{ background: white; margin: 0 5px 5px; } } .row{ clear: both; padding: 3px; .Level{ float: right; } .fa{ display:none; } } .row:hover{ background: #ddd; } .row.selected{ background: #999; color: white; } .row.depends{ background:lightyellow; .fa{ display:inline-block; margin:0 5px 0 2px; } } } } } .define_action{ background: gray; top: 0px; bottom: 0px; left: 248px; width: 440px; position: absolute; padding: 6px 0 0 6px; .action_stats{ padding: 4px; background: lightgray; width: 425px; margin: 0 0 4px; } input.number{ width: 20px; } .Action_Basetime{ display: inline-block; } .save{ // position: absolute; // bottom: 7px; width: 80px; // left: 50%; // margin-left: -40px; } .Action_panel_block{ top: 41px; bottom: 30px; left: 3px; right: 4px; position: absolute; .Action_panel_wrapper{ top: -2px; bottom: 3px; left: 3px; right: 3px; position: absolute; overflow: hidden; background: lightgray; padding: 4px; .ActionPanel{ position: absolute; overflow: auto; //background: #fff; top: 4px; bottom: 4px; left: 4px; right: 4px; border: 1px solid #333; .panel_header{ background: #eee; .panel_crumb{ border-bottom: 1px solid #ddd; position: relative; .panel_back{ border: 1px solid #999; border-radius: 5px; padding: 2px 4px; background: #eee; font-size: 14px; display: block; margin: 4px; color: #333; position: absolute; i{ position: relative; top:auto; right: auto; float: none; margin-right: 4px; font-size: 14px; } } .panel_save{ border: 1px solid #999; border-radius: 5px; padding: 2px 4px; background: #eee; font-size: 14px; display: block; margin: 4px; color: #333; position: absolute; right: 0; i{ position: relative; top:auto; right: auto; float: none; margin-right: 4px; font-size: 14px; } } .panel_save.disabled{ opacity: .5; cursor: default; } .panel_title{ line-height: 29px; font-size: 14px; display: block; font-weight: bold; text-align: center; } } .description{ padding: 10px; border-top: 1px solid white; border-bottom: solid 2px #666; } } .button_content_holder{ background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; text-align: center; .panel_button{ border: 1px solid #999; border-radius: 5px; padding: 2px 4px; background: #eee; font-size: 14px; display: block; margin: 4px; color: #333; //position: absolute; i{ position: relative; top:auto; right: auto; float: none; margin-right: 4px; font-size: 14px; } } .panel_button:hover{ background: #fefefe; cursor: pointer; i{ color: red; } } .search{ .quick_search_style; margin: 0 3px; .quick_search{ //float: left; display: block; } margin-bottom: 3px; } input{ width: 417px; font-size: 16px; } input.little{ width: auto; } input[type="text"]{ width: 359px; font-size: 12px; } } .tabs{ border-bottom: 1px solid #666; padding: 2px 2px 0; background: #ccc; height: 21px; a{ display: block; float: left; padding: 5px; background: #aaa; border: 1px solid #666; border-bottom: none; color: #333; width: 197px; text-align: center; } a.selected{ background: #eee; margin-bottom: -1px; border-bottom: 1px solid #eee; } } .panel_content_title{ background: #ddd; padding: 5px; font-weight: bold; border: 4px solid #eee; } .panel_content{ border-bottom: 2px solid #666; .content_added{ border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 5px; background: #eee; position: relative; display: block; color: #333; input.tiny{ width: 34px; margin-right: 4px; } .ass{ font-style: italic; color: #888; } i{ position: absolute; right: 8px; top:50%; font-size: 16px; margin-top: -8px; } i:hover{ color: red; cursor: pointer; } span{ display: inline-block; margin: 3px 28px 0 0; } } .content_added:hover{ cursor: pointer; background: #fefefe; i{ color: red; } } .content_added.removed{ opacity: .5; i{ display: none; } } } } } } } } .QuestsAdmin_panel{ .panelButton{ border-top: 2px solid #fff; border-bottom: 2px solid #666; background: #eee; position: relative; display: block; color: #333; padding: 5px; .title{ font-size: 14px; margin-bottom: 5px; } i{ position: absolute; right: 8px; top:50%; font-size: 16px; margin-top: -8px; } } .panelButton:hover{ background: #fefefe; i{ color: red; } } .MainData.panelButton:hover{ background: #eee; } textarea{ width: 390px; height: 243px; } .quest_info_block{ margin-bottom: 3px; } .questParch{ border-width: 11px 20px 21px 22px; border-style: solid; -moz-border-image: url(img/layout/parchment.png) 11 20 21 22 stretch; -webkit-border-image: url(img/layout/parchment.png) 11 20 21 22 stretch; -o-border-image: url(img/layout/parchment.png) 11 20 21 22 stretch; border-image: url(img/layout/parchment.png) 11 20 21 22 fill stretch; color: black; text-align: left; padding: 4px 0px; overflow: auto; margin: 4px; width: 300px; p{ line-height: 16px; font-size: 12px; margin-top: 10px; font-weight: normal; } img{ margin:4px 0; } .Image{ height: 92px; margin: 6px auto 3px; width: 300px; } } .quest_reward_string{ display:block; margin-top:4px; &:before{ content:'Quests: '; font-weight:bold; } } } .combat_center{ position: absolute; margin: 0px; z-index: 1; display: block; top: 0px; bottom: 0px; left: 0px; right: 0px; .combat_center_top{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 78px; .field_and_actions_wrapper{ background: red; display: table; height: 100%; width: 100%; .battlefield{ background-image: url(img/layout/wheat4.jpg) center top; border: medium none; display: table-row; overflow: auto; padding: 4px; .range_wrapper{ position: relative; display: table-cell; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.81) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.81))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 ); /* IE6-9 */ box-shadow: inset 0 0 41px 10px rgba(0,0,0,0.80); .range_ground_shade{ content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 0 41px 10px rgba(0, 0, 0, 0.8); pointer-events: none; } .range_ground{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: auto; .range_groups{ background-image:url(img/layout/wheat4.jpg); //box-shadow: inset 0 0 41px 10px rgba(0,0,0,0.80); background-attachment: local; min-height: 100%; background-position-y: 0px; } .range_group { overflow: hidden; padding:8px 4px 1px; position: relative; border-width:2px; // box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); // -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); // -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.8); text-align: center; h3 { margin: 5px auto 6px; text-align: center; //.gold_border_filled; padding: 1px 10px; display: inline-block; font-size: 12px; position: relative; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }hr{ display:block; border:none; color:white; height:1px; background:black; background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0))); width: 300px; box-shadow: 0 2px 2px rgba(0,0,0,.15); } .allies, .enemies { text-align:center; //.slate_block; color: #ccc; margin: 0 8px 8px; position: relative; .creature{ position: relative; display:inline-block; margin:7px 5px; vertical-align: top; .creature_count{ top: 26px; left: 39px; padding:0; position:absolute; border-style: solid; z-index: 10; .text_shadow; .counter_badge; div{ position: relative; top: 6px; width: 100%; left: 0; padding:0; color: #fff; margin:-11px 0; border-style: solid; } } .creature_guts{ .theme_creature_wrapper; } .effect_screen{ background: rgba(255, 0, 0, 0); transition:1.5s; span{ color: rgba(255, 255, 255, 0); transition:1.5s; font-size: 16px; line-height: 34px; font-weight: bold; .icons{ display: inline-block; position: absolute; left: 2px; top: 2px; font-size: 10px; i{ position: absolute; color: rgba(255, 255, 255, 0); transition:1.5s; } } } } .effect_screen.damage, .effect_screen.poison{ span .heal{display: none;} } .effect_screen.heal{ span .damage{display: none;} } .effect_screen.hp_dam{ background: rgba(255, 0, 0, 1); transition:0s; span{ color: rgba(255, 255, 255, 1); transition:0s; .damage{ color: rgba(150, 17, 17, 1); transition:0s; } .heal{ color: rgba(255, 255, 255, 0); } } } .effect_screen.hp_heal{ background: rgba(255, 255, 255, 1); transition:0s; span{ color: rgba(255, 0, 0, 1); transition:0s; .heal{ color:rgba(100, 100, 100, 1); transition:0s; } .damage{ color: rgba(255, 255, 255, 0); } } } .effect_screen.hp_poison{ background: rgba(22, 186, 13, 1); transition:0s; span{ color: rgba(255, 255, 255, 1); transition:0s; .damage{ color:rgba(28, 117, 23, 1); transition:0s; } .heal{ color: rgba(255, 255, 255, 0); } } } } .creature.dead{ .creature_guts{opacity:.25;} } .creature.active{ //.slate_block_lite; //.gold_border; .crosshairs{ background: url('img/layout/crosshairs.png') no-repeat; top: -1px; position: absolute; bottom: 0; left: 2px; right: 0px; z-index: 10; } .theme_creature{ //.gold_icon_border; } } } .enemies{ .creature.Attacked{ margin-top: 9px; margin-bottom: 5px; } .creature.Got_Hit{ margin-top: 5px; margin-bottom: 9px; } } .allies{ .creature.Attacked{ margin-top: 5px; margin-bottom: 9px; } .creature.Got_Hit{ margin-top: 9px; margin-bottom: 5px; } } } .range_group:before{ content: ""; //background: url(img/layout/13.jpeg); //.dark_bevel; position: absolute; border-width: 2px; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; } } } } .combat_moves{ clear: both; overflow: auto; text-align: center; display: table-row; height: 10px; .daMoves{ .slate_block; .gold_border; display: table-cell; position: relative; padding-top:6px; position: relative; z-index: 1; text-align: center; } .moves_owner{ text-align: center; padding: 0px 10px 4px; display: block; font-size: 12px; border-bottom: 1px solid rgba(0,0,0,.5); } .moves_wrapper{ border-top: 1px solid rgba(255,255,255,.15); padding-top: 2px; .selected_move_frame{ .slate_block; .silver_border; border-width: 3px; z-index: 10; width: 255px; position: absolute; top: -45px; left: 50%; margin-left: -132px; height: 39px; } .move { .BSmove; .cooldown{ width: 100%; height: 0%; border-bottom: 1px solid #999; background: rgba(0, 0, 0, .75); margin-top: -1px; } } .move.disabled{ .theme_move{ .gold_icon_border; } } .move.cool{ .cooldown{ height: 100%; background: rgba(0, 0, 0, 0.75); transition:0s; } } .move.active{ .BSmoveActive; } } } } } .fightLogWrapper{ height: 76px; overflow: hidden; border: 0; display: block; bottom: 0px; position: absolute; right: 0px; left: 0px; background: url(img/layout/14.jpg) center top; padding: 2px 0 0; } #fightLog { .slate_block; height: 72px; overflow-y: auto; display: block; bottom: 0px; position: absolute; right: 0px; left: 0px; padding: 2px 0 0; color:#ddd; line-height: 13px; } #actionLog span, #fightLog span, .log_line { margin-left: 3px; } .log_line{ border-bottom: 1px solid rgba(0,0,0,.5); box-shadow: 0 1px 0 rgba(255,255,255,.15); background: rgba(0,0,0,.15); } .help { color: green; } .dead { color:red; } } .Combat{ .shared.sides{ .wrapper { top: 35px; } .bad_guy_pic{ .BSbad_guy_picLG; } .bad_guy_frame{ .BSbad_guy_frameLG; } .selected_moves_box, .FoodHolder, .EquipmentItemHolder{ .move_place{ padding: 6px 0 0 6px; display: inline-block; vertical-align: top; color: white; } .move{ .BSmove; margin-right: 0; width: 32px; } .move_box{ display: block; //background: rgba(0, 0, 0, 0.3); padding: 0 5px 0 0; margin: 3px !important; width: inherit !important; border-radius: 7px; .move_empty{ display: none; } } .move_box.empty{ .move, .move_info{ display: none; } .move_empty{ display: inline-block; color: #ccc; padding: 6px 0px 21px 2px; } } .move_info{ display:inline-block; vertical-align:top; padding-top:5px; color: #fff; width: 107px; span{ margin-left:4px; } .details{ span{margin:0;} } .cancel_move{ .theme_button; display:block; margin-top:1px; } .pending_text{ .theme_button_inactive; display:block; margin-top:1px; div{ color:#000; } } } } .item_line{ .subheader{ padding: 4px 3px; border-top: 2px solid #333; background: url(http://batteredshield.jomber.com/img/layout/shading_up.png) repeat-x bottom; color: #999; display: block; } .subset{ margin: 3px 0px; } .run{ margin:4px 0 -3px 3px; } .num{ font-weight: bold; color:white; } .subdata{ height: 13px; padding: 3px 0 1px 4px; display: block; } .info{ margin: 4px 4px; text-align:center; } .bad_guy_name{ font-size:18px; color:white; line-height: 25px; } .bad_guy_health{ span{padding:0 0 0 5px;} .healthy{color:lightgreen;} .injured{color:orange;} .dying{color:red;} } .creature_lore{ span{color:yellow;} } input{ .BSinput; right:32px; width: 15px; margin: 2px 0px 1px -2px; top:1px; } .qty{ color: #ccc; display: inline-block; span{margin: 0;} } .link{ display: inline-block; } .eat_button, .equip_button{ .theme_button; margin:0 0 0 3px; vertical-align:top; top:1px; line-height:10px; } } .toggle_container{ //display: table; .item_line, .move_box{ display: table; .move{ } .td{ display: table-cell; vertical-align: top; } } .FoodHolder{ .item_line{ width: inherit; margin:3px; .eat_block{} } .qty{ position: relative; top: 0; span{font-size: 11px;} } .item_line:hover{ //background: #333; } } } } } .creature{ position: relative; display:inline-block; vertical-align: top; .creature_count{ top: 26px; left: 39px; padding:0; position:absolute; border-style: solid; z-index: 10; .text_shadow; .counter_badge; div{ position: relative; top: 6px; width: 100%; left: 0; padding:0; color: #fff; margin:-11px 0; border-style: solid; } } .creature_guts{ .theme_creature_wrapper; } .effect_screen{ background: rgba(255, 0, 0, 0); transition:1.5s; span{ color: rgba(255, 255, 255, 0); transition:1.5s; font-size: 16px; line-height: 34px; font-weight: bold; .icons{ display: inline-block; position: absolute; left: 2px; top: 2px; font-size: 10px; i{ position: absolute; color: rgba(255, 255, 255, 0); transition:1.5s; } } } } .effect_screen.damage, .effect_screen.poison{ span .heal{display: none;} } .effect_screen.heal{ span .damage{display: none;} } .effect_screen.hp_dam{ background: rgba(255, 0, 0, 1); transition:0s; span{ color: rgba(255, 255, 255, 1); transition:0s; .damage{ color: rgba(150, 17, 17, 1); transition:0s; } .heal{ color: rgba(255, 255, 255, 0); } } } .effect_screen.hp_heal{ background: rgba(255, 255, 255, 1); transition:0s; span{ color: rgba(255, 0, 0, 1); transition:0s; .heal{ color:rgba(100, 100, 100, 1); transition:0s; } .damage{ color: rgba(255, 255, 255, 0); } } } .effect_screen.hp_poison{ background: rgba(22, 186, 13, 1); transition:0s; span{ color: rgba(255, 255, 255, 1); transition:0s; .damage{ color:rgba(28, 117, 23, 1); transition:0s; } .heal{ color: rgba(255, 255, 255, 0); } } } }