2 margin: 1rem auto 2rem;
3 background-color: #eee;
9 background-color: transparent;
17 vertical-align: middle;
19 .night #time-of-day, .evening #time-of-day {
24 background-color: #fff;
26 border: 1px solid #000;
38 border: 1px solid #000;
41 background-color: #fff;
42 border: 1px solid #000;
58 border: 1px solid #000;
59 background-color: #fff;
62 #announcements, #signup-prompt {
65 border: solid 1px #000;
66 background-color: #fff;
74 @media(max-width: 650px) {
76 flex-direction: column;
78 #signup .form-group, #signup button {
85 margin-bottom: 0.3rem;
87 .alert.success, button.success {
88 border: solid 1px #0a0;
89 background-color: #def7e5;
91 .alert.error, button.error {
92 border: solid 1px #a00;
93 background-color: #f7dede;
110 align-items: flex-start;
120 #player-section div {
123 #player-section .gold {
126 #stat-bars, #defender-stat-bars {
128 margin: 5px 5px 0 5px;
130 #stat-bars .progress-bar, #defender-stat-bars .progress-bar {
136 #stat-bars .gold:after {
154 border: solid 1px #000;
158 box-sizing: border-box;
166 background-color: #fff;
169 display: inline-block;
179 text-decoration: none;
183 text-decoration: underline;
189 #inventory-section nav {
195 #inventory-section nav a {
196 border: solid 1px #ddd;
197 background-color: #ddd;
198 border-bottom-width: 0;
203 #inventory-section nav a.active {
204 background-color: #fff;
208 #inventory-section .inventory-listing {
209 border: solid 1px #000;
214 .inventory-listing .filter-result {
217 .inventory-listing .filter-result.active {
218 display: block !important;
238 background-color: #ddd;
240 #stat-breakdown th, #stat-breakdown td {
241 padding: 0.3rem 0.5rem;
246 background-repeat: no-repeat;
247 background-position: bottom right;
248 background-size: cover;
269 margin: 0rem auto 1rem;
270 padding: 3rem 2rem 2rem;
272 background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255, 255, 255, 0.5) 30%);
276 justify-content: space-between;
295 #travelling-actions {
297 justify-content: center;
306 margin-bottom: 0.3rem;
308 .store-list:nth-child(even) {
309 background-color: #fff;
311 .store-list:last-child {
318 .store-list .details {
328 text-transform: capitalize;
335 flex-direction: column;
337 .store-actions button {
343 align-items: flex-start;
344 justify-content: space-between;
346 #character-equipment-placement {
350 #character-equipment-placement td {
358 border: solid 1px #000;
361 vertical-align: bottom;
363 background-repeat: no-repeat;
366 #extra-inventory-info {
374 @media(max-width: 650px) {
379 flex-direction: column;
384 justify-content: space-between;
385 align-items: flex-start;
387 #extra-inventory-info {
399 #skill-list tr:nth-child(even) {
400 background-color: #eee;
402 #skill-list .skill-level {
404 vertical-align: middle;
406 border: solid 1px #000;
408 #skill-list .skill-description {
412 #skill-list .skill-exp {
419 margin-bottom: 0.3rem;
422 .chat-message:nth-child(even) {
423 background-color: #eee;
426 .chat-message .from {
429 .chat-message .from::after {
439 border-left-width: 0px;
440 border-bottom-width: 0px;
442 #chat-form input:focus {
446 border-right-width: 0px;
447 border-bottom-width: 0px;
453 justify-content: space-between;