Little icons

[aldro]

I'm using this layout by sarken and am having a few problems with it.

In the preview, it shows a tiny icon for the link "Grant Access" (a little key) in the topbar. I have uploaded the image to my own server and replaced http://yoursite/images/ with the correct url, but that icon doesn't show up. I'm having the same problem with the tiny icon for other DW users. All the other tiny icons do show up. Any idea why?

Also, I would actually like to set the calendar to the same height as the rest of the topbar. Right now, the bottom sticks out a bit. Yet I have no idea what to edit in the CSS.

My CSS:

/*<br />Layout: TOP OF THE CLASS<br />Theme: SPRING BREAK<br /><br />CREDITS<br />CSS: Sarken - http://sarken.dreamwidth.org/1751138.html<br />Icons: Yusuke Kamiyamane - http://p.yusukekamiyamane.com/<br />Colors: Leowat - http://www.colourlovers.com/palette/1266066<br />*/<br /><br />body {<br />background-color: #8D8589;<br />color: #444;<br />font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;<br />margin: 0;<br />padding: 0;<br />border: 0;<br />}<br /><br />a {<br />color: #8D8589;<br />}<br /><br />a:hover {<br />color: #B1B7AC;<br />}<br /><br />a:visited {<br />color: #8D8589;<br />}<br /><br />#canvas {<br />margin: 11em auto 0;<br />padding: 0;<br />}<br /><br />#primary {<br />background:#F7F5F5 url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Backgrounds/02.jpg') repeat scroll 0 0;<br />width: 100%;<br />padding: .5em 0 .25em 0;<br />margin: 0 auto;<br />clear: both;<br />}<br /><br />#primary > .inner:first-child {<br />padding: 0;<br />margin: 0;<br />}<br /><br />.one-column #secondary {<br />position: absolute;<br />top: 0;<br />left: 0;<br />width: 100%;<br />font-size: 75%;<br />padding-bottom: .5em;<br />color: #EAE7E8;<br />z-index: 50;<br />}<br /><br />.has-navstrip #secondary {<br />position: absolute;<br />top: 50px;<br />left: 0;<br />width: 100%;<br />font-size: 75%;<br />padding-bottom: .5em;<br />color: #EAE7E8;<br />z-index: 50;<br />}<br /><br />#secondary .inner {<br />margin: 0 2em 0 0;<br />padding: 0;<br />}<br /><br />#secondary > .inner:first-child {<br />padding: 0;<br />margin: 0 0 0 -2em;<br />}<br /><br />.one-column #tertiary {<br />clear: both;<br />margin: .5em auto 1em auto;<br />width: 100%;<br />font-size: 75%;<br />color: #EAE7E8;<br />}<br /><br />#tertiary .inner {<br />margin: 0 2em 0 0;<br />padding: 0;<br />}<br /><br />#tertiary > .inner:first-child {<br />padding: 0;<br />margin: 0 0 0 -2em;<br />}<br /><br />/*HEADER*/<br /><br />#header {<br />position: absolute;<br />top: 0;<br />left: 2em;<br />padding: 0;<br />margin: .5em;<br />background-color: transparent;<br />color: #EAE7E8;<br />width: 20%;<br />height: 11em;<br />z-index: 20;<br />}<br /><br />.has-navstrip #header {<br />position: absolute;<br />top: 45px;<br />left: 2em;<br />}<br /><br />#header > .inner {<br />padding: 0;<br />margin: 0;<br />text-align: center;<br />}<br /><br />h1#title {<br />padding: 0;<br />margin: .5em 0 0 0;<br />font-style: italic;<br />font-family: Georgia, serif;<br />font-weight: normal;<br />font-size: 140%;<br />}<br /><br />h2#subtitle {<br />padding: 0;<br />margin: 0;<br />font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;<br />font-weight: normal;<br />font-size: 90%;<br />}<br /><br />h2#pagetitle {<br />display: none;<br />}<br /><br />/*ALL MODULE SECTIONS*/<br /><br />.module {<br />margin: 0;<br />padding: 0;<br />border: 0;<br />}<br /><br />.module a {<br />color: #DCF0C2;<br />text-decoration: none;<br />}<br /><br />.module a:visited {<br />color: #C5C88C;<br />}<br /><br />.module a:hover {<br />color: #FCFCFA;<br />text-decoration: underline;<br />}<br /><br />.module .module-header {<br />color: #C5C88C;<br />padding-bottom: 0px;<br />border-bottom: 1px #B1B7AC dotted;<br />width: 95%;<br />}<br /><br />.module .module-header a {<br />color: #C5C88C;<br />width: 95%;<br />}<br /><br />.module .module-content {<br />width: 94%;<br />}<br /><br />div.module-calendar .module-content a {<br />text-decoration: underline;<br />}<br /><br />div.module-calendar .module-content td.entry-day, div.module-calendar .module-content td.empty-day {<br />border: 1px #9E9599 solid;<br />}<br /><br />.module-userprofile .module-content {<br />text-align: center;<br />min-height: 100px;<br />}<br /><br />.module-userprofile .userpic {<br />float: left;<br />margin-right: .75em;<br />padding: 2px;<br />}<br /><br />.module-userprofile .userpic img {<br />width: 65px;<br />height: 65px;<br />padding: 4px;<br />border: 1px #9E9599 solid;<br />}<br /><br />.module-userprofile .journal-name {<br />padding-top: 20px;<br />}<br /><br />.module-userprofile ul.userlite-interaction-links {<br />margin-top: .25em;<br />}<br /><br />/*TOP MODULES*/<br /><br />#secondary .module {<br />float: right;<br />width: 24%;<br />background-color: #8D8589;<br />}<br /><br />#secondary div.module-navlinks ul.module-list {<br />padding: .75em 0 0 0;<br />margin: 0;<br />}<br /><br />#secondary div.module-navlinks ul.module-list li {<br />list-style: none;<br />}<br /><br />#secondary div.module-navlinks ul.module-list li a {<br />display: block;<br />background-color: #B1B7AC;<br />text-align: center;<br />color: #FCFCFA;<br />}<br /><br />#secondary div.module-calendar .module-content {<br />font-size: 75%;<br />padding-bottom: 0;<br />}<br /><br />#secondary .module-typelist .module-header {<br />text-align: center;<br />}<br /><br />#secondary .module-typelist .module-content {<br />text-align: center;<br />}<br /><br />#secondary .module-typelist .module-content ul {<br />margin: 0;<br />padding: 0;<br />}<br /><br />#secondary .module-typelist .module-content ul li {<br />list-style: none;<br />margin: .15em 0;<br />}<br /><br />/*NAVIGATION TOP*/<br /><br />.topnav {<br />margin: 0 10%;<br />text-align: left;<br />}<br /><br />/*ENTRIES*/<br /><br />div.entry {<br />background-color: #B1B7AC;<br />padding: 0;<br />width: 70%;<br />margin: 0 auto 2em auto;<br />border: 0;<br />}<br /><br />div.entry > div.inner {<br />background-color: #FCFCFA;<br />padding: 0;<br />margin: 0 140px 0 0;<br />border: 0;<br />}<br /><br />div.entry div.header {<br />letter-spacing: 1px;<br />padding: .5em .5em .5em .65em;<br />margin: 0 0;<br />background-color: #FCFCFA;<br />}<br /><br />div.entry div.header a {<br />text-decoration: none;<br />}<br /><br />div.entry h3.entry-title {<br />font-size: 150%;<br />padding: .15em 0;<br />margin: 0 0 0 0;<br />color: #ADB07B;<br />}<br /><br />div.entry h3.entry-title a {<br />color: #ADB07B;<br />}<br /><br />div.entry h3.entry-title a:hover {<br />color: #C5C88C;<br />}<br /><br />div.entry span.datetime {<br />text-transform: uppercase;<br />padding: 0;<br />font-size: 75%;<br />color: #BFBFBF;<br />}<br /><br />div.entry span.datetime a {<br />color: #BFBFBF;<br />}<br /><br />div.entry span.access-filter img {<br />display: none;<br />}<br /><br />div.entry span.restrictions img {<br />display: none;<br />}<br /><br />div.entry-content {<br />margin: 0 0;<br />padding: .75em 1.5em 2em 1.5em;<br />text-align: justify;<br />min-height: 80px;<br />background-color: #FCFCFA;<br />font-size: 95%;<br />color: #444;<br />}<br /><br />div.entry-content a {<br />color: #838F78;<br />}<br /><br />div.entry-content a:hover {<br />color: #664A58;<br />}<br /><br />div.entry div.userpic {<br />float: right;<br />clear: left;<br />margin: 0 -140px 0 0;<br />width: 140px;<br />text-align: center;<br />}<br /><br />div.entry div.userpic img {<br />padding: 4px;<br />margin-top: -30px;<br />margin-bottom: 2px;<br />border: 1px solid #CAD1C5;<br />}<br /><br />div.entry span.poster {<br />float: right;<br />clear: both;<br />text-align: center;<br />margin: 0 -139px 0 0;<br />font-size: 60%;<br />width: 138px;<br />color: #444;<br />}<br /><br />div.entry span.poster a {<br />color: #FCFCFA;<br />font-weight: normal;<br />text-decoration: none;<br />}<br /><br />div.entry span.poster img {<br />display: none;<br />}<br /><br />div.entry div.metadata {<br />font-size: 80%;<br />margin: 0 0;<br />padding: 0 0 0 1.5em;<br />color: #BFBFBF;<br />background-color: #FCFCFA;<br />}<br /><br />div.entry div.metadata span.metadata-item {<br />color: #B1B7AC;<br />}<br /><br />div.entry div.metadata ul, div.entry div.metadata ul li {<br />margin-bottom: 0;<br />}<br /><br />div.entry div.footer {<br />margin: 0 0;<br />padding: 0 1em .75em 1.5em;<br />background-color: #FCFCFA;<br />}<br /><br />div.entry div.footer div.tag {<br />color: #BFBFBF;<br />font-size: 80%;<br />margin: 0 0 0 0;<br />}<br /><br />div.entry div.footer div.tag ul li a {<br />color: #9E9599;<br />}<br /><br />ul.entry-management-links {<br />margin: 0;<br />padding-top: .85em;<br />text-align: center;<br />}<br /><br />ul.entry-interaction-links {<br />margin: 0;<br />text-align: center;<br />}<br /><br />ul.entry-management-links a, ul.entry-management-links a:hover, ul.entry-management-links a:visited, ul.entry-interaction-links a, <br />ul.entry-interaction-links a:hover, ul.entry-interaction-links a:visited {<br />color: #ADB07B;<br />}<br /><br />/*COMMENTS*/<br /><br />#comments {<br />width: 70%;<br />margin: 0 auto;<br />padding: 0;<br />}<br /><br />div.comment {<br />background-color: #FCFCFA;<br />border-bottom: .25em #B1B7AC solid;<br />margin: 0;<br />padding: 0;<br />}<br /><br />.comment-wrapper-even div.comment {<br />border-bottom: .25em #8D8589 solid;<br />}<br /><br />div.comment div.header {<br />margin: 0;<br />font-size: 80%;<br />background-color: #B1B7AC;<br />}<br /><br />.comment-wrapper-even div.comment div.header {<br />background-color: #8D8589;<br />color: #FCFCFA;<br />}<br /><br />div.comment div.comment-title {<br />background-color: #DCF0C2;<br />}<br /><br />div.comment div.comment-title h4 a {<br />padding: .25em .25em 0 .25em;<br />text-transform: uppercase;<br />text-decoration: none;<br />font-weight: normal;<br />font-size: 110%;<br />color: #444;<br />}<br /><br />div.comment span.datetime {<br />padding: .25em .25em 0 .25em;<br />margin: 0;<br />}<br /><br />div.comment span.poster {<br />font-size: 80%;<br />}<br /><br />div.comment span.poster-ip {<br />font-size: 80%;<br />color: #8D8589;<br />}<br /><br />div.comment div.contents {<br />padding: 0 0 0 .25em;<br />margin: 0;<br />}<br /><br />div.comment div.userpic {<br />float: right;<br />width: 76px;<br />text-align: center;<br />margin: .5em;<br />}<br /><br />div.comment div.userpic img {<br />width: 70px;<br />height: 70px;<br />border: 3px #EAE7E8 solid;<br />}<br /><br />div.comment div.comment-content {<br />margin: 0;<br />padding: 1em 0 .5em .75em;<br />font-size: 95%;<br />}<br /><br />div.comment div.footer {<br />margin: 0;<br />clear: both;<br />padding: .5em .25em;<br />text-align: right;<br />font-size: 80%;<br />text-transform: uppercase;<br />}<br /><br />ul.comment-management-links {<br />margin: 0;<br />text-align: center;<br />}<br /><br />ul.comment-interaction-links {<br />margin: 0;<br />text-align: center;<br />}<br /><br />ul.comment-management-links a, ul.comment-management-links a:hover, ul.comment-management-links a:visited, ul.comment-interaction-links a, <br />ul.comment-interaction-links a:hover, ul.comment-interaction-links a:visited {<br />color: #ADB07B;<br />}<br /><br />/*REPLY PAGE*/<br /><br />.page-reply .comment {<br />width: 70%;<br />margin: 0 auto 1em auto;<br />border: 0;<br />background-color: #FCFCFA;<br />}<br /><br />#qrform table { <br />border: 0 !important;<br />}<br /><br />table.talkform {<br />width: 70%;<br />padding: 0 2em;<br />border-top: .75em solid #B1B7AC;<br />border-bottom: .35em solid #B1B7AC; <br />background-color: #FCFCFA; <br />margin: 0 auto;<br />}<br /><br />input, select, textarea {<br />border: 1px solid #B1B7AC;<br />background-color: #FCFCFA;<br />}<br /><br />/*NAVIGATION BOTTOM*/<br /><br />.bottomcomment {<br />padding-bottom: 1em;<br />text-align: center;<br />}<br /><br />.bottomcomment ul {<br />padding-bottom: .75em;<br />}<br /><br />.bottomcomment ul a, .bottomcomment ul a:visited {<br />color: #8D8589;<br />}<br /><br />.bottomnav {<br />margin: 0 10% 0 0;<br />padding-bottom: .4em;<br />text-align: right;<br />}<br /><br />/*BOTTOM MODULES*/<br /><br />#tertiary .module {<br />float: right;<br />width: 24%;<br />font-family: "Times New Roman";<br />margin: 0 0 1em 0;<br />}<br /><br />#tertiary .module .module-content ul {<br />list-style-position: inside;<br />}<br /><br />#tertiary .module-tags_cloud {<br />width: 48%;<br />}<br /><br />#tertiary .module-tags_cloud .module-content {<br />text-align: justify;<br />margin: 0;<br />padding: 0 1.5em;<br />}<br /><br />#tertiary .module-tags_cloud .module-content ul {<br />margin: 0;<br />padding: 0 1.5em 0 0;<br />}<br /><br />#tertiary .module-tags_cloud .manage-tags-link {<br />text-align: right;<br />text-transform: uppercase;<br />margin-bottom: .75em;<br />}<br /><br />#tertiary .module-active .module-content ul.module-list {<br />list-style-type: none;<br />list-style-position: outside;<br />}<br /><br />#tertiary .module-time, #tertiary .module-powered, #tertiary .module-syndicate {<br />clear: both;<br />margin: 0 0 1em 0;<br />width: 95%;<br />}<br /><br />#tertiary .module-syndicate .module-header {<br />display: none;<br />}<br /><br />#tertiary .module-time .module-content, #tertiary .module-powered .module-content, #tertiary .module-syndicate .module-content {<br />text-align: right;<br />text-transform: uppercase;<br />font-size: 90%;<br />}<br /><br />/*FOOTER*/<br /><br />#footer {<br />text-align: center;<br />font-size: 80%;<br />font-family: "Times New Roman";<br />text-transform: uppercase;<br />background-color: #8D8589;<br />}<br /><br />#footer a {<br />color: #EAE7E8;<br />}<br /><br />/*ARCHIVE*/<br /><br />.page-archive div.month {<br />margin: .25em auto 1.75em auto;<br />padding: 0;<br />width: 70%;<br />float: none;<br />margin: .25em auto 1.75em auto;<br />background-color: #FCFCFA;<br />}<br /><br />.page-archive div.month h3 {<br />background-color: #8D8589;<br />color: #FCFCFA;<br />padding: 0 .5em;<br />}<br /><br />.page-archive div.month table { <br />width: 70%; <br />margin: 1em auto;<br />}<br /><br />.page-archive div.month td {<br />border: 1px #CAD1C5 solid;<br />}<br /><br />.page-archive div.month th {<br />text-align: center; <br />margin: 0 2px; <br />font-weight: normal;<br />border: 1px #CAD1C5 solid; <br />}<br /><br />.page-archive div.month td.day-has-entries p { <br />padding: 0 0 0 5px; <br />margin: 0; <br />display: inline; <br />}<br /><br />.page-archive div.month div.footer {<br />text-align: right;<br />padding: .5em;<br />}<br /><br />.page-month #archive-month { <br />background-color: #FCFCFA;<br />width: 70%;<br />margin: 0 auto;<br />clear: both;<br />}<br /><br />.page-month #archive-month > .inner {<br />margin: .5em 2em;<br />padding-top: .5em;<br />}<br /><br />.page-month dt a {<br />font-size: 110%;<br />color: #ADB07B;<br />}<br /><br />.page-month dd {<br />border-bottom: 1px dotted #EAE7E8;<br />margin-bottom: .75em;<br />}<br /><br />.page-month .month div.tag {<br />margin-left: .75em;<br />font-size: 85%;<br />}<br /><br />.page-day h3.day-date {<br />text-align: center;<br />}<br /><br />/*TAGS PAGE*/<br /><br />.page-tags .tags-container {<br />margin: 1em auto;<br />width: 70%;<br />padding: 0;<br />background-color: #FCFCFA;<br />}<br /><br />.page-tags .tags-container h2 { <br />padding: 0 .5em; <br />margin: 0;<br />background-color: #B1B7AC;<br />color: #FCFCFA;<br />}<br /><br />.page-tags .ljtaglist ul {<br />list-position: inside;<br />}<br /><br />.page-tags .manage-tags-link {<br />text-align: right;<br />padding: 0 .5em .5em .5em;<br />}<br /><br />/*LOCKED AND RESTRICTED ENTRIES*/<br /><br />img[src*='locked.png'], img[src*='filtered.png'], img[src*='private.png'], img[src*='icon_18.png'], img[src*='icon_nsfw.png'] {<br />width: 0;<br />height: 0;<br />padding: 0 5px 18px 0;<br />}<br /><br />.security-protected .entry .entry-title, img[src*='locked.png']{<br />padding-left: 20px;<br />background: transparent url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/AccessGrant.png') no-repeat center left;<br />}<br /><br />.security-filtered .entry .entry-title, img[src*='filtered.png'] {<br />padding-left: 20px;<br />background: transparent url('http://yoursite/images/securityfiltered.png') no-repeat center left;<br />}<br /><br />.security-private .entry .entry-title, img[src*='private.png'] {<br />padding-left: 20px;<br />background: transparent url('http://yoursite/images/securityprivate.png') no-repeat center left;<br />}<br /><br />.restrictions-18 .entry .entry-title a, img[src*='icon_18.png'] {<br />padding-left: 20px;<br />background: transparent url('http://yoursite/images/restricted18.png') no-repeat center left;<br />}<br /><br />.restrictions-NSFW .entry .entry-title a, img[src*='icon_nsfw.png'] {<br />padding-left: 20px;<br />background: transparent url('http://yoursite/images/restrictednsfw.png') no-repeat center left;<br />}<br /><br />/*ICONS*/<br /><br />img[src*='edit.png'] {<br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Edit.png') no-repeat;<br />}<br /><br />img[src*='tag_edit.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/EditTags.png') no-repeat;<br />}<br /><br />img[src*='memories_add.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/AddToMemories.png') no-repeat;<br />}<br /><br />img[src*='track.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Track.png') no-repeat;<br />}<br /><br />img[src*='tellafriend.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Share.png') no-repeat;<br />}<br /><br />img[src*='next.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/entrynext.png') no-repeat;<br />}<br /><br />img[src*='previous.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/entryprevious.png') no-repeat;<br />}<br /><br />img[src*='anonymous.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/User.png') no-repeat;<br />}<br /><br />img[src*='delete.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/delete.png') no-repeat;<br />}<br /><br />img[src*='screen.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/screen.png') no-repeat;<br />}<br /><br />img[src*='unscreen.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/unscreen.png') no-repeat; <br />}<br /><br />img[src*='freeze.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/freeze.png') no-repeat;<br />}<br /><br />img[src*='unfreeze.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/unfreeze.png') no-repeat;<br />}<br /><br />img[src*='subscription_add.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Subscribe.png') no-repeat; <br />}<br /><br />img[src*='subscription_remove.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/subscriberemove.png') no-repeat;<br />}<br /><br />img[src*='access_grant.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/AccessGrant.png') no-repeat;<br />}<br /><br />img[src*='access_remove.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/accessremove.png') no-repeat; <br />}<br /><br />img[src*='community_join.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/communityjoin.png') no-repeat;<br />}<br /><br />img[src*='community_leave.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/communityleave.png') no-repeat; <br />}<br /><br />img[src*='post.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Edit.png') no-repeat; <br />}<br /><br />img[src*='message.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/SendMessage.png') no-repeat;<br />}<br /><br />img[src*='sticky_entry.png'] {<br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://yoursite/images/sticky.png') no-repeat; <br />}<br /><br />.ljuser img {<br />width: 0;<br />height: 0;<br />background: url(http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Directions.png);<br />padding: 0 0 16px 18px;<br />}<br /><br />img[src*='user.png'] { <br />width: 0; height: 0; <br />padding: 16px 18px 0 0; <br />background: url('http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Directions.png') no-repeat; <br />vertical-align: middle !important;<br />}<br /><br />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'] { <br />background: url('http://yoursite/images/user.png') no-repeat bottom left;<br />padding: 0 0 16px 18px;<br />}<br /><br />img[src*='community.png'], img[src*='community.gif'], img[src*='comm_staff.png'] { <br />background: url('http://yoursite/images/community.png') no-repeat bottom left;<br />padding: 0 0 16px 18px;<br />width: 0; height: 0; <br />}<br /><br />img[src*='openid.png'] {<br />background: url('http://yoursite/images/openid.png') no-repeat bottom left;<br />padding: 0 0 16px 18px;<br />width: 0; height: 0;<br />}<br /><br />/*CONTEXTUAL POP-UP*/<br /><br />div.ContextualPopup div.Inner { <br />font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;<br />background: #FCFCFA; <br />border: 3px double #B1B7AC; <br />color: #8D8589; <br />padding: 3px; <br />text-transform: lowercase;<br />}<br /><br />div.ContextualPopup .Content { <br />padding: 1em;<br />}<br /><br />div.ContextualPopup .Relation { <br />margin-bottom: .8em;<br />}<br /><br />div.ContextualPopup .Userpic { <br />float: right; <br />width: 50px; height: 50px; <br />padding: 4px; <br />border: 1px solid #CAD1C5; <br />margin-right: .5em;<br />}<br /><br />div.ContextualPopup img { <br />border: 0;<br />}<br /><br />div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { <br />color: #ADB07B; <br />font-weight: normal;<br />}<br /><br />/*CONTROL STRIP*/<br /><br />#lj_controlstrip {<br />background-color: #9E9599;<br />background-image: none;<br />border-bottom: 1px dotted #B1B7AC;<br />}<br /><br />#lj_controlstrip a {<br />font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;<br />color: #DCF0C2;<br />}<br /><br />#lj_controlstrip_statustext, #lj_controlstrip_actionlinks, #lj_controlstrip_search {<br />font-family: 'Lucida Grande', Helvetica, sans-serif !important;<br />color: #EAE7E8 !important;<br />}<br /><br />#lj_controlstrip_login input, #lj_controlstrip_login input#xc_user, #lj_controlstrip_login input#xc_password,<br />#lj_controlstrip_user input, #lj_controlstrip_search select, #lj_controlstrip_search input, <br />#lj_controlstrip_search input#search, #lj_controlstrip_actionlinks select, #lj_controlstrip_actionlinks input {<br />padding: 0px 2px;<br />text-transform: uppercase;<br />font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;<br />color: #8D8589;<br />border: 1px solid #8D8589;<br />background-color: #EAE7E8;<br />}<br /><br />#lj_controlstrip_login input:hover, #lj_controlstrip_user input:hover, #lj_controlstrip_search input:hover, <br />#lj_controlstrip_actionlinks input:hover {<br />color: #EAE7E8;<br />border: 1px solid #EAE7E8;<br />background-color: #716b6e;<br />}<br /><br />#lj_controlstrip_search input#search {<br />text-transform: none;<br />}

ETA: SOLVED the issue with the tiny user icon. :)

Comments

[mmmag]

1. Well, since I'm in your access list, the 'give access' image doesn't show because I've already given you access. The image changes to 'access remove' and you haven't set that in your css. The same goes for 'unsubscribe'. So make sure that 'access_grant' and 'access_remove' have the same background url. Do the same for the subscriptions.

2. Be sure to change the img url of this line as well to the DW userhead of your choice:
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']

3. Add background-color: #8D8589; to .has-navstrip #secondary. This gives that section a background color, so that it all looks level. You may want to play with the margins of .topnav, if you want more spacing between that top section and the top page navigation links.

Hopefully, this makes sense. I'm a bit sleep deprived.

[aldro]

All tiny icons should be visible now, thank you. I also managed to level the entire top bar. You made perfect sense. :D

I do have one more question. (I'm a pain, I know...) I can't seem to get my Network (feeds) to show up in the navigation menu. It's also in the preview, so I kind of figured it would show automatically once I have an RSS feed in my network, but it doesn't. The whole feeds thing is new to me, so I might just be doing something wrong. Nevertheless, any thoughts?

[mmmag]

Network is a paid account feature. It shows up for journals with paid accounts regardless if they have subscribed to rss feeds. It's Dreamwidth's version of friendsoffriends, and that is also only available to paid accounts.

Also, I was reading your other query about Active Entries, and unfortunately for you, that's a paid account feature as well. It won't show up for you in modules so you can't turn it off and it will show up when you view paid account journals in your style. The next best thing is adding this to your css:
.module-active { display: none; }

You can hide that module using css!

[aldro]

Aha, now I know why it doesn't show up in my modules list. Sneaky... :P

But the code you gave me to add to my CSS worked like a charm! Thank you VERY much! :D

[dchan]

I'm not on your access list, so I can see the 'Access Grant' tiny icon.

I'm not 100% certain this is the problem, but I think you need to make sure to define the location of the images in the block under /* ICONS */ as well as (instead of?) under the /* LOCKED AND RESTRICTED ENTRIES */ block. (FYI, there are number of other icons that aren't defined under the icons block as well, but they're less used functions so you may not have noticed.)

I'm not all that good with CSS though, so I might just be mucking things up. Be sure to save a copy of the previous version if I'm wrong so you can revert if necessary. :)

[tree]

re: the calendar, are you using the updated CSS? i know when sarken first posted it, she posted an older version that didn't have the edit for the calendar. that said, in the comments to the the post on dreamwidthlayouts, foxfirefey was having the same issue after altering the code and i don't know if that was resolved.