Style frontend exam view

2026-10-15 12:48:46 +02:00
parent 27f37e8500
commit b3451728d9
7 changed files with 286 additions and 13 deletions
@@ -0,0 +1,129 @@
+.timer-container {
+	position: relative;
+	width: 120px;
+	height: 120px;
+	margin: auto;
+  }
+  
+  .timer-text {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	font-size: 24px;
+	color: #003366;
+	font-weight: bold;
+  }
+  
+  .progress-ring__circle {
+	transition: stroke-dashoffset 1s linear;
+	transform: rotate(-90deg);
+	transform-origin: 50% 50%;
+  }
+div.foto_pyt
+	{
+	  margin:5px;
+	  margin-left:auto;
+	  margin-right:auto;
+	  border:2px #d4d4d4 none;
+	  border-radius:4px;
+	  width:98%;
+	  padding: 5px;
+	  
+	}
+div.pyt
+	{
+	  background-color:#4a86cf;
+	  font-size: 18px;
+	  margin:25px 5px 11px 5px;
+	  border:1px #dfe3e7 solid;
+	  border-radius: .25rem;
+	  width:98%;
+	  padding: 10px;
+	  text-align:left;
+	  color:white;
+	  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
+	}
+div.odp
+	{
+	  font-size:16px;
+	  margin:5px 5px 5px 5px;
+	  border:1px #dfe3e7 solid;
+	  border-radius: .25rem;;
+	  width:98%;
+	  padding: 10px;
+	  text-align:left;
+	  color: #4a86cf;
+	  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+	}
+	
+div.pyt p, div.odp p,div.odpp p, div.odp input,div.odpp input,div.odpup input{
+  margin: 0px;
+}
+
+div.odpp
+	{
+	  background-color:#dfdfdf;
+	  font-size:16px;
+	  margin:5px 5px 5px 5px;
+	  border:1px #777 solid;
+	  border-radius:4px;
+	  width:98%;
+	  padding: 10px;
+	  text-align:left;
+	  color:blue;
+	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+	}
+div.odpu
+	{
+	  background-color:#ff0000;
+	  font-size:16px;
+	  margin:5px 5px 5px 5px;
+	  border:1px #dfe3e7 solid;
+	  border-radius:4px;
+	  width:98%;
+	  padding: 10px;
+	  text-align:left;
+	  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+	}
+div.odpup
+	{
+	  background-color:#02f002;
+	  font-size:16px;
+	  margin:5px 5px 5px 5px;
+	  border:1px #dfe3e7 solid;
+	  border-radius:4px;
+	  width:98%;
+	  padding: 10px;
+	  text-align:left;
+	  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+	}
+
+	select.egzamin
+	{
+		color:#4a86cf;
+		padding:5px;
+		border: solid 1px #dfe3e7;
+		border-radius: .25rem; 
+		width: -moz-available;
+		width: -webkit-fill-available;
+		margin-bottom: 3px;
+		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
+	}
+	input.egzamin
+	{
+		color: white;
+		background: #4a86cf;
+		padding:5px;
+		border: solid 1px #dfe3e7;
+		border-radius: .25rem; 
+		margin-top: 3px;
+		margin-bottom:5px;
+		margin-right:10px;
+		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
+	}
+	input#login{
+		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
+		margin-right:10px;
+	    
+	}