style_system | Nov. 30th, 2015

Edit: I had some free time today and spent a long time just poking around with my layout and using trial-and-error to fix it up. I'm adding my updated CSS in case someone has similar problems.

I can't find the bit in my code that will let me do the following things:

1. Change the font family for links in the box that appears when you reply to a post (not the quick reply, the form that appears on the comments page), specifically the "Icon" and username. For some reason, my code works only when I hover over the links. Edited the a, a:link, a:visited part of my code to the following:

a, a:link, a:visited {
   text-decoration: none;
   font-family: 'Alike', 'New York', Georgia;
}

2. Modify the "Flat | Top-Level Comments Only" text at the bottom of the page. I want to add a background to it. The code I used to try and address #1 apparently also affected the font here (i.e. change when I hover over it). I found a different customized layout which had code that addressed this part. This is the bit of CSS I added to modify this part:

~~3. Add padding to all the buttons like "Post Comment" or "Perform Action." Or at least make the font smaller since they look really cramped in their boxes.~~ Added padding to the input part of the code.

input {
   background: transparent;
   border: 1px solid #333333;
   color: #333333;
   padding: 3px 3px 3px 3px;
}

~~4. Change the font family for the quick reply textarea.~~ Found the solution in the comments of this post and just played around with the code.

Any help would be much appreciated!

Old CSS:

/* Snowden (layout by manual@dw )
For the Practicality theme
Patterns from http://subtlepatterns.com/, used with permission under Creative Commons

License */

H1, H2, H3 {
    margin: .25em 0;
    padding: .25em 0;
}

hr {
    display: none;
}
.entry-content hr,
.comment-content hr {
    display: block;
    margin: 1em 15%;
}

body {
    font-family: Helvetica, Arial, sans-serif; font-size: 0.8em;
    padding: 10px;
    background: #fefffa url(http://i.imgur.com/xloUtl8.jpg) bottom left no-repeat fixed;
    color: #000000;
    background-color: #fefffa;
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

a { color: #fe882e;
 }
a:visited { color: #fe882e;
 }
a:hover { color: #feb37a;
 }
a:active { color: #fe882e;
 }

q { font-family: 'Alike', 'New York', Georgia; font-size: 1em; }
code {font-size: 1.15em;}

.one-column #content { float: none; }
.two-columns-left #content,
.three-columns-sides #content {
    border-left: 15em solid transparent;
}
.two-columns-right #content,
.three-columns-sides #content {
    border-right: 15em solid transparent;
}
.three-columns-left #content {
    border-left: 30em solid transparent;
}
.three-columns-right #content {
    border-right: 30em solid transparent;
}
.column-right #content {
    min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than

sidebar */
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: #ffffff url(http://i.imgur.com/8SfQDqv.png);
    opacity: 0.9;
    color: #f9f9f9;
}

h1#title {
    font-family: 'Alike', 'New York', Georgia; font-size: 3em;
}

h2#subtitle,
h2#pagetitle {
    font-family: 'Alike', 'New York', Georgia; font-size: 1.5em;
}

#footer {
    background: #333 url(http://i.imgur.com/8SfQDqv.png);
    opacity: 0.9;
    font-family: 'Alike', 'New York', Georgia;
    font-size: 1.4em;
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
}

#footer a { color: #fff; }
#footer a:active { color: #fff; }
#footer a:hover { color: #fff; }
#footer a:visited { color: #fff; }

#primary {
    float: left;
    width:80%;
    margin-top: 20px;
    margin-right:-80%;
    margin-left: 10%;
}

.one-column #primary { float: none; }

#primary > .inner:first-child {
    padding: 1em;
}

.one-column #secondary { width: auto; }

.two-columns-left #secondary,
.three-columns-sides #secondary {
    float: left;
    width: 15em;
    margin-left: -15em;
}
.two-columns-right #secondary {
    float: right;
    width: 15em;
    margin-right: -15em;
}
.three-columns-left #secondary {
    float: left;
    width: 15em;
    margin-left: -30em;
}
.three-columns-right #secondary {
    float: right;
    width: 15em;
    margin-right: -15em;
}

#secondary > .inner:first-child {
    padding: 1em;
}

.one-column #tertiary { width: auto; }

.two-columns-left #tertiary,
.two-columns-right #tertiary {
    clear: both;
}
.two-columns-left #tertiary { margin-left: -15em; }
.two-columns-right #tertiary { margin-right: -15em; }
.two-columns-left #tertiary .module,
.two-columns-right #tertiary .module {
    float: left;
    width: 15em;
}
.three-columns-left #tertiary {
    float: left;
    width: 15em;
    margin-left: -15em;
}
.three-columns-right #tertiary {
    float: right;
    width: 15em;
    margin-right: -30em;
    margin-left: 15em; /* so that #tertiary won't overlay #secondary in IE7 */
}
.three-columns-sides #tertiary {
    float: right;
    width: 15em;
    margin-right: -15em;
}

#tertiary > .inner:first-child {
    padding: 1em;
}

.navigation ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* entries */

.entry {
    background: #fff;
    opacity: 0.90;
    color: #000000;
    background-color: #fff;
    border: solid 1px #888;
}

.entry .entry-title {
    font-family: 'Alike', 'New York', Georgia; font-size: 1.5em;
}

.entry .entry-title, .entry .entry-title a, .entry .entry-title a:visited {
    color: #000000;
}

.entry  .entry-title a:hover {
    color: #666;
}

.entry-title a[title="(no subject)"] {
color: transparent;
}

.entry a { color: #fe882e;
 }
.entry a:visited { color: #fe882e;
 }
.entry a:hover { color: #feb37a;
 }
.entry a:active { color: #fe882e;
 }
.entry-content a { font-family: 'Alike', 'New York', Georgia; font-size: 1em;}

.entry div.userpic img {
        background: #d4cae2;
        border: none;
        border-radius: 100px;
        padding: 10px;
        margin-top: -50px; /*raises the userpics up by N pixels*/
    }

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */

.entry-content li,
.comment-content li {
    list-style-position: outside;
    }

.metadata ul {
    list-style: none;
    margin-left: .5em;
    padding-top: 10px;
    padding-left: 0;
}
.metadata li {
    margin-bottom: .5em;
    padding-top: 10px;
}
.metadata.top-metadata ul {
    margin: 0;
    padding-top: 10px;
}
.metadata.top-metadata {
    margin-bottom: 1em;
    padding-top: 10px;
}

.tag ul {
    display: inline;
    list-style: none;
    margin-left: .5em;
    padding-left: 0;
}
.tag ul li {
    display: inline;
    padding: .25em;
} /* same for month view */

ul.entry-management-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
ul.entry-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.entry-interaction-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}

.entry-interaction-links a { color: #fe882e;
 }

ul.entry-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

/* comments */

.comment-wrapper {
    padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a {
    }

.comment .comment-title {
    font-family: 'Alike', 'New York', Georgia; font-size: 1.2em;
}

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.comment-content a { font-family: 'Alike', 'New York', Georgia; font-size: 1em; }

ul.comment-management-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
    font-family: 'Alike', 'New York', Georgia;
}
ul.comment-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.comment-interaction-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    font-family: 'Alike', 'New York', Georgia;
}

ul.comment-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

textarea#commenttext {
    width: 100%; /* fix for FF form width glitch */
}

/* archive */

table.month {
    margin: 0 auto;
    border-collapse: collapse;
}
table.month td {
    height: 3.25em;
}
table.month td,
table.month th {
    border: 1px solid; /* ? */
    padding: 3px;
}
table.month td p {
    margin: 0;
    padding: 3px;
}

.month dl dt {
    font-weight: bold;
}
.month dl span.time {
    padding-right: .5em;
}
.month dl h3 {
    display: inline;
    font-size: medium;
}
.page-month .month .entry-poster {
    margin-right: .5em;
}
.month dl .tag ul {
    margin-top: 0;
}

/* icons */

.sorting-options ul {
    list-style: none;
    margin-left: 0;
}

.sorting-options ul li {
    display: inline;
}

.keywords ul {
    display: inline;
    list-style: none;
    margin-left: .5em;
    padding-left: 0;
}

.keywords ul li {
    display: inline;
    padding: .25em;
}

/* modules */

.module {
    background: #ffffff;
    background-color: #ffffff;
    opacity: 0.90;
    border-right: solid 1px #333;
}

.module a, .module a:hover, .module a:active { font-family: 'Alike', 'New York', Georgia;

color: #555; }
.module a:visited { font-family: 'Alike', 'New York', Georgia; color: #555; }

.module a:hover { font-family: 'Alike', 'New York', Georgia; color: #666; }

.module h2 {
    color: #000000;

font-family: 'Alike', 'New York', Georgia; text-decoration: italic; font-size: 1.37em;
}

.module-content {
    font-family: 'Alike', 'New York', Georgia; padding: 5px;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

ul.userlite-interaction-links.icon-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

ul.userlite-interaction-links.icon-links li {
    display: inline;
    padding: 0 .20em;
}

ul.userlite-interaction-links.text-links {
    text-align: left;
}

.module-calendar .module-content {
    text-align: center;
}

.one-column .module-calendar .module-content {
    text-align: left;
}

.module-calendar table {
    margin: 0 auto;
}

.one-column .module-calendar table {
    margin: 0;
}

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

.search-box {
    margin: .2em auto;
}

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {
    white-space: normal !important;
}
.module-pagesummary .module-content {
    word-wrap: break-word;
}
.module-credit dt, .module-credit dd {
    display: inline;
    margin: 0;
    padding: 0;
}
.module-credit dt {
    font-weight: lighter;
    margin-right: 0.5em;
}

.tags_cloud li, .module-tags_cloud li { display: inline;
    list-style-type: none; }

.module-syndicate .module-content {
    text-align: center;
}

.one-column .module-syndicate .module-content {
    text-align: left;
}

/*--------------------*/
/*--- Practicality ---*/
/*--------------------*/

/*--- Main ---*/

* {
    margin: 0;
    padding: 0;
    }

body {
    margin: 0;
    }

a, a:link, a:visited {
    text-decoration: none;
    }

p {
        margin: 1em 0;
    }

input, textarea {
    background: #ffffff;
    border: 1px solid #333333;
    color: #333333;
    }

blockquote {
    background: #fff url(http://i.imgur.com/0tx1XyC.png);
    border: 1px dotted #cfcfcf;
    color: #000000;
    margin: 1em 1em 1.5em 3em;
    padding: 10px;
    width: 85%;
    }

ul {
    list-style: square;
    list-style-position: inside;
    margin: .2em 0 0 2.5em;
    }

ol {
    margin: .2em 0 0 2.5em;
    list-style: decimal;
    list-style-position: inside;
    }

/*--- Main Containers ---*/

#canvas {
    width: 90%;
    margin: 0 auto;
    }

#primary > .inner:first-child {
    padding: 0;
    }

.column-left #primary > .inner:first-child {
    padding-left: 1em;
    }

.column-right #primary > .inner:first-child {
    padding-right: 1em;
    }

#secondary > .inner:first-child,
#tertiary > .inner:first-child {
    padding: 0;
    }

.three-columns-left #secondary > .inner:first-child,
.three-columns-right #secondary > .inner:first-child {
    padding-right: .5em;
    }

.three-columns-left #tertiary > .inner:first-child,
.three-columns-right #tertiary > .inner:first-child {
    padding-left: .5em;
    }

/*--- Journal Header ---*/

#header {
    padding: .1em .5em;
    }

h1#title {
    text-transform: lowercase;
    text-align: center;
    font-weight: lighter;
    }

h2#subtitle {
    border: none;
    color: #ececec;
    text-transform: lowercase;
    text-align: center;
    font-weight: lighter;
    }

h2#pagetitle {
    border: none;
    color: transparent;
    text-transform: uppercase;
    text-align: center;
    font-weight: none;
    }

h2#subtitle {
    margin: -1em 0 0;
    text-align: center;
    }

#header .module-navlinks {
    font-family: 'Alike', 'New York', Georgia;
    font-size: 0.9em;
    background: transparent;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 0;
    margin: -1em 0 0;
    text-align: center;
    }

#header .module-navlinks li {
    display: inline;
    padding: 0 1em;
    }

#header .module-navlinks li a {
    color: #ffffff;
    }

/*--- Journal Navigation ---*/

.navigation {
    font-family: 'Alike', 'New York', Georgia; font-size: 0.9em;
    background: #transparent;
    color: #fff;
    border-bottom: none;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 5px;
    }

.topnav a, .bottomnav a {
    color: #000000;
    background: #ffffff;
    opacity: 0.85;
    padding: 5px 5px 5px 5px;
    }

.navigation.empty {
    display: none;
    }

.page-read .navigation.empty {
    display: block;
    padding: 10px;
    }

.page-read .navigation.empty ul {
    margin: 0;
    padding: 0;
    }

.page-read .navigation.empty ul li {
    margin: 0;
    padding: 0;
    }

/*--- Sidebar ---*/

li.page-separator {
    display: none;
    }

.module {
    border: none;
    border-bottom: 1px dotted #666;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 10px;
    }

h2.module-header {
    border-bottom: 1px dotted #666;
    color: #000000;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: lighter;
    margin: 0 0 10px 0;
    }

h2.module-header a {
    color: #666;
    }

ul.module-list {
    list-style: none;
    font-size: 1em;
    }

ul.module-list li {
    padding: 0 0 0 5px;
    list-style: none;
    }

ul.module-list li a { color: #666;
    }

ul.module-list li a:hover { color: #d6d6d6;
    }

ul.module-list-item {
    list-style: none;
    }

ul.module-list-item li {
    padding: 0 0 0 5px;
    list-style: none;
    }

div.module-content div.userpic {
    text-align: center;
    }

div.module-content div.userpic img {
    background: #d4cae2;
    border: none;
    border-radius: 100px;
    padding: 10px;
    }

div.journal-name {
    text-transform: uppercase;
    margin-top: 5px;
    text-align: center;
    }

div.journal-website-name {
    text-transform: uppercase;
    text-align: center;
    }

ul.userlite-interaction-links.icon-links {
    margin: 5px 0 0;
    text-align: center;
    }

ul.userlite-interaction-links.icon-links li {
    margin: 0 auto;
    }

ul.userlite-interaction-links.text-links {
    padding: 0 0 0 5px;
    list-style: none;;
    }

div.module-navlinks {
    color: #222;
    list-style: none;
    text-align: left;
    font-size: 1em;
    }

div.module-navlinks a {
    color: #222;
    }

div.module-navlinks a:hover {
    color: #d6d6d6;
    }

div.manage-link {
    margin: 10px 0 0;
    text-align: right;
    display: none;
    }

div.module-calendar table {
    text-align: center;
    }

div.module-calendar th {
    background: #efefef;
    color: #666;
    border: 1px dotted #666;
    }

div.module-calendar td.empty-day {
    border: 1px solid #cfcfcf;
    }

div.module-calendar td.entry-day {
    background: #efefef;
    border: 1px solid #cfcfcf;
    }

div.module-calendar td.entry-day a { color: #333; }
div.module-calendar td.entry-day a:visited { color: #333; }
div.module-calendar td.entry-day a:hover { color: #d6d6d6; }
div.module-calendar td.entry-day a:active { color: #333; }

/*--- Entries ---*/

div.entry {
    border: none;
    border-bottom: 2px dotted #666;
    padding: 20px;
    margin: 0 0 15px 0;
    }

div.entry-content {
    margin: 20px 0 0;
    min-height: 100px;
    }

div.entry div.header {
    font-family: 'Alike', 'New York', Georgia; font-size: 1em;
    font-size: 1em;
    padding: 0;
    }

h3.entry-title {
    font-weight: normal;
    }

h3.entry-title a,
h3.entry-title a:active,
h3.entry-title a:hover,
h3.entry-title a:visited {
    color: #fe882e;
    }

.datetime {
    color: #000000;
    font-size: .90em;
    text-transform: uppercase;
    }

.datetime a,
.datetime a:visited {
    color: #777;
    }

.has-userpic div.entry div.userpic {
    border: none;
    margin: -20px 10px 10px 10px;
    }

.entry-poster {
    border-bottom: 1px solid #666;
    color: #000000;
    display: block;
    font-size: .90em;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Alike', 'New York', Georgia;
    }

.entry-poster a,
.entry-poster a:active,
.entry-poster a:visited {
font-family: 'Alike', 'New York', Georgia;
    color: #fe882e;
    text-transform: lowercase;
    }

.entry-poster a:hover { font-family: 'Alike', 'New York', Georgia; color: #feb37a; }

.poster a,
.poster a:active,
.poster a:visited {
font-family: 'Alike', 'New York', Georgia;
    }

.metadata {
    font-size: 0.85em;
    text-transform: uppercase;
    margin: 1em 0 0;
    text-align: right;
    padding-top: 10px;
    }

div.metadata ul {
    padding: 0;
    margin: 0;
    }

div.metadata ul li {
    padding: 0;
    margin: 0;
    }

.entry .footer {
    clear: both;
    }

div.tag {
    margin: 1em 0 .5em 0;
    font-size: 0.85em;
    text-transform: uppercase;
    text-align: right;
    }

div.tag ul { padding-top: 0; }

div.tag ul li {
    margin: .5em 0 0;
font-family: 'Alike', 'New York', Georgia;
font-size: 1em;
    text-align: right;
    }

ul.entry-management-links {
    border-top: 1px solid #cfcfcf;
    margin: .5em 0 0;
    padding: .5em 0 0;
    text-align: center;
    }

ul.entry-management-links li {
    margin: 0 auto;
    text-align: center;
    }

ul.entry-interaction-links {
    margin: 0;
    padding: 0;
    font-family: serif;
    font-size: 0.9em;
    text-align: center;
    }

ul.entry-interaction-links li,
ul.entry-management-links li {
    color: #fe882e;
    font-size: 1em;
    text-transform: uppercase;
    margin: 0 .5em 0 0;
    padding: 0;
    }

ul.entry-interaction-links a,
ul.entry-interaction-links a:active,
ul.entry-interaction-links a:visited,
ul.entry-management-links a,
ul.entry-management-links a:active,
ul.entry-management-links a:visited {
    color: #fe882e;
font-family: 'Alike', 'New York', Georgia;
    }

ul.entry-interaction-links a:hover,
ul.entry-management-links a:hover {
color: #feb37a; font-family: 'Alike', 'New York', Georgia; }

/*--- Archive Page ---*/

.month {
    background: #ffffff;
    opacity: 0.90;
    color: #333333;
    border-bottom: 2px dotted #666;
    margin: 0 0 1em 0;
    padding: 2em;
    }

.month a { font-family: 'Alike', 'New York', Georgia; color: #fe882e; }
.month a:visited { font-family: 'Alike', 'New York', Georgia; color: #fe882e; }
.month a:hover { font-family: 'Alike', 'New York', Georgia; color: #feb37a; }
.month a:active { font-family: 'Alike', 'New York', Georgia; color: #fe882e; }

table.month {
    border-bottom: none;
    }

.month table {
    margin: auto;
    width: 100%;
    }

table.month td, table.month th {
    border: 1px solid #cfcfcf;
    }

.month caption {
    display: none;
    }

.month h3 {
    color: #333;
font-family: 'Alike', 'New York', Georgia;
    font-size: 1.2em; 
    font-weight: normal;
    }

.month th {
    background: #efefef;
    color: #333333;
    border: 1px solid #cfcfcf;
    text-align: center;
    }

.month td.day {
    border: 1px solid #cfcfcf;
    color: #333333;
    font-weight: normal;
    }

td.day {
    padding: 1em;
    }

.month td.day-has-entries {
    background: #efefef;
    color: #333333;
    font-weight: normal;
    text-align: left;
    }

.month td.day-has-entries p {
    font-size: 0.9em;
    font-weight: bold;
    text-align: right;
    }

.month td.day-has-entries p a { color: #fe882e; }
.month td.day-has-entries p a:visited { color: #fe882e; }
.month td.day-has-entries p a:hover { color: #feb37a }
.month td.day-has-entries p a:active { color: #fe882e; }

/*--- Tags Page ---*/

.page-tags .tags-container {
    background: #ffffff;
    opacity: 0.90;
    color: #000000;
    border-bottom: 3px solid #666;
    padding: .5em;
    }

.page-tags .tags-container a { color: #fe882e; }
.page-tags .tags-container a:visited { color: #fe882e; }
.page-tags .tags-container a:hover { color: #feb37a }
.page-tags .tags-container a:active { color: #fe882e; }

.page-tags .tags-container h2 {
    font-family: 'Alike', 'New York', Georgia; font-size: 1.3em;
    border-bottom: 1px solid #666;
    font-weight: normal;
    margin: 0 0 .5em 0;
    }

.page-tags .tags-container .ljtaglist {
    list-style: none;
    }

/*--- Comments ---*/

hr.above-entry-interaction-links, hr.below-reply-container {
    display: none; 
    }

.comment {
    background: #ffffff;
    opacity: 0.90;
    color: #000000;
    border-bottom: 2px dotted #666;
    padding: 15px;
    }

.comment a { color: #fe882e; }
.comment a:visited { color: #fe882e; }
.comment a:hover { color: #feb37a; }
.comment a:active { color: #fe882e; }

.comment-title, .comment-title a {
    color: #000000;
    padding: 10px;
    }

.comment-content {
    border-bottom: 1px dotted #666;
    border-top: 1px dotted #666;
    min-height: 100px;
    padding: 10px;
    }

.comment-poster {
    color: #000000;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-family: 'Alike', 'New York', Georgia;
    font-size: .90em;
    padding: 5px;
    }

.comment-poster a { font-family: 'Alike', 'New York', Georgia;
    color: #fe882e;
    font-size: 1em;
    text-transform: lowercase;
    }

.poster-ip {
    text-transform: uppercase;
    font-size: .7em;
    padding: 5px;
    }

textarea.textbox {
    background: #ffffff;
    color: #333333;
    width: 80% !important;
    font-family: 'Alike', 'New York', Georgia;
    font-size: .90em;
    }

.textbox a, a:visited, a:hover, a:active {
    font-family: 'Alike', 'New York', Georgia;
}

.has-userpic div.comment div.userpic {
    border: none;
    display: block;
    margin: -2.5em .5em .5em .5em;
    }

.has-userpic div.comment div.userpic img {
    background: #d4cae2;
    border: none;
    border-radius: 100px;
    padding: 10px;
    }

.comment-management-links ul, .comment-interaction-links ul {
    display: inline;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
    }

.comment-management-links li, .comment-interaction-links li {
    font-size: 0.9em;
    text-transform: uppercase;
    text-align: center;
    }

.comment-interaction-links li a,
.comment-management-links li a {
    color: #fe882e;
    }

#qrform table {
    border: none !important;
    }

.comment .footer {
margin-top: 10px; }

.comment .datetime {
font-family: 'Alike', 'New York', Georgia; font-size: 0.85em;
}

.edittime {
margin-top: 10px; }

.bottomcomment {
    background: #ffffff;
    opacity: 0.9;
    color: #000000;
    border-bottom: 2px dotted #666;
    margin: .5em 0;
    padding: .7em;
    }

.bottomcomment a { color: #fe882e; }
.bottomcomment a:visited { color: #fe882e; }
.bottomcomment a:hover { color: #feb37a; }
.bottomcomment a:active { color: #fe882e; }

/*--- Contextual Pop-ups ---*/

div.ContextualPopup {
    color: #333333;
    margin: auto;
    }

div.ContextualPopup div.Inner {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #333333;
    }

div.ContextualPopup .Userpic {
    border: 1px dotted #666;
    margin: .5em;
    padding: 0;
    }

div.ContextualPopup .Content {
    border: 0;
    color: #333333;
    }

div.ContextualPopup div.Inner a,
div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited,
div.ContextualPopup div.Inner a:active {
    color: #333;
    text-decoration: none;
    }

div.ContextualPopup .Relation {
    color: #333333;
    }

.has-userpic div.entry div.userpic,
            .has-userpic div.comment div.userpic {
                float: right;
                }
            .has-userpic div.entry .header {
                margin-right: 135px;
                }
            .has-userpic div.comment .header {
                margin-right: 135px;
                }

/*--- ADDED ---*/

img[src*="icon_18.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/bGwVpty.gif) no-repeat;
padding: 0 3px 16px 16px !important; 
}

img[src*="icon_nsfw.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/tM05KqV.gif) no-repeat;
padding: 0 3px 16px 16px !important; 
}

img[src*="user.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/V5uK6Tb.gif) no-repeat;
padding: 0 3px 16px 16px !important; 
}

img[src*="community.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/t4up3aj.gif) no-repeat;
padding: 0 3px 16px 16px !important; 
}

img[src*="feed.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/lJjVvD2.png) no-repeat;
padding: 0 3px 16px 16px !important; 
}

img[src*="locked.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/RIULSMQ.gif) no-repeat;
padding: 0 3px 16px 16px !important;
}

img[src*="filtered.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/TsCqZc6.gif) no-repeat;
padding: 0 3px 16px 16px !important; 
}

img[src*="private.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/GDMZunb.gif) no-repeat;
padding: 0 3px 16px 16px !important;
}

img[src*="user_staff.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/FSoxEwv.gif) no-repeat;
padding: 0 3px 16px 16px !important; 
}

img[src*="comm_staff.png"] {
width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
padding: 0 3px 16px 16px !important;
background: transparent url(http://i.imgur.com/WdpgOdJ.gif) no-repeat;  
}

img[src*="collapse.svg"] { 
width: 0; height: 0; 
padding: 5px 5px 11px 0 !important;
background: transparent url(http://i.imgur.com/unRbF9F.gif) no-repeat scroll 0 0; 
}

img[src*="expand.svg"] { 
width: 0; height: 0; 
padding: 5px 5px 11px 0 !important;
background: transparent url(http://i.imgur.com/Zt8NDvi.gif) no-repeat scroll 0 0; 
}

img[src*="collapse-end.svg"] { 
width: 0; height: 0; 
padding: 0 0 16px 16px !important;
background: transparent url(http://i.imgur.com/TmVrcsV.gif) no-repeat; 
}

img[src*="edit.png"] { 
width: 0; height: 0; 
padding: 0 0px 16px 16px !important;
background: transparent url(http://i.imgur.com/GjiZ1qk.gif) no-repeat scroll 0 0; 
}

img[src*="tag_edit.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/TR2kdRn.png) no-repeat scroll 0 0; 
}

img[src*="memories_add.png"] { 
width: 0; height: 0; 
background: transparent url(http://i.imgur.com/VFumpQH.png) no-repeat scroll 0 0; 
padding: 0px 0px 16px 16px !important;
}

img[src*="tellafriend.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/8T3B9Tf.png) no-repeat scroll 0 0; 
}

img[src*="track.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/A2ZgoYN.gif) no-repeat scroll 0 0; 
}

img[src*="freeze.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/E7ZpaSz.gif) no-repeat scroll 0 0; 
}

img[src*="screen.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/O7VGXy1.png) no-repeat scroll 0 0; 
}

img[src*="delete.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/EtN3vZv.gif) no-repeat scroll 0 0; 
}

img[src*="next.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/QpUWbZi.gif) no-repeat scroll 0 0; 
}

img[src*="previous.png"] { 
width: 0; height: 0; 
padding: 0px 0px 16px 16px !important; 
background: transparent url(http://i.imgur.com/oYf3nZy.gif) no-repeat scroll 0 0; 
}

#module-jump-link { display:none; }

CSS with solutions:

/* Snowden (layout by manual@dw )
For the Practicality theme
Patterns from http://subtlepatterns.com/, used with permission under Creative Commons License */

H1, H2, H3 {
   margin: .25em 0;
   padding: .25em 0;
}

hr { display: none; }

.entry-content hr,
.comment-content hr {
   display: block;
   margin: 1em 15%;
}

body {
   font-family: Helvetica, Arial, sans-serif; font-size: 0.8em;
   padding: 10px;
   background: #fefffa url(http://i.imgur.com/xloUtl8.jpg) bottom left no-repeat fixed;
   color: #000000;
   background-color: #fefffa;
}

html body {
   margin-left: 0em;
   margin-right: 0em;
}

a { color: #fe882e; }
a:visited { color: #fe882e; }
a:hover { color: #feb37a; }
a:active { color: #fe882e; }

q {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
}

code { font-size: 1.15em; }

.one-column #content { float: none; }
.two-columns-left #content,
.three-columns-sides #content { border-left: 15em solid transparent; }
.two-columns-right #content,
.three-columns-sides #content { border-right: 15em solid transparent; }
.three-columns-left #content { border-left: 30em solid transparent; }
.three-columns-right #content { border-right: 30em solid transparent; }
.column-right #content {  min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */ }

#content-footer {
   height: 0;
   font-size: 0; /*to make IE happy*/
   clear: both;
}

#header, #footer {
   margin: 0;
   clear: both;
   padding: .5em;
}

#header {
   background: #ffffff url(http://i.imgur.com/8SfQDqv.png);
   opacity: 0.9;
   color: #f9f9f9;
}

h1#title { font-family: 'Alike', 'New York', Georgia; font-size: 3em; }
h2#subtitle,
h2#pagetitle {  font-family: 'Alike', 'New York', Georgia; font-size: 1.5em; }

#footer {
   background: #333 url(http://i.imgur.com/8SfQDqv.png);
   opacity: 0.9;
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1.4em;
   color: #fff;
   letter-spacing: 0.1em;
   text-align: center;
   text-transform: uppercase;
}

#footer a { color: #fff; }
#footer a:active { color: #fff; }
#footer a:hover { color: #fff; }
#footer a:visited { color: #fff; }

#primary {
   float: left;
   width:80%;
   margin-top: 20px;
   margin-right:-80%;
   margin-left: 10%;
}

.one-column #primary { float: none; }
#primary > .inner:first-child { padding: 1em; }

.one-column #secondary { width: auto; }
.two-columns-left #secondary,
.three-columns-sides #secondary {
   float: left;
   width: 15em;
   margin-left: -15em;
}

.two-columns-right #secondary {
   float: right;
   width: 15em;
   margin-right: -15em;
}

.three-columns-left #secondary {
   float: left;
   width: 15em;
   margin-left: -30em;
}

.three-columns-right #secondary {
   float: right;
   width: 15em;
   margin-right: -15em;
}

#secondary > .inner:first-child { padding: 1em; }

.one-column #tertiary { width: auto; }
.two-columns-left #tertiary,
.two-columns-right #tertiary { clear: both; }
.two-columns-left #tertiary { margin-left: -15em; }
.two-columns-right #tertiary { margin-right: -15em; }
.two-columns-left #tertiary .module,
.two-columns-right #tertiary .module {
   float: left;
   width: 15em;
}

.three-columns-left #tertiary {
   float: left;
   width: 15em;
   margin-left: -15em;
}

.three-columns-right #tertiary {
   float: right;
   width: 15em;
   margin-right: -30em;
   margin-left: 15em; /* so that #tertiary won't overlay #secondary in IE7 */
}

.three-columns-sides #tertiary {
   float: right;
   width: 15em;
   margin-right: -15em;
}

#tertiary > .inner:first-child { padding: 1em; }

.navigation ul {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}

.navigation li {
   display: inline;
   padding: 0 .5em;
}

.noentries { padding: 0 .5em; }

/* entries */

.entry {
   background: #fff url(http://i.imgur.com/nNSCbjc.png); /*makes background transparent*/
   background-color: transparent;
   border: solid 1px #888;
   color: #333333;
}

.entry .entry-title { font-family: 'Alike', 'New York', Georgia; font-size: 1.5em; }
.entry .entry-title,
.entry .entry-title a,
.entry .entry-title a:visited { color: #333333; }
.entry .entry-title a:hover { color: #666; }
.entry-title a[title="(no subject)"] { color: transparent; }

.entry a { color: #fe882e; }
.entry a:visited { color: #fe882e; }
.entry a:hover { color: #feb37a; }
.entry a:active { color: #fe882e; }
.entry-content a {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
}

.entry div.userpic img {
   background: #d4cae2;
   border: none;
   border-radius: 100px;
   padding: 10px;
   margin-top: -50px; /*raises the userpics up by N pixels*/
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */

.entry-content li,
.comment-content li { list-style-position: outside; } /*for list bullet point text alignment*/

.metadata ul {
   list-style: none;
   margin-left: .5em;
   padding-top: 10px;
   padding-left: 0;
}

.metadata li {
   margin-bottom: .5em;
   padding-top: 10px;
}

.metadata.top-metadata ul {
   margin: 0;
   padding-top: 10px;
}

.metadata.top-metadata {
   margin-bottom: 1em;
   padding-top: 10px;
}

.tag ul {
   display: inline;
   list-style: none;
   margin-left: .5em;
   padding-left: 0;
}

.tag ul li {
   display: inline;
   padding: .25em;
} /* same for month view */

ul.entry-management-links {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}

ul.entry-management-links li {
   display: inline;
   padding: 0 .25em;
}

ul.entry-interaction-links {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
   text-align: right;
}

.entry-interaction-links a { color: #fe882e; }

ul.entry-interaction-links li {
   display: inline;
   padding: 0 .25em;
}

/* comments */

.page-reply textarea,
.page-reply input,
.page-reply select {
   background: transparent;
   color: #333333;
   font-family: 'Alike', 'New York', Georgia;
   font-size: 0.95em;
   padding: 5px;
}

input#subject {
   background-color: transparent;
   font-family: 'Alike', 'New York', Georgia;
}

.comment-wrapper { padding: .5em 0; }

.comment .comment-title { font-family: 'Alike', 'New York', Georgia; font-size: 1.2em; }
.comment .comment-title, .comment .comment-title a, .comment .comment-title a:visited { color: #333333; }
.comment .comment-title a:hover { color: #666; }

.comment-title h4 {
   font-size: inherit;
   font-weight: inherit;
   margin: 0;
   padding: 0;
}

.comment-pages {
   font-family: 'Alike', 'New York', Georgia;
   background: #fff url(http://i.imgur.com/nNSCbjc.png);
   background-color: transparent;
   padding: 5px 5px 5px 5px;
}

.comment-pages a { color: #fe882e; }
.comment-pages a:hover { color: #feb37a; }

.comment-content a {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
}

ul.comment-management-links {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
   text-align: right;
   font-family: 'Alike', 'New York', Georgia;
}

ul.comment-management-links li {
   display: inline;
   padding: 0 .25em;
}

ul.comment-interaction-links {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
   font-family: 'Alike', 'New York', Georgia;
}

ul.comment-interaction-links li {
   display: inline;
   padding: 0 .25em;
}

textarea#commenttext { width: 100%; /* fix for FF form width glitch */ }

/* archive */

table.month {
   margin: 0 auto;
   border-collapse: collapse;
}

table.month td { height: 3.25em; }
table.month td,
table.month th {
   border: 1px solid; /* ? */
   padding: 3px;
}

table.month td p {
   margin: 0;
   padding: 3px;
}

.month dl dt { font-weight: bold; }
.month dl span.time { padding-right: .5em; }
.month dl h3 {
   display: inline;
   font-size: medium;
}

.page-month .month .entry-poster { margin-right: .5em; }

.month dl .tag ul { margin-top: 0; }

.page-day h3.day-date {
   font-family: 'Alike', 'New York', Georgia;
   background: #fff url(http://i.imgur.com/nNSCbjc.png);
   background-color: transparent;
   padding: 0 0 0 10px;
}

/* icons */

.sorting-options ul {
   list-style: none;
   margin-left: 0;
}

.sorting-options ul li { display: inline; }

.keywords ul {
   display: inline;
   list-style: none;
   margin-left: .5em;
   padding-left: 0;
}

.keywords ul li {
   display: inline;
   padding: .25em;
}

/* modules */

.module {
   background: #ffffff;
   background-color: #ffffff;
   opacity: 0.90;
   border-right: solid 1px #333;
}

.module a,
.module a:hover,
.module a:active { font-family: 'Alike', 'New York', Georgia; color: #555; }
.module a:visited { font-family: 'Alike', 'New York', Georgia; color: #555; }
.module a:hover { font-family: 'Alike', 'New York', Georgia; color: #666; }

.module h2 {
   color: #000000;
   font-family: 'Alike', 'New York', Georgia; text-decoration: italic; font-size: 1.37em;
}

.module-content { font-family: 'Alike', 'New York', Georgia; padding: 5px; }
.module-content ul {
   list-style: outside;
   margin-left: 1em;
   padding-left: 0;
}

.module-content li { margin: .5em 0; }

ul.userlite-interaction-links.icon-links {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}

ul.userlite-interaction-links.icon-links li {
   display: inline;
   padding: 0 .20em;
}

ul.userlite-interaction-links.text-links { text-align: left; }

.module-calendar .module-content { text-align: center; }
.one-column .module-calendar .module-content { text-align: left; }
.module-calendar table { margin: 0 auto; }
.one-column .module-calendar table { margin: 0; }
.module-calendar td { padding: 1px; }
.module-calendar td a {
   display: block;
   padding: 2px;
}

.search-box { margin: .2em auto; }

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser { white-space: normal !important; }
.module-pagesummary .module-content { word-wrap: break-word; }

.module-credit dt,
.module-credit dd {
   display: inline;
   margin: 0;
   padding: 0;
}

.module-credit dt {
   font-weight: lighter;
   margin-right: 0.5em;
}

.tags_cloud li,
.module-tags_cloud li {
   display: inline;
   list-style-type: none;
}

.module-syndicate .module-content { text-align: center; }
.one-column .module-syndicate .module-content { text-align: left; }

/*--------------------*/
/*--- Practicality ---*/
/*--------------------*/

/*--- Main ---*/

* {
   margin: 0;
   padding: 0;
}

body { margin: 0; }

a, a:link, a:visited {
   text-decoration: none;
   font-family: 'Alike', 'New York', Georgia;
}

p { margin: 1em 0; }

input {
   background: transparent;
   border: 1px solid #333333;
   color: #333333;
   padding: 3px 3px 3px 3px; /*for action buttons*/
}

textarea {
   background: transparent;
   border: 1px solid #333333;
   color: #333333;
   font-family: 'Alike', 'New York', Georgia;
}

blockquote {
   background: #fff url(http://i.imgur.com/0tx1XyC.png);
   border: 1px dotted #cfcfcf;
   color: #333333;
   margin: 1em 1em 1.5em 3em;
   padding: 10px;
   width: 85%;
}

ul {
   list-style: square;
   list-style-position: inside;
   margin: .2em 0 0 2.5em;
}

ol {
   margin: .2em 0 0 2.5em;
   list-style: decimal;
   list-style-position: inside;
   }

/*--- Main Containers ---*/

#canvas {
   width: 90%;
   margin: 0 auto;
}

#primary > .inner:first-child { padding: 0; }
.column-left #primary > .inner:first-child { padding-left: 1em; }
.column-right #primary > .inner:first-child { padding-right: 1em; }

#secondary > .inner:first-child,
#tertiary > .inner:first-child { padding: 0; }

.three-columns-left #secondary > .inner:first-child,
.three-columns-right #secondary > .inner:first-child { padding-right: .5em; }

.three-columns-left #tertiary > .inner:first-child,
.three-columns-right #tertiary > .inner:first-child { padding-left: .5em; }

/*--- Journal Header ---*/

#header { padding: .1em .5em; }

h1#title {
   text-transform: lowercase;
   text-align: center;
   font-weight: lighter;
}

h2#subtitle {
   border: none;
   color: #ececec;
   text-transform: lowercase;
   text-align: center;
   font-weight: lighter;
}

h2#pagetitle {
   border: none;
   color: transparent;
   text-transform: uppercase;
   text-align: center;
   font-weight: none;
}

h2#subtitle {
   margin: -1em 0 0;
   text-align: center;
}

#header .module-navlinks {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 0.9em;
   background: transparent;
   border: none;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: lighter;
   letter-spacing: 0;
   margin: -1em 0 0;
   text-align: center;
}

#header .module-navlinks li {
   display: inline;
   padding: 0 1em;
}

#header .module-navlinks li a { color: #ffffff; }

/*--- Journal Navigation ---*/

.navigation {
   font-family: 'Alike', 'New York', Georgia; font-size: 0.9em;
   background: #transparent;
   color: #fff;
   border-bottom: none;
   text-transform: uppercase;
   text-align: center;
   margin: 0 0 15px 0;
   padding: 5px;
}

.topnav a, .bottomnav a {
   color: #000000;
   background: #ffffff;
   opacity: 0.90;
   padding: 5px 5px 5px 5px;
}

.navigation.empty { display: none; }

.page-read .navigation.empty {
   display: block;
   padding: 10px;
}

.page-read .navigation.empty ul {
   margin: 0;
   padding: 0;
}

.page-read .navigation.empty ul li {
   margin: 0;
   padding: 0;
}

/*--- Sidebar ---*/

li.page-separator { display: none; }

.module {
   border: none;
   border-bottom: 1px dotted #666;
   margin-top: 20px;
   margin-bottom: 15px;
   padding: 10px;
}

h2.module-header {
   border-bottom: 1px dotted #666;
   color: #000000;
   font-size: 1em;
   text-align: center;
   text-transform: uppercase;
   font-weight: lighter;
   margin: 0 0 10px 0;
}

h2.module-header a { color: #666; }

ul.module-list {
   list-style: none;
   font-size: 1em;
}

ul.module-list li {
   padding: 0 0 0 5px;
   list-style: none;
}

ul.module-list li a { color: #666; }
ul.module-list li a:hover { color: #d6d6d6; }
ul.module-list-item { list-style: none; }
ul.module-list-item li {
   padding: 0 0 0 5px;
   list-style: none;
}

div.module-content div.userpic { text-align: center; }
div.module-content div.userpic img {
   background: #d4cae2;
   border: none;
   border-radius: 100px;
   padding: 10px;
}

div.journal-name {
   text-transform: uppercase;
   margin-top: 5px;
   text-align: center;
}

div.journal-website-name {
   text-transform: uppercase;
   text-align: center;
}

ul.userlite-interaction-links.icon-links {
   margin: 5px 0 0;
   text-align: center;
}

ul.userlite-interaction-links.icon-links li { margin: 0 auto; }
ul.userlite-interaction-links.text-links {
   padding: 0 0 0 5px;
   list-style: none;
}

div.module-navlinks {
   color: #222;
   list-style: none;
   text-align: left;
   font-size: 1em;
}

div.module-navlinks a { color: #222; }
div.module-navlinks a:hover { color: #d6d6d6; }

div.manage-link {
   margin: 10px 0 0;
   text-align: right;
   display: none;
}

div.module-calendar table { text-align: center; }
div.module-calendar th {
   background: #efefef;
   color: #666;
   border: 1px dotted #666;
}

div.module-calendar td.empty-day { border: 1px solid #cfcfcf; }
div.module-calendar td.entry-day {
   background: #efefef;
   border: 1px solid #cfcfcf;
}

/*--- Entries ---*/

div.entry {
   border: none;
   border-bottom: 2px dotted #666;
   padding: 20px;
   margin: 0 0 15px 0;
}

div.entry-content {
   margin: 20px 0 0;
   min-height: 100px;
}

div.entry div.header {
   font-family: 'Alike', 'New York', Georgia; font-size: 1em;
   font-size: 1em;
   padding: 0;
}

h3.entry-title { font-weight: normal; }
h3.entry-title a,
h3.entry-title a:active,
h3.entry-title a:hover,
h3.entry-title a:visited { color: #fe882e; }

.datetime {
   color: #333333;
   font-size: .90em;
   text-transform: uppercase;
}

.datetime a,
.datetime a:visited { color: #777; }

.has-userpic div.entry div.userpic {
   border: none;
   margin: -20px 10px 10px 10px;
}

.entry-poster {
   border-bottom: 1px solid #666;
   color: #333333;
   display: block;
   font-size: .90em;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-family: 'Alike', 'New York', Georgia;
}

.entry-poster a,
.entry-poster a:active,
.entry-poster a:visited {
   font-family: 'Alike', 'New York', Georgia;
   color: #fe882e;
   text-transform: lowercase;
}

.entry-poster a:hover { font-family: 'Alike', 'New York', Georgia; color: #feb37a; }

.poster a,
.poster a:active,
.poster a:visited { font-family: 'Alike', 'New York', Georgia; }

.metadata {
   font-size: 0.85em;
   text-transform: uppercase;
   margin: 1em 0 0;
   text-align: right;
   padding-top: 10px;
}

div.metadata ul {
   padding: 0;
   margin: 0;
}

div.metadata ul li {
   padding: 0;
   margin: 0;
}

.entry .footer { clear: both; }

div.tag {
   margin: 1em 0 .5em 0;
   font-size: 0.85em;
   text-transform: uppercase;
   text-align: right;
}

div.tag ul { padding-top: 0; }
div.tag ul li {
   margin: .5em 0 0;
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
   text-align: right;
}

ul.entry-management-links {
   border-top: 1px solid #cfcfcf;
   margin: .5em 0 0;
   padding: .5em 0 0;
   text-align: center;
}

ul.entry-management-links li {
   margin: 0 auto;
   text-align: center;
}

ul.entry-interaction-links {
   margin: 0;
   padding: 0;
   font-family: serif;
   font-size: 0.9em;
   text-align: center;
}

ul.entry-interaction-links li,
ul.entry-management-links li {
   color: #fe882e;
   font-size: 1em;
   text-transform: uppercase;
   margin: 0 .5em 0 0;
   padding: 0;
}

ul.entry-interaction-links a,
ul.entry-interaction-links a:active,
ul.entry-interaction-links a:visited,
ul.entry-management-links a,
ul.entry-management-links a:active,
ul.entry-management-links a:visited {
   color: #fe882e;
   font-family: 'Alike', 'New York', Georgia;
}

ul.entry-interaction-links a:hover,
ul.entry-management-links a:hover {
   color: #feb37a;
   font-family: 'Alike', 'New York', Georgia;
}

/*--- Archive Page ---*/

li.active { /*for selected year*/
   background: #efefef;
   opacity: 0.9;
   color: #333333;
   padding: 5px 5px 5px 5px;
}

.month {
   background: #fff url(http://i.imgur.com/nNSCbjc.png);
   background-color: transparent;
   color: #333333;
   border-bottom: 2px dotted #666;
   margin: 0 0 1em 0;
   padding: 2em;
}

table.month { border-bottom: none; }

.month table {
   margin: auto;
   width: 100%;
}

table.month td,
table.month th { border: 1px solid #cfcfcf; }

.month caption { display: none; }

.month h3 {
   color: #333;
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1.2em; 
   font-weight: normal;
}

.month th {
   background: #efefef;
   color: #333333;
   border: 1px solid #cfcfcf;
   text-align: center;
}

.month td.day {
   border: 1px solid #cfcfcf;
   color: #333333;
   font-weight: normal;
}

td.day { padding: 1em; }

.month td.day-has-entries {
   background: #efefef;
   color: #333333;
   font-weight: normal;
   text-align: left;
}

.month td.day-has-entries p {
   font-size: 0.9em;
   font-weight: bold;
   text-align: right;
}

/*--- Tags Page ---*/

.page-tags .tags-container {
   background: #fff url(http://i.imgur.com/nNSCbjc.png);
   background-color: transparent;
   color: #333333;
   border-bottom: 3px solid #666;
   padding: .5em;
}

.page-tags .tags-container a {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
   color: #fe882e;
}

.page-tags .tags-container a:visited {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
   color: #fe882e;
}

.page-tags .tags-container a:hover {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
   color: #feb37a
}

.page-tags .tags-container a:active {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 1em;
   color: #fe882e;
}

.page-tags .tags-container h2 {
   font-family: 'Alike', 'New York', Georgia; font-size: 1.3em;
   border-bottom: 1px solid #666;
   font-weight: normal;
   margin: 0 0 .5em 0;
}

.page-tags .tags-container .ljtaglist { list-style: none; }

/*--- Comments ---*/

hr.above-entry-interaction-links,
hr.below-reply-container { display: none; }

.comment {
   background: #fff url(http://i.imgur.com/nNSCbjc.png);
   background-color: transparent;
   color: #333333;
   border-bottom: 2px dotted #666;
   padding: 15px;
}

.comment a { color: #fe882e; }
.comment a:visited { color: #fe882e; }
.comment a:hover { color: #feb37a; }
.comment a:active { color: #fe882e; }

.comment-title,
.comment-title a {
   color: #333333;
   padding: 10px;
}

.comment-content {
   border-bottom: 1px dotted #666;
   border-top: 1px dotted #666;
   min-height: 100px;
   padding: 10px;
}

.comment-poster {
   color: #333333;
   margin-bottom: .5em;
   text-transform: uppercase;
   font-family: 'Alike', 'New York', Georgia;
   font-size: .90em;
   padding: 5px;
}

.comment-poster a {
   font-family: 'Alike', 'New York', Georgia;
   color: #fe882e;
   font-size: 1em;
   text-transform: lowercase;
}

.poster-ip {
   text-transform: uppercase;
   font-size: .7em;
   padding: 5px;
}

textarea.textbox {
   background: transparent;
   color: #333333;
   width: 80% !important;
   font-family: 'Alike', 'New York', Georgia;
   font-size: 0.95em;
   padding: 5px;
}

textarea a { font-family: 'Alike', 'New York', Georgia; }

.has-userpic div.comment div.userpic {
   border: none;
   display: block;
   margin: -2.5em .5em .5em .5em;
}

.has-userpic div.comment div.userpic img {
   background: #d4cae2;
   border: none;
   border-radius: 100px;
   padding: 10px;
}

.comment-management-links ul,
.comment-interaction-links ul {
   display: inline;
   font-size: 0.8em;
   text-transform: uppercase;
   text-align: center;
}

.comment-management-links li,
.comment-interaction-links li {
   font-size: 0.9em;
   text-transform: uppercase;
   text-align: center;
}

.comment-interaction-links li a,
.comment-management-links li a { color: #fe882e; }

#qrform table { border: none !important; }

.comment .footer { margin-top: 10px; }

.comment .datetime {
   font-family: 'Alike', 'New York', Georgia;
   font-size: 0.85em;
}

.edittime { margin-top: 10px; }

.bottomcomment {
   background: #fff url(http://i.imgur.com/nNSCbjc.png);
   background-color: transparent;
   color: #333333;
   border-bottom: 2px dotted #666;
   margin: .5em 0;
   padding: .7em;
}

.bottomcomment a { color: #fe882e; }
.bottomcomment a:visited { color: #fe882e; }
.bottomcomment a:hover { color: #feb37a; }
.bottomcomment a:active { color: #fe882e; }

/*--- Contextual Pop-ups ---*/

div.ContextualPopup {
   margin: auto;
   font-family: 'Alike', 'New York', Georgia;
   color: #333333;
}

div.ContextualPopup .Userpic {
   border: 1px dotted #666;
   margin: .5em;
   padding: 0;
}

div.ContextualPopup .Content {
   border: 0;
   color: #333333;
}

div.ContextualPopup .Content a {
   border: 0;
   color: #fe882e;
}

div.ContextualPopup .Content a:visited { color: #fe882e; }
div.ContextualPopup .Content a:active { color: #fe882e; }
div.ContextualPopup .Content a:hover { color: #feb37a; }

div.ContextualPopup div.Inner {
   background: #ffffff;
   border: 1px solid #cfcfcf;
   color: #333333;
}

div.ContextualPopup .Relation { color: #333333; }

/*--- TINY ICONS ---*/

img[src*="icon_18.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/bGwVpty.gif) no-repeat;
   padding: 0 3px 16px 16px !important; 
}

img[src*="icon_nsfw.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/tM05KqV.gif) no-repeat;
   padding: 0 3px 16px 16px !important; 
}

img[src*="user.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/V5uK6Tb.gif) no-repeat;
   padding: 0 3px 16px 16px !important; 
}

img[src*="community.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/t4up3aj.gif) no-repeat;
   padding: 0 3px 16px 16px !important; 
}

img[src*="feed.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/lJjVvD2.png) no-repeat;
   padding: 0 3px 16px 16px !important; 
}

img[src*="locked.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/RIULSMQ.gif) no-repeat;
   padding: 0 3px 16px 16px !important;
}

img[src*="filtered.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/TsCqZc6.gif) no-repeat;
   padding: 0 3px 16px 16px !important; 
}

img[src*="private.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/GDMZunb.gif) no-repeat;
   padding: 0 3px 16px 16px !important;
}

img[src*="user_staff.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   background: transparent url(http://i.imgur.com/FSoxEwv.gif) no-repeat;
   padding: 0 3px 16px 16px !important; 
}

img[src*="comm_staff.png"] {
   vertical-align: middle !important;
   margin: 0 auto;
   width: 0 !important;
   height: 0 !important;
   padding: 0 3px 16px 16px !important;
   background: transparent url(http://i.imgur.com/WdpgOdJ.gif) no-repeat;  
}

img[src*="collapse.svg"] { 
   width: 0;
   height: 0; 
   padding: 5px 5px 11px 0 !important;
   background: transparent url(http://i.imgur.com/unRbF9F.gif) no-repeat scroll 0 0; 
}

img[src*="expand.svg"] { 
   width: 0;
   height: 0; 
   padding: 5px 5px 11px 0 !important;
   background: transparent url(http://i.imgur.com/Zt8NDvi.gif) no-repeat scroll 0 0; 
}

img[src*="collapse-end.svg"] { 
   width: 0;
   height: 0; 
   padding: 0 0 16px 16px !important;
   background: transparent url(http://i.imgur.com/TmVrcsV.gif) no-repeat; 
}

img[src*="edit.png"] { 
   width: 0;
   height: 0; 
   padding: 0 0px 16px 16px !important;
   background: transparent url(http://i.imgur.com/GjiZ1qk.gif) no-repeat scroll 0 0; 
}

img[src*="tag_edit.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/TR2kdRn.png) no-repeat scroll 0 0; 
}

img[src*="memories_add.png"] { 
   width: 0;
   height: 0; 
   background: transparent url(http://i.imgur.com/VFumpQH.png) no-repeat scroll 0 0; 
   padding: 0px 0px 16px 16px !important;
}

img[src*="tellafriend.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/8T3B9Tf.png) no-repeat scroll 0 0; 
}

img[src*="track.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/A2ZgoYN.gif) no-repeat scroll 0 0; 
}

img[src*="freeze.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/E7ZpaSz.gif) no-repeat scroll 0 0; 
}

img[src*="screen.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/O7VGXy1.png) no-repeat scroll 0 0; 
}

img[src*="delete.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/EtN3vZv.gif) no-repeat scroll 0 0; 
}

img[src*="next.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/QpUWbZi.gif) no-repeat scroll 0 0; 
}

img[src*="previous.png"] { 
   width: 0;
   height: 0; 
   padding: 0px 0px 16px 16px !important; 
   background: transparent url(http://i.imgur.com/oYf3nZy.gif) no-repeat scroll 0 0; 
}

#module-jump-link { display:none; }

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Dreamwidth style system discussion

Nov. 30th, 2015

Nov. 30th, 2015

Modifying some stuff related to comments and buttons

Profile

April 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags