Displaying Tags (smooth sailing)
Journal Preview: thehidingpanda
Style Name: Smooth Sailing
Account Type: Basic
Problem/Question: I haven't ever used a smooth sailing layout before, but I really liked this one - the only thing I wish I could change is that the tags within the entries are displayed. I'm not familar with smooth sailing coding so any help would be greatly appreciated and thanks in advance.
body { font-family: calibri; font-size: 12px; margin: 0px auto; background: #f7f7f7; color: #000000; } a, a:visited { color: #C2584A; text-transform: lowercase; text-decoration: none; font-weight: normal; } a:hover { color: #C43434; } b, bold { font-weight: normal; color: #333; } blockquote { border: 1px solid #eee; margin: 5px 30px; padding: 10px; } .bodyblock { margin: 0px auto; width: 800px; } .pageheaderblock, .header-title, .body-title, .body-midtitle, .bodyheaderblock, .pagefooterblock { display: none; } .entryHolder { color: #888; margin: 15px auto 0px 205px; } .entryUserinfo { text-align: center; font-family: georgia; font-size: 10px; font-style: italic; margin: -34px 0 0 0; padding: 10px; border: 1px solid #eee; background: #fff; } .entryUserinfo-usericon img { border: 0; padding: 0px; width: 80px; height: 80px; } .entryText { margin: 0 0 0 8px; font-family: arial; font-size: 11px; text-align: justify; min-height: 80px; max-width: 505px; background: #fff; padding: 15px; border: 1px solid #eee; } .entryText img { max-width: 460px; } .entryHeader { color: transparent; font-family: calibri; line-height: 125%; margin-left: 110px; font-size: 11px; text-transform: uppercase; overflow: hidden !important; } .entryHeader a { color: #C2584A; text-transform: uppercase; } .entryHeader a:hover { text-decoration: none; color: #C43434; } .entryHeaderDate { color: #E8E8D0; text-decoration: none; padding: 5px; float: right; } .entryHeaderSubject { font-weight: normal; display: block; background: #fff; padding: 10px 0 8px 5px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; font-size: 12px; } .entryMetadata { display: none; } .entryLinkbar { text-align: center; letter-spacing: 1px; margin: -8px 0 0 0; } .entryLinkbar ul { margin-right: -1px; padding: 0px; } .entryLinkbar li { margin: 0px; display: block; float: right; padding: 0 5px 5px 5px; } .entryLinkbar li:hover{ color: #9CC9C0; } .entryLinkbar li a{ color: #C43434; font-family: calibri; font-size: 11px; text-transform: uppercase; } .entryLinkbar li a:hover{ color: #C2584A; } .commentHolder { max-width: 535px; color: #555; margin: 10px 0px 4px 315px; border: 1px solid #eee; } .commentUserinfo { text-align: center; min-height: 100px; font-family: arial; font-size: 11px; padding: 5px; background: #fff; } .commentUserinfo-usericon img { border: 0; margin: 0; height: 70px; width: 70px; } .commentText { padding: 6px; font-family: arial; font-size: 11px; background: #F6F6F6; min-height: 90px; } .commentHeader { background: #fff; color: #444; text-transform: uppercase; font-size: 11px; padding: 6px 0px 8px 8px; } .commentHeader a{ color: #000000; } .commentHeaderScreened { font-size: 12px; background: #ccc; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: bold; } .commentLinkbar { background: #fff; font-size: 0px; color: #fff; text-align: right; padding-bottom: 4px; } .commentLinkbar a { font-size: 11px; text-transform: uppercase; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } .replyform { background-color: #f8f8f8; color: #000000; padding-left: 10px; } .yearlinks{ text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 370px; border: 1px solid #dddddd; margin: 10px auto; } .daysubjects { color: #444; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; border: 1px solid #dddddd; background: #FFF; color: #444; padding: 5px 0; } .day-blank { border: 1px solid #dddddd; } .day { border: 1px solid #dddddd; padding: 0 0 5px 0; } .day-date { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #666; width: 50%; text-align: center; } .day-count { width: 40%; text-align: center; float: right; font-size: 12px; } .day-count a { text-decoration: none; color: #555; } .sidebar{ margin: auto !important; width: 200px; font-size: 11px; font-family: arial; background: transparent; padding: 0 0 5px 0; position: fixed; } .sidebar a { text-transform: lowercase; letter-spacing: .8px; font-size: 12px; color: #787860; } .sidebar a:hover { color: #909078; } .sidebox { color: #b0b0b0; margin: 14px 0px 4px 0px; } .sideboxContent { text-align: left; } .sidebox #freetext { text-align: justify; padding: 15px; font-color: #ccc; } .sideboxTitle, .sidebox #profile, .sidebox #latestmonth, .sidebox #search, .sidebox #tags_sidebox, .sidebox #summary { display: none; } .sidebox #systemlinks { text-align: left; } .sidebox #latestmonth table { width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; padding: 10px;} .listitem { display: block; padding: 10px; margin: 5px; background: #C43434; } .listitem a { color: #fff; font-family: calibri; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .listitem a:hover { color: #F5F5F5; } .listitem:hover { color: #666; background: #C2584A; padding: 10px; } .header-menu { background: #333; margin: -45px 0 10px 0; padding: 30px 0; text-align: center; } .header-menu a, .header-menu a:visited { color: #c9c9c9; font-family: arial rounded mt bold; letter-spacing: 1px; font-size: 10px; margin-left: 10px; padding: 2px 0; text-transform: uppercase; list-style: none; display: inline; border-bottom: 2px solid #4a4a4a; } .header-menu a:hover { color: #fff; border-bottom: 2px solid #fff; } #footer-menu { font-family: calibri; letter-spacing: .5px; font-size: 12px; padding: 15px 0; text-align: right; } #footer-menu a, .footer-menu a:visited { color: #555; white-space: nowrap; padding: 10px 0 0 10px; text-transform: uppercase; } #footer-menu a:hover { color: #666; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; list-style-type: none; } .tagstable, .tagstable td { border: 0px solid #eee; } .tagstable { width: 500px; } #lj_controlstrip{ display: yes; } span.ljuser, span.ljuser a b{ font-weight: normal; color: #555; padding: 0px; width: 0px; height: 0px; margin: 0px; } span.ljuser img, .ljuser img{ display: none; } img[src*="icon_protected.gif"], img[src*="icon_groups.gif"], img[src*="icon_private.gif"] { background: url('http://i42.tinypic.com/zmh7cp.png') !important; background-repeat: no-repeat; height: 0; padding: 0 16px 16px 0 !important; width: 0; margin: -2px -3px -4px -8px; }
Style Name: Smooth Sailing
Account Type: Basic
Problem/Question: I haven't ever used a smooth sailing layout before, but I really liked this one - the only thing I wish I could change is that the tags within the entries are displayed. I'm not familar with smooth sailing coding so any help would be greatly appreciated and thanks in advance.
body { font-family: calibri; font-size: 12px; margin: 0px auto; background: #f7f7f7; color: #000000; } a, a:visited { color: #C2584A; text-transform: lowercase; text-decoration: none; font-weight: normal; } a:hover { color: #C43434; } b, bold { font-weight: normal; color: #333; } blockquote { border: 1px solid #eee; margin: 5px 30px; padding: 10px; } .bodyblock { margin: 0px auto; width: 800px; } .pageheaderblock, .header-title, .body-title, .body-midtitle, .bodyheaderblock, .pagefooterblock { display: none; } .entryHolder { color: #888; margin: 15px auto 0px 205px; } .entryUserinfo { text-align: center; font-family: georgia; font-size: 10px; font-style: italic; margin: -34px 0 0 0; padding: 10px; border: 1px solid #eee; background: #fff; } .entryUserinfo-usericon img { border: 0; padding: 0px; width: 80px; height: 80px; } .entryText { margin: 0 0 0 8px; font-family: arial; font-size: 11px; text-align: justify; min-height: 80px; max-width: 505px; background: #fff; padding: 15px; border: 1px solid #eee; } .entryText img { max-width: 460px; } .entryHeader { color: transparent; font-family: calibri; line-height: 125%; margin-left: 110px; font-size: 11px; text-transform: uppercase; overflow: hidden !important; } .entryHeader a { color: #C2584A; text-transform: uppercase; } .entryHeader a:hover { text-decoration: none; color: #C43434; } .entryHeaderDate { color: #E8E8D0; text-decoration: none; padding: 5px; float: right; } .entryHeaderSubject { font-weight: normal; display: block; background: #fff; padding: 10px 0 8px 5px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; font-size: 12px; } .entryMetadata { display: none; } .entryLinkbar { text-align: center; letter-spacing: 1px; margin: -8px 0 0 0; } .entryLinkbar ul { margin-right: -1px; padding: 0px; } .entryLinkbar li { margin: 0px; display: block; float: right; padding: 0 5px 5px 5px; } .entryLinkbar li:hover{ color: #9CC9C0; } .entryLinkbar li a{ color: #C43434; font-family: calibri; font-size: 11px; text-transform: uppercase; } .entryLinkbar li a:hover{ color: #C2584A; } .commentHolder { max-width: 535px; color: #555; margin: 10px 0px 4px 315px; border: 1px solid #eee; } .commentUserinfo { text-align: center; min-height: 100px; font-family: arial; font-size: 11px; padding: 5px; background: #fff; } .commentUserinfo-usericon img { border: 0; margin: 0; height: 70px; width: 70px; } .commentText { padding: 6px; font-family: arial; font-size: 11px; background: #F6F6F6; min-height: 90px; } .commentHeader { background: #fff; color: #444; text-transform: uppercase; font-size: 11px; padding: 6px 0px 8px 8px; } .commentHeader a{ color: #000000; } .commentHeaderScreened { font-size: 12px; background: #ccc; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: bold; } .commentLinkbar { background: #fff; font-size: 0px; color: #fff; text-align: right; padding-bottom: 4px; } .commentLinkbar a { font-size: 11px; text-transform: uppercase; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } .replyform { background-color: #f8f8f8; color: #000000; padding-left: 10px; } .yearlinks{ text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 370px; border: 1px solid #dddddd; margin: 10px auto; } .daysubjects { color: #444; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; border: 1px solid #dddddd; background: #FFF; color: #444; padding: 5px 0; } .day-blank { border: 1px solid #dddddd; } .day { border: 1px solid #dddddd; padding: 0 0 5px 0; } .day-date { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #666; width: 50%; text-align: center; } .day-count { width: 40%; text-align: center; float: right; font-size: 12px; } .day-count a { text-decoration: none; color: #555; } .sidebar{ margin: auto !important; width: 200px; font-size: 11px; font-family: arial; background: transparent; padding: 0 0 5px 0; position: fixed; } .sidebar a { text-transform: lowercase; letter-spacing: .8px; font-size: 12px; color: #787860; } .sidebar a:hover { color: #909078; } .sidebox { color: #b0b0b0; margin: 14px 0px 4px 0px; } .sideboxContent { text-align: left; } .sidebox #freetext { text-align: justify; padding: 15px; font-color: #ccc; } .sideboxTitle, .sidebox #profile, .sidebox #latestmonth, .sidebox #search, .sidebox #tags_sidebox, .sidebox #summary { display: none; } .sidebox #systemlinks { text-align: left; } .sidebox #latestmonth table { width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; padding: 10px;} .listitem { display: block; padding: 10px; margin: 5px; background: #C43434; } .listitem a { color: #fff; font-family: calibri; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .listitem a:hover { color: #F5F5F5; } .listitem:hover { color: #666; background: #C2584A; padding: 10px; } .header-menu { background: #333; margin: -45px 0 10px 0; padding: 30px 0; text-align: center; } .header-menu a, .header-menu a:visited { color: #c9c9c9; font-family: arial rounded mt bold; letter-spacing: 1px; font-size: 10px; margin-left: 10px; padding: 2px 0; text-transform: uppercase; list-style: none; display: inline; border-bottom: 2px solid #4a4a4a; } .header-menu a:hover { color: #fff; border-bottom: 2px solid #fff; } #footer-menu { font-family: calibri; letter-spacing: .5px; font-size: 12px; padding: 15px 0; text-align: right; } #footer-menu a, .footer-menu a:visited { color: #555; white-space: nowrap; padding: 10px 0 0 10px; text-transform: uppercase; } #footer-menu a:hover { color: #666; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; list-style-type: none; } .tagstable, .tagstable td { border: 0px solid #eee; } .tagstable { width: 500px; } #lj_controlstrip{ display: yes; } span.ljuser, span.ljuser a b{ font-weight: normal; color: #555; padding: 0px; width: 0px; height: 0px; margin: 0px; } span.ljuser img, .ljuser img{ display: none; } img[src*="icon_protected.gif"], img[src*="icon_groups.gif"], img[src*="icon_private.gif"] { background: url('http://i42.tinypic.com/zmh7cp.png') !important; background-repeat: no-repeat; height: 0; padding: 0 16px 16px 0 !important; width: 0; margin: -2px -3px -4px -8px; }
