Alignment issues - Tag page - Solved
I'm using a Livejournal stylesheet created by milkyair @ flagorneur, and I am having troubles moving the tag page alignment closer to the sidebar a la my entries and friends pages.
Basically.
Here are the codes:
/*---------------------
daughter nowhere - flagorneur.livejournal.com
---------------------*/
/* CSS reset [taken from blueprint framework] */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd,
ol,ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot,
thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
table, td, th {
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a img {
border:none;
}
/* Styling */
body { background: #FFF; padding: 0; margin: 80px 0 20px 0; font: 8pt 'Georgia', 'Times New Roman', Times, serif; color: #888; line-height: 1.8em; text-align: center; letter-spacing: 0.5pt; }
a, a:link, a:visited { color: #B9B9AA; text-decoration: none; }
a:hover { color: #CCC; text-decoration: none; }
p, td, blockquote { font-size: 7.5pt; }
#content { margin: 0 auto; width: 940px; text-align: justify; padding: 0; }
#maincontent { margin: 0 0 0 300px; text-align: justify; padding: 0; }
.clear, .clearfoot, .seperator { display: none; }
#header { margin: 0 0 20px 0; padding: 5px 0; text-align: right; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
ul.navheader { padding: 0; margin: 0; font-size: 7pt; text-transform: uppercase; color: #BBB; }
ul.navheader li { display: inline; padding: 0; margin: 0 0 0 20px; }
.title, .subtitle, .defaultuserpic, li.sbartitle, .sbarbody#sidebar_calendar, .sbarbody#sidebar_summary, .clear, .sepearator, .clearfoot { display: none; }
#sidebar { float: left; width: 280px; }
.sbarheader { padding: 0; margin: 0; }
.sbarbody { padding: 0; margin: 0; }
.sbarbody2 { padding: 0; margin: 0 0 20px 0; text-align: left; }
table.calendar { margin: 0 auto; font-size: 7pt; }
.sbarcalendar { border: 1px solid #DDD; text-align: center; padding: 0; }
.sbarcalendarposts { background: #EEE; border: 1px solid #D3D3D3; text-align: center; padding: 0; }
ul.sbarlist { padding: 0; margin: 0; list-style: none; }
li.sbaritem { padding: 0; margin: 0; list-style: none; font-size: 7pt; text-transform: uppercase; }
ul.sbarlist a { color: #555; }
ul.sbarlist a:hover { color: #B9B9AA; }
.sbarbody#sidebar_linklist { margin: 0 0 20px 0; }
.sbarbody#sidebar_tags { margin: 0 0 20px 0; }
.subcontent { }
.entry { text-align: left; margin: 0 0 40px 0; }
.entry_text { }
.entry ul li { padding: 0 0 0 5px; margin: 0 0 0 15px; }
.entry ol li { padding: 0 0 0 5px; margin: 0 0 0 15px; }
.userpic { display: block; float: right; margin: 0 0 20px 20px; }
.userpic img { padding: 5px; background: #FFF!important; border: 1px solid #DDD; }
.userpicfriends { display: block; float: right; margin: 0 0 20px 20px; background: #FFF!important; text-align: right; }
.userpicfriends img { padding: 5px; background: #FFF!important; border: 1px solid #DDD; }
.userpicfriends font, .userpicfriends a { color: #B9B9AA; }
.userpicfriends br { display: block; height: 0; }
.date { color: #BBB; }
.subject { color: #B9B9AA; }
.subject a { color: #B9B9AA; }
.datesubject { font-size: 7pt; text-transform: uppercase; margin: 0 0 10px 0; line-height: 10pt; border-bottom: 1px solid #E6E6E6; padding: 0 0 5px 0; }
.currents strong { font-weight: lighter; }
.currents { display: ; font-size: 6.5pt; text-transform: uppercase; padding-top: 20px; line-height: 1.4;}
.currentmood img { display: block; float: right; margin: 0 0 0 20px;}
.ljtags { font-size: 6.5pt; text-transform: uppercase; margin: 10px 0; }
.comments { border-top: 1px solid #E6E6E6; margin: 10px 0 20px 0; padding: 5px 0 0 0; text-align: right; text-transform: uppercase; color: #FFF; }
.datesubjectcomment { font-size: 7pt; text-transform: uppercase; margin: 0 0 10px 0; line-height: 10pt; border-bottom: 1px solid #E6E6E6; padding: 0 0 5px 0; color: #BBB; }
.userpiccomment { padding: 5px; background: #FFF!important; border: 1px solid #DDD; display: block; float: right; margin: 0 0 20px 20px; }
input, textarea { background: #FFF; padding: 2px; border: 1px solid #DDD; font: 8pt 'Georgia', 'Times New Roman', Times, serif; color: #666; font-style: italic; }
textarea.textbox { width: 100% !important; }
.box, .reply, .replytosubject, .commentreply, .commentboxpartial, .commentinfo { padding: 0; margin: 0; }
.commentbox { background: #FFF; border: 1px solid #E6E6E6; margin: 0 0 20px 0; padding: 20px; }
#footer { margin: 0 0 20px 0; padding: 5px 0; text-align: right; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
ul.navfooter { padding: 0; margin: 0; font-size: 7pt; text-transform: uppercase; color: #BBB; }
ul.navfooter li { display: inline; margin: 0 0 0 20px; }
ul.year { padding: 0; margin: 0 0 20px 0; font-size: 8pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
ul.year li { display: inline; padding: 0; margin: 0 20px 0 0; }
table.yeartable { margin: 0; width: 600px; font-size: 6.5pt; text-transform: uppercase; color: #AAA; }
table.yeartable td.yeardate, table.yeartable td.yearday { padding: 5px; background: #F6F6F6; border: 1px solid #FFF; text-align: center; }
table.yeartable td.yearday { }
td.yearmonth { border: 0; }
ul.ljtaglist { text-align: left; margin: 0 auto 0 auto; padding: 15px; }
ul.ljtaglist li { padding: 0; margin: 0; list-style: none; }
.skiplinks { text-align: left; font-size: 6.5pt; text-transform: uppercase; color: #FFF; margin: 0 0 20px 0; }
blockquote { background: #F6F6F6; border: 1px solid #E2E2E2; font: 8pt 'Georgia', 'Times New Roman', Times, sans-serif; font-style: italic; padding: 40px 20px; margin: 20px; color: #AAA; }
::-moz-selection { background: #89c0e8; color: #FFF; }
h1 { font-size: 10pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
h2 { font-size: 8pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
h3 { font-size: 6pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
hr { color: transparent; height: 1px; border-style : none; border-bottom: 3px double #EEE; }
code { }
.entry img { }
.foto { }
.ljuser { font-weight: lighter; }
.ljuser img { width: 0; height: 0; background: transparent no-repeat; padding: 0 !important; }
.ljuser img[src='http://l-stat.livejournal.com/img/userinfo.gif'] { background: url('') no-repeat; }
.ljuser img[src='http://l-stat.livejournal.com/img/community.gif'] { background-image: url(''); }
img[src*='syndicated.gif'] { background-image: url('') !important; }
img[src*='newsinfo.gif'] { background-image: url('') !important; }
img[src*='partnercomm.gif'] { background-image: url('') !important; }
img[src*='sponcomm.gif'] { background-image: url('') !important; }
img[src*='icon_protected.gif'] { width: 0; height: 0; padding: 9px 16px 0 0; background: url('http://i31.tinypic.com/2hzp0m.png') no-repeat; display: block; float: right; }
img[src*='icon_private.gif'] { width: 0; height: 0; padding: 7px 16px 0 0; background: url('http://i31.tinypic.com/2w2litg.png') no-repeat; display: block; float: right; }
img[src*='icon_groups.gif'] { width: 0; height: 0; padding: 9px 16px 0 0; background: url('http://i29.tinypic.com/2u939dc.png') no-repeat; display: block; float: right; }
img[src='http://l-stat.livejournal.com/img/btn_del.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i43.tinypic.com/2s7x3jk.png'); }
img[src='http://l-stat.livejournal.com/img/btn_scr.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/2uh5sb5.png'); }
img[src='http://l-stat.livejournal.com/img/btn_unscr.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i39.tinypic.com/2il25q0.png'); }
img[src='http://l-stat.livejournal.com/img/btn_freeze.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i44.tinypic.com/hu2l1l.png'); }
img[src='http://l-stat.livejournal.com/img/btn_unfreeze.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/10erbdt.png'); }
img[src='http://l-stat.livejournal.com/img/btn_edit.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/xliko7.png'); }
img[src='http://l-stat.livejournal.com/img/btn_track.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i39.tinypic.com/b66iz6.png'); }
img[src='http://l-stat.livejournal.com/img/anonymous.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/68vnlk.png'); }
img[src='http://l-stat.livejournal.com/img/openid-profile.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/4kcnza.png'); }
img[src='http://l-stat.livejournal.com/img/userinfo.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i44.tinypic.com/fcqr2u.png'); }
img[src='http://l-stat.livejournal.com/img/pencil.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/xliko7.png'); }
img[src='http://l-stat.livejournal.com/img/help.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/2ag3u3o.png'); }
.entry_text {
min-height: 110px
}
img {
max-width: 400px;
}
Does anyone have a solution to my problem? Thanks in advance!
Basically.
Here are the codes:
/*---------------------
daughter nowhere - flagorneur.livejournal.com
---------------------*/
/* CSS reset [taken from blueprint framework] */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd,
ol,ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot,
thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
table, td, th {
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a img {
border:none;
}
/* Styling */
body { background: #FFF; padding: 0; margin: 80px 0 20px 0; font: 8pt 'Georgia', 'Times New Roman', Times, serif; color: #888; line-height: 1.8em; text-align: center; letter-spacing: 0.5pt; }
a, a:link, a:visited { color: #B9B9AA; text-decoration: none; }
a:hover { color: #CCC; text-decoration: none; }
p, td, blockquote { font-size: 7.5pt; }
#content { margin: 0 auto; width: 940px; text-align: justify; padding: 0; }
#maincontent { margin: 0 0 0 300px; text-align: justify; padding: 0; }
.clear, .clearfoot, .seperator { display: none; }
#header { margin: 0 0 20px 0; padding: 5px 0; text-align: right; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
ul.navheader { padding: 0; margin: 0; font-size: 7pt; text-transform: uppercase; color: #BBB; }
ul.navheader li { display: inline; padding: 0; margin: 0 0 0 20px; }
.title, .subtitle, .defaultuserpic, li.sbartitle, .sbarbody#sidebar_calendar, .sbarbody#sidebar_summary, .clear, .sepearator, .clearfoot { display: none; }
#sidebar { float: left; width: 280px; }
.sbarheader { padding: 0; margin: 0; }
.sbarbody { padding: 0; margin: 0; }
.sbarbody2 { padding: 0; margin: 0 0 20px 0; text-align: left; }
table.calendar { margin: 0 auto; font-size: 7pt; }
.sbarcalendar { border: 1px solid #DDD; text-align: center; padding: 0; }
.sbarcalendarposts { background: #EEE; border: 1px solid #D3D3D3; text-align: center; padding: 0; }
ul.sbarlist { padding: 0; margin: 0; list-style: none; }
li.sbaritem { padding: 0; margin: 0; list-style: none; font-size: 7pt; text-transform: uppercase; }
ul.sbarlist a { color: #555; }
ul.sbarlist a:hover { color: #B9B9AA; }
.sbarbody#sidebar_linklist { margin: 0 0 20px 0; }
.sbarbody#sidebar_tags { margin: 0 0 20px 0; }
.subcontent { }
.entry { text-align: left; margin: 0 0 40px 0; }
.entry_text { }
.entry ul li { padding: 0 0 0 5px; margin: 0 0 0 15px; }
.entry ol li { padding: 0 0 0 5px; margin: 0 0 0 15px; }
.userpic { display: block; float: right; margin: 0 0 20px 20px; }
.userpic img { padding: 5px; background: #FFF!important; border: 1px solid #DDD; }
.userpicfriends { display: block; float: right; margin: 0 0 20px 20px; background: #FFF!important; text-align: right; }
.userpicfriends img { padding: 5px; background: #FFF!important; border: 1px solid #DDD; }
.userpicfriends font, .userpicfriends a { color: #B9B9AA; }
.userpicfriends br { display: block; height: 0; }
.date { color: #BBB; }
.subject { color: #B9B9AA; }
.subject a { color: #B9B9AA; }
.datesubject { font-size: 7pt; text-transform: uppercase; margin: 0 0 10px 0; line-height: 10pt; border-bottom: 1px solid #E6E6E6; padding: 0 0 5px 0; }
.currents strong { font-weight: lighter; }
.currents { display: ; font-size: 6.5pt; text-transform: uppercase; padding-top: 20px; line-height: 1.4;}
.currentmood img { display: block; float: right; margin: 0 0 0 20px;}
.ljtags { font-size: 6.5pt; text-transform: uppercase; margin: 10px 0; }
.comments { border-top: 1px solid #E6E6E6; margin: 10px 0 20px 0; padding: 5px 0 0 0; text-align: right; text-transform: uppercase; color: #FFF; }
.datesubjectcomment { font-size: 7pt; text-transform: uppercase; margin: 0 0 10px 0; line-height: 10pt; border-bottom: 1px solid #E6E6E6; padding: 0 0 5px 0; color: #BBB; }
.userpiccomment { padding: 5px; background: #FFF!important; border: 1px solid #DDD; display: block; float: right; margin: 0 0 20px 20px; }
input, textarea { background: #FFF; padding: 2px; border: 1px solid #DDD; font: 8pt 'Georgia', 'Times New Roman', Times, serif; color: #666; font-style: italic; }
textarea.textbox { width: 100% !important; }
.box, .reply, .replytosubject, .commentreply, .commentboxpartial, .commentinfo { padding: 0; margin: 0; }
.commentbox { background: #FFF; border: 1px solid #E6E6E6; margin: 0 0 20px 0; padding: 20px; }
#footer { margin: 0 0 20px 0; padding: 5px 0; text-align: right; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
ul.navfooter { padding: 0; margin: 0; font-size: 7pt; text-transform: uppercase; color: #BBB; }
ul.navfooter li { display: inline; margin: 0 0 0 20px; }
ul.year { padding: 0; margin: 0 0 20px 0; font-size: 8pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
ul.year li { display: inline; padding: 0; margin: 0 20px 0 0; }
table.yeartable { margin: 0; width: 600px; font-size: 6.5pt; text-transform: uppercase; color: #AAA; }
table.yeartable td.yeardate, table.yeartable td.yearday { padding: 5px; background: #F6F6F6; border: 1px solid #FFF; text-align: center; }
table.yeartable td.yearday { }
td.yearmonth { border: 0; }
ul.ljtaglist { text-align: left; margin: 0 auto 0 auto; padding: 15px; }
ul.ljtaglist li { padding: 0; margin: 0; list-style: none; }
.skiplinks { text-align: left; font-size: 6.5pt; text-transform: uppercase; color: #FFF; margin: 0 0 20px 0; }
blockquote { background: #F6F6F6; border: 1px solid #E2E2E2; font: 8pt 'Georgia', 'Times New Roman', Times, sans-serif; font-style: italic; padding: 40px 20px; margin: 20px; color: #AAA; }
::-moz-selection { background: #89c0e8; color: #FFF; }
h1 { font-size: 10pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
h2 { font-size: 8pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
h3 { font-size: 6pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }
hr { color: transparent; height: 1px; border-style : none; border-bottom: 3px double #EEE; }
code { }
.entry img { }
.foto { }
.ljuser { font-weight: lighter; }
.ljuser img { width: 0; height: 0; background: transparent no-repeat; padding: 0 !important; }
.ljuser img[src='http://l-stat.livejournal.com/img/userinfo.gif'] { background: url('') no-repeat; }
.ljuser img[src='http://l-stat.livejournal.com/img/community.gif'] { background-image: url(''); }
img[src*='syndicated.gif'] { background-image: url('') !important; }
img[src*='newsinfo.gif'] { background-image: url('') !important; }
img[src*='partnercomm.gif'] { background-image: url('') !important; }
img[src*='sponcomm.gif'] { background-image: url('') !important; }
img[src*='icon_protected.gif'] { width: 0; height: 0; padding: 9px 16px 0 0; background: url('http://i31.tinypic.com/2hzp0m.png') no-repeat; display: block; float: right; }
img[src*='icon_private.gif'] { width: 0; height: 0; padding: 7px 16px 0 0; background: url('http://i31.tinypic.com/2w2litg.png') no-repeat; display: block; float: right; }
img[src*='icon_groups.gif'] { width: 0; height: 0; padding: 9px 16px 0 0; background: url('http://i29.tinypic.com/2u939dc.png') no-repeat; display: block; float: right; }
img[src='http://l-stat.livejournal.com/img/btn_del.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i43.tinypic.com/2s7x3jk.png'); }
img[src='http://l-stat.livejournal.com/img/btn_scr.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/2uh5sb5.png'); }
img[src='http://l-stat.livejournal.com/img/btn_unscr.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i39.tinypic.com/2il25q0.png'); }
img[src='http://l-stat.livejournal.com/img/btn_freeze.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i44.tinypic.com/hu2l1l.png'); }
img[src='http://l-stat.livejournal.com/img/btn_unfreeze.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/10erbdt.png'); }
img[src='http://l-stat.livejournal.com/img/btn_edit.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/xliko7.png'); }
img[src='http://l-stat.livejournal.com/img/btn_track.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i39.tinypic.com/b66iz6.png'); }
img[src='http://l-stat.livejournal.com/img/anonymous.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/68vnlk.png'); }
img[src='http://l-stat.livejournal.com/img/openid-profile.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/4kcnza.png'); }
img[src='http://l-stat.livejournal.com/img/userinfo.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i44.tinypic.com/fcqr2u.png'); }
img[src='http://l-stat.livejournal.com/img/pencil.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/xliko7.png'); }
img[src='http://l-stat.livejournal.com/img/help.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/2ag3u3o.png'); }
.entry_text {
min-height: 110px
}
img {
max-width: 400px;
}
Does anyone have a solution to my problem? Thanks in advance!