profile.css (6056B)
1 .profile { 2 background-color: var(--lv3-col); 3 } 4 5 .profile h2 { 6 color: var(--accent); 7 font-family: Arial, Helvetica, sans-serif; 8 } 9 10 .profile table tr td table { 11 padding: 0.5em 0.5em; 12 background-color: var(--lv2-col); 13 border: solid var(--lv3-col); 14 } 15 16 .profile table tr td table th, 17 .profile table tr td table tr td th { 18 padding: unset; 19 color: var(--accent); 20 font-family: Arial, Helvetica, sans-serif; 21 } 22 23 .profile table tr td table td form { 24 font-family: Arial, Helvetica, sans-serif; 25 } 26 27 .profile table tr td hr { 28 padding: unset; 29 color: var(--accent); 30 } 31 32 .profile table tr td table tr td form input[value="View"] { 33 padding: 0.3em; 34 font-family: Arial, Helvetica, sans-serif; 35 background-color: var(--lv2-col); 36 border: solid var(--accent); 37 border-radius: 0.2em; 38 border-width: 0.1em; 39 color: var(--button-text-col); 40 transition: background-color, color, 0.3s; 41 transition-timing-function: ease-in-out; 42 } 43 44 .profile table tr td table tr td form input[value="View"]:hover { 45 padding: 0.3em; 46 font-family: Arial, Helvetica, sans-serif; 47 background-color: var(--lv3-col); 48 border: solid var(--accent); 49 border-radius: 0.2em; 50 border-width: 0.1em; 51 color: var(--button-text-col); 52 cursor: pointer; 53 } 54 55 .profile table tr td table tr td input[type="password"], 56 .profile table tr td table tr td textarea[type="password"] { 57 background-color: var(--lv2-col); 58 border: solid var(--accent); 59 border-radius: 0.2em; 60 border-width: 0.1em; 61 text-align: left; 62 max-width: 100%; 63 padding: 0.3em; 64 } 65 66 .profile table tr td table tr td input[type="text"], 67 .profile table tr td table tr td textarea[type="text"] { 68 background-color: var(--lv2-col); 69 border: solid var(--accent); 70 border-radius: 0.2em; 71 border-width: 0.1em; 72 text-align: left; 73 max-width: 100%; 74 padding: 0.3em; 75 } 76 77 .profile table tr td table tr td table { 78 border: none !important; 79 } 80 81 .profile table tr td table tr td select[name="ignore"] { 82 background-color: var(--accent2); 83 color: var(--button-text-col); 84 padding: 0.3em; 85 text-align: left; 86 font-family: Arial, Helvetica, sans-serif; 87 border: solid var(--accent); 88 border-radius: 0.2em; 89 border-width: 0.1em; 90 } 91 92 .profile table tr td table tr td select[name="ignore"]:hover { 93 padding: 0.3em; 94 text-align: left; 95 color: var(--accent); 96 background-color: var(--lv2-col); 97 font-family: Arial, Helvetica, sans-serif; 98 border: solid var(--accent); 99 border-radius: 0.2em; 100 border-width: 0.1em; 101 } 102 103 .profile table tr td table tr td input[type="number"] { 104 background-color: var(--accent2); 105 color: var(--button-text-col); 106 padding: 0.3em; 107 text-align: left; 108 font-family: Arial, Helvetica, sans-serif; 109 border: solid var(--accent); 110 border-radius: 0.2em; 111 border-width: 0.1em; 112 } 113 114 .profile table tr td table tr td input[type="number"]:hover { 115 padding: 0.3em; 116 text-align: left; 117 color: var(--accent); 118 background-color: var(--lv2-col); 119 font-family: Arial, Helvetica, sans-serif; 120 border: solid var(--accent); 121 border-radius: 0.2em; 122 border-width: 0.1em; 123 } 124 125 .profile table tr td table tr td input[type="color"] { 126 background-color: var(--accent2); 127 color: var(--button-text-col); 128 padding: 0.3em; 129 text-align: left; 130 font-family: Arial, Helvetica, sans-serif; 131 border: solid var(--accent); 132 border-radius: 0.2em; 133 border-width: 0.1em; 134 } 135 136 .profile table tr td table tr td input[type="color"]:hover { 137 padding: 0.3em; 138 text-align: left; 139 color: var(--accent); 140 background-color: var(--lv2-col); 141 font-family: Arial, Helvetica, sans-serif; 142 border: solid var(--accent); 143 border-radius: 0.2em; 144 border-width: 0.1em; 145 } 146 147 .profile table tr td table tr td select[name="font"] { 148 background-color: var(--accent2); 149 color: var(--button-text-col); 150 padding: 0.3em; 151 text-align: left; 152 font-family: Arial, Helvetica, sans-serif; 153 border: solid var(--accent); 154 border-radius: 0.2em; 155 border-width: 0.1em; 156 } 157 158 .profile table tr td table tr td select[name="font"]:hover { 159 padding: 0.3em; 160 text-align: left; 161 color: var(--accent); 162 background-color: var(--lv2-col); 163 font-family: Arial, Helvetica, sans-serif; 164 border: solid var(--accent); 165 border-radius: 0.2em; 166 border-width: 0.1em; 167 } 168 169 .profile table tr td table tr td select[name="eninbox"] { 170 background-color: var(--accent2); 171 color: var(--button-text-col); 172 padding: 0.3em; 173 text-align: left; 174 font-family: Arial, Helvetica, sans-serif; 175 border: solid var(--accent); 176 border-radius: 0.2em; 177 border-width: 0.1em; 178 } 179 180 .profile table tr td table tr td select[name="eninbox"]:hover { 181 padding: 0.3em; 182 text-align: left; 183 color: var(--accent); 184 background-color: var(--lv2-col); 185 font-family: Arial, Helvetica, sans-serif; 186 border: solid var(--accent); 187 border-radius: 0.2em; 188 border-width: 0.1em; 189 } 190 191 .profile table tr td table tr td select[name="tz"] { 192 background-color: var(--accent2); 193 color: var(--button-text-col); 194 padding: 0.3em; 195 text-align: left; 196 font-family: Arial, Helvetica, sans-serif; 197 border: solid var(--accent); 198 border-radius: 0.2em; 199 border-width: 0.1em; 200 } 201 202 .profile table tr td table tr td select[name="tz"]:hover { 203 padding: 0.3em; 204 text-align: left; 205 color: var(--accent); 206 background-color: var(--lv2-col); 207 font-family: Arial, Helvetica, sans-serif; 208 border: solid var(--accent); 209 border-radius: 0.2em; 210 border-width: 0.1em; 211 } 212 213 .profile input[value="Save changes"] { 214 background-color: var(--accent2); 215 padding: 0.3em; 216 font-family: Arial, Helvetica, sans-serif; 217 border: solid #ddd; 218 border-radius: 0.2em; 219 border-width: 0.1em; 220 color: var(--button-text-col); 221 transition: background-color, color, 0.3s; 222 transition-timing-function: ease-in-out; 223 } 224 225 .profile input[value="Save changes"]:hover { 226 background-color: var(--accent); 227 padding: 0.3em; 228 font-family: Arial, Helvetica, sans-serif; 229 border: solid #ffffff; 230 border-radius: 0.2em; 231 border-width: 0.1em; 232 color: var(--accent2); 233 } 234 235 p #changelang { 236 font-family: Arial, Helvetica, sans-serif; 237 } 238 239 .profile table tr td table a { 240 color: white; 241 text-decoration: underline white dotted; 242 }