/*-------------------------------------------- Profile Page Style Sheet (for FF3, Safari 3, Chrome 1) version: 1.0 author: Chris Newton, Cody Silva website: http://www.answerbag.com --------------------------------------------*/ .selector { float: left; display: inline; margin-right: 10px; } .selector dt { display: inline; margin-right: 5px; font-weight: bold; } .selector dd { display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #333; font-weight: bold; } .selector dd.last { border-right: none; } .compose { float: left; display: inline; background: #F1FAFF url(/ui/images/icons/compose_message.png) no-repeat 3px center; margin: -5px 0 5px; padding: 3px 5px 3px 25px; } .messages { width: 100%; margin: 0 0 10px; } .messages thead, .messages tfoot { display: none; } .messages th { padding: 5px 10px; } .messages td { padding: 10px 5px; vertical-align: middle; border-bottom: 1px solid #efeff0; } .messages td p { margin: 0; } .messages .from {} .messages .from img { float: left; margin: 4px 10px 0 0; } .messages .from a, .messages .from p { display: block; margin-left: 35px; } .messages .unread {} .messages .unread .message { font-weight: bold; } .userInfo {} .userInfo .username { margin: 0 0 5px; font-weight: bold; } .userInfo img { float: left; margin: 0 10px 10px 0; } .userInfo li { margin: 10px 0; } .userInfo .edit { display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #333; } .userInfo .noBorder { border-right: none; } .userInfo p { clear: both; } .aboutUser { margin: 0 0 20px; } .aboutUser table { width: 100%; } .aboutUser thead, .aboutUser tfoot { display: none; } .aboutUser td { padding: 0 0 5px; } .aboutUser td:first-child { font-weight: bold; } .aboutUser td em { font-style: italic; } .badging { margin: 0 0 20px; } .badging img { float: left; margin-right: 10px; } .badging p { margin: 0; } .badging p span { display: block; } .feedbackFeed { margin: 0 0 20px; } .feedbackFeed li { margin: 0 0 20px 0; } .feedbackFeed li img { float: left; margin-right: 10px; } .activityFeed { margin: 0 0 20px; } .activityFeed .Nav4 { float: right; margin: -15px 0 10px; } .SectionTitle .seeAll { margin: 12px 0 0; } .friendsList { } .friendsList .seeAll { margin: 5px 0 0; } .friendsList li { float: left; display: inline; width: 50px; margin: 0 10px 10px 0; } #EditAvatar {} #EditAvatar p { width: 500px; } #CropAvatar {} #CropAvatar form { margin: 0 0 20px; } #CropAvatar .container { width: 480px; } #CropAvatar .preview { float: right; display: inline; width: 220px; margin-right: 40px; } #CropAvatar .imgCrop_wrap { float: left; display: inline; width: 220px; } #CropAvatar p { width: 500px; } #ProfileAnswers { } #ProfileAnswers ul li { float: left; display: inline; width: 440px; margin: 0 20px 20px; color: #666; } #ProfileAnswers ul li p { margin: 0; } #ProfileAnswers ul li span { display: block; } #ProfileQuestions { } #ProfileQuestions .Sorter { margin: 0 0 20px; } #ProfileQuestions ul li { float: left; display: inline; width: 440px; height: 60px; border-bottom: 1px solid #efeff0; margin: 0 20px 20px; color: #666; } #ProfileQuestions ul li p { margin: 0; } #ProfileQuestions ul li span { display: block; } #ProfilePreferences {} #ProfilePreferences p { width: 400px; margin: 0 30px; font-style: italic; } #ProfilePreferences fieldset { margin: 10px 0 10px 0; } #ProfilePreferences legend { margin-bottom: 5px; } #ProfilePreferences .RegisterForm { padding-bottom: 20px; } #ManageFriends {} #ManageFriends .friendList {} #ManageFriends .friendList .friend { float: left; display: inline; width: 33%; } #ManageFriends .friendList .friend img { display: block; margin: 0 0 5px; } #ManageFriends .friendList .friend .name { display: block; margin: 0 0 10px; } #ManageFriends .friendList .friend li { font-size: 11px; } #ManageFriends em { font-style: italic; } .leaderTypeSelector {float:right; margin-top:6px; text-transform:none;} .SectionTitle .leaderTypeSelector label {font-weight:bold;} #leaderListing {-moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #CDCDCD; border-bottom:0;} #leaderListing table {width:100%;} #leaderListing table tr {border-bottom:1px solid #CDCDCD;} #leaderListing table tr.even {background-color:#F3FBFF;} #leaderListing table td {color:#333;} #leaderListing table thead tr {background-color:#F6F6F6; font:bold 20px 'Trebuchet MS';} #leaderListing table thead tr td {padding:10px;} #leaderListing table thead tr td.rank {padding-left:40px; color:#333;} #leaderListing table tr td {padding:15px;} #leaderListing table tr td img {padding-right:5px; vertical-align:middle;} #leaderListing table tr td.rank, #leaderListing table tr td.points {font-size:20px;} #leaderListing table tr td.rank {padding-left:40px; color:#273F5E;} #leaderListing table tr td.member {font-size:16px; font-weight:bold; padding-left:5px;} #leaderListing table tr td.level {font-size:14px;} #leaderListing table tr td.avatar { padding-right:0; } #leaderListing table tr td.level.levelNum0 {background:url("../../images/icons/user_badges_new/withBar_0.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum1 {background:url("../../images/icons/user_badges_new/withBar_1.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum2 {background:url("../../images/icons/user_badges_new/withBar_2.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum3 {background:url("../../images/icons/user_badges_new/withBar_3.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum4 {background:url("../../images/icons/user_badges_new/withBar_4.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum5 {background:url("../../images/icons/user_badges_new/withBar_5.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum6 {background:url("../../images/icons/user_badges_new/withBar_6.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum7 {background:url("../../images/icons/user_badges_new/withBar_7.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum8 {background:url("../../images/icons/user_badges_new/withBar_8.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum9 {background:url("../../images/icons/user_badges_new/withBar_9.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum10 {background:url("../../images/icons/user_badges_new/withBar_10.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum11 {background:url("../../images/icons/user_badges_new/withBar_11.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum12 {background:url("../../images/icons/user_badges_new/withBar_12.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum13 {background:url("../../images/icons/user_badges_new/withBar_13.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum14 {background:url("../../images/icons/user_badges_new/withBar_14.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum15 {background:url("../../images/icons/user_badges_new/withBar_15.png") no-repeat 10px 21px;} #leaderListing table tr td.level.levelNum16 {background:url("../../images/icons/user_badges_new/withBar_16.png") no-repeat 10px 21px;} #leaderListing table tr td.level span {padding-left:35px;} .limiter_div { width: 550px; overflow:hidden; } .cat_list { border:1px solid #cdcdcd; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #ffffff; } .cat_list .cat { border-bottom:1px solid #cdcdcd; clear:both; padding:20px 45px 20px 20px; } .cat_list .cat.last { border-bottom:none; -moz-border-radius: 8px; -webkit-border-radius:8px; } .cat_list .alpha { background-color: #f3fbff;} .cat_list .beta { } .cat_list .cat .button { float:right; display:inline; margin:-6px -35px 0 0; height:30px; width:30px; text-indent:-9999px; } .cat_list .cat .add { background: url(/ui/images/buttons/add.png) no-repeat 0 0; } .cat_list .cat .remove { background: url(/ui/images/buttons/remove.png) no-repeat 0 0; }