notes.css (4549B)
1 .notes { 2 background-color: var(--lv3-col); 3 } 4 5 .notes h2 { 6 color: var(--accent); 7 font-family: Arial, Helvetica, sans-serif; 8 } 9 10 .notes textarea { 11 background-color: var(--lv2-col); 12 border: solid var(--accent); 13 border-radius: 0.2em; 14 border-width: 0.1em; 15 text-align: left; 16 max-width: 100%; 17 padding: 0.3em; 18 } 19 20 .notes small { 21 font-family: Arial, Helvetica, sans-serif; 22 } 23 24 .notes input[value="Admin Notes"] { 25 background-color: var(--accent2); 26 padding: 0.3em; 27 font-family: Arial, Helvetica, sans-serif; 28 border: solid #ddd; 29 border-radius: 0.2em; 30 border-width: 0.1em; 31 color: var(--button-text-col); 32 transition: background-color, color, 0.3s; 33 transition-timing-function: ease-in-out; 34 } 35 36 .notes input[value="Admin Notes"]:hover { 37 background-color: var(--accent); 38 padding: 0.3em; 39 font-family: Arial, Helvetica, sans-serif; 40 border: solid #ffffff; 41 border-radius: 0.2em; 42 border-width: 0.1em; 43 color: var(--accent2); 44 } 45 46 .notes input[value="Staff notes"] { 47 background-color: var(--accent2); 48 padding: 0.3em; 49 font-family: Arial, Helvetica, sans-serif; 50 border: solid #ddd; 51 border-radius: 0.2em; 52 border-width: 0.1em; 53 color: var(--button-text-col); 54 transition: background-color, color, 0.3s; 55 transition-timing-function: ease-in-out; 56 } 57 58 .notes input[value="Staff notes"]:hover { 59 background-color: var(--accent); 60 padding: 0.3em; 61 font-family: Arial, Helvetica, sans-serif; 62 border: solid #ffffff; 63 border-radius: 0.2em; 64 border-width: 0.1em; 65 color: var(--accent2); 66 } 67 68 .notes input[value="Senior Member notes"] { 69 background-color: var(--accent2); 70 padding: 0.3em; 71 font-family: Arial, Helvetica, sans-serif; 72 border: solid #ddd; 73 border-radius: 0.2em; 74 border-width: 0.1em; 75 color: var(--button-text-col); 76 transition: background-color, color, 0.3s; 77 transition-timing-function: ease-in-out; 78 } 79 80 .notes input[value="Senior Member notes"]:hover { 81 background-color: var(--accent); 82 padding: 0.3em; 83 font-family: Arial, Helvetica, sans-serif; 84 border: solid #ffffff; 85 border-radius: 0.2em; 86 border-width: 0.1em; 87 color: var(--accent2); 88 } 89 90 .notes input[value="Personal notes"] { 91 background-color: var(--accent2); 92 padding: 0.3em; 93 font-family: Arial, Helvetica, sans-serif; 94 border: solid #ddd; 95 border-radius: 0.2em; 96 border-width: 0.1em; 97 color: var(--button-text-col); 98 transition: background-color, color, 0.3s; 99 transition-timing-function: ease-in-out; 100 } 101 102 .notes input[value="Personal notes"]:hover { 103 background-color: var(--accent); 104 padding: 0.3em; 105 font-family: Arial, Helvetica, sans-serif; 106 border: solid #ffffff; 107 border-radius: 0.2em; 108 border-width: 0.1em; 109 color: var(--accent2); 110 } 111 112 .notes input[value="Member notes"] { 113 background-color: var(--accent2); 114 padding: 0.3em; 115 font-family: Arial, Helvetica, sans-serif; 116 border: solid #ddd; 117 border-radius: 0.2em; 118 border-width: 0.1em; 119 color: var(--button-text-col); 120 transition: background-color, color, 0.3s; 121 transition-timing-function: ease-in-out; 122 } 123 124 .notes input[value="Member notes"]:hover { 125 background-color: var(--accent); 126 padding: 0.3em; 127 font-family: Arial, Helvetica, sans-serif; 128 border: solid #ffffff; 129 border-radius: 0.2em; 130 border-width: 0.1em; 131 color: var(--accent2); 132 } 133 134 .notes input[value="Reload"] { 135 background-color: var(--accent2); 136 padding: 0.3em; 137 font-family: Arial, Helvetica, sans-serif; 138 border: solid #ddd; 139 border-radius: 0.2em; 140 border-width: 0.1em; 141 color: var(--button-text-col); 142 transition: background-color, color, 0.3s; 143 transition-timing-function: ease-in-out; 144 } 145 146 .notes input[value="Reload"]:hover { 147 background-color: var(--accent); 148 padding: 0.3em; 149 font-family: Arial, Helvetica, sans-serif; 150 border: solid #ffffff; 151 border-radius: 0.2em; 152 border-width: 0.1em; 153 color: var(--accent2); 154 } 155 156 .notes input[value="Save Notes"] { 157 background-color: var(--accent2); 158 padding: 0.3em; 159 font-family: Arial, Helvetica, sans-serif; 160 border: solid #ddd; 161 border-radius: 0.2em; 162 border-width: 0.1em; 163 color: var(--button-text-col); 164 transition: background-color, color, 0.3s; 165 transition-timing-function: ease-in-out; 166 } 167 168 .notes input[value="Save Notes"]:hover { 169 background-color: var(--accent); 170 padding: 0.3em; 171 font-family: Arial, Helvetica, sans-serif; 172 border: solid #ffffff; 173 border-radius: 0.2em; 174 border-width: 0.1em; 175 color: var(--accent2); 176 }