Dreamwidth style system discussion

Colours for Comments

Mon, 26 Jan 2026 10:09:14 GMT

Posted by: magnavox_23

I have been futzing with my new layout, which is 'Gibbous' by Phidari for Heads Up.

It's looking great, the only thing I am stuck on is that I am wanting the comment box background (#ffffff) to be the same colour as the post background (#c6b6b3). Unfortunately, I cannot find an option for this in the customizer:

I can toggle it on and off in the Firefox inspector, but my knowledge beyond that is limited:

Are there any options for using some custom css to change that colour, or hide it?

Any help or advice is much appreciated! <3

comments

Thu, 09 Nov 2023 19:22:02 GMT

Posted by: raivotar

Hi! I think how I can disable custom comment pages?

comments

Commet Threads 'Right' value

Sun, 24 Sep 2023 14:43:08 GMT

Posted by: seleneheart

I'm having a problem in my personal journal, where if a comment thread goes over three comments, the fourth comment is pushed to the left when trying to reply to the third comment. The more comments in the thread, the more it gets pushed.

It can be seen in this post where I've made a bunch of comments to myself to illustrate: https://seleneheart.dreamwidth.org/1312626.html

Also see pic under the cut.

( pic of problem )

I've used the inspector to look at the code, and what I see is that, for each ongoing comment, in the qrformdiv there is the following code:

element {
  min-width: 696px;
  position: relative;
  right: 75px;
  background-color: rgb(103, 150, 199);
}

For each ongoing comment, the value of right: __px; grows larger. In the inspector, if I reduce the value of right: , it fixes the problem. However, that's not feasible to go in for every comment, or try to anticipate how long a thread could get. I have a paid account, and I'm using Abstractia as the base of the theme.

comments

Tue, 19 Sep 2023 04:25:17 GMT

Posted by: wraithmoon

Hello!

So, I recently changed my layout to Brittle and have come to the conclusion that the links to leave a comment/shows how many comments you have at the bottom of the entry are driving me nuts being that small.

There's got to be HTML coding to increase those link sizes, right?

If anyone can point me in the right direction, it'd be most appreciated.

Link to my DW is here.

Thank you for reading.

comments

Comment form problem for Mobility on mobile phones

Sun, 13 Jan 2019 13:45:36 GMT

Posted by: carisma_sensei

Hi! I created a Mobility layout the other day, which can be seen here, and the person who is using it pointed out that this problem was happening on mobile phones.

She said that when checking "use layout's stylesheet", it disappeared. So I don't know what gives! Since I'm new to Mobility, maybe there's something wrong with comment pages.

Anyone could help me out a bit? Thanks!

comments

Modifying some stuff related to comments and buttons

Mon, 30 Nov 2015 02:05:31 GMT

Posted by: tropicsbear

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; }

comments

Unwanted comment borders

Mon, 11 Aug 2014 07:03:02 GMT

Posted by: jordannamorgan

Apparently DW's latest code push fixed a bug that had prevented the style I use (Ciel) from displaying "properly". Now, comments on my journal are all surrounded by a little border with rounded corners--which I'm told the designer originally intended, but it never showed up before because of the bug.

But here's the thing: I don't WANT those borders to be there. I liked my layout and was used to it without them.

So can anyone provide me with a bit of custom code that would remove those borders again? (Thanks in advance for any help.)

comments

Text display in comments

Mon, 27 Jan 2014 10:24:18 GMT

Posted by: tropicsbear

I'm fiddling with my layout a bit, and can't figure out how to modify some of elements of the comments. I'd like to:

~~1. Put some space between the "Select" tick box and the dotted line (screencap)~~ SOLVED
~~2. Change the time and date font style~~ SOLVED
~~3. Put some space between the "Edited xxx" information and the actual comment text~~ SOLVED

Here's a sample comment thread from one of my entries if anyone needs to see it live.

Here's the CSS I'm using right now:

/* 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: #ffffff url(http://i.imgur.com/0tx1XyC.png);
    color: #333333;
background-color: #ffffff;

}

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

a { color: #444488;
 }
a:visited { color: #444488;
 }
a:hover { color: #7f82b7;
 }
a:active { color: #444488;
 }

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

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/nmrstVB.png);
    color: #f9f9f9;

}

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

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

#footer {
    background: #333 url(http://i.imgur.com/nmrstVB.png);
    font-family: 'Alike', 'New York', 'Bell MT';
    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; }

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

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

#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;
    color: #333333;
    background-color: #fff;
    border: solid 1px #888;
}

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

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

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

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

.entry a { color: #444488;
 }
.entry a:visited { color: #444488;
 }
.entry a:hover { color: #7f82b7;
 }
.entry a:active { color: #444488;
 }
.entry-content a { font-family: 'Alike', 'New York', 'Bell MT'; font-size: 1em;}

/* 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;
    }

.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: #444488;
 }

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', 'Bell MT'; 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', 'Bell MT'; font-size: 1em; }

ul.comment-management-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
    font-family: 'Alike', 'New York', 'Bell MT';
}
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', 'Bell MT';
}

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

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

/* archive */

/* 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;
border-right: solid 1px #333;

}

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

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

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

.module h2 {
    color: #333;

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

.module-content {
    font-family: 'Alike', 'New York', 'Bell MT'; 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;
}

.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: #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', 'Bell MT';
    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', 'Bell MT'; 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: #333;
    }

.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: #333;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: lighter;
    margin: 0 0 10px 0;
    }