It's either a very simple or complex set of issues.

Nov 28, 2009 02:32

1) If you look at errortrail, the sidebar is to the right and the entries are centered, while the same layout at arcanashift is not. Is there a way to fix this?

2) If you look at the top entry of errortrail, you can see that the entry background is spilling out and so is the image. Is there a way to fix this and is there a code to prevent images from going over the entry?

3) Is there a way to code the security icon in the day-titles section?

4) Finally, is there a way to make the locked user icon not be so high up?

Here are the codes, and thank you so much for any help on this!

/* PAGE */

body {font-family: Times New Roman, sans-serif; font-size: 12px; background-color: #C1CDC1; color: #000000; background-image: url(''); width:

100%;}

a {color: #659D32; text-decoration: none;}

a:visited {color: #659D32;}

.pageblock{width: 700px; margin: 0 auto!important; background-color: #C1CDC1;}

.pagefooterblock {display: none;}

.pagefooterblock a, .pagefooterblock a:visited {color: #000000;}

/* HEADER */

.pageheaderblock {text-align: center; width: 700px; background: url(http://img442.imageshack.us/img442/5885/springtest.png) no-repeat bottom center;

padding-bottom: 310px;}

.pageheaderblock hover {background-color: #000;}

.header-title {background-color: #303030; font-family: Georgia, serif; font-size: 20px; color: #fff; padding: 0px; width: 700px; text-align: center;
}

.header-subtitle {display: none;}

.header-icon {display: none;}

.header-menu {padding: 5px 0px 10px 0px; background-color: #303030; font-family: ; font-size: 10px; line-height: 10px; width: 700px;
}

.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: center; padding: 5px; color: #fff; text-decoration: none;
text-transform: uppercase; background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/leaf.png)no-repeat left center;
padding-left: 20px;}

.header-menu a:hover {color: #3299CC; background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/weather-rain.png)no-repeat left center;
padding-left: 20px;}

.header-menu ul, #footer-menu ul {margin: 5px; padding: 0px;}

.header-menu li, #footer-menu li {display: inline;}

/* BODY */

.bodyblock {padding-top: 10px;}

.bodyheaderblock {background-color: #fff; padding: 0px;}

.bodynavblock {background-color: #fff; color: #000000; margin: 10px 0px 4px 0px; padding: 8px; display: none;}

.bodynavblock a, .bodynavblock a:visited {color: #000000;}

.body-title {display: none;}

.body-midtitle {font-family: ; font-size: 20px; color: #fff; text-align: center; width: 700px; background-color: #303030; display: none;}

/*ENTRIES*/

.entryHolder {color: #303030; background-color: #fff; font-family: ; font-size: 12px; margin-right: 10px; width: 700px; margin: 0 auto;}

.entryUserinfo {text-align: center; margin: 20px 3px 8px 5px; background-color: #fff; text-transform: uppercase;}

.entryUserinfo-username {padding-top: 3px; font-size: 11px;}

.entryUserinfo-usericon img {border: 1px solid #CDC9C9; padding: 5px;}

.entryUserinfo-usericon img:hover {border: 1px solid #3299CC; padding: 5px;}

.entryText {padding: 10px; text-align: justify; margin-top: 12px; background-color: #fff;}

.entryHeader {background-color: #303030; color: #000000; font-family: ; font-size: 10px; width: 700px; padding: 10px 0px 10px 0px; text-align: center;}

.entryText img {max-width: 580px; overflow: hidden!important;}

.entryHeader a{color: #fff;}

.entryHeaderSubject {font-weight: normal; font-family: Georgia, serif; font-size: 10px; text-align: center; text-transform: uppercase; margin-left: 5px;}

.entryHeaderSubject a:hover {background-color: #629632; text-decoration: none; padding: 5px;}

.entryHeaderDate a {color: #fff; text-decoration: none;}

.entryHeaderDate a:hover {color: #fff; text-decoration: none;}

.entryHeaderDate {color: #fff; text-decoration: none; background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/calendar.png) no-repeat left

center; padding-left: 20px; font-size: 10px; text-transform: uppercase; margin-bottom: 2px;}

.entryMetadata {padding: 5px; margin-left: 5px;}

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

.entryMetadata li {list-style: none; display: block; padding-right: 10px; background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/status.png)

no-repeat left center; padding-left: 20px;}

.entryMetadata-label {font-weight: normal; padding-right: 4px;}

.entryLinkbar {font-family: Times New Roman, sans-serif; font-size: 10px; color: #fff; text-align: center; padding: 10px 0px 0px 0px;
border-bottom: 10px solid #C1CDC1;}

.entryLinkbar ul {margin: 0px; padding: 10px; background-color: #303030;}

.entryLinkbar li {padding: 5px 0px 10px 0px; margin: 5px; display: inline; background-color: #303030;}

.entryLinkbar a {color: #fff; text-decoration: none; text-transform: uppercase;}

.entryLinkbar a[href*="memadd"] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/script.png) no-repeat left center;
padding-left: 20px;}

.entryLinkbar a[href*="memadd"]:hover {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/paper-plane.png) no-repeat left center;
padding-left: 20px;}

.entryLinkbar a[href*="editjournal"] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/book.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="editjournal"]:hover {
background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/book-open.png)no-repeat left center; padding-left: 20px;}

.entryLinkbar a[href*="reply"] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/balloons.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="reply"]:hover {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/balloon-ellipsis.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/blog.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a:hover {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/blog-blue.png)no-repeat left center; padding-left: 20px;
color: #3299CC;}

.entryLinkbar a[href*="edittags"] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/document-list.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="edittags"]:hover {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/reports-stack.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="subscriptions"] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/newspaper-1.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="subscriptions"]:hover {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/newspapers.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="readcomments"] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/document-list.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="tellafriend"] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/address-book-blue.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="tellafriend"]:hover {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/address-book-open.png) no-repeat left center; padding-left: 20px; padding-top: 2px;}

.entryLinkbar a[href*="?nc="] {background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/balloon-ellipsis.png) no-repeat left center;
padding-left: 20px; padding-top: 2px;}

blockquote {padding: 10px; background-color: #DBE6E0; font-family: Arial, serif; font-size: 11px; color: #303030;}

/*FOOTER*/

#footer-menu {font-size: 11px;}

#footer-menu a, .footer-menu a:visited {color: #000000; white-space: nowrap; padding: 6px; text-align: left;}

/*SIDEBAR*/

.sidebar {font-family: ; font-size: 12px; width: 200px; background-color: #C1CDC1; margin-right: 10px; float: right;}

.sidebox {color: #303030; background-color: #fff; margin-bottom: 10px;}

.sideboxTitle {background-color: #303030; color: #fff; font-family: Times New Roman, sans-serif; font-size: 10px; padding: 10px 0px 10px 0px;
text-align: center; text-transform: uppercase;}

.sideboxContent {text-align: left; padding: 10px; background-color: #fff; color: #303030;}

.sidebox #profile, .sidebox #search {text-align: center; background-color: #fff;}

.sidebox #tags_sidebox {text-align: center; background-color: #fff;}

.sidebox #latestmonth {font-size: 10px;}

.latestmonth-active{ background: #fff; border: 1px solid #ccc; margin:1px; padding: 5px; color: #629632;}

.latestmonth-inactive{background:transparent; border:1px solid #ccc; margin: 1px; padding: 5px;}

.latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active {color: #629632; text-decoration:none;}

.latestmonth-active a:hover{color: #303030; text-decoration:none!important; }

.latestmonth-active:hover {border: 1px solid #ccc;}

.sidebox #systemlinks {text-align: center; background-color: #fff;}

.sidebox #latestmonth table {width: 80%; margin-left: auto; margin-right: auto; background-color: #fff;}

.listtitle {font-weight: normal; padding: 10px 0px 10px 0px; text-align: left; font-size: 12px;}

.listitem {padding: 5px; border: 1px solid #ccc; margin-top: 5px; text-align: left;}

.listitem a {color: #659D32; background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/bug.png)no-repeat left center; padding-left: 20px;}

.listitem a:hover {color: #3299CC;
background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/direction.png)no-repeat left center; padding-left: 20px;}

.profile-label {font-weight: normal;}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {color: #303030; background-color: #fff; font-family: ; font-size: 12px; margin: 4px 0px 4px 0px; width: 700px;}

.commentUserinfo {text-align: center; margin: 20px 3px 8px 5px; background-color: #fff; text-transform: uppercase; padding-top: 3px;}

.commentUserinfo-usericon img {border: 1px solid #CDC9C9; padding: 5px;}

.commentText {padding: 10px; margin-top: 12px; margin-left: 10px;}

.commentHeader {background-color: #303030; color: #fff; font-family: Times New Roman, serif; font-size: 12px; padding: 10px 0px 10px 0px;
text-align: center;}

.commentHeader a{color: #fff;}

.commentHeaderScreened {font-family: ; font-size: 12px; background-color: #cccccc;padding: 4px 0px 4px 8px;}

.commentHeaderDate {font-weight: normal;
background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/heart.png)no-repeat left center; padding-left: 20px;}

.commentLinkbar {font-family: Times New Roman, sans-serif; font-size: 10px; color: #fff; text-align: center; background-color: #303030;}

.commentLinkbar ul {margin: 0px; padding: 10px; background-color: #303030;}

.commentLinkbar li {padding: 10px; margin: 5px; display: inline; background-color: #303030;}

.commentLinkbar a{color: #fff; text-decoration: none; text-transform: uppercase;}

.replyform {background-color: #f8f8f8; color: #000000; padding-left: 10px;}

#commenttext{width: 100%;}

#qrform table { border: none !important;}

img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important;
background: url (http://i974.photobucket.com/albums/ae221/Arcanizer/status_offline.png) no-repeat scroll 50% 50%; }

img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url() no-repeat scroll 50% 50%; }

img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url() no-repeat scroll 50% 50%;}

img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url() no-repeat scroll 50% 50%; }

img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url() no-repeat scroll 50% 50%; }

img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url() no-repeat scroll 50% 50%; }

img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important;
background: url (http://i974.photobucket.com/albums/ae221/Arcanizer/report_edit.png) no-repeat scroll 50% 50%; }

/*ARCHIVE PAGE*/

.yearlinks{text-align: right;}

.yearlink{padding-left: 4px; padding-right: 4px;}

.month {width: 700px; margin: 8px 8px 8px 40px; margin: 0 auto; border-top: 10px solid #C1CDC1; border-bottom: 10px solid #C1CDC1;
text-transform: uppercase;}

.daysubjects {color: #303030; padding: 8px 8px 8px 40px;}

.daytitles {text-align: center; border: 1px solid #C1CDC1; background: #303030; color: #fff;}

.day-blank {border: 1px solid #C1CDC1;}

.day {border: 1px solid #C1CDC1;}

.day-date {border-right: 1px solid #C1CDC1; border-bottom: 1px solid #C1CDC1; color: #303030; width: 40%; text-align: center; font-size: 10px;}

.day-count {width: 50%; text-align: center; float: right; font-size: 10px;}

.day-count a {text-decoration: none; color: #303030; font-size: 12px;}

/*TAGS PAGE*/

.tagstable, .tagstable td {border: 1px solid #C1CDC1;}

.tagstable {width: 600px; }

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {width: 0; height: 0; padding: 16px 0px 0px 16px;
background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/leaf-wormhole.png)no-repeat left center;}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {width: 0; height: 0; padding: 16px 0px 0px 16px;
background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/bell-1.png)no-repeat left center;}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 0px 0px 16px;
background: url(http://i974.photobucket.com/albums/ae221/Arcanizer/lock-1.png);}

/*CONTEXTUAL POPUP*/

div.ContextualPopup div.Inner {background: #DBECE0; border: 0; padding: 5px; color: #828282 !important;
font-family: Times New Roman, sans-serif;}

div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {font-weight: bold !important; color: #659D32;}

div.ContextualPopup .Userpic {padding:5px; background:#fff; margin:4px; border: 1px solid #CDC9C9;}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: normal; color: #659D32 ! important;}

.ljuser a b {font-weight: normal;}

security icons, sidebar

Previous post Next post
Up