karmaworld/assets/css/note_course_pages.css

   1
   2 #course-header-school
   3 {
   4   font-weight: bold;
   5 }
   6
   7 div.header-byline {
   8   margin-bottom: 10px;
   9 }
  10
  11 #course-header-name
  12 {
  13   font-size: 2.5em;
  14 }
  15
  16 #course-header
  17 {
  18   padding: 20px 0 0 0;
  19 }
  20
  21 #end-header
  22 {
  23   margin-top: 20px;
  24 }
  25
  26 input.search-courses {
  27   display: inline;
  28   margin: 0 0 10px 5px;
  29   max-width: 30em;
  30 }
  31
  32 form.search-notes {
  33   display: inline;
  34 }
  35
  36 #note-search-bar {
  37   background: #f5f5f5;
  38   padding: 15px 0 0 0;
  39   font: 1em 'museo300';
  40 }
  41
  42 ul.socialaccount_providers li
  43 {
  44   display: inline;
  45 }
  46
  47 table.dataTable div.note-date {
  48   margin-bottom: 10px;
  49 }
  50
  51 table.dataTable div.note-text {
  52   margin: 10px 0 10px 0;
  53 }
  54
  55 table.dataTable span.note-thanks {
  56   padding: 10px 0 0 0;
  57 }
  58
  59 div.return-to-course {
  60   background: #f5f5f5;
  61   padding: 10px 0 10px 0;
  62   font-size: 0.7em;
  63 }
  64
  65 #results_header {
  66   margin: 20px 0 20px 0;
  67   font-size: 1.8em;
  68 }
  69
  70 div#note_header {
  71   margin: 20px 0 20px 0;
  72 }
  73
  74 div.header-title-row {
  75   margin: 0 0 10px 0;
  76   line-height: 1.5;
  77 }
  78
  79 .header-title {
  80   font-size: 2.5em;
  81   vertical-align: middle;
  82 }
  83
  84 .modify-button {
  85   border-radius: 3px;
  86   padding: 5px 10px 5px 10px;
  87   margin: 0 5px 0 5px;
  88   font-size: 0.8em;
  89 }
  90
  91 #outline-btn,
  92 #minus-btn,
  93 #plus-btn {
  94   cursor: pointer;
  95 }
  96
  97 .keyword-form-row textarea.definition {
  98   max-height: 75px;
  99 }
 100
 101 #add-row-btn {
 102   cursor: pointer;
 103 }
 104
 105 button.add-note-btn {
 106   width: 100%;
 107   font-size: 1.2em;
 108   font-family: 'museo700';
 109   margin-bottom: 10px;
 110   height: 40px;
 111 }
 112
 113 .note-upload-remove-button {
 114   margin-bottom: 10px;
 115   cursor: pointer;
 116 }
 117
 118 .keywords-hint {
 119   font-size: 0.8em;
 120 }
 121
 122 .note-keyword-toggle {
 123   margin: 0 0 10px 0;
 124 }
 125
 126 #keywords-data-table td {
 127   padding: 10px 10px 10px 10px;
 128 }
 129
 130 #edit-keywords-button {
 131   font-size: inherit;
 132   margin: 0;
 133   padding: 5px;
 134 }
 135
 136 #keyword-intro,
 137 #quiz-intro {
 138   font-size: 0.8em;
 139 }
 140
 141 #quiz-intro {
 142   margin-bottom: 10px;
 143 }
 144
 145 #note-category {
 146   margin-bottom: 10px;
 147 }
 148
 149 .quiz-question {
 150   margin-bottom: 20px;
 151 }
 152
 153 .quiz-question-inner {
 154   padding: 10px 0 10px 0;
 155 }
 156
 157 .question-text {
 158   margin: 0 0 10px 0;
 159 }
 160
 161 .quiz-question input[type="radio"]:checked+label {
 162   font-weight: bold;
 163 }
 164
 165 .correct {
 166   background-color: #e5ffdc;
 167 }
 168
 169 .incorrect {
 170   background-color: #ffdcdc;
 171 }
 172
 173 .correct-label,
 174 .incorrect-label {
 175   padding-left: 0;
 176 }
 177
 178 .correct-label-inner,
 179 .incorrect-label-inner {
 180   color: #ffffff;
 181   font-weight: bold;
 182   padding: 5px 10px 5px 10px;
 183   font-size: 0.8em;
 184   width: intrinsic;                     /* Safari/WebKit uses a non-standard name */
 185   width: -moz-max-content;      /* Firefox/Gecko */
 186 }
 187
 188 .correct-label-inner {
 189   background-color: #4f7342;
 190 }
 191
 192 .incorrect-label-inner {
 193   background-color: #740b00;
 194 }
 195