CSS questionario adaptado (5b001832) · Commits · Gaston Morales / MCQ Quiz App · GitLab

style.css

+20 −9

Original line number	Original line	Diff line number	Diff line
	@@ -101,6 +101,11 @@ button {
	float: right;		float: right;
	}		}

			#next-button {
			border: #ffffff 1px solid;
			border-radius: 1em;
			}

	#start-button {		#start-button {
	position: absolute;		position: absolute;
	transform: translate(-50%, -50%);		transform: translate(-50%, -50%);
	@@ -115,7 +120,7 @@ button {
	}		}

	#display-container {		#display-container {
	background-color: #ffffff;		background-color: #155AA2;
	padding: 3.1em 1.8em;		padding: 3.1em 1.8em;
	width: 80%;		width: 80%;
	max-width: 47.5em;		max-width: 47.5em;
	@@ -124,7 +129,10 @@ button {
	transform: translate(-50%, -50%);		transform: translate(-50%, -50%);
	top: 44%;		top: 44%;
	left: 42%;		left: 42%;
	border-radius: 0.6em;		border-radius: 1.5em;
			}
			.number-of-count {
			color: white;
	}		}
	.header {		.header {
	margin-bottom: 1.8em;		margin-bottom: 1.8em;
	@@ -135,7 +143,7 @@ button {
	border-bottom: 0.1em solid #c0bfd2;		border-bottom: 0.1em solid #c0bfd2;
	}		}
	.timer-div {		.timer-div {
	background-color: #e1f5fe;		background-color: #ffffff;
	width: 7.5em;		width: 7.5em;
	border-radius: 1.8em;		border-radius: 1.8em;
	display: flex;		display: flex;
	@@ -146,28 +154,31 @@ button {
	.theme {		.theme {
	margin-bottom: 1.25em;		margin-bottom: 1.25em;
	font-weight: 600;		font-weight: 600;
	font-size: 1.1em;		font-size: 1em;
	color:#0454A1;		color:#ffffff;
	}		}
	.question {		.question {
	margin-bottom: 1.25em;		margin-bottom: 1.25em;
	font-weight: 600;		font-weight: 600;
			color: #ffffff;
			font-size: 1.3em;
	}		}
	.option-div {		.option-div {
	font-size: 0.9em;		font-size: 1em;
	width: 100%;		width: 100%;
	padding: 1em;		padding: 1em;
	margin: 0.3em 0;		margin: 0.3em 0;
	text-align: left;		text-align: left;
	outline: none;		outline: none;
	background: transparent;		/* background: transparent; */
	border: 1px solid #c0bfd2;		border: 1px solid #c0bfd2;
	border-radius: 0.3em;		border-radius: 1em;
	}		}
	.option-div:disabled {		.option-div:disabled {
	color: #000000;		/* color: #ffffff; */
	cursor: not-allowed;		cursor: not-allowed;
	}		}

	.hide {		.hide {
	display: none;		display: none;
	}		}