1
0

ivprog-assessment.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. @font-face {
  2. font-family: 'NimbusSanLConRegular';
  3. src: url(fonts/NimbusSanLConRegular.ttf) format('truetype');
  4. font-weight: normal;
  5. font-style: normal;
  6. }
  7. @font-face {
  8. font-family: 'NimbusSanLConBold';
  9. src: url(fonts/NimbusSanLConBold.ttf) format('truetype');
  10. font-weight: bold;
  11. font-style: normal;
  12. }
  13. @font-face {
  14. font-family: 'TeXGyreHerosRegular';
  15. src: url(fonts/texgyreheros-regular.otf) format('opentype');
  16. font-weight: normal;
  17. font-style: normal;
  18. }
  19. body {
  20. font-family: 'TeXGyreHerosRegular';
  21. background-color: #b9c7ca;
  22. margin-left: 2rem;
  23. }
  24. .details-body > .details-header > h2 {margin-bottom: 0.5rem;}
  25. .details-body > .details-header > p {
  26. padding-left: 1rem;
  27. margin: 0;
  28. }
  29. table td { font-size: 14pt;}
  30. .stringdiff-delete, .stringdiff-insert {font-weight: bold;}
  31. .stringdiff-insert, .assessment-input-read {color: #22a222}
  32. .stringdiff-delete {
  33. text-decoration: line-through;
  34. color: #d02929
  35. }
  36. .details-body h3 {
  37. margin-top: 0.5rem;
  38. margin-bottom: 0.5rem;
  39. }
  40. .detaisl-div-table {
  41. padding-left: 1rem;
  42. margin-top: 1rem;
  43. }
  44. .assessment-output-table {
  45. border-collapse: collapse;
  46. border-style: hidden;
  47. }
  48. .assessment-output-table tr:nth-child(odd) {background: #CCC}
  49. .assessment-output-table tr:nth-child(even) {background: #f7f2c9}
  50. .assessment-output-table tr > th {
  51. background-color: #000;
  52. color: #fff;
  53. font-family: 'NimbusSansLBoldCond';
  54. font-weight: bold;
  55. font-style: normal;
  56. letter-spacing: .05rem;
  57. }
  58. .assessment-output-table td, .assessment-output-table th {
  59. border-left: 1px solid black;
  60. padding: 0.5rem;
  61. text-align: center;
  62. max-width: 16rem;
  63. font-family: 'NimbusSanLConRegular';
  64. vertical-align: middle;
  65. letter-spacing: .05rem;
  66. }
  67. .assessment-string-expected, .assessment-string-generated, .assessment-string-diff {text-align: left;}
  68. p.assessment-failed-execution {padding-left: 1rem;}
  69. .assessment-failed-case {color:#FF1212}
  70. .assessment-input-unread {color: #d02929}
  71. .assessment-number-result-failed, .assessment-bool-result-failed {color: #d02929}
  72. .assessment-number-result, .assessment-bool-result, .assessment-string-result {color: #22a222}
  73. .assessment-popup {
  74. position: relative;
  75. display: inline-block;
  76. cursor: pointer;
  77. }
  78. .assessment-popup .assessment-popuptext {
  79. visibility: hidden;
  80. width: 160px;
  81. background-color: #555;
  82. color: #fff;
  83. text-align: center;
  84. border-radius: 6px;
  85. padding: 8px 0;
  86. position: absolute;
  87. z-index: 1;
  88. bottom: 125%;
  89. left: 50%;
  90. margin-left: -80px;
  91. }
  92. .assessment-popup .assessment-popuptext::after {
  93. content: "";
  94. position: absolute;
  95. top: 100%;
  96. left: 50%;
  97. margin-left: -5px;
  98. border-width: 5px;
  99. border-style: solid;
  100. border-color: #555 transparent transparent transparent;
  101. }
  102. .assessment-popup:hover .assessment-popuptext {
  103. visibility: visible;
  104. -webkit-animation: fadeIn 1s;
  105. animation: fadeIn 1s;
  106. }
  107. @-webkit-keyframes fadeIn {
  108. from {opacity: 0;}
  109. to {opacity: 1;}
  110. }
  111. @keyframes fadeIn {
  112. from {opacity: 0;}
  113. to {opacity:1 ;}
  114. }
  115. .assessment-empty-output {
  116. height: 1.5rem;
  117. width: 1.5rem;
  118. }