फलकम्:Main Page/styles.css

/*--------------------------------------WIKIPEDIA TOP BANNER----------------------------------------*/
	.wikilogo {
    	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/2e/विकि-हस्तः.png/215px-विकि-हस्तः.png");
    	background-repeat: no-repeat;
    	background-position: left;
	}

	#topBanner {
		position: relative;
		border: 1px solid #C7D0F8;
		border-radius: 1em;
		padding: 0.5em;
		background-color: #f9f9f9;
		margin-top: 1em;
	}
  
	#topHeader {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#heading {
		font-size: 2.5em;
		text-align: center;
		margin: auto;
		padding-bottom: 0;
	}

	.line {
		border-top: 1px solid rgb(116, 158, 220);
		min-width: 80%;
	}

	#time, #welcome, #statement {
		text-align: center;
		margin: auto;
		padding-bottom: 0;
	}
	
	#links {
		margin: 0.5em;
	}

	#desktopLinks {
		display: none;
	}

	.hlist ul {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 0.5em;
	}

@media only screen and (min-width: 1000px) {
	#links {
		display: none;
	}

	#desktopLinks {
		display: initial;
	}
	
	.line {
		display: none;
	}
	
	.bottomHeader {
		display: grid;
		justify-content: center;
	}
}
            
/*----------------------------WIKIPEDIA CARDS----------------------------------------*/

	.cards {
		width: auto;
		padding: 0.5em;
		line-height: 1.75;
		border-radius: 1em;
		border: 1px solid #C7D0F8;
		margin-bottom: 1em;
	}

	.cardTitle {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 0.2em;
		border: 1px solid;
		border-radius: 0.625em;
		padding-left: 0.5em;
		margin-bottom: 0.5em;
	}

	#cardHeader {
		margin-top: 1em;
	}

	#essayTitle {
		background-color: #00af89;
		color: #fff;
	}

	#essayTitle2  {
		background-color: #36c;
		color: #fff;
	}

	#doyouknow .cardTitle {
		background-color: #ff9734;
		color: #fff;
	}

	#proverb .cardTitle {
		background-color: #ac5fff;
		color: #fff;
	}

	#news .cardTitle {
		background-color: #ee6dff;
		color: #fff;
	}

	#otherproject .cardTitle {
		background-color: #fd1c3f;
		color: #fff;
	}

	#otherproject {
		border: 1px solid #C7D0F8;
		border-radius: 1em;
		padding: 0.5em;
	}

@media only screen and (min-width: 720px) {
	#topHeader {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	#topHeaderL {
		margin-left: -3em;
	}

	#cardHeader {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1em;
		width: auto;
	}

	#doyouknow, #news {
		margin-top: -1em;
	}
}

/* forced night mode */
@media screen {
	html.skin-theme-clientpref-night #topBanner {
		background-color: initial;
  }
}

/* automatic mode */
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os #topBanner {
		background-color: initial;
	}
}