Template:Punjabi Wikimedians Header/styles.css

/*initial inspiration was from kashmiri wikimedians*/
/*General Styles*/
	.banner {
		background: #F4C430;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 5px;
		border-radius: 6px;
		margin-bottom: 8px;
	}
   
	.banner ul {
		gap: 5px;
		list-style-type: none;
		list-style-image: none;
		display: flex; /* grid-column: 2; */ 
		flex-wrap: wrap; 
		align-items: flex-start;
		flex-direction: row;
		margin: 0;
	}
	
	.banner ul li  a {
		font-family: sans-serif;
		color: #000000;
		display: flex;
		align-items: center;
		margin: 4px;
		font-weight: 600;
		text-decoration: none;
	}

	.banner ul li {
		border-radius: 50vh ;
	} 

	.banner ul li:hover {
		background: #42c181;
	}

	.banner ul li:hover a {
		color: white;
	}
	
	.banner ul li.selected {
		background: #339966;
	}
	
	.banner ul li.selected a {
		color: white;
	}

	.header {
		display: flex;
		flex-direction: row;
		width: 100%;
		gap: 10px;
		align-items: center; 
		justify-content: center;
	}
	
	#dLogo {
		display: none;
	}
	
	.header div {
		text-align: center;
	}

/* styles for desktop */
@media only screen and (min-width: 720px) {
	.banner ul {
		margin: 5px;	
	}
	
	#dLogo {
		display: block;
	}
	
	#dLogo img {
		width: 100%;
		height: auto;
	}
	
	#mLogo {
		display:none;
	}
}