.postavatorbox{ width: 40px; height: 40px; background-color: var(--clickablebackgroundcolor); display: inline-block; border-radius: 1000px; margin-right: 2px; vertical-align: middle; } .rotatearrowicon{transform: rotate(180deg);} .submissionUnabledNote { color: var(--sidetitlecolor-disabled)!important} .noUserUpdatesInWhisper{ margin-top: 7px; } .profilebackgroundimage{ position: absolute; height: 105px; width: 980px; margin-top: -50px; margin-left: calc(50% + -490px); border: none !important; border: 1px solid transparent; } .CtcReplyButtonAfterBoxExpanded{ border-radius: 5px !important; width: 100px !important; font-weight: bold; font-size: 14px; } .ctcWindowReplyTextareaExpanded{ padding-right: 220px !important; } .ctcWindowReplyTextarea{ max-height: 350px; padding-top: 15px; border-top: none; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-image: initial; background-color: var(--contentbackgroundcolor); width: 100%; font-weight: normal; padding-left: 7px; margin-bottom: 40px; padding-right: 16px !important; } .articleContentBackground { background-color: var(--contentbackgroundcolor); height: 100%; display: block; margin-left: 25px; margin-top: -40px; padding-top: 25px; width: 980px; margin-bottom: 30px; padding-bottom: 30px; border-radius: 15px; } .articleEndNotationList{margin-top: 35px;} .lastArticlePage{display: block;margin-left:60px;} .nextArticlePage{display: block;margin-left:60px;margin-top: 20px;} .articlePageHook{ left: 0; margin-top: 250px; margin-left: 30px; position: sticky; top: 100px; margin-left: calc(50% + -674px); width: 100px;} .pageHookParentSubtitle{font-size: 17px;width: 200px;font-weight: bold;color: var(--mainfontcolor);} .topnavigationbarSelection { width: 49%; text-align: center; margin-top: -2px; } .topnavigationbar { position: fixed; background-color: #ffffff8c !important; backdrop-filter: blur(55px); } .topnavigationbarSelection{background-color: transparent;} .pageHookSubtitle{font-size: 15px;width: 150px;margin-top: 10px;font-weight: normal; -webkit-line-clamp: 1; display: -webkit-inline-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer; word-break: break-all;color: var(--mainfontcolor);} .articleEndNotation{ color: gray; margin-top: 10px; display: block; font-size: 14px;} body, html, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: 100%; text-size-adjust:100%; } .boldFont{ font-weight: bold; } .dynamicpagereportlayout{ transform: translate(-50%, -50%) !important; top: calc(50%) !important; left: calc(50%) !important; height: auto !important; position: relative !important; margin-top: 215px !important; margin-left: -115px !important;} .countinteractionfrequencyfixed{color: var(--tagcolor); background: var(--backgroundcolor); padding-top: -10px; /* border-radius: 5px; */ padding-left: 15px; padding-right: 15px; float: right; display: block; top: 0; position: absolute; right: 0; margin-right: -10px; height: 25px; /* font-size: 15px; */ vertical-align: baseline; line-height: 1.82; box-shadow: 0.3px -0.3px 0.1px 0px var(--contentboxboxshadow);; border-bottom-left-radius: 5px; border-top-right-radius: 5px; } .countinteractionfrequency{ color:var(--tagcolor); background: var(--backgroundcolor); padding-top: -10px; /* border-radius: 5px; */ padding-left: 18px; padding-right: 18px; /* float: right; */ display: block; margin-top: -21px; position: absolute; /* right: 0; */ margin-left: 208px; height: 25px; /* font-size: 15px; */ vertical-align: baseline; line-height: 1.82; box-shadow: 0.3px -0.3px 0.1px 0px var(--contentboxboxshadow);; border-bottom-left-radius: 5px; border-top-right-radius: 5px; } .bi-caret-down-fill{transition: 0.3s;} .viewimage-normal-vote{width: 70px;height: 70px;border-radius: 1000px;} .viewbutton2:hover .bookmarkCharacter{stroke:var(--mainhovercolor);transition: 0.1s;} .bookmarkCharacter{stroke: var(--maincolor);;height: 80%;} .sideboxtitleicon{ width: 20px; vertical-align: text-top;} .whisperauthorinformationpicturebox{ width: 55px; height: 55px; background-color: rgb(240,240,240); display: inline-block; border-radius: 1000px; margin-right: 2px; vertical-align: middle; float: left; z-index: 1111; position: relative; } .homeavatarbox{ vertical-align: middle; width: 37px; border-radius: 5px; margin-right: 8px; height: 37px; background-color: var(--clickablebackgroundcolor); display: inline-block; margin-top: -27px;} .dreampostpicturebox3{width:550px} .dreampostpicturebox{width: 555px; margin-left: 74px;} .emptyboximage{width:95px;margin-top:60px; margin-bottom: 25px;} .mygroupoption{text-align: center;padding: 20px;margin-top:0px;margin-bottom:0px;font-size: 15px; color: #8c8c8c;border: 5px solid var(--contentbackgroundcolor); cursor: pointer; border-radius: 10px;} .mygroupoption:hover{background-color: var(--primaryhoverclickablebackgroundcolor); transition: 0.1s;} .judgecategory{ padding:0px;padding-top:7.5px;padding-bottom: 5px;border: 4px solid var(--contentbackgroundcolor);} .judgecategory:hover{transition: 0.1s;color: var(--mainfontcolor);} .votewallfirstfiltertagname:hover{color:var(--charactewrfiltertagcolor);transition: 0s;} .typejudgementnonbinary{width: 28px;background-color: rgb(71, 192, 71);} .mygroupselection { box-shadow: 0px 0px 1px 0px var(--contentboxboxshadow); border-radius: 5px; position: fixed; height: auto; width: 310px; background-color: var(--contentbackgroundcolor); margin-left: calc(50% + 185px); margin-top: 50px; } .personalityratiosetbox{ border-radius: 10px; padding-top: 10px; padding-bottom: 10px;width: auto} .mygroupchosen { background-color: var(--bigChosenButtonBackgroundColor); color: var(--mainfontcolor); border: 5px solid var(--contentbackgroundcolor); border-radius:10px; font-weight: bold; } .testinitialpagetitle{ font-size: 30px; font-weight: bold; margin-top: 80px; width: 60%; } .testinitialpagesubtitle{ font-size: 19px; margin-top: 10px; width: 80%; color: #a7a7a7; } .mygroupchosen2{ padding-bottom: 5px;} .mainboxmygroup { width: 660px; height: auto; float: left; margin-left: calc(50% + -210px); margin-top: 25px; } .groupstatistic{margin: 5px;text-align: center;font-size: 12px;color: #a2a2a2;} .dreamboxsubtheme-other{font-size: 13px;color: rgb(155, 155, 155);} .searchchannel3{margin-left: -35px; float: right; display: inline-block;margin-top: 10px;} .groupInfoBox{ float: right; height: auto; width: auto; padding-top: 11px; margin-right: 28px; border-radius: 1117px; padding: 4px; border: 1px solid var(--hr); margin-top: 0px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;} .ctcBoxTitleExpanded{font-size: 19px !important;} .menuTranslationIcon{ width: 19px !important; margin-right: 1px !important; margin-top: -3px !important;} @media (min-width: 999px) and (max-width:1225px) { .profileviewcard{position: fixed;right: calc(10% + -70px)} .notificationcard{position: fixed;right: calc(10% + -25px)} } .settingrow{ margin-left: 35px; margin-top: 10px; margin-bottom: 30px;} .settingsubrow{ font-size: 16px;} .settingtopic{ font-weight: bold; border-left: 2px solid gray; padding-left: 10px;} .settingbutton{ float: right; margin-right: 37px; background-color: var(--homebuttonbackgroundcolorone); /* border: 2px solid var(--whisperButtonBorderColorNotHome) !important; */ color: var(--mainfontcolor); font-size: 15px; padding-left: 12px; padding-right: 12px; padding-top: 4px; padding-bottom: 4px; border-radius: 8px; cursor: pointer; } .settingbutton:hover { background-color: var(--homebuttonbackgroundhovercolortwo); transition: 0.1s; } @media (min-width: 0px) and (max-width:1080px) { .whisperAuthorFloatBar{width: 820px !important; } } @media (min-width: 0px) and (max-width: 999px) { .groupmemberbottoninfobox{ margin-top: 180px !important; margin-left: 435px !important; } #searchbar{margin-left: 55px; /* margin-left:35px; */ } .libraryArticleListBody{position: absolute !important; margin-left: 10px !important;} .searchaBarFloat{margin-left: 35px !important;} #dreambody-home{ width: 492px;} .profileviewcard{ position: absolute; margin-left: 825px;} } @media (min-width: 0px) and (max-width: 999px) { .notificationcard{position: absolute; margin-left: 582px; } .loginbody, #bottomlogin{right: auto !important;margin-left: 490px !important; position: absolute !important;} #bottomlogin{width: auto;margin-left: 380px !important} .groupselection2{ position: absolute;margin-left: -225px; } } .memberbutton{width: 70px;margin: 2px;margin-top: 15px;} .memberoperationbutton { border-radius: 5px; width: 100%; padding: 10px; margin-top: 15px; background-color: #f1f1f1; color: #838383; } .memberoperationbutton:hover{ background-color: #f1f1f1; color: #838383;} .groupinformationchangebox{height: 700px;background-color: var(--contentbackgroundcolor);width: 1030px;margin-left: calc(50% + -550px);border-radius: 30px;} .groupinformationchange{font-size: 23px;color: var(--maincolor);;} .groupinformationinput1{border: 1px solid rgb(151, 79, 79);font-size: 17px;margin: 20px;} .groupinformationchangebox3{margin:30px;} .editbox1{width: 290px;border: none;;padding: 5px;padding-top: 0px;padding-bottom: 0px; border-bottom: 1px solid var(--textareabottomcolor); background-color: transparent; border-radius: 0px;} .relationshipeditplaceholder .el-input { padding-left: 30px; } .relationshipeditplaceholder .el-input .el-input__inner { width: 100px; text-align: center; } .profilenameSet:hover {cursor: pointer;} .profilenameSet:hover .profilename{color: var(--logofonthovercolor); transition: 0.3s; cursor: pointer;} .profilenameSet:hover .briefintroduction .personalityview{color: var(--mainhovercolor);transition: 0.3s; cursor: pointer;} .profilenameSet:hover .briefintroduction .profilegender #中性 path{fill: var(--mainhovercolor);transition: 0.3s; cursor: pointer;} .profilenameSet:hover .briefintroduction .profilegender #女 path{fill: var(--mainhovercolor);transition: 0.3s; cursor: pointer;} .profilenameSet:hover .briefintroduction .profilegender #男 path{fill: var(--mainhovercolor);transition: 0.3s; cursor: pointer;} .ChangeColorBox{ width: 15.2%; margin-left: 25px; font-size: 15px; background-color:var(--clickablebackgroundcolor); text-align: center; padding-top: 10px; color: var(--mainfontcolor); border-radius: 5px; line-height:2.9; height: 64px; display: inline-block;; } .relationshipeditplaceholder .el-input .el-input__suffix{ display: none; } .relationshipeditplaceholderRight .el-input { padding-left: 30px; } .dismissGroupButton{ margin-top: 46px; float: right; margin-right: 10px; font-size: 13px; color: gray; } .dismissGroupButton:hover{ cursor: pointer; color: var(--hr); transition: 0.5s; } .editbox2{height: 74px;border:none;padding:5px;padding-left: 5px;padding-right: 5px; border-bottom: 1px solid var(--textareabottomcolor); background-color: transparent; border-radius: 0px;margin-left: 5px;width: 491px;} .editboxIfMine{width: 430px !important;} .changegrouplogo{ width: 130px; margin-top:0px; position: absolute; text-align: center; height: 130px; vertical-align: bottom; background-color: #0000005e; color: var(--contentbackgroundcolor); font-size: 15px; border-radius: 20px; } .changegrouplogo:hover{ transition: 0.1s; background-color: #00000040; cursor: pointer; } .changeregisteravatar:hover{ transition: 0.1s; background-color: #00000040; cursor: pointer; color: var(--contentbackgroundcolor); } .displayWhenCharacterImageNotChosenAvatarMaskBackground{ background-color: #0000004f !important; } .displayWhenCharacterImageNotChosen{display: none !important;} .changeregisteravatar:hover .changegrouplogotext{ display: block !important; transition: 0.3s; } .changeregisteravatar2:hover{ transition: 0.1s; background-color: #00000040; cursor: pointer; color: var(--contentbackgroundcolor); } .changeregisteravatar2{ margin-left: -100px; width: 200px; margin-top: -100px; position: absolute; text-align: center; height: 200px; margin-left: -205px; vertical-align: bottom; background-color: #00000000; color: rgba(255, 255, 255, 0); font-size: 15px; border-radius: 201px; } .changeregisteravatartext { margin-top: 104px; } .changeregisteravatartext2 { margin-top: 90px; } .VoteCharacterInfoBoxSet{margin-left: 29px;margin-top: 10px;margin-bottom: -1px;} .VoteCharacterInfoBox{ margin-bottom: 11px; width: 30.4%;;display: inline-block;text-align: center;margin-right: 16.8px;background-color: var(--clickablebackgroundcolor);;border-radius: 7px;} .clickpage:hover .VoteCharacterInfoBox{background-color: var(--characterpreviewboxhighlighthoverbackgroundcolor-userprofile);transition: 0.5s;} .clickpage:hover .VoteCharacterInfoBox:hover{background-color: var(--characterpreviewboxhoverbackgroundcolor-userprofile) ;transition: 0.5s;} .VoteCharacterInfoimage{ width: 25%; /* height: 48px; */ float: left; border-radius: 0px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .VotePersonalityBox{ display: block; margin-top: -6px !important; text-align: center;} .VoteCharacterInfoTime{ font-size: 9px; color: #a4a4a4; float: right; margin-right: 10px; margin-top: 3px;} .VoteCharacterInfoName{ color: #828282;font-size:15px; padding-top:3px;display:inline-block; margin-top: 3px; width: 65%; text-align: left ; -webkit-line-clamp: 1; display: -webkit-inline-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer; word-break: break-all;} .eightfunctionordertitle-character { font-size: 11px; margin-top: 8px;} .profileallpagesubtitle{ padding-left: 28px; font-size: 15px; background: transparent; box-shadow: none; margin-top: 14px; margin-bottom: 5px; color: #707070;; } .profilepicedit{ z-index: 2147483647; width: 170px; height: 170px; border-radius: 10px; margin-top: 0px;} .personalityprofilebox:hover{background-color: var(--contentbackgroundcolor);cursor: auto;box-shadow: 0px 0px 1px 0px var(--contentboxboxshadow);;} .whiteBackground{background-color: var(--contentbackgroundcolor);padding-top: 40px;padding-bottom: 30px;} .changegrouplogotext{margin-top: 55px;color: white;} .postbuttontitle{color: rgb(85, 85, 85);display: block;margin-top: 10px; margin-top: 12px; margin-bottom: 3px; font-size: 12px;} .changegrouplogotext2{margin-top: 11.25px;} .changegrouplogotext3{margin-top: 55px;} .editshow{display: none;} .changeregisteravatar { width: 200px; margin-left: -100px; margin-top: -200px; position: absolute; text-align: center; height: 200px; vertical-align: bottom; background-color: #00000000; color: rgba(255, 255, 255, 0); font-size: 15px; border-radius: 201px; } .switchToggleUnique { display: inline-block; position: relative; width: 54px; height: 29px; margin-top: 5px; } .circularprogressbarinnertext{ width:262px; font-size: 15px; position: absolute; margin-top: -115px; line-height: 1.7; } .switchToggleInput { display: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .switchToggleInput:checked { background: none; outline: none; } .switchToggleLabel { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--switchButtonBackgroundColor); transition: 0.4s; border-radius: 34px; } .switchToggleLabel:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2.4px; bottom: 2px; background-color: var(--contentbackgroundcolor); transition: 0.4s; border-radius: 50%; } .switchToggleInput:checked + .switchToggleLabel { background-color: var(--maincolor) ;; } input:checked+label::after { position: absolute; content: ""; width: 5px; height: 10px; top: 3px; left: 6.5px; border: 2px solid rgb(81 138 134 / 0%); border-top: none; border-left: none; transform: rotate(45deg) /* 自定义inputcheckbox样式 */; } .switchToggleInput:checked + .switchToggleLabel:before { margin-top: 1px; transform: translateX(29.7px); } .dreamboxthemeimage-user{border-radius: 10000px; background: var(--clickablebackgroundcolor)} .postcontentavatar-discuss{ width: 50px; position: absolute; border-radius: 1000px; margin-left: -75px; margin-top: -20px; } .mainpostwhisper{ background-color: var(--maincolor); color: var(--contentbackgroundcolor); padding: 25px; padding-top: 0px; padding-bottom: 0px; font-size: 15px; vertical-align: middle; margin-top: -4px; margin-left: -4px; } .mainpostwhisper:hover{ background-color: var(--mainhovercolor); } input:checked+label{border: none;} .clickpage:hover .channeloperationbutton2{color: #3a3a3a;background-color: var(--clickbackgroundhoversencondarybutton);transition: 0.1s;} .clickpage:hover .channeloperationbutton2:hover{color: #ffffff;background-color: var(--clickbackgroundhoversencondarybuttonhover);} .channeloperationbutton2{background-color: var(--secondarybuttoncolor);color: var(--mainfontcolor);} .channeloperationbutton2:hover{background-color: var(--clickbackgroundhoversencondarybuttonhover);} .appdownloadfaceimagebox{ position: absolute; width: 864px; overflow: hidden; margin-left: 340px; /* height: 621px; */ margin-top: -190px; z-index: -1;} .downloadapp-subtitle-icon{ margin-bottom: -3.5px; margin-right: 3px;} .subtitle-protocol{font-size: 18.5px;font-weight: bold;vertical-align:10px} .downloadapp-subtitle{font-size: 10px;display: inline-block;color: var(--discussingrecommendpostcolor);} .downloadapp-subtitle-box{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px; padding: 20px;border-bottom: 1px solid var(--imagebordercolor);margin-bottom: 15px;} .appdownloadfaceimage{ float: left; z-index: -1px; width: 70%; height: 70%; margin-top: 0px; margin-left: 0px;} .personalityinteractionicon{margin-left: 2px;} .switchToggleUnique2 { display: inline-block; position: relative; width: 54px; height: 29px; margin-top: 5px; } .switchToggleInput2 { display: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .switchToggleInput2:checked { background: none; outline: none; } .switchToggleLabel2 { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .switchToggleLabel2:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 2px; background-color: var(--contentbackgroundcolor); transition: 0.4s; border-radius: 50%; } .switchToggleInput2:checked + .switchToggleLabel2 { background-color: var(--maincolor);; } .switchToggleInput2:checked + .switchToggleLabel2:before { transform: translateX(26px); } .clickpage:hover .memberoperationbutton{background-color: rgb(247, 247, 247);} .clickpage:hover .memberoperationbutton:hover{background-color: #dadada;} .clickpage:hover .memberbutton:hover{color: var(--mainhovercolor);border: 1px solid var(--mainhovercolor);} .clickpage:hover .profilebutton:hover{color:var(--contentbackgroundcolor)} /* .quote:before { color: #cbcbcb; content: "\201c"; font-size: 3.5em; position: absolute; left: -15px; top: 25px; line-height: 0.1em; } */ .notificationaction{color:var(--mainfontcolor);} .notificationfollowbox:hover{transition: 0.1s} .contentquote{padding-top: 3px;padding-bottom: 3px; -webkit-line-clamp: 1; display: -webkit-inline-box !important; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor:pointer; word-break: break-all;} .notificationfollowbox:hover .contentquote:hover{ border-left: 2px solid var(--quotecontentborderhovercolor) !important; border-top-left-radius: 0px; border-top-left-radius: 0px; background-color: var(--quotecontentbackgroundcolor); transition: 0.3s; border-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .quote{text-indent: 15px; border-left: 3px solid var(--quoteborder);} .h1, .h2, .h3, h1, h2, h3 { margin-top: 0px; margin-bottom: 10px; } .switchtypology{ padding-left: 21px; padding-right: 21px; height: 37px; font-size: 15px; border-radius: 11111px; display: block; background-color: #dbdbdb; color: #585858; border: none; margin-left: -46px; background-color: var(--backtothetopbackground); color: var(--backtothetopcolor); z-index: 11111111; display: none !important; } .voteselection-2{ margin-left: 40px; border: none; border-bottom: 3px solid var(--commonbordercolor); display: inline-block; font-size: 15px; color: var(--mainfontcolor); width: 165px; margin: 15px; border-radius: 0px; padding: 13px; margin-left: 32px; padding: 0px; padding-bottom: 10px; margin-top: 25px; } .voteselection-2:hover{ border: none; border-bottom: 3px solid #ababab; margin-left: 40px; display: inline-block; font-size: 15px; color: var(--mainfontcolor); width: 165px; margin: 15px; border-radius: 0px; padding: 13px; margin-left: 32px; padding: 0px; padding-bottom: 10px; margin-top: 25px;} .switchtypology:hover{ background-color: #c9c9c9; color: #727272; transition: transform 1.5s, opacity 1.5s,0.5s; } .shrinkcardline{ -webkit-line-clamp:1; display:-webkit-inline-box; -webkit-box-orient: vertical; overflow: hidden; } .switchtypologyfloatbutton{display: none; opacity: 1; position: fixed; top: 50px; z-index: 7;top: 71px; right: 15px;} .voteprogressgroup{margin-left: 22px;} .editwikiinformation2{background-color:#00000066;padding:5px;border-radius:5px;font-size:14px;margin-left:3px} .noreport:hover{background-color:#00339947;cursor:auto} .noreport{background-color:rgba(0, 51, 153, 0.28);margin-right:25px;border:none;background-color:#00339947;margin-left: 9px; color:var(--contentbackgroundcolor); font-size: 16px; border-radius: 51px; width:142px; height: 41px; width:auto; color: #ffffff; border-radius:111115px; margin-top: 20px; padding-left: 15px; padding-right: 15px; height:35px } .votebar2{margin-top: 10px;} .checkButton { float: right; margin-right: 85px; color: var(--mainfontcolor); border: 1px solid gray; padding: 5px 15px; border-radius: 5px; margin-top: -7px; } .checkButton:hover{ border-color: var(--sidetitlecolor); color:var(--sidetitlecolor); cursor: pointer; transition: 0.3s; } .subScrollBarWindow { overscroll-behavior: contain; } .smallListOptionForPost{color: var(--mainfontcolor);padding-left: 10px; height: 27px; padding-top: 5px; padding-bottom: 30px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .smallListContainerForPost { background-color: var(--contentbackgroundcolor); width:230px; margin-top: 5px; height: 200px; position: absolute; margin-left: 0px !important; border-radius: 5px; border: 1px solid var(--backgroundcolor); display: none; overflow-y: scroll; overscroll-behavior: contain; } .noPrivateGroupBox{ text-align: center; display: block; font-size: 13px; color: gray; margin-bottom: 30px;} .hasAttitudeTextAreaForAudience{height: calc(100% + -420px) !important ;} .noneAttitudeTextAreaForAudience{height: calc(100% + -320px) !important ;} .judgecommentbox{border-radius: 5px; margin-top: 5px;position: relative;} .abilityselection-2-box{float: right;margin-right: 20px;margin-top: 10px;} .judgecommentinformation{display: inline-block;margin-top:5px;margin-left: 10px;width: 578px;} .commentareajudgeoutcome{font-size: 14px;color: var(--personalityVoteColorInCharacter);;margin-top: 0px;} /* .profilepersonalityviewset:hover{transform: translateY(-2px);transition:0.5s;color: var(--mainhovercolor);} */ .whisperButtonIconNotHome {fill: var(--maincolor)} .ReplyButtonAfterBoxShrinked { width: 30px;border-radius:100px } .profilepersonalityviewset{cursor: auto ;} .editCharacterPageLastInfo{ padding-left: 32px;} .expandedCharacterPersonalityRatioBox{ height:175.4px !important; transition: 0.3s; } .normalCharacterPersonalityRatioBox{ height:105.36px !important; transition: 0.3s; } .peoplepagequote:before { color: #cbcbcb; content: "\201c"; font-size: 3.5em; position: absolute; left: -15px; top: 25px; line-height: 0.1em; } .deleteuploadimage { width: 66px; height: 66px; margin-left: 0px; /* width: 130px; */ margin-top:0px; position: absolute; text-align: center; /* height: 130px; */ vertical-align: bottom; background-color: #0000002a; color: var(--contentbackgroundcolor); font-size: 15px; display: none; border-radius: 5px; } .uploadingimage{ width: 66px; height: 66px; margin-left: 0px; /* width: 130px; */ margin-top: 0px; position: absolute; text-align: center; /* height: 130px; */ vertical-align: bottom; background-color: #0000002a; color: var(--contentbackgroundcolor); font-size: 15px; border-radius: 5px;display: inline-block; } .uploadingimage2{ width: 170px; height: 170px; margin-left: 74px; /* width: 130px; */ margin-top: 0px; position: absolute; text-align: center; /* height: 130px; */ vertical-align: bottom; background-color: #0000002a; color: var(--contentbackgroundcolor); font-size: 15px; border-radius: 5px;display: inline-block; } .image-post:hover .deleteuploadimage{display: inline-block;cursor: pointer;} .uploadimagebox{ margin-left: 10px;} .vote8function{ width: 38px; margin: 5px;} .testsetpersonalityavatar{width: 100%;border-radius: 15px;} .testsetpersonalityavatar-box{ margin-top: -45px !important; transition: 0.35s; width: 230px; height: 274px; /* padding-left: 10px; */ margin-left: 10px; margin-right: 10px; text-align: center; /* padding-right: 10px; */ display: inline-block; /* margin-right: 20px; */ margin-top: 22.5px; margin-bottom: 52.5px; border-radius: 15px; } .secondRows { margin-bottom: 25px !important; } .PersonalityPageFunctionDescription-firstLayer, .testPersonalityCardSet-firstLayer{ background-color: var(--backgroundcolor); } .showEightSquare{display: block !important;} .PersonalityPageFunctionDescription-secondLayer{text-align: left;} .rightDescription{ min-height: 110px; width: 1005px !important;} .chatBoxWindowShrinkingStarted { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; } .IEtagOnChangeGraph{ display:inline-block; width: 46px; margin-top: 20px;font-size:12px;color:var(--unselectedcolor);color:var(--characterprofiletagkeycolor); } .PersonalityPageFunctionDescription-firstLayer{text-align: left;} .PersonalityPageFunctionDescription-secondLayer, .testPersonalityCardSet-secondLayer{ padding-bottom: 30px; background-color: var(--contentbackgroundcolor); } .PersonalityPageFunctionImage-secondLayer{ margin-top: 40px !important } .testPersonalitCardSet-lastLayer{ padding-top: 1px; margin-top: 30px; } .testPersonalitCard-firstLayer{ background-color: transparent; box-shadow: transparent; } .testPersonalitCard-secondLayer{ background-color: transparent; box-shadow: transparent; } .eidtprofiletitle{font-size: 15px;color: #919191;margin-right: 30px;font-weight: normal;width: 50px;display: inline-block;text-align: left;} .profileinformationbox2{margin-top:40px;} .changeprofilebackgroundpic{position: absolute; height: 105px; width: 980px; margin-top: -50px; margin-left: calc(50% + -490px); border-radius: 0px; z-index: 1;} .profileinformation{color: var(--mainfontcolor);font-size: 17px;font-weight: normal; ; font-size: 15px; font-weight: normal; height: 50px; border-bottom: 1px solid var(--hr); width: 760px;} .opacityEffect{ transition: opacity 0.3s !important} .gendericon{width: 20px;padding-bottom: 1px;margin-top: 1px;} .testsetpersonalityavatar-title{font-size: 31px;color: var(--maincolor);;font-weight: bold; font-family: personalityfont2;} .eightfunctionavatar-box{width: 23%;display: inline-block;} .eightfunctionavatar{margin: 5px;margin-bottom: 5px;} .eightfunction-title{font-size: 19px; font-family: personalityfont2;color: var(--maincolor);;} .testtitleBottom{min-width: 320px; margin-top: 335px;} .fadeInWhenPersonalityTestStart , .fadeInWhenPersonalityTestStart2 , .fadeInWhenPersonalityTestStart3{display: none;} .starttestButtonRightBottom{ margin-top: 430px !important; margin-left: calc(50% + 290px) !important; z-index: 111 !important;} .starttest{ width: 200px; color: #ffffff; /* background-color: #ffffff00; */ /* backdrop-filter: blur(5px); */ background-color: rgba(57, 57, 57, 0); border: 2px solid white; /* border:1.5px solid white; */ font-size: 22px; border-radius: 511px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; margin-top: 20px; } .hoverBorder:hover{ border-color: var(--generaliconcolor) !important;; } .draggableArea{cursor: grab; width: 100%; height: 20px; display: inline-flex ;} .homeRightComponent{ margin-left: 5px; } .dargIndicator{ position: relative; background: var(--dragindicatorbackgroundcolor); left: 0; width: 35px; right: 0; height: 5px; margin-top: 3px; margin-bottom: -8px; border-radius: 1000px;} .mainColorBorderButton:hover{ color: var(--mainhovercolor) !important;border-color: var(--mainhovercolor) !important; transition: 0.3s;} .hideElement{display: none;} .profilegender { /* display: inline-block; padding: 1px; padding-left: 2px; padding-right: 2px; font-size: 14px; border-radius: 110000px; border: 2px solid var(--contentbackgroundcolor); margin-left: -26px; margin-top: 147px; z-index: 213213123213321; position: absolute; */ display: inline-block; padding: 1px; padding-left: 2px; padding-right: 2px; font-size: 14px; border-radius: 110000px; border: 2px solid transparent; /* margin-left: -26px; */ margin-top: -3px; /* float: left; */ z-index: 213213123213321; position: absolute; margin-left: -7px; margin-top: -1.2px; } .starttest:hover{color: #d3d3d3 ;border-color: #d3d3d3;transition: 0.3s;} .testsetpersonalityavatar-box:hover{transform:scale(1.03) translateY(-20px);transition: 0.7s;cursor: pointer;} .testsetpersonalityavatar-box:hover .eightfunctionavatar{display: none;} .testsetpersonalityavatar-box:hover .eightfunctionavatar-full{display: block;} .personalitycategoryintroducebox{ font-family: 'personalityfont2'; width: 240px; display: inline-block; font-size: 17px; line-height: 230%; vertical-align: bottom;} .leftpersonalitycategoryintroducebox{ margin-left: -30px; margin-right: 33px;} .eightfunctionavatar-full{display:none} .personalitygrouptitle { font-size: 40px; color: var(--maincolor);; margin-top: 50px; z-index: -1; font-weight: bold; position: relative; font-family: personalityfont2; margin-bottom: 30px; } .personalitygrouptitle-small{font-size: 20px;color:var(--mainfontcolor);font-family: "arial";} .personalitygrouptitle2{color: #8879CE;} .whispermaincommentbox{ padding-left: 25px;} .cancelpostdiscuss:hover{cursor: pointer;color:rgb(194, 194, 194);transition: 0.1s;} .uploadimagebutton{color:rgb(146, 146, 159); margin-top: 10px; vertical-align: text-top;} .uploadimagebutton:hover{color:rgb(174, 174, 188);transition: 0.1s;} .commenttocommentreplyto{vertical-align:middle;display: inline-block;} .morewhispercommenttocomment{border: 1px solid rgb(214, 214, 214);width: 200px;font-size: 15px;text-align: center;color:var(--mainfontcolor);padding: 7px;border-radius: 10px;margin-top: 10px;margin-left: 113px;margin-bottom: 10px;} .morewhispercommenttocomment:hover{color: var(--unselectedfontcolor) !important;border: 1px solid var(--lightbuttonhoverinhoverbox);cursor: pointer; transition: 0.3s;} .morecommenttocommentbox{position: fixed; border: 1px solid var( --ctcWindowBorderColor); width: 650px; background-color: var(--contentbackgroundcolor); top: 70px; bottom: 0px; height: calc(100% ); transition: 0.3s; z-index: 1999; /* margin-left: 165px; */ border-radius: 0px; display: none; transform: translate(-50%, -50%) ; top: 50%; left: 50%; } .CtcTitleUserImage{ width: 35px !important; height: 35px !important; } .sortButtonGroupBoxWhisper{ margin-left: 70px !important; margin-bottom: 7px !important; margin-top: 17px !important; } .Buttonfollowing:hover{ background-color: var(--unfollowingbuttonbackgroundcolor); color: var(--unfollowingbuttoncolor); } .morecommenttocommentboxtitle{background-color: transparent;padding: 10px;font-size: 15px;font-weight: bold;border-radius: 10px;position: absolute;width: 550px; padding-top: 15px;color: var(--mainfontcolor); padding-bottom: 15px;width: 100% !important;} .ctcReplyBox{z-index: 1111111111111 !important; border-top: 1px solid var(--hr);border-top-left-radius: 0px; border-top-right-radius: 0px; } .morecommenttocommentboxtitle:hover{cursor:grab;} .whisperAuthorFloatBar{ cursor: auto; text-align: center; color: var(--mainfontcolor); font-size: 23px; user-select: text; font-weight: bold; vertical-align: middle; display: -webkit-inline-box; width: 930px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .morecommenttocommentboxtitle2{position: relative; border-radius: 0px;z-index: 11;} .morecommenttocommentbox-scroll{height: calc(100% + -224px);z-index: 11111111111111;overflow: scroll;border-radius:10px;overflow-x: hidden;margin-top: 50px;} .whispercommenttoolbar2{margin-right: 0px;} .morecommenttocommentbottombar{background-color: var(--contentbackgroundcolor);padding: 10px;padding-left: 15px;height: auto;width: 700px; position: relative; height: auto; overflow: hidden; border-radius: 10px; } .morecommenttocommentbottombarimage{border-radius: 1000px;width: 45px;vertical-align: top;margin-right: 10px;} .morecommenttocommentbottombartextarea{width: calc(100% + -60px);border: 0px;font-size: 15px; background-color: #ececec;border-radius: 5px;padding-left: 10px;padding-top: 10px;height: 69px;max-height: 400px;line-height: 190%;} .commentincommenttocommentbutton { background-color: var(--maincolor);; margin-left: 0px; font-size: 15px; color: var(--contentbackgroundcolor); padding: 5px; border-radius: 5px; padding-left: 30px; padding-right: 30px; margin-right: 5px; margin-top: 5px; float: right; } .commentincommenttocommentbutton:hover{background-color: var(--mainhovercolor);} .commenttopostimage{display: block;width:136px;height: auto;} .commenttocommentinpostimagebox{width: 50px;} .whispercommentimagebox{margin-left: 52px;} .whisperCTCimagebox{margin-left: 42px !important} .image-post3{margin-top: 0px;margin-left: 74px;width: 170px;height: 170px;} .deleteuploadimage2{ margin-left: 74px; width: 170px; height: 170px; margin-top: 0px;} .changegrouplogotext3{margin-top: 74.3px;} .verify { position: absolute; background-color: var(--verifybackgroundcolor); color: var(--verifyfontcolor); border: 2px solid var(--contentbackgroundcolor); font-size: 13.5px; border-radius: 5px; margin-top: -15px; margin-left: 13px; padding-left: 5.5px; padding-right: 5.5px; transform: scale(0.7); text-align: center; } .verify2{font-size:11px;vertical-align:text-top;margin-left:1.5px;background-color: var(--maincolor);; border-radius: 51px;color: yellow;padding-left: 1px;padding-right: 1px;} .clickavatar-discuss{ width: 40px; height: 40px; position: absolute; border-radius: 100px; } .clickavatar:hover{ background-color: #0000002f; transition: 0.1s; cursor: pointer; } .clickavatar-recommend-group{ width: 37px; height: 37px; position: absolute; border-radius: 2px; } .clickavatar-user{border-radius: 10000px !important;} .clickavatar-recommend-group:hover{ background-color: #0000001c; transition: 0.4s; } .clickavatar-whisper-content{ width: 40px; height: 40px; position: absolute; border-radius: 100px; margin-top: 0px; } .clickavatar-whisper-commenttocomment { width: 30px; height: 30px; position:relative !important; float: none; border-radius: 100px; margin-bottom: -30px; } .clickavatar-card{ width: 55px; height:55px; position: absolute; border-radius: 100px; } .postspeak:hover{cursor: grab} .clickavatar-profile{ width: 100%; height:100%; position: absolute; border-radius: 100px; } .characterProfileButton{ width: 35px; height: 35px; color: var(--mainfontcolor); background-color: var(--hr); padding-left: 9px; padding-right: 15px; border-radius: 21111px; } .whisperuserinformation:hover .whisperauthorname{color: var(--logofonthovercolor);cursor: pointer;transition: 0.3s;} .whisperuserinformation:hover .personalityview{color: var(--mainhovercolor);transition: 0.3s;} .clickwhispercommentuser:hover .personalityview{color: var(--mainhovercolor);transition: 0.3s;} .clickwhispercommentuser:hover .clickusername{color: var(--logofonthovercolor);cursor: pointer;transition: 0.1s;} .personalityrecordimage-eightfunction { width: 18px; vertical-align: -5px; margin-right: 2px; margin-left: 2px;} .searchHistory{margin-top: 0px;margin-left: 35px;border-bottom: 0px solid gray;margin-right: 35px;padding-bottom: 13px;margin-bottom: 0px;padding-top: 13px;padding-left: 0px;} .searchHistory:hover{color: var(--mainfontcolor);border-color:var(--mainfontcolor);cursor: pointer;transition: 0.5s;} .resultPreviewFunctionName{text-align: center !important} .personalityrecordbox-eightfunction { font-size: 12px; text-align: center; display: inline-block; width: 66px; margin-right: 10px; } .personalityrecordbox-eightfunction-testResult { width: 76px; display: inline-block; font-size: 11px; vertical-align: bottom; margin-right: 10px; } .backtothetop:hover .rotateIcon{transform:rotate(360deg);transition: 0.6s;} .moretestrecord:hover{cursor: pointer;transform: translateY(5px) !important; transition: 0.3s;color:rgb(202, 202, 202)} #rgbDotsSet-profile{position: absolute;width: 180px;margin-left: -30px;transition: 0.1s;} .selectContinentBroaderWidth-Work { width: 270px !important; } .selectContinentBroaderWidth-Work{ margin-left:0px !important; margin-top: 0px; } .ipbox-profile-null{background-color: transparent !important;backdrop-filter: blur(0px) !important;} .yellowDotShift{margin-left: -22.5px !important; transition:0.25s;} .blueDotShift{margin-left:-46px !important; transition:0.25s;} .greenDotShift{margin-left:-69.5px !important;transition: 0.25s;} .redDotShift{margin-left: -92.5px !important; transition: 0.25s;} .brownDotShift{margin-left: -116px !important; transition:0.25s;} .postbutton2{border-radius:10px} .purpleDotShift{margin-left: -137px !important; transition:0.05s !important;} .ipbox-profile:hover{ transition: 0s !important; backdrop-filter: blur(10px); background-color: rgba(128, 128, 128, 0.597);color: rgb(132, 132, 132) !important ;} .ipbox-profile:hover .personalityCardFunctionDot-g{background-color: var(--maindisabledcolor-g) !important;} .ipbox-profile:hover .personalityCardFunctionDot-r{background-color: var(--maindisabledcolor-r) !important;} .ipbox-profile:hover .personalityCardFunctionDot-y{background-color: var(--maindisabledcolor-y) !important;} .ipbox-profile:hover .personalityCardFunctionDot-b{background-color: var(--maindisabledcolor-b) !important;} .ipbox-profile:hover .personalityCardFunctionDot-p{background-color: var(--maindisabledcolor-p) !important;} .ipbox-profile:hover .personalityCardFunctionDot-brw{background-color: var(--maindisabledcolor-brw) !important;} .ipbox-profile:hover .personalityCardFunctionDot-w{background-color: rgb(132, 132, 132) !important; transition: 0.3s;} .ipbox-profile{ float: right; z-index: 11; cursor: pointer; margin-bottom: -40px; position: relative; margin-right: calc(50% + -455px); backdrop-filter: blur(10px); background-color: rgba(128, 128, 128, 0.238);color: rgba(255, 255, 255, 0.713) ; padding: 5px; border-radius: 5px; padding-left: 15px; padding-right: 15px; display: inline-block !important; margin-top: 10px;} .clickwhispercommentuser{ width: calc(100% + -140px) !important; display: inline-block;} #searchbar:hover {border:1px solid rgb(207, 207, 207);transition: 0.5s;} .glassMorphismWindow{ background: var(--glassmaterialcontentbackground) !important; backdrop-filter: blur(30px) !important; } .glassMorphismWindowReplyBox{ border-top-left-radius: 0px; border-top-right-radius: 0px; border-top:1px solid var(--lightborderTextareaBoxColor); background: var(--glassmaterialcontentbackground) !important; backdrop-filter: blur(5px); } .transparentElement{background-color: transparent !important;} .carduserbox{ width: 300px; overflow: hidden; } .verify-discuss{margin-left: 26px;margin-top: -16px;} .verify-card{margin-top: 35px;margin-left: 38.5px;font-size: 16px;} .verify-whisper{margin-left: 34px;margin-top: -17px;font-size: 15px;} .verify-whisper-comment{margin-left: 34px;margin-top: 33px;font-size: 15px;} .verify-whisper-commenttocomment{margin-left: 18px;margin-top: 17px;font-size: 12px;} .dropmenu{background-color: var(--contentbackgroundcolor);width: 100px ;border-radius:7px;position: absolute;height: auto;margin-left: 545px;margin-top: -15px;text-align: center;z-index: 11111111; border: 1px solid var(--searchbarbordercolor) !important;} .Buttonfollowing{color: var(--unavaliablebuttonfontcolor) !important; border: 1px solid #00339900; background-color: var(--unavaliablebuttonbackground);} .dropmenuoption{border: 3px solid var(--contentbackgroundcolor);border-radius: 7px;width: 100%;text-align: left;display: block;padding: 5px;font-size: 13px; padding-left: 10px;color: gray;} .dropmenuoption:hover{background-color: var(--menubuttonbackgroundcolor);color: var(--mainfontcolor);;cursor: pointer;transition: 0.3s;} .redProgressBar{} .dreampostthemeposterinformation{width: 100%;} .moreoperation-discuss { float: right; width: 30px; height: 30px; text-align: center; border-radius: 1000px; padding: 5px; color: gray; margin-top: 29px; margin-right: 18px; cursor: pointer; } .chosenResearchTag { display: inline-block; font-weight: bold; margin-top: 8px; color: var(--mainfontcolor); font-size: 20px; margin-left:20px;text-align:left } .unchosenResearchTag:hover{ } .dreamboxsubtheme:hover{color: gray; transition: 0.3s;} .unchosenResearchTag{ cursor: pointer; display: inline-block; margin-top: 8px; color: var(--mainfontcolor); font-size: 18px; margin-left:20px;text-align:left } .unchosenResearchTag:hover{color: gray; transition: 0.3s; } .quitButtonHighLight{ background: var(--primaryhoverclickablebackgroundcolor); color: var(--mainfontcolor); } .whispercommentbox:hover .reportcomment2{display:inline-block} .reportcomment2{display: none;} .informationcardtitle-first{ width: 100%; word-break: break-all;} .informationcardtitlebox{float: left;width: 70%;} .chosenwikicategory{ border: 3px solid var(--contentbackgroundcolor); color: var(--mainfontcolor); background-color: #ebebeb73; border-radius: 18px; } /* .testpersonalitylistbox{margin-top:40px;} */ .groupupdatetitlebox { background-color: #f1f1f100; color: #6a6a6a; border-radius: 5px; font-weight: normal; font-size: 15px; padding: 5px; padding-left: 10px; padding-right: 10px; } .wikicategoryicon{ width: 20px; margin-right: 3.5px; } .floatjudgeoperationbutton{position: fixed;bottom:50px;margin-left: calc(50% + 390px);z-index: 10000;display: none;;} .personalityOptionContainer{width: 100%;display: inline-block;} #searchbar-judge-float { margin-top: 2px; border-radius: 0px; padding-top: 2px; margin-left: 43px; padding-bottom: 2px; width: 260px; /* margin-bottom: 5px; */ margin-right: 2px; max-width: 300px; background-color: var(--glassmaterialsearchbarbackgroundcolor); height: 35px; border-radius: 115px; border-bottom-right-radius: 95px; color: #353535; border: 1.5px solid #00000000; border-top-right-radius: 0px; padding-right: 35px; padding-left: 11px; } .sasasa{left:1} .follownotificationnoresume{ height: 20px !important; margin-top: 13px !important; } .trendnotificationdot{ background-color: #ff3366; border-radius:1000px; color:var(--contentbackgroundcolor); padding:1px; margin-left:-11px; position:absolute; border-radius: 20px; min-width: px; border: 2px solid var(--contentbackgroundcolor); transform: scale(0.3); padding-left: 10px; padding-right: 10px; box-sizing: border-box; margin-top: -13px; } .dreampostpicturebox2{width: 160px; background-color: var(--imagebordercolor); margin-bottom: 15px; margin-top: 10px;;} .dreampostpicture2 { width: 100%; margin-top: 0px; border-radius: 5px; margin-bottom: 7px; } .inputnumber::-webkit-inner-spin-button, .inputnumber::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* 针对 Firefox 浏览器 */ .inputnumber { -moz-appearance: textfield; } .verificationcodeform{display: none;} .registerprogress{display: inline-block;width: 32%;text-align: center;font-size: 15px;} .motherLanguageNameInput{ width: 65% !important; transition: 0.3s;} .motherLanguageNameLeftOptionButtonSelected{ margin-right: 212px !important; transition: 0.5s;} .motherLanguageNameLeftOptionButtonNoneSelected{ margin-right: 80px !important; transition: 0.5s;} .realityCharacterNameInputNoneMotherLanguage { width: 30% !important; transition: 0s;} .progressbar-null{background-color: var(--maindisabledcolor);border-radius: 101px;height:7px;margin-top: 10px;} .progressbar-full{background-color: var(--maincolor);;border-radius: 101px;height:7px;margin-top: 10px;} .progressbar1{border-top-right-radius: 0px;border-bottom-right-radius: 0px;} .nohovereffect:hover{ background-color: transparent !important;box-shadow: none; cursor: auto;} .progressbar2{border-radius: 0px;} .testNotOnHomeButton{ margin-left: 0px; margin-right: 20px;} .realityCharacterNameInput{ width: 30%; margin-left: 14px;} .realityCharacterNameInputBox{ height: 115px !important; } .loadbox-placeholder{background-color: transparent !important; box-shadow: none !important;} .progressbar3{border-top-left-radius: 0px;border-bottom-left-radius: 0px;} .progressbar-null-text{color: var(--maincolor);;} .registerstepthree{display: none;} .registerstepone, .editpasswordstepone , .editphonestepone{display: n1one;} .registersteptwo, .editpasswordsteptwo , .editphonesteptwo{display: none;} .personalityinputbox{font-family: 'personalityfont2'} .personalitychosentitle{font-family: 'personalityfont2';} .personalityOptionImage { width:105%;margin-left:-1.6px; margin-bottom:-10px} .personalityinputbox-notactive{background-color: var(--clickablebackgroundcolor);border-radius: 5px;padding:0px;width: 21.35%;display: inline-block;text-align: center; margin: 7px;font-size: 15px;line-height: 230%;color: #adadad;padding: 5px} .personalityinputbox-notactive:hover{background-color: var(--primaryhoverclickablebackgroundcolor); cursor:pointer;transition: 0.1s;} .followtitle2{ font-family: personalityfont2; color: #8c8c8c; font-size: 15px; font-weight: normal} .personalityinputbox-active{background-color:var(--clickablebackgroundcolor);border-radius: 5px;padding:0px;width: 21.35%;display: inline-block;text-align: center; margin: 7px;font-size: 15px;line-height: 230%;color: var(--mainfontcolor);font-weight: bold;padding: 5px;} .personalityinputbox-active:hover{ cursor: pointer; } .cancelpostworkButton-Main{ color: rgb(255 255 255) !important; margin-left: 440px !important; margin-top: 0px !important; } .chosenCharacterButton{background-color: var(--chosenCharacterButtonBackgroundColor) !important; color: var(--chosenCharacterButtonColor) !important; transition: 0.3s ; font-weight: bold;} .registerbutton2{width:49%;font-size: 17px;border-radius: 5px;margin-top: 20px;background-color: var(--maincolor);;color:white;padding:8px;font-weight: 700;} .registerbutton2:hover{background-color: #7b9ff9;} .registerbutton3{border:1px solid var(--maincolor);;width:49%;border-radius: 5px;margin-top: 50px;color: var(--maincolor);;background-color:transparent;padding:8px;font-weight: 700;;font-size: 17px} .registerbutton3:hover{border:1px solid var(--mainhovercolor);color:var(--mainhovercolor) ;} .loginbody{ position: absolute; left: 0; right: 0; top: calc(50% + -350px); } @media (min-height: 600px ) { #bottomlogin { margin-top: 675px; bottom:25px; font-size: 13px; } #privacyTip1{ font-size: 12px !important; } } @media (max-height:600px) { #bottomlogin { margin-top: 670px; bottom:10px; font-size: 11px !important; display: none !important; } #privacyTip1{ font-size: 11px !important; margin-top: -27px; display: block; } .loginbody{ position: absolute; top: 50px; } } .postcontentavatar{ width: 50px; position: absolute; border-radius: 1000px; margin-left: 25px; margin-top: 20px; transition: 0.3s; } .bi .bi-hurricane{color: var(--mainfontcolor);} .charactertrendbox{ background-color: var(--contentbackgroundcolor); display: inline-block; border-radius: 5px; height: 70px; width: 280px; margin: 0px; margin-left: 13px; padding-right: 10px; } .createNewPrivateGroupButton{ margin: 21px 5px -12px 22px; border: 1.5px solid var(--homebuttonbackgroundcolorfour); font-size: 12px; padding: 3px; border-radius: 5px; color: var(--generaliconcolorHome); padding-left: 5px; padding-right: 5px;} .createNewPrivateGroupButton:hover{ border: 1.5px solid var(--generaliconcolor); color: var(--generaliconcolor); transition: 0.3s !important; } @media (max-height: 500px ) { #bottomlogin { display: none !important; } } .characterrank { position: absolute; color: #ffffff; font-size: 11px; border-radius: 5px; margin-top: 37px; margin-left: 38px; border: px solid var(--contentbackgroundcolor); padding-left: 7px; padding-right: 7px; transform: scale(0.8); text-align: center; } .characterrank1{ background-color: #f77777; } .characterrank2{ background-color: #ff9966; } .dreamboxthemesubbox:hover .counttag{border: 2px solid var(--primaryhoverclickablebackgroundcolor);background-color: var(--countaghover);transition: 0.1s;color: var(--mainfontcolor);} .dreamboxthemesubbox:hover .triangle{border-top:3px solid var(--countaghover);transition: 0.1s;} .characterrank3{ background-color: #c79966; } .characterrankother{ background-color: #9b958e; } .voteRankPersonality{ TEXT-ALIGN: center; color: var(--maincolor);; display: inline-block; margin-top: 14.5px; float: right; /* text-decoration: underline; */ font-size: 13.5px; margin-right: 0px; font-family: 'personalityfont1'; width: 50px; } .clickpage:hover .channelbox{background-color:#ececec;transition: 0.1s;} .clickpage:hover .channelbox:hover{background-color:#d7d7d7;transition: 0.1s;} .clickpage:hover .channelbox .channelboxviewimagebox .characterrank{border-color: #ececec;} .clickpage:hover .channelbox:hover .channelboxviewimagebox .characterrank{border-color: #d7d7d7;transition: 0.1s;} .RankHasVotedSign{ display: inline-block; padding: 1px; padding-left: 3px; padding-right: 4px; font-size: 14px; border-radius: 110000px; /* border: 2px solid var(--contentbackgroundcolor); */ margin-left: 29.5px; margin-top: -17px; float: left; z-index: 1; position: relative; width: 22px; height: 22px; /* background: var(--contentbackgroundcolor); */ } .channelbox:hover .characterrank{border-color: #ececec;} .switchcharacterrank{ float: right; font-size: 15px; margin-right: 20px; } .myWhisperProfileInfoBox{ height: 97px !important; } .loadfinishedbox{background-color: transparent;box-shadow: none;height: 170px;display: none;text-align: center;} .switchcharacterrank:hover{color: var(--mainfontcolor);cursor: pointer;} .grouptabbarplaceholder{width: 80px;display: inline-block;} .voterank{ margin-top: -12px; vertical-align: middle; float: right; font-size: 12px; margin-right: -0px; width: 45px; height: 20px; color: gray; } .voterankname{ float: left; color: var(--mainfontcolor); font-size: 15px; position: absolute; font-weight: normal; width: 200px; margin-top: -1px; margin-left: 2px; } .operationmessagewindowlink{ color: var(--maincolor); } .operationmessagewindowlink:hover{ color: var(--mainhovercolor); } .channeloperationbutton2-feed:hover{ background-color: var(--lightbuttonhovercolorsecondarybackground) !important} .floatbutton-postInGroup{ top: calc(100% + -30px); left: calc(100% + -30px); transform: translate(-50%, -50%); margin-left: -5px; z-index: 1111; transition: 1s; position: fixed; top: calc(100% + -84px); left: calc(100% + -31px); transform: translate(-50%, -50%); margin-left: -5px; z-index: 1111; transition: 0.2s; box-shadow: 0px 0px 1px 0px rgb(216 216 216); } .operationmessagecontent{ line-height: 1.08; -webkit-line-clamp: 1; display: -webkit-inline-box; width: 86%; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor:pointer; word-break: break-all; } .rankcategoryset { float: right; margin-left: 5px; margin-top: 10px; margin-left: 100px; margin-right: 20px; margin-top: 5px; background-color: #dadada; margin-bottom: 0px; width: auto; border-radius: 1000px; height: 23px; } .rankcategorybutton { display: inline-block; /* margin: 10px; */ padding: 3px; padding-left: 8px; padding-right: 8px; margin-bottom: 0px; color: #000000; border-radius: 115px; font-size: 12px; margin-left: 2.5px; /* margin-right: 2.5px; */ margin-top: px; /* margin-bottom: 4px; */ vertical-align: top; } .postwhispercontainergeneral{display: none;} .dreamposttheme-top { color: var(--mainfontcolor); font-size: 23px; user-select: text; font-weight: bold; vertical-align: middle; /* padding-top: 15px; */ display: inline-block; width: 620px; padding-right: 50px; -webkit-line-clamp:1; display:-webkit-inline-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer; word-break: break-all; } .firsttimeloginboxtitle{ color:var(--mainfontcolor);;font-weight:bold; font-size:20px } .firsttimeloginboxsubtitle{ color: rgb(124, 124, 124); font-weight: normal; font-size: 13px; margin-top: 5px; margin-bottom: 15px; } .starttestbutton-top { margin-right: 3px ; font-size: 20px; height: 40px; width: 200px; vertical-align: middle; background-color: var(--maincolor);; color: var(--mainbuttonfontcolor); border: none; margin-top: -4px; font-weight: bold; } .switchmodeicon{ fill: var(--generaliconcolor)} .starttestbutton-top:hover{background-color: var(--mainhovercolor);color: var(--mainbuttonfontcolor);transition: 0.1s !important;} .testresultrecordpersonalityminiimage:hover{transform: translateY(-10px);transition: transform 0.3s;cursor: pointer;} .personalityrecordbox-eightfunction:hover{transform: translateY(-10px);transition: transform 0.3s;cursor: pointer;} .testresultrecordpersonalityminiimage{transition: 0.3s !important;transform: translateY(0px)} .chessboardYin{margin-top: 30px; margin-top: 32.1px;} .chessboardYang {margin-top: -30px;} .testResultPageUserPersonalitySubtitle{ font-weight: normal; font-size: 15px; border: 1.3px solid #8a8a8a; padding: 5px; margin-top: -10px; padding-left: 10px; display: inline-block; padding-right: 10px; border-radius: 10px; margin-top: -10px; vertical-align: 6px; } .viewrecordbox{margin-top: 0px;} .changeSetButton:hover{ background-color: var(--mainhovercolor) !important; } .changeSetButton{ font-weight: normal; background-color: var(--maincolor) !important; border-radius: 10px; font-size: 15px; padding: 8px; padding-left: 80px; padding-right: 80px; color: var(--mainbuttonfontcolor); } .expandOrShrinkPersonalityPageDescriptionButton:hover{ border-color: var(--secondaryhovercolor); cursor: pointer; color: gray; } .expandOrShrinkPersonalityPageDescriptionButton{ color: var(--mainfontcolor); z-index: 1111; border: 1.5px solid #c6c6c6; padding: 6px; padding-left: 50px; /* float: right; */ padding-right: 50px; border-radius: 8px; margin-right: 50px; font-size: 15px; /* margin-right: 50px; */ /* margin-left: -153px; */ position: absolute; top: 590px; margin-left: calc(50% + 315px);} .bottomNavigationBar-testResult{ z-index: 11111; width: 1100px; margin-left: calc(50% + -520px); position: fixed; bottom: 0; } .nullValuePersonalityDistributionRatioProgressBarBox{ vertical-align: 3px; } .nullValuePersonalityDistributionRatioProgressBar {margin-top: 5.5px; } .testresultrecordpersonalityminiimage{ border: none; opacity: 1;height:55px; width: 55px; background-color: transparent;margin-top:-5px;margin-left:10px; margin-left: 6px; margin-right: -2px;} .testresultrecordpersonalityminiimage-home{ border: none; opacity: 1; width: 55px; background-color: transparent;margin-top:-5px;margin-left:10px; margin-left: 6px; margin-right: -2px;} .CountsNumberMoreThan99{margin-left: -18px;} .CountsNumberMoreThan9{margin-left: -16px;} .TestChoiceDescriptionText{ font-weight: bold; padding-left: 7px; padding-right: 7px; } .agreeButtonDescriptionText{ color: var(--maincolor); } .disagreeButtonDescriptionText{ color: var(--mainfontcolor); } .testresultpagesetpersonalitybutton{ cursor: auto; display: none; color: var(--mainfontcolor); border-radius: 1e9px; position: absolute; /* margin-top: 200px; */ top: calc(50% + -187px); width: 175px; margin-left: 400px; font-weight: normal; border-radius: 30px !important; background-color: var(--tooltipbackgroundcolor) !important; color: var(--mainfontcolor) !important; height: 35px; } .testresultpagesetpersonalitybutton:hover{ color: var(--mainfontcolor); background: rgb(198, 198, 198);cursor: pointer;} .resultpagequitbutton{ width: 23px; vertical-align: text-top; margin-right: -4px; margin-top: 2.5px; } .CountsNumberLessOrEqualTo9{margin-left: -14px;} .dropmenu-recommend{ margin-left: 555px;width: 75px;} .starttestbutton-top-md { float: right; margin-right: calc(50% + -550px); font-size: 20px; height: 40px; width: 200px; vertical-align: middle; margin-top: 12px; font-weight: bold; } .topright-loginbutton { margin-right: calc(50% + -460.5px); margin-top: 14px; } .loginbutton-top{ background-color: var(--maincolor);; color: var(--mainbuttonfontcolor); padding: 26px; padding-top: 0px; padding-bottom: 0px; font-size: 14.5px; vertical-align: middle; margin-top: -4px; margin-left: 30px; padding-top: 4px; padding-bottom: 4px; margin-right: -70px; } .moretestrecord:hover{ transition: 0.3s; transform:translateX(10px); } .loginbutton-top:hover{ background-color: var(--mainhovercolor); } .characterrankswitch{font-size: 13px;float: right;margin-right: 20px;margin-top: 5px;;} .characterrankswitch:hover{color:var(--mainfontcolor);;cursor: pointer;transition: 0.1s;} .downloadappbutton{ margin-top: 20px; font-size: 20px; background-color: var(--unobviousbuttoncolor); display: inline-block; width: 35px; height: 35px; color: var(--unobviousbuttonfontcolor); padding-top: 3.5px; vertical-align: bottom; border-radius: 1000px; } .downloadapptitle{ font-size: 12px; margin-top: 14px; margin-bottom: -17px;} .downloadappbutton:hover{background-color: var(--unobviousbuttoncolorhover);;cursor: pointer;transition: 0.1s; color: var(--unobviousbuttonfontcolor);} .phonenumberloginicon{ width: 14px; vertical-align: text-top; margin-top: 1.1px; margin-right: -2px; } .top-right-sm-testpreviewpage{ margin-left: 281px !important;} .top-right-sm-testquestionpage{ margin-left: 640px !important;} .bi-share{font-size: 15px; vertical-align: baseline;color: var(--linkIconColor);} .linkstyle{color: var(--linkcolor); padding-bottom: 2px; line-height: 1.8; } .linkstyle:hover{color: #7f7f7f;transition: 0.1s;cursor: pointer;} .resultPreviewFunctionContainer{ width: 115px; margin-left: -235px; margin-top: -7px; vertical-align: -webkit-baseline-middle; display: inline-block; color: var(--bottominformationcolor); } .resultPreviewFunctionName{display: inline-block; width: 50px; float: left; margin-left: 15px; text-align: left; margin-top: 9px;color: var(--resultpreviewfunctionnamecolor);} .resultPreviewFunctionImageContainer{float: left; width: 37.5px;margin-right: -7px;} .descriptivePersonalityAdjective{color:var(--resultpreviewfunctionnamecolor) !important ; font-size: 14px !important; width: 400px; color: var(--mainfontcolor) !important; } .topRadiusButton:hover{border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;} .bottomRadiusButton:hover{border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;} .menuicon{ width: 15px; vertical-align: text-top; margin-right: 5px; margin-top: 0.6px; } .searchdataleftedgebox{ border-top-left-radius: 0px; } .loadingSpinnerInitialLoadinHomePage-Test .el-loading-mask .el-loading-spinner .circular { height: 12.5px; width: 12.5px; } .loadingSpinnerInitialLoadinHomePage .el-loading-mask .el-loading-spinner .circular { height: 22.5px; width: 22.5px; } .WorkGenreNotCompleteInfoUploadingVersion {margin-top: 25px !important;} .searchdatarightedgebox{ border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } .approvebutton { display: inline-block; background-color: var(--maincolor);; color: var(--mainbuttonfontcolor); height: 25px; width: 55px; font-size: 20px; float: right; } .approvebutton:hover{ background-color: var(--mainhovercolor);} .rejectbutton { display: inline-block; background-color: #06060600; height: 25px; border: 1.5px solid var(--maincolor);; color: var(--maincolor);; width: 55px; padding-top: 0px; font-size: 16px; vertical-align: bottom; float: right; margin-right: 10px; ;transition: 0.1s; } .loginImageContainer{width: 410px;height: 410px;} .rejectbutton:hover{border-color: var(--mainhovercolor); color: var(--mainhovercolor);transition: 0.1s;} .notificationcontent-grouprequest{ -webkit-line-clamp: 1111;} .eightfunction-profile{ width: 40px; margin-right: -5px; margin-top: -1000px;} .eightfunction-profile-set{ margin-left: -8px; margin-top: 25px; /* position: absolute; */ margin-bottom: -55px; float: left;} .eightfunction-profile-title{ font-size: 12px; color: var(--eightfunction-profile-title); width: 43px; text-align: center;color: var(--mainfontcolor) !important;} .profilenumberstyle{ color: #a9a9a9; font-size: 12px;} .profilesubtheme{margin-left: 30px;} .ifESFJ { margin-top:0.5px !important; } .ifESFJ2 { margin-top: 189px !important; margin-left: calc(50% + 225px) !important; width: 155px !important; position: absolute !important; } .cubelistboxcontainer{margin-left: 10px;} .wikifeedboxinformation3{ text-align: left; margin-top: 0px !important; color: rgb(0, 51, 153); font-weight: bold; font-size: 38px; width: 100%; width: 100%; height: 550px; background-size: cover; } .backgroundGas{ background: var(--testAllCharacterTitleBackgroundColor) url(/image/MBTI/BackGround/Gas.svg) no-repeat center bottom; background-size: cover; } .backgroundFire{ background: var(--testAllCharacterTitleBackgroundColor) url(/image/MBTI/BackGround/Fire.svg) no-repeat center bottom; background-size: cover; } .backgroundWater{ background: var(--testAllCharacterTitleBackgroundColor) url(/image/MBTI/BackGround/Water.svg) no-repeat center bottom; background-size: cover; } .backgroundGround{ background: var(--testAllCharacterTitleBackgroundColor) url(/image/MBTI/BackGround/Ground.svg) no-repeat center bottom; background-size: cover; } .backgroundGroundMonkey{ background: var(--testAllCharacterTitleBackgroundColor) url(/image/MBTI/BackGround/Ground.svg) no-repeat center bottom; background-size: cover; } .malegender2{ background-color: var(--maincolor-b); color:var(--mainbuttonfontcolor); } .typejudgementfemale{ background-color: var(--maincolor-r); color:var(--mainbuttonfontcolor); } .typejudgementnonbi{ background-color: var(--maincolor-g); color:var(--mainbuttonfontcolor); } .phoneNumberCodeAreaSelectionInputBox{ margin-top: 32px; margin-right: 35px; margin-bottom: 15px; background-color: transparent; position: absolute !important; border: transparent;} .phoneNumberCodeAreaSelectionInputBox .el-input .el-input__inner{ border: none !important; width: 60px !important; } /* .accountinput{padding-left: 65px;} */ .nobuttonListCardTextContainer{margin-top:3px !important;font-size: 14.5px;} .loginalerticon{ left: auto; right: 35px; /* top: 20px; */ transform: scale(.80); position: absolute; margin-top: -37px;color: #be5959;display: none;} .timeofgetverificationcodeagain, .timeofgetverificationcodeagainLogin{font-size:14px;margin-top: 5px;float:left;display: none;} .choosePersonalityButton{ width: calc(100% + -12px) !important; border-radius: 10px !important; margin-left: 6px !important; } .joingroupwindow{display:none;background-color: var(--contentbackgroundcolor);;position: fixed;width:450px;z-index: 3000;height:calc(100% + -200px);border-radius:5px; top: 50%; left: 50%; transform: translate(-50%, -50%);line-height: 170%; padding: 25px; padding-bottom: 0px; } .joingroupwindowtitle{position:fixed ; top:0;width:405px;background-color:var(--contentbackgroundcolor);color: var(--mainfontcolor);text-align: center;font-weight: bold;font-size: 17px; margin-top: 15px;} .joingroupwindowdescription{text-align:left;font-weight:normal;line-height: 240%;font-size: 15px;margin-top: 30px;height:calc(100% + -100px);overflow-y: auto;overflow-x: hidden;padding: 15px;color: var(--mainfontcolor);} .joingroupbutton{width: 47.5%;padding-left: 0px;padding-right: 0px;margin: 0px;font-weight: bold;} .joingroupbutton:hover{transition: 0.1s;} .setPasswordNote{font-size: 15px; /* font-weight: bold; */ line-height: 190%;} .showeditpassword{ display: block; color: var(--mainfontcolor); font-size: 20px; margin-top: -41px;} .postbutton-login { background-color: var(--unobviousbuttoncolor); padding-top: 6px; } .postbutton-login1 path { fill:var(--unobviousbuttonfontcolor);; transition: 0.1s; } .postbutton-login1:hover path { fill: var(--unobviousbuttonfontcolorhover); transition: 0.1s; } .postbutton-login2 path { fill:var(--unobviousbuttonfontcolor);; transition: 0.1s; } .postbutton-login2:hover path { fill: var(--unobviousbuttonfontcolorhover); transition: 0.1s; } .viewOtherPageButtonSet{ display: inline-block; margin-left: -490px; } .postsubbox-login{ text-align: center; display: block; } .followInteractionLeftBox{ margin-top: 125px !important;} .noBorder{border: none !important} .questionButton{ border: 1px solid var(--hr); text-align: left; border-radius: 1000px; font-size: 12.5px; display: inline-block; padding-left: 15px; padding-right: 15px; margin-top: 10px; margin-right: 10px; width: 100%; } .questionButton:hover{border-color:var(--mainfontcolor);cursor: pointer;} .postbutton-login:hover{background-color: var(--unobviousbuttoncolorhover);transition: 0.1s;} .postbutton-login1:hover path { fill: var(--unobviousbuttonfontcolorhover); transition: 0.1s; } .placeholderbox-group{height: 176px;background-color: transparent;box-shadow: none;} .placeholderbox-group:hover{background-color: none;} .logo-groupmember{ width: 50px; margin-right: 9px; border-radius: 10px;} .selectgrouptitle2 { font-size: 19px; color: var(--mainfontcolor); font-weight: bold; margin-left: calc(50% + -520px); position: fixed; background-color: var(--contentbackgroundcolor); padding: 10px 20px; border-radius: 0px; z-index: 111; margin-top: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: rgb(216, 216, 216) 0px 0px 1px 0px; width: 825px; text-align: center; padding-left: 230px; } .selectgrouptitle { font-size: 19px; color: var(--mainfontcolor); font-weight: bold; margin-left: calc(50% + -490px); position: fixed; top: 0; background-color: var(--contentbackgroundcolor); padding: 10px 20px; border-radius: 5px; z-index: 111; margin-top: 95px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: var(--contentboxboxshadow) 0px 0px 1px 0px; width: 660px; padding-left: 40px; } .channelboxset { margin: 0px; background-color: var(--contentbackgroundcolor); border-radius: 10px; padding: 0px; /* width: 850px; */ padding-left: 15px; border-radius: 0px; padding: 0px; box-shadow:rgb(216, 216, 216) 0px 0px 1px 0px; } .followchannellist { display: flex; flex-wrap: wrap; column-gap: 0px; margin-left: calc(50% + -490px); width: 660px; z-index: 1; margin-top: 120px; border-radius: 5px; position: fixed; height: calc(100% + -170px); overflow: auto; overflow-x: hidden; } .displayNone{display: none !important;} .channelbox-2 { background-color: var(--clickablebackgroundcolor); display: inline-block; border-radius: 5px; height: auto; width: 175px; margin: 20px; margin-bottom: 10px; text-align: center; padding: 15px; font-size: 15px; color: #7a7a7a; margin-left: 33px; margin-right: 0px; } .loginImageProgressPlaceholder{height: 410px;width: 410px;position: absolute !important;z-index: -1;background-color: transparent;} .loginImage3{z-index: 11111111111;background-color: var(--backgroundcolor);} .judgeWallButton{ width: 15px; vertical-align: text-top; margin-right: 6px; } p { line-height: 230%; } .button-joinchannel:hover{background-color: var(--profilebuttonhoverbackgroundcolor);} .button-joinchannel{ width: auto; min-width: 70px; margin-left: -10px !important; background-color: var(--secondarybuttoncolor); height: 31px; border-radius: 31px; color: var(--mainfontcolor); padding-top: 2px; margin-top: -20px; font-size: 13px; padding-left: 10px; padding-right: 10px; position: absolute; font-weight: bold; } .container{padding-left: 0px;padding-right: 0px;} .changephotoicon{width: 25px; /* display: block; */ vertical-align: bottom; margin-right: 3px;} .editprofileicon{ width: 25px; vertical-align: text-bottom; margin-left: 15px; } .editprofiletext{ color: #919191; font-weight: normal; font-size: 15px; margin-left: 15px; vertical-align: middle; } .profileinformation:hover .eidtprofilehover{display: inline-block;transition: 0.1s;} .eidtprofilehover{display: none;} .editprofiletext:hover{cursor: pointer;color:#5e5e5e;transition: 0.1s;} .editresumebox{ height: 26.4px; font-weight: normal; margin-bottom: -9px; display: inline-block; width: 63.4%; background-color: var(--contentbackgroundcolor); margin-left: 0px; padding: 2px; font-size: 15px; border-radius: 0px; padding-left: 10px;} .joinedgroupnumber{color: var(--mainfontcolor);text-align: center;font-size: 22px;margin-bottom:25px;margin-top:15px;font-weight: bold;} html { scroll-padding-top: 100px !important; overflow-y: overlay !important; line-height: 170% !important; } .functionimage{width: 32.5px; margin-left:0px;} .groupnamecreate{font-size: 30px;font-weight: bold;margin-top: 20px;color: var(--mainfontcolor);} .eightfunction-profile:hover .eightfunction-profile-title{color: var(--eightfunction-profile-title-hover);transition: 1s;} li { color: var(--mainfontcolor); line-height: 1.9; } p{ color: var(--mainfontcolor); line-height: 1.9; } .eightfunction-profile:hover{cursor: pointer;} .title-protocol{color: var(--mainfontcolor);} .groupmenuicon { width: 13.5px; margin-right: 2.8px; vertical-align: text-top; } .shortGroupMemberOperationMenu{margin-left: 90px !important; width: 75px !important; } .followicon-menuoperation{ margin-bottom:-2.3px;margin-right:1.5px} .RestartQuestionsShiftToTheTop{top: calc(100% + -85px) !important;} .backtothetop{ background-color: var(--backtothetopbackground); color: var(--backtothetopcolor); padding: 3px; font-size: 15px; vertical-align: middle; margin-top: -4px; position: fixed; top: calc(100% + -30px); left: calc(100% + -30px); transform: translate(-50%, -50%); margin-left: -5px; z-index: 1111; transition: 1s; box-shadow: 0px 0px 1px 0px rgb(216 216 216); } .backtothetop:hover , .backtolastpage:hover{ background-color: var(--arrowbuttonbackgroundcolor); color: var(--arrowbuttoncolor);; transition: transform 1.5s, opacity 1.5s,0.5s;} .slide-fade-enter-active, .slide-fade-leave-active { transition: transform 1.5s, opacity 1.5s; } .slide-fade-enter, .slide-fade-leave-to { transform: translateY(100px); } .activityCounts{font-size: 12px;} .shortInputBoxInCharacterUpload{ margin-bottom: -8px; } .selectContinentBroaderWidth .el-input__inner { width: 100% !important; } .selectContinentBroaderWidth {width: 280px !important; margin-right: 19.5px !important; } .selectContinentNarrowerWidth { width: 190px !important; margin-right: 15px !important;} .selectCountryWidth{width: 190px !important;} .optionContinentNarrowerWidth{margin-right: 0px !important;} .selectContinentNarrowerWidth-Work { width: 75px !important; margin-right: -5px !important;} .selectContinentBroaderWidth-Work .el-input__inner { width: 100% !important; } .selectContinentNarrowerWidth-Work .el-input__inner { width: 100% !important; } .selectCountryWidth-Work{width:181px !important;} .selectCountryWidth-Work .el-input__inner { width: 100% !important; } .selectContinentNarrowerWidth .el-input__inner { width: 100% !important; } .chosenCountryPlaceholder{ width: 184px; } .fade-in-enter-active, .fade-in-leave-active { transition: transform 1.5s, opacity 0.15s; } .fade-in-enter, .fade-in-leave-to { opacity: 0; } .fade-in-leave, .fade-in-enter-to { opacity: 1; } .fade-in-sub-enter-active, .fade-in-sub-leave-active { transition: transform 1.5s, opacity 10.1s; } .fade-in-sub-enter, .fade-in-sub-leave-to { opacity: 0; } .fade-in-sub-leave, .fade-in-sub-enter-to { opacity: 1; } .highestElTooltip { z-index: 999119 !important; } .tooltipContent{font-size: 15px !important;} .dropmenu-discuss, .dropmenu-whisperComment , .dropmenu-whisper , .dropmenu-whisperCTCPreview, .dropmenu-whisperCTC , .dropmenu-whisperCTCTopBar{ border: 1px solid var(--searchbarbordercolor); float:right; margin-top: -10px; width: 75px; margin-left: 572px;} .dropmenu-whisperCTCTopBar{ font-weight: normal; margin-right: -8px; margin-top: -5px; position: relative; } .CTCWindowMenuButton-TopBar { font-size: 15px; float: right; margin-left: -50px; margin-right: 13px; margin-top: -1px; transition: 0.4s; } .CTCWindowMenuButton-TopBar-Expanded { margin-top: 5px; transition: 0.4s; } .dropmenu-whisperCTC{ margin-left: 563px; margin-right: -15px; position: relative; } .dropmenu-whisperCTCPreview{ margin-left: 460px; } .CTCWindowMenuButton-Shrinked{ position: relative !important; margin-left: 220px !important; margin-top: -27px !important; } .CTCWindowMenuButton-Expanded{ position: relative !important; margin-left: 560px !important; margin-top: -32px !important; margin-right: -3.5px; } .dropmenu-whisper{ margin-left: 550px; } .dropmenu-whisperComment{ margin-left: 500px; } .GroupApplyListChosenFilterTag{font-weight: bold;color: var(--mainfontcolor) !important;} .GroupApplyListFilterTag{color:gray;cursor: pointer;width: 31.9%; text-align: center;} .groupaffairfiltertag{width: 31.3%; text-align: center;} textarea{ overscroll-behavior-y: contain; } #discusscontentinput{ overscroll-behavior-y: contain; } .notificationbox { overflow-x: hidden; overscroll-behavior-y: contain; } .MyGroupnotification,.applylistcontainer{ overflow: scroll; overscroll-behavior-y: contain; } .notificationdescription{font-size: 13px; color: gray; margin-top: -3px;} .groupnotification , .MyGroupnotification,.MyGroupnotification-personality{ overflow-x: hidden; max-height: 667.5px; background-color: var(--contentbackgroundcolor) !important; width: 550px; display: none; min-height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: fixed; border-radius: 10px; height: calc(100% - 50px); margin-top: 0px; z-index: 5556;} .box-link2{min-height:0px;margin-top:12px;margin-bottom:12px;width: 100%;cursor: pointer; } .box-link2{padding-left:10px} .MyApplyListCount{ background-color: #ff3366; border-radius: 1000px; color: var(--mainbuttonfontcolor); /* padding: 1px; */ margin-left: -8.5px; position: absolute; border-radius: 20px; min-width: px; border: 3.5px solid var(--contentbackgroundcolor); transform: scale(0.65); /* padding-left: 6px; */ /* padding-right: 6px; */ padding-top: 2px; box-sizing: border-box; margin-top: -3.5px; /* min-width: 27px; */ text-align: center; width: 14px; height: 14px;} .questioncontentbox{float:left;position: absolute;top: calc(50% + -50px);margin-left: 85px;} .questionordertitle{ font-size: 38px; font-weight: bold; float: left; color: var(--mainfontcolor)} .changetestquestionindexbutton{ position: absolute; top: calc(50% + -50px); background-color: var(--backgroundcolor); color: var(--backtothetopcolor); padding: 3px; font-size: 15px; vertical-align: middle; margin-top: -4px; position: relative; /* top: calc(100% + -200px); */ /* left: calc(100% + -30px); */ transform: translate(-50%, -50%); z-index: 1111; transition: 0.5s; /* left: 0; */ /* transform: translate(0%, -50%); */ position: absolute; top: calc(50% + 10px);} .FadeIn{ transition: background-color var(--transitiontime) var(--transitionanimation) , color 0.05s var(--transitionanimation) , border-color var(--transitiontime) var(--transitionanimation) ,box-shadow var(--transitiontime) var(--transitionanimation) , border var(--transitiontime) var(--transitionanimation), opacity 0.1s !important;} .NoFadeIn{transition: 0s !important;} .lasttestquestionbutton{ margin-left: -83px;} .lasttestresultpagebutton{ margin-left: -495px;} .nexttestquestionbutton{ margin-left: 495px;} .questioncontent{ font-size: 25px; width: 530px; line-height: 60px; color: var(--mainfontcolor);} .selfprofilebuttonsetNoDescription{ margin-top: 50px !important;} .profilepagenameNoDescription{ margin-top: 36px !important;} .profilebuttonsetNoDescription{margin-top: -42px !important;;} .grouplogoinprofile{border-radius: 10px;} .anwserbutton{ margin-top: calc(30px); width: 45px; border: 3px solid gray; /* margin-top: 10%; */ height: 45px; border-radius: 1000px;} .roundimageboxtextcontainer{margin-left: 0px;} .roundimage{border-radius: 1000000000px !important;} .anwserbuttonlistbox{ position: absolute; /* float: right; */ top: calc(50% + -185px); /* bottom: 10%; */ margin-left: 885px; height: 100%; bottom: 33px; } .optionA{margin-top: -90px; position: absolute;} .optionB{ position: absolute;} .anwserbutton1:hover,.anwserbutton2:hover{border-color:var(--mainhovercolor);cursor: pointer; } .testProgressBar{width: 80px; display: inline-block;} .testProgressBar .el-progress-bar{ padding-right: 5px;} .anwserbutton1, .anwserbutton2{border-color: var(--maincolor);} .anwserbutton2,.anwserbutton4{height: 35px; width: 35px;} .agreebuttonchosen:hover{background-color: var(--mainhovercolor);} .disagreebuttonchosen:hover{background-color: var(--discussingrecommendpostauthorcolor);} .mutualbuttonchosen:hover{background-color:rgb(200, 200, 200);} .anwserbutton3:hover{border-color: rgb(200, 200, 200);cursor: pointer;} .anwserbutton4:hover,.anwserbutton5:hover{border-color: var(--discussingrecommendpostauthorcolor);cursor: pointer;} .anwserbutton4,.anwserbutton5{border-color: var(--mainfontcolor)} .anwserbutton3{border-color:rgb(200, 200, 200);height: 25px; width:25px;} .agreeanwserfillcolor{background-color: var(--maincolor);} .disagreeanwserfillcolor{background-color: var(--mainfontcolor);} .mutualanwserfillcolor{background-color: rgb(200, 200, 200);} .FrontPageFollowingImage:hover{cursor: pointer;} .personalityrecordimage-eightfunction-recommend {margin-left: 0px; margin-top: -56.5px; vertical-align: middle; width: 28px; } .highlighttheme3 .widetitlebottom { border-bottom: 5px solid var(--maincolor); padding-bottom: 5px; transition: border-width 0s ; } .widetitle{ text-align:center;width:112px;border-bottom: 0px; } .opacityNone{ opacity: 0; } .opacityShow{ opacity: 1 ; } .displayNone{ display: none; } .opacityShowHover:hover{ opacity: 1 !important; } .displayHoverShow{ display: block !important; } .displayHoverHide:hover{ display: none !important; } .opacityNoneHover:hover{ opacity: 1 !important; } .SideTime2{ float: right; margin-right: 70px; margin-top: 10px; font-size: 11px; color: var(--sidetitlecolor);} .SideTime1{ float: left; margin-left: 70px; margin-top: 10px; font-size: 11px; color: var(--sidetitlecolor);} .progress-with-label .el-progress__text { display: block !important; /* 确保文本显示 */ } /* 自定义标签样式 */ .progress-label { font-weight: bold; color: #fff; } .questioncontainer{margin-left: calc(50% + -495px); width: 1000px; height: calc(100% + -235px); position: fixed; border-radius: 15px; background-color: var(--contentbackgroundcolor); /* height: 1000px; */ bottom: 10px; min-height: 420px; box-shadow: 0px 0px 1px 0px var(--contentboxboxshadow);} .votewallcardfirsttransitiontime{transition: 0.2s !important;} .votewallcardsecondtransitiontime{transition: 0.3s !important;} .votewallcardthirdtransitiontime{transition: 0.4s !important;} .votewallcardfourthtransitiontime{transition: 0.5s !important;} .votewallcardfifthtransitiontime{transition: 0.6s !important;} .emptyplaceholder{font-size: 14.5px; color: var(--emptyplaceholdercolor) !important; text-align: center; background: transparent; box-shadow: none; padding-top: 15px; padding-bottom: 15px;} .leftroundradius{border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;} .NotificationEmptyPlaceholder{ color: var(--NotificationEmptyPlaceholder) !important; } .rightroundradius{border-top-right-radius: 5px !important;border-bottom-right-radius: 5px !important;} .notificationfollowbox-group{ padding: 0px 10px 13px 20px;} .notificationfollowerinformation-group{width: 450px;} .chosenSwitchBarButton-Left{margin-left:5.5px !important;margin-right:-5px !important} .clickpage:hover .clickpage-research{ background-color: #dbdbdb; transition: 0.3s; } .noCommentOptionsBar{margin-top: 180px;} .mutualCommentBox{ margin-top: 150px !important;} .chosenMessageListTab {color: var(--mainfontcolor) !important ; font-weight: bold !important;} .unchosenMessageListTab {color: gray !important} .fullWindowSearchBar{ margin-right: 32px; margin-top: 17.5px; width: calc(100% + -72px); margin-left: 40px; transition: 0.3s !important; float: right; margin-bottom: 17px; } .unChosenFunction { margin-top: 17px; } .ChosenFunction{ margin-top: 7.5px; } .chosenFunctionSubTitle { font-size: 17px; color: var(--chosenFunctionSubTitlecolor); transition: 0.3s; } .marketingVisualizationDataBox{ background-color: var(--marketingInfoBar); width: 100%; height: 30px; width: 100%; height: 26.5px; margin-bottom: 20px; border-radius: 511px; margin-left: 5px; } /* .marketingPostiveProgressBar{ margin-left: 0px !important; width: 155px !important; } */ .marketingVisualizationDataBox .el-progress-bar { width: calc(100% + 30px); margin-right: -110px; } .cardLeftTopBorderRadius{ border-top-left-radius: 5px !important; } .cardRightTopBorderRadius{ border-top-right-radius: 5px !important; } .cardLeftBottomBorderRadius{ border-bottom-left-radius: 5px !important; } .cardRightBottomBorderRadius{ border-bottom-right-radius: 5px !important; } .marketingVisualizationDataBox:hover .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner{background-color: var(--mainhovercolor) !important;width:0px !important; transition: 1s;} .marketingVisualizationDataBox:hover .marketingNegativeProgressBar .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner{background-color: var(--maindisabledhovercolor) !important;width:0px !important; transition: 0s;} .MarketingProgressBarInfoBox { background-color: var(--hr); color: var(--mainfontcolor); /* padding: 4px; */ vertical-align: 1px; width: 28px; z-index: 11111111; height: 28px; margin-top: -.5px; display: block; /* font-weight: bold; */ border-radius: 1000px; margin-top: -27px; position: relative; padding-top: 5.5px; transition: 0.5s !important; border:1px solid var(--clickablebackgroundcolor); } .MarketingProgressBarInfoBoxHide{ font-size: 13px; position: fixed; font-weight: bold; color: transparent !important; margin-top: -1px !important; display: none; width: 100%; } .marketingVisualizationDataBox:hover .MarketingProgressBarInfoBox { width: 308px; transition: 0.0s !important; } .chosenBackgroundColor{ background-color: var(--choosebackgroundcolor) !important; font-weight: bold; } .marketingVisualizationDataBox:hover .MarketingProgressBarInfoBoxHide .likeIcon{ color: var(--maincolor); } .marketingVisualizationDataBox:hover .MarketingProgressBarInfoBoxHide { font-size: 13px; position: relative; width: 100%; display: block; margin-top: 2px; color: var(--mainfontcolor) !important; transition: 0.5s !important; } .MarketingProgressBarInfoBoxShow{ font-size: 13px; display: block; transition: 0.3s !important; } .marketingVisualizationDataBox:hover .MarketingProgressBarInfoBoxShow { display: none; transition: 0s !important; } .unChosenFunctionSubTitle { font-size: 0px; color: transparent; } .marketingLetterPicker{ text-align: center; padding-top: 10px; color: var(--mainfontcolor); border-radius:20px; margin-top: 5px; display: inline-block; background-color: var(--contentbackgroundcolor); border:1px solid var(--hr); font-size: 30px; } .unChosenMarketingLetterPicker:hover{ cursor: pointer; background-color:var(--chosenMarketingButtonColor) } .setOfConfrontingFunctionPickerBox{ margin-top: 20px; text-align: center; margin-bottom: -18px; height: auto; margin-right: -15px; } .marketingAttitudePickerButton{ width: calc(50% + -8px);text-align: center; } .creationInfoBoxInList{width: 160px;height: 236.5px; background-color: var(--contentbackgroundcolor);margin-right: 5px;display: inline-block;object-fit: cover;margin-bottom: 5px;} .creationInfoBoxMaskLayerContentBoxInList{ height: auto; position: absolute; bottom: 0; padding: 10px; } .marketingCommentButton { border: 2px solid var(--mainfontcolor); background: none; width: 100%; height: 50px; font-size: 15px; border-radius: 1115px; color: var(--mainfontcolor); font-weight: bold; } .marketingCommentButton:hover{ background: none !important; border: 2px solid var(--mainhovercolor); color: var(--mainhovercolor); transition: 0.3s; } .creationInfoBoxInList:hover .creationInfoBoxMaskLayerInList{ transition: background-color 0.3s !important;transition: color 0.6s !important;cursor: pointer; background-color: #0000005b; color: #ffffff;} .creationInfoBoxMaskLayerInList{ width: 160px; height: 236.5px; margin-right: 5px; /* display: inline-block; */ color: transparent; background-color: transparent; object-fit: cover; margin-bottom: 10px; position: absolute; margin-top: -236.5px;} .creationInfoBoxMaskLayerTitleInList{ font-size: 18px; } .creationInfoBoxMaskLayerSubTitleInList{ font-size: 15px; } .creationInfoBoxMaskLayerContentBoxInList, .creationInfoBoxMaskLayerTitleInList, .creationInfoBoxMaskLayerInList .creationInfoBoxMaskLayerContentBoxInList .creationInfoBoxMaskLayerSubTitleInList, .zerotransition{ transition: 0s !important} .leftPicker { margin-right: 25px; margin-left: -2px; } .rightPicker { margin-right: 52.5px; } .unChosenMarketingLetterPicker{ vertical-align: 3px !important; width: 100px; height: 100px; cursor: pointer; margin-top: 25px; transition: 0.3s; color: var(--chosenFunctionSubTitlecolor) !important } .chosenMarketingLetterPicker{ margin-bottom: -5px; width: 110px; height:110px; background-color:var(--chosenMarketingButtonColor); transition:0.3s; } .researchBoxTop{ margin-top:120px !important; } .privacyMode { filter: blur(5px); } .rightWindowSearchBar{ transition: 0.3s !important; width: 144px;; margin-left: 0px; margin-left: 40px; margin-right: 35px; float: right; margin-top: 23.5px;float:right } .windowSearchBar{transition: 0.3s !important;} .firstPublicResearchBox{ margin-top: 10px !important;} .limitedInputBox{background: transparent; border: none; width: 73px; padding-left: 5px; font-size: 18px; padding-bottom: 0px; height: 38.5px; margin-top: 5px;} .clickpage:hover .clickpage-research:hover{ background-color: #cbcbcb; } .chosenSwitchBarButton { color: var(--mainfontcolor); background-color: var(--switchbarbutton); font-weight: bold;margin-left:-5px } .postspeakbutton2{ color: var(--maincolor); background-color: var(--unobviousbuttoncolor); color: var(--mainfontcolor);} .postspeakbutton2:hover{ background-color: #e1e1e1;} .postspeakbutton2:hover{transition: 0.1s;} .postspeakbutton:hover{transition: 0.1s;} .unavaliablejoinbutton:hover{background-color:var( --unavaliablebuttonbackground) !important;cursor: auto;} .discussidentitylabel{ color: #999999; border: 1px solid var(--verifybackgroundcolor); width: auto; display: inline-block; text-align: center; margin-left: 5px; padding: 2px; border-radius: 6px; font-size: 12px; margin-top: px; vertical-align: 1.5px; padding-left: 8px; padding-right: 8px;} .operationiconbiggerbutton{vertical-align: text-top;} .bigtitle{color: var(--mainfontcolor);font-size:35px;;font-weight:bold;margin-left: 0px;} .sendbuttondescription{margin-top: 15px; display: inline-block; font-size: 13px; color: var(--sidetitlecolor);transition: 0.5s;} .downloadappbotton{ background-color: var(--clickablebackgroundcolor); display: inline-block; padding: 5px; padding-left: 15px; padding-right: 15px; border-radius: 1000px; font-size: 10px; color: var(--mainfontcolor); margin-right: 15px;} .downloadappbottongroup{float: right;display: block;margin-top: 22px;margin-right: 5px;} .downloadappbotton:hover{background-color: var(--secondaryhovercolor); color: var(--mainfonthovercolor);transition: 0.1s;cursor: pointer;} .applygrouptextarea{outline: none; min-height: 88px; border: none; font-size: 15px; margin-top: 45px; font-weight: normal;height: calc(100% + -123px);} html { overflow-y:scroll !important; } .dreamtrendboxcommentlikeset-profile{margin-bottom: 8px;} /* .ioInter{ margin-right: 23px; display: inline-block; margin-left: 23px;} */ ::-webkit-scrollbar:horizontal { height: 8px; /* 你想要的高度 */ } ::-webkit-scrollbar-thumb:horizontal { background-color: transparent !important; } .backtolastpage{ background-color: var(--backtothetopbackground); color: var(--backtothetopcolor); padding: 3px; font-size: 15px; vertical-align: middle; margin-top: -4px; position: fixed; top: calc(100% + -30px); left: calc(100% + -30px); transform: translate(-50%, -50%); margin-left: -5px; z-index: 1111; transition: 1s; box-shadow: 0px 0px 1px 0px rgb(216 216 216); left: 0; transform: translate(-50%, -50%); margin-left: 30px;} .postcontentavatar-posting{ position: relative; border-radius: 1000px; margin-left: 25px; margin-top: 0px; transition: 0.3s; } .postingavatarstitlebox{display: block;display: block; margin-top: 22px; height: 40px; margin-bottom: 10px;} .editspeak-posting { margin-top: 8px; margin-left: 28px; min-height: 160px !important; width: calc(100% + -45px) !important; } .replyobjectavatar{ width: 40px; display: inline-block; position: relative; border-radius: 1000px; margin-left: 50px;} .replyactionicon{ width: 20px; position: absolute; margin-top: 12px; margin-left: 13px;} .expandreplybutton,.expandreplycommentboxbutton ,.expandreplycommentbutton{ font-size: 25px; color: #ffffff; position: absolute; margin-top: 12px; margin-top: -4px; margin-top: -41px; margin-top: -5px; } .shrinkreplybutton,.shrinkreplycommentboxbutton, .shrinkreplycommentbutton{ font-size: 25px; color: #ffffff !important; position: absolute; margin-left: 655px; margin-top: 3px; } .browseimagebutton {height:110px;background-color:var(--contentbackgroundcolor);display:inline-block;width:30px;border-radius:5px;} .browseimagebuttonleft{margin-right: 20px;} .browseimagebuttonright{margin-left: 20px;} .discussblockquote{ font-size: 15px; border-left: none; text-indent: 0px; margin-bottom: 5px; overflow: hidden; padding-right: 15px; margin-right: 25px; border: 1px solid var(--whisperButtonBorderColorNotHome); border-radius: 10px;} .feedcardinformationtitle{color:#A3A3A4} .feedcardinformationsubtitle{font-size: 14px;color: #aaaaaa;} .avatarcontainer{ margin-top: 2px; position: absolute; width: 40px; height: 40px; margin-right: -8px; background-color: var(--clickablebackgroundcolor); border-radius: 100000000px; } .ineractionstatisticcategory{padding-bottom: 1px;padding-top: 1px;padding-left: 18px;padding-right: 18px} .voteletterfont{ height: 48px; margin-left: -5px;} .groupmemberratioletterfont{ width: 40px; margin-top: -5px; } .dreamleftboxposition-discuss ,.dreamleftboxposition-grouppage ,.dreamleftboxposition-home ,.dreamleftboxposition-votecontent, .dreamleftboxposition-personalityinteraction{position: sticky;top: 60px;margin-top: 0px;} .hidevotebar{display: none;} .secondRows{ margin-bottom: 25px !important; } .innertestpersonalitylistbox{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 160px; color: var(--mainfontcolor); align-items: flex-start;width: 1000px;} .personalitycardsdescriptionsubbox{margin-left:25px;display:block; text-align: left;padding-top:30px;padding-bottom:5px;color: var(--mainfontcolor);width: 980px;} .personalityCardFunctionDot{background-color: gray; width: 8px; height: 4px; border-radius: 1px;margin-left: 7px; margin-right: 3px !important; display: inline-block; margin-top: 5px;} .personalityCardFunctionDot-FollowingList{ margin-right: 0px; } .personalityCardFunctionDot-Chat{ margin-right: -12px; vertical-align: -2.7px; } .personalityCardFunctionDot-Chat-Brw{ background-color: var(--maincolor-brw); } .personalityCardFunctionDot-Chat-G{ background-color: var(--maincolor-g); } .personalityCardFunctionDot-Chat-B{ background-color: var(--maincolor-b); } .personalityCardFunctionDot-Chat-R{ background-color: var(--maincolor-r); } .personalityCardFunctionDot-Chat-G{ background-color: var(--maincolor-g); } .personalityCardFunctionDot-Chat-P{ background-color: var(--maincolor-p); } .thirdFunctionBox-report{ padding-bottom: 30px; margin-top: -25px; } .fourthFunctionBox-report{ padding-bottom: 35px; padding-top: 1px; } .personalityEntranceOptionPicture{width: 50px;} .personalityEntranceOptionName{display: inline-block;margin-right: 7px;vertical-align: -8px;font-size: 12.5px;} .personalityEntranceBox{ display:none; position:fixed !important; top: 60px !important; background: var(--contentbackgroundcolor) !important; margin-left: calc(50% + -490px) !important; box-shadow: 0px 0px 1px 0px var(--contentboxboxshadow) !important; border-radius: 5px !important; padding: 10px !important; width: 980px !important; } .personalitycardsdescriptionparentbox{ font-size: 15px; width: 1000px; margin-top: 30px; color: var(--mainfontcolor); margin-left: calc(50% + -510px); display: block;} .cardboxinfo:hover .cardboxinfoname{color:var(--cardinfoboxhovercolor) !important;transition: 0.3s;} .cardboxinfo:hover .cardboxinfosubname{color:var(--cardinfoboxhovercolor) !important;transition: 0.3s;} .cardboxinfo:hover .personalityview{color:var(--mainhovercolor) !important;transition: 0.3s;} .directupload{width: 100% !important;} .eightfunctionicon-starttestpage-mobile{width: 30px;} .addnewworkbutton{margin-top:10px; font-size: 15px;color: gray;} .addnewworkbutton:hover{color: rgb(179, 179, 179);transition: 0.3s;cursor: pointer;} .createcharacterlongprogressbar{width: 49% !important;} .bi-x-lg{cursor: pointer;} .bi-x-lg:hover, .bi-arrows-angle-expand:hover, .bi-arrows-angle-contract:hover{color: gray;transition: 0.3s;} .clickpage-option:hover{box-shadow: none;} .uploadResearchButton:hover{background-color: var(--mainhovercolor) !important;} .createcharacterprogress {width: 32.4%;} .briefviewicon{vertical-align: sub; width: 15px;} .firstCharacterProfileInfo{ border-left: 3px solid #e5e5e5 !important; border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; } .virtualwalluploadbutton{ width: 95px !important;} .profilecelebritywalllisttitle{ color:#171414;font-size:15px;display:inline-block;margin-right:18.7px; margin-top: 20px;color: #7e7e7e;padding-left: 8px;} .profilecelebritywalllistbox{ border-radius: 0px; width: calc(100% + 20px); padding-left: 16px; margin-right: 36.1px; display: inline-block; } .nonecontentcharacteraddbox{width: 32.55%;margin-left: 8px;padding-bottom: 15px;} .profilecelebritywallpicturebox{margin-right:0px; width: 30.1px; border-radius: 1110px; margin-bottom: 0px; margin-top: 0px; height: 30px;} .profilecelebritywallpicture{opacity: 1;border-radius:1110px;} .characterassetplaceholder{width: 120px;margin-left: -30px;} .relationshiptag{ border-color: var(--backgroundcolor); margin-top: -18px; margin-left: 32px;} .relationshippeoplephoto{ width: 66px; border-radius: 0px; height: 80px; border-radius: 5px; margin-right: 25px; margin-left: 0px; margin-top: 0px; } .characterlistpagesubtitle{font-weight:normal;font-size:15px;color:gray;margin-left:8px} .relationshippeoplephotobox{ display: inline-block; width: 55px; height: 61px; border-radius: 100px; margin: 0px; margin-right: 26px; margin-bottom: 28px; margin-top: 19px;} .profilecharacterminiboxtitle2{margin-top:1px; margin-bottom: -4px; color: #686868; font-size: 10px; display: inline-block; padding-right: 0px;text-align: center;} .profilecelebritywalllistbox2{ width: 280.12px; margin-top: 10px; margin-bottom: 15px; padding-right: 0px; margin-left: 0px; border-radius: 5px; padding-top: 2px; padding-bottom: 2px;} .profilecelebritywallpicturebox2{margin-left: 25px;} .profilecelebritywallpicture2{border-radius:1110px} dt{color: #b0b0b0; font-size: 13px;vertical-align: top;} dd{vertical-align: top;} .nonecontentcharacteraddbox:hover{color: #3c3c3c;transition: 0.3s;} .nonecontentcharacteraddbox{color: #6f6f6f;} .btn-primary { color: var(--mainfontcolor) !important; background-color: var(--clickablebackgroundcolor); border:none; margin-top: 0px; } .charactertricontentcontainer{padding-top:0px ;padding-left: 0px;padding-right: 0px;} .charactertricontenttopbar{width: 100%; position: absolute;background-color: var(--contentbackgroundcolor);border-bottom: 1px solid var(--windowTopBarBottomColor); height: 56px;padding-left: 40px;padding-top:5px;} .charactertricontentprofileimage{width: 42px;height: 42px;border-radius: 1000px;} .charactertricontentprofilesubinfromationbox{display: inline-block; vertical-align: top;margin-left: 10px;width: 400px;} .voteResultInAnalysis {width: 50%;} .charactertricontentprofilename{font-weight: bold;color: var(--mainfontcolor);font-size: 16px;} .charactertricontentuploadbutton{background-color: var(--clickablebackgroundcolor);color:var(--mainfontcolor);;border-radius: 5px;float: right;font-size: 15px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;margin-right: 40px;margin-top: 7px;} .charactertricontentprofilecategory{color: var(--mainfontcolor);font-size: 15px;} .clickpage:hover .btn-primary{ background-color: var(--firsthovervotemainpagebuttoncolor);} .clickpage:hover .btn-primary:hover { background-color:var(--secondaryclickbackgroundhovercolor);border: none;} .charactertricontentbox{ padding-left: 55px;margin-top: 0px; margin-bottom: 5px !important; padding-right: 15px; /* border-bottom: 1px solid gray; */ width: 90%; margin-left: 40px; /* margin-right: 40px; */ /* border-bottom: 1px solid #d6d6d6; */ /* margin-bottom: 0px !important; */ padding-top: 15px; padding-bottom: 15px; border-radius: 5px; background-color: var(--contentbackgroundcolor); } .bi-pen-fill { font-size: 12px; margin-left: 2px; } .charactertricontentbox-mine{ } .loadingCharacterLetter{ margin-top: 20px; margin-bottom: 15px; width:30px;height:30px;border-radius:1000px } .characterLetterPlaceholdingSkeleton{ width: 85px; padding: 0px 0px 0px; margin-bottom: -50px; margin-left: -23.5px;} .charactertricontentbox-relationship{padding-left: 30px; padding-right: 0px; line-height: 25px; background: var(--contentbackgroundcolor); margin-left: 40px; margin-right: 10px; width: calc(90%); border: none; margin-bottom: -10px !important;} .charactertricontentlistbox{margin-top: 56px; overflow:scroll; height: 100%;background-color: var(--backgroundcolor);} .charactertricontentcontainer-relationship{} .charactertricontentprofileimage-word{ float: left; margin-right: 14px; margin-left: -40px} .listbox{box-shadow: none;} .listbox:hover{box-shadow: none;} .charactertricontentprofileimage-relationship{ width: 55px; height: 75px; border-radius: 5px ;;} .charactertricontentprofileimage-commonrelationship{width: 22px;height: 22px;margin-top: 8px; margin-bottom:5px ; margin-right: 10px;} .characterlistcardpersonality{float:right;font-weight: normal !important;color: var(--maincolor);font-size: 18px;margin-top: 15px;margin-right: 15px; text-align: right; margin-top: 25px; font-family: 'personalityfont1'; } .firstrank{color: rgb(216, 184, 110);} .secondrank{color: rgb(186, 186, 186);} .thirdrank{color:rgb(163, 131, 102)} .otherrank{color: gray;} .editrecordwindowcharactersubtitle{font-size:15px;color:gray; margin-top: 3px;} .optionbox{ border-bottom: 4px solid transparent !important; border: none; border-radius: 0px; margin: 60px; text-align: center; margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; min-width: 0px !important; } .fontWeightBold{ /* width: 10px; */ /* margin: 20px; */ border-radius: 0px; border: none; font-weight: bold; border-color:var(--maincolor) !important; } .editrecordwindowopertiaontype{ float: right; font-size: 15px; margin-right: 22px; margin-top: 0px; color: gray; } .centerltitleonrecordbox{ font-weight: bold; color: var(--mainfontcolor); font-size: 16px;text-align: center;} .charactertricontentprofileimage-workcharacter{ width: 55px; height: 55px; border-radius: 1115px} .editrecordwindowopertiontime{ float: left; font-size: 15px; margin-left: 57px; margin-top: 5px; color: gray;} .charactertricontentprofileimage-work{border-radius: 3px; width: calc(42px / 1.48);} .editrecorddescription{ width: 550px; margin-top: 5px;} .firstPageTimeRecord{ margin-top: -25px;} .notFirstPageTimeRecord{margin-top: 58.5px;} .quote-wordview{ width: calc(100% + -70px); float: left;} .editcharacterprofilerecordimage-work{border-radius: 5px;height: calc(42px * 1.48 + 6px);} .addwordbox{display: none; z-index: 20000000000;} .addeventbox{display: none; width:620px;max-height: 100%; overflow: scroll; padding-right: 0px; z-index: 9000;} .addrelationshipbox{ padding-bottom: 95px;} .addrelationshipcharactercard:hover{} .createCharacterChosenCategory{background-color: var(--graybuttonhoverbackgroundcolor) !important; color: var(--mainfontcolor) !important;} .clickpage-relationship:hover{background: var(--relationshipeditboxhoverbackgroundcolor);cursor: pointer;} 。relationshippeoplephotobox .clickpage-relationship:hover .changerelationshipobjectbutton{display: inline-block;} .disabledFollowButton{ color: var(--unavaliablebuttonfontcolor) !important; border: 1px solid #00339900 !important; background-color: var(--unavaliablebuttonbackground) !important; } .changerelationshipobjectbutton{ position: absolute; display: none; margin-left: 95px !important; margin-top: -8px;color: var(--relationshipeditboxchangeobjectbuttoncolor) ;} .disabledbutton{background-color: var(--maindisabledcolor) !important;cursor: auto !important;color: var(--disabledbuttonfontcolor) !important;} .disabledbutton:hover{background-color: var(--maindisabledcolor) !important;cursor: auto !important;color: var(--disabledbuttonfontcolor) !important;} .addrelationshipcharactercard{ display: inline-block; text-align: center; background:var(--graybuttonbackgroundcolor); padding: 15px; color: var(--mainfontcolor); border-radius: 5px; font-size: 15px; width: 185px;} .unknownbirthdateofcharacter{ margin-bottom: 15px !important;} .CreateCharacterDatecheckbox{float: right;} /* .addrelationshipcharactercard:hover{cursor:pointer;} */ .ProfileTagEditBorderBottom{border-bottom: 1px solid var(--textareabottomcolor);outline: none;} .characterprofiletagaddbutton:hover{background-color:var(--primaryhoverclickablebackgroundcolor) !important} .characterprofiletagaddbutton:focus{background-color: var(--primaryhoverclickablebackgroundcolor);outline: none;} .characterprofiletagaddbutton:active:focus{background-color: var(--primaryhoverclickablebackgroundcolor);outline: none;} .characterprofiletagaddbutton{outline: none;color: #858585 !important;background-color: var(--clickablebackgroundcolor) !important;} .characterprofileinformationinput{ width: 200px; margin-right: 10px; display: inline-block; height: auto; min-height: 25px; border-radius: 0px; vertical-align: top; outline: none; font-size: 15px; color: var(--mainfontcolor); padding-left: 4px; padding-right: 4px; padding-top: 0px; margin-bottom: 10px;} .editprofiledeletebutton{ color: var(--mainfontcolor); font-size: 18px; margin-right: 5px;display: none;} .deletecharacterprofiletagbutton{ display: inline-block; font-size: 15px; /* background: var(--clickablebackgroundcolor); */ color: #858585 !important; border-radius: 1000px; width: 24px; height: 25px; text-align: center;} .characterprofiletageditboxwidth{width: 32%;} .characterprofiletageditmargin{margin-left: -12px;margin-top: -1px;} .ProfileTagEditValueBoxWidth{width: 168px;} .completeeditprofilebutton{padding-left: 25px;padding-right: 25px;height: 32px;padding-top: 0px;background-color:var(--maincolor);color: var(--mainbuttonfontcolor);border:2px solid var(--maincolor);} .completeeditprofilebutton:hover{border-color: var(--mainhovercolor);background-color: var(--mainhovercolor);;color: var(--mainbuttonfontcolor)} .canceleditprofilebutton:hover{border-color: var(--mainhovercolor);;background-color:transparent;;color: var(--mainhovercolor)} .canceleditprofilebutton{padding-left: 25px;padding-right: 25px;height: 32px;padding-top: 0px;border:2px solid var(--maincolor);color: var(--maincolor);margin-right: 12px;background: transparent;} .editprofiledeletebutton:hover{color:gray;cursor: pointer;} .characterprofileworkinfobox{display: inline-block;width: 476px; display: inline-block; margin-left: 15px; color: var(--mainfontcolor)} .characterprofileworkinfotitle{font-weight: bold;font-size: 20px;margin-bottom: 5px;} .characterprofileworkinfocontent { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer; word-break: break-all;} .expandedworkcontent{ -webkit-line-clamp: unset;} .characterprofilenameinput{ /* min-width: 35px; max-width: 50px; */ width: 50px; margin-right: 10px; display: inline-block; height: auto; min-height: 25px; border-radius: 0px; vertical-align: top; outline: none; font-size: 15px; color: var(--mainfontcolor); padding-left: 4px; padding-right: 4px; padding-top: 0px; color: var(--characterprofiletagkeycolor); font-size: 13px; vertical-align: top; margin-bottom: 10px; font-weight: bold; margin-bottom: 10px;} .wikideletebutton{color:rgb(194, 194, 194);font-size: 18px;margin-right: 10px;} .wikideletebutton:hover{color:gray;cursor: pointer;} .wikiaddbutton{color:rgb(194, 194, 194);font-size: 18px;margin-right: 10px;} .wikiaddbutton:hover{color:gray;cursor: pointer;} .charactercontentlistsortbox{float: right; margin-right: 30px; margin-bottom: 15px; margin-top: 15px; } .eventtimelocationinfobox{ display: inline-block; text-align: center; width: 68px; background-color: var(--contentbackgroundcolor); z-index: 11; position: relative; padding-bottom: 20px;} .eventtimelinecontent{width: calc(100% - 0px); /* margin-left: -39px; */ border-radius: 0px; padding-left: 0px; padding-top: 20px; padding-bottom: 35px;} .editbutton-wordview{display: none;;margin-top:15px;color: #8e8e8e;float: right; margin-right: 8px;} .charactertricontentbox:hover .editbutton-wordview{display: inline-block;} .editbutton-wordview:hover{transition: 0.1s;color: #202020;cursor: pointer;transform: translateY(-2px);transition: 0.35s;} .moretricontentboxbutton{float:right;font-size: 15px;} .moretricontentboxbutton:hover{color: rgb(169, 169, 169);;cursor: pointer;} .charactercontentlistcount{ font-size: 15px; font-weight: bold; margin-left: 40px; margin-top: 23px; float: left;color: var(--mainfontcolor);} .ProfileTagEditBorderBottom:empty:before { content: attr(data-placeholder); color: grey; cursor: text; } .editoruploadworkinputbox{ margin-left: 108px; line-height: 1.8; width: 80%; margin-bottom: 36px; padding-bottom: 10px;} .eidtrecorduserprofileimage{ margin-bottom: 10px; margin-right: 5px; margin-left: 8px;} .editrecordboxcharacterprofileviewbox{ margin-top: 10px; margin-bottom: 20px !important; margin-left: 55px; width: calc(88%); background-color: var(--clickablebackgroundcolor); } .virtualwalluploadbutton2{border-top-right-radius: 0px;border-bottom-right-radius: 0px;} .createcharactersearchworkbox{height: 300px;overflow: auto;} .editspeakVote{ width: calc(100% - 58px) !important; background-color: var(--backgroundcolor) !important;height: calc(100% - 336px);width: calc(100% - 57px); padding: 10px;margin-top: 20px !important; background-color: #ededed00; padding-left: 15px; padding-right: 15px; } .marketingWordContainer{ transition: margin-top 0.3s, opacity 1s !important; opacity: 1 !important; } .marketingWordContainerNonAttitude{ margin-top: -110px !important; z-index: -1111 !important; /* display: none; */ transition: margin-top 0.3s , opacity 0.01s !important; opacity: 0 !important; position: relative; } .extendTextareaBoxNonAttitude{ height: calc(100% + 129px) !important; } .attitudeButton{ background-color: var(--backgroundcolor);width: 55px;height: 55px;margin-top: 20px;font-size: 27.5px; ; margin-right: 15px; color: var(--mainfontcolor); cursor: pointer; } .attitudeButton:hover{ background-color: var(--clickablebackgroundcolor); transition: 0.1s; } .marketingWord{ border: none !important; box-shadow: none !important; width: 135px; background: var(--backgroundcolor); height: 40px; text-align: center; color: var(--mainfontcolor); font-size: 15px; display: inline-block; vertical-align: 10; padding-top: 9px; border-radius: 5px; margin: 7.5px; } .marketingWordContainer{ margin-top: 20px; margin-left: 25px; } .createcharactersearchworkoutcome{width: 100%; border-radius: 0px; background-color: var(--contentbackgroundcolor); height: 56px; padding-top: 5px;} .eventphotogalleryleftedgeradius{border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important;} .eventphotogalleryrightedgeradius{border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important;} .filtertagincharacterwall{background-color: var(--contentbackgroundcolor);position: absolute;width: 100px;top: 300px;;border-radius: 10px;box-shadow: 0px 0px 0px 0.2px var(--contentboxboxshadow); padding:10px;z-index: 1111;transition: 0s;} .filedfilter, .workcategoryfilter, .personalityfilter, .timefilter, .dynastyfilter, .ourcountryfiledfilter{z-index: 1000;height:auto;width: 998px; margin-left: calc(50% - 508px);} .timefilter{padding-left: 28px;padding-right: 28px;padding-bottom: 30px;} .countryfilter{width: 998px; margin-left: calc(50% - 508px);;;z-index: 1000;height:50%} .votewallyearrange{text-align: center;padding-top: 10px;font-size: 15px;color: var(--mainfontcolor);} .generalfiltertagtitle{font-size: 16px;font-weight: bold;margin-left: 15px;margin-top: 10px;margin-bottom: 10px;width: 100px; color: var(--mainfontcolor);} .filedfiltertag{ font-size: 15px; width: 108px; background-color: var(--homebuttonbackgroundcolorone); color: var(--mainfontcolor); /* padding: 29px; */ padding-bottom: 3px; padding-top: 5px; border-radius: 5px; margin: 7px; margin-top: 7px; margin-bottom: 7px; display: inline-block; text-align: center;} .characterwalloptionsexpanded{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;transition: 0.3s;} .characterwallsearchexpandedborder{border-radius: 300px; border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important;transition: 0.3s;} .filedfiltertag-personality:hover{border: 1px solid var(--graybuttonhoverbackgroundcolor);cursor: pointer;} .filedfiltertag:hover{background-color: var(--graybuttonhoverbackgroundcolor);cursor: pointer;} .countryfiltertagbox{height: 100%;width: 990px;} /*.countryfiltertagbox{height: 100%; overflow: scroll;width: 990px;} */ .filtertagincharacterwallFloat{position:fixed !important; top:136px !important;border-top-right-radius: 0px !important;;border-top-left-radius: 0px !important;} .characterwallboxbeforeexpanded{ height:338.5px; transition: 0.3s;} .characterwallboxbeforeexpanded-privacyOn{ height:288.5px; transition: 0.3s;} .characterwallboxbeforeexpanded2{ height:262.5px; transition: 0.3s;} .characterwallboxafterexpanded{ height:194.67px; transition: 0.3s;} .generalbox-normal-feed:hover{box-shadow:none;border: 0.1px solid var(--contentboxhoverbordercolor);;} .generalbox-normal-feed{border: 0.1px solid transparent} .papercategory-active-floattriggered{border-radius: 0px !important;transition: 0.1s;} .createCharacterSubTitle{color:var(--charactersubtitlecolor);margin-bottom: 7px;margin-top: 7px;} .testQuestionBodyBackground{background-color: var(--dotestbackground) !important;} .changeprofilepic{width: 70px; height: 70px; border-radius: 11110px; /* border-radius: 11110px; */ z-index: 1111111111; margin-top: 0px;} .chooseone-singleType { margin-left: 0px !important; color: var(--personalityoptionfontcolor); transition: 0.3s; } .chooseone-singleType:hover { margin-left: 0px !important; } .choosepersonality-singleType:hover { border-radius: 10px; width: calc(24.5% + 0px); margin-left: 0px; margin-right: 0px; color: var(--mainfontcolor) !important; background-color: var(--chosevotetagbackgroundcolor); margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; ;} .choosepersonality-singleType:hover .chooseone-singleType { color: var(--mainfontcolor) !important; ;} .choosepersonality-singleType { transition: 0.4s; display: inline-block; margin-top: 1px; text-align: center; width: 24.5%; margin-bottom: 1px; margin-top: 12px; margin-bottom: 12px; border-radius: 15px /* 投票框个性样式显示 */; width: calc(24.5% + -50px); margin-left: 25px; margin-right: 25px; border-radius: 10px; } .voteoption-singleType{ border: 0px solid #3030308c; position: absolute; background-color: var(--contentbackgroundcolor); z-index: 11111; font-size: 15px; color: rgb(81, 81, 81); width: 608px; margin: 21.6px; border-radius: 10px; padding: 13px; text-align: left; height: auto; overflow: scroll; display: none; overflow-x: hidden; box-shadow: 3px 3px 8px 0.1px var(--voteoptionscardboxshadow);; } .testtitle2{ display:none ; width: calc(100% + -80px); min-width: 160px; font-weight: normal; margin-top: 90px; position: absolute; color: rgb(255, 255, 255); margin-left: calc(50% + -490px); } .searchdata2{background-color: var(--glassmaterialcontentbackgroundNavigationbar);backdrop-filter: blur(var(--unifiedBluringPx));} .filtertagincharacterwall {background-color: var(--glassmaterialcontentbackgroundNavigationbar); backdrop-filter: blur(var(--unifiedBluringPx))} #searchbar-md ,#searchbar{color: var(--mainfontcolor) !important;} .CharacterInfoContainerExpand{height:0px; transition: 0.3s;} .CharacterInfoContainerShrink{height: 100px; transition: 0.3s} .profileinformationboxEdit{padding-bottom: 35px;} .clickbackground-add{z-index: 2001 ; background-color: rgba(0, 0, 0, 0.73) !important; backdrop-filter: blur(4px) !important;} .clickbackground-reloading{z-index: 1999 !important; background-color: rgba(0, 0, 0, 0.73) !important; display: none ; } .reportpage{pointer-events: all;} .WechatQrcode{width: 310px; padding: 40px 40px 40px; border-radius:10px; position: fixed; background: var(--contentbackgroundcolor); z-index: 111111; transform: translate(-50%, -50%); top: 50%; left: 50%; box-shadow: none;color:var(--mainfontcolor);font-weight:bold;font-size:22px;text-align:center;display: none;line-height: 1.8;} .clickbackground-WECHAT{z-index: 1999 !important; background-color: rgba(0, 0, 0, 0.73) !important; } .reloadingSpinningIndicator .el-loading-mask .el-loading-spinner .circular { height: 40.5px !important; width: 40.5px !important; } .reloadingSpinningIndicator{ display: block; /* width: 100px; */ text-align: center; width: 100%; top: 0; bottom: 0; transform: translate(-50%, -50%); top: 50%; left: 50%; box-shadow: none; margin-top: 0px; margin-bottom: 0px; } .voteResultBoxInAnalysis{ width: 100%; height: calc(100% + -130px); overflow: auto; border-bottom: 1px solid var(--windowTopBarBottomColor);} .voteResultInAnalysis{ font-weight: bold; color: var(--maincolor); display:inline-block; font-size: 15px; margin-left: 41px; margin-top: 15px; } .operationButtonBox-mobile{ text-align: center; display: inline-block; /* margin-right: 6px; */ width: 32%; display: inline-block; color: var(--mainfontcolor); } .judgecommentinformation-mobile { /* display: inline-block; */ margin-top: 5px; margin-left: 43px; width: calc(100% + 10px); } .votePersonalityInAnalysisWindow{font-size:17px;margin-top:-10px;display:inline-block;color:var(--personalityVoteColorInCharacter);font-weight: bold;} .analysisDetailWindow{display: none;} .notificationcategorizedcount{ background-color: #ff3366; border-radius: 1000px; color: var(--mainbuttonfontcolor); padding: 1px; margin-left: -4px; position: absolute; border-radius: 20px; min-width: px; border: 3.5px solid var(--contentbackgroundcolor); transform: scale(0.65); padding-left: 6px; padding-right: 6px; padding-top: 1px; box-sizing: border-box; margin-top: -40px; min-width: 27px; font-size: 13px; text-align: center;} .postbox-groupNoButton{ height: 115px !important; } .TextStyleButton{color: var(--maincolor);} .TextStyleButton:hover{color: var(--mainhovercolor);cursor: pointer;} .notificationIndexChosen{background-color: var(--primaryhoverclickablebackgroundcolor) !important;} .analysisButtonLiked{ color: var(--contentbackgroundcolor) !important; background-color: var(--progressbar); } .KaptchaImageWindow{ /* margin-left: 0px; */ text-align: center; width: 450px; padding: 30px 30px 105px; min-height: 30px; /* margin-top: 116px; */ float: right; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; padding: 35px; padding-bottom: 35px; padding-bottom: 80px; z-index: 11111111111111; } .analysisButtonLiked:hover { background-color: var(--progressbar) !important;} .clickpage:hover .analysisButtonLiked{ background-color: var(--progressbar); } .twoUserTopBarOperationButtonLayOut{margin-right: 15px;} .threeUserTopBarOperationButtonLayOut{margin-right: 12.5px;} .twoUserTopBarOperationButtonLayOut-topBarPostButton{padding: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important;width: 101px !important;} .hiddenCaculatingLineHeightBox {position: absolute; overflow: none; -webkit-line-clamp:unset;visibility: hidden} .postwhiperNotHome { background-color: transparent !important; border: 2px solid var(--whisperButtonBorderColorNotHome) !important; padding-right: 0px ; padding-left: 0px ; transition: border-width 0s, background-color 0.3s, border-color 0.3s !important; height: 29px !important; width: 77px;margin-top: -0.5px;} .homegroupboxhaslanguageNotchanged { margin-left: 75px !important; } .noCharacterFoundImageWidth-normal{width: 0px !important; transform:translateY(30px) ;transition: 0.1s;} .noCharacterFoundImageWidth{width: 180px !important; transform:translateY(0px); transition: 0.1s;} .noCharacterFoundText-normal{color: var(--backgroundcolor) !important;transform:translateY(0px) ; transition: color 0.3s;} .noCharacterFoundText{color:var(--lightinformation) !important; transform:translateY(180px) ;transition: color 0.3s;} .postwhiperInHome { transition: background-color 0.3s ; ;} .UserUpdateVoteInfoBoxPlaceholder{background-color:var(--contentbackgroundcolor);} .postwhiperInHome .whisperButtonIconInHome {transition: 0s all ease-in; } .researchInfoCard { display: inline-block; border-radius: 5px; width: auto !important;; } .disabledOpacity{ filter: opacity(0.5);background-color: none;cursor: auto !important;} .disabledOpacity:hover{ background-color: var(--clickablebackgroundcolor) !important;cursor: auto !important;} .date-picker-container { position: relative; display: inline-block; } .date-picker-wrapper { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; } /* 调整日历弹出层位置 */ :deep(.custom-date-picker) { margin-top: 8px !important; margin-left: 0 !important; } .postwhiperNotHome:hover{border-color: var(--whisperButtonBorderHoverColorNotHome)!important; transition: 0.5s; } .postwhiperNotHome:hover .whisperButtonIconNotHome{fill: var(--mainhovercolor) ;transition: 0.5s;} .whisperButtonIconNotHome{ transition: fill 0.3s} .whisperButtonIconInHome{ transition: fill 0s !important} .whisperButtonIconNotHomeMain { height: 27px; padding: 3.5px; padding-top: 2px !important;} .CtcTitleUserImageHoverBackground{ position: absolute !important; width: 35px !important; height: 35px !important; margin-bottom: -35px !important; float: none; } /* .mainpostwhisper:hover{ transform: scale(1.0125); transition:transform 0.5s , background-color 0.3s ease 0s;; } .mainpostwhisper:active{ transform: scale(1.025); transition:0.125s; background-color: var(--mainactivecolor) } */ /* .buttonForPublishing:hover{ transform: scale(1.00625); transition:transform 0.5s , background-color 0.3s ease 0s;; } .buttonForPublishing:active{ transform: scale(1.0125); transition:0.0625s; background-color: var(--mainactivecolor) } */ .anwserbutton:active{ transform: scale(1.075) !important; transition:0.125s; /* background-color: var(--mainactivecolor) */ } .anwserbutton:hover{ transform: scale(1.03725); transition:0.125s; /* background-color: var(--mainactivecolor) */ } .anwserbutton{ transition:1.5s; /* background-color: var(--mainactivecolor) */ } .commentReplyBody-Notification{ -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer; word-break: break-all; line-height: 190%; } .firsttestquestionpagebutton{margin-left: -123px ;transition: 0.5s; cursor: auto} .unavalibleNextQuestionButton{margin-left: 535px ;transition: 0.5s; cursor: auto;} .testquestionpagebutton{font-size: 27px; height: 37px; width: 37px;} .changetestquestionindexbutton:hover .testquestionpagebutton{ transform: translateX(-4px) !important; transition:0.5s; } .lasttestquestionbutton:hover.testquestionpagebutton, .lasttestresultpagebutton:hover .testquestionpagebutton{ transition:0.5s; } .nexttestquestionbutton:hover .testquestionpagebutton{ transform: translateX(4px) !important; transition:0.5s; } .lasttestquestionbutton:active .testquestionpagebutton, .lasttestresultpagebutton:active .testquestionpagebutton{ transform: translateX(-8px) !important; transition:0.00025s; } .nexttestquestionbutton:active .testquestionpagebutton{ transform: translateX(8px) !important; transition:0.00025s; } .nexttestquestionbutton .testquestionpagebutton { transition:0.5s; } .lasttestquestionbutton{ margin-left: -500px; } .personalityEntranceBox { display: none; position: fixed !important; top: 60px !important; background: var(--contentbackgroundcolor) !important; margin-left: calc(50% + -490px) !important; box-shadow: 0px 0px 1px 0px var(--contentboxboxshadow) !important; border-radius: 5px !important; padding: 10px !important; width: 661px !important; padding-left: 28px !important; padding-bottom: 19px !important; } .filedfiltertag-personality { font-size: 15px; width: 133.51px !important; border: 1px solid var(--homebuttonbackgroundcolorone); color: var(--mainfontcolor); /* padding: 29px; */ padding-bottom: 3px; padding-top: 5px; border-radius: 5px; margin: 7px; margin-top: 16px; margin-bottom: 7px; vertical-align: 2px !important; display: inline-block; text-align: center; margin-left: -13px; margin-right: 27px; } .lasttestquestionbutton .testquestionpagebutton, .lasttestresultpagebutton .testquestionpagebutton { transition:0.5s; } .nexttestquestionbutton:active .testquestionpagebutton{ transform: translateX(8px) !important; transition:0.00025s; } .anwserbutton1:active , .anwserbutton2:active { border-color: var(--mainactivecolor); background-color: var(--mainactivecolor); transition: 0.1s; } .anwserbutton4:active , .anwserbutton5:active { border-color: var(--mainfontactivecolor); background-color: var(--mainfontactivecolor); transition: 0.1s; } .changetestquestionindexbutton:active .testquestionpagebutton .bi{ color: #6c6c6ccf !important; transition:0.15s; } .articleAuthorImage{ width: 20px; border-radius: 100px; } .articleTag{ border: 1px solid #e2e2e2; padding: 3px; padding-left: 8px; padding-right: 8px; border-radius: 101px; font-size: 12px; /* padding: 5px; */ color: gray; } .articleTagSet{ color: #aaaaaa; margin-left: 12px; margin-top: 10px; } .articleAuthor{ text-align: left; font-size: 14.4px; color: gray; margin-left: 15px; margin-top: 10px; margin-bottom: 0px; } .photoGalleryGrid { margin: 0 auto; width: 100%; } .photoGalleryGridItem { width: 30%; border-radius: 5px; margin-bottom: 20px; } .articleCardInList { padding-bottom: 10px; background: var(--contentbackgroundcolor); width: 220px; height: auto; border-radius: 10px; box-shadow: var(--glassmaterialtopbarboxshadow) /* 顶部第一行样式 */; margin-top: 40px; display: inline-block; } .articleContentBackground{ background-color: var(--contentbackgroundcolor); height: 100%; display: block; margin-left: 25px; margin-top: -40px; padding-top: 25px; width: 980px;} .articleParagraph{ margin-top: 30px; display: block; font-size: 15px; line-height: 1.9; margin-left: 70px; margin-right: 70px; } .articleSubTitle{font-size: 18px; margin-left: 70px; margin-right: 70px; margin-top: 40px; } .articleImage{ margin-top: 30px; } .articleImageNotation{font-size: 14px; color: gray;display: block;margin-top: 15px;} .articleImageBox{ margin-bottom: 50px; text-align: center; } .articleSubParagraph{font-size: 15px;display: block; text-align: center; color: gray; margin-top: 10px; line-height: 1.9; font-size:14px;} .articleSubParentTitle{ margin-top: 40px; font-size: 23px; margin-left: 70px; margin-right: 70px; } .libraryArticleListBody{ margin-left: calc(50% - 510px); width: 800px;} .articleParentTag{ background: #f6f6f6; color: #6c6c6c; border-color: #6c6c6c31;} .articleTitle{ font-size: 18px; font-weight: bold; margin-top: 10px; padding-left: 15px; padding-top: 5px; padding-right: 15px; } .articleCardImage{ width: 100%; height: 50px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .chessBlock-personalityDescription{ display: inline-block; width: 46.2px; height: 46px; /* vertical-align: 10px; */ margin-top: -15px; padding-top: 21px; } .chessBox-personalityDescription { position: absolute; width: 420px; margin-top: -380px; margin-left: -17px; } .chessRow-personalityDescription{ height: 46px;} .chessBoard-personalityDescription { width: 380px; margin-top: 30px; } .chessBoardFunctionOrder-personalityDescription{ width: 380px; } .chessBlock-testresult{ display: inline-block; width: 36.2px; height: 36px; /* vertical-align: 10px; */ margin-top: -15px; padding: 4px; padding-top: 25px; } .chessBlock-testresult-originalModel{ position: relative; display: inline-block; width: 36.2px; height: 36px; /* vertical-align: 10px; */ padding: 4px; padding-top: 25px; } .testResultCircleProgressBar .el-progress-circle{ width: 105px !important; padding-top: -10px; margin-bottom: -5px; } .resultPageLetterValue{ margin-right: 40px; display:inline-block } .chessBox-testresult{ position: absolute; width: 379px; margin-top: -301px; margin-left: 309.5px; } .chessRow-testresult{ height: 36.3px;} .chessOrderText-testresult{ display: inline-block; width: 36.2px; color: var(--characterprofiletagkeycolor); font-size: 10px;} .chessBoard-testresult{ width: 300px; margin-top: 0px; } .chessBoardFunctionOrder-testresult{ width: 300px; } .chessBoardLowerOriginalOrderFunctionBlock-personality-testresult{margin-right: -37px; margin-left: 37px;} .transparentEightFunctionIcon{ opacity: 0.5 } .chessBoardFunctionBlock-personality-testresult{ display: inline-block; position: absolute; transition: 3s } .chessBoardFunctionBlock-personality-dynamic-testresult { transition: 0s !important; } .transparentEightFunctionIcon-all{ transition: 2.8s; opacity: 0.3 } .transparentEightFunctionIcon-dynamic-all{ opacity: 0 !important } .chessBoardFunctionBlock-personality-dynamic-testresult-1{ transition: 0.35s !important; } .chessBoardFunctionBlock-personality-dynamic-testresult-2{ transition: 0.7s !important; } .chessBoardFunctionBlock-personality-dynamic-testresult-3{ transition: 1.05s !important; } .chessBoardFunctionBlock-personality-dynamic-testresult-4{ transition: 1.4s !important; } .chessBoardFunctionBlock-personality-dynamic-testresult-5{ transition: 1.75s !important; } .chessBoardFunctionBlock-personality-dynamic-testresult-6{ transition: 2.1s !important; } .chessBoardFunctionBlock-personality-dynamic-testresult-7{ transition: 2.45s !important; } .chessBoardFunctionBlock-personality-dynamic-testresult-8{ transition: 2.8s !important; } .channelpagejoinarea-feed-mobile { /* float: right; */ /* position: absolute; */ margin-left: 0px; margin-top: 15px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; cursor: pointer; word-break: break-all; line-height: 150%; width: 100%;} .channeloperationbutton2-feed-mobile { font-size: 14px; background-color: #82828217; border-radius: 7px; color: var(--mainfontcolor); padding: 12px; padding-top: 4px; width: 60px; padding-bottom: 4px; float: right; } .switchToggleLabel-PersonalityPage:before { background-color:var(--maincolorReverse) !important } .fixedLastCard-personalityDescriptionPage{ margin-top: -22px !important; } .transparentEightFunctionIcon-all-hasVistedChessPage{ opacity: 0.3 !important; } .homeButton-testPage{ fill:white;stroke: white;} .loadNotificationBoxContainer-Whisper{margin-top: -50px !important;} .loadNotificationBoxSubContainer-Whisper{margin-top: -50px !important;} .switchToggleInput:checked + .switchToggleLabel-PersonalityPage { background-color: var(--switchToggleLabel-PersonalityPage); } /* .chatBoxWindow{ margin:unset!important;} */ .QuantumUserAvatarActive{width: 50px !important;height: 50px !important; margin-top:-3px !important;transition: 0.3s;} .expandedChatWindowButton{ font-size: 25px; color: #ffffff !important; position: absolute; margin-left: 712px; margin-top: 3px; cursor: pointer; } .QuantumUserAvatarCalm{width: 40px !important;height: 40px !important;transition: 0.3s;} .zoomOutQuatumMessageBoxAvatar{padding: 50px; transition: 0.5s;} .quantumNotificationBox-Started{ } .hideText{ color:transparent; } .zoomInQuatumMessageBoxAvatar{padding: 0px;; transition: 0.5s} .ExpandQuatumMessageBox{ border:1px solid var(--hr);background-color: var(--contentbackgroundcolor);width: 380px !important;max-width: 787px; transition: 0.5s;} .transparentQuantumMessageBox{background-color: transparent !important; transition: background-color 0s !important; transition: border-color 0s !important; border-color:transparent !important} /* .ExpandQuatumMessageBox{width: 100%; max-width: 787px; transition: 3s} */ .ShrinkQuatumMessageBox{ width: 40px;; transition: 1.5s;} .noneTransparentQuantumMessageBox{border:1px solid var(--hr) ;background-color: var(--contentbackgroundcolor);} .relationshippeoplephotobox{cursor: pointer} .laststepRelationship{ border: 1px solid var(--maincolor); width: 580px !important; border-radius: 5px; bottom: 20px; position: absolute; color: var(--maincolor); background-color: transparent; padding: 8px; font-weight: 700;font-size: 14px;} .aboutuslink{color: #a3a3a4 !important;} .aboutuslink{color:var(--bottominformationcolor) !important} .aboutuslink:hover{cursor: pointer;color: rgb(184, 184, 184) !important;} .clickbackground-zoomoutimage{z-index: 2001 ; background-color: rgba(0, 0, 0, 0.73) !important; backdrop-filter: blur(4px) !important;} .postwhiperNotHome { background-color: transparent !important; border: 1px solid var(--searchbarbordercolor) !important; padding-right: 0px; padding-left: 0px; transition: border-width 0s, background-color 0.3s, border-color 0.3s !important; height: 30px !important; width: 77px; } em { font-style: normal !important; background-color: var(--mainhovercolor) !important;color: white !important;padding-left: 2px; } .clickpage-research{background-color: var(--contentbackgroundcolor);} .newResearchButton:hover { background-color: var(--homebuttonbackgroundhovercolorone) !important; transition: 0.1s; } .attitudeButtonMinor { width: 45px; height: 45px; vertical-align: 1.5px; font-size: 22.5px; } .regretButton:hover{ border-color: 1px solid var(--maincolor) !important; background: transparent !important; transition: 0.5s; } .dreampostotheroperationsetUnloaded{ margin-top: -105px !important; } .personalityPickerBoxUnloaded{ margin-top: 126px !important; } .personalityPickerBoxLoaded{ margin-top: 126px !important; margin-bottom: 110px; } .dreampostotheroperationsetLoaded{ margin-top: -105px !important; } .attitudeChosen{ background-color: var(--choosebackgroundcolor) !important; } .attitudeChosenThumbUp{ color: var(--maincolor) !important; } .attitudeChosenThumbDown{ color: var(--maindisabledcolor) !important; } .characterProfileButton:hover { background-color: var(--clickbackgroundhoversencondarybuttonhover); } .messagetotalamountdream { background-color: var(--maincolor); border-radius: 1000px; color: var(--mainbuttonfontcolor); padding: 1px; margin-left: -14px; position: absolute; border-radius: 20px; min-width: 30px; border: 3.5px solid var(--contentbackgroundcolor); transform: scale(0.6); padding-left: 6px; padding-right: 6px; padding-top: 2px; box-sizing: border-box; margin-top: -6.5px; padding-top: 0px; text-align: center; height: 30px; } .chessBoard-testresult { width: 297px; margin-top: -17px; } .miniTabChosen{ color: var(--lightinformation) !important; font-size: 15px; } .miniTabUnchosen{ color:var(--sidetitlecolor) !important; font-size: 12px; } .miniTabUnchosen:hover{ color:var(--hr) !important; transition: 0.3s !important; } .chessBox-testresult { position: absolute; width: 379px; margin-top: -297px; margin-left: 311px; } .unavaliablejoinbutton{ color:var(--unavaliablebuttonfontcolor) !important; border: 1px solid #00339900 !important; background-color: var(--unavaliablebuttonbackground) !important;} .visitButton { font-size: 13px; float: right; margin-top: 33px; margin-right: 17px; color: gray; height: 31px; width: 31px; cursor: pointer; /* margin-top: 0px; */ }