EDIT: solved!
I'm using a layout that resizes userpics (on the recent entries and friendspage view) from 100x100 to 75x75 and it works fine for square userpics but stretches out non square userpics to the incorrect ratios. So I was wondering if there was a way to resize userpics to max of 75x75 without screwing up the aspect ratio?
/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: Moderne
S2 STYLE: Smooth Sailing
DOWNLOAD: thrashmetal.livejournal.com
****Please remember to credit!****
-----------------------------------------------------*/
body {
background:none repeat scroll 0 0 #FFFFFF;
color:#111111;
font-family:Helvetica,Arial,Sans-serif;
font-size:15px;
line-height:19px;
margin:0;
}
textarea, input, select {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #EEEEEE;
font-family:Helvetica,Arial,Sans-serif;
font-size:11px;
line-height:19px;
padding:1px;
}
.entryText a, .entryText a:visited {
border-bottom:1px dotted #DDDDDD;
padding-bottom:1px;
}
.entryText a:hover {
color:#333333;
}
.entryText a img {
border:medium none;
}
a, a:visited {
color:#555555;
letter-spacing:0;
text-decoration:none;
}
a img {
border:medium none;
}
li {
background:url("
http://lj.irondevil.org/components/grayli.png") no-repeat scroll 0 7px
transparent;
list-style-type:none;
margin:2px 0;
padding:0 0 0 11px;
}
blockquote {
color:#666666;
padding:15px;
}
.header-title {
font-size:17px;
left:0;
margin-left:75px;
margin-top:60px;
position:absolute;
top:0;
width:215px;
}
.header-subtitle, .pagefooterblock, .bodyheaderblock, .body-title, .body-midtitle {
display:none;
}
.pageblock {
margin-top:14px;
position:absolute;
width:100%;
}
.bodyblock {
}
.bodynavblock {
margin:0;
padding:0;
}
.entryHolder {
margin-bottom:37px;
margin-left:92px;
width:542px;
}
.entryUserinfo {
margin-left:547px;
margin-top:-22px;
position:absolute;
}
.entryUserinfo-username {
margin-top:6px;
text-align:center;
}
.entryUserinfo-username .ljuser a b {
color:#111111;
}
.entryUserinfo-usericon img {
border-top:10px solid black;
height:75px;
padding-top:5px;
width:75px;
}
.entryText {
letter-spacing:0;
min-height:94px;
padding:5px 19px 16px 23px;
text-align:justify;
width:500px;
}
.entryText img {
max-width:400px;
}
.entryHeader {
border-top:1px solid #DDDDDD;
margin-left:23px;
margin-right:19px;
padding-top:12px;
}
.entryHeader a {
color:#111111;
font-size:17px;
}
.entryHeaderSubject {
color:#000000;
font-size:0;
}
.entryHeaderDate {
background:none repeat scroll 0 0 #111111;
color:#FFFFFF;
line-height:23px;
margin-left:-78px;
padding:12px 15px 5px 0;
position:absolute;
text-align:right;
text-transform:uppercase;
width:43px;
}
.entryHeaderDate:first-line {
font-size:33px;
letter-spacing:-2px;
}
.entryMetadata {
margin-bottom:0;
padding:0 40px 19px;
}
.entryMetadata a:hover {
border-bottom:0 none;
color:#333333;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:none repeat scroll 0 0 transparent;
display:block;
list-style:none outside none;
margin:0;
padding-right:10px;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
}
.entryLinkbar {
background:none repeat scroll 0 0 #EEEEEE;
margin-left:21px;
padding:2px;
text-align:right;
text-transform:lowercase;
}
.entryLinkbar a {
background:none repeat scroll 0 0 transparent;
color:#888888;
letter-spacing:0;
margin-right:7px;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
color:#555555;
}
.entryLinkbar ul {
margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
padding:0;
}
.entryLinkbar li {
background:none repeat scroll 0 0 transparent;
display:inline;
margin:0;
padding:0;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:none repeat scroll 0 0 transparent;
margin:13px auto;
padding:6px 0 12px;
width:420px;
}
.daysubjects {
padding:8px 8px 8px 40px;
}
.daytitles {
font-size:17px;
text-align:center;
}
.day {
background:none repeat scroll 0 0 #EEEEEE;
border:1px solid #FFFFFF;
padding:3px;
}
.day-date {
text-align:center;
width:50%;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
font-size:17px;
font-weight:normal;
padding:1px;
text-decoration:none;
}
.sidebar {
margin-right:10px;
margin-top:25px;
padding-left:75px;
top:0;
width:200px;
}
.sidebar a, .sidebar a:visited {
color:#555555;
}
.sidebar a:hover {
color:#333333;
}
.sidebox {
margin-bottom:26px;
margin-right:auto;
margin-top:0;
}
.sideboxTitle {
display:none;
}
.sidebox #freetext2 {
background:url("
http://i52.tinypic.com/o7o8ix.jpg") repeat scroll 0 0 transparent;
font-size:0;
height:140px;
left:0;
letter-spacing:-100px;
margin-left:320px;
margin-top:29px;
position:absolute;
top:0;
width:680px;
}
.profile-label, .profile-content {
display:none;
}
.profile-userpic {
border:9px solid #000000;
height:75px;
width:75px;
}
.sidebox #latestmonth table {
font-size:10px;
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.sidebox #latestmonth a {
color:#111111;
}
.latestmonth-inactive {
background:none repeat scroll 0 0 #EEEEEE;
height:21px;
margin:1px;
padding-left:5px;
width:20px;
}
.latestmonth-active {
background:none repeat scroll 0 0 #DDDDDD;
height:21px;
margin:1px;
padding-left:5px;
width:20px;
}
.sidebox #systemlinks {
margin-bottom:0;
padding:0;
text-align:left;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks
a:visited {
text-transform:capitalize;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
text-decoration:none;
}
.listtitle {
display:none;
}
.pageheaderblock {
margin:0 auto;
}
.header-menu {
margin-left:75px;
margin-top:39px;
padding-top:75px;
}
.header-menu a, .header-menu a:visited {
color:#555555;
}
.header-menu a:hover {
color:#222222;
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
background:none repeat scroll 0 0 transparent;
margin:0;
padding:0;
}
#footer-menu {
margin-bottom:10px;
margin-left:0;
text-align:right;
width:636px;
}
#footer-menu a, .footer-menu a:visited {
color:#555555;
}
.header-menu ul, #footer-menu ul {
margin:0;
padding:0;
}
.header-menu li, #footer-menu li {
background:none repeat scroll 0 0 transparent;
margin:0;
padding:0;
}
#footer-menu li {
display:inline;
margin-left:8px;
}
.taglist, .tagstable {
padding-bottom:10px;
}
.ljuser a b {
background:none repeat scroll 0 0 transparent;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a {
border:medium none !important;
}
.ljuser a:hover b {
background:none repeat scroll 0 0 transparent;
border-bottom:0 none;
text-decoration:none !important;
}
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/user.png");
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/eye.png");
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/world.png") !important;
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/warning.png");
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/rss.png");
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/padlock_closed.png") !
important;
background-repeat:no-repeat !important;
height:0;
padding:16px 21px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/padlock_closed.png") !
important;
background-repeat:no-repeat;
height:0;
padding:16px 21px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url("
http://irondevil.org/icon/categories/circular/cancel.png") !important;
background-repeat:no-repeat;
height:0;
padding:16px 21px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background-color:#FFFFFF !important;
border:medium none;
color:#111 !important;
padding:7px;
font-family: Helvetica, Arial, Sans-serif;
width:20em;
}
div.ContextualPopup .Content {
line-height:1.4;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
.entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"] {
display:none;
}
#lj_controlstrip {
background:none repeat scroll 0 0 #111111;
color:#FFFFFF;
}
#lj_controlstrip_statustext {
color:#FFFFFF;
}
#lj_controlstrip a {
color:#FFFFFF;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search,
#lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url
("
http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000");
}
#lj_controlstrip_loggedout_userpic {
background-image:url("
http://stat.livejournal.com/palimg/controlstrip/ljlogo- loggedout.gif/ptd4dce8000000");
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user,
#lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip
input {
background:none repeat scroll 0 0 #444444 !important;
border:0 none;
color:#FFFFFF;
}
#lj_controlstrip .ljuser a b {
color:#FFFFFF;
font-size:14px;
}
.commentHolder {
margin-bottom:31px;
margin-left:100px;
text-align:justify;
width:535px;
}
.commentUserinfo {
color:#111111;
font-size:0;
margin-left:12px;
text-align:center;
}
.commentUserinfo .ljuser a b {
color:#111111;
font-size:11px;
}
.commentUserinfo-usericon img {
border-top:10px solid black;
height:75px;
padding-top:6px;
width:75px;
}
.commentText {
line-height:18px;
padding-bottom:12px;
padding-left:18px;
}
.commentHeader {
display:none;
}
.commentHeaderSubject, .commentHeaderScreened {
display:none;
}
.commentLinkbar {
background:none repeat scroll 0 0 #EEEEEE;
margin:0;
padding:1px;
text-align:right;
}
.commentLinkbar ul {
margin:0;
padding:0;
}
.commentLinkbar li {
background:none repeat scroll 0 0 transparent;
display:inline;
}
.commentLinkbar a {
color:#888888;
font-size:11px;
text-transform:lowercase;
}
.commentLinkbar a:hover {
color:#555555;
text-decoration:none;
}
.replyform {
margin-left:102px;
width:600px;
}
#qrform table {
border:medium none !important;
}
.bodyblock td[width="100%"][valign="top"] {
left:0;
margin-left:284px;
margin-top:190px;
position:absolute;
top:0;
width:800px;
}