@-moz-document domain("www.f-list.net") { /********************************************************************/ /* */ /* ~CyberPunk Blue~ */ /* By Figgy Faggy */ /* */ /* Send QoL/Comments/Criticism notes to: */ /* The Big Fag Network */ /* Or you know...` */ /* Just post them on the thread. */ /* */ /********************************************************************/ ::-webkit-scrollbar { width: 1.5em; background-color: #1A1B1B; box-shadow: 0px 0px 1px #000; } ::-webkit-scrollbar-corner { background-color: #1A1B1B; animation-name: pulseInset; animation-duration: 0.5s; animation-iteration-count: infinite; } ::-webkit-scrollbar-thumb { border-radius: 50px; background: linear-gradient(left, #0064ff, #0064ff); background-color: #213b4c; border: 1px solid #298bd6; animation-name: pulseInset; animation-duration: 0.5s; animation-iteration-count: infinite; } ::-webkit-scrollbar-track { background: #1A1B1B; animation-name: pulseInset; animation-duration: 0.5s; animation-iteration-count: infinite; } ::-webkit-scrollbar-thumb:hover { background-color: #1A1B1B; background: linear-gradient(left, #d62929ad, #d62929bf); } html body div#Container table#Page tbody tr td#Content.AccountCreatePanel form#Registration.StyledForm table tbody tr td img { display: none; } html, body, html body { width: 100%!important; min-height: 90%!important; background: radial-gradient(circle at 50%, #2d082c 1%, #08212d 10%, #081e2d 30%, #000 60%); font-family: "Source Code Pro", black, serif!important; font-size-adjust: 0.58; } #TopAdZone { display: none; } .ui-flexmenu-body { max-height: 300px; background: #000; } #Header { background-color: #575151; background: linear-gradient(to right, #383c3d, #404b4b, #404b4b, #404b4b, #2d3535, #1f2424, #212327, #191b1e, #191b1e); padding-bottom: 10px; } #Frontpage_Stats { left: 370px; top: 125px; color: #a1d8d9!important; text-shadow: 0px 0px 5px #3a5252!important; } #Logo { background: url(https://static.f-list.net/images/charimage/13460459.png) no-repeat; top: 3px; height: 150px; width: 420px; display: inline-block; left: 200px; animation-name: pulseTIMG; animation-duration: 2s; animation-iteration-count: infinite; } html body ul#CustomMenu.contextMenu li.add a { color: #0000!important; background-color: #a3161600; } html body ul#CustomMenu.contextMenu li.add a:after { color: #d090ff!important; text-shadow: 0px 0px 2px #000; text-shadow: 0px 0px 2px #0b1740!important; position: absolute; right: 15px; top: 0px; content: "Add Kink"; } html body ul#CustomMenu.contextMenu { border-radius: 0px 40px 40px; width: 110px!important; background: #37002b; border: 1px solid #860070; --Glow-color: #ff00b48c; animation-name: pulseInOut; animation-duration: 0.7s; animation-iteration-count: infinite; } html body ul#CustomMenu.contextMenu:hover { border-radius: 0px 40px 40px; background: #640155; --Glow-color: #ff00b4; animation-name: pulseInOut; animation-duration: 0.7s; animation-iteration-count: infinite; } #sidebar-character-edit-sections.panel { top: 188px; padding-bottom: 35px; } html body div#Container table#Page tbody tr td#Content div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active div#CustomKinksList input.Textbox{width: 210px!important;} #EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active div#CustomKinksList div.CustomKink.CustomKinkActive { background: linear-gradient(#282424, #24292B); } #sidebar-character-edit-sections { background: linear-gradient(#2D2828, #161414); height: 72%; top: 176px; left: -4px; width: 195px; border: 1px solid #006191; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active .InfotagGroup.panel div.panel.form-element { border-bottom: 1px solid #000; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active .InfotagGroup.panel div.panel.form-element:first-child { border-top: 1px solid #000; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active div#FetishBox .FetishBox.panel .FetishItem.panel { border-bottom: 1px solid #000; } .character_image { background-color: #1e2833; } .ui-flex-item { color: #b6b7d9!important; background-color: #000!important; } .first { padding-left: 210px; } #Sidebar { border: none!important; padding-top: 32px; background: linear-gradient(to top, #151819, #292e33); } #fbtab_chat { margin-top: -32px; } #Character_InfoBox { background: linear-gradient(to top, #13121200, #0f0f0f00); } body { color: #7b7b7b; margin: 0px; padding: 0px; overflow: auto; } ::-moz-selection { color: #367d6f; text-shadow: 0px 0px 1px #519aa1!important; background: #1e73a34d; } ::selection { color: #001bea; text-shadow: 0px 0px 1px #ea8900!important; background: #1e73a34d; } html { margin: 0px; padding: 0px; } a { color: #248bc6 !important; } .ui-tooltip.qtip.ui-helper-reset.ui-tooltip-shadow.ui-tooltip-pos-tc.ui-widget div.ui-tooltip-titlebar.ui-widget-header { border-radius: 100px 100px 0px 0px; color: #0cb2e3!important; text-align: center; text-shadow: 2px 2px 1px #003442!important; padding-left: 45px; margin: auto; border: 1px solid #298bd6!important; border-bottom: 0px!important; margin-bottom: 0px; --Glow-color: #00eeff27; animation-name: pulseInOut; animation-duration: 5s; animation-iteration-count: infinite; background: linear-gradient(to right, #191919, #373839, #141515); } .ui-tooltip.qtip.ui-helper-reset.ui-tooltip-shadow.ui-tooltip-pos-tc.ui-widget .ui-tooltip-content.ui-widget-content { border-radius: 0px 0px 10px 10px; padding-left: 17px; min-width: 100px; margin-top: 0px; text-shadow: 0px 0px 3px #00bec155!important; border: 1px solid #298bd6; background: radial-gradient(#26282A, #141617); --Glow-color: #00eeff27; animation-name: pulseInOut; animation-duration: 1s; animation-iteration-count: infinite; } .ui-tooltip.qtip.ui-helper-reset.ui-tooltip-shadow.ui-tooltip-pos-tc.ui-widget { border: 1px solid #298bd6; padding: 5px; padding-top: 9px; margin-left: auto!important; border-radius: 30px 30px 10px 10px; background: #1A1B1B; --Glow-color: #298bd657; animation-name: pulseInOut; animation-duration: 1.7s; animation-iteration-count: infinite; } .ui-tooltip.qtip.ui-helper-reset.ui-tooltip-shadow.ui-tooltip-pos-tc.ui-widget.ui-tooltip-focus { opacity: 0.5; } .ui-tooltip-tip { visibility: hidden; } .ui-tooltip-tip:after { width: 0; height: 1020px; box-shadow: 0px 0px 3px #000; background: #1A1B1B; border-left: 50px solid rgb(255, 0, 0); border-right: 50px solid rgba(255, 0, 0, 0); border-bottom: 100px solid red; } #NavigationMessages, #NavigationNotecount, #NavigationLogout { background: linear-gradient(to bottom, #2d2828 0%, #161414 100%); text-decoration: none!important; } #NavigationMessages { padding-bottom: 6px; padding-left: 10px; padding-top: 8px; padding-right: 9px; border: 1px solid #0b345f; margin-right: -9px; } #NavigationMessages:hover, #NavigationNotecount:hover { background: linear-gradient(to top, #2d2828 0%, #161414 100%); animation-name: pulseSlow; animation-duration: 1.3s; animation-iteration-count: infinite; box-shadow: 0px 0px 20px #079cff4a; } #NavigationLogout { background: linear-gradient(to top, #00000059, #2f546d); } #NavigationLogout:hover { background: linear-gradient(to bottom, #00000059, #2f546d); animation-name: pulseSlow; animation-duration: 1.3s; animation-iteration-count: infinite; box-shadow: 0px 0px 20px #079cff; } .Messagecenter_Message .option.accept { color: #00e1ff; } .Messagecenter_Message { background: linear-gradient(to bottom, #23272B, #1B1C1D); color: #75a6a7!important; text-shadow: 0px 0px 2px #3a5252!important; border-bottom: 1px solid #04101e; --Glow-color: #00c4ff70; } .Messagecenter_Message:first-child { border-top: 1px solid #04101e; } #Frontpage_OnlineFriends a { background: linear-gradient(#23272B, #1B1C1D)!important; border-bottom: 1px solid #121b1b; } #Frontpage_OnlineFriends a:first-child { border-top: 0.1px solid #121b1b; } #Frontpage_OnlineFriends a:last-child { margin-bottom: 10px!important; } .Character_Label, h3, #Content .Label, .Frontpage_NewspostTitle, #Frontpage_NewspostOffsetLabel, .Search_Field legend, #ForumLabelInfo, #ForumLabelForum, .Character_GuestbookDatetime, .FetishItem a, a.Character_CustomFetish, .Settings_Field legend { color: #51bff2; } div#tabs-5.StyledForm.ui-tabs-panel.ui-widget-content.ui-corner-bottom div#charguestbookaddpost div#Character_AddPostBox form.StyledForm div.TextareaToolbar.MediumPanel div.SmileyBox { display: none; } div#tabs-5.StyledForm.ui-tabs-panel.ui-widget-content.ui-corner-bottom div#charguestbookaddpost div#Character_AddPostBox form.StyledForm div.TextareaToolbar.MediumPanel a { margin-bottom: 15px; font-size: 25px; } #GroupHeader { background: #2f3337; } .GroupForum, .Forum_Thread { background: #2f3337; margin-bottom: 0px; border-top: 1px solid #000; } .GroupForum { padding-bottom: 18px; } #Character_FetishlistFave, #Character_FetishlistYes, #Character_FetishlistNo, #Character_FetishlistMaybe { word-wrap: break-word; padding-right: 10px; } #Character_FetishlistFave h3 { color: #6af; } #Character_FetishlistFave { background: #041326; border-color: #3aadbf; --Glow-color: #3aadbf; --KColor: var(--Glow-color); animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } #Character_FetishlistYes h3 { color: #7f7; } #Character_FetishlistYes { background: #042605; border-color: #6cd06c; --Glow-color: #6cd06c; --KColor: var(--Glow-color); animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } #Character_FetishlistMaybe h3 { color: #ff7; } #Character_FetishlistMaybe { background: #262304; border-color: #ff0; --Glow-color: #ff0; --KColor: var(--Glow-color); animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } #Character_FetishlistNo h3 { color: #f77; } #Character_FetishlistNo { background: #260404; border-color: #d94949; --Glow-color: #d94949; --KColor: var(--Glow-color); animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } .Character_Fetishlist .Character_SubfetishList.Open { background: repeating-linear-gradient(#0000009c, #00000063, #00000061, #0000008f); border-color: #ff8b06; --Glow-color: #ff8b06; animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } #Character_FetishlistFave.Character_Fetishlist.LightPanel .DarkPanel.Open { border-color: #008cea; --Glow-color: #008cea; animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } #Character_FetishlistYes.Character_Fetishlist.LightPanel .DarkPanel.Open { border-color: #00ea7d; --Glow-color: #00ea7d; animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } #Character_FetishlistNo.Character_Fetishlist.LightPanel .DarkPanel.Open { border-color: #ea006d; --Glow-color: #ea006d; animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } .Character_ListedFetish.Character_QuickCompareFave { background-color: #004fff50; border-radius: 10px; box-shadow: 0px 0px 5px #0079ff50; color: #36ccff!important; text-shadow: 0px 0px 5px #003734!important; } .Character_ListedFetish.Character_QuickCompareYes { background-color: #168a2250; border-radius: 10px; box-shadow: 0px 0px 5px #00bb0050; color: #4f4!important; text-shadow: 0px 0px 5px #00460f!important; } .Character_ListedFetish.Character_QuickCompareMaybe { background-color: #b4800050; border-radius: 10px; box-shadow: 0px 0px 5px #b4800050; color: #fff35d!important; text-shadow: 0px 0px 5px #2a2900!important; } .Character_ListedFetish.Character_QuickCompareNo { background-color: #7f000050; border-radius: 10px; box-shadow: 0px 0px 5px #7f000050; color: #ff0040!important; text-shadow: 0px 0px 5px #68000f!important; } .Character_Fetish.Character_CustomFetish.HasSubfetishes.Character_FetishGroupCustom.Open { color: #ffffffa3!important; animation-name: pulseText; animation-duration: 2s; animation-iteration-count: infinite; } .Character_SubfetishList.DarkPanel.Open { transition-duration: 5s; -webkit-transition-duration: 5s; } .Character_SubfetishList.DarkPanel.Closed { transition-duration: 5s; height: 0px!important; -webkit-transition-duration: 5s; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #264551 url(../images/jquery/dark/ui-bg_highlight-hard_30_2f5126_1x100.png) 50% 50% repeat-x!important; } .ui-state-default { background: #2d3031 url(../images/jquery/dark/ui-bg_highlight-hard_30_2f5126_1x100.png) 50% 50% repeat-x !important; margin-bottom: 1px; } .NoteFolder.list-item.list-highlight span.name { word-break: break-all!important; max-width: 110px; } .ui-has-flexmenu:hover { background-color: #254659!important; } #NavigationLoggedIn { min-width: 100px!important; } #NavigationLoggedIn, #NavigationLogout, #NavigationNotecount { background-color: #1a1b1b; padding-bottom: 6px; margin-top: -1px; border: 1px solid #0b345f; } #NavigationBar { padding: 0px; background-color: #1a1b1b; color: #1a1b1b; } .NoteFolder, .NoteFolder a { color: #668cc5; } #Content { background: url(https://static.f-list.net/images/charimage/14810607.png); } .ui-widget { font-family: inherit; font-size: 12px!important; background-color: #010e2f; } #tabs .ui-widget-content, .chattabs .ui-widget-content { border: 1px solid #0b345f; background: #1a1b1b; /*background: url(https://static.f-list.net/images/charimage/10852284.png);*/ color: #999999; } #Note_PageHeader { padding-top: 7px; } #Footer { border-width: 0px; background: linear-gradient(to top, #0d0c0c, #1e2b39); border: 2px solid #006191; } .ui-button-text { color: #6385a8; background: linear-gradient(to top, #0d0c0c, #23232463); } .list-active, .list-active:hover { background: -webkit-linear-gradient(top, #28456d 0%, #202544 100%); background: -o-linear-gradient(top, #28306d 0%, #202944 100%); } .Character_PageAvatar { background: #343639; padding-right: 30px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; margin: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; } .charactionmenu { margin: 10px -15px 0px -5px; height: 5px; } .Character_PageAvatar img { background: radial-gradient(#00efff91, #00efff70, #00ccff57, #00ccff8c); animation-name: pulseIMG; animation-duration: 0.7s; animation-iteration-count: infinite; -webkit-filter: drop-shadow(0px 0px 50px #00b7ff96); } div.charbox a { -webkit-filter: drop-shadow(10px 0px 60px #00b7ff73); } .charname { display: block!important; font-weight: bold!important; color: #09bdea!important; text-shadow: 4px 2px 2px rgba(30, 103, 168, .83)!important; font-size: 1.8em!important; margin-top: 10px!important; text-align: center!important; } .chartitle { display: block; margin-top: -20px; font: normal bold 13px/30px sans-serif; text-align: center; color: #0fa; animation-name: pulseText; animation-duration: 2s; animation-iteration-count: infinite; } .charactionmenu .edit { margin-left: 20px; } .charactionmenu .edit, .charactionmenu .delete, .charactionmenu .memo, .charactionmenu .report, .charactionmenu .bookmarkdel, .charactionmenu .bookmarkadd { background-color: #3C3B3D; } .charactionmenu .edit:hover, .charactionmenu .delete:hover, .charactionmenu .memo:hover, .charactionmenu .report:hover, .charactionmenu .bookmarkdel:hover, .charactionmenu .bookmarkadd:hover { --Glow-color: #0fa; animation-name: pulseSlow; animation-duration: 0.9s; animation-iteration-count: infinite; } div.DisplayedMessage, #DisplayedMessage { border-radius: 5px; background: #55511a; border-color: #a69e00; --Glow-color: #f6ff00; color: #fff; text-shadow: 0px 0px 4px #000, 0px 0px 10px #ffd100!important; animation-name: pulse; animation-duration: 0.9s; animation-iteration-count: infinite; margin-top: 1px!important; padding-right: 30px; } #memo { margin-right: auto; margin-left: auto; min-height: 22px!important; word-break: break-all; margin-bottom: 10px; } div.TextareaToolbar, div.SmallToolbar { background-color: #363c48; border-color: #0D8FC2; } textarea { min-width: 90%; } div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active div.panel.form-element textarea#CharacterEditDescription { min-width: 40px; } html body div#subfetishConfig div#description div#content { background: #b4e7e7; min-width: 100%; } .friendbutton { position: absolute; margin-top: 0px; left: 65px; width: 90px; z-index: 1!important; text-align: center; text-shadow: 0px 0px 9px #000!important; border: 1px solid #0B345F; box-shadow: 0px 0px 10px #254f5d; background: #3f4b51; } .friendbutton:hover { transition: 0.5s; text-shadow: 0px 0px 3px #000!important; border: 1px solid #0B345F; background: radial-gradient(#1e6ca3, #093e4a, #015c7b); animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } .ui-tabs .ui-tabs-nav li { border: 1px solid #0B345F; margin: 1px .2em 1px 5px; padding-bottom: 1px; } .ui-tabs { animation-name: pulse; animation-duration: 2.5s; animation-iteration-count: infinite; } .ui-state-hover:not(.ui-tabs-selected) { text-shadow: 0px 0px 15px #00c3ff!important; } .ui-tabs-selected { text-shadow: 0px 0px 10px #07d0c7!important; font-weight: bold; } #charguestbookposts { margin-left: 5px; margin-right: 5px; margin-top: -10px; } .Character_GuestbookPost { background-color: #11202a52; color: #aaa; border-bottom: 1px solid #0b345f; } .FormattedBlock.GuestbookReply { border: 1px #2849b4; background-color: #433953; } .thumbnail, .avatarthumbnail { vertical-align: top; margin-right: 5px; margin-left: 5px; transition: transform; /* Animation */ border: 1px solid #0394ff; box-shadow: 0px 0px 15px #1d4088; } .thumbnail:hover, .avatarthumbnail:hover { transform: scale(1); background: url("https://static.f-list.net/images/charimage/...")!important; animation-name: pulseC; animation-duration: 1.3s; animation-iteration-count: infinite; } .itgroup { border-left: 3px solid #0b345f; border-right: 3px solid #0b345f; border-top: 1px solid #0b345f; border-bottom: 1px solid #0b345f; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-left: 0px; margin-bottom: 10px; width: 196px; } .itgroup:before { position: relative; display: block; content: ""; border-top: 2px solid #0b345f; width: 100px; bottom: 0px; left: -11px; } .itgroup:after { position: relative; float: right; display: block; content: ""; border-bottom: 2px solid #0b345f; width: 100px; bottom: -10px; right: -10px!important; } .Character_InfotagGroup { margin-top: 10px; padding-left: 0px; text-align: center; background: #343639; color: #02a1cc; text-shadow: 0px 0px 5px #227574!important; animation-name: pulse; animation-duration: 1.3s; animation-iteration-count: infinite; } .infodatabox { min-width: 0px !important; } .taglabel { color: #08BCEC!important; text-shadow: 0px 0px 4px #5e81eaa1!important; } a.Character_ListedFetish, #Character_InfoBox { color: #a3a7b0 !important; } #friendform { background: #1c252d; border-bottom: 1px solid #1371b9; margin: 0px 0em 0em 0px; padding: 0em 0em 0px 1px; } .ui-dialog-buttonpane { background: #1c252d; border-top: 1px solid #1371b900!important; } #dialog-note-send { margin-left: -50px; } #dialog-note-close { margin-right: -50px; } #NotesBack, #ToggleUnread, #ToggleRead, #ToggleStarOn, #ToggleStarOff, #Trash, #Undelete, #Report, #History, #buttons-mark-unread, #buttons-mark-read, #buttons-undelete, #buttons-trash, #buttons-empty-trash, #buttons-move, #buttons-star, #buttons-destar, #buttons-select, #buttons-deselect { background: linear-gradient(#2c3440, #0d0b0b)!important; } #History { left: -7px; } #Undelete, #Trash { left: -5px; top: -1px } #Report { left: -6px; top: -1px } #ToggleRead, #ToggleUnread { left: -2px; top: -1px; } #ToggleStarOn, #ToggleStarOff { left: -3px; top: -1px; } .ui-button-text { background: #0000; } .ui-dialog, .ui-widget, .ui-widget-content, .ui-corner-all, .ui-draggable, .ui-resizable { border: 1px solid #1371b9; background: #1c252d; } .ui-widget-overlay { background: linear-gradient(to top left, #09f, #000, #00233a); } div#NoteViewHeader { background: linear-gradient(to top, #0000, #073d7099) } html body div#Container table#Page tbody tr td#Content div.panel { background: linear-gradient(#0000 35%, #091f3397); border-bottom: 2px solid #08172d; } html body div#Container table#Page tbody tr td#Content div#CreateCharacter.StyledForm form#CharacterForm div.form-element.panel { background: #0000; border: none; } html body div#Container table#Page tbody tr td#Content div.panel.StyledForm { background: #091f3370; } html body div#Container table#Page tbody tr td#Content input#Reply.ui-button.ui-widget.ui-state-default.ui-corner-all { margin-top: 10px; } .ui-dialog .ui-dialog-buttonpane { border-width: 1px 0 0 0; margin-top: -2px; width: 75px; margin-left: auto; margin-right: auto; padding: 0em 0em 0em 0em; background: #1c252d; box-shadow: 0px 0px 0px; } .ui-dialog-titlebar { margin: -3px -3px 0px -3px; } .ui-accordion .ui-accordion-content { background: #272a2ba8; } .CustomKink .del { height: 47px; padding-top: 0px; padding-bottom: 0px; margin: -5px -5px -5px 0px; background: linear-gradient(to bottom, #1b7fa1, #2f546d82, #077bca00); } .del:hover { background: linear-gradient(to bottom, #104b5f, #558cb04d, #83838400); } .ui-dialog { position: absolute; padding: .2em; min-width: 50%; overflow: hidden; box-shadow: 0px 0px 15px #1d4088; animation-name: pulseD; animation-duration: 1.5s; animation-iteration-count: infinite; } .ui-button:hover { animation-name: pulse; animation-duration: 0.7s; animation-iteration-count: infinite; } td#Content div.panel.right.FormattedBlock { margin-right: 10px!important; background: #28323b!important; border: 1px solid #33455b; --Glow-color: #33455b; animation-name: pulse; animation-duration: 1.2s; animation-iteration-count: infinite; } td#Content div.panel.left.FormattedBlock { margin-left: 10px!important; background: #241520!important; --Glow-color: #8a0040; animation-name: pulse; animation-duration: 1.2s; animation-iteration-count: infinite; } html body div#Container table#Page tbody tr td#Content div.panel.right.FormattedBlock { font-size: 17px; color: #4bb1bb; font-weight: bold; } html body div#Container table#Page tbody tr td#Content div.panel.right.FormattedBlock div.FormattedBlock { font-weight: normal; color: #00eaff; text-shadow: 0px 0px 1px #007bff!important; font-size: 13px; } html body div#Container table#Page tbody tr td#Content div.panel.left.FormattedBlock { font-size: 17px; color: #a74abb; font-weight: bold; } html body div#Container table#Page tbody tr td#Content div.panel.left.FormattedBlock div.FormattedBlock { font-weight: normal; color: #ab7abd; text-shadow: 0px 0px 1px #a200ff!important; font-size: 13px; } .Frontpage_Newspost { background: linear-gradient(#24282C, #1A1B1B); border-bottom: 1px solid #000; } .label { color: #fff!important; background: #353030!important; border-top: 1px solid #353030!important; border-left: 1px solid #252520!important; border-bottom: 1px solid #24292A !important; height: 25px!important; margin-bottom: 4px; } .element { color: #999999!important; background-color: #000!important; height: 28px!important; border-color: #000!important; } td.list-highlight { background: linear-gradient(#24282C, #1A1B1B)!important; border-right: #000!important; } .content-navigation { border-top: 1px solid #000; border-bottom: 1px solid #000; } a.prev { border-right: 1px solid #000!important; } h2 { color: #7b7b7b } div.CollapseHeader { --Collapse-Color: #403f3f30; color: inherit!important; text-shadow: none!important; background: linear-gradient(to right, var(--TGColor, #403f3f30), var(--Collapse-Color, #403f3f30) 1%, var(--Collapse-Color) 99%, var(--TGColor, #403f3f30))!important; border: none; padding-right: 3px; padding-left: 15px; margin-top: 5px; } div.CollapseHeader.ExpandedHeader { background-color: var(--Collapse-Color); background: linear-gradient(to right, var(--TGColor, #403f3f30), var(--Collapse-Color) 1%, var(--Collapse-Color, #403f3f30) 99%, var(--TGColor, #403f3f30))!important; } .CollapseHeader, .CollapseHeader.ExpandedHeader { box-shadow: 0px 0px 3px #7c7c7c70, 0px 0px 6px #03030380!important; } span.bigtext { text-shadow: 0px 0px 4px var(--TGColor)!important; } .CollapseHeaderText, .CollapseBlock, .CollapseBlock, .JustifyBlock, .CenterBlock { color: inherit!important; } hr { border-color: var(--TGColor, #000); } div#Character_InfoBox div#charabadges span { background-color: #2f3437b5!important; } .statbox { color: #c8c8c8; } .redfont, .redfont a { color: #ff0040 !important; --TGColor: #60000e; text-shadow: #68000f 0px 1px 1px!important; } .yellowfont, .yellowfont a { color: #FFFF66 !important; --TGColor: #550; text-shadow: #7d7d00 0px 1px 1px!important; } .greenfont, .greenfont a { color: #4f4 !important; --TGColor: #265e2d; text-shadow: #347b3c 0px 1px 1px!important; } .grayfont, .grayfont a { color: #888888 !important; --TGColor: #2f3437; text-shadow: #2f3437 0px 1px 1px!important; } .whitefont, .whitefont a { color: #fff !important; --TGColor: #fff; text-shadow: #000 0px 1px 1px, #fbfbfb95 0px 0px 2px!important; } .blackfont, .blackfont a { color: #444f57 !important; --TGColor: #000; text-shadow: -1px 1px 1px #0d1d28, 0px 0px 8px #000, 0px 0px 1px #000, 0px 0px 5px #000!important; } .cyanfont, .cyanfont a { color: #00FFFF !important; --TGColor: #00505c; text-shadow: #004e7b 0px 1px 1px!important; } .orangefont, .orangefont a { color: #ff853d !important; --TGColor: #9D3A01; text-shadow: #533e00 0px 1px 1px!important; } .bluefont, .bluefont a { color: #1E90FF !important; --TGColor: #05327a; text-shadow: #000b37 0px 1px 1px!important; } .purplefont, .purplefont a { color: #a057e0 !important; --TGColor: #340e6b; text-shadow: #150317 0px 1px 1px!important; } .pinkfont, .pinkfont a { color: #f08bff !important; --TGColor: #692a5a; text-shadow: #70007d 0px 1px 1px!important; } .brownfont, .brownfont a { color: #a65c36 !important; --TGColor: #491f09; text-shadow: #4a2816 0px 1px 1px!important; } span.redfont a.ParsedLink, span.orangefont a.ParsedLink, span.yellowfont a.ParsedLink, span.greenfont a.ParsedLink, span.cyanfont a.ParsedLink, span.bluefont a.ParsedLink, span.purplefont a.ParsedLink, span.pinkfont a.ParsedLink, span.brownfont a.ParsedLink, span.blackfont a.ParsedLink, span.grayfont a.ParsedLink, span.whitefont a.ParsedLink { color: inherit!important; text-shadow: var(--TGColor)!important; } span.redfont blockquote, span.orangefont blockquote, span.yellowfont blockquote, span.greenfont blockquote, span.cyanfont blockquote, span.bluefont blockquote, span.purplefont blockquote, span.pinkfont blockquote, span.brownfont blockquote, span.blackfont blockquote, span.grayfont blockquote, span.whitefont blockquote { color: inherit!important; } span.whitefont blockquote { color: inherit!important; --TGColor: #6a6a6a; text-shadow: 0px 0px 5px #403f3f!important; background: linear-gradient(to right, var(--TGColor), #2A2A2A 5%, #2A2A2A 95%, var(--TGColor))!important; } blockquote { background-color: #2468AF; border: 1px solid var(--TGColor, #3b6470); --Glow-color: var(--TGColor, #3b6470); color: #7ac3c0; padding-left: 15px!important; text-shadow: 0px 0px 5px var(--TGColor, #3b6470), 0px 0px 15px var(--TGColor, #3b6470)!important; background: linear-gradient(to right, var(--TGColor, #3b647050), #111 5%, #111 95%, var(--TGColor, #3b647050))!important; animation-name: pulseInOut; animation-duration: 0.7s; animation-iteration-count: infinite; } .ParsedLink { background-image: none; padding-left: 0px; padding-right: 0px; } .MediumPanel, .Character_GuestbookPost, .PollBox, #MainTicket, #NewTicket, .LightPanel, .blockquote, #Frontpage_News, #Frontpage_Tracking { background: #2f3437; border-color: #00629d; } #NavigationBar { background: #1a1b1b; border: 1px solid #0b345f; color: #979797; } div#LoginBox { padding-top: 2px; padding-left: 5px; } #NavigationBar ul li { border: #00b8ff20; } div#LoginBox form input#LoginBoxSubmit { background: #3b6470; border-color: #02525d; } .ToolbarButton { background-color: #3b6470; } #fbtab_chat, #fbtab_bookmarks, #fbtab_threads, #fbtab_personals, td#Sidebar.FrontpageSidebar a { background: linear-gradient(#101415, #1B1E21); } td#Sidebar.FrontpageSidebar a.active { background: linear-gradient(#15425d, #080d0f)!important; } #Sidebar.FrontpageSidebar a { background-color: #143c67; border-bottom: 1px solid #0B345F; border-right: 1px solid #0B345F!important; } #Sidebar.FrontpageSidebar a.active { border-right: 1px solid #0B345F !important; } .ui-accordion-content { color: #bdbdbd; } .ui-state-default .ui-icon { background-image: url(../images/jquery/default/ui-icons_ffffff_256x240.png); } .ui-icon { width: 16px; height: 16px; background-image: url(../images/jquery/default/ui-icons_111_256x240.png); } div.ui-flexmenu.ui-widget span.ui-flex-item.ui-widget-header.ui-flex-header { background: #000!important; } #Note_Box .CheckNote.panel.list-highlight, div#Note_Box a .Note_Boxnote.list-highlight { background: linear-gradient(#1D2835, #101019)!important; } div#Note_Box a .Note_Boxnote.list-highlight.Note_Unread { color: #00e0f0!important; text-shadow: 0px 0px 10px #00e0f0!important; } td#Sidebar div#Note_Folders .NoteFolder.list-highlight { background: linear-gradient(#1D2835, #101019)!important; } td#Sidebar div#Note_Folders .NoteFolder.list-highlight.list-active { background: linear-gradient(#2d67ac, #00353d)!important; } #Messagecenter_friends, #Messagecenter_threadpostCategory, #Messagecenter_characterupdateCategory, #Messagecenter_guestbookpostCategory, #Messagecenter_grouprequestCategory, #Messagecenter_ticketupdateCategory, #Messagecenter_newspostcommentCategory { background: linear-gradient(#222629, #1B1D1D); border-right: 1px solid #0B345F!important; } a.ImageLink.Messagecenter_Trashall { color: #0000!important; font-size: 15px; margin-right: 10px; background-color: #00f7ff10; } table#Page tbody tr td#Content a.ImageLink.Messagecenter_Trashall:before { content: "Trash All "; color: #70d2ff; padding-left: 5px; margin-right: -160px; margin-top: 15px!important; padding-bottom: 20px!important; } table#Page tbody tr td#Content a.ImageLink.Messagecenter_Trashall:hover { background-color: #00f7ff70; box-shadow: 1px 1px 10px #00ffef; } html body div#Container table#Page tbody tr td#Content h2 { padding-bottom: 20px; } html body div#Container table#Page tbody tr td#Content div#BBCodeInstantPreview.MediumPanel { background: #1A1B1B; color: #999999; } div.Thread_Navigation { background: linear-gradient(to right, #1f1f1f, #2F3337)!important; border-top: 1px solid #000; border-bottom: 1px solid #000; } html body div#Container table#Page tbody tr td#Content .Thread_Post { background: #1a1b1b; border-bottom: 1px solid #3C5257; } div#Thread_Replybox { background: none; } td#Sidebar div#Thread_Controlsbox div a#Thread_SubscribeLink.Thread_ControlLink.ImageLink.Thread_SubscribeLink { background-color: #202626; border: 1px solid #0B3662; } td#Content .Thread_Post div.FormattedBlock blockquote, html body div#Container table#Page tbody tr td#Content .Thread_Post div.FormattedBlock div.CollapseHeader { width: 80%!important; } div#BrowseGroupList div.ListedGroup.ResultListing table.ListedGroupTable tbody tr { background-color: #202626; border: 1px solid #0B3662; } a.ResultListing { background: #202626; border: 1px solid #0B3662; } a.ResultListing:nth-child(2n + 0) { background: #2b3030; border: 1px solid #0B3662; } a#LastLink, a#NextLink { background-color: #2F3437; border: 1px solid #0B3662; width: 40%; background-image: none; } a#LastLink:hover, a#NextLink:hover { background-color: #3c5a6c; text-shadow: 0px 0px 5px #000!important; animation-name: pulse; animation-duration: 0.7s; animation-iteration-count: infinite; } div#Search_Results a#NextLink { float: right; } a.ListedCharacter { background: #2F3437; color: #75a6a7!important; text-shadow: 0px 0px 5px #3a5252!important; border: 1px solid #0B3662; --Glow-color: #496a6090; animation-name: pulseInset; animation-duration: 2s; animation-iteration-count: infinite; } a.ListedCharacter:nth-child(2n + 0) { background: #2b3030; border: 1px solid #0B3662; } a.ListedCharacter img { background: radial-gradient(#00efff91, #00efff70, #00ccff57, #00ccff8c); animation-name: pulseIMG; animation-duration: 2.0s; animation-iteration-count: infinite; -webkit-filter: drop-shadow(0px 0px 50px #00b7ff96); } .message-time { color: #81b7b5; } div#NewspostPage_Content { background: #05637b10; border: 1px solid #103e62; color: #75a6a7!important; margin-right: 2px; margin-left: 2px; text-shadow: 0px 0px 5px #3a5252!important; } html body div#Container table#Page tbody tr td#Content div#CommentsBox .NestedComment { background: #1e2931; border: 1px solid #1b527d; box-shadow: -10px 0px 0px #0f506e; color: #75a6a7!important; margin-right: 2px; margin-left: 2px; text-shadow: 0px 0px 5px #111717!important; } html body div#Container table#Page tbody tr td#Content div#CommentsBox .NestedComment:nth-child(2n + 0) { background: #131c22; color: #75a6a7!important; margin-right: 2px; margin-left: 2px; text-shadow: 0px 0px 5px #3a5252!important; } #frienddata div { margin-right: 5px; margin-left: 5px; background: #3e4448!important; box-shadow: 0px 0px 3px #5f5f5f!important; } div#SettingsAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active p span.element input#Registration_password.Textbox { border-width: 100px!important; border-top: none; border-bottom: none; border-left: none } form#inlineUpload.panel.form-panel.StyledForm, form#iconUpload.panel.form-panel.StyledForm, html body div#Container table#Page tbody tr td#Content div#NewComment { background: #101820; color: #baf5dc; border: 1px solid #115f60; box-shadow: 0px 0px 5px #115f60; border-radius: 10px; } html body div#Container table#Page tbody tr td#Content div#NewComment { margin-left: 5px; } form#inlineUpload.panel.form-panel.StyledForm p span.element input#imageuploadbutton, form#iconUpload.panel.form-panel.StyledForm p span.element input#imageuploadbutton { margin-top: 5px!important; width: 150px; height: 60px; border-radius: 10px; color: #74d1e2; text-shadow: 0px 0px 9px #000!important; border: 1px solid #0B345F; background: #2D3133; } form#inlineUpload.panel.form-panel.StyledForm p span.element input#imageuploadbutton[value="Uploading..."], form#iconUpload.panel.form-panel.StyledForm p span.element input#imageuploadbutton[value="Uploading..."] { transition: 0.5s; border-radius: 10px; text-shadow: 0px 0px 3px #000!important; border: 1px solid #0B345F; background: radial-gradient(#1e6ca3, #093e4a, #015c7b); animation-name: pulse; animation-duration: 0.5s; animation-iteration-count: infinite; } form#inlineUpload.panel.form-panel.StyledForm p span.element:first-child, form#iconUpload.panel.form-panel.StyledForm p span.element:first-child { background: none!important; border: none; } form#inlineUpload.panel.form-panel.StyledForm, form#iconUpload.panel.form-panel.StyledForm { padding-bottom: 50px!important; } form#inlineUpload.panel.form-panel.StyledForm p span.element input#imageuploadbutton:hover, form#iconUpload.panel.form-panel.StyledForm p span.element input#imageuploadbutton:hover { background: #1d3338; } html body div#Container table#Page tbody tr td#Content form#inlineUpload.panel.form-panel.StyledForm em, form#iconUpload.panel.form-panel.StyledForm em { position: absolute; left: 425px; margin-top: -17px; width: 400px; } .friendlist div { background: #2F3437; color: #75a6a7!important; text-shadow: 0px 0px 5px #3a5252!important; border: 1px solid #142f3e; --Glow-color: #496a6090; animation-name: pulseInset; animation-duration: 1s; animation-iteration-count: infinite; } .friendlist div:nth-child(even) { background: #2b3030; border: 1px solid #0B3662; } #YourTickets a { border-radius: 5px; background-color: #2F3437; color: #75a6a7; text-shadow: 0px 0px 5px #3a5252!important; border: 1px solid #142f3e; --Glow-color: #496a6090; animation-name: pulseInset; animation-duration: 1s; animation-iteration-count: infinite; } .EvenRowItem { background-color: #2b3030!important; border: 1px solid #0B3662!important; text-shadow: 0px 0px 5px #3a5252!important; --Glow-color: #496a6090; animation-name: pulseInset; animation-duration: 1s; animation-iteration-count: infinite; } .ClosedTicket { color: #882e86!important; text-shadow: 0px 0px 5px #7e0353!important; } html body div#Container table#Page tbody tr td#Content div#TicketsUpdates div.TicketUpdate.TicketAdminUpdate { background: #05637b10; border: 1px solid #103e62; color: #75a6a7!important; margin-right: 2px; margin-left: 2px; text-shadow: 0px 0px 5px #3a5252!important; } div#Container table#Page tbody tr td#Content div#TicketsUpdates div#TicketUpdate155193.TicketUpdate.TicketAdminUpdate a.TicketAvatarLink img.TicketAvatar { margin-left: 10px; } html body div#Container table#Page tbody tr td#Content div#TicketClosedMessage { border-radius: 5px; background-color: #55511a; border-color: #a69e00; --Glow-color: #f6ff00; color: #f5ead0; text-shadow: 0px 0px 4px #000, 0px 0px 10px #ffd100; animation-name: pulse; animation-duration: 0.9s; animation-iteration-count: infinite; } div#subfetishConfig { margin-left: 20px; margin-right: 20px; background: #052137; padding: 10px; border: 2px solid #005faa; height: 75%; min-width: 450px; } div#subfetishConfig form#saveform button#save { padding: 10px; margin-top: 15px; padding-left: 100px!important; padding-right: 100px!important; } div#subfetishConfig div#description { border-radius: 10px 10px 10px 10px; color: #000; padding-top: 5px; padding-left: 5px; max-width: 1150px; } div#subfetishConfig div#description div#content { border-radius: 0px 0px 10px 10px; margin-left: -5px; padding-left: 5px; margin-right: 5px!important; word-break: keep-all; } div#subfetishConfig div#debugerrors { color: #ff0045!important; } div#Container table#Page tbody tr td#Content div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div#tabs-3.StyledForm.ui-tabs-panel.ui-widget-content.ui-corner-bottom { min-height: 650px; } div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div#friendform.StyledForm.ui-dialog-content.ui-widget-content { height: auto!important; padding-bottom: 10px; text-align: center; min-width: 100%; } html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div.StyledForm.ui-dialog-content.ui-widget-content { min-height: 200px!important; } div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable { margin-top: -300px; position: fixed!important; } div#Notice { background: #000000c9; border-color: #ff009f91; -webkit-filter: drop-shadow(0px 0px 15px #f09); font-size: 12px; color: #ffffffc2; opacity: 1; } html body div#Notice a.close { height: 20px; width: 20px; background-size: 20px, 20px; } div.card.bg-light { background-color: #000!important; } div.card.bg-light div.card-body select.form-control.custom-select { background-color: #1e404c; border-color: #0691a5; } html body div div#chatView div div#conversation div.header div { font-size: 12px; } div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private { background-color: rgb(32, 58, 62); color: #2ddfcc!important; } div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private.active { background-color: rgb(13, 83, 93); background: rgb(13, 40, 93); color: #2ddfcc!important; -webkit-filter: drop-shadow(0px 0px 15px #3da2e3); } html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private div.name, html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private div.name div { background: rgba(13, 40, 93, 0); } html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private { background: rgba(255, 255, 255, 0); } div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private.active.active { background-color: rgb(13, 83, 93); color: #2ddfcc!important; -webkit-filter: drop-shadow(0px 0px 15px #00426c); --Glow-color: #04423d; animation-name: pulse; } .btn-secondary.disabled, .btn-secondary:disabled { color: #cbcbe5; background-color: #073855; border-color: #14a6b9; } html body div div#chatView span#settings div.modal{background: #01232830;} html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div d{ background: #012b27;} .nav-tabs .nav-link:hover { background: #012b27; border: 1px solid rgb(4, 68, 66); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; --Glow-color: #04423d; animation-name: pulseInset; animation-duration: 1s; animation-iteration-count: infinite; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-footer{ border: #00d6ff!important} html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div select#import.form-control{ background-color: #094a5b; border: 1px solid #4c8f98; } html body div div#chatView div div#conversation span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.form-group.row div.col-sm-8.col-10.col-xl-9 div.dropdown.filterable-select a.custom-select html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content{font-size: 12px; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.nav-tabs-scroll{ padding: 10px; } a.nav-link.active { background-color: #003d4f; border-color: #00c4ff75; --Glow-color: #20ac8290; animation-name: pulseInset; animation-duration: 1s; animation-iteration-count: infinite; overflow: hidden!important;} html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body{ font-size: 12px; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.nav-tabs-scroll ul.nav.nav-tabs li.nav-item a.nav-link{padding: 15px;} a.nav-link { background-color: #01171e; border-color: #006786; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.nav-tabs-scroll ul.nav.nav-tabs li.nav-item a.nav-link.active { background-color: #01171e; border-color: #00c4ff75; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.nav-tabs-scroll ul.nav.nav-tabs{ margin: -4px!important; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.nav-tabs-scroll ul.nav.nav-tabs.active { background-color: #03599b; border-color: #40a6ff; -webkit-filter: drop-shadow(0px 0px 15px #3da2e3); border-top-left-radius: 0.25rem!important; border-top-right-radius: 0.25rem!important; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100{background: #0000;} .btn-secondary { color: #c4fcff; background-color: #03414f; border-color: #082148; } .btn-secondary:hover { color: #c4fcff; background-color: #007773; border-color: #082148; --Glow-color: #00b3ff90; animation-name: pulseInset; animation-duration: 2s; animation-iteration-count: infinite; } .btn-primary { color: #cbcbe5; background-color: #03414f; border-color: #082148; } span.pin.fas.fa-thumbtack.active{color: #00ffe1;} span.pin.fas.fa-thumbtack.active:hover{color: #008a6e;} span.pin.fas.fa-thumbtack{color: #003237;} span.pin.fas.fa-thumbtack:hover{color: #008086;} .form-control:focus{ background-color: #022239; border-color: #082148;} .btn-primary:hover { color: #cbcbe5; background-color: #007773; border-color: #082148; --Glow-color: #20ac8290; animation-name: pulseInset; animation-duration: 1s; animation-iteration-count: infinite; } .form-control { background-color: #022239; background-clip: padding-box; border: 1px solid #009fc8; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } html body div div#chatView div div#conversation span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.form-group.row div.col-sm-8.col-10.col-xl-9 div.dropdown.filterable-select a.custom-select, html body div span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.form-group.row div.col-sm-8.col-10.col-xl-9 div.dropdown.filterable-select a.custom-select{background-color: #022239; background-clip: padding-box; border: 1px solid #009fc8; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} html body div span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.input-group div.input-group-prepend div.input-group-text{background-color: #052a398a;border: 1px solid #009fc8;} .form-control:active { background-color: #022239; background-clip: padding-box; border: 1px solid #009fc8; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .messages-both .message-ad { background-color: #033077; padding: 0 2px 2px 2px; box-shadow: #1f99b9 0px -2px 2px inset; } html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div div.form-group{border-bottom: 1px solid #009fc84d;} html body div div#chatView span#settings div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.nav-tabs-scroll ul.nav.nav-tabs { border-color: #40a6ff; border-top-left-radius: 0.25rem!important; border-top-right-radius: 0.25rem!important; } html body div div#chatView div div#conversation span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.messages.messages-both{height: 90%;} div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private img { background-color: #08308E; color: #00d0ba!important; margin-left: 0px; } html body div div#chatView div#user-list.sidebar-wrapper.open div.sidebar.sidebar-right div.body, div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body { background-color: #000; font-size: 12px; } html body div div#chatView div#user-list.sidebar-wrapper.open div.sidebar.sidebar-right div.body div div.input-group input.form-control { background-color: #000; } html body div div#chatView div#user-list.sidebar-wrapper.open div.sidebar.sidebar-right div.body ul.nav.nav-tabs li.nav-item a.nav-link { border-bottom-color: #0d7b81; } html body div div#chatView div#user-list.sidebar-wrapper.open div.sidebar.sidebar-right div.body ul.nav.nav-tabs li.nav-item a.nav-link.active { background-color: #022c4d; border-color: #00575b; border-bottom-color: #000; border-radius: 5px; margin-left: 5px; color: #00ffe4!important; } .nav-tabs { border-bottom: 1px solid #015359; } html body div div#chatView div div#userMenu.list-group span#userMenuStatus.list-group-item { border-color: #00575b; background-color: #022c4d; } div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private img { background: none; color: #00d0ba !important; margin-left: 0px; padding: 1px; } html body div div#chatView div div#userMenu.list-group div.list-group-item, html body div div#chatView div div#userMenu.list-group a.list-group-item.list-group-item-action { background-color: #012030; } html body div div#chatView div div#userMenu.list-group span#userMenuStatus.bbcode.list-group-item { background-color: #064350; } .gender-none { color: #757575; } html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.results div.status-looking span span.bbcode img.character-avatar.icon{margin:0px; ;} html body div div#chatView div div#conversation span div.modal, html body div div#chatView div div#conversation span div.modal div.modal-dialog.w-100{background: none;} html body div div#chatView div div#userMenu.list-group{padding: 0px!important;} html body div div#chatView div div#userMenu.list-group div.list-group-item{border: 1px solid #00484f!important; border-top-left-radius: 0.5rem; border-top-right-radius: 2rem;} html body div div#chatView div div#userMenu.list-group a.list-group-item.list-group-item-action:hover{background-color: #012e4f;} html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.results div.status-looking{ padding-bottom:20px;}html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.results div.status-looking, html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.results div.status-online{ border-top: 1px solid; border-color:#00240e;} html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.results{ font-size: 10px;} html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div.results div.status-looking span.user-view.gender-male{font-size: 12px;} html body div div#chatView span.character-search div.modal div.modal-dialog.w-100{align-items: normal!important;} html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div div.dropdown.filterable-select a.custom-select{border-color: #0f6977;background-color: #111;} div.dropdown-menuP{border-color: #0f6977;background-color: #111;} html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-body div div.dropdown.filterable-select div.dropdown-menu div.dropdown-items a.dropdown-item{background-color: #2f534f00} html body div div#chatView span div.modal, html body div div#chatView span div.modal div.modal-dialog.w-100.modal-lg, html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 div.modal-content div.modal-header h4.modal-title, html body div div#chatView span.character-search div.modal div.modal-dialog.w-100, html body div div#chatView div div#conversation span div.modal div.modal-dialog.logs-dialog, html body div span div.modal div.modal-dialog.logs-dialog{background: none; align-items: normal!important;} div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-channel { background-color: #08173c; color: #65bad5!important; } div#chatView div#conversation div.border-top.messages.messages-both div.message.message-message.message-block { background: #66666620; } html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-channel.active { background-color: #0d535b; color: #00f7ff!important; } html body div span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.form-group.row div.col-sm-8.col-10.col-xl-9 div.dropdown.filterable-select div.dropdown-menu div.dropdown-items a.dropdown-item:hover{background-color: #001e23;} html body div span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.form-group.row div.col-sm-8.col-10.col-xl-9 div.dropdown.filterable-select div.dropdown-menu{background-color: #000;} html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body img { margin-left: 35%; } div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.item-private.list-group-item-warning { background-color: #8b1048; font-weight: bold; color: #00ffe4!important; } div#chatView div div#conversation div.border-top.messages { font-family: "Open Sans", Regular!important; font-size: 12px; } html body div div#chatView div div#conversation div.bbcode-editor div.bbcode-editor-text-area textarea.form-control.chat-text-box { background-color: #010d17; border-color: #025b5a; } html body div div#chatView div div#conversation div.bbcode-editor div.bbcode-toolbar.btn-toolbar div.btn-group div.btn.btn-light.btn-sm { background-color: #010d17; border-color: #025b5a; } html body div div#chatView div div#conversation div.border-top.messages.messages-both div.message.message-event.message-block span.bbcode span.bbcode { color: #7bd6b5!important; } div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body, div#chatView div#user-list.sidebar-wrapper.open div.sidebar.sidebar-right div.body { padding: 5px; } div#chatView { color: #e3e3e3; height: 100%; } html body div span div.modal div.modal-dialog.logs-dialog div.modal-content div.modal-body div.messages.messages-both{height: 100%;} html body div div#chatView span.character-search div.modal div.modal-dialog.w-100 { align-items: normal; } html body div div#chatView span div.modal div.modal-dialog.w-100.channel-list { align-items: normal!important; } html body div div#chatView div { background: url(https://static.f-list.net/images/charimage/14810607.png); } html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action { background-color: #27384d; border-color: #122655; } html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div.list-group.conversation-nav a.list-group-item.list-group-item-action.active { background-color: #0D535D; border-color: #122655; } html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body { padding-right: 0px; } html body div div#chatView div#sidebar.sidebar-wrapper div.sidebar.sidebar-left div.body div a.btn { font-size: 11px; } div.modal-content { background-color: #010d17; border-color: #025b5a; } div.modal-header { border-color: #025b5a; } /*mobile CSS*/ @media only screen and (max-device-width: 1080px) and (max-device-height: 1920px) { #Logo { animation-name: none; -webkit-filter: drop-shadow(0px 0px 65px #00b7ff45); left: 3px; } #sidebar-character-edit-sections { height: 1500px!important; position: absolute; left: 0px; margin-top: 170px; width: 195px; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active div.panel.form-element div.TextareaToolbar.MediumPanel div.SmileyBox { display: none; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active div.panel.form-element div.TextareaToolbar.MediumPanel a { margin: 12px; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active div.panel.form-element { background: #00b7ff00; word-break: keep-all; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons div h3.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top { font-size: 20px; width: 100%; padding: 0px!important; margin: 0px!important; position: relative!important; } div#EditCharacter.StyledForm form#CharacterForm div#CharacterAccordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons #Sidebar { font-size: 20px!important; } .ui-resizable-handle { display: none; } .ui-draggable { display: none; } .contactlink { padding-bottom: 10px; } .ui-dialog { width: 90%!important; font-size: 20px; position: fixed!important; } .ui-current-memo { width: 100%!important; padding-bottom: 210px; } div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div.ui-dialog-content.ui-widget-content { width: 100%; padding-bottom: 440px; } .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se.ui-icon-grip-diagonal-se { display: none; } html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div#friendform.StyledForm.ui-dialog-content.ui-widget-content { text-align: center!important; min-width: 80%; } html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div.ui-dialog-content.ui-widget-content { min-width: 95%; height: 50px!important; } html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable { position: fixed; font-size: 25px; height: 93%!important; } .ui-tooltip.qtip.ui-helper-reset.ui-tooltip-shadow.ui-tooltip-pos-tc.ui-widget div.ui-tooltip-titlebar.ui-widget-header { font-size: 19px; } .ui-tooltip.qtip.ui-helper-reset.ui-tooltip-shadow.ui-tooltip-pos-tc.ui-widget { font-size: 15px; } div#NoteViewHeader { height: 100px!important; } div#NoteViewHeader a img { width: 100px!important; } td#Content #text { font-size: 100px!important; } td#Content div.panel div.FormattedBlock { font-size: 50px; word-break: normal!important; } td#Content div.panel { font-size: 30px; } span.element { height: 50px!important; width: 300px!important; } element { padding: 10px; } td#Content div.panel.StyledForm p span.element input { padding-top: 10px!important; padding-bottom: 4px; font-size: 30px; height: 30px; width: 290px!important; } select.CharacterSelectBox { width: 100%; height: 100%!important; } td#Content div.panel.StyledForm p span.element select#SendNoteCharacter.select { height: 45px; width: 290px!important; font-size: 30px } td#Content div.panel.StyledForm p div.TextareaToolbar.MediumPanel { padding-bottom: 20px; } .ToolbarButton { width: 50px; height: 50px; margin-right: 20px; border: 1px solid #078a8e; } td#Content div.panel.StyledForm p div.TextareaToolbar.MediumPanel div.SmileyBox { display: none; } td#Content div.panel.StyledForm p textarea#SendNoteMessage { height: 500px!important; } #friendform { height: 60%!important; padding-bottom: 50px; max-width: 90%; margin: auto; } #frienddata { text-align: left; font-size: 45px; } button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { margin-right: -200px; margin-left: 200px; width: 500px; } body { font-size-adjust: 1; overflow: auto; font-size: 20px!important; max-width: 1080px; } .Character_Fetish { font-size: 20px!important; word-wrap: break-word; } fbtab_threads { word-wrap: break-word; } #NavigationMessages, #NavigationNotecount, #NavigationLogout { font-size: 35px; text-align: center; } table#Page tbody tr td#Sidebar div#CategoryLinks div.list-highlight { font-size: 35px; padding-top: 25px; padding-bottom: 25px; } div#Frontpage_OnlineFriends { font-size: 35px!important; } div#Frontpage_OnlineFriends img { width: 100px; height: 100px; } .Messagecenter_Message.friendrequest { padding-bottom: 170px; font-size: 30px; } table.content-navigation tbody tr td.list-highlight a.next, table.content-navigation tbody tr td.list-highlight a.prev { font-size: 50px; } .Messagecenter_Message.MessagesGroupcharacterupdate { font-size: 30px; min-height: 100px; } .ImageLink.Messagecenter_Deletelink { font-size: 50px; } a.ImageLink.Messagecenter_Trashall { font-size: 50px; width: 250px!important; height: 80px; color: #0000!important; padding-top: 15px!important; } table#Page tbody tr td#Content a.ImageLink.Messagecenter_Trashall:before { color: #26a7ff; margin-left: 15px; margin-top: 15px!important; } .Messagecenter_Message.friendrequest a.option.ignore, div.Messagecenter_Message.friendrequest a.option.accept { font-size: 50px; } .Messagecenter_Message.friendrequest a.option.ignore { margin-top: 80px; } div.Messagecenter_Message.friendrequest a.option.accept { margin-right: -175px!important; } .list-highlight { background: #23598e14!important; } #NavigationChat:hover, #NavigationCharList:hover, #NavigationGroups:hover, #NavigationAccount:hover, #NavigationHelp:hover { background-color: #1A1B1B!important; margin-top: 2px; animation-name: none; text-shadow: 0px 0px 3px #00b7ff; } #NavigationNotecount { position: absolute; float: right!important; right: 0px; top: 97px; height: 70px; padding-top: 40px; width: 299px; } #NavigationMessages { float: right!important; width: 300px; height: 80px; padding-top: 42px; top: 214px; right: 9px; position: absolute; } #NavigationLogout { position: absolute; float: right!important; right: 0px; top: -5px; padding-top: 25px; height: 70px; width: 299px; } #NavigationMessages:hover, #NavigationNotecount:hover { animation-name: none; text-shadow: 0px 0px 2px #00b7ffd9; } #NavigationLogout:hover { animation-name: none; text-shadow: 0px 0px 2px #00b7ffd9; } #Page { padding-top: 60px; } #LoginBoxUsername { position: absolute; top: 5px; height: 25px; right: 0px; font-size: 22px; width: 200px!important; } #LoginBoxPassword { position: absolute; top: 45px; height: 25px; right: 0px; font-size: 22px; width: 200px!important; } #LoginBoxSubmit { position: absolute; top: 85px; right: 0px; font-size: 22px; padding: 98px; padding-top: 20px; padding-bottom: 35px; } #NavigationBar { padding: 0px; height: 190px; width: 100%!important; background-color: #1a1b1b; color: #1a1b1b; } #NavigationChat, #NavigationCharList, #NavigationGroups, #NavigationAccount, #NavigationHelp { border: 1px solid #00549b!important; font-size: 40px; padding-top: 30px; margin-left: 10px!important; margin-bottom: 40px; height: 50px !important; background-color: #252729!important; margin-top: 20px!important; border-radius: 20px; } #NavigationAccount { z-index: 1!important; position: absolute; left: 10px; top: 240px; } #NavigationHelp { z-index: 1!important; position: absolute; left: 230px; top: 240px; border: 1px solid #00b3ff; } #NavigationGroups { z-index: 1!important; position: absolute; left: 450px; top: 159px; border: 1px solid #00b3ff; } #NavigationCharList { z-index: 1!important; position: absolute; left: 160px; top: 159px; border: 1px solid #00b3ff; } #NavigationLoggedIn { height: 180px; width: 99.8%!important; font-size: 50px; } html body div#Container table#Page tbody tr td#Content div.panel table.list-navigation tbody tr td a { font-size: 20px; } #fptabcontent_chat { font-size: 20px!important; } #Frontpage_OnlineFriends { font-size: 19px!important; padding-top: 50px; padding-bottom: 50px; } #NotesBack, #ToggleUnread, #ToggleRead, #ToggleStarOn, #ToggleStarOff, #Trash, #Undelete, #Report, #History { position: absolute; width: 245px; height: 47px; font-size: 20px!important; padding: 1px!important; margin-bottom: -1px; background: linear-gradient(#2c3440, #0d0b0b)!important; } #NotesBack, #NotesBack .ui-state-active { border-radius: 10px 0px 0px 0px!important; } #ToggleRead, #ToggleUnread, #ToggleUnread .ui-state-active, #Toggleread .ui-state-active { left: 248px; width: 249px; border-radius: 0px 0px 0px 0px!important; } #ToggleStarOn, #ToggleStarOff, #ToggleStarOff .ui-state-active, #ToggleStarOn .ui-state-active { left: 496px; width: 249px; border-radius: 0px 10px 0px 0px!important; } #Trash, #Trash .ui-state-active { top: 46px; width: 249px; border-radius: 0px 0px 0px 10px!important; } #Report, #Report .ui-state-active { top: 46px; left: 248px; width: 249px; border-radius: 0px 0px 0px 0px!important; } #History, #History .ui-state-active { top: 46px; left: 496px; border-radius: 0px 0px 10px 0px!important; } #History .ui-state-focus { top: 47px!important; } #Back.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { font-size: 20px; height: 60px; width: 95%; position: absolute; } html body div#Container table#Page tbody tr td#Content div.panel.FormattedBlock div.FormattedBlock { font-size: 25px; } html body div#Container table#Page tbody tr td#Content h2#Note_PageHeader { margin-top: 70px!important; } td#Content div.panel.right.FormattedBlock, td#Content div.panel.left.FormattedBlock { font-size: 30px!important; } td#Content div.panel.right.FormattedBlock div.FormattedBlock, td#Content div.panel.left.FormattedBlock div.FormattedBlock { font-size: 20px!important; } #Back.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-active { height: 50px; } .ui-button-text { background: #0000; } #History, #NotesBack { height: 43px; } td#Content div#NoteViewHeader div#NoteTools.ui-buttonset { position: absolute; width: 900px; margin: auto!important; } td#Content input#Reply.ui-button.ui-widget.ui-state-default.ui-corner-all { width: 95%; left: 20px; height: 90px; font-size: 50px; } .ui-flexmenu { width: 100%; font-size: 40px; position: absolute!important; top: 350px!important; } div.ui-flexmenu-body { max-height: 1000px!important; } a.ui-flex-item.ui-state-default, span.ui-flex-item.ui-state-default { padding-top: 20px!important; padding-bottom: 20px!important; } td#Content div.panel { padding-bottom: 80px; } button#dialog-note-close.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, button#dialog-note-send.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { left: 160px; width: 470px; } div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div#tabs-1.StyledForm.ui-tabs-panel.ui-widget-content.ui-corner-bottom table#Character_FetishList.Character_FetishListContainer { max-width: 100%!important; } td#Content table.content-navigation { font-size: 50px!important; } button#dialog-note-close.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { top: -132px; left: 390px; } textarea { font-size: 40px; } select#Character_QuickCompareSelect { height: 60px; width: 350px!important; } #Character_FetishFilterHeader { padding-bottom: 150px; width: 550px; } div#Character_FetishFilterHeader select#Character_QuickCompareSelect { position: absolute; left: 30px; margin-top: 30px; } div#tabs-1.StyledForm.ui-tabs-panel.ui-widget-content.ui-corner-bottom div#Character_FetishFilterHeader div select { height: 140px; margin-top: 35px; right: 40px; width: 250px; position: absolute; } .CollapseBlock { font-size: 16px!important; } button#Character_QuickCompareButton, button#Character_QuickCompareClear { padding: 25px; margin-top: 95px; width: 171px; position: absolute; } button#Character_QuickCompareButton { margin-left: -240px; } button#Character_QuickCompareClear { margin-left: -60px; } #Frontpage_Stats { left: 150px; top: 115px; } #Character_FetishlistFave { --Glow-color: #3aadbf; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } #Character_FetishlistYes { --Glow-color: #6cd06c; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } #Character_FetishlistMaybe { --Glow-color: #ff0; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } #Character_FetishlistNo { --Glow-color: #d94949; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } .Character_Fetishlist .Character_SubfetishList.Open { --Glow-color: #ff8b06; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } #Character_FetishlistFave.Character_Fetishlist.LightPanel .DarkPanel.Open { --Glow-color: #008cea; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } #Character_FetishlistYes.Character_Fetishlist.LightPanel .DarkPanel.Open { --Glow-color: #00ea7d; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } #Character_FetishlistNo.Character_Fetishlist.LightPanel .DarkPanel.Open { --Glow-color: #ea006d; animation-name: none; box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } .Character_Fetish.Character_CustomFetish.HasSubfetishes.Character_FetishGroupCustom.Open { animation-name: none; text-shadow: 0px 0px 3px var(--Glow-color, #0fa); } #NotesTools { position: absolute; right: 10px; } #NotesTools2 { position: absolute; right: 10px; top: 250px; } #buttons-select, #buttons-deselect, #buttons-destar, #buttons-star, #buttons-move, #buttons-trash, #buttons-undelete, #buttons-empty-trash, #buttons-mark-read, #buttons-mark-unread { min-width: 100px; min-height: 45px; font-size: 20px; } div#NotesTools2.ui-buttonset { margin-top: 110px!important; } #buttons-select, #buttons-deselect { margin-top: 55px; } .itgroup { font-family: "Source Code Pro", black, serif!important; font-size: 13px; min-height: 10px!important; } #tabs .ui-widget-content, .chattabs .ui-widget-content { font-size: 20px!important; } .charname { font-size: 40px!important; word-break: break-all; margin-top: 70px; } #Content { background-color: #1a1b1b; font-size: 20px; min-width: 40px!important; word-break: break-all; } .friendbutton { position: absolute; top: 365px; left: 5px; width: 203px; height: 40px; padding-top: 20px; text-align: center; float: left; z-index: 1!important; text-shadow: 0px 0px 9px #000; border: 1px solid #0B345F; background: #2D3133; } div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only span.ui-button-text { margin-top: 25px; margin-bottom: 25px; color: #000; background: #9af6df00; } .friendbutton:hover { animation-name: none; box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); } td#Sidebar div#Note_Folders .list-highlight { min-height: 98px!important; word-break: normal!important; } #NoteFolderUnread.NoteFolder.list-highlight, #NoteFolder1.NoteFolder.list-highlight, #NoteFolder2.NoteFolder.list-highlight, #NoteFolder3.NoteFolder.list-highlight, #NoteFolderStarred.NoteFolder.list-highlight { font-size: 25px!important; } span.name { position: absolute; margin-top: 2.7%; word-break: break-all; } span.count, span.unread { margin-top: -8px!important; word-break: break-all; height: 96px!important; font-size: 25px!important; } .StyledForm.ui-dialog-content.ui-widget-content p span.label, .StyledForm.ui-dialog-content.ui-widget-content p span.element { height: 42px; } .label { height: 50px!important; width: 130px!important; margin-bottom: 2px; } div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div#friendform.StyledForm.ui-dialog-content.ui-widget-content input { margin-right: 30%; font-size: 50px; margin-left: 30%; } td#Content div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all div#tabs-1.StyledForm.ui-tabs-panel.ui-widget-content.ui-corner-bottom div.FormattedBlock a img.ParsedAvatar { width: 100px!important; height: 100px!important; } div#Note_Box a img.avatarsource, div#Note_Box a img.avatardest { width: 100px!important; } div#Note_Box a img.avatarsource { position: absolute; } #Messagecenter_friends, #Messagecenter_threadpostCategory, #Messagecenter_characterupdateCategory, #Messagecenter_guestbookpostCategory, #Messagecenter_grouprequestCategory, #Messagecenter_ticketupdateCategory, #Messagecenter_newspostcommentCategory { margin-top: -25px; margin-bottom: -25px; border-bottom: 3px solid #0B345F; background: linear-gradient(#222629, #1B1D1D); border-right: 1px solid #0B345F!important; } div.Messagecenter_Message.friendrequest a.avatar img, div.Messagecenter_Message.friendrequest a.avatardest img { width: 150px!important; height: 150px } .CheckNote { padding-bottom: 110px; min-height: 37px; } .Note_Boxnote.list-highlight { margin-left: 45px!important; } .Note_Boxnote.list-highlight span.receiver { margin-top: 95px; float: right!important; margin-right: -100px!important; } .Note_Boxnote.list-highlight span.sender { margin-top: 95px; float: left!important; position: absolute; margin-left: 10px!important; } .Note_Boxnote.list-highlight span.title { margin-left: 30px!important; } .Note_Boxnote { padding-bottom: 50px; min-height: 90px; font-size: 27px; } .nav-position { font-size: 20px!important; } .itgroup { width: 100%; min-height: 950px; } #Sidebar { padding-top: 90px; } .infodatabox { font-size: 20px; min-width: 64px; min-height: 450px; } div#Character_InfoBox div.statbox { font-size: 20px; } #tabs .ui-widget-content, .chattabs .ui-widget-content { font-size: 20px!important; } div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all { font-size: 20px; } .charactionmenu .edit { margin-left: 0px } .charactionmenu { margin-top: 30px } .Character_PageAvatar { margin-left: -5px!important; width: 160px!important; height: 200px!important; } .Character_PageAvatar img { margin-left: -20px; width: 200px!important; height: 200px!important; } .ui-tabs { animation-name: none; box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); } .Character_PageAvatar img { animation-name: none; box-shadow: 0px 0px 6px #00b7ff; } .chartitle { font-size: 20px; margin-top: -10px; animation-name: none; text-shadow: 0px 0px 3px var(--Glow-color, #0fa); } .charactionmenu .edit, .charactionmenu .delete, .charactionmenu .memo, .charactionmenu .report, .charactionmenu .bookmarkdel, .charactionmenu .bookmarkadd { font-size: 25px; width: 85%; padding-top: 20px; margin-bottom: 10px; height: 50px; text-align: center; --Glow-color: #0fa; animation-name: none; text-shadow: 0px 0px 3px #00b7ff; } table#Page tbody tr td#Sidebar.CharpageSidebar div#Character_InfoBox div.contactbox a.contactlink:first-child { font-size: 25px; width: 102%!important; border-radius: 4px; margin-left: -4px!important; margin-top: -14px!important; background-color: #3D3A3B; padding-top: 20px; height: 45px; font-weight: initial; text-align: center; padding-left: 5px; text-shadow: 0px 0px 3px #00b7ff; } table#Page tbody tr td#Sidebar.CharpageSidebar div#Character_InfoBox div.contactbox a.contactlink { padding-left: 30px; width: 89%; } div#Container table#Page tbody tr td#Sidebar.CharpageSidebar div#Character_InfoBox div.contactbox a.contactlink img:first-child { text-align: left!important; position: absolute; left: 10px!important; padding-top: 7px; } #charabadges { margin-top: 220px; } div.DisplayedMessage, #DisplayedMessage { --Glow-color: #f6ff00; box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); animation-name: none; } div.CollapseHeaderText { padding-top: 20px; padding-bottom: 20px; } html body div#Container table#Page tbody tr td#Content div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all { width: 100%; padding-top: 72px; } div#Container table#Page tbody tr td#Content div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li.ui-state-default.ui-corner-top { top: 0px!important; border-bottom: 1px solid #0A3E6B!important; border-radius: 5px; margin-left: 1px; margin-bottom: 5px; } .ui-state-active { width: 38%; padding-right: 30%!important; padding-left: 30%!important; position: absolute!important; margin-right: auto!important; margin-top: 0px!important; border-top: 0px solid #0A3E6B!important; border-radius: 0px 0px 10px 10px!important; } div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li.ui-state-default.ui-corner-top a { padding-left: 54px!important; padding-right: 60px!important; padding-bottom: 15px; padding-top: 15px; } .ui-tabs-nav { width: 100%!important; font-size: 25px!important; text-align: center!important; } .thumbnail:hover, .avatarthumbnail:hover { animation-name: none; box-shadow: 0px 0px 30px #1d4088; } .thumbnail, .avatarthumbnail { border-radius: 3px; border: 10px solid; height: 1%!important; width: 20%!important; } .Character_InfotagGroup { animation-name: none; box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); } .ui-dialog { box-shadow: 0px 0px 6px #1d6688; animation-name: none; } .ui-button:hover { animation-name: none; box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); } } /* Animations */ @keyframes pulse { from { box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); } 15% { box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } 25% { box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); } 50% { box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } 75% { box-shadow: 0px 0px 6px var(--Glow-color, #00b7ff); } to { box-shadow: 0px 0px 5px var(--Glow-color, #00b7ff); } } @keyframes pulseInset { from { box-shadow: inset 0px 0px 10px var(--Glow-color, #00b7ff); } 15% { box-shadow: inset 0px 0px 12px var(--Glow-color, #00b7ff); } 25% { box-shadow: inset 0px 0px 10px var(--Glow-color, #00b7ff); } 50% { box-shadow: inset 0px 0px 12px var(--Glow-color, #00b7ff); } 75% { box-shadow: inset 0px 0px 10px var(--Glow-color, #00b7ff); } to { box-shadow: inset 0px 0px 11px var(--Glow-color, #00b7ff); } } @keyframes pulseInOut { from { box-shadow: inset 0px 0px 5px var(--Glow-color, #00b7ff), 0px 0px 14px var(--Glow-color, #00b7ff); } 15% { box-shadow: inset 0px 0px 6px var(--Glow-color, #00b7ff), 0px 0px 15px var(--Glow-color, #00b7ff); } 25% { box-shadow: inset 0px 0px 5px var(--Glow-color, #00b7ff), 0px 0px 16px var(--Glow-color, #00b7ff); } 50% { box-shadow: inset 0px 0px 6px var(--Glow-color, #00b7ff), 0px 0px 17px var(--Glow-color, #00b7ff); } 75% { box-shadow: inset 0px 0px 6px var(--Glow-color, #00b7ff), 0px 0px 15px var(--Glow-color, #00b7ff); } to { box-shadow: inset 0px 0px 5px var(--Glow-color, #00b7ff), 0px 0px 12px var(--Glow-color, #00b7ff); } } @keyframes pulseInOutR { from { box-shadow: inset 0px 0px 10px #00f9, 0px 0px 14px #00f9; background: #0071ff; color: #ff7c00!important; } 20% { box-shadow: inset 0px 0px 9px #0df9, 0px 0px 15px #0df9; background: #00ffc8; color: #f00!important; } 30% { background: #00ff3f!important; box-shadow: inset 0px 0px 10px #0f19, 0px 0px 16px #0f19; color: #ff00f0!important; } 40% { box-shadow: inset 0px 0px 9px #ef09, 0px 0px 17px #ef09; background: #feff00; color: #9000ff!important; } 50% { box-shadow: inset 0px 0px 9px #ff8000ab, 0px 0px 15px #ff8000ab; background: #ff5e00; color: #0005ff!important; } 60% { box-shadow: inset 0px 0px 9px #f009, 0px 0px 15px #f009; background: #f00; color: #00ffe6!important; } 70% { box-shadow: inset 0px 0px 10px #f0f9, 0px 0px 12px #f0f9; background: #f0c; color: #0f3!important; } 80% { box-shadow: inset 0px 0px 10px #80f9, 0px 0px 12px #80f9; background: #8a00ff; color: #f00!important; } to { box-shadow: inset 0px 0px 10px #00f9, 0px 0px 12px #00f9; background: #0071ff; color: #ff7c00!important; } } @keyframes pulseC { from { box-shadow: 0px 0px 30px #1d4088; } 25% { box-shadow: 0px 0px 20px #1d4088; } 50% { box-shadow: 0px 0px 40px #1d4088; } 75% { box-shadow: 0px 0px 20px #1d4088; } to { box-shadow: 0px 0px 30px #1d4088; } } @keyframes pulseD { from { box-shadow: 0px 0px 5px #1d4088; } 50% { box-shadow: 0px 0px 6px #1d6688; } to { box-shadow: 0px 0px 5px #1d4088; } } @keyframes pulseSlow { from { text-shadow: 0px 0px 3px #00b7ff; } 20% { text-shadow: 0px 0px 2px #00b7ffd9; } 30% { text-shadow: 0px 0px 3px #00b7ffad; } 40% { text-shadow: 0px 0px 4px #00b7ffd1; } 50% { text-shadow: 0px 0px 5px #00b7ffba; } 60% { text-shadow: 0px 0px 4px #00b7ffba; } 70% { text-shadow: 0px 0px 3px #00b7ffba; } to { text-shadow: 0px 0px 2px #00b7ff; } } @keyframes pulseText { from { text-shadow: 0px 0px 3px var(--Glow-color, #0fa)!important; } 20% { text-shadow: 0px 0px 4px var(--Glow-color, #0fa)!important; } 30% { text-shadow: 0px 0px 5px var(--Glow-color, #0fa)!important; } 40% { text-shadow: 0px 0px 6px var(--Glow-color, #0fa)!important; } 50% { text-shadow: 0px 0px 5px var(--Glow-color, #0fa)!important; } 60% { text-shadow: 0px 0px 4px var(--Glow-color, #0fa)!important; } 70% { text-shadow: 0px 0px 3px var(--Glow-color, #0fa)!important; } to { text-shadow: 0px 0px 5px var(--Glow-color, #0fa)!important; } } @keyframes pulseTIMG { from { -webkit-filter: drop-shadow(0px 0px 55px #00b7ff38); } 15% { -webkit-filter: drop-shadow(0px 0px 65px #00b7ff30); } 25% { -webkit-filter: drop-shadow(0px 0px 60px #00b7ff40); } 50% { -webkit-filter: drop-shadow(0px 0px 65px #00b7ff33); } 75% { -webkit-filter: drop-shadow(0px 0px 70px #00b7ff45) } 85% { -webkit-filter: drop-shadow(0px 0px 65px #00b7ff4f) } to { -webkit-filter: drop-shadow(10px 0px 60px #00bfff30); } } @keyframes pulseIMG { from { box-shadow: 0px 0px 6px #00b7ff; } 15% { box-shadow: 0px 0px 7px #00b7ff; } 25% { box-shadow: 0px 0px 9px #00b7ffd4; } 50% { box-shadow: 0px 0px 8px #00b7ffcf; } 75% { box-shadow: 0px 0px 7px #00b7ff; } 85% { box-shadow: 0px 0px 8px #00b7ffa8; } to { box-shadow: 0px 0px 7px #00b7ffde; } } @keyframes pulseCol { from { -webkit-filter: drop-shadow(0px 0px 7px #00b7ff38); } 50% { -webkit-filter: drop-shadow(0px 0px 7px #00b7ff40); } to { -webkit-filter: drop-shadow(0px 0px 7px #00b7ff39); } } }