Name of journal:
workshop_reesLayout Style: Smooth Sailing
Basic, Paid or Plus: Basic
Problem you are having: Header image, Tag list and footer links.
1. The header image comes up without and issue but I'm wondering why the bottom corners of the image are not rounding? Solved below
2. My tag list appears to have some strange spacing. I want the tag list to look like the link list. Can you help me? Solved below
3. My personal journal is Flexible Squares and I have implemented a feature with the footer that I discovered making the back and forward footer selection links go to opposite sides of the page. I'm wondering if there is a way to accomplish this in smooth sailing with the footer links, maybe even have top of the page in the center of the footer? I actually figured this out myself. Thanks!
body {
color: #888888;
font-family: Arial;
font-size: 8pt;
margin: 0px;
background-color: #ECE9E6;
background-image: url('
http://i77.photobucket.com/albums/j49/SireesAnwar/Backgrounds/designbackground1440x90.jpg');
background-repeat: repeat;
background-attachment: fixed;
}
a { color: #4BA2B8; }
a:hover { color: #444444; }
blockquote {
width: 70%;
background-color: #A3FFFF;
background-image: url(BLOCKQUOTE IMAGE BETWEEN PARENTHESIS);
background-repeat: repeat;
margin-left: 75px;
padding: 0px 10px 10px 10px;
color: #333333;
font-size: 15px;
line-height: 16px;
font-family: "trebuchet ms", arial, sans-serif;
text-align: left;
}
img.special { background-color: transparent !important; padding: 3px; border: 1px solid #BBBBBB; }
i img { background-color: transparent !important; padding: 3px; border: 1px solid #BBBBBB; }
b, strong { color: #6DA9C1; }
i, em { color: #7ded96; }
u { color: #f1b000; }
s, strike { color: #ecb082; }
p, td{ }
code, kbd, pre, tt { font-family: "monospace"; }
/* HEADER */
.pageblock {
padding-top: 275px;
width: 1000px;
margin: 10px auto 0px auto;
background-image: url(
http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/53123034285878006151650.png); background-position: top center;
background-repeat: no-repeat;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
}
.pageheaderblock {
padding-top: 275px;
width: 1000px;
margin: 0px auto 0px auto;
background-image: url(
http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/53123034285878006151650.png); background-position: top center;
background-repeat: no-repeat;
position: relative;
text-align: center;
color: #ffffff;
font-family: "verdana";
font-size: 9px;
padding: 0px 0px 0px 0px;
text-align: center;
letter-spacing: 1px;
text-transform: normal;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
}
.header-title {
display: none;
text-transform: lowercase;
text-align: left;
font-family: Georgia, sans-serif;
font-size: 12px;
font-style: italic;
letter-spacing: -2px;
line-height: 20px;
color: #f2f2f2;
}
.header-subtitle { display: none; }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; }
.header-menu {
position: inherit;
width: 990px;
height: 40px;
background-color: #ffffff;
text-align: center;
color: #232323;
padding: 0px 0px 0px 0px;
margin-top: -7px;
font-family: open sans condensed, georgia, arial;
font-size: 14px !important; line-height: 130%;
letter-spacing: 1px;
text-transform: lowercase;
font-weight: none;
border-width: 0 5px 0px 5px;
border-style: solid;
border-color: #ededed !important;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
-khtml-border-radius: 20px 20px 0px 0px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
padding: 12px 15px 12px 15px;
margin: 20px -7px 0px -7px;
letter-spacing: 1px;
color: #000000;
background-color: #EEF3D8;
text-align: left;
border: 1px solid #EAF5EC;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
}
.header-menu li.view {
padding: 12px 15px 22px 15px;
margin: 0px -7px 0px -7px;
color: #000000;
background-color: #B4F7EB;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
}
.header-menu a:hover {
padding: 12px 15px 32px 15px;
margin: 0px -7px 0px -7px;
color: #000000;
background-color: #B4F7EB;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
}
.header-menu ul, #footer-menu ul {
list-style: none;
line-height: 43px;
margin: 0;
padding: 0;
}
.header-menu li, #footer-menu li {
display: inline;
list-style: none;
}
/* BODY */
.bodyblock {
width: 990px;
background-color: #ffffff;
border-width: 0 5px 3px 5px;
border-style: solid;
border-color: #ededed !important;
-moz-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-khtml-border-radius: 0 0 20px 20px;
}
.bodyheaderblock { display: none; }
.bodynavblock {
width: 550px;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited { color: #666666; }
.body-title { display: none; }
.body-midtitle { display: none; }
/* ENTRIES */
.entryHolder {
background-color: transparent !important;
width: 735px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
padding-top: 20px;
}
.entryUserinfo {
position: relative;
background-color: rgba(184, 235, 183, 0.2) !important;
float: left;
padding: 10px;
margin-left:-140px; margin-top:-11px;
text-align: center;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
z-index: 15;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;
}
.entryUserinfo-usericon img {
background-color: #f7f6f0;
padding: 3px;
}
.entryText {
padding: 10px 20px 10px 20px;
margin-bottom: 10px;
color: #767676;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
text-align: left;
}
.entryHeader { color: #4A9487; font-family: "Lobster 1.4", arial; text-align: left; padding-left: 0px; margin-bottom: -14px; font-size: 0px; }
.entryHeaderSubject { display: inline; width: 95%; margin-top: 10px; padding-left:10px; color: #4A9487; }
.entryHeaderSubject a{ font-size: 24px; font-style: italic; color: #4A9487; }
.entryHeaderSubject a:hover { color: #7BB9A1; font-size: 24px; }
.entryHeaderDate {
float: right;
color: #CCCCCA;
font-family: "Alice in Wonderland", arial, sans-serif;
font-size: 25px;
text-transform: uppercase;
margin-right: 10px;
}
.entryHeaderDate a { color: #4A9487; }
.entryHeaderDate a:hover { color: #7BB9A1; }
.entryMetadata {
margin-top: 20px;
text-align: left;
color: #808080;
font-family:verdana;
font-weight:bold;
font-size: 8px;
text-transform:uppercase;
}
.entryMetadata img { display: none; }
.entryMetadata ul { margin: 0px; padding: 1px; }
.entryMetadata li {
list-style: none;
padding: 1px;
display: block;
}
.entryMetadata-label {
padding: 2px;
color: #888888;
font-size: 8pt;
text-transform: lowercase;
}
.entryLinkbar {
width: 80%;
background-color: #f7f7f7;
color: #444444;
font-size: 10px; line-height: 130%;
letter-spacing:-0.1em;
padding: 5px 10px;
margin: 8px 0px 8px 0px;
position: inline;
text-align: left;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px;
border-radius: 0 10px 10px 0px;
-khtml-border-radius: 0 10px 10px 0px;
}
.entryLinkbar a, .entryLinkbar a:visited {
color:#999999;
font-family: open sans condensed, arial !important;
font-size: 10px !important; line-height: 130%;
line-height:1;
margin:0;
padding:4px 6px;
letter-spacing: 1px;
text-align: center; }
.entryLinkbar a:hover {
color:#000000;
background-color: #B9ECB8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #8DF5FF;
letter-spacing: 3px;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px;
border-radius: 0 10px 10px 0px;
-khtml-border-radius: 0 10px 10px 0px;
}
.entryLinkbar ul { margin: 0px; padding: 0px; }
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
/* FOOTER */
#footer-menu {
bottom: 10px;
padding:5px 0;
position:fixed;
left:0;
text-align: right;
text-transform:lowercase;
width:100%;
z-index:16;
}
ul.pagefooterblock {
margin:0 auto;
padding:0;}
ul.pagefooterblock a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}
ul.pagefooterblock li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }
ul.pagefooterblock li + li a:hover { background-color:#BF470A!important; }
#footer-menu a, .footer-menu a:visited {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
white-space: nowrap;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727;
}
#footer-menu a:hover {
color:#ffffff;
background-color: #B9ECB8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #8DF5FF;
letter-spacing: 3px;
background-color:#702D62!important
}
ul.pagefooterblock li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }
ul.pagefooterblock li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }
/* SIDEBAR */
.nav a {border-bottom: 1px solid #cccccc; color: #000000; display: block; font-family: tahoma; font-size: 9pt; text-transform: uppercase; line-height: 5px; padding: 4px; letter-spacing: 1px;}
.nav a:hover {color: #303030; text-decoration: none;}
.nav br {display: none;}
.sidebar {
width: 260px;
background-color: #ffffff;
background-image: url(
http://i50.tinypic.com/2hebpdl.jpg); background-repeat: y-repeat;
color: #999999;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
float: right;
text-transform: lowercase;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
border-width: 2px 0 2px 0px;
border-style: dotted;
border-color: #ECE9E6;
right: 5px;
}
.sidebox {
color: #888888;
margin: 0px 0 10px 0;
}
.sideboxTitle {
list-style: none;
color:#4B7A8B;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px;
font-family: "Lobster 1.4", arial, sans-serif;
font-size: 16px;
font-style: none;
font-weight: none;
text-transform: lowercase;
margin: 1px 5px 1px 5px;
}
.listtitle {
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
text-align: left;
text-transform: lowercase;
margin: 4px 0px 4px 0px;
}
.sideboxContent {
color: #555555;
border: 0px solid #cccccc;
padding: 3px;
text-transform: normal;
margin: 3px 0px;
}
#sideboxSummary a {
text-decoration: none;
display: inline !important;
color: #4BA2B8;
border: 1px solid #4BA2B8 !important;
background-color: transparent !important;
}
#sideboxSummary a: hover{
text-decoration: none;
color: #007ba7;
border: 0px solid #cccccc;
background-color: transparent !important;
}
#sideboxCalendar {
background-color: transparent !important;
padding: 1px;
border: 0px solid #cccccc;
text-align: center;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 9px;
}
#sideboxCalendarposts {
padding: 1px;
border: 1px solid #cccccc;
text-align: center;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 9px;
}
.sidebox #freetext {
padding: 5px;
background-color: rgba(243, 243, 243, 0.7) !important;
margin-top: 0px;
margin: 0 5px 0 5px;
line-height: 12px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important;
text-transform: lowercase;
text-align: right;
border: 5px solid #E0E0E0; }
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; }
#tags_sidebox { height: 300px; overflow-x: hidden; overflow-y: auto; font-color: #ffffff; }
#tags_sidebox a {
color: #000000;
background-color: rgba(255, 255, 255, 0.6);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
text-align: left;
margin: -2px 0 -2px 0; }
#tags_sidebox a:hover {
color: #ffffff;
background-color:#444444;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
text-align: center;
}
.sidebox #systemlinks {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;}
.sidebox #systemlinks a {
color: #000000;
background-color: rgba(255, 255, 255, 0.6);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;}
.sidebox #systemlinks a:hover {
color:#ffffff;
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }
.sidebox #latestmonth table { width: 90%; margin: 4px auto 4px auto; }
#latestmonth a:link, #latestmonth a:active, #latestmonth a:visited { text-align: center; text-transform: lowercase; }
#latestmonth td {
text-align: center;
padding: 1px;
font-family: Arial, sans-serif;
font-size: 8pt;
}
.latestmonth-inactive {
background-color: #f7f7f7;
padding: 2px;
}
.latestmonth-active {
background-color: #eeeeee;
padding: 2px;
}
.profile-label {
display: none;
}
/* COMMENT PAGE */
.commentHolder {
color: #888888;
background-color: transparent !important;
font-family: Arial, sans-serif;
font-size: 10pt;
margin: 4px 18px 4px 8px;
border: 1px dotted #E0E0E0;
}
.commentUserinfo {
text-align: center;
margin: 8px 8px 8px 8px;
}
.commentUserinfo-usericon img {
position: relative;
background-color: rgba(184, 235, 183, 0.4) !important;
top: -30px;
left: 0px;
padding: 10px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
}
.commentText { padding: 6px; }
.commentHeader {
text-transform: lowercase;
color: #888888;
font-family: Arial, sans-serif;
font-size: 10pt;
padding: 4px 18px 4px 8px;
text-align: right;
}
.commentHeader a{ color: #bebebe; }
.commentHeaderScreened {
font-family: Arial, sans-serif;
font-size: 10pt;
padding: 4px 18px 4px 8px;
}
.commentHeaderSubject { font-weight: normal; }
.commentLinkbar {
border-top: 0px solid #F2F2F2;
font-family: "Arial", sans-serif;
font-size: 11px;
text-align: right;
text-transform: lowercase;
}
.commentLinkbar a { color: #bbbbbb; }
.commentLinkbar a:hover { color: #666666; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
width: 555px;
border: 0;
color: #4BA2B8;
padding-left: 10px;
}
#commenttext{ width: 90%; }
/* ARCHIVE PAGE */
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { width: 400px; margin: 8px 8px 8px 20px; }
.daysubjects { color: #C1C1C1; text-transform: lowercase; padding: 8px 8px 8px 10px; }
.daytitles { background: #F2F2F2; color: #C1C1C1; text-transform: lowercase; text-align: center; } .day-blank { }
.day { }
.day-date { color: #888888; width: 50%; text-align: center; }
.day-count { width: 50%; text-align: center; float: right; font-size: 12px; }
.day-count a { text-decoration: none; color: #bebebe; }
/* TAGS PAGE */
.tagstable td { }
.tagstable { text-transform: lowercase; width: 500px; }
/* USER, COMMUNITY, PROTECTED ICONS */
/* USER */
html body .ljuser img {
width: 0 !important;
height: 0 !important;
background-repeat: no-repeat;
background: transparent url(
http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fishorange.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}
html body .ljuser img[src*="userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(
http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fishorange.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}
/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(
http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fishbowl.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}