style_system | Entries tagged with comments: reply form

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.

Tags:

undomesticated

I've found a livejournal layout that I really enjoy and have customized it to the best of my ability. The problem comes in when I tried to use the lighter style for a different purpose. Almost everything is perfect and just the way I want it, except for trying to 'reply to' from any email notifications I get.

With the darker theme, this is the way it looks for a reply.
1: When I reply directly from the comment page itself.
2: When I reply with the 'reply to' function from my email.

The lighter one has the problem of the subject box and the comment box itself not being separately outlined from the background, but only on the 'reply to' page.
1: When I reply directly from the comment page itself.
2: When I reply with the 'reply to' function from my email.

As you can see, the page is just a wash of light. I realize that changing the background of the comment page itself might be one way to change it, but that would carry over into the regular comment page and ruin the look of the layout. I'd really prefer just to color in the reply box (and possibly the subject bar and maybe the buttons) on the 'reply to' page alone.

The Layouts
Light:

/*--Hanky Panky Light by Tessisamess--*/
/*--Made On: June 2012--*/
/*--S2 Style: Flexible Squares--*/

body	{
		background: #eee url() center repeat fixed;
		color: #fff;
		font-family: Tahoma;
		line-height: 175%;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

a, a:link, a:visited {
		color: #999999;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

a:hover {
		color: #6699FF;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

p, td, blockquote {
	    	font-size: 11px;
		}

blockquote {
		background: #eee;
		color: #333;
		padding: 15px;
		-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}

h1 {
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 25px;
		font-weight: bold;
		margin-bottom: 0px;
		}

h2 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 22px;
		font-weight: bold;
		margin-bottom: -8px;
		}

h3 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 19px;
		font-weight: bold;
		margin-bottom: -2px;
		}

h4 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 17px;
		font-weight: bold;
		margin-bottom: -1px;
		}

h5 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -1px !important;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: -8px;
		}

hr {
		display: none;
		}

img { 
		max-width: 600px;
		}

/*--GENERAL--*/

#content {
		width: 80%;
		min-width: 900px;
		margin-left: auto; 
		margin-right: auto;
		background: transparent;
		border: none;
		padding: 15px;
		}

#maincontent {
		margin-top: 45px;
		font-family: Tahoma;
		font-size: 11px;
		background: transparent;
		color: #444;
		border: none;
		margin-right: 210px;
		text-align: left;
		}

#sidebar {

padding-top: 0px;
		margin-top: 30px;
		background: transparent;
		border: none;
	  	font-size: 11px;
	  	color: #444;
		width: 200px;
		float: right;
		text-align: left;
		}

/*--HEADER--*/

#header {
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin: 0px;
		text-align: right;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #ccc;
		font-size: 25px;
		font-weight: bold;
		border: none;
		background: transparent;
		}

div#header li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header a, div#header a:link, div#header a:visited {
		color: #ccc;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.title	{ 
		display: none;
		}

.subtitle{
		display: none;
		}

/*--HEADER NAV--*/

ul.navheader
		{
		padding: 0px;
		margin: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 3px 0 3px;
		}

/*--ENTRIES--*/

.subcontent {
		background: #ddd;
		border-bottom: 7px solid #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subcontent:hover {
		border-bottom: 7px solid #6699FF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.entry	{
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background: #ddd;
		color: #444;
		font-family: Tahoma;
		font-size: 11px;
		text-align: left;
		border: none;
		}

.userpic {
		position: relative;
		float: left;
		background: transparent;
		padding: 0px;
		margin-left: -110px !important;
		margin-top: 20px;
		margin-right: 10px;
		z-index: 0;
		border: none;
		}

.userpic img {
		width: normal;
		height: normal;
		border: 5px solid #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends {
		position: relative;
		float: left;
		background: transparent !important;
		padding: 0px;
		margin-left: -110px !important;
		margin-top: 20px;
		margin-right: 10px;
		z-index: 0;
		border: none;
		}

.userpicfriends img {
		width: normal;
		height: normal;
		border: 5px solid #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpic img:hover {
		border: 5px solid #6699FF !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

userpicfriends img:hover {
		border: 5px solid #6699FF !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends a font { 
		text-align: center !important;
		background: transparent; 
		color: #333; 
		font-family: arial; 
		font-size: 9px; 
		font-weight: normal !important; 
		}

.date {
		line-height: 200%;
		top: 5px;
		padding-right: 10px;
		font-family: arial black;
		text-align: right;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #ccc;
		font-size: 20px;
		margin-bottom: -20px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.date:hover { 
		color: #999; 
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subject {
		font-weight: normal;
		padding: 10px;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #555;
		font-size: 27px;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #555;
		}

.subject a:hover {
		color: #6699FF;
		}

.datesubject {
		background: transparent;
		padding: 5px;
		}

.entry ul li {
		padding-left: 5px;
		margin-left: 15px;
		}

.entry ol li {
		padding-left: 5px;
		margin-left: 15px;
		}

/*--CURRENTS--*/

.currents, .currentmood, .currentmusic {
		font-family: arial black;
		font-size: 11px;
		margin-top: -10px;
		text-transform: lowercase;
		}

.currents {
		margin-left: -22px;
		}

.ljtags { 
		font-family: arial black;
		margin-top: 30px;
		margin-left: -22px;
		text-transform: lowercase;
		}

/*--COMMENTBAR--*/

.comments {
		text-align: right;
		background-color: transparent;
		padding: 0px 0px 16px 0px;
		position: relative;
		top: 15px;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px !important;
		color: #555;
		font-size: 21px;
		}

div.comments a, div.comments a:link, div.comments a:visited {
		color: #555;
		}

div.comments a:hover {
		color: #6699FF;
		text-decoration: none;
		}

/*--SEPARATOR--*/

.separator {
		background: #eee;
		height: 35px;
		}

/*--SIDEBAR--*/

.defaultuserpic {
		text-align: center;
		}

.sbarheader {
		padding: 0px 5px 0px 5px;
		}

.sbarbody {
		padding: 0px 5px 0px 5px;
		}

.sbarbody2 {
		padding: 0 15px 0 15px;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
                 color: #222;
		}

div#sidebar a:hover {
		color: #6699FF !important;
		text-decoration: none;
		}

/*--SIDEBAR CALENDAR--*/

table.calendar {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		border: none;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		}

.sbarcalendarposts {
		border: 1px dashed #f5f5f5;
		background-color: #ddd;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.sbarcalendarposts:hover {
		border: 1px dashed #6699FF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

/*--SIDEBAR TITLES & LINKS--*/

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

li.sbaritem {
		padding-left: 15px;
		list-style: none;
		border-bottom: 1px dashed #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbaritem:hover {
		border-bottom: 1px dashed #6699FF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbartitle {
		padding-left: 0px;
		list-style: none;
		border: none;
		background: transparent;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px !important;
		color: #ccc;
		font-size: 25px;
		margin-bottom: 10px;
		margin-top: 10px;
		}

/*--FOOTER--*/

div#footer a, div#footer a:link, div#footer a:visited {
		color: #999;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#footer a:hover {
		color: #6699FF;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

#footer {
		font-family: arial black;
		font-size: 20px;
		letter-spacing: -1px !important;
		bottom: 0px;
		background: #ccc;
		color: #eee;
		padding: 5px 0;
		position: fixed;
		right: 0;
		text-align: center;
		width: 100%;
		z-index: 0;
		border-bottom: 0px solid #6699FF;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

#footer:hover {
		padding: 8px 0;
		border-bottom: 10px solid #6699FF;
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

ul.navfooter {
		padding: 0px;
		margin: 0px;
		}

ul.navfooter li {
		display: inline;
		margin: 0 5px 0 5px;
		}

.clearfoot {
		clear: both;
		}

/*--ARCHIVE--*/

ul.year {
		text-align: left;
		padding-bottom: 40px;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #ccc;
		font-size: 28px;
		font-weight: bold;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		background: #ddd;
		padding: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #999;
		font-size: 17px;
		font-weight: bold;
		}

table.yeartable td.yearday {
		background: transparent;
		text-align: center;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #999;
		font-size: 26px;
		font-weight: bold;
		}

td.yearmonth {
		padding-bottom: 20px;
		border-style: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #ccc;
		font-size: 23px;
		font-weight: bold;
		}

/*--COMMENT PAGE--*/

.datesubjectcomment {
		background-color: #eee;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		position: relative;
		border: none;
		top: -20px;
		left: 0px;
		padding: 0px;
		margin: 10px 10px -20px -110px;
		z-index: 0;
		float: left;
		width: normal !important;
		height: normal !important;
		border: 5px solid #ddd !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpiccomment:hover {
		border: 5px solid #6699FF !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.box {
		border: none;
		padding: 10px;
		clear: left;
		}

input, textarea {
		border: none;
		background: #eee;
		color: #555;
		padding: 3px;
		}

textarea.textbox  {
          	width: 100% !important;
   		}

.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: Tahoma;
		font-size: 11px;
		line-height: 125%;
		background-color: #111;
		color: #fff;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: tahoma;
		color: #444;
		}

.commentbox {
		border-bottom: 7px solid #ddd;
		padding: 10px;
		margin: 10px;
		background: #ddd;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #222;
		}

.datesubjectcomment a:hover {
		color: #333;
		}

.commentboxpartial {
		border: none;
		padding: 10px;
		margin: 10px;
		background-color: #ddd;
		border-bottom: 7px solid #ddd;
		}

.commentinfo {
		background-color: #111;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/*--MISC--*/

.lj-view-tags #maincontent > h2 {
		font-size: 25px; 
		font-family: arial black; 
		color: #222;
		padding-bottom: 20px; 
		}

.ljtaglist { 
		list-style-type: none; 
		margin-left: -25px;
		}

.clear {
		height: 15px;
		}

/* Generated by Malionette's Tiny Icon Generator */

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/ZIiIJ.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/H9iwO.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/qBKYp.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/jM7eU.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/qBKYp.png) no-repeat !important; padding: 16px 0 0 16px !important; }

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

/*--CONTROL STRIP--*/

.w-cs {
		background: #ccc;
		color: #ccc !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs A:link, .w-cs A:visited, .w-cs A:active {
		color: #111 !important;
		}

.w-cs A:hover {
		color: #6699FF !important;
		}

.w-cs .w-cs-userinfo {
		color: #ccc !important;
		background: #ccc;
		border-style: none;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs .w-cs-summary {
		background: #eee;
		}

.w-cs .w-cs-summary LI.w-cs-i-tokens {
		border: none;
		}

.w-cs .w-cs-status p {
		color: #333;
		}

Dark:

/*--Hanky Panky Dark by Tessisamess--*/
/*--Made On: June 2012--*/
/*--S2 Style: Flexible Squares--*/

body	{
		background: #171717 url() center repeat fixed;
		color: #000;
		font-family: Tahoma;
		line-height: 175%;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

a, a:link, a:visited {
		color: #eee;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

a:hover {
		color: #910033;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

p, td, blockquote {
	    	font-size: 11px;
		}

blockquote {
		background: #171717;
		color: #aaa;
		padding: 15px;
		-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}

h1 {
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 25px;
		font-weight: bold;
		margin-bottom: 0px;
		}

h2 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 22px;
		font-weight: bold;
		margin-bottom: -8px;
		}

h3 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 19px;
		font-weight: bold;
		margin-bottom: -2px;
		}

h4 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 17px;
		font-weight: bold;
		margin-bottom: -1px;
		}

h5 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -1px !important;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: -8px;
		}

hr {
		display: none;
		}

img { 
		max-width: 600px;
		}

/*--GENERAL--*/

#content {
		width: 80%;
		min-width: 900px;
		margin-left: auto; 
		margin-right: auto;
		background: transparent;
		border: none;
		padding: 15px;
		}

#maincontent {
		margin-top: 45px;
		font-family: Tahoma;
		font-size: 11px;
		background: transparent;
		color: #999;
		border: none;
		margin-right: 210px;
		text-align: left;
		}

#sidebar {

padding-top: 0px;
		margin-top: 30px;
		background: transparent;
		border: none;
	  	font-size: 11px;
	  	color: #999;
		width: 200px;
		float: right;
		text-align: left;
		}

/*--HEADER--*/

#header {
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin: 0px;
		text-align: right;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #333;
		font-size: 25px;
		font-weight: bold;
		border: none;
		background: transparent;
		}

div#header li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header a, div#header a:link, div#header a:visited {
		color: #333;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.title	{ 
		display: none;
		}

.subtitle{
		display: none;
		}

/*--HEADER NAV--*/

ul.navheader
		{
		padding: 0px;
		margin: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 3px 0 3px;
		}

/*--ENTRIES--*/

.subcontent {
		background: #222;
		border-bottom: 7px solid #444;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subcontent:hover {
		border-bottom: 7px solid #910033;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.entry	{
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background: #222;
		color: #999;
		font-family: Tahoma;
		font-size: 11px;
		text-align: left;
		border: none;
		}

.userpic img {
		width: normal;
		height: normal;
		border: 5px solid #222;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends img {
		width: normal;
		height: normal;
		border: 5px solid #222;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpic img:hover {
		border: 5px solid #910033 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

userpicfriends img:hover {
		border: 5px solid #910033 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends a font { 
		text-align: center !important;
		background: transparent; 
		color: #bbb; 
		font-family: arial; 
		font-size: 9px; 
		font-weight: normal !important; 
		}

.date {
		line-height: 200%;
		top: 5px;
		padding-right: 10px;
		font-family: arial black;
		text-align: right;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #1B1B1B;
		font-size: 18px;
		margin-bottom: -20px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.date:hover { 
		color: #444; 
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subject {
		font-weight: normal;
		padding: 10px;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #888;
		font-size: 27px;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #888;
		}

.subject a:hover {
		color: #910033;
		}

.datesubject {
		background: transparent;
		padding: 5px;
		}

.entry ul li {
		padding-left: 5px;
		margin-left: 15px;
		}

.entry ol li {
		padding-left: 5px;
		margin-left: 15px;
		}

/*--CURRENTS--*/

.currents, .currentmood, .currentmusic {
		font-family: arial black;
		font-size: 11px;
		margin-top: -10px;
		text-transform: lowercase;
		}

.currents {
		margin-left: -22px;
		}

.ljtags { 
		font-family: arial black;
		margin-top: 30px;
		margin-left: -22px;
		text-transform: lowercase;
		}

/*--COMMENTBAR--*/

div.comments a, div.comments a:link, div.comments a:visited {
		color: #888;
		}

div.comments a:hover {
		color: #910033;
		text-decoration: none;
		}

/*--SEPARATOR--*/

.separator {
		background: #171717;
		height: 35px;
		}

/*--SIDEBAR--*/

.defaultuserpic {
		text-align: center;
		}

.sbarheader {
		padding: 0px 5px 0px 5px;
		}

.sbarbody {
		padding: 0px 5px 0px 5px;
		}

.sbarbody2 {
		padding: 0 15px 0 15px;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
                 color: #ccc;
		}

div#sidebar a:hover {
		color: #910033 !important;
		text-decoration: none;
		}

/*--SIDEBAR CALENDAR--*/

table.calendar {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		border: none;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		}

.sbarcalendarposts {
		border: 1px dashed #111;
		background-color: #222;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.sbarcalendarposts:hover {
		border: 1px dashed #EF3C7B;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

/*--SIDEBAR TITLES & LINKS--*/

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

li.sbaritem {
		padding-left: 15px;
		list-style: none;
		border-bottom: 1px dashed #111;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbaritem:hover {
		border-bottom: 1px dashed #910033;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbartitle {
		padding-left: 0px;
		list-style: none;
		border: none;
		background: transparent;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px !important;
		color: #333;
		font-size: 25px;
		margin-bottom: 10px;
		margin-top: 10px;
		}

/*--FOOTER--*/

div#footer a, div#footer a:link, div#footer a:visited {
		color: #555;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#footer a:hover {
		color: #910033;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

#footer {
		font-family: arial black;
		font-size: 20px;
		letter-spacing: -1px !important;
		bottom: 0px;
		background: #333;
		color: #171717;
		padding: 5px 0;
		position: fixed;
		right: 0;
		text-align: center;
		width: 100%;
		z-index: 0;
		border-bottom: 0px solid #910033;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

#footer:hover {
		padding: 8px 0;
		border-bottom: 10px solid #910033;
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

ul.navfooter {
		padding: 0px;
		margin: 0px;
		}

ul.navfooter li {
		display: inline;
		margin: 0 5px 0 5px;
		}

.clearfoot {
		clear: both;
		}

/*--ARCHIVE--*/

ul.year {
		text-align: left;
		padding-bottom: 40px;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #333;
		font-size: 28px;
		font-weight: bold;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		background: #222;
		padding: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #555;
		font-size: 17px;
		font-weight: bold;
		}

table.yeartable td.yearday {
		background: transparent;
		text-align: center;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #555;
		font-size: 26px;
		font-weight: bold;
		}

td.yearmonth {
		padding-bottom: 20px;
		border-style: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #333;
		font-size: 23px;
		font-weight: bold;
		}

/*--COMMENT PAGE--*/

.datesubjectcomment {
		background-color: #171717;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		position: relative;
		border: none;
		top: -20px;
		left: 0px;
		padding: 0px;
		margin: 10px 10px -20px -110px;
		z-index: 0;
		float: left;
		width: normal !important;
		height: normal !important;
		border: 5px solid #222 !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpiccomment:hover {
		border: 5px solid #910033 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.box {
		border: none;
		padding: 10px;
		clear: left;
		}

input, textarea {
		border: none;
		background: #444;
		color: #aaa;
		padding: 3px;
		}

textarea.textbox  {
          	width: 100% !important;
   		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: tahoma;
		color: #999;
		}

.commentbox {
		border-bottom: 7px solid #444;
		padding: 10px;
		margin: 10px;
		background: #222;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #ccc;
		}

.datesubjectcomment a:hover {
		color: #aaa;
		}

.commentboxpartial {
		border: none;
		padding: 10px;
		margin: 10px;
		background-color: #222;
		border-bottom: 7px solid #444;
		}

.commentinfo {
		background-color: #ccc;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/*--MISC--*/

.lj-view-tags #maincontent > h2 {
		font-size: 25px; 
		font-family: arial black; 
		color: #ccc;
		padding-bottom: 20px; 
		}

.ljtaglist { 
		list-style-type: none; 
		margin-left: -25px;
		}

.clear {
		height: 15px;
		}

/* Generated by Malionette's Tiny Icon Generator */

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000kwxz) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000pbb7) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000sx65) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000r8zh) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000sx65) no-repeat !important; padding: 16px 0 0 16px !important; }

img[src*="img/icon_sticky.png"] {
		width: 0 !important; 
		height: 0 !important;
		background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000qx5s) no-repeat !important; 
		padding: 16px 0 0 17px !important; 
		}

/*--CONTROL STRIP--*/

.w-cs {
		background: #222;
		color: #ccc !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs A:link, .w-cs A:visited, .w-cs A:active {
		color: #f5f5f5 !important;
		}

.w-cs A:hover {
		color: #910033 !important;
		}

.w-cs .w-cs-userinfo {
		color: #ccc !important;
		background: #222;
		border-style: none;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs .w-cs-summary {
		background: #171717;
		}

.w-cs .w-cs-summary LI.w-cs-i-tokens {
		border: none;
		}

.w-cs .w-cs-status p {
		color: #bbb;
		}

Any help at all would be greatly appreciated. Thank you.

Tags:

ravensson

I'm having a strange problem in Flexible Squares. I could have sworn this setup used to work for making a quick reply box pop up, without having to reload the page, but I haven't messed with Flexible Squares on DW in well over a year. I had the old code I used for the custom layer and for my CSS, I imported my CSS from LJ. Now, I can't actually reply to any comments on the post itself. It reloads the page to a new reply page. I suspect it might be a problem with my custom layer, but I have no idea where to look for it.

Layer code is here.

Problem solved! There was a problem with my theme layer that was keeping the quick reply box from working. I found another version of the theme layer code by

crush that seems to have fixed the problem.

Tags:

fairwells

Hi, I'm using Prized theme for my layout. I'm trying to fix my reply page. The Quick reply form works fine, but when I click reply the colors are the same color as my page background color.

I figured out how to fix the message area color by textarea#commenttext {background-color: #fff;} But how can I change the color for my subject line and put borders and different colors around the buttons?

Any help on this matter would be greatly appreciated. I'm new to dreamwidth and I'm not familiar with DW's functions so that I can apply the correct CSS.

Thank you in advance =)

Current Mood: confused

Tags:

comments: reply form

aldro

I would like to change the font size of text written in the reply form on the comment pages, as it's very tiny now. Yet I can't figure out what code in my CSS covers that section, so I don't know what to change. I'm hoping that anyone here can help me out. Thanks in advance!

Oh, and just in case... Here's my CSS.

/* Five AM */
/* A Dreamwidth Tabula Rasa Layout */
/* Variable width; one column, two column-left, two colum-right page setups */
/* by w i n t e r f i s h */

* {margin: 0; padding: 0; font-size: 100%;}
html {font-size: 100%;}

body {
	margin: 0;
    padding: 0;
    color: #555;
	font-family: verdana, helvetica, sans-serif;
	font-size: 60%;
        text-align: justify;
        padding: 0;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal; font-family: calibri, arial, helvetica, sans-serif; color: #464646;}

img {border: none;}

hr {display: ;}

p {margin: 1em 0;}

blockquote {
	margin: 1em 0;
	padding: 2em 1em 2em 6.5em !important;
        line-height: 1.4em;
        border-top: 4px solid #252525 !important;
        border-bottom: 4px solid #252525 !important;
        background: url(http://pics.livejournal.com/winterfish/pic/00109cgq) top left no-repeat #ffffff;
}

input, textarea, select {
	color: #555;
    background: #fff;
	border: 1px solid #aaa;
}

pre {
	font-size: 1.4em;
}

#qrform {
	margin-top: 1em !important;
}

/* ----- LINKS ----- */

a, a:link, a:active, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #D6641D;
}

a:hover {color: #93CEDC;}

.module  a, .module h2 a, .module  h2 {color: #252525;}
.module a:hover, .module h2 a:hover {color: #93c9d2;}

.module-calendar td a, .module-powered a, .manage-tags-link a, .manage-link a {color: #D6641D;}
.module-calendar td a:hover, .module-powered a:hover, .manage-tags-link a:hover{color: #93c9d2;}

.entry-title  a, .datetime a {color: #252525;}
.entry-title  a:hover, .datetime a:hover {color: #93c9d2;}

.entry-content a, .comment-content a {color: #D6641D;}
.entry-content a:visited, .comment-content a:visited {color: #63a0b7;}
.entry-content a:hover, .comment-content a:hover {color: #93c9d2;}

.entry-content .ljuser a, .comment-content .ljuser a {color: #6DB4C1; font-size: 0.9em;}
.entry-content .ljuser a:hover, .comment-content .ljuser a:hover {color: #93c9d2;}

.entry-poster .ljuser a, .comment-poster .ljuser a, .module-pagesummary .ljuser a {color: #D6641D;}
.entry-poster a:hover, .comment-poster .ljuser a:hover, .module-pagesummary .ljuser a:hover {color: #93c9d2;}

.entry-interaction-links li a, .entry-management-links li a {color: #555555;}
.entry-interaction-links li a:hover, .entry-management-links li a:hover {color: #929292;}

.comment .comment-title a {color: #D6641D;}
.comment .comment-title a:hover {color: #93c9d2;}

.comment-interaction-links a, .comment-management-links a {color: #252525;}
.comment-interaction-links a:hover, .comment-management-links a:hover {color: #93c9d2;}

/* ----- PAGE SETUP ----- */

.one-column #content { float: none; }
.two-columns-left #content {
    border-left: 20em solid transparent;
}

.two-columns-right #content {
    border-right: 20em solid transparent;
}

#primary {
    float: left;
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

.one-column  #primary > .inner:first-child {
    padding: 1em;
}
.two-columns-left #primary > .inner:first-child {
    padding: 1em 1em 1em 3em; /* adjust space btwn sidebar and entries */
}

.two-columns-right #primary > .inner:first-child {
    padding: 1em 3em 1em 1em; /* adjust space btwn sidebar and entries */
}

.one-column #secondary { width: 20em; margin-top: -4em;}
.two-columns-left #secondary {
    float: left;
    width: 20em;
    margin-left: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

.two-columns-right #secondary {
    float: right;
    width: 20em;
    margin-right: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

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

#tertiary {
	padding-top: 0;
	padding-bottom: 3em;
}

.one-column #tertiary { width: 100%;}
.two-columns-left #tertiary, .two-columns-right #tertiary {
    clear: both;}
.two-columns-left #tertiary { margin-left: -20em; padding-top: 1em;}
.two-columns-right #tertiary { margin-right: -20em; padding-top: 1em;}

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

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

/* ----- CANVAS ----- */

#canvas {
	font-size: 1.2em;
}

#canvas > .inner:first-child {
	margin: 0 5% auto;
}

/* ----- HEADER & FOOTER ----- */

#header, #footer {
    margin: 0;
    clear: both;
	text-transform: ;
}

#header {
    margin-top: 5em;
	text-align: left;
    background: #fff;
}

#header .inner {
    margin: 0 1em;
	padding: 1em 0 2em 0;
	border-top: 2px solid #252525;
	border-bottom: 2px solid #252525;
}

#footer {
	margin: 0 5%;
}

#footer .inner {
	margin: 0 .8em;
	padding: 2em 0;
	text-align: left;
	font-size: 1.2em;
	border-top: 2px solid #252525;
}

h1#title {
	margin-top: .5em;
	color: #404040; 
	font-size: 2.8em;
}

h1#title:first-letter {color:#}

h2#subtitle {
	margin-top: -.4em;
	color: #404040; 
	font-size: 1.7em;
}

h2#pagetitle {display: none;}

#footer a {  }
#footer a:active {  }
#footer a:hover {  }
#footer a:visited {  }

/* ----- MAIN MENU ----- */

.module-navlinks ul {
	position: absolute;
	top: 0;
	padding: 2em 0 1em 0;
	text-align: left;
}

.two-columns-right .module-navlinks ul {
	left: 5%;
	padding-left: .5em;
}

.has-navstrip .module-navlinks ul {
	position: absolute;
	top: 50px;
}

.one-column .module-navlinks ul {margin-left: -10px;}
.two-columns-left .module-navlinks ul {margin-left: -10px;}
.two-columns-right .module-navlinks ul {margin-left: 0;}

.module-navlinks li {
	display:inline;
	padding: 0 .5em !important;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.7em;
	text-transform: ;
}

/* ------ MODULES ----- */

.module {
	margin-bottom: 2.5em;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.1em;
}

.one-column #secondary  .module {
	padding-left: 0;
	padding-right: 0;
}

.two-columns-left #secondary .module {
	padding-left: 0;
	padding-right: 0;
}

.one-column #tertiary .module, .two-columns-left #tertiary .module, .two-columns-right #tertiary .module {
	margin: 0 2em 1em 0;
	padding-bottom: 2em;
	float: left;
	width: 20em;
	max-height: 280px;
	overflow: auto;
}

.module h2 {
	padding-top: .8em;
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal !important;
	text-transform: ;
	border-top: 1px solid #252525;
}

.module-content {
	padding-top: .8em
}

.module-content ul {
	list-style-type: none;
	padding-left: 0;
}

.module-content li {
    padding: .3em 0;
}

/* --- User Info --- */

.module-userprofile .journal-name {display: none;}

.module-userprofile .userpic {
	padding: 0;
	width: 110px;
	height: 110px;
}

.module-userprofile .userpic img {
	padding: 5px;
	border: 1px solid #252525;
    background: #252525;
}

.module-userprofile .journal-website-name {
	padding-top: 0.8em;
}

ul.userlite-interaction-links {
	list-style: none;
	padding-top: 1em;
}
ul.userlite-interaction-links li { 
	display: block;
}

/* --- sidebar calendar --- */

.module-calendar .module-content {
	padding-top: 1em;
}

.module-calendar table {
	text-align: center;
	width: 100%;
}

.module-calendar th, .module-calendar td {
	height: 2em;
	line-height: 2em;
	border: 1px solid #ccc;
}

.module-calendar td a {
	display: block;
	text-align: center;
	background: #e9e9e9;
}

.module-calendar td a:hover {
	background: #fff;
}

/* --- Page Summary --- */

.module-pagesummary .module-content a img {
	display: none;
}

/* multi-level tags list */

.module-tags_multilevel li {
	list-style-type: none;
    margin-left: 0;
	padding-left: 0;
}

.module-tags_multilevel li ul li {
	margin-left: -0.5em;
	padding-left: 2em;
}

/* tags cloud */

.module-tags_cloud .module-list, .module-tags_cloud .module-list ul, .module-tags_cloud .module-list-item {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

.module-tags_cloud .module-list {
	line-height: 1.8em;
}

.module-tags_cloud .module-list a {
	text-decoration: underline;
}

.manage-tags-link, .manage-link {
	padding-top: .8em;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: ;
}

/* powered by, page generated */

.module-powered, .module-time { 
	padding-top: .8em;
    border-top: 1px solid #252525;
}

.module-time {font-size: .9em;}

/* ----- NAVIGATION ----- */

.navigation {
	margin-top: -1.5em;
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.3em;
	text-transform: ;
	text-align: right;
}

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

.page-day .navigation .page-forward:before {
        content: "|  ";
}

.page-day .navigation .page-forward a {
        padding-left: .6em;
}

.topnav {
        min-height: 1.2em;
}

.bottomnav {
    padding-top: 0;
}

.page-archive .bottomnav, .page-month .bottomnav {
        border-top: 0;
        padding-top: 0;
}

/* ----- CONTENT ----- */

#content {
	margin: 0;
    padding: 2em 0 0 0;
	background: #fff;
}

/* line up top of entry with sidebar */
.page-entry .entry-wrapper, .page-tags .tags-container {margin-top: .7em;}

/* ----- ENTRIES ----- */

.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol {
	margin: 1em 1em 1em 3em;
}

.entry-wrapper {
	margin: 1em 0 4em 0; 
	font-size: 1em;
}

.entry .header {
	padding: 1em 0 0em 0;
	border-top: 1px solid #252525;
}

.entry .entry-title {
    display: inline;
	margin: 0;
	padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
        font-weight: bold;
	font-size: 1.5em;
}

.entry .access-filter img, .entry .restrictions img {
	display: inline;
	padding-left: .5em;
}

.entry .datetime {
    float: right;
	display: inline-block;
	margin-top: .2em; /* ---height hack ----- */
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.25em;
	text-transform: none;
    color: #464646;
}

.entry .date:after {content: " | ";}

.entry .contents {
	margin-top: .5em;
	padding: 0;
	line-height: 1.45em;
}

.has-userpic .entry .contents {
	min-height: 140px;
	margin-right: 120px;
	padding-right: 2em;
}

/* ------- entry userpics ------- */

.entry .userpic {
	float: right;
	clear: right;
	margin-right: -140px;
margin-top: 1em;
	text-align: center;
	width: 110px;
}

.contents .userpic img {
	padding: 5px;
	border: 1px solid #404040;
	background: #404040;
}

.entry .poster {
    padding-bottom: 2em;
	font-size: 1em;
    color: #004767;
    display: block;
}

.entry-content {
	margin-top: -1em;
	padding: 0 0 2em 0;
}

.entry-content, .comment-content {font-size: 1.1em;}

/* ----- METADATA ----- */

.metadata {
	padding: 0 0 1em 0;
	font-size: 0.9em;
	line-height: 1.2em;
}

.metadata-label {
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
}

.metadata ul {
	list-style: none;
}

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

.metadata-item-xpost a {padding-right: .5em;}

.entry .footer {
	clear: left;
}

/* ----- ENTRY FOOTER ----- */

.tag {
	padding: 0 0 .7em 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.1em;
    line-height: 1.2em;
	text-transform: ;
	border-top: 0px solid #252525;
}

.tag-text {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
}

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

/* ------ entry links bar ----- */

.entry-management-links {
	float: left;
	list-style: none;
	padding: 1em 0 1em .5em;
}

.entry-interaction-links {
	list-style: none;
	text-align: right;
	padding: 1em .5em 1em 0;
        background: #e9e9e9;
}

.entry-interaction-links li, .entry-management-links li { 
	display: inline;
	padding: .5em !important;
        font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: ;
}

/* ------ COMMENTS ----- */

.comment-pages {
	text-align: center;
	padding-top: 0;
	padding-bottom: 1em;
}

#comments {
	margin-top: -2em;
	padding-top: 1em;
	background: #fff;
}

.comment-wrapper {
	margin: .5em 0 0 0;
	padding: .5em 0;
	font-size: 1em;
	border-top: 1px solid #252525;
}

.partial {        
        padding: .3em 0 !important;
		font-size: 1em;
}

.partial .comment {
    display: inline !important;
	padding: 1em 0;
	font-size: 1em;
}
.partial .comment-title {
	display: inline !important;
	font-size: 1.2em !important;
}

.comment-title h4 {
	display: inline !important;
    padding-right: 0.5em;
}

.comment {}

.comment .comment-title {
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.3em;
	font-weight: normal;
}

.comment .header .datetime {
	padding: 0 0 .5em 0;
	font-size: 0.9em;
	text-transform: uppercase;
}

.comment .contents {
	clear: both;
	text-align: left;
	line-height: 1.45em;
	padding: .5em 0;
}

.comment .userpic {
	margin-right: 1em;
    padding-right: 0.5em;
	float: left;
	text-align: center;
	width: 110px;
	background: #fff;
}

.comment .poster {
	margin: 0;
	font-size: 1em !important;
}

.comment-poster .anonymous {
	color: #6DB4C1 !important;
	font-weight: bold;
}

.comment .poster-ip {
	font-size: 1em;
	color: #6DB4C1;
}

.comment-content {padding: .8em 0 .5em 0;}

/* ------ comment links bar ----- */

.comment .footer {
        clear: left;
        padding: .5em .5em 0 .5em;
}

.comment .multiform-checkbox {
	float: right;
	margin-top: -1px; /* line up the checkbox */
	padding-left: .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
}

.comment-interaction-links {
	list-style: none;
	padding-bottom: 1em;
	font-size: 0.9em;
	text-align: right;
}

.comment-interaction-links li, .comment-management-links li {
	display: inline;
	padding: 0 .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
	border-right: 1px solid #ccc;
}

.comment-management-links {
	list-style: none;
	font-size: 0.9em;
	float: right;
}

.comment-management-links li:first-child {
	border-left: 0;
}

.edittime {
     padding-top: 1em;
     color: #93CEDC;
}

.bottomcomment {
	margin: 0;
	padding: 2.2em 0 .5em 0;
    text-align: center;
}

.bottomcomment .entry-interaction-links{
    margin-bottom: 1.5em;
}

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

/* --- DAY PAGE --- */

#archive-day .day {
	margin: 1em 0 0 0;
	border-top: 1px solid #252525;
}

h3.day-date {
    margin-left: 0;
    padding-top: 1em;
	font-size: 1.4em;
	font-family: calibri, arial, helvetica, sans-serif;
}

/* ----- VIEW BY MONTH PAGE ----- */

#archive-month .topnav {display: none;}

#archive-month .month {
	margin-top: .7em;
	padding: 1em 2em 0 2em;
	border-top: 1px solid #252525;
}

.month h3.entry-title {
        font-family: calibri, arial, helvetica, sans-serif;
		font-size: 1.3em;
}

dd.month { display: inline; }

.month .datetime, .month .access-filter, .month .entry-title {
	display: inline;
	margin: 0;
	padding-right: 5px;
}

.month .tag {
    padding-top: 0;
	padding-left: 0;
	border-top: none;
}

#archive-month .navigation {
	text-align: center;
}

#archive-month .bottomnav {
       margin-top: .5em;
}

.navigation .month-back, .navigation .month-forward {
	display: inline;
	list-style-type: none;
	text-align: center;
}

/* ------- ARCHIVE PAGE ------- */

#archive-year {
	padding: 0 4em 2em 4em; 
	background: #ffffff;
}

#archive-year .navigation {
	text-align: center;
}

.page-archive .bottomnav {padding-top: 1em;}

.month-wrapper {
	margin: 1.5em 0;
}

.month-wrapper .header {
    padding: 0 0 .5em 2em;	
	font-size: 1.2em;
}

.month-wrapper .contents caption {display: none;}

table.month {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.month-wrapper th {
	padding: 0.5em;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
    font-weight: normal;
	height: 4em;
}

.month-wrapper td {	
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 4em;
	height: 4em;
}

.month-wrapper td:first-child, .month-wrapper th:first-child {	
	border-left: 1px solid #aaa;
}

.month-wrapper .day-has-entries {
	background-color: #e9e9e9;
}

.month-wrapper .day-has-entries a {
        font-size: 1.3em;
}

.month-wrapper .day-has-entries:hover {
	background-color: #fff;
}

.month-wrapper .label {font-weight: normal;}

.month-wrapper .footer {
    padding-top: 1em;
    padding-right: 2.5em;
	text-align: right;
	font-size: 1.1em;
	text-transform: none;
}

/* ------- TAG PAGE ------- */

.tags-container {
	margin-top: .7em !important; /* --- height hack --- */
	padding: 0 1em;
	border-top: 1px solid #252525;
}

.tags-container h2 {
	padding: .5em 0 1em 0;
	font-family: calibri, arial, helvetica, sans-serif;
}

.tags-container .ljtaglist {
	margin-left: 3em;
	line-height: 1.8em;
}

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

.tags-container .manage-tags-link {
	margin-bottom: 1em;
}

.page-tags .tags_cloud ul, .page-tags .tags_cloud li {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

/* ----------------- NAVBAR ----------------- */

#lj_controlstrip {
       background: #000000;
       border-bottom: 1px solid #878080;
}

#lj_controlstrip td {
    color: #989898;
}

#lj_controlstrip a {
       color: #f1f1f1;
}

#lj_controlstrip_statustext, #lj_controlstrip .ljuser a {
       color: #D6641D;
}

#lj_controlstrip_user,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic,
#lj_controlstrip_actionlinks
{
    border-right: 1px solid #878080;
}

/*--- paste any additional css overrides below this line ---*/

.tag-text { display: none; }
div.tag ul { background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/Tag.png') no-repeat center left; padding: 16px 16px 16px 16px;margin: -2px;
}

.entry-content hr,
.comment-content hr {
margin: 0;
}

.ljuser img {
width: 0;
height: 0;
background: url(http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png);
padding: 0 0 16px 18px;
}

img[src*='user.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png') no-repeat; 
vertical-align: middle !important;
}

img[src*='user.png'], img[src*='lj-userinfo.gif'], img[src*='userinfo.gif'], img[src*='user_other.png'], img[src*='user_staff.png'], img[src*='.ico'] { 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png') no-repeat bottom left;
padding: 0 0 16px 18px;
}

img[src*='community.png'], img[src*='community.gif'], img[src*='comm_staff.png'] { 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/Directions.png') no-repeat bottom left;
padding: 0 0 16px 18px;
width: 0; height: 0;  
}

Tags:

valiha

(OK, I fumbled this one and posted it to the wrong comm, so this time I'm double checking to make sure it goes to the right location)

My question is this: I would like to style replies and IP address notifications for

mag7wallpapers.

Using Firebug I discovered that span.de is what I needed to style. I followed the instructions used on this web page but the result wasn't exactly what I was hoping for. The notice now covers the Post comment, Preview and More options buttons, and I can't figure out how to separate the two.

I would also like to lower the Quote button next to Subject, or move it up - make that whole area neater, because the elements are all over the place - if it can be done. And also, have the notice expand to the width of the textarea.

(click to enlarge)

Help?

Original css:

/*
Layout: TOP OF THE CLASS 
Theme: STUDIOUS

CREDITS
CSS: Sarken - http://sarken.dreamwidth.org/1751138.html
Icons: Yusuke Kamiyamane - http://p.yusukekamiyamane.com/
Colors: Mgine - http://www.colourlovers.com/palette/1305411
*/

body {
background-color: #3D3E40;
color: #222;
font-family: 'Lucida Grande', Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
}

a {
color: #3D3E40;
}

a:hover {
color: #3D3E40;
}

a:visited {
color: #3D3E40;
}

#canvas {
margin: 11em auto 0;
padding: 0;
}

#primary {
background-color: #9EBFB8;
width: 100%;
padding: .5em 0 .25em 0;
margin: 0 auto;
clear: both;
}

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

.one-column #secondary {
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 75%;
padding-bottom: .5em;
color: #DBD5CC;
z-index: 50;
}

.has-navstrip #secondary {
position: absolute;
top: 50px;
left: 0;
width: 100%;
font-size: 75%;
padding-bottom: .5em;
color: #DBD5CC;
z-index: 50;
}

#secondary .inner {
margin: 0 2em 0 0;
padding: 0;
}

#secondary > .inner:first-child {
padding: 0;
margin: 0 0 0 -2em;
}

.one-column #tertiary {
clear: both;
margin: .5em auto 1em auto;
width: 100%;
font-size: 75%;
color: #DBD5CC;
}

#tertiary .inner {
margin: 0 2em 0 0;
padding: 0;
}

#tertiary > .inner:first-child {
padding: 0;
margin: 0 0 0 -2em;
}

/*HEADER*/

#header {
position: absolute;
top: 0;
left: 2em;
padding: 0;
margin: .5em;
background-color: transparent;
color: #ECE4DC;
width: 20%;
height: 11em;
z-index: 20;
}

.has-navstrip #header {
position: absolute;
top: 45px;
left: 2em;
}

#header > .inner {
padding: 0;
margin: 0;
text-align: center;
}

h1#title {
padding: 0;
margin: .5em 0 0 0;
font-style: italic;
font-family: Georgia, serif;
font-weight: normal;
font-size: 140%;
}

h2#subtitle {
padding: 0;
margin: 0;
font-family: 'Lucida Grande', Helvetica, sans-serif;
font-weight: normal;
font-size: 90%;
}

h2#pagetitle {
display: none;
}

/*ALL MODULE SECTIONS*/

.module {
margin: 0;
padding: 0;
border: 0;
}

.module a {
color: #D94848;
text-decoration: none;
}

.module a:visited {
color: #82BCB0;
}

.module a:hover {
color: #E0D9D1;
text-decoration: underline;
}

.module .module-header {
color: #93BFB7;
padding-bottom: 0px;
border-bottom: 1px #6C6E72 dotted;
width: 95%;
}

.module .module-header a {
color: #93BFB7;
width: 95%;
}

.module .module-content {
width: 94%;
}

div.module-calendar .module-content a {
text-decoration: underline;
}

div.module-calendar .module-content td.entry-day, div.module-calendar .module-content td.empty-day {
border: 1px #4E4F52 solid;
}

.module-userprofile .module-content {
text-align: center;
min-height: 100px;
}

.module-userprofile .userpic {
float: left;
margin-right: .75em;
padding: 2px;
}

.module-userprofile .userpic img {
width: 65px;
height: 65px;
padding: 4px;
border: 1px #4E4F52 solid;
}

.module-userprofile .journal-name {
padding-top: 20px;
}

.module-userprofile ul.userlite-interaction-links {
margin-top: .25em;
}

/*TOP MODULES*/

#secondary .module {
float: right;
width: 24%;
background-color: #3D3E40;
}

#secondary div.module-navlinks ul.module-list {
padding: .75em 0 0 0;
margin: 0;
}

#secondary div.module-navlinks ul.module-list li {
list-style: none;
}

#secondary div.module-navlinks ul.module-list li a {
display: block;
background-color: #BA3E3E;
text-align: center;
color: #F8F3EC;
}

#secondary div.module-calendar .module-content {
font-size: 75%;
padding-bottom: 0;
}

#secondary .module-typelist .module-header {
text-align: center;
}

#secondary .module-typelist .module-content {
text-align: center;
}

#secondary .module-typelist .module-content ul {
margin: 0;
padding: 0;
}

#secondary .module-typelist .module-content ul li {
list-style: none;
margin: .15em 0;
}

/*NAVIGATION TOP*/

.topnav {
margin: 0 10%;
text-align: left;
}

/*ENTRIES*/

div.entry {
background-color: #BA3E3E;
padding: 0;
width: 70%;
margin: 0 auto 2em auto;
border: 0;
}

div.entry > div.inner {
background-color: #F8F3EC;
padding: 0;
margin: 0 140px 0 0;
border: 0;
}

div.entry div.header {
letter-spacing: 1px;
padding: .5em .5em .5em .65em;
margin: 0 0;
background-color: #F8F3EC;
}

div.entry div.header a {
text-decoration: none;
}

div.entry h3.entry-title {
font-size: 150%;
padding: .15em 0;
margin: 0 0 0 0;
color: #4E4F52;
}

div.entry h3.entry-title a {
color: #4E4F52;
}

div.entry h3.entry-title a:hover {
color: #93BFB7;
}

div.entry span.datetime {
text-transform: uppercase;
padding: 0;
font-size: 75%;
color: #AAA;
}

div.entry span.datetime a {
color: #AAA;
}

div.entry span.access-filter img {
display: none;
}

div.entry span.restrictions img {
display: none;
}

div.entry-content {
margin: 0 0;
padding: .75em 1.5em 2em 1.5em;
text-align: justify;
min-height: 80px;
background-color: #F8F3EC;
font-size: 95%;
color: #222;
}

div.entry-content a {
color: #67A89B;
}

div.entry-content a:hover {
color: #67A89B;
}

div.entry div.userpic {
float: right;
clear: left;
margin: 0 -140px 0 0;
width: 140px;
text-align: center;
}

div.entry div.userpic img {
padding: 4px;
margin-top: -30px;
margin-bottom: 2px;
border: 1px solid #D94848;
}

div.entry span.poster {
float: right;
clear: both;
text-align: center;
margin: 0 -139px 0 0;
font-size: 60%;
width: 138px;
color: #222;
}

div.entry span.poster a {
color: #F8F3EC;
font-weight: normal;
text-decoration: none;
}

div.entry span.poster img {
display: none;
}

div.entry div.metadata {
font-size: 80%;
margin: 0 0;
padding: 0 0 0 1.5em;
color: #BFBFBF;
background-color: #F8F3EC;
}

div.entry div.metadata span.metadata-item {
color: #BA3E3E;
}

div.entry div.metadata ul, div.entry div.metadata ul li {
margin-bottom: 0;
}

div.entry div.footer {
margin: 0 0;
padding: 0 1em .75em 1.5em;
background-color: #F8F3EC;
}

div.entry div.footer div.tag {
color: #BFBFBF;
font-size: 80%;
margin: 0 0 0 0;
}

div.entry div.footer div.tag ul li a {
color: #4E4F52;
}

ul.entry-management-links {
margin: 0;
padding-top: .85em;
text-align: center;
}

ul.entry-interaction-links {
margin: 0;
text-align: center;
}

ul.entry-management-links a, ul.entry-management-links a:hover, ul.entry-management-links a:visited, ul.entry-interaction-links a, 
ul.entry-interaction-links a:hover, ul.entry-interaction-links a:visited {
color: #BA3E3E;
}

/*COMMENTS*/

#comments {
width: 70%;
margin: 0 auto;
padding: 0;
}

div.comment {
background-color: #F8F3EC;
border-bottom: .25em #BA3E3E solid;
margin: 0;
padding: 0;
}

.comment-wrapper-even div.comment {
border-bottom: .25em #3D3E40 solid;
}

div.comment div.header {
margin: 0;
font-size: 80%;
background-color: #BA3E3E;
}

.comment-wrapper-even div.comment div.header {
background-color: #3D3E40;
color: #F8F3EC;
}

div.comment div.comment-title {
background-color: #9EBFB8;
}

div.comment div.comment-title h4 a {
padding: .25em .25em 0 .25em;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
font-size: 110%;
color: #222;
}

div.comment span.datetime {
padding: .25em .25em 0 .25em;
margin: 0;
}

div.comment span.poster {
font-size: 80%;
}

div.comment span.poster-ip {
font-size: 80%;
color: #3D3E40;
}

div.comment div.contents {
padding: 0 0 0 .25em;
margin: 0;
}

div.comment div.userpic {
float: right;
width: 76px;
text-align: center;
margin: .5em;
}

div.comment div.userpic img {
width: 70px;
height: 70px;
border: 3px #DBD5CC solid;
}

div.comment div.comment-content {
margin: 0;
padding: 1em 0 .5em .75em;
font-size: 95%;
}

div.comment div.footer {
margin: 0;
clear: both;
padding: .5em .25em;
text-align: right;
font-size: 80%;
text-transform: uppercase;
}

ul.comment-management-links {
margin: 0;
text-align: center;
}

ul.comment-interaction-links {
margin: 0;
text-align: center;
}

ul.comment-management-links a, ul.comment-management-links a:hover, ul.comment-management-links a:visited, ul.comment-interaction-links a, 
ul.comment-interaction-links a:hover, ul.comment-interaction-links a:visited {
color: #BA3E3E;
}

/*REPLY PAGE*/

.page-reply .comment {
width: 70%;
margin: 0 auto 1em auto;
border: 0;
background-color: #F8F3EC;
}

#qrform table { 
border: 0 !important;
}

table.talkform {
width: 70%;
padding: 0 2em;
border-top: .75em solid #BA3E3E;
border-bottom: .35em solid #BA3E3E;  
background-color: #F8F3EC; 
margin: 0 auto;
}

input, select, textarea {
border: 1px solid #BA3E3E;
background-color: #F8F3EC;
}

/*NAVIGATION BOTTOM*/

.bottomcomment {
padding-bottom: 1em;
text-align: center;
}

.bottomcomment ul {
padding-bottom: .75em;
}

.bottomcomment ul a, .bottomcomment ul a:visited {
color: #3D3E40;
}

.bottomnav {
margin: 0 10% 0 0;
padding-bottom: .4em;
text-align: right;
}

/*BOTTOM MODULES*/

#tertiary .module {
float: right;
width: 24%;
margin: 0 0 1em 0;
}

#tertiary .module .module-content ul {
list-style-position: inside;
}

#tertiary .module-tags_cloud {
width: 48%;
}

#tertiary .module-tags_cloud .module-content {
text-align: justify;
margin: 0;
padding: 0 1.5em;
}

#tertiary .module-tags_cloud .module-content ul {
margin: 0;
padding: 0 1.5em 0 0;
}

#tertiary .module-tags_cloud .manage-tags-link {
text-align: right;
text-transform: uppercase;
margin-bottom: .75em;
}

#tertiary .module-active .module-content ul.module-list {
list-style-type: none;
list-style-position: outside;
}

#tertiary .module-time, #tertiary .module-powered, #tertiary .module-syndicate {
clear: both;
margin: 0 0 1em 0;
width: 95%;
}

#tertiary .module-syndicate .module-header {
display: none;
}

#tertiary .module-time .module-content, #tertiary .module-powered .module-content, #tertiary .module-syndicate .module-content {
text-align: right;
text-transform: uppercase;
font-size: 90%;
}

/*FOOTER*/

#footer {
text-align: center;
font-size: 80%;
text-transform: uppercase;
background-color: #3D3E40;
}

#footer a {
color: #ECE4DC;
}

/*ARCHIVE*/

.page-archive div.month {
margin: .25em auto 1.75em auto;
padding: 0;
width: 70%;
float: none;
margin: .25em auto 1.75em auto;
background-color: #F8F3EC;
}

.page-archive div.month h3 {
background-color: #3D3E40;
color: #F8F3EC;
padding: 0 .5em;
}

.page-archive div.month table { 
width: 70%; 
margin: 1em auto;
}

.page-archive div.month td {
border: 1px #D94848 solid;
}

.page-archive div.month th {
text-align: center; 
margin: 0 2px; 
font-weight: normal;
border: 1px #D94848 solid; 
}

.page-archive div.month td.day-has-entries p { 
padding: 0 0 0 5px; 
margin: 0; 
display: inline; 
}

.page-archive div.month div.footer {
text-align: right;
padding: .5em;
}

.page-month #archive-month { 
background-color: #F8F3EC;
width: 70%;
margin: 0 auto;
clear: both;
}

.page-month #archive-month > .inner {
margin: .5em 2em;
padding-top: .5em;
}

.page-month dt a {
font-size: 110%;
color: #4E4F52;
}

.page-month dd {
border-bottom: 1px dotted #DBD5CC;
margin-bottom: .75em;
}

.page-month .month div.tag {
margin-left: .75em;
font-size: 85%;
}

.page-day h3.day-date {
text-align: center;
}

/*TAGS PAGE*/

.page-tags .tags-container {
margin: 1em auto;
width: 70%;
padding: 0;
background-color: #F8F3EC;
}

.page-tags .tags-container h2 { 
padding: 0 .5em; 
margin: 0;
background-color: #BA3E3E;
color: #F8F3EC;
}

.page-tags .ljtaglist ul {
list-position: inside;
}

.page-tags .manage-tags-link {
text-align: right;
padding: 0 .5em .5em .5em;
}

/*LOCKED AND RESTRICTED ENTRIES*/

img[src*='locked.png'], img[src*='filtered.png'], img[src*='private.png'], img[src*='icon_18.png'], img[src*='icon_nsfw.png'] {
width: 0;
height: 0;
padding: 0 5px 18px 0;
}

.security-protected .entry .entry-title, img[src*='locked.png']{
padding-left: 20px;
background: transparent url('http://yoursite/images/securityprotected.png') no-repeat center left;
}

.security-filtered .entry .entry-title, img[src*='filtered.png'] {
padding-left: 20px;
background: transparent url('http://yoursite/images/securityfiltered.png') no-repeat center left;
}

.security-private .entry .entry-title, img[src*='private.png'] {
padding-left: 20px;
background: transparent url('http://yoursite/images/securityprivate.png') no-repeat center left;
}

.restrictions-18 .entry .entry-title a, img[src*='icon_18.png'] {
padding-left: 20px;
background: transparent url('http://yoursite/images/restricted18.png') no-repeat center left;
}

.restrictions-NSFW .entry .entry-title a, img[src*='icon_nsfw.png'] {
padding-left: 20px;
background: transparent url('http://yoursite/images/restrictednsfw.png') no-repeat center left;
}

/*ICONS*/

img[src*='edit.png'] {
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/edit.png') no-repeat;
}

img[src*='tag_edit.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/tagsedit.png') no-repeat;
}

img[src*='memories_add.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/addmemories.png') no-repeat;
}

img[src*='track.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/track.png') no-repeat;
}

img[src*='tellafriend.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/tellafriend.png') no-repeat;
}

img[src*='next.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/entrynext.png') no-repeat;
}

img[src*='previous.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/entryprevious.png') no-repeat;
}

img[src*='anonymous.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/anonymous.png') no-repeat;
}

img[src*='delete.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/delete.png') no-repeat;
}

img[src*='screen.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/screen.png') no-repeat;
}

img[src*='unscreen.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/unscreen.png') no-repeat; 
}

img[src*='freeze.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/freeze.png') no-repeat;
}

img[src*='unfreeze.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/unfreeze.png') no-repeat;
}

img[src*='subscription_add.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/subscribeadd.png') no-repeat; 
}

img[src*='subscription_remove.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/subscriberemove.png') no-repeat;
}

img[src*='access_grant.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/accessgrant.png') no-repeat;
}

img[src*='access_remove.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/accessremove.png') no-repeat; 
}

img[src*='community_join.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/communityjoin.png') no-repeat;
}

img[src*='community_leave.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/communityleave.png') no-repeat; 
}

img[src*='post.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/post.png') no-repeat; 
}

img[src*='message.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/message.png') no-repeat;
}

img[src*='sticky_entry.png'] {
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://yoursite/images/sticky.png') no-repeat; 
}

.ljuser img {
width: 0;
height: 0;
background-image: none;
padding: 0 0 16px 18px;
}

img[src*='user.png'] { 
width: 0; height: 0; 
padding: 0 0 16px 18px; 
background: url('http://yoursite/images/user.png') no-repeat; 
vertical-align: middle !important;
}

img[src*='user.png'], img[src*='lj-userinfo.gif'], img[src*='userinfo.gif'], img[src*='user_other.png'], img[src*='user_staff.png'], img[src*='.ico'] { 
background: url('http://yoursite/images/user.png') no-repeat bottom left;
padding: 0 0 16px 18px;
}

img[src*='community.png'], img[src*='community.gif'], img[src*='comm_staff.png'] { 
background: url('http://yoursite/images/community.png') no-repeat bottom left;
padding: 0 0 16px 18px;
width: 0; height: 0;  
}

img[src*='openid.png'] {
background: url('http://yoursite/images/openid.png') no-repeat bottom left;
padding: 0 0 16px 18px;
width: 0; height: 0;
}

/*CONTEXTUAL POP-UP*/

div.ContextualPopup div.Inner { 
font-family: 'Lucida Grande', Helvetica, sans-serif;
background: #F8F3EC; 
border: 3px double #BA3E3E; 
color: #3D3E40; 
padding: 3px; 
text-transform: lowercase;
}

div.ContextualPopup .Content { 
padding: 1em;
}

div.ContextualPopup .Relation { 
margin-bottom: .8em;
}

div.ContextualPopup .Userpic { 
float: right; 
width: 50px; height: 50px; 
padding: 4px; 
border: 1px solid #D94848; 
margin-right: .5em;
}

div.ContextualPopup img { 
border: 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { 
color: #4E4F52; 
font-weight: normal;
}

/*CONTROL STRIP*/

#lj_controlstrip {
background-color: #4E4F52;
background-image: none;
border-bottom: 1px dotted #BA3E3E;
}

#lj_controlstrip a {
font-family: 'Lucida Grande', Helvetica, sans-serif;
color: #9EBFB8;
}

#lj_controlstrip_statustext, #lj_controlstrip_actionlinks, #lj_controlstrip_search {
font-family: 'Lucida Grande', Helvetica, sans-serif !important;
color: #DBD5CC !important;
}

#lj_controlstrip_login input, #lj_controlstrip_login input#xc_user, #lj_controlstrip_login input#xc_password,
#lj_controlstrip_user input, #lj_controlstrip_search select, #lj_controlstrip_search input, 
#lj_controlstrip_search input#search, #lj_controlstrip_actionlinks select, #lj_controlstrip_actionlinks input {
padding: 0px 2px;
text-transform: uppercase;
font-family: 'Lucida Grande', Helvetica, sans-serif;
color: #3D3E40;
border: 1px solid #3D3E40;
background-color: #DBD5CC;
}

#lj_controlstrip_login input:hover, #lj_controlstrip_user input:hover, #lj_controlstrip_search input:hover, 
#lj_controlstrip_actionlinks input:hover {
color: #DBD5CC;
border: 1px solid #DBD5CC;
background-color: #3D3E40;
}

#lj_controlstrip_search input#search {
text-transform: none;
}

Edited css:

/*
Layout: TOP OF THE CLASS 
Theme: STUDIOUS

CREDITS
CSS: Sarken - http://sarken.dreamwidth.org/1751138.html
Icons: Yusuke Kamiyamane - http://p.yusukekamiyamane.com/
Colors: Mgine - http://www.colourlovers.com/palette/1305411
*/

body {
background-color: #2B1B05;
color: #222;
font-family: 'Lucida Grande', Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
}

a {
color: #3D3E40;
}

a:hover {
color: #3D3E40;
}

a:visited {
color: #3D3E40;
}

ul li {
margin: 0px 0px 0px 15px;
padding: 0px;
list-style: disc;
list-style-position: inside;
}

ol li {
margin: 0px 0px 0px 15px;
padding: 0px;
list-style-position: inside;
list-style: decimal;
}

#canvas {
margin: 11em auto 0;
padding: 0;
}

#primary {
background-color: #cfcac2;
width: 100%;
padding: .5em 0 .25em 0;
margin: 0 auto;
clear: both;
}

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

.one-column #secondary {
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 75%;
padding-bottom: .5em;
color: #DBD5CC;
z-index: 50;
}

.has-navstrip #secondary {
position: absolute;
top: 50px;
left: 0;
width: 100%;
font-size: 75%;
padding-bottom: .5em;
color: #DBD5CC;
z-index: 50;
}

#secondary .inner {
margin: 0 2em 0 0;
padding: 0;
}

#secondary > .inner:first-child {
padding: 0;
margin: 0 0 0 -2em;
}

.one-column #tertiary {
clear: both;
margin: .5em auto 1em auto;
width: 100%;
font-size: 75%;
color: #DBD5CC;
}

#tertiary .inner {
margin: 0 2em 0 0;
padding: 0;
}

#tertiary > .inner:first-child {
padding: 0;
margin: 0 0 0 -2em;
}

/*HEADER*/

#header {
position: absolute;
top: 0;
left: 2em;
padding: 0;
margin: .5em;
background-color: transparent;
color: #ECE4DC;
width: 20%;
height: 11em;
z-index: 20;
}

.has-navstrip #header {
position: absolute;
top: 45px;
left: 2em;
}

#header > .inner {
padding: 0;
margin: 0;
text-align: center;
}

h1#title {
padding: 0;
margin: .5em 0 0 0;
font-style: italic;
font-family: Georgia, serif;
font-weight: normal;
font-size: 140%;
}

h2#subtitle {
padding: 0;
margin: 0;
font-family: 'Lucida Grande', Helvetica, sans-serif;
font-weight: normal;
font-size: 90%;
}

h2#pagetitle {
display: none;
}

/*ALL MODULE SECTIONS*/

.module {
margin: 0;
padding: 0;
border: 0;
}

.module a {
color: #D94848;
text-decoration: none;
}

.module a:visited {
color: #82BCB0;
}

.module a:hover {
color: #E0D9D1;
text-decoration: none;
}

.module .module-header {
font-family: Georgia;
font-style: italic;
color: #92B0AA;
padding-bottom: 0px;
border-bottom: 1px #6C6E72 dotted;
width: 95%;
}

.module .module-header a {
color: #92B0AA;
width: 95%;
}

.module .module-content {
width: 94%;
}

div.module-calendar .module-content a {
text-decoration: none;
border-bottom: 1px #4e4f52;
}

div.module-calendar .module-content td.entry-day, div.module-calendar .module-content td.empty-day {
border: 1px #4E4F52 dotted;
}

.module-userprofile .module-content {
text-align: center;
min-height: 100px;
}

.module-userprofile .userpic {
float: left;
margin-right: .75em;
padding: 2px;
}

.module-userprofile .userpic img {
width: 77px;
height: 77px;
padding: 4px;
border: 1px #4E4F52 solid;
}

.module-userprofile .journal-name {
padding: 5px 0 5px 0;
font-family: Georgia;
font-style: italic;
font-size: 170%;
}

.module-userprofile ul.userlite-interaction-links {
margin-top: .25em;
}

/*TOP MODULES*/

#secondary .module {
float: right;
width: 24%;
background-color: #2B1B05;
}

#secondary div.module-navlinks ul.module-list {
padding: .75em 0 0 0;
margin: 0;
}

#secondary div.module-navlinks ul.module-list li {
list-style: none;
}

#secondary div.module-navlinks ul.module-list li a {
display: block;
padding: 2px 0;
font-weight: bold;
color: #F8F3EC;
background-color: #BA3E3E;
text-align: center;
}

#secondary div.module-calendar .module-content {
font-size: 75%;
padding-bottom: 0;
}

#secondary .module-typelist .module-header {
text-align: center;
}

#secondary .module-typelist .module-content {
text-align: center;
}

#secondary .module-typelist .module-content ul {
margin: 0;
padding: 0;
}

#secondary .module-typelist .module-content ul li {
list-style: none;
margin: .15em 0;
}

/*NAVIGATION TOP*/

.topnav {
margin: 0 10%;
text-align: left;
}

/*ENTRIES*/

div.entry {
background-color: #BA3E3E;
padding: 0;
width: 75%;
margin: 0 auto 2em auto;
border: 0;
}

div.entry > div.inner {
background-color: #F8F3EC;
padding: 0;
margin: 0 140px 0 0;
border: 0;
}

div.entry div.header {
letter-spacing: 1px;
padding: .5em .5em .5em .65em;
margin: 0 0;
background-color: #F8F3EC;
}

div.entry div.header a {
text-decoration: none;
}

div.entry h3.entry-title {
font-size: 150%;
padding: .15em 0;
margin: 0 0 0 0;
color: #4E4F52;
}

div.entry h3.entry-title a {
color: #4E4F52;
}

div.entry h3.entry-title a:hover {
color: #93BFB7;
}

div.entry span.datetime {
text-transform: uppercase;
padding: 0;
font-size: 75%;
color: #AAA;
}

div.entry span.datetime a {
color: #AAA;
}

div.entry span.access-filter img {
display: none;
}

div.entry span.restrictions img {
display: none;
}

div.entry-content {
margin: 0 0;
padding: .75em 1.5em 2em 1.5em;
text-align: justify;
min-height: 80px;
background-color: #F8F3EC;
font-size: 95%;
color: #222;
	border-bottom: 1px solid #D3DFA7;
}

div.entry-content img {
max-width:700px;
}

div.entry-content a {
color: #BA3E3E;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted;
}

div.entry-content a:hover {
color: #67A89B;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted;
}

div.entry div.userpic {
float: right;
clear: left;
margin: 0 -140px 0 0;
width: 140px;
text-align: center;
}

div.entry div.userpic img {
padding: 4px;
margin-top: -30px;
margin-bottom: 2px;
border: 1px solid #D94848;
}

div.entry span.poster {
float: right;
clear: both;
text-align: center;
margin: 0 -139px 0 0;
font-size: 60%;
width: 138px;
color: #222;
}

div.entry span.poster a {
color: #F8F3EC;
font-weight: normal;
text-decoration: none;
}

div.entry span.poster img {
display: none;
}

div.entry div.metadata {
font-size: 80%;
margin: 0 0;
padding: 5px 7px 2px 5px; color: #4f4f4f; background-color:#fafafa;
}
div.entry div.metadata img {
	display: block;
	padding-right: 5px;
    }
div.entry div.metadata span.metadata-item {
color: #AF0000;
}
.entry .metadata-label {
        font-weight: bold; 
    }

div.entry div.metadata ul, div.entry div.metadata ul li {
margin-bottom: 0;
list-style: none; display: block; padding: 2px 0;
}

div.entry div.footer {
margin: 0 0;
padding: 0 0 10px 0;
background-color: #F8F3EC;
}

div.entry div.footer div.tag {
color: #4f4f4f; background-color:#fafafa;
font-size: 80%;
       font-weight: bold; 
margin: 0 0 0 0;
       padding: 2px 7px 7px 25px; 
}

.tag a {
        font-weight: normal;
        text-decoration: none;
        border-bottom: 1px dotted;
    }
    .tag ul { display: inline; margin: 0; padding: 0; }

.tag li { display: inline; list-style: none;  padding: 0px;
    }

ul.entry-management-links {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	list-style: none;
	text-align: center;
	border-top: 1px solid #D3DFA7;
	}

ul.entry-management-links li {
	margin: 0px auto;
	display: inline;
	list-style: none;
	text-align: center;
	}

ul.entry-interaction-links {
	padding: 0px;
	margin: 5px 0px 10px 0px;
	text-align: center;
	}

ul.entry-interaction-links li {
      display: inline;
      list-style: none;
      font-weight: bold;
      font-size: .9em;
      color:#333333;
      margin-left: 2px;
      padding: 2px 10px;
      text-transform: uppercase;
      background: #EEEEEE url(http://i.imgur.com/atVUl.png);
      border: 1px solid #DDDDDD;
      -moz-border-radius: 2px;
}

ul.entry-interaction-links li:hover {
      background: #EEEEEE
      url(http://i.imgur.com/atVUl.png);
      border: 1px solid #DDDDDD;
      border-top: 4px solid #C1272D;}

ul.entry-interaction-links a {
    color: #888888;
    text-shadow: 1px 1px 0 #FFF;
    }
ul.entry-interaction-links a:hover {
    color: #888888;
    text-shadow: 1px 1px 0 #FFF;
    }

li.entry-readlink,
ul.entry-interaction-links li.entry-readlink,
ul.entry-interaction-links li.readlink {
    display: inline;
    list-style: none;
    font-weight: bold;
    font-size: .9em;
    color: #FFFFFF;
    margin-left: 2px;
    text-transform: uppercase;
    padding: 2px 10px;
    background: #C1272D url(http://i.imgur.com/atVUl.png);
    text-shadow:-1px -1px 0 #111111;
    -moz-border-radius: 2px;
    border: 1px solid #9D090E;
    }

li.entry-readlink:hover,
ul.entry-interaction-links li.entry-readlink:hover,
ul.entry-interaction-links li.readlink:hover {
    color: #FFFFFF;
    background: #A30207 url(http://i.imgur.com/atVUl.png);
    border: 1px solid #760105;
    text-shadow:-1px -1px 0 #111111;
    }

ul.entry-interaction-links li.entry-readlink a {
    color: #FFFFFF;
    text-shadow:-1px -1px 0 #111111;
    }

li.active {
	list-style: none;
	display: inline;
	margin: 10px;
	}

/*COMMENTS*/

#comments {
width: 75%;
margin: 0 auto;
padding: 0;
}

div.comment {
background-color: #F8F3EC;
border-bottom: .25em #BA3E3E solid;
margin: 0;
padding: 0;
}

.comment-wrapper-even div.comment {
border-bottom: .25em #3D3E40 solid;
}

div.comment div.header {
margin: 0;
font-size: 80%;
background-color: #BA3E3E;
}

.comment-wrapper-even div.comment div.header {
background-color: #3D3E40;
color: #F8F3EC;
}

div.comment div.comment-title {
background-color: #9EBFB8;
}

div.comment div.comment-title h4 a {
padding: .25em .25em 0 .25em;
text-decoration: none;
font-weight: normal;
font-size: 110%;
color: #222;
}

div.comment span.datetime {
padding: .25em .25em 0 .25em;
margin: 0;
}

div.comment span.poster {
font-size: 80%;
}

div.comment span.poster-ip {
font-size: 80%;
color: #3D3E40;
}

div.comment div.contents {
padding: 0 0 0 .25em;
margin: 0;
}

div.comment div.contents a {
color: #BA3E3E;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted;
}

div.comment div.contents a:hover {
color: #67A89B;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted;
}

div.comment div.userpic {
float: right;
width: 76px;
text-align: center;
margin: .5em;
}

div.comment div.userpic img {
width: 70px;
height: 70px;
border: 3px #DBD5CC solid;
}

div.comment div.comment-content {
margin: 0;
padding: 1em 0 .5em .75em;
font-size: 95%;
}

div.comment div.footer {
margin: .5em 0;
clear: both;
padding: .5em .25em;
text-align: right;
font-size: 80%;
font-variant: small-caps;
}

ul.comment-management-links {
margin: 0;
text-align: center;
}

ul.comment-interaction-links {
margin: 0;
text-align: center;
}

/*NAVIGATION BOTTOM*/

.bottomcomment {
padding-bottom: 1em;
text-align: center;
}

.bottomcomment ul {
padding-bottom: .75em;
}

.bottomcomment ul a, .bottomcomment ul a:visited {
color: #3D3E40;
}

.bottomnav {
margin: 0 10% 0 0;
padding-bottom: .4em;
text-align: right;
}

/*REPLY PAGE*/

.page-reply .comment {
width: 75%;
margin: 0 2em;
border: 0;
background-color: #F8F3EC;
}

#qrform table { 
border: 0 !important;
}

table.talkform {
width: 75%;
border-top: .75em solid #BA3E3E;
border-bottom: .35em solid #BA3E3E;  
background-color: #F8F3EC; 
margin: 0 auto ; 
padding: 0 2em;
}

input, select, textarea {
border: 1px solid #BA3E3E;
background-color: #F8F3EC;
margin: 0px; 
padding: 0 0.15em;
}

/*BOTTOM MODULES*/

#tertiary .module {
float: right;
width: 24%;
margin: 0 0 1em 0;
}

#tertiary .module .module-content ul {
list-style-position: inside;
}

#tertiary .module-tags_cloud {
width: 48%;
}

#tertiary .module-tags_cloud .module-content {
text-align: justify;
margin: 0;
padding: 0 1.5em;
}

#tertiary .module-tags_cloud .module-content ul {
margin: 0;
padding: 0 1.5em 0 0;
}

#tertiary .module-tags_cloud .manage-tags-link {
text-align: right;
text-transform: uppercase;
margin-bottom: .75em;
}

#tertiary .module-active .module-content ul.module-list {
list-style-type: none;
list-style-position: outside;
}

#tertiary .module-time, #tertiary .module-powered, #tertiary .module-syndicate {
clear: both;
margin: 0 0 1em 0;
width: 95%;
}

#tertiary .module-syndicate .module-header {
display: none;
}

#tertiary .module-time .module-content, #tertiary .module-powered .module-content, #tertiary .module-syndicate .module-content {
text-align: right;
text-transform: uppercase;
font-size: 90%;
}

/*FOOTER*/

#footer {
text-align: center;
font-size: 80%;
text-transform: uppercase;
background-color: #2B1B05;
}

#footer a {
color: #ECE4DC;
}

/*ARCHIVE*/

.page-archive div.month {
margin: .25em auto 1.75em auto;
padding: 0;
width: 75%;
float: none;
margin: .25em auto 1.75em auto;
background-color: #F8F3EC;
}

.page-archive div.month h3 {
background-color: #3D3E40;
color: #F8F3EC;
padding: 0 .5em;
}

.page-archive div.month table { 
width: 75%; 
margin: 1em auto;
}

.page-archive div.month td {
border: 1px #D94848 solid;
}

.page-archive div.month th {
text-align: center; 
margin: 0 2px; 
font-weight: normal;
border: 1px #D94848 solid; 
}

.page-archive div.month td.day-has-entries p { 
padding: 0 0 0 5px; 
margin: 0; 
display: inline; 
}

.page-archive div.month div.footer {
text-align: right;
padding: .5em;
}

.page-month #archive-month { 
background-color: #F8F3EC;
width: 75%;
margin: 0 auto;
clear: both;
}

.page-month #archive-month > .inner {
margin: .5em 2em;
padding-top: .5em;
}

.page-month dt a {
font-size: 110%;
color: #4E4F52;
}

.page-month dd {
border-bottom: 1px dotted #DBD5CC;
margin-bottom: .75em;
}

.page-month .month div.tag {
margin-left: .75em;
font-size: 85%;
}

.page-day h3.day-date {
text-align: center;
}

/*TAGS PAGE*/

.page-tags .tags-container {
margin: 1em auto;
width: 75%;
padding: 0;
background-color: #F8F3EC;
}

.page-tags .tags-container h2 { 
padding: 0 .5em; 
margin: 0;
background-color: #BA3E3E;
color: #F8F3EC;
}

.page-tags .ljtaglist ul {
list-position: inside;
}

.page-tags .manage-tags-link {
text-align: right;
padding: 0 .5em .5em .5em;
}

/*LOCKED AND RESTRICTED ENTRIES*/

img[src*='locked.png'], img[src*='filtered.png'], img[src*='private.png'], img[src*='icon_18.png'], img[src*='icon_nsfw.png'] {
width: 0;
height: 0;
padding: 0 5px 18px 0;
}

.security-protected .entry .entry-title, img[src*='locked.png']{
padding-left: 20px;
background: transparent url('http://img217.imageshack.us/img217/5811/securityprotected.png') no-repeat center left;
}

.security-filtered .entry .entry-title, img[src*='filtered.png'] {
padding-left: 20px;
background: transparent url('http://img515.imageshack.us/img515/7246/securityfiltered.png') no-repeat center left;
}

.security-private .entry .entry-title, img[src*='private.png'] {
padding-left: 20px;
background: transparent url('http://img210.imageshack.us/img210/9441/securityprivate.png') no-repeat center left;
}

.restrictions-18 .entry .entry-title a, img[src*='icon_18.png'] {
padding-left: 20px;
background: transparent url('http://img221.imageshack.us/img221/5976/restricted18.png') no-repeat center left;
}

.restrictions-NSFW .entry .entry-title a, img[src*='icon_nsfw.png'] {
padding-left: 20px;
background: transparent url('http://img84.imageshack.us/img84/2337/restrictednsfw.png') no-repeat center left;
}

/*ICONS*/

img[src*='edit.png'] {
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img809.imageshack.us/img809/2171/editi.png') no-repeat;
}

img[src*='tag_edit.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img513.imageshack.us/img513/1378/tagsedit.png') no-repeat;
}

img[src*='memories_add.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img98.imageshack.us/img98/7530/addmemories.png') no-repeat;
}

img[src*='track.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img156.imageshack.us/img156/799/tracko.png') no-repeat;
}

img[src*='tellafriend.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img839.imageshack.us/img839/8812/tellafriend.png') no-repeat;
}

img[src*='next.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img137.imageshack.us/img137/6137/entrynext.png') no-repeat;
}

img[src*='previous.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img684.imageshack.us/img684/3527/entryprevious.png') no-repeat;
}

img[src*='anonymous.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img585.imageshack.us/img585/3443/anonymous.png') no-repeat;
}

img[src*='delete.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img263.imageshack.us/img263/5628/deleteqv.png') no-repeat;
}

img[src*='screen.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img3.imageshack.us/img3/9714/screenfk.png') no-repeat;
}

img[src*='unscreen.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img510.imageshack.us/img510/1627/unscreen.png') no-repeat; 
}

img[src*='freeze.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img641.imageshack.us/img641/1418/freeze.png') no-repeat;
}

img[src*='unfreeze.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img526.imageshack.us/img526/1844/unfreeze.png') no-repeat;
}

img[src*='subscription_add.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img121.imageshack.us/img121/3002/subscribeadd.png') no-repeat; 
}

img[src*='subscription_remove.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img704.imageshack.us/img704/8314/subscriberemove.png') no-repeat;
}

img[src*='access_grant.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img9.imageshack.us/img9/306/accessgrantn.png') no-repeat;
}

img[src*='access_remove.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img526.imageshack.us/img526/9239/accessremove.png') no-repeat; 
}

img[src*='community_join.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img405.imageshack.us/img405/5208/communityjoin.png') no-repeat;
}

img[src*='community_leave.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img121.imageshack.us/img121/6097/communityleave.png') no-repeat; 
}

img[src*='post.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img543.imageshack.us/img543/455/postoo.png') no-repeat; 
}

img[src*='message.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img190.imageshack.us/img190/7870/messageir.png') no-repeat;
}

img[src*='sticky_entry.png'] {
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://img137.imageshack.us/img137/4947/stickya.png') no-repeat; 
}

.ljuser img {
width: 0;
height: 0;
background-image: none;
padding: 0 0 16px 18px;
}

img[src*='user.png'] { 
width: 0; height: 0; 
padding: 0 0 16px 18px; 
background: url('http://img211.imageshack.us/img211/8576/userw.png') no-repeat; 
vertical-align: middle !important;
}

img[src*='user.png'], img[src*='lj-userinfo.gif'], img[src*='userinfo.gif'], img[src*='user_other.png'], img[src*='user_staff.png'], img[src*='.ico'] { 
background: url('http://img211.imageshack.us/img211/8576/userw.png') no-repeat bottom left;
padding: 0 0 16px 18px;
}

img[src*='community.png'], img[src*='community.gif'], img[src*='comm_staff.png'] { 
background: url('http://img571.imageshack.us/img571/5605/communitys.png') no-repeat bottom left;
padding: 0 0 16px 18px;
width: 0; height: 0;  
}

img[src*='openid.png'] {
background: url('http://img264.imageshack.us/img264/953/openid.png') no-repeat bottom left;
padding: 0 0 16px 18px;
width: 0; height: 0;
}

/*CONTEXTUAL POP-UP*/

div.ContextualPopup div.Inner { 
font-family: 'Lucida Grande', Helvetica, sans-serif;
background: #F8F3EC; 
border: 3px double #BA3E3E; 
color: #3D3E40; 
padding: 3px; 
text-transform: lowercase;
}

div.ContextualPopup .Content { 
padding: 1em;
}

div.ContextualPopup .Relation { 
margin-bottom: .8em;
}

div.ContextualPopup .Userpic { 
float: right; 
width: 50px; height: 50px; 
padding: 4px; 
border: 1px solid #D94848; 
margin-right: .5em;
}

div.ContextualPopup img { 
border: 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { 
color: #4E4F52; 
font-weight: normal;
}

/*CONTROL STRIP*/

#lj_controlstrip {
background-color: #2B1B05;
background-image: none;
border-bottom: 0px dotted #BA3E3E;
}

#lj_controlstrip a {
font-family: 'Lucida Grande', Helvetica, sans-serif;
color: #9EBFB8;
}

#lj_controlstrip_statustext, #lj_controlstrip_actionlinks, #lj_controlstrip_search {
font-family: 'Lucida Grande', Helvetica, sans-serif !important;
color: #DBD5CC !important;
}

#lj_controlstrip_search input#search {
text-transform: none;
}

#lj_controlstrip_user,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic,
#lj_controlstrip_actionlinks
{
    border-right: 1px solid #3D3E40;
}

span.de, .info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 25px 0px 5px 0px;
  padding:5px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('info.png');
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('success.png');
}
span.de, .warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('http://img141.imageshack.us/img141/351/warninga.png');
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('error.png');
}

(Fingers crossed!)

Current Mood: sheepish

Tags:

kaigou

Where can I find the function that controls the reply box's layout and CSS? I can find references to what I think might be it, in DW's S2 basic source code, but I can't find anything that outlines the actual function. It doesn't seem logical (though it's possible) that it's entirely js-created entirely on-the-fly, seeing how there is CSS in there, but I can't find the mechanisms that would let me fiddle with the reply-box as a whole. Anyone have any ideas?

Tags:

Profile

Dreamwidth style system discussion

April 2025

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

Syndicate

Page Summary

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated May. 30th, 2025 11:04 pm

Dreamwidth style system discussion

Entries tagged with comments: reply form

Commet Threads 'Right' value

Tweaking a Livejournal layout

Problem with replies in Flexible Squares

Reply Page, not Quick Reply

Font Size Reply Form

Styling comments and notifications

the reply box

Profile

April 2025

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags