Gallery

Animated - 7

Animated - 6

Animated - 5

Animated - 4

Animated - 3

Animated - 2

Animated - 1

Postcards - 4

Postcards - 3

Themes/Skins

Gamezer Dark Theme

Click to preview and copy CSS

body {
    background-color: #101010;
    background-image: url(https://f.top4top.net/p_81867ixb2.png);
}
body.playzone {
    -webkit-overflow-scrolling: touch;
    background-color: #101010;
    background-image: url(https://f.top4top.net/p_81867ixb2.png);
}
#HeaderLogo {
    width: 230px;
    height: 110px;
    display: inline-block;
    content: "bg#logo_main";
    background-size: 180px 32px;
    background-repeat: no-repeat;
    background-image: url(https://i.top4top.io/p_3734isul91.png);
    background-position: center 28px;
}
#HeaderLogo div {
    margin-top: -10px;
    color: #fde28100;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
}
.leftBlock {
    border-radius: 6px;
    background-color: #131313;
}
.RoomCategoryItem {
    background-color: #161616;
    color: #fff;
    font-size: 17px;
}
.RoomCategoryIcon {
    background-image: url(https://h.top4top.io/p_3795pys3d1.png);
}
.desktop .RoomCategoryItem:hover {
    background-color: #262626 !important;
    border-radius: 3px;
}
#CategoryBack {
    background-color: rgba(62, 97, 224, 0);
    background-image: linear-gradient(#4088f000, #4088f000, #4088f000);
}
.RoomItem {
    background-color: #161616;
}
.desktop .RoomItem:hover {
    background-color: #262626;
}
.RoomItem_users {
    color: #fff;
    background-color: #161616;
    border: solid 1px #bdc0e3;
}
.RoomItem_name {
    color: #fff;
}
.desktop .list_scroller::-webkit-scrollbar {
    width: 12px;
    background-color: #f7000000;
}
.desktop .list_scroller::-webkit-scrollbar-thumb {
    background-color: #3c3c3c;
}
.desktop .list_scroller::-webkit-scrollbar-track {
    background-color: #861e7b00;
}
.desktop .list_scroller::-webkit-scrollbar-track-piece {
    background-color: #131313;
}
#RoomMenuContainer {
    border-radius: 5px 5px 0 0;
    border: 1px solid #bdc0e3;
    background-color: #131313;
    background-image: linear-gradient(to bottom, #2943c900, #2943c900, #2943c900);
}
.Switch_Room #RoomMenuContainer {
    background-color: #131313;
}
#RoomQuit {
    background-color: rgba(62, 97, 224, 0);
    background-image: linear-gradient(#4088f000, #4088f000, #4088f000);
}
.UserItem {
    background-color: #161616;
}
#Block_FHeader {
    height: 45px;
    background-color: #131313;
    border: 1px solid #bdc0e3;
    background-image: linear-gradient(to bottom, #787efe00, #5c4ece00);
}
#TabContainer {
    background-color: #131313;
    border: 1px solid #bdc0e3;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.Tab_Home #MenuTab_Home, .Tab_Chat #MenuTab_Chat, .Tab_Profile #MenuTab_Profile, .Tab_Settings #MenuTab_Settings {
    background-color: #bdc0e300 !important;
}
.MenuIcon_Chat, .MenuIcon_Profile, .MenuIcon_Settings, .MenuIcon_Home, .MenuIcon_Fullscreen {
    background-image: url(https://c.top4top.io/p_3734pgpfd1.png);
}
#RoomChatUpperLine {
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-color: #d4ccff00;
}
#PanelRight {
    box-shadow: 0px 4px 0px 0px #d4ccff00, 0px 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 4px 0px 0px #d4ccff00, 0px 1px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 4px 0px 0px #d4ccff00, 0px 1px 5px rgba(0, 0, 0, 0.5);
}
.rightBlock {
    background-color: #131313;
}
.desktop .sec_scroller::-webkit-scrollbar-thumb {
    background-color: #3c3c3c;
}
#Block_Chat {
    padding: 0px 0 100px 0;
    overflow: hidden;
    background-color: #131313;
}
.ChatExtra_Invitation option {
    color: #fff;
    font-weight: bold;
    background-color: #131313;
}
.ChatExtra_Invitation .game_title {
    color: #a2aaff;
}
.room_chat_item, .game_chat_item {
    background-color: #161616;
}
.desktop .chat_scroller::-webkit-scrollbar-thumb {
    background-color: #3c3c3c;
}
.type_1 .chat_content {
    color: #bdc0e3;
}
.type_1 .chat_icon {
    background-image: url(https://b.top4top.io/p_3734b6v3l1.png);
}
.centerBlock {
    background-color: #131313;
    background-image: url(-) !important;
}
.gamelist #DashSection_Background {
    background-color: #131313;
    background-blend-mode: luminosity;
    background-image: url(blob:https://www.gamezer.com/16f59d8f-8a99-44b9-a06f-e65f0b87621b);
}
.desktop .scroller::-webkit-scrollbar-thumb {
    background-color: #3c3c3c;
}
.GameItemStart {
    background-color: #161616;
    box-shadow: #bdc0e32b 0px 5px 18px;
    background-image: url(-) !important;
    border-color: #bdc0e3;
    border-radius: 5px;
}
.GameItemStartBlock {
    color: #fff;
}
.GameItem {
    background-color: #161616;
    box-shadow: #bdc0e32b 0px 5px 18px;
    background-image: url(-) !important;
    border-color: #bdc0e3;
}
.GameItemTitle {
    background-color: #161616;
    background-image: linear-gradient(to bottom, #bdc0e361, #161616);
    color: #fff;
}
.GameItemIcon {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top: -35px;
    left: 50%;
    margin-left: -30px;
    border: 2px solid #ffdb6d00;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    background-color: #32187c00;
    background-image: linear-gradient(to bottom, #32187c00, #5736b600);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0);
}
#RoomChatControls {
    width: 100%;
    height: 36px;
    padding-left: 10px;
    background-color: #131313;
}
#RoomChatInput {
    background-color: #161616;
}
#RoomChatPanel {
    background-color: #161616;
}
.SectionArea {
    background-color: #131313;
}
.SettingsButton {
    background-color: #202020;
}
.desktop .SettingsButton:hover {
    background-color: #262c39;
}
.SettingsRow select {
    background-color: #131313;
    color: #e5e1f2;
    background-image: url(-) !important;
    border-color: #bdc0e3;
}
.SettingsRow option {
    color: #e5e1f2;
    font-weight: bold;
    background-color: #131313;
}
#ProfileContent .SectionArea {
    background-color: #131313;
    background-blend-mode: luminosity;
}
.Profile_ZPGroup {
    height: 46px;
    margin: 4px 4px 2px 4px;
    padding-left: 10px;
    border: 1px solid #bdc0e3;
    background-color: #131313;
    background-image: linear-gradient(to bottom, #45704900, #45704900, #45704900);
}
.ProfileIcon_ZP {
    width: 50px;
    height: 44px;
    float: left;
    content: "bg#docicons";
    background-size: 950px 270px;
    background-repeat: no-repeat;
    background-color: #131313;
    background-blend-mode: luminosity;
}
.Profile_ZPValue, .Profile_ZPContent, .Profile_PremiumContent {
    color: #e5e5e5;
}
.Profile_PremiumGroup {
    background-color: #131313;
    border: 1px solid #bdc0e3;
}
.Info_StatsLeft {
    color: #fff;
    background-color: #3c3c3c;
    border-left: 4px solid #131313;
    border-right: 2px solid #131313;
}
.Info_StatsLIcon {
    background-color: #3c3c3c;
    background-blend-mode: luminosity;
}
.Info_StatsRight {
    color: #fff;
    background-color: #2b2b2b;
    border-right: 4px solid #131313;
    border-left: 2px solid #131313;
}
.InfoRow {
    border-bottom: 1px dotted #fff;
}
.Profile_StatusHighlighter {
    background-color: #3c3c3c;
}
.UserAvatar {
    background-color: #151515;
}
.UserAvatar.empty {
    background-image: url(https://c.top4top.io/p_3734pgpfd1.png);
}
.chat_ava.empty {
    background-color: #151515;
    background-image: url(https://c.top4top.io/p_3734pgpfd1.png);
}
.Info_UserAvatar.empty {
    background-image: url(https://c.top4top.io/p_3734pgpfd1.png);
}
.Info_UserAvatar {
    background-color: #15151500;
}
.UserInfoContainer {
    background-color: #131313d1;
    backdrop-filter: blur(1.3px);
    border: 1px solid #bdc0e3;
    box-shadow: 0px 3px 13px #bdc0e394;
    -moz-box-shadow: 0px 3px 13px #bdc0e394;
    -webkit-box-shadow: 0px 3px 13px #bdc0e394;
}
.UserBG {
    border-radius: 0px;
    background-color: #131313;
    background-blend-mode: luminosity;
    border: solid 1px rgba(0, 0, 0, 0.5);
}
.Info_Background {
    background-color: #131313;
    background-blend-mode: luminosity;
}
.InfoRow {
    color: #bdc0e3;
    font-size: 13px;
}
.UserActBlock, .UserActUnblock, .UserActPM, .UserActInvite {
    content: "bg#docicons";
    background-image: url(https://c.top4top.io/p_3734pgpfd1.png) !important;
}
.UserItemSB {
    background-image: url(https://d.top4top.net/p_818at0vz6.gif);
    border-radius: 0px;
}
  .DI_2 .DashItemBlock, .DI_2 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_2 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_11 .DashItemBlock, .DI_11 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_11 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_3 .DashItemBlock, .DI_3 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_3 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_7 .DashItemBlock, .DI_7 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_7 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_8 .DashItemBlock, .DI_8 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_8 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_9 .DashItemBlock, .DI_9 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_9 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_5 .DashItemBlock, .DI_5 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_5 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_6 .DashItemBlock, .DI_6 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_6 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_13 .DashItemBlock, .DI_13 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_13 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_4 .DashItemBlock, .DI_4 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_4 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DI_10 .DashItemBlock, .DI_10 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }

.DashItemBlock
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 4px 8px;
  }

.DI_10 .DashText
  {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
  }

.DashText
  {
    box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
  }

.DashIcon {
    background-image: url(https://i.postimg.cc/PJ4f02pB/diocns.png);
}

.DashText
  {
    padding: 75px 5px 0px;
    text-shadow: rgba(0, 0, 0, .4) 0px 1px 3px;
  }

.DashIcon, .DashIconBG
  {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 3px;
    left: 40px;
  }

.DI_1 .DashText
  {
    background-color: #fff0;
    border-color: #fff0;
  }

.DI_1 .DashItemBlock
  {
    background-color: #fff0;
  }
.DI_12 .DashItemBlock, .DI_12 .DashIconBG {
    background-color: rgba(32, 136, 39, 0);
}
.DI_12 .DashText {
    background-color: rgba(15, 97, 21, 0);
    border-color: rgba(62, 170, 68, 0);
}
.StartGame.InvitationGame {
    background-color: #131313;
    border: 1px solid #bdc0e3;
}
.Dash_StartBlock_Title.setup {
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px;
    background-color: #131313;
    border-color: #bdc0e3;
}
.Dash_StartBlock_SinglePlayer, .multiplayer .Dash_StartBlock_Multiplayer {
    background-color: #161616;
    border: solid 1px #bdc0e3;
}
.Dash_StartBlock_Setup select {
    background-blend-mode: luminosity;
    background-color: #131313;
    color: #fff;
    border-color: #bdc0e3;
}
.SButton {
    color: #fff;
    background-color: #131313;
    border: solid 1px #bdc0e3;
}
.Dash_StartBlock_Setup option {
    color: #fff;
    font-weight: bold;
    background-color: #131313;
}
.DashSect {
    background-color: #131313;
    border: 1px solid #bdc0e3;
}
.DashSect select {
    background-blend-mode: luminosity;
    background-color: #131313;
    color: #fff;
    background-image: url(blob:https://www.gamezer.com/3e8a005b-a204-46c4-bf94-0e1de38a706a);
}
.DashSect .border {
    border: 1px solid #bdc0e3;
}
.DA_Block {
    background-color: #131313;
    border: 1px solid #bdc0e3;
    color: #fff;
}
.DashSectionAccount .input {
    border: 1px solid #bdc0e3;
    background-color: #131313;
    color: #e5e1f2;
}
.DashSectionAccount select {
    background-blend-mode: luminosity;
    background-color: #131313;
    color: #fff;
    border-color: #bdc0e3;
}
.InventoryItemContainer {
    border: 1px solid #bdc0e3;
    background-color: #131313;
}
.IVAct {
    background-color: #131313;
}
.IVPremiumIcon {
    background-blend-mode: luminosity;
    background-color: #131313;
}
.IVContent b {
    color: #e1e4ff;
}
.IVPrice {
    color: #bdc0e3;
}
.StoreItemBlock {
    background-color: #131313;
    border: 1px solid #bdc0e3;
}
.RoomChatExtras {
    background-color: #131313d1;
    backdrop-filter: blur(1px);
    border: 1px solid #bdc0e3;
}
.ChatExtra_Invitation select {
    width: 250px;
    font-weight: bold;
    background-blend-mode: luminosity;
    background-color: #131313;
    color: rgb(229, 225, 242);
    border-color: #bdc0e3 !important;
}
.ChatExtra_Video .PM_Button, .ChatExtra_Instagram .PM_Button, .ChatExtra_Invitation .PM_Button, .GamePassContainer .PM_Button {
    background-color: #13131300;
}
.PrivateMessage {
    background-color: #131313d1;
    backdrop-filter: blur(2px);
    border: 1px solid #bdc0e3;
    box-shadow: 0px 4px 18px #bdc0e369;
    -moz-box-shadow: 0px 4px 18px #bdc0e369;
    -webkit-box-shadow: 0px 4px 18px #bdc0e369;
}
.room_chat_item.outprivate, .game_chat_item.outprivate {
    background-color: #060606;
}
.room_chat_item.inprivate, .game_chat_item.inprivate {
    background-color: #060606;
}
#RoomPMInput, #RoomVMInput, #RoomIMInput {
    background-color: #13131300;
}
.PM_Button {
    background-color: #0000;
}
.PM_Post {
    border-top: 1px solid #bdc0e3;
}
.size3 .centerBlock {
    width: 100%;
    top: 65px;
    left: auto;
    right: 0;
    min-width: 310px;
    border-radius: 0 0 6px 6px;
    background-color: #131313;
}
.Scoreboard_Players {
    width: 100%;
    height: 22px;
    border-radius: 5px 5px 0px 0px;
    background-color: #131313;
    border: 1px solid #bdc0e3;
}
#Scoreboard_Center {
    width: 100%;
    height: 24px;
    top: 22px;
    position: absolute;
    z-index: 2;
    background-color: rgb(41 90 49);
    background-image: linear-gradient(#424242, #131313);
    box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px;
}
#Scoreboard_Bottom {
    width: 100%;
    height: 14px;
    background-color: #131313;
    border-bottom: 1px solid #bdc0e3;
    top: 46px;
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
}
#Scoreboard_Panel {
    height: 28px;
    top: -4px;
    border-radius: 5px 5px 0px 0px;
    background-color: #424242;
    border-top: 1px solid #bdc0e3;
    padding-top: 4px;
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 4px;
}
#Scoreboard_Timer {
    height: 16px;
    bottom: -14px;
    background-color: #222;
    border-bottom: 1px solid #bdc0e3;
    padding: 10px 2px 0px;
}
.InvitationGame {
    color: #fff;
    background-color: #131313;
    border: 1px solid #bdc0e3;
}
#Scoreboard_Score1, #Scoreboard_Score2 {
    color: #fff;
}
.InvitationContainer {
    background-color: #131313d1;
    backdrop-filter: blur(2px);
    border: 1px solid #bdc0e3;
    box-shadow: 0px 4px 18px #bdc0e369;
    -moz-box-shadow: 0px 4px 18px #bdc0e369;
    -webkit-box-shadow: 0px 4px 18px #bdc0e369;
}
.InvitationHeaderLine {
    background-color: #2220;
}
.InvitationContent select {
    background-blend-mode: luminosity;
    background-color: #131313;
    border-color: #bdc0e3 !important;
}
.InvitationContent option {
    background-color: #131313;
}
.InvitationButton {
    background-color: #3c3c3c;
    box-shadow: 0px 1px 3px #bdc0e300;
    -moz-box-shadow: 0px 1px 3px #bdc0e300;
    -webkit-box-shadow: 0px 1px 3px #bdc0e300;
}
.AbsentUserInfo {
    border: 1px solid #bdc0e3;
    background-color: #131313;
    box-shadow: 0px 4px 18px #bdc0e369;
    -moz-box-shadow: 0px 4px 18px #bdc0e369;
    -webkit-box-shadow: 0px 4px 18px #bdc0e369;
}
.UserInfoActBlock, .UserInfoActUnblock, .UserInfoActPM, .UserInfoActInvite {
    background-image: url(https://c.top4top.io/p_3734pgpfd1.png);
}
#HeaderRight {
    color: #bdc0e3;
}
#alert {
    background-color: #131313d1;
    backdrop-filter: blur(1.5px);
    border: 1px solid #bdc0e3;
    box-shadow: 0px 5px 15px #bdc0e369;
    -moz-box-shadow: 0px 5px 15px #bdc0e369;
    -webkit-box-shadow: 0px 5px 15px #bdc0e369;
}
.infotip.click {
    color: #eff0ff;
    background-color: #222222d1;
    backdrop-filter: blur(1px);
}
.infotip {
    color: #eff0ff;
    background-color: #222222d1;
    backdrop-filter: blur(1px);
    box-shadow: 0px 1px 8px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.55);
}
.UserGroup, .Info_UserGroup {
    background-image: url(https://c.top4top.io/p_3734pgpfd1.png) !important;
}
.BilliardsTableDefaultFabric {
    background-color: #131313;
    content: "bg#billiards_default_fabric";
    background-size: 1202px 633px;
    background-repeat: no-repeat;
    background-image: url(https://d.top4top.io/p_373680vdy1.gif);
    background-position: 0px 0px;
}
.BilliardsBallMarkerSelect {
    border: 2px dotted #fff;
}
#GameOver_Play .b_icon {
    background-color: #737373;
    background-position: -696px -41px;
}
#GameOver_Quit .b_icon, #Playback_Quit .b_icon {
    background-color: #424242;
    background-position: -696px 4px;
}
.Game #Client, .OfflineGame #Client {
    border: 3px solid #131313;
    border-top: none;
    background-color: #131313;
}
.OpenList.size3 #RoomMenuContainer {
    background-color: #131313;
    background-image: linear-gradient(to bottom, #111d7800, #1b3da900, #2870e400);
}
.OpenList #RoomMenuContainer {
    background-color: #131313 !important;
}
.desktop .Switch_Room #RoomMenuContainer:hover {
    color: #fff;
    background-color: #131313;
}
.size3 .leftBlock {
    width: 100%;
    top: 68px;
    background-color: #131313;
}
.HistoryItemContainer {
    border: 1px solid #bdc0e3;
    background-color: #131313;
}

Gamezer Purple Theme

Click to preview and copy CSS

.gamelist #DashSection_Background {
    display: block;
    content: "bg#splash";
    background-size: contain;
    background-image: none;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.centerBlock {
    content: "bg#wbg";
    background-size: cover;
    background-image: url(https://i.postimg.cc/J7KDVZ08/Admirable-Demanding-Goitered-size-restricted.gif);
    border-radius: 6px;
    background-position: center center;
    background-repeat: no-repeat;
}
#RoomMenuContainer {
    height: 45px;
    pointer-events: none;
    position: relative;
    overflow: hidden;
    border: 1px solid #222340;
    border-radius: 6px;
    color: #fff;
    background-color: #282cac;
    background-image: linear-gradient(to bottom, #361d72, #28194c, #361d72);
}
#Block_FHeader {
    height: 40px;
    padding: 5px;
    display: none;
    z-index: 10;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: none;
    background-color: #4a409b;
    background-image: linear-gradient(to bottom, #222340, #361d72);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 40%);
}
#TabContainer {
    height: 45px;
    background-color: #24144a;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}
.desktop .chat_scroller::-webkit-scrollbar-thumb {
    background-color: #0f1034;
}
#Block_Chat {
    padding: 8px 0 100px 0;
    overflow: hidden;
    background-color: #222340;
}
#RoomChatControls {
    width: 100%;
    height: 36px;
    padding-left: 10px;
    background-color: #23114e;
}
#RoomChatInput {
    width: 100%;
    height: 100%;
    display: block;
    color: #fffde7;
    font-size: 15px;
    font-family: Arial,Verdana,sans-serif;
    resize: none;
    border: none;
    background-color: #1b0a44;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#RoomChatPanel {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    background-color: #1b0a44;
    z-index: 20;
    -webkit-transform: translate3d(0, 0, 0);
    box-shadow: 0px -1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px -1px 2px rgb(0 0 0 / 20%);
}
.room_chat_item, .game_chat_item {
    min-height: 52px;
    padding: 7px 3px 3px 60px;
    margin-bottom: 2px;
    position: relative;
    z-index: 0;
    text-align: left;
    background-color: #160f33;
}
.UserItem {
    height: 80px;
    position: relative;
    background-color: #160f33;
    border-radius: 5px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 30%);
    -webkit-transform: translate3d(0, 0, 0);
}
.leftBlock {
    border-radius: 6px;
    background-color: #222340;
}
.desktop .list_scroller::-webkit-scrollbar-track-piece {
    background-color: #222340;
}
.desktop .list_scroller::-webkit-scrollbar-track {
    background-color: #222340;
}
.desktop .list_scroller::-webkit-scrollbar-thumb {
    background-color: #0f1034;
}
.desktop .list_scroller::-webkit-scrollbar {
    width: 12px;
    background-color: #0f1034;
}
#RoomQuit {
    width: 46px;
    height: 45px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0 0 6px;
    background-color: #c96410;
    background-image: linear-gradient(to bottom, #6d4eb7, #412c78, #271b42);
    transition: all 0.4s ease-in-out;
}
#RoomQuit:hover {
  color: rgb(255, 255, 255);
  box-shadow: 0 5px 35px #8583ff,
              0 10px 45px #7677ff;
}
#CategoryBack {
    width: 46px;
    height: 45px;
    background-color: #6e78ff;
    background-color: #1d3691;
    background-image: linear-gradient(to bottom, #8063c7, #4f358b, #2b1d4a);
    border-radius: 6px 0 0 6px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.desktop .scroller::-webkit-scrollbar-thumb {
    background-color: #222340;
}
.SettingsButton {
    height: 46px;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 0;
    right: 0;
    background-color: #321c65;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
}
.leftBlock {
    border-radius: 6px;
    background-color: #351d6f;
}
.SectionArea {
    filter: blur(0.7px);
    position: absolute;
    background-image: url(https://i.postimg.cc/brQ4Wk12/77hz97cwg8k31.gif);
    background-size: 570px 660px;
    background-repeat: no-repeat;
    top: 5px;
    bottom: 5px;
    left: -145px;
    right: 5px;
    z-index: -1;
    border-radius: 5px;
    background-color: #1c0e3c;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
}
   .SettingsRow select {
    background-color: rgba(0, 0, 0, .33);
    color: rgb(229, 225, 242);
    content: "bg#select_arrow_b";
    background-image: url(blob:https://www.gamezer.com/78a3d1f6-bd74-4be1-9f39-134d36f0982a);
    margin: 10px auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(61, 43, 113);
    border-image: initial;
}
.SettingsRow option {
    color: rgb(229, 225, 242);
    font-weight: bold;
    background-color: rgb(60, 12, 84);
}
.desktop .RoomItem:hover {
    background-color: #292340;
}
.RoomItem {
    height: 45px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    background-color: #160f33;
    margin-bottom: 2px;
    line-height: 18px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
}
.RoomItem_users {
    width: 39px;
    height: 39px;
    position: absolute;
    right: 3px;
    margin-top: 3px;
    padding-top: 11px;
    border-radius: 5px;
    text-align: center;
    color: #edcaff;
    font-weight: 800;
    font-size: 16px;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    background-color: #222028;
    border: solid 1px #4c4187;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 40%);
}
#ProfileContent {
    width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 5px;
    -webkit-transform: translate3d(0, 0, 0);
}
#ProfileContent .SectionArea {
    position: absolute;
    background-image: url(https://i.postimg.cc/brQ4Wk12/77hz97cwg8k31.gif);
    background-size: 460px 764px;
    background-repeat: no-repeat;
    top: 1px;
    bottom: 1px;
    left: -1px;
    right: -110px;
    z-index: -1;
}
.HistoryItemContainer {
    min-height: 92px;
    text-align: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #bb85d1;
    background-color: #160f33a1;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 40%);
}
.HS_MyScore {
    background-color: #9c5ed5;
}
.HS_OppScore {
    background-color: #462958;
}
.DA_Block {
    width: 100%;
    margin: 0 0 6px 0;
    padding: 10px;
    background-color: #160f3361;
    border: 1px solid #5947a3;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    text-align: center;
    color: #e0d0ff;
    font-size: 16px;
    text-shadow: none;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 40%);
}
.SButton {
    min-width: 120px;
    height: 31px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #ede9ff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    background-color: #1e0459;
    border: solid 1px #f7abf8;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 6px rgb(0 0 0 / 50%);
}
.InvitationGame {
    width: 100%;
    height: 52px;
    line-height: 50px;
    margin-bottom: 4px;
    padding-left: 10px;
    text-align: left;
    color: #f1e5ff;
    font-size: 17px;
    font-weight: 800;
    background-color: #130052;
    border: 1px solid #1a39ad;
    border-radius: 5px;
}
.Dash_StartBlock_Title.setup {
    border-radius: 5px;
    text-shadow: none;
    color: #ede0ff;
    border: none;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 40%);
    font-weight: bold;
    background-color: #160f33;
    outline: 1px solid #bb8ded;
}
.DashSect {
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    margin-top: 10px;
    display: none;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #160f33;
    border: 1px solid #bb8ded;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 10px rgb(0 0 0 / 40%);
}
.GameItemTitle {
    background-color: #582c89;
    background-image: linear-gradient(to bottom, #5f4a93, #311f65);
    color: #eee6ff;
    font-weight: bold;
    font-size: 15px;
    padding: 28px 0 2px 0;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
}
.GameItem {
    width: 180px;
    height: 100px;
    vertical-align: top;
    position: relative;
    z-index: 1;
    padding-bottom: 5px;
    display: inline-block;
    text-align: center;
    background-color: rgb(59 48 102);
    content: "bg#tile_green";
    background-size: 4px 4px;
    box-shadow: rgb(0 0 0 / 40%) 0px 5px 18px;
    background-image: none;
    margin: 37px 3px 10px;
    background-repeat: repeat;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(219 166 241);
    border-image: initial;
    border-radius: 5px;
}
.GameItemStart {
    width: 180px;
    height: 100px;
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: rgb(70 56 104);
    content: "bg#tile_green";
    background-size: 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 18px;
    background-image: none;
    margin: 37px 3px 10px;
    background-repeat: repeat;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(219, 166, 241);
    border-image: initial;
    border-radius: 5px;
}
.UserInfoContainer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    -webkit-transform: translate3d(0, 0, 0);
    overflow-x: hidden;
    border-radius: 5px;
    background-color: #180845e3;
    border: 1px solid #634ba494;
    box-shadow: 0px 4px 18px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 4px 18px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 4px 18px rgb(250 246 255 / 33%);
}
.Info_Background.on {
    /* opacity: 1; */
    transition: opacity 0.8s;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    -o-transition: opacity 0.8s;
}
.PrivateMessage {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    overflow: hidden;
    background-color: #160f33;
    border: 1px solid #f1e5ff;
    box-shadow: 0px 4px 18px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 4px 18px rgba(0,0,0,0.65);
    -webkit-box-shadow: 0px 4px 18px rgb(233 145 255 / 23%);
}
#RoomPMInput, #RoomVMInput, #RoomIMInput {
    width: 100%;
    height: 45px;
    color: #ffffff;
    font-size: 16px;
    font-family: Arial,Verdana,sans-serif;
    padding: 0 29px 0 5px;
    display: block;
    resize: none;
    border: none;
    background-color: #160f33;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.PM_Button {
    width: 50px;
    height: 45px;
    position: absolute;
    right: 2px;
    z-index: 10;
    background-color: #160f32;
    content: "bg#docicons";
    background-size: 950px 270px;
    background-image: url(blob:https://www.gamezer.com/d562204a-4e00-482d-ba31-a3088f875fb5);
    background-position: -196px -42px;
    background-repeat: no-repeat;
}
#HeaderLeft, #HeaderRight {
    color: #ebd9ff;
    font-size: 14px;
    font-weight: 800;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.GameItemIcon {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top: -35px;
    left: 50%;
    margin-left: -30px;
    border: 2px solid #e7b0ff;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    background-color: #32187c;
    background-image: linear-gradient(to bottom, #32187c, #4d30a1);
    box-shadow: 0px 4px 16px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 4px 16px rgb(0 0 0 / 50%);
}
.GameIcon.gamezer
{
  width: 110px;
  height: 100px;
  background-size: 600px 420px;
  background-position: -301px -130px;
  background-image: url(https://www.gamezer.com/resources/images/icons.png?35);
}
.GameIcon {
    width: 60px;
    height: 50px;
    content: "bg#dashicons";
    background-size: 480px 600px;
    background-image: url(https://f.top4top.io/p_24417gr031.png);
    background-repeat: no-repeat;
}
.type_1 .chat_content {
    color: #e0d0ff;
}
.type_1 .chat_icon {
    width: 50px;
    height: 45px;
    display: block;
    position: absolute;
    right: 3px;
    top: 10px;
    z-index: 1;
    content: "bg#docicons";
    background-size: 950px 270px;
    background-image: url(https://l.top4top.io/p_2441plwwo1.png);
    background-position: -650px -179px;
    background-repeat: no-repeat;
}
.UserActBlock, .UserActUnblock, .UserActPM, .UserActInvite {
    width: 28px;
    height: 26px;
    position: absolute;
    top: 52px;
    content: "bg#docicons";
    background-size: 950px 270px;
    background-image: url(https://l.top4top.io/p_2441plwwo1.png);
    background-repeat: no-repeat;
}
.MenuIcon_Chat, .MenuIcon_Profile, .MenuIcon_Settings, .MenuIcon_Home, .MenuIcon_Fullscreen {
    width: 38px;
    height: 45px;
    pointer-events: none;
    display: inline-block;
    content: "bg#docicons";
    background-size: 950px 270px;
    background-image: url(https://l.top4top.io/p_2441plwwo1.png);
    background-repeat: no-repeat;
}
.InvitationContainer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px;
    background-color: #301e63de;
    border: 1px solid #dba6f1;
    box-shadow: 0px 4px 18px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 4px 18px rgba(0,0,0,0.65);
    -webkit-box-shadow: 0px 4px 18px rgb(231 213 255 / 51%);
}
.RoomChatExtras {
    width: 320px;
    max-height: 100%;
    pointer-events: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    border-radius: 8px;
    background-color: #321e68d9;
    border: 1px solid #dba6f1;
    box-shadow: 0px 4px 18px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 4px 18px rgba(0,0,0,0.65);
    -webkit-box-shadow: 0px 4px 18px rgb(236 215 255 / 39%);
}
.ChatExtra_Video .PM_Button, .ChatExtra_Instagram .PM_Button, .ChatExtra_Invitation .PM_Button, .GamePassContainer .PM_Button {
    background-color: #2e1c6100;
}
.VideoPlayerContainer {
    padding-top: 30px;
    position: fixed;
    border-radius: 8px;
    opacity: 0;
    overflow: hidden;
    background-color: rgb(255 255 255);
    box-shadow: rgb(226 200 255 / 62%) 0px 4px 18px;
    min-width: 320px !important;
    min-height: 200px !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
  .standby_overlay
  {
    background-color: #35126c;
    background-image: url(https://h.top4top.io/p_2441xulfh1.png);
  }
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: visible;
    background-color: #120f36;
    color: #cdcde7;
    background-repeat: repeat;
    background-size: 4px 4px;
    background-image: url(https://h.top4top.io/p_2441xulfh1.png);
    cursor: default;
    -webkit-overflow-scrolling: auto;
}
.Info_StatsRight {
    right: 0px;
    left: 50%;
    color: rgb(255, 255, 255);
    background-color: rgba(40, 25, 64, .29);
    border-right: 4px solid rgba(24, 8, 69, 0);
    border-left: 2px solid rgba(44, 23, 100, 0);
}
.Info_StatsLeft {
    left: 0px;
    right: 50%;
    color: rgb(255, 255, 255);
    background-color: rgba(70, 51, 122, .29);
    border-left: 4px solid rgba(24, 8, 69, 0);
    border-right: 2px solid rgba(24, 8, 69, 0);
}
.Profile_ZPGroup {
    height: 46px;
    margin: 4px 4px 2px;
    padding-left: 10px;
    border: 1px solid rgb(219 166 241);
    background-color: rgba(219, 196, 218, 0);
    background-image: linear-gradient(rgba(103, 85, 149, .16), rgba(50, 31, 102, .08), rgba(7, 4, 17, .35));
}
.InvitationButton.green {
    background-color: rgb(217, 176, 215);
}
.InvitationButton {
    min-width: 120px;
    height: 31px;
    padding: 0px 8px;
    line-height: 31px;
    display: inline-block;
    border-radius: 5px;
    background-color: rgb(82 70 147);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
    box-shadow: rgb(0 0 0 / 40%) 0px 1px 3px;
}
.Scoreboard_Players {
    width: 100%;
    height: 22px;
    border-radius: 5px 5px 0px 0px;
    background-color: rgb(34 35 64);
}
#Scoreboard_Center {
    width: 100%;
    height: 24px;
    top: 22px;
    position: absolute;
    z-index: 2;
    background-color: rgb(41 90 49);
    background-image: linear-gradient(rgb(79 51 145), rgb(36 30 50));
    box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px;
}
#Scoreboard_Bottom {
    width: 100%;
    height: 14px;
    background-color: rgb(74 62 118);
    top: 46px;
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
}
#Scoreboard_Panel {
    height: 28px;
    top: -4px;
    border-radius: 5px 5px 0px 0px;
    background-color: rgb(81 51 153);
    padding-top: 4px;
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 4px;
}
#Scoreboard_Timer {
    height: 16px;
    bottom: -14px;
    background-color: rgb(81 51 153);
    padding: 10px 2px 0px;
}
.AbsentUserInfo {
    width: 300px;
    height: 146px;
    margin-top: -71px;
    margin-left: -150px;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 1px solid #dba6f1;
    border-radius: 8px;
    opacity: 0;
    overflow: hidden;
    background-color: #331e6ac7;
    box-shadow: 0px 4px 18px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 4px 18px rgb(250 209 255 / 50%);
}
#HeaderLogo div {
    margin-top: 60px;
    color: #f0caff;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: rgb(0 0 0 / 80%) 0px 1px 2px;
}
.GameItemStartBlock {
    width: 180px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    padding: 5px;
    text-align: center;
    color: rgb(233 225 251);
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
}
#HeaderLogo {
    width: 230px;
    height: 110px;
    display: inline-block;
    content: "bg#logo_main";
    background-size: 180px 32px;
    background-position: center 28px;
    background-repeat: no-repeat;
    background-image: url(https://j.top4top.io/p_2446597p01.png);
}
.UserInfoActBlock, .UserInfoActUnblock, .UserInfoActPM, .UserInfoActInvite {
    cursor: pointer;
    width: 23px;
    height: 23px;
    float: right;
    margin-left: 5px;
    content: "bg#docicons";
    background-size: 950px 270px;
    background-image: url(https://l.top4top.io/p_2441plwwo1.png);
    background-repeat: no-repeat;
}
.HeaderDecor {
    height: 30px;
    pointer-events: none;
    position: absolute;
    z-index: -1;
    left: 0px;
    right: 0px;
    top: 0px;
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 300px 25px;
    background-image: url(https://l.top4top.io/p_2447nnfb11.gif);
}
.BilliardsTableDefaultFabric {
    position: absolute;
    z-index: 3;
    inset: 2%;
    background-color: rgb(20, 33, 61);
    content: "bg#billiards_default_fabric";
    background-position: 1px -1px;
    background-size: 1200px 650px;
    background-image: url(https://f.top4top.io/p_2447ju9j01.gif);
}
.InventoryItemContainer {
    height: 96px;
    position: relative;
    z-index: 1;
    text-align: left;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #bb85d1;
    background-color: #160f33a1;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 40%);
}
.Profile_PremiumGroup {
    height: 60px;
    margin: 4px;
    position: relative;
    padding-left: 60px;
    color: rgb(255, 255, 255);
    background-color: rgba(24, 14, 53, .22);
    border: 1px solid rgb(219 166 241);
}
.Profile_ZPContent {
    padding-top: 9px;
    color: rgb(255 255 255);
}
.Profile_ZPValue {
    float: right;
    color: rgb(240 204 255);
    font-size: 20px;
    font-weight: 800;
    padding: 11px 14px 0px 0px;
}
.InfoRow {
    color: rgb(219 166 241);
    font-size: 13px;
}
.InfoRow {
    border-bottom: 1px dotted rgb(69, 44, 83);
}
.OpenList.size3 #RoomMenuContainer {
    background-color: rgb(40, 44, 172);
    background-image: linear-gradient(rgb(97, 73, 153), rgb(44, 29, 83), rgb(27 28 70));
}
.DG_Block {
    color: #32335a;
    font-size: 15px;
    padding: 5px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #ba89e7;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
}

/*================================================*/
/*<GamesList>*/

.GameItem
{
  width: 180px;
  height: 90px;
  margin: 20px 5px 20px 5px;
  background: #344076;
  background: -webkit-linear-gradient(rgba(49, 65, 130, 0.7), rgba(30, 39, 95, 0.7));
  background: -o-linear-gradient(rgba(49, 65, 130, 0.7), rgba(30, 39, 95, 0.7));
  background: -moz-linear-gradient(rgba(49, 65, 130, 0.7), rgba(30, 39, 95, 0.7));
  background: linear-gradient(rgba(49, 65, 130, 0.7), rgba(30, 39, 95, 0.7));
  border: 1px solid #383e63;
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgb(24, 30, 58);
  -moz-box-shadow: 0px 1px 3px rgb(24, 30, 58);
  -webkit-box-shadow: 0px 1px 3px rgb(24, 30, 58);
}

.GameItem:hover
{
  border: 1px solid #4e568a;
  box-shadow: 0px 0px 10px rgba(88, 99, 162,0.7);
  -moz-box-shadow: 0px 0px 10px rgba(88, 99, 162,0.7);
  -webkit-box-shadow: 0px 0px 10px rgba(88, 99, 162,0.7);
}

.GameItemStart
{
  width: 180px;
  height: 90px;
  background-size: 180px 100px;
  margin: 20px 5px 10px 5px;
  color: #d0d0d0;
  text-shadow: 0px 0px 10px #0034ff;
  background-image: url(https://b.top4top.net/p_8187salm10.png) !important;
  background-repeat: repeat;
  background-position: center;
  background-color: #090f30;
  border: 1px solid #0c174f;
  border-radius: 3px;
  opacity: 0.75;
}

.GameItemStart:hover
{
  opacity: 0.95;
  box-shadow: 0px 0px 10px rgba(88, 99, 162,0.2);
  -moz-box-shadow: 0px 0px 10px rgba(88, 99, 162,0.2);
  -webkit-box-shadow: 0px 0px 10px rgba(88, 99, 162,0.2);
}

.GameItemName
{
  margin: 8px 0px -5px 0px;
  overflow: hidden;
  line-height: 20px;
}

.GameItemTitle
{
  position: relative;
  right: -5px;
  width: 170px;
  background: #344076;
  background: -webkit-linear-gradient(rgba(75, 86, 143, 0.3), rgba(76, 90, 144, 0.3));
  background: -o-linear-gradient(rgba(75, 86, 143, 0.3), rgba(76, 90, 144, 0.3));
  background: -moz-linear-gradient(rgba(75, 86, 143, 0.3), rgba(76, 90, 144, 0.3));
  background: linear-gradient(rgba(75, 86, 143, 0.3), rgba(76, 90, 144, 0.3));
  padding: 5px 3px 0px;
  margin: 2px 0px 0px 0px;
}

.GameItemIcon
{
  width: 141px;
  height: 120px;
  top: -29px;
  left: 42%;
  margin-left: -30px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(50, 24, 124, 0), rgba(87, 54, 182, 0));
  border: 0px;
  box-shadow: 0px 4px 16px rgba(0,0,0,0);
  -moz-box-shadow: 0px 4px 16px rgba(0,0,0,0);
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0);
}
.GameIcon
{
  width: 45px;
  height: 45px;
  background-size: 183px 59px;
  background-image: url(https://j.top4top.io/p_24746r5521.png);
}
.GameIcon.gamezer
{
  width: 110px;
  height: 100px;
  background-size: 600px 420px;
  background-position: -301px -130px;
  background-image: url(https://www.gamezer.com/resources/images/icons.png?35);
}

.GameIcon.billiards
{
  height: 50px;
  width: 50px;
  background-position: -122px -4px;
  border-radius: 0%;
  position: inherit;
  left: 101px;
  top: 7px;
  opacity: 1;
}

.GameIcon.chess
{
  height: 50px;
  width: 50px;
  background-position: -18px -5px;
  border-radius: 0%;
  position: inherit;
  left: 105px;
  top: 66px;
  opacity: 1;
}

.GameIcon.checkers
{
  height: 50px;
  width: 50px;
  background-position: -69px -9px;
  border-radius: 0%;
  position: inherit;
  left: 20px;
  top: -11px;
  opacity: 1;
}

.GameItemLock
{
  left: 4px;
  top: -8px;
}
  .DI_2 .DashItemBlock, .DI_2 .DashIconBG
  {
    background-color: rgba(255, 255, 255, 0);
  }