postbox.css (5481B)
1 .post { 2 margin-top: 1px; 3 margin-bottom: 1px; 4 background-color: var(--lv1-col); 5 background-size: cover; 6 } 7 8 .post input { 9 cursor: pointer; 10 } 11 12 /* First Line */ 13 .post input[name="message"], 14 .post textarea[name="message"] { 15 background-color: var(--lv2-col); 16 border: solid var(--accent); 17 border-radius: 0.2em; 18 border-width: 0.1em; 19 text-align: left; 20 max-width: 100%; 21 padding: 0.3em; 22 } 23 24 .post input[value="Send to"] { 25 all: unset; 26 background-color: var(--accent); 27 border: solid var(--accent2); 28 border-radius: 0.2em; 29 border-width: 0.1em; 30 color: var(--accent2); 31 padding: 0.3em; 32 margin-left: 0.5em; 33 margin-right: 0.5em; 34 text-align: left; 35 font-family: Arial, Helvetica, sans-serif; 36 transition: background-color, color, border, padding, margin, 0.3s; 37 transition-timing-function: ease-in-out; 38 } 39 40 .post input[value="Send to"]:hover { 41 all: unset; 42 background-color: var(--accent2); 43 border: solid var(--accent); 44 border-radius: 0.2em; 45 border-width: 0.1em; 46 cursor: pointer; 47 color: var(--accent); 48 padding: 0.3em; 49 margin-left: 0.5em; 50 margin-right: 0.5em; 51 text-align: left; 52 font-family: Arial, Helvetica, sans-serif; 53 } 54 55 .post select[name="sendto"] { 56 background-color: var(--accent); 57 color: var(--accent2); 58 padding: 0.3em; 59 text-align: left; 60 font-family: Arial, Helvetica, sans-serif; 61 border: solid var(--accent); 62 border-radius: 0.2em; 63 border-width: 0.1em; 64 } 65 66 .post select[name="sendto"]:hover { 67 padding: 0.3em; 68 text-align: left; 69 color: var(--accent); 70 background-color: var(--accent2); 71 font-family: Arial, Helvetica, sans-serif; 72 border: solid var(--accent); 73 border-radius: 0.2em; 74 border-width: 0.1em; 75 } 76 77 78 /*Second Line*/ 79 .post input[name="file"] { 80 background-color: var(--accent2); 81 color: var(--button-text-col); 82 padding: 0.1em; 83 text-align: left; 84 font-family: Arial, Helvetica, sans-serif; 85 border: solid var(--accent); 86 border-radius: 0.2em; 87 border-width: 0.1em; 88 } 89 90 .post input[name="file"]:hover { 91 padding: 0.1em; 92 text-align: left; 93 color: var(--accent2); 94 background-color: var(--accent); 95 font-family: Arial, Helvetica, sans-serif; 96 border: solid var(--accent2); 97 border-radius: 0.2em; 98 border-width: 0.1em; 99 } 100 101 .post #secondline small { 102 padding: 0.1em; 103 font-family: Arial, Helvetica, sans-serif; 104 } 105 106 .post #secondline label { 107 font-family: Arial, Helvetica, sans-serif !important; 108 } 109 110 111 /*Del Messages*/ 112 .delbutton { 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 .delbutton:hover { 125 background-color: var(--red); 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: #ffffff; 132 } 133 134 .backbutton { 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 .backbutton: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 /* Singl/Multi Line */ 157 .post input[value="Switch to single-line"] { 158 padding: 0.3em; 159 font-family: Arial, Helvetica, sans-serif; 160 background-color: var(--lv2-col); 161 border: solid var(--accent); 162 border-radius: 0.2em; 163 border-width: 0.1em; 164 color: var(--button-text-col); 165 transition: background-color, color, 0.3s; 166 transition-timing-function: ease-in-out; 167 } 168 169 .post input[value="Switch to multi-line"] { 170 padding: 0.3em; 171 font-family: Arial, Helvetica, sans-serif; 172 background-color: var(--lv2-col); 173 border: solid var(--accent); 174 border-radius: 0.2em; 175 border-width: 0.1em; 176 color: var(--button-text-col); 177 transition: background-color, color, 0.3s; 178 transition-timing-function: ease-in-out; 179 } 180 181 .post input[value="Switch to single-line"]:hover { 182 padding: 0.3em; 183 font-family: Arial, Helvetica, sans-serif; 184 background-color: var(--lv3-col); 185 border: solid var(--accent); 186 border-radius: 0.2em; 187 border-width: 0.1em; 188 color: var(--button-text-col); 189 } 190 191 .post input[value="Switch to multi-line"]:hover { 192 padding: 0.3em; 193 font-family: Arial, Helvetica, sans-serif; 194 background-color: var(--lv3-col); 195 border: solid var(--accent); 196 border-radius: 0.2em; 197 border-width: 0.1em; 198 color: var(--button-text-col); 199 } 200 #forum_link, 201 #emoji_link { 202 padding: 0.3em; 203 font-family: Arial, Helvetica, sans-serif; 204 background-color: var(--accent2); 205 border: solid var(--accent); 206 border-radius: 0.2em; 207 border-width: 0.1em; 208 color: var(--button-text-col); 209 transition: background-color, color, 0.3s; 210 transition-timing-function: ease-in-out; 211 } 212 #forum_link:hover, 213 #emoji_link:hover { 214 padding: 0.3em; 215 color: var(--accent2); 216 background-color: var(--accent); 217 font-family: Arial, Helvetica, sans-serif; 218 border: solid var(--accent2); 219 border-radius: 0.2em; 220 border-width: 0.1em; 221 }