Entries tagged with layout:practicality

Hi everyone. I'm Syx, and I'm trying to get rid of the line-through when you hover over the entry-poster and comment-poster. I checked the code, but I can't seem to find the reason why it's the only piece of code that won't convert to just underline.

Here is the code:

/* base style: practicality layout name: crumpled 6thirty.dreamwidth.org */ body { color: #15161b; font-family: Courier New, monospace; font-size: 10pt; background: #fafaee url('http://i.imgur.com/FSTZ3bR.jpg') repeat; background-position: left top; background-attachment: fixed; cursor: url(), auto; } a:hover {cursor: url(), auto; } margin: 0; padding: 0; } html body { margin-left: 0; margin-right: 0; } a, a:link, a:visited { color: #89af98; text-decoration: none; } a:hover, a:active { color: #b44443; text-decoration: underline; } q { } q:hover { text-decoration: line-through; } h1, h2, h3 { margin: .25em 0; padding: .25em 0; } img { border: none; } hr { display: none; } p { margin: 1em 0; } i, em { } i:hover, em:hover { text-decoration: line-through; } b, strong { } b:hover, strong:hover { text-decoration: line-through; } input, textarea { color: #15161b; background: #ffffff; border: 1px solid #89af98; } blockquote { color: #15161b; font-family: Courier New, monospace; font-size: 8pt; border-left: 6px solid #89af98; border-right: 6px solid #89af98; border-radius: 25px; float: center; margin: 20px 20px 20px 20px; padding: 10px; width: 75%; } blockquote:hover { text-decoration: line-through; border-left: 6px solid #d8423e; border-right: 6px solid #d8423e; border-radius: 0px; } ul { list-style: square inside; margin: .2em 0 0 2.5em; } ol { list-style: decimal inside; margin: .2em 0 0 2.5em; } #content-footer { font-size: 0; /*to make IE happy*/ clear: both; height: 0; } .entry-content hr, .comment-content hr { display: block; margin: 1em 10%; } /* contextual pop-up */ .contextualpopup { color: #15161b; background: #ffffff url('') no-repeat; background-position: left top; background-attachment: scroll; margin: 0; padding: 0; } .contextualpopup div.inner a, .contextualpopup div.inner a:link, .contextualpopup div.inner a:visited { color: #89af98; text-decoration: none; } .contextualpopup div.inner a:active .contextualpopup a:hover { color: #b44443; text-decoration: underline; } .contextualpopup a, .contextualpopup a:link, .contextualpopup a:visited { color: #89af98; } .contextualpopup a:hover, .contextualpopup a:active { color: #b44443; } .contextualpopup .userpic { border: 5px solid #89af98; margin: .5em; padding: 0; } .has-userpic .entry .userpic, .has-userpic .comment .userpic { float: right; } .has-userpic .entry .header { margin-right: 135px; } .has-userpic .comment .header { margin-right: 135px; } /* control strip */ #lj_controlstrip { color: #15161b; font-family: Courier New, monospaced; text-decoration: none; background-color: #ffffff; background-image: none; opacity: 1.0; } #lj_controlstrip:hover { } #lj_controlstrip td { color: #15161b; border-bottom: 1px solid #ffffff; } #lj_controlstrip_statustext { color: #15161b; } #lj_controlstrip a, #lj_controlstrip a:link, #lj_controlstrip a:visited { color: #89af98; text-decoration: none; } #lj_controlstrip a:hover, #lj_controlstrip a:link:hover { color: #b44443; text-decoration: underline; } #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic { color: #15161b; border-right: 1px solid #ffffff; } #lj_controlstrip_login td { border-bottom: 0; } #lj_controlstrip td td { border-bottom: 0; } /* header */ #header { color: #15161b; background: none url('') no-repeat; background-position: left top; background-attachment: fixed; clear: both; margin: 0; padding: 75px; } h1#title, h2#subtitle, h2#pagetitle { font-family: Courier New, monospace; font-size: 1.8em; display: none; } /* footer */ #footer { background: #ffffff; margin: 0; clear: both; padding: .5em; } #footer a, #footer a:link, #footer a:visited { color: #89af98; } #footer a:hover, #footer a:active { color: #b44443; text-decoration: underline; } /* entry */ .entry { color: #15161b; font-family: Courier New, monospaced; word-wrap: break-word; background: #ffffff; background-color: #ffffff; border: solid 0px #fafaee; border-bottom: 0px solid #fafaee; margin: 0 0 15px 0; padding: 10px; opacity: 1.0; } .entry:hover { } .entry a, .entry a:link, .entry a:visited { color: #89af98; } .entry a:hover, .entry a:active { color: #b44443; text-decoration: underline; } .entry-content { margin: 10px 0 0; min-height: 100px; } .entry .header { padding: 0; } .entry .entry-title, .entry .entry-title a, .entry .entry-title a:link, .entry .entry-title a:visited { color: #89af98; } .entry .entry-title a:hover, .entry .entry-title a:active { color: #b44443; text-decoration: underline; } .no-subject .entry .entry-title { background: none; border: none; } h3.entry-title { font-family: Courier New, monospaced; font-size: 15pt; font-weight: normal; font-variant: small-caps; } h3.entry-title a, h3.entry-title a:link, h3.entry-title a:visited { color: #89af98; } h3.entry-title a:hover, h3.entry-title a:active { color: #b44443; text-decoration: underline; } .datetime { color: #15161b; font-size: 10pt; font-variant: small-caps; } .datetime a, .datetime a:link, .datetime a:visited { color: #89af98; } .datetime a:hover, .datetime a:active { color: #b44443; text-decoration: underline; } .entry-poster { color: #060606; font-size: 10pt; font-variant: small-caps; text-decoration: none; border-bottom: 1.5px dotted #89af98; display: block; margin-bottom: 10px; } .entry-poster a, .entry-poster a:link, .entry-poster a:visited { color: #89af98; text-decoration: none; } .entry-poster a:hover, .entry-poster a:active:hover { color: #b44443; text-decoration: underline; } .has-userpic .entry .userpic { border: none; margin: -20px 10px 10px 10px; } .entry .userpic img { border: 6px solid; border-color: #89af98; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; margin: 0; padding: 0; } .entry .userpic img:hover { border-color: #b44443; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .metadata { font-size: .85em; font-variant: small-caps; text-align: right; margin: 1em 0 0; } .metadata ul { padding: 0; margin: 0; } .metadata ul li { padding: 0; margin: 0; } .metadata-item-location, .metadata-item-music, .metadata-item-mood, .tag ul { color: #699482; text-align: right; } .entry .footer { clear: both; } .tag { margin: 1em 0 .5em 0; font-size: 0.85em; font-variant: small-caps; } .tag ul li { text-align: right; margin: .5em 0 0; } ul.entry-management-links { text-align: center; border-top: 1.5px dotted #89af98; margin: .5em 0 0; padding: .5em 0 0; } ul.entry-management-links li { text-align: center; margin: 0 auto; } ul.entry-interaction-links { text-align: center; margin: 0; padding: 0; } ul.entry-interaction-links li, ul.entry-management-links li { color: #15161b; font-size: 1.3em; font-variant: small-caps; margin: 0 .5em 0 0; padding: 0; } ul.entry-interaction-links a, ul.entry-interaction-links a:link, ul.entry-interaction-links a:visited, ul.entry-management-links a, ul.entry-interaction-links a:link, ul.entry-management-links a:visited { color: #89af98; } ul.entry-interaction-links a:hover, ul.entry-interaction-links a:active, ul.entry-management-links a:hover, ul.entry-management-links a:active { color: #b44443; } /* To prevent overlapping when icon's on the left */ /* and list is the first thing in content */ .entry-content li, .comment-content li { list-style-position: inside; } .metadata ul { display: inline; list-style: none; margin-left: .5em; padding-left: 0; } .metadata li { margin-bottom: .5em; } .metadata.top-metadata ul { margin: 0; } .metadata.top-metadata { margin-bottom: 1em; } .tag ul { display: inline; margin-left: 0; padding-left: 0; } .tag ul li { display: inline; } /* same for month view */ ul.entry-management-links { margin-left: 0; padding-left: 0; } ul.entry-management-links li { display: inline; padding: 0 .25em; } ul.entry-interaction-links { text-align: right; margin-left: 0; padding-left: 0; } .entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:link, .entry-management-links a:link, .entry-interaction-links a:visited, .entry-management-links a:visited { color: #89af98; } .entry-interaction-links a:hover, .entry-management-links a:hover, .entry-interaction-links a:active, .entry-management-links a:active { color: #b44443; } ul.entry-interaction-links li { display: inline; padding: 0 .25em; } /* comments */ .comment-posted {font-weight: bold;} .comment-wrapper { padding: .5em 0; min-width: 15em; } .comment .comment-title { font-family: Courier New, monospace; font-size: 1.2em; margin: 0; } .comment .comment-title, .comment .comment-title a, .comment .comment-title a:link, .comment .comment-title a:visited { color: #89af98; } .comment .comment-title a:hover, .comment .comment-title a:active { color: #b44443; } .no-subject .comment .comment-title { background: none; border: none; } ul.comment-management-links { text-align: right; margin-left: 0; padding-left: 0; } ul.comment-management-links li { display: inline; padding: 0 .25em; } ul.comment-interaction-links { margin-left: 0; padding-left: 0; } ul.comment-interaction-links li { display: inline; padding: 0 .25em; } textarea#commenttext { width: 100%; /* fix for FF form width glitch */ } /* archive */ table.month { border-collapse: collapse; margin: 0 auto; } table.month td { height: 3.25em; } table.month td, table.month th { border: 1px solid; /* ? */ padding: 3px; } table.month td p { margin: 0; padding: 3px; } .month dl dt { font-weight: bold; } .month dl .time { padding-right: .5em; } .month dl h3 { display: inline; font-size: medium; } .page-month .month .entry-poster { margin-right: .5em; } .month dl .tag ul { margin-top: 0; } /* icons */ .sorting-options ul { margin-left: 0; } .sorting-options ul li { display: inline; } .icon-keywords ul { display: inline; margin-left: 0; padding-left: 0; } .icon-keywords ul li { display: inline; } /* column */ .one-column #content { float: none; } .two-columns-left #content, .three-columns-sides #content { border-left: 15em solid transparent; } .two-columns-right #content, .three-columns-sides #content { border-right: 15em solid transparent; } .three-columns-left #content { border-left: 30em solid transparent; } .three-columns-right #content { border-right: 30em solid transparent; } .column-right #content { min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */ } #primary { float: left; width:100%; margin-right:-100%; margin-left: 0; } .one-column #primary { float: none; } #primary > .inner:first-child { padding: 1em; } .one-column #secondary { width: auto; } .two-columns-left #secondary, .three-columns-sides #secondary { float: left; width: 15em; margin-left: -15em; } .two-columns-right #secondary { float: right; width: 15em; margin-right: -15em; } .three-columns-left #secondary { float: left; width: 15em; margin-left: -30em; } .three-columns-right #secondary { float: right; width: 15em; margin-right: -15em; } #secondary > .inner:first-child { padding: 1em; } .one-column #tertiary { width: auto; } .two-columns-left #tertiary, .two-columns-right #tertiary { clear: both; } .two-columns-left #tertiary { margin-left: -15em; } .two-columns-right #tertiary { margin-right: -15em; } .two-columns-left #tertiary .module, .two-columns-right #tertiary .module { float: left; width: 15em; } .three-columns-left #tertiary { float: left; width: 15em; margin-left: -15em; } .three-columns-right #tertiary { float: right; width: 15em; margin-right: -30em; margin-left: 15em; /* so that #tertiary won't overlay #secondary in IE7 */ } .three-columns-sides #tertiary { float: right; width: 15em; margin-right: -15em; } #tertiary > .inner:first-child { padding: 1em; } .navigation ul { margin-left: 0; padding-left: 0; } .navigation li { display: inline; padding: 0 .5em; } .noentries { padding: 0 .5em; } /* modules */ .module { background: #ffffff; background-color: #ffffff; border: solid 0px #E9DABC; opacity: 1.0; } .module:hover { } .module a, .module a:visited { color: #89af98; } .module a:hover, .module a:active { color: #b44443; } .module h2 { color: #15161b; font-family: Courier New, monospace; font-size: 1.37em; } .module-content { font-family: Courier New, monospace; } .module-content ul { list-style: outside; margin-left: 1em; padding-left: 0; } .module-content li { margin: .5em 0; } ul.userlite-interaction-links.icon-links { margin-left: 0; padding-left: 0; } ul.userlite-interaction-links.icon-links li { display: inline; padding: 0 .20em; } ul.userlite-interaction-links.text-links { text-align: left; } .module-calendar .module-content { text-align: center; } .one-column .module-calendar .module-content { text-align: left; } .module-calendar table { margin: 0 auto; } .one-column .module-calendar table { margin: 0; } .module-calendar td { padding: 1px; } .module-calendar td a { display: block; padding: 2px; } .search-box { margin: .2em auto; max-width: 100%; } /* wrap long content, particularly openid usernames */ .module-pagesummary .ljuser { white-space: normal !important; } .module-pagesummary .module-content { word-wrap: break-word; } .module-credit .category-title { font-weight: bold; } .tags_cloud li, .module-tags_cloud li { display: inline; } .module-syndicate .module-content { text-align: center; } .one-column .module-syndicate .module-content { text-align: left; } .entry .userpic, .comment .userpic { text-align: right; } /* et cetera */ #canvas { width: 90%; margin: 0 auto; } #primary > .inner:first-child { padding: 0; } .column-left #primary > .inner:first-child { padding-left: 1em; } .column-right #primary > .inner:first-child { padding-right: 1em; } #secondary > .inner:first-child, #tertiary > .inner:first-child { padding: 0; } .three-columns-left #secondary > .inner:first-child, .three-columns-right #secondary > .inner:first-child { padding-right: .5em; } .three-columns-left #tertiary > .inner:first-child, .three-columns-right #tertiary > .inner:first-child { padding-left: .5em; } /* navigation */ .navigation { color: #15161b; background: #ffffff; font-family: Courier New, monospace; font-size: 15pt; font-variant: small-caps; border-bottom: 0px solid #E9DABC; margin: 0 0 15px 0; padding: 5px; } .topnav a, .bottomnav a { color: #89af98; } .navigation.empty { display: none; } .page-read .navigation.empty { display: block; padding: 10px; } .page-read .navigation.empty ul { margin: 0; padding: 0; } .page-read .navigation.empty ul li { margin: 0; padding: 0; } /* sidebar */ li.page-separator { display: none; } .module { border: none; border-bottom: 0px solid #E9DABC; margin-bottom: 15px; padding: 10px; } h2.module-header { color: #15161b; font-variant: small-caps; font-weight: normal; border-bottom: 1px dotted #89af98; margin: 0 0 10px 0; } h2.module-header a { color: #89af98; } ul.module-list { list-style: none; } ul.module-list li, ul.module-list-item li { padding: 0 0 0 5px; } .module-content .userpic { text-align: center; } .module-content .userpic img { border: 6px solid; border-color: #89af98; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; margin: 0; padding: 0; } .module-content .userpic img:hover { border-color: #b44443; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .journal-name { font-variant: small-caps; text-align: center; margin-top: 5px; } .journal-website-name { font-size: 10pt; font-variant: small-caps; text-align: center; } ul.userlite-interaction-links.icon-links { text-align: center; margin: 5px 0 0; } ul.userlite-interaction-links.icon-links li { margin: 0 auto; } ul.userlite-interaction-links.text-links { padding: 0 0 0 5px; list-style: none; } .module-navlinks { color: #15161b; font-variant: small-caps; font-size: 15pt; letter-spacing: normal; list-style: none; text-align: right; } .module-navlinks a { color: #89af98; } .manage-link { margin: 10px 0 0; text-align: right; } .module-calendar table { text-align: center; } .module-calendar th { color: #15161b; background: #eeeeee; border: 1px solid #15161b; padding: 0; } .module-calendar td.empty-day { border: 1px solid #15161b; } .module-calendar td.entry-day { background: #eeeeee; border: 1px solid #15161b; } .module-calendar td.entry-day a, .module-calendar td.entry-day a:link, .module-calendar td.entry-day a:visited { color: #89af98; } .module-calendar td.entry-day a:hover, .module-calendar td.entry-day a:active { color: #b44443; } /* archive page */ .month { color: #15161b; background: #ffffff; border-bottom: 0px solid #E9DABC; margin: 0 0 1em 0; padding: 2em; } .month a, .month a:link, .month a:visited { color: #89af98; } .month a:hover, .month a:active { color: #b44443; } table.month { border-bottom: none; } .month table { margin: auto; width: 100%; } table.month td, table.month th { border: 1px solid #89af98; } .month caption { display: none; } .month h3 { color: #15161b; font-size: 15px; font-weight: normal; } .month th { color: #ffffff; background: #89af98; text-align: center; border: 1px solid #89af98; } .month td.day { color: #15161b; font-weight: normal; border: 1px solid #89af98; } td.day { padding: 1em; } .month td.day-has-entries { color: #ffffff; background: #89af98; font-weight: normal; text-align: left; } .month td.day-has-entries p { font-size: 1.14em; font-weight: bold; text-align: right; } .month td.day-has-entries p a, .month td.day-has-entries p a:link, .month td.day-has-entries p a:visited { color: #89af98; } .month td.day-has-entries p a:hover, .month td.day-has-entries p a:active { color: #b44443; } .month dl, .month dt, .month dd { margin: 0; padding: 0; } /* tags page */ .page-tags .tags-container { color: #15161b; background: #ffffff; border-bottom: 0px solid #E9DABC; padding: .5em; } .page-tags .tags-container a, .page-tags .tags-container a:link, .page-tags .tags-container a:visited { color: #89af98; } .page-tags .tags-container a:hover, .page-tags .tags-container a:active { color: #b44443; } .page-tags .tags-container h2 { color: #15161b; font-variant: small-caps; font-weight: normal; font-family: Courier New, monospace; font-size: 1.37em; border-bottom: 1px solid #15161b; margin: 0 0 .5em 0; } .page-tags .tags-container .ljtaglist { list-style: none; margin-left: 0; } /* icons page */ .icons-container { color: #15161b; background: #ffffff; border-bottom: 0px solid #E9DABC; padding: .5em; } .icons-container a, .icons-container a:link, .icons-container a:visited { color: #89af98; } .icons-container a:hover, .icons-container a:active { color: #b44443; } .icons-container h2 { color: #15161b; font-family: Courier New, monospace; font-size: 1.37em; font-variant: small-caps; font-weight: normal; border-bottom: 1px solid #15161b; margin: 0 0 .5em 0; } .sorting-options ul { padding-left: 0; } .icons-container .icon { margin: 1em 0; } .icon-image { float: left; clear: left; margin-bottom: .25em; min-width: 100px; padding-right: 1em; } .icon-info { min-height: 100px; } .icon-info span { font-weight: bold; } .icon-info .default { text-decoration: underline; } /* comments */ hr.above-entry-interaction-links, hr.below-reply-container { display: none; } .comment { color: #15161b; background: #ffffff; border-bottom: 0px solid #E9DABC; padding: 1em; } .comment a, .comment a:link, .comment a:visited { color: #89af98; } .comment a:hover, .comment a:active { color: #b44443; } .comment-title, .comment-title a { color: #060606; font-variant: small-caps; } .comment-content { border-bottom: 1px dotted #89af98; border-top: 1px dotted #89af98; min-height: 100px; padding: .5em; } .comment-poster { color: #060606; font-size: .8em; font-variant: small-caps; margin-bottom: .5em; } .comment-poster a { color: #89af98; } .poster-ip { font-variant: small-caps; font-size: .7em; } textarea.textbox { color: #15161b; background: #ffffff; width: 80% !important; } .has-userpic .comment .userpic { border: none; display: block; margin: -1em .5em .5em .5em; } .comment .userpic img { border: 6px solid; border-color: #89af98; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; margin: 0; padding: 0; } .comment .userpic img:hover { border-color: #b44443; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .comment-management-links ul, .comment-interaction-links ul { font-size: 0.8em; font-variant: small-caps; text-align: center; display: inline; } .comment-management-links li, .comment-interaction-links li { font-size: 1.1em; font-variant: small-caps; text-align: center; } .comment-interaction-links li a, .comment-management-links li a { color: #060606; } #qrform table { border: none !important; } .bottomcomment { color: #15161b; background: #ffffff; border-bottom: 0px solid #E9DABC; margin: .5em 0; padding: .7em; } .bottomcomment a, .bottomcomment a:link, .bottomcomment a:visited { color: #89af98; text-decoration: none; } .bottomcomment a:hover, .bottomcomment a:active:hover { color: #b44443; text-decoration: underline; }

Could you please help me figure it out?

Line-Through Entry-Poster/Comment-Poster

[SOLVED] Column width in Practicality

Header/Text

Increasing header height

Hating the caps...

Practicality navigation strip

Header text overlapping header image (fixed)