MediaWiki:Common.less/updates.less

// <pre>
//
// [[Module:Update]] includes:
//     [[Template:Update]]
//     [[Template:Patch Notes]]
//     [[Template:DevBlog]]
// [[Template:God letter]] (still uninported)
// [[Template:Postbag article]] (still uninported)
// [[Template:Lore]] (still uninported)

.official {
    background: @white;
    border: 1px solid @mystic;
    margin: 1em 0 1.5em;
    padding: .5em;
    text-align: center;
    box-shadow: @box-shadow;
}

.context {
	outline-color: #aeb6bb;
    outline-style: solid;
    outline-width: 1px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.25);
    display: flow-root;
    padding: 10px;
    margin: 10px auto 20px;
    max-width: 600px;
}

// Patch Notes nav links
.legenda {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.legenda-item {
    align-items: center;
    background-color: rgba(105, 105, 105, 0.05);
    border: 1px solid rgba(120, 120, 120, 0.25);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    margin: 4px;
    padding: 5px;
}

// Social media embeds
.news-embed {
    border-left: 20px #a9a9a9 solid;
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.25);
    margin: auto;
    max-width: 500px;
    text-align: center;
    padding: 20px 40px;
    
	// Reddit
	&.reddit {
	    border-left-color: #ff5516;
	}
    
	// Twitter
	&.twitter {
	    border-left-color: #1da1f2;
	}
}

// New collapsible sections
.rs-update-section {
	border-left: solid 4px #caa522;
	padding-bottom: 10px;
	margin-bottom: 0.8em;
  
	// Toggle area!
	> .mw-collapsible-toggle {
		position: absolute;
		top: 0;
		left: 0;
		text-align: right;
		width: 100%;
		height: 300px;
		margin: 0;
		font-size: 120%;
	}
	
	> div:first-of-type {
		padding: 1.25rem;
		
		h2 .mw-headline-underline {
			display: none;
		}
	}
	
	.mw-collapsible-content {
		padding: 1.25rem;
	}
	
	.rs-update-section-content {
		padding: 1.25rem;
	}
}