MediaWiki:Vector.less/rcsidebar.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
// <pre>
/* ===================
   Recent changes widget
   =================== */

#p-Recent_changes {
	display: block;
	
	.vector-menu-content {
		display: none;
	}
	
	h3::after {
		// Green "live" dot
		content: '';
		position: relative;
		left: .5em;
	
		display: inline-block;
		background-color: #3b7a07;
		width: 6px;
		height: 6px;
		border-radius: 100%;
	}
	
	.rc-sidebar-item {
		position: relative;
		font-size: 0.75em;
		margin: .5em .25em 0 .66em;
		
		&::before {
			position: absolute;
			left: -0.75em;
			top: .5em;
		
			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;
		
		&, &:active, &:visited {
			color: var(--sidebar-link-color);
		}
	}
	
	.rc-sidebar-user {
		color: #555;
		margin: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		
		a {
			color: inherit;
		}
	}
	
	.rc-sidebar-more {
		text-align: left;
		
		.rc-sidebar-page {
			display: inline-block;
		}
	}
}