/* COLORS ------ 1- #D7CFBA - Medium Beige 2- #EEEBC5 - Yellow Beige 3- #D5E0C6 - Pale Green 4- #9FBFB2 - Pale Sea Blue 5- #597A81 - Dark Tealish Blue 1- #FDE9B2 - Banana - Light 2- #D4C5A6 - Khaki 3- #CACCB7 - Bone 4- #825A32 - Coyote Brown 5- #191B16 - Black Chocolate 1- #C2C2C2 - silver: 2- #A5B7C2 - cadet-blue-crayola: 3- #87ACC2 - pewter-blue: 4- #6AA1C2 - air-superiority-blue: 5- #4C96C2 - carolina-blue: 1- #CEE6C9 - $tea-green: 2- #AFCDB4 - $cambridge-blue: 3- #90B59F - $cambridge-blue-2: 4- #719C8A - $polished-pine: 5- #528475 - $wintergreen-dream: 6- #336B60 - $hookers-green: ://coolors.co/gradient-palette/cee6c9-336b60?number=6 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ box-shadow: 0 2px 8px rgba(0,0,0,0.5), Exterior Shadow inset 0 1px rgba(255,255,255,0.3), Top light Line inset 0 10px rgba(255,255,255,0.2), Top Light Shadow inset 0 10px 20px rgba(255,255,255,0.25), Sides Light Shadow inset 0 -15px 30px rgba(0,0,0,0.3); Dark Background ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ background: rgb(242,245,246); background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); Chrome,Safari4+ background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); Chrome10+,Safari5.1+ background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); Opera 11.10+ background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); IE10+ background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); IE6-9 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ :root { /*-- BACKGROUND COLORS - NUMBERED --*/ --color-BG_0: transparent; --color-BG_1: #D7CFBA; --color-BG_2: #EEEBC5; --color-BG_3: #D5E0C6; --color-BG_4: #9FBFB2; --color-BG_5: #597A81; --color-BG_6: rgba(183, 135, 0, 0.26); --color-BG_7: whitesmoke; /*-- TABLES BACKGROUND COLOR #eeebdc */ /*-- BACKGROUND COLORS BY NAME --*/ --color-BG_White: white; --color-BG_Whitesmoke: whitesmoke; --color-BG_WhiteFade22: rgba(245, 245, 245, 0.52); --color-BG_Black: black; --color-BG_LightRed: pink; --color-BG_Gray: grey; --color-BG_LightGray: lightgrey; --color-BG_DarkGray: darkgrey; --color-BG_DarkGray: rgb(39, 39, 39); --color-BG_GrayFade94: rgba(0, 0, 0, .94); --color-BG_GrayFade52: rgba(0, 0, 0, .52); --color-BG_GrayFade85: rgba(50, 50, 50, 0.85); --color-BG_YellowGreen: yellowgreen; --color-BG_GreenYellow: greenyellow; --color-BG_PaleGreenYellow: rgb(240, 255, 224); --color-BG_LightYellowFade20: rgba(255, 215, 0, 0.20); --color-BG_LightYellow50: rgba(255, 255, 100, 0.50); --color-BG_LightYellow: lightyellow; --color-BG_Green: green; --color-BG_LightGreen76: rgba(214, 248, 148, 0.76); --color-BG_LightGreen: rgba(100, 200, 100, 0.20); --color-BG_MystyRose: mystyrose; --color-BG_LightGreen80: rgba(108, 230, 0, .8); --color-BG_WhiteFade46: rgba(255,255,255,.46); --color-BG_BrownFade10: rgba(100, 64, 0,.1 ); --color-BG_AliceBlue: aliceblue; --color-BG_LightBlue: rgba(0, 100, 200, 0.20); --color-BG_DarkBlueFade76: rgba(4, 34, 151, 0.76); --color-BG_DarkBlueGray: rgb(0, 61, 118); --color-BG_PaleBlue: rgb(194, 206, 228); --color-BG_MidBlue40: rgba(74, 102, 142, 0.40); /*-- BACKGROUND COLORS - BY FUNCTION --*/ --color-BG_Base: black; --color-WindowBannerL: rgba(90, 76, 0, 0.26); --color_BG_MenuDropDown: rgb(52, 52, 52); --color-BG_BaseLight: whitesmoke; --color-BG_SearchBox: rgba(190, 255, 0, 0.16); --color-BG_TDHeader: rgba(255, 203, 0, 0.64); /*-- rgba(218,165,32,.5) --*/ --color-BG_TDBody: palegoldenrod; --color-BG_TDBody_High: gold; --color-BG_BoldHighlight: rgba(94, 233, 20, 0.3); --color-BG_Input: rgba(233, 233, 233, .5); --color-BG_Campaign: rgba(253, 185, 24, 0.64); --color-BG_Adventure: rgba(255, 186, 12, 0.74); --color-BG_TopLevelShade: transparent; /*rgba(200, 200, 200, 0.40);*/ --color-BG_CopyrightFooter: rgba(0, 0, 0, 0.52); --color-BG_TopLevel: rgba(215, 215, 215, 0.12); --color-BG_AlertInfo: rgba(241, 207, 207, 0.46); --color-BG_NavBar: rgba(197, 154, 15, 0.30); --color-BG_ButtonBar: #7a561e47; /*rgba(197, 154, 15, 0.30);*/ --color-BG_Lab_Dis2: rgba(255, 234, 0, 0.20); --color-BG_IMG_Container: rgba(0, 0, 0, 0.32); --color-BG_BRSelectOption: rgba(226, 239, 255,.6); --color-BG_DropdownShade: rgba(230,230,230,.9); --color-BG_MainTable: white; --color-BG_BCrumb: rgba(0,0,0,.5); --color-BG_BCrumbHover: rgba(0,0,0,.5); --color-BG_FormTitle: transparent; /*rgba(59, 45,0,0.5)*/ --color-BG_Lab_Dis3: #487b8029; --color-BG_WWDS: rgba(0, 100, 200, 0.20); --color-BD_WWDS: rgba(139, 69, 19, 0.2); /*-- FOREGROUND COLORS --*/ --color-FG_FormTitle: white; --color-FG_1: black; /*-- BASE FG BLACK --*/ --color-FG_2: white; /*-- BASE FG WHITE --*/ --color-FG_3: red; --color-FG_4: blue; --color-FG_5: skyblue; --color-FG_6: maroon; --color-FG_7: darkred; --color-FG_8: lightgrey; --color-FG_9: gold; --color-FG_10: saddlebrown; --color-FG_11: brown; --color-FG_12: darkgray; --color-FG_Green: green; --color-FG_Yellow: yellow; --color-FG_YellowGreen: yellowgreen; --color-FG_MajorTitle: gold; --color-FG_DarkRed: darkred; --color-FG_DarkSlateGray: darkslategrey; --color-FG_BRSelect: rgb(33,33,00); --color-FG_DownArrow: rgba(0, 72, 0, 1); --color-FG_BCrumb: gold; --color-FG_BCrumbHover: white; /*-- BORDERS --*/ --color-BD_TopLevelTD: none; /*.5px solid rgba(255, 215, 0, .5)*/ ; --color-BD_Message: grey; --color-BD_Adventure: rgb(196, 96, 0); --color-BD_Tooltip_A: darkseagreen; --color-BD_Tooltip_B: darkseagreen; /*-- check this one --*/ --color-BD_DarkBlue: darkblue; --color-BD_LightGreen: #77DD77; --color-BD_BaseLight: rgba(139, 69, 19, 0.2); --color-BD_TopLevel: transparent; /* rgba(216, 112, 0, 0.76);*/ --color-BD_Panel: lightgrey; /* rgba(59, 44, 2, 0.56);*/ --color-BD_LightGray: lightgrey; --color-BD_Gray: grey; --color-BD_DarkGray: darkgrey; --color-BD_Maroon: maroon; --color-BD_Gold: gold; --color-BD_Red: red; --color-BD_DarkRed: darkred; --color-BD_RosyBrown: rosybrown; --color-BD_Goldenrod: goldenrod; --color-BD_DarkGoldenrod: darkgoldenrod; --color-BD_BlackFade50: rgba(0,0,0,0.5); --color-BD_Ochre: rgb(226, 187, 77 ); --color-BD_Black: black; /*-- BOX SHADOWS --*/ --color-BxShadow_None: 0px 0px 0px transparent; --color-BxShadow_Slight: 2px 2px 4px rgba(0, 0, 0, .22); --color-BxShadow_Tooltip_A: 4px 4px 3px 2px rgba(13, 59, 4, 0.75); --color-BxShadow_Tooltip_B: 2px 2px 1px 2px rgba(13, 59, 4, 0.75); --color-BxShadow_MainTable: inset 0 0 24px rgba(0, 0, 0, .95); --color-BxShadow_MaintTable_Outer: 4px 4px 6px 2px rgba(0, 0, 0, 0.75); --color-BxShadow_Gray: 3px 3px 3px rgba(50, 50, 50, 0.75); --color-BxShadow_NoShadow: 0px 0px 0px rgba(0, 0, 0, 0); --color-BxShadow_TV: 4px 4px 2px rgba(20, 20, 20, 0.42); --color-BxShadow_IMG: 7px 7px 5px rgba(50, 50, 50, 0.75); --color-BxShadow_CreateWorld: 10px 10px 5px rgba(0,0,0,.5); /*-- DETAIL VIEWS --*/ --color-BG_DvHead: rgb(139, 69, 19, 0.04); --color-BG_DvRow: rgba(232, 214, 12, 0.06); --color-BG_DvRowAlt: rgba(232, 214, 12, 0.18); --color-BG_DvRowEdit: rgba(236, 216, 16, 0.04); --color-BG_DvRowCMD: rgba(103, 144, 200, 0.09); --color-BG_DvRowPager: rgba(103, 144, 200, 0.06); /*-- GRID VIEWS --*/ --color-BG_SelectedRow: rgba(94, 233, 20, 0.3); --color-BG_EditRow: rgba(153, 233, 20, 0.18); --color-BG_Row: rgba(232, 214, 12, 0.2); --color-BG_RowAlt: rgba(232, 214, 12, 0.1); /*-- TREE VIEW --*/ --color-BG_TV_SelectedNodeStyle: rgb(65, 157, 76, 0.36); --color-BG_TV_SelectedNodeStyleHover: rgba(135, 206, 235, 0.12); --color-BG_TV_Body: rgba(248, 253, 22, 0.1); /*-- GRM TABLE --*/ --color-BG_Title: white; --color-BG_Title: white; --color-BG_ToHit: yellowgreen; --color-BG_ToMiss: coral; --color-BG_ToEqual: white; --color-BG_AttackLevel: pink; --color-BG_ArmorClass: skyblue; --color-BG_Defender: powderblue; --color-FG_Defender: navy; --color-BG_Attacker: mistyrose; --color-FG_Attacker: maroon; --color-BG_Info: white; /*-- TEXT SHADOWS --*/ --color-TxShadow_GradGoldH: 2px 2px 3px rgba(255, 164, 0, 0.40 ); --color-TxShadow_Button: 2px 2px 3px rgba(25, 150, 25, .8 ); --color-TxShadow_Form: 2px 2px 3px rgba(21, 10, 0, 0.84); /*-- SHADOW INSETS --*/ --color-BxShadow_BarNav: inset 0 0 4px rgba(0, 0, 0, .5); --color-BxShadow_BarCmd: inset 0 0 4px rgba(0, 0, 0, .5); --color-BxShadow_InsetBlack: inset 0 0 12px rgba(0, 0, 0, 1); --color-BxShadow_InsetTdTitle: inset 0 0 1px 3px rgba(252, 255, 0, 0.58); --color-BxShadow_InsetBR12: inset 0 0 24px rgba(147, 234, 243, 0.70); --color-BxShadow_InsetBRSelect: inset 0 0 10px #ddddff; --color-BxShadow_InsetBRSelectHover: inset 0 0 24px rgba(147, 234, 243, 0.70); --color-BxShadow_InsetVignette: inset 0 0 42px rgba(254, 233, 0, 1), inset 0 0 62px rgba(180, 139, 6, .8), inset 0 0 42px rgba(121, 67, 0, 1); --color-BxShadow_InsetVignetteB: inset 0 0 42px rgba(0, 0, 0, 1), inset 0 0 62px rgba(0, 0, 0, .8), inset 0 0 42px rgba(0, 0, 0, 1); --color-BxShadow_InsetVignetteLightB: inset 0 0 42px rgba(0, 0, 0, 1); --color-BxShadow_InsetVignetteLight: inset 0 0 42px rgba(121, 67, 0, 1); --color-BxShadow_InsetWindowBannerL: inset 0px 0px 6px 6px rgba(218, 165, 32, 0); --color-BxShadow_Button: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); /*-- scrollbar -- */ /*--color-Scrollbar_Track: rgba(02, 32, 0, 1); --color-Scrollbar_Thumb: rgba(103, 181, 17, 0.98);*/ --color-Scrollbar_Track: rgb(110,110,110); --color-Scrollbar_Thumb: yellowgreen; /*-- BACKGROUND GRADIENTS --*/ --color-BG_GradLin_Shaded: linear-gradient(340deg, rgb(238,235,204) 0%, white 95%); --color-BG_GradLin_ShadedRight: linear-gradient(340deg, var(--color-BG_3) 0%, white 95%); --color-BG_GradLin_BlueH: linear-gradient(to bottom, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); --color-BG_GradLin_LightBlueH: linear-gradient(to bottom, rgba(211,244,255,1) 0%, rgba(144,193,245,1) 100%); --color-BG_GradLin_GoldH: linear-gradient(to bottom, #fcdc67 0%, #eaa235 37%, #ba6b1d 100%); --color-BG_GradLin_Trans50: linear-gradient(135deg, rgba(206,220,231,.5) 0%, rgba(89,106,114,.5) 100%); --color-BG_GradLin_Trans50Green: linear-gradient(167deg, rgba(255,255,255,0.5) 0%, rgba(172,224,0,0.2) 100%); --color-BG_GradLin_Gray: linear-gradient(135deg, rgb(226, 239, 248) 0%, rgb(171, 195, 207) 100%); --color-BG_GradLin_DarkGray: linear-gradient(135deg, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); --color-BG_GradRad_Gold2: radial-gradient(ellipse at center, rgba(249,179,0,1) 0%, rgba(201,0,3,1) 100%); --color-BG_GradRad_BlueGray: radial-gradient(ellipse at center, rgb(174, 203, 255) 0%, rgb(158, 164, 194) 100%); --color-BG_GradLin_Lab_MasterPageLabel: linear-gradient(to bottom, rgb(112,181,63) 0%, rgb(138,182,107) 20%, rgb(201,222,150) 100%); --color-BG_GradRad_CMD_Thin: radial-gradient(ellipse at center, rgba(66, 51, 0, 0.90) 0%, rgba(0,0,0,0.62) 21%, rgba(0,0,0,0.34) 84%, rgba(0,0,0,0.81) 100%); /*radial-gradient(ellipse at center, rgba(0,55,0, .9) 0%, rgba(143, 254, 0, 0.62) 73%, rgba(143, 254, 0, 0.44) 84%, rgba(143, 254, 0, .8) 94%, rgba(0,55,0, .9) 100%);*/ --color-BG_GradRad_CMD_AIGen: linear-gradient(180deg, rgb(61, 146, 167, 0.50), rgb(161, 225, 232, 0.50),rgb(61, 146, 167, 0.50)); /*radial-gradient(ellipse at center, rgb(62 228 0 / 90%) 0%, rgb(166 188 86 / 62%) 21%, rgb(17 224 106 / 34%) 84%, rgb(31 199 15 / 81%) 100%);*/ --color-BG_GradRad_CMD_Skin: radial-gradient(ellipse at center, rgba(66, 51, 0, 0.90) 0%, rgba(0,0,0,0.62) 21%, rgba(0,0,0,0.34) 84%, rgba(0,0,0,0.81) 100%); --color-BG-GradRad_ImageDark: linear-gradient(0deg, rgba(194,223,251,1) 0%, rgba(106,106,106,1) 100%); /*-- BUTTONS --*/ --color-BG_CMD_Login: #C0EEC0; --color-BD_CMD_Login: #CCCCCC; --color-FG_CMD_Login: #284775; --color-BD_CMD_ButtonBottom: 3px solid rgba(0,0,0,0.5); --color-BG_CMD_Button: rgb(148, 191, 0); --color-BG_CMD_ButtonHover: rgba(197, 233, 46, 0.97); --color-BG_CMD_ThinHover: rgba(143, 254, 0, 0.40); --color-BG_CMD_SkinHover: yellow; --color-BG_CMD_lnkDiscord: rgba(202, 200, 255, 0.15); --color-BG_CMD_lnkDiscordHover: rgba(202, 200, 255, 0.25); --color-FG_CMD_lnkButtonMTopDD: rgba(26, 68, 44, 0.88); --color-BG_CMD_lnkButtonWHover: rgb(218, 252, 167); --color-BD_CMD_lnkButtonMTopDD: rgba(88, 177, 76, 0.34); --color-BD_CMD_lnkButtonMTopDDHover: rgba(175, 220, 44, 1); --color-BG_CMD_lnkButtonMTopH: rgb(221, 255, 0); --color-BG_CMD_lnkButtonMTopHHover: rgb(255, 250, 0); /*-- TOOL TIPS --*/ --color-BG_ToolTipText: rgba(202, 200, 255, 0.60); /*-- LABELS --*/ --color-BG_Lab_Stat: rgb(255, 250, 233, 0.72); --color-BG_Lab_3: rgba(235, 216, 0, 0.20); --color-BG_Lab_ChaD: rgba(255, 245, 192, 0.90); --color-BG_Lab_Data: rgba(239, 215, 157, 0.78); --color-BG_Lab_FlyO: rgba(232, 214, 12, 1); --color-BD_Lab_FlyO: brown; --color-BD_Lab_Info: darkgrey; --color-BG_Lab_Info: rgba(215, 207, 186, 0.64); --color-BG_Lab_Info2: rgb(222, 252, 218, 0.88); --color-BD_Lab_Info2: darkgreen; --color-FG_Lab_Info2: darkgreen; --color-BG_Lab_Info3: linear-gradient(180deg, #344230 0%, #000000 100%); --color-FG_Lab_Info3: rgb(80, 228, 80); --color-BG_Lab_Info4: rgba(236, 216, 16, 0.26); --color-FG_Lab_Info4: gold; --color-BG_Lab_Text_Container: rgba(47, 55, 207, 0.12); --color-BG_Lab_Tran: rgba(61, 194, 245, 0.36); --color-BD_Lab_Tran: green; --color-BG_Lab_Title: white; /* -- IMAGES THEME SPECIFIC --*/ --IMG_FormWrap: url(Elthos/Images/Wood_Texture1.jpg); --IMG_MainTable: url(Elthos/Images/SeamlessMarbleTexture2s.jpg); --IMG_BG: url(Elthos/Images/southerngalaxyv3.jpeg); --IMG_InsidePage: url(Elthos/Images/Elthos_Inside_Pages_Cs.jpg); --IMG_CMD_Expand: url(Elthos/Images/Expand_B_40.jpg); --IMG_CMD_ExpandHover: url(Elthos/Images/Expand_B_40_Hov.jpg); --IMG_WindowBannerL: url(Elthos/Images/CloudGears800x60_2_V.png); --IMG_WindowBannerR: url(Elthos/Images/CloudGears800x60_2_V_R.png); /* -- IMAGES SITE WIDE --*/ --IMG_MM: url(../Images/WebSite/MythosMachine_Text_Trans.png); --IMG_Burst12: url('../Images/WebSite/burst12.png'); --IMG_Opacity: 1; --IMG_Opacity_42: .42; --IMG_Opacity_76: .76; --IMG_Opacity_100: 1; --IMG_Color: 12,0,0; --IMG_Alpha: 1; /*-- OTHERS --*/ --color-BG_Close: rgba(30, 40, 10, 0.6); --color-SpanTitle: rgb(27, 99, 148); /*-- DARK TEAL --*/ --color-TdTDBodyTitle: red; /*-- APPEARs TO BE UNUSED --*/ --color-TdTDFooterTitle: maroon; --color-TdTDHeaderTitle: maroon; --color-TdTDHeaderTitle_NoWrap: maroon; --color-TdTDHeader_NoWrap: maroon; } @media (max-width: 768px) { .responsive-container { width: 100%; overflow-x: auto; } .responsive-table { width: 100%; } }