Commit 0e221693 by Kyle Fiedler

Added more style for askbot profile page

parent 02174ff6
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<%block name="title"><title>MITx 6.002</title></%block> <%block name="title"><title>MITx 6.002x</title></%block>
<link rel="stylesheet" href="${ settings.LIB_URL }jquery.treeview.css" type="text/css" media="all" /> <link rel="stylesheet" href="${ settings.LIB_URL }jquery.treeview.css" type="text/css" media="all" />
<link rel="stylesheet" href="/static/css/application.css" type="text/css" media="all" /> <link rel="stylesheet" href="/static/css/application.css" type="text/css" media="all" />
......
...@@ -107,9 +107,9 @@ ...@@ -107,9 +107,9 @@
// height: 0; // height: 0;
// visibility: hidden; } // visibility: hidden; }
.badges a { // .badges a {
color: #763333; // color: #763333;
text-decoration: underline; } // text-decoration: underline; }
// a:hover { // a:hover {
// text-decoration: underline; } // text-decoration: underline; }
...@@ -1846,27 +1846,27 @@ body.anon #searchbar { ...@@ -1846,27 +1846,27 @@ body.anon #searchbar {
// width: 270px; // width: 270px;
// margin-bottom: 15px; } // margin-bottom: 15px; }
a { // a {
&.medal { // &.medal {
font-size: 17px; // font-size: 17px;
line-height: 250%; // line-height: 250%;
margin-right: 5px; // margin-right: 5px;
color: #333; // color: #333;
text-decoration: none; // text-decoration: none;
background: url(../images/medala.gif) no-repeat; // background: url(../images/medala.gif) no-repeat;
border-left: 1px solid #eee; // border-left: 1px solid #eee;
border-top: 1px solid #eee; // border-top: 1px solid #eee;
border-bottom: 1px solid #ccc; // border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc; // border-right: 1px solid #ccc;
padding: 4px 12px 4px 6px; } // padding: 4px 12px 4px 6px; }
&:hover.medal { // &:hover.medal {
color: #333; // color: #333;
text-decoration: none; // text-decoration: none;
background: url(../images/medala_on.gif) no-repeat; // background: url(../images/medala_on.gif) no-repeat;
border-left: 1px solid #e7e296; // border-left: 1px solid #e7e296;
border-top: 1px solid #e7e296; // border-top: 1px solid #e7e296;
border-bottom: 1px solid #d1ca3d; // border-bottom: 1px solid #d1ca3d;
border-right: 1px solid #d1ca3d; } } // border-right: 1px solid #d1ca3d; } }
#award-list .user { #award-list .user {
float: left; float: left;
......
body.user-profile-page { body.user-profile-page {
section.user-info { section.user-info {
// @extend .sidebar; // @extend .sidebar;
h1 { header {
@extend h2; @extend .clearfix;
margin-top: 0; section {
float: left;
width: flex-grid(2, 3);
margin-right: flex-gutter(3);
h1 {
@extend h2;
margin-top: 0;
}
}
p.karma {
float: left;
width: flex-grid(1, 3);
border: 1px solid #D3D3D3;
@include border-radius(3px);
@include box-shadow(inset 0 0 0 1px #fff, 0 1px 0 #fff);
background: #eee;
text-align: center;
padding: lh(.5) 0;
strong {
display: block;
font-style: 20px;
}
}
} }
} }
...@@ -37,10 +63,58 @@ body.user-profile-page { ...@@ -37,10 +63,58 @@ body.user-profile-page {
h2 { h2 {
margin-top: 0; margin-top: 0;
} }
span.tag-number {
display: none;
}
} }
ul.user-stats-table { ul {
list-style: none; list-style: none;
&.user-stats-table {
list-style: none;
}
&.vote-buttons {
list-style: none;
li {
@include border-radius(4px);
background-color: lighten(#F6EFD4, 3%);
background-position: 10px center;
background-repeat: no-repeat;
height: 20px;
padding: 10px 10px 10px 40px;
display: inline-block;
&.up {
background-image: url(/static/images/askbot/vote-arrow-up.png);
margin-right: 6px;
}
&.down {
background-image: url(/static/images/askbot/vote-arrow-down.png);
}
}
}
&.badges {
@include border-radius(4px);
background-color: #e3e3e3;
@include inline-block();
a {
border: 0;
background: none;
text-transform: uppercase;
color: #292309;
font-size: 12px;
padding: 10px;
text-shadow: 0 1px 0 #fff;
display: block;
}
}
} }
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment