User:Nick Bergen/common.css

body { background-color: #002b36; color: #839496; font-family: Hermit; }

a { color: #268bd2; }

a:visited { color: #fb188a; /* Hot pink for visited links */ }

a:visited:hover { color: #e6ba0e; /* Yellow for hovered visited links */ }

a:hover { color: #fb188a; /* Hot pink for hovered links */ }

.mw-body { background-color: #022731; color: #839496; font-family: Hermit; }

.mw-body-content { background-color: #073642; border: 1px solid #586e75; font-family: Lotion; }

@media screen and (min-width: 981px) { .mw-body { padding: 30px; border-radius: 20px; }   .mw-body-content { padding: 20px; border-radius: 20px; } }

@media screen and (max-width: 980px) { .mw-body { padding: 0px; }   .mw-body-content { padding: 10px; } }

.mw-body h1 { color: #dfd7d7; font-family: Hermit; }

.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { color: #93a1a1; font-family: Hermit; }

.mw-headline { border-radius: 5px; color: #dfd7d7; }

@media screen and (min-width: 981px) { .vector-menu-tabs .mw-list-item.selected a { color: #dfd7d7; } }

.infobox, .navbox, .toc, .thumb, .mw-headline { background-color: #073642; border: 1px solid #586e75; color: #839496; padding: 10px; /* Added padding */ }

code, pre { background-color: #073642; color: #93a1a1; border: 1px solid #586e75; border-radius: 3px; padding: 5px; }

table { border-collapse: collapse; width: 100%; }

table, th, td { border: 1px solid #586e75; padding: 5px; }

th { background-color: #073642; color: #93a1a1; }

td { background-color: #002b36; color: #839496; }

input, select, textarea { background-color: #073642; color: #839496; border: 1px solid #586e75; border-radius: 3px; padding: 5px; }

input:focus, select:focus, textarea:focus { border-color: #268bd2; outline: none; }