用户:LettuceIce/styles.css

/** 更改选中颜色 **/
::selection {
	color: #2168bf;
	background-color: #dee7ff;
}

/** 图片虚化 **/
.blurred-image {
  filter: blur(5px);
}

/** 中心页栏框 **/
.content_box {
	height: 230px;
	width: 80%;
	margin: 0 auto;
	display: flex;
}

.content_box_column {
	flex: 1;
}

.column_header {
	border: solid 1px white;
	border-radius: 10px;
	background-color: #CCEAFC;
	margin: 10px;
	box-shadow: 3px 3px 6px #F1F9FE;
}

.column_header_text {
	padding: 2px 10px;
	color: #fff;
	font-weight: 600;
	text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}

.column_body {
	padding: 5px 10px;
	height: 160px;
	background-image: linear-gradient(180deg,white,#ECF7FC);
	overflow-y: hidden;
}

.column_footer {
	padding: 1px 10px;
	color: ivory;
	font-weight: 600;
	text-align: right;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

/** 控制台样式 **/
.console {
	padding: 5px 5px 5px 15px; 
	margin: 0 auto; 
	margin-bottom:10px; 
	width: 60%; 
	font-family: monospace; 
	font-size: 1.1em; 
	background-color:#002200; 
	border: 3px solid #55AA55; 
	color: #77CC77;
}

/** 打开子页面样式 **/
.subpage {
	background: white; 
	margin: 0 auto; 
	width: 60%; 
	border: solid 2px #000000; 
	padding: 1px 15px; 
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

/** QQ聊天 **/
.chat_header {
	margin: 0 auto; 
	text-align: center; 
	width: 60%; color: 
	white; padding:12px 0px 8px 0px; 
	background-image:linear-gradient(90deg,#00D7FE,#00A8FF);
}

.chat_background {
	background-color: #F1F1F1; 
	width: 60%; padding-top: 12px; 
	padding-bottom:3px; 
	margin: 0 auto;
}

.chat_left_box {
	position: relative; 
	margin-top: 50px; 
	margin-bottom: 50px;
}

.chat_left_bubble_control {
	position: absolute;
	left: 52px; 
	margin-bottom: 10px; 
	max-width: 75%;
}

.chat_left_bubble {
	border-radius: 10px;
	background-color: white; 
	padding: 6px 10px 6px 10px; 
	display: inline-block;
}

.chat_left_text {
	color: #000000; 
	font-size: 14px; 
}

.chat_left_profile {
	position: absolute;
	left: 10px;
	top: -20px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.chat_left_user_box {
	position: absolute;
	top: -30px; 
	left:54px;
}

.chat_left_user_title {
	color: white;
	background-image: linear-gradient(90deg,#C487FF,#E8A2FC); 
	padding: 0 3px 0 3px; 
	border-radius: 3px; 
	font-size:10px; 
	display: inline-block;
}

.chat_left_user_name {
	color: gray;
	font-size: 12px;
	vertical-align: bottom;
}

.chat_right_box {
	position: relative; 
	margin-top: 50px; 
	margin-bottom: 50px;
}

.chat_right_bubble_control {
	position: absolute;
	right: 52px; 
	margin-bottom: 10px; 
	max-width: 75%;
}

.chat_right_bubble {
	border-radius: 10px;
	background-color: white; 
	padding: 6px 10px 6px 10px; 
	display: inline-block;
}

.chat_right_text {
	color: #000000; 
	font-size: 14px; 
}

.chat_right_profile {
	position: absolute;
	right: 10px;
	top: -20px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.chat_right_user_box {
	position: absolute;
	top: -30px; 
	right: 54px;
}

.chat_right_user_title {
	color: white;
	background-image: linear-gradient(90deg,#C487FF,#E8A2FC); 
	padding: 0 3px 0 3px; 
	border-radius: 3px; 
	font-size:10px; 
	display: inline-block;
	text-align: center;
}

.chat_right_user_name {
	color: gray;
	font-size: 12px;
	vertical-align: bottom;
}