PoE界面美化 by hanshou101

/* ==UserStyle==
@name           poe.com - 2023/10/22 11:29:18
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://poe.com/chat/2o0nm05ku84y1vsgfr1") {
	:root {
		--ok_width: calc(100vw - 143px);
	}


	/* 在此插入代码... */
	/*隐藏，右边栏*/
	#__next > div[class^="AnnouncementWrapper_container"] > div > aside[class^="SidebarLayout_sidebar"][class*="SidebarLayout_right"]/*后面的，因为整个class名，视为整串字符串*/
	{
		display: none;
	}

	/*隐藏，左边栏*/
	#__next > div[class^="AnnouncementWrapper_container"] > div > aside[class^="SidebarLayout_sidebar"][class*="SidebarLayout_left"]/*后面的，因为整个class名，视为整串字符串*/
	{
		display: none;
	}

	/*隐藏，上部的介绍*/
	#__next > div[class^="AnnouncementWrapper_container"] > div > main div[class^="InfiniteScroll_container"][class*="ChatMessagesView_infiniteScroll"] > div[class^="BotInfoCard_sectionContainer"] {
		display: none;
	}


	/*重新，设置内容的宽度*/
	/*外面的框1*/
	#__next > div[class^="AnnouncementWrapper_container"] main div[class^="SidebarLayout_wrapper"] > div[class^="MainColumn_scrollSection"] > div[class^="MainColumn_column"] {
		width: unset;
	}
	/*外面的框2*/
	#__next > div[class^="AnnouncementWrapper_container"] main div[class^="SidebarLayout_wrapper"] > div[class^="MainColumn_scrollSection"] > div[class^="MainColumn_column"] > div[class^="ChatPageMain_container"] {
		max-width: unset;
	}

	/*人类框*/
	#__next > div[class^="AnnouncementWrapper_container"] div[class^="InfiniteScroll_container"][class*="ChatMessagesView_infiniteScroll"] > div[class^="ChatMessagesView_messagePair"] div[class^="ChatMessage_messageWrapper"][class*="ChatMessage_humanMessageWrapper"] div[class^="Message_row"][class*="Message_humanRow"] div[class^="Message_humanMessageBubble"] {
		/*经过多次测算，得出的结果*/
		max-width: var(--ok_width);
		/*
			max-width: unset;	
		*/
	}


	/*机器人框*/
	#__next > div[class^="AnnouncementWrapper_container"] div[class^="InfiniteScroll_container"][class*="ChatMessagesView_infiniteScroll"] > div[class^="ChatMessagesView_messagePair"] div[class^="ChatMessage_messageWrapper"] div[class^="Message_row"] > div[class^="Message_botMessageBubble"] {
		/*经过多次测算，得出的结果*/
		max-width: var(--ok_width);
		/*
			max-width: unset;	
		*/
	}

	/*下方的提示语*/
	#__next > div[class^="AnnouncementWrapper_container"] div[class^="InfiniteScroll_container"][class*="ChatMessagesView_infiniteScroll"] > div[class^="ChatMessagesView_messagePair"] > section[class^="ChatMessageFollowupActions_container"] {
		flex-direction: row;
	}






	/*
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	*/
}