Template:PPQ condition desc/styles.css

From Puyo Nexus Wiki
Jump to navigation Jump to search
.cond-holder {
	height:50px;
	background-color: #D3EAF5; 
	background: repeating-linear-gradient( -45deg, #C3E2F1, #C3E2F1 3px, #D3EAF5 3px, #D3EAF5 10px ); 
	border: 3px solid #FCFCFC; 
	border-radius:6px; 
	box-shadow: 0 3px #565881; 
	padding: 1px; 
	margin: 3px 27px 3px 3px;
	
}

.cond-desc {
	position:relative;
	background-color: white;
	border: 3px solid #A3A8E4;
	border-radius:6px;
	padding: 2px;
	margin: 3px;
}

.cond-desc:before, .cond-desc:after {
	content:"";
	position:absolute;
	width: 0;
	height: 0;
}

.cond-desc:before {
	border-top: 13px solid transparent;
	border-right: 33px solid #A3A8E4;
	border-bottom: 13px solid transparent;
    right: 100%; 
    top: 8px; 
}

.cond-desc:after {
	border-top: 10px solid transparent;
	border-right: 25px solid white;
	border-bottom: 10px solid transparent;
    right: 100%; 
    top: 11px; 
}