Skip to content

Instantly share code, notes, and snippets.

@techsin
Last active May 23, 2016 18:54
Show Gist options
  • Save techsin/df2ce35b68f5f40753d52ddd095f2564 to your computer and use it in GitHub Desktop.
Save techsin/df2ce35b68f5f40753d52ddd095f2564 to your computer and use it in GitHub Desktop.
CSS
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
* {
/*font-family: 'Oswald', sans-serif;*/
font-family: 'Open Sans', sans-serif;
color: white!important;
}
html {
overflow: hidden;
}
#account-overview .header {
display: none;
}
#account-overview .container {
padding: 24px 58px ;
box-sizing: border-box;
background-color: #D03A31;
height: 220px;
}
#account-overview .points-info {
background-color: #FFE259;
color: #3B3B3B;
height: 82px;
width: 320px;
display: block;
border-radius: 3px;
padding: 19px;
line-height: 1rem;
position: absolute;
top: 57px;
left: 146px;
padding-left: 77px;
z-index: 1;
}
#account-overview .profile-pic {
height: 140px!important;
width: 140px!important;
position: absolute;
}
#account-overview .user-info {
position: relative;
border: 7px solid #FFE259;
height: 138px;
width: 138px;
border-radius: 100%;
overflow: hidden;
box-sizing: content-box;
z-index: 90;
}
#account-overview .points-info * {
color: #3B3B3B!important;
}
#account-overview .points-info .name {
font-size: 25px;
margin-bottom: 14px;
text-transform: capitalize;
}
#account-overview .points-info .fan-level .small {
font-size: 20px;
font-weight: 900;
}
#account-overview .flash-points {
display: none;
}
#account-overview .fan-level .icon {
display: none!important;
}
#account-overview .ct-progress-bar .bar {
background-color: #FFE259!important;
border-radius: 3px;
height: 47px;
padding: 0;
}
#account-overview .ct-progress-bar {
background-color: #972A2A!important;
border-radius: 3px;
padding: 8px;
margin-top: 31px;
}
#account-overview .lifetime-points {
display: none;
}
#account-overview .fan-level-progress-details .fan-level {
font-size: 0;
}
#account-overview .fan-level-progress-details .fan-level::before {
content: '6,050 / 8,500';
font-size: 20px;
color: #fff;
font-weight: 900;
margin-top: 5px;
display: block;
}
#account-overview div.progress-bar-container > span > span > span {
display: none;
}
#account-overview > div.container > div.progress-bar-container > div.fan-level-progress-details > span.fan-level-progress.ng-scope > span.ct-points-color.ng-binding {
color: #E75F5F!important;
font-size: 30px;
position: absolute;
top: 0;
font-weight: 900;
font-size: 15px;
width: 109px;
top: 78px;
right: 52px;
}
#account-overview > div.container > div.progress-bar-container > div.fan-level-progress-details > span.fan-level-progress.ng-scope {
font-size: 0;
}
#account-overview > div.container > div.progress-bar-container > div.fan-level-progress-details > span.fan-level-progress.ng-scope > span:nth-child(2) {
font-size: 20px;
color: #fff;
font-weight: 900;
margin-top: -33px;
display: block;
}
#account-overview > div.container > div.progress-bar-container > div.logout-link-container {
color:black!important;
transform: translateY(-30px);
}
#account-overview > div.container > div.progress-bar-container > ct-progress-bar > span > span > span {
display: none!important;
}
body {
height: 195px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment