style_system | Border

The entry link bar on the main page of my journal has a grey background with no border, as it should. But if I click on the title of a post and open that entry, that same link bar now has a border on the bottom and half a border on the top. I would like to remove it, but I'm not sure what to change in my CSS. Hopefully, sombody here can help me out.

Example image:

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;
        font-family: Arial;
        font-size: 1em !important;
}

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: justify;
	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%; font-size: 5em; /* 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;  
}

Flat | Top-Level Comments Only

From:

seleneheart

Those two lines are elements called

hr .above-entry-interaction-links
hr .below-reply-container

Perhaps if you styled them so they wouldn't display, that would make them go away. Like this:

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

aldro

Thank you for replying. I tried it, but unfortunately it doesn't work.

ninetydegrees

Selena, you were right but you added an extra space. It should be:

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

That worked! You guys are beyond awesome. (:

matgb

K, I can't get rid of it either. The line is either coming from the HRs mentioned above, or coming froma border around .entry-interaction-links, but I can't find the source.

Essentially, there are two sets of links there, organised into lists: aligned to the left are the .entry-management-links, which has the next/previous, tell a friend, etc stuff, and then following it, aligned right, are the .entry-interaction-links, which is the 'link' and 'reply' text.

I cannot find what is giving the black border, the way it is displayed makes me suspect it's an actual border to the .entry-interaction-links, but I can't find what's putting it there nor will it go away when I tell it to.

So, um, yeah, no idea, but if I post what I've found others can perhaps see something else to try.

You've got:

hr { display: ; }

It should be:

hr { display: none; } as in the original style.

Aha. That does the trick. But it also means that I can no longer use hr in my entries, to seperate subjects and stuff. I think that's the reason I edited that part of the CSS. Is there a way to work around it?

Please see my reply to Selena, which I'm sure you already got by now. :)

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

Dreamwidth style system discussion

Border

Border

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Profile

September 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags