新龙空精简UI by ybbpgfjtey

Details

Authorybbpgfjtey

LicenseMulanPSL-2.0

Category龙的天空

Created3 years, 3 months ago

Updated1 month, 4 weeks ago

Size7.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

龙空第五纪元UI空间浪费过多，如页首大段空白、内容区间隔过多，本样式表用于对此进行优化。
主要修改了首页、论坛页、帖子页面及新贴页面。

Notes

1.4.2

bugfix：子论坛页“精选”、“最新”两个tab标签边距错误地设置为0。

1.4.1

显示版规栏。

1.4.0

右栏在较高屏蔽固定位置显示。

1.3.7

适配龙空页面更新。

1.3.6

子论坛页，有n条新帖子项去掉下边距；
帖子页，龙晶对齐。

1.3.5

列表精确对齐、自动折行、两端对齐。

1.3.4

列表项换回蓝色并使文字悬挂缩进对齐。

1.3.3

首页备案号后移。

1.3.2

帖子页全屏回复按钮对齐；
全屏回复页适配。

1.3.1

适配龙空页面更新：帖子页标题宽度。

1.3.0

计算边距，以适应大屏，使得主区域宽度至多1500px（如对内容区宽度仍不满意，可使用Ctrl+'-'或Ctrl+'+'重新调整页面缩放比例）。

PS：由于使用了var()和max()函数，可能导致低版浏览器不能使用，具体参见：https://developer.mozilla.org/en-US/docs/Web/CSS/min()#browser_compatibility

1.2.1

适配龙空页面更新。

1.2.0

首页自适应栏数；
发表新帖在小屏幕（小于991px）变为svg图片+。

1.1.1

bugfix: 子论坛页主内容区域左右边距错误设置为160px；
发表新帖页主内容区域重新设置边距。

1.1.0

精确设置主区域左右边距：80px；
精确设置发表新帖位置。

1.0.1

帖子页面副标题行右对齐取消边距。

主要修改：

首页版块改为两栏；
首页、子论坛页今日热门提前、列表标记对齐；
子论坛页标题移至页尾，发表新帖按钮提到页顶固定位置；
绝大部分元素大幅缩小边距。

Source code

/* ==UserStyle==
@name           新龙空精简UI
@namespace      USO Archive
@author      	ybbpgfjtey
@description    `龙空第五纪元UI空间浪费过多，如页首大段空白、内容区间隔过多，本样式表用于对此进行优化。主要修改了首页、论坛页、帖子页面及新贴页面。`
@version        1.7.1
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("lkong.com") {
/** 全局 */

/* 定义变量 */
body {
	/* 计算边距，以适应大屏，使得主区域宽度至多1500px。*/
	--margin: max(80px, calc(50% - 750px));
}

/* 广告 */
.lkong-ads {
  display: none;
}
/* 截图水印 */
.ant-pro-layout-watermark {
	display:none;
}

/* 缩减页眉尺寸 */
.css-hhq2nd,
.css-55e8kq {
	height: 40px;
}

.right>div>div,
.badge-wrap{
	line-height: unset !important;
}


/* 主区域边距精确化 */
#__next>div>div:first-child>div>div>div  {
	width: unset;
	padding: 0 var(--margin);
	margin: unset;
	height:40px;
}

/* 优化列表项 */
h4~div ul {
	margin-left: 1.5em;
}
h4~div  li::before {
	margin: 0 0em 0 -1em;
}

h4~div  li {
	text-indent: -0.5em;
	overflow-wrap: break-word;
	text-align: justify;
}

/* 页码去掉圆圈 */
.ant-pagination-item {
	border: none;
}

/* 回到顶部按钮 */
.ant-back-top {
	right: 25px;
}
}

@-moz-document url("https://www.lkong.com/"), url("https://www.lkong.com/feeds") {
/** 首页 */

/* 主区域边距精确化 */
#__next>div>div:last-child {
	width: unset;
	padding: 0 var(--margin);
	margin: unset;
}
	
/* 论坛名多列显示 */
.ant-back-top+div>div>div:first-child>div:first-child>div:nth-child(2) {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	background-color: #fbfbfb;
}

.css-1fii08f {
	width: 320px;
}

/* 左侧背景色校正 */	
.ant-back-top+div>div>div:first-child {
	background-color: unset;
}
/* 较高屏蔽右栏固定位置 */
@media (min-height:750px){
	.css-x4oy6m{
		max-height: 750px;
		position: sticky;
		top: 50px;
	}
}

/* 热门置于ID前 */
.css-x4oy6m{
	display: flex;
	flex-direction: column;
}

.css-x4oy6m>div:nth-child(2) {
	order: -1;
}
}

@-moz-document url-prefix("https://www.lkong.com/forum/") {
/** 子论坛页 */

/* 主区域边距精确化 */
.forum-top~div {
	width: unset;
	padding: 0 var(--margin);
	margin: unset;
}


/* 论坛名放到页尾 */
#__next>div>div:last-child {
  display: flex;
	flex-direction: column-reverse;
}

.forum-top {
	width: unset !important;
	margin: 0 var(--margin) !important;
}

/* 发表帖子按钮置于页面顶端 */
@media (min-width:992px){
	.right .ant-btn-primary {
		position: fixed;
		top: 5px;
		left: calc(320px + var(--margin));
		z-index: 10;
		width: 120px;
		height: 30px !important;
		padding: 0;
	}
}

@media (max-width:991px){
	.right .ant-btn-primary span {
		text-indent: 5px;
	}
	.right .ant-btn-primary span:before {
		
		content: url('data:image/svg+xml;%20charset=utf8,%3C?xml%20version=%221.0%22%20standalone=%22no%22?%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%2264%2064%20896%20896%22%20focusable=%22false%22%20data-icon=%22plus%22%20width=%221em%22%20height=%221em%22%20fill=%22currentColor%22%20aria-hidden=%22true%22%3E%3Cdefs%3E%3Cstyle%3E%3C/style%3E%3C/defs%3E%3Cpath%20d=%22M482%20152h60q8%200%208%208v704q0%208-8%208h-60q-8%200-8-8V160q0-8%208-8z%22%3E%3C/path%3E%3Cpath%20d=%22M176%20474h672q8%200%208%208v60q0%208-8%208H176q-8%200-8-8v-60q0-8%208-8z%22%3E%3C/path%3E%3C/svg%3E')
	}
	.right .ant-btn-primary {
		position: fixed;
		top: 5px;
		left: 172px;
		z-index: 10;
		height: 30px !important;
		padding: 0;
		background: none;
		border: none;
		box-shadow: none;
		text-shadow: none;
		width: 30px;
		overflow: hidden;
	}
}

/* 置顶信息 */
.css-1k1sw9u{
	margin-bottom: unset;
	padding: 0;
}

/* 分页栏 */
.css-14vxuqf {
	padding: 0;
}

/* 有n条新帖子栏 */
.css-ru1p0o {
	margin: 0;
}

/* 帖子标题 */
.css-760i8n>div {  
	padding: 0;
}

/* 较高屏蔽右栏固定位置 */
@media (min-height:750px){
	.css-1g2kfon{
		max-height: 750px;
		position: sticky;
		top: 50px;
	}
}

/* 热门置于ID前 */
.css-1g2kfon{
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
}
}

@-moz-document url-prefix("https://www.lkong.com/thread/") {
/** 帖子页 */

/* 主区域边距精确化 */
#__next>div>div:last-child>div:last-child {
	width: unset;
	padding: 0 var(--margin);
	margin: unset;
}

/* 标题栏*/
#__next>div>div:last-child>div:first-child>div {
	padding: 8px 0;
	width: unset;
	margin: 0 var(--margin);
}
.thread-header-main {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
}
.thread-title {
	margin-bottom: 0;
  width: 100%;
}

.thread-title~div:last-child {
	margin-right: 0;
}

/* 帖子栏 */
.main-content-wrap{
  margin-bottom: 2px;
}

/* 左边头像栏 */
.css-1w83ih6,	/* 回帖 */
.css-1ih85zm {	/* 帖子栏内 */
	margin-right: 2px;
  min-height: unset;
  padding: 10px;
}
	
/* 头像栏展开 */
.css-eiv6sx {
	z-index: 5;
}

/* 头像 */
.css-1hb4fb7,
.avatar-wrapper {
  border: none !important;
  border-bottom: 1px solid rgb(238, 238, 238) !important;
  border-radius: 0 !important;
}


/* ID */
.user-wrapper {
  margin: 5px !important
}


/* 帖子信息栏 */
.main-content>div:first-child {
	padding: 3px 0;
}

/* 发表时间 */
.left-area {
	margin-left: 10px !important;
}

/* 楼号 */
.lou {
  margin-right: 10px !important;
}

/* 帖子内容 */
.main-block {
	padding: 5px 10px !important; 
}
.thread-content p {
	margin: 0;
}
/* 引用 */
.css-zjk58v {
	padding: 5px;
	margin: 0;
}

/* 龙晶 */
.css-e7z895{
	margin: 5px 10px 0px;
}

/* 标签 */
.css-9uevzt {
	margin: 10px;
}
/* 评分 */
.css-1s73bfb {
  margin: 10px 10px 10px;
}
.collaspe-rate-btn+table {
	margin-top: 5px;
}
.collaspe-rate-btn+table td{
	padding: 2px;
}

/* 回复/评分/收藏/举报栏*/
.css-9ph873 {
	padding: 0 10px 5px;
}

/* 屏蔽栏 */
.ant-back-top~div:last-child>div:nth-child(2)>p {
	margin: 2px 0;
}
	
/* 页码栏 */
.css-1k6glmz		/* 顶部 */
, .posts-ancor+div {	/* 底部 */
	margin: 2px 0;
	padding: 0;
}

/* 回复栏 */
.posts-ancor+div+div>div:last-child {
	padding: 10px 10px 0;
}

/* 回复表单 */
.lkong-editable {
	margin: 0;
	padding: 0 10px 0 !important;
}

.editor-bottom{
	align-items: center;
}
}

@-moz-document url-prefix("https://www.lkong.com/new/"), url-prefix("https://www.lkong.com/edit/"), url-prefix("https://www.lkong.com/reply/") {
/** 发帖回帖页 */

.css-1fcdc3s .ant-affix {
	top: 40px !important;
}
.editor-header,
.editor-main{
	width: unset !important;
	padding: 0 80px !important;
	margin: unset !important;
}
.css-1d0y4b9 {
	padding: unset;
}

.css-1d0y4b9 button:first-child {
	margin: 0 2px 0 0;
	padding: 0 6px 0 0;
}

.editor-main {
	margin-top: 10px !important;
}

.css-9xr9bw {
  padding: 0;
}
.editor-main>div:nth-child(2) {
	padding: 10px !important;
}
}

Reviews

No reviews yet.