MediaWiki:Gadget-recentChanges.css

MediaWiki界面页面
Forte讨论 | 贡献2022年8月10日 (三) 17:42的版本 (Added CSS for Recent Changes sidebar gadget for Chinese)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* <pre> */
/* *****************
   rc sidebar widget
   ***************** */

#p-RecentChanges {
	min-height: 11.3em;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

#p-RecentChanges h3::after {
	content: '';
	position: relative;
	left: .5em;

	display: inline-block;
	background-color: #56b30a;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	
	animation: blink 5s linear infinite;
}

.rc-sidebar-item {
	position: relative;
	font-size: 0.75em;
	margin: .5em .25em 0 .66em;
}

.rc-sidebar-item::before {
	position: absolute;
	left: -0.75em;
	top: .5em;

	/* content: ''; */
	background-color: #327ba7;
	width: 4px;
	height: 4px;
	border-radius: 100%;
}

.rc-sidebar-page {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: max-content;
}

.rc-sidebar-user {
    color: #555;
    margin: 0;
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.rc-sidebar-user a {
	color: inherit;
}
#p-RecentChanges .rc-sidebar-more {
	text-align: right;
}

#p-RecentChanges .rc-sidebar-more .rc-sidebar-page {
	display:inline-block;
}