piffy

main.css

Aug 13th, 2021
789
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* (A) WRAPPER */
  2. #quizWrap {
  3.   max-width: 600px;
  4.   margin: 0 auto;
  5. }
  6.  
  7. /* (B) QUESTION */
  8. #quizQn {
  9.   padding: 20px;
  10.   background: #4c93ba;
  11.   color: #fff;
  12.   font-size: 24px;
  13.   border-radius: 10px;
  14. }
  15.  
  16. /* (C) ANSWERS */
  17. #quizAns {
  18.   margin: 10px 0;
  19.   display: grid;
  20.   grid-template-columns: auto auto;
  21.   grid-gap: 10px;
  22. }
  23. #quizAns input[type=radio] { display: none; }
  24. #quizAns label {
  25.   background: #fafafa;
  26.   border: 1px solid #eee;
  27.   border-radius: 10px;
  28.   padding: 10px;
  29.   font-size: 20px;
  30.   cursor: pointer;
  31.   text-align: center;
  32. }
  33. #quizAns label.correct {
  34.   background: #d8ffc4;
  35.   border: 1px solid #60a03f;
  36. }
  37. #quizAns label.wrong {
  38.   background: #ffe8e8;
  39.   border: 1px solid #c78181;
  40. }
  41.  
  42. /* (D) BODY... DOES NOT QUITE MATTER */
  43. html, body {
  44.   background: #74b6db;
  45.   font-family: arial, sans-serif;
  46. }
  47.  
RAW Paste Data