1
0

ivprog-assessment.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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 {
  70. color:#FF1212;
  71. padding-right: 1rem;
  72. }
  73. .assessment-input-unread {color: #d02929}
  74. .assessment-number-result-failed, .assessment-bool-result-failed {color: #d02929}
  75. .assessment-number-result, .assessment-bool-result, .assessment-string-result {color: #22a222}
  76. .assessment-popup {
  77. position: relative;
  78. display: inline-block;
  79. cursor: pointer;
  80. }
  81. .assessment-popup .assessment-popuptext {
  82. visibility: hidden;
  83. width: 160px;
  84. background-color: #555;
  85. color: #fff;
  86. text-align: center;
  87. border-radius: 6px;
  88. padding: 8px 0;
  89. position: absolute;
  90. z-index: 1;
  91. bottom: 125%;
  92. left: 50%;
  93. margin-left: -80px;
  94. }
  95. .assessment-popup .assessment-popuptext::after {
  96. content: "";
  97. position: absolute;
  98. top: 100%;
  99. left: 50%;
  100. margin-left: -5px;
  101. border-width: 5px;
  102. border-style: solid;
  103. border-color: #555 transparent transparent transparent;
  104. }
  105. .assessment-popup:hover .assessment-popuptext {
  106. visibility: visible;
  107. -webkit-animation: fadeIn 1s;
  108. animation: fadeIn 1s;
  109. }
  110. @-webkit-keyframes fadeIn {
  111. from {opacity: 0;}
  112. to {opacity: 1;}
  113. }
  114. @keyframes fadeIn {
  115. from {opacity: 0;}
  116. to {opacity:1 ;}
  117. }
  118. .assessment-empty-output {
  119. height: 1.5rem;
  120. width: 1.5rem;
  121. }