codecombat/app/styles/play/ladder/ladder-tab-view.sass

71 lines
1.2 KiB
Sass
Raw Normal View History

#ladder-tab-view
.ladder-table
.name-col-cell
max-width: 170px
.histogram-display
height: 130px
2014-04-04 16:38:36 -04:00
.bar rect
fill: steelblue
shape-rendering: crispEdges
.bar text
fill: #fff
.specialbar rect
2014-04-04 17:22:30 -04:00
fill: #555555
2014-04-04 16:38:36 -04:00
.axis path, .axis line
fill: none
2014-04-04 17:22:30 -04:00
stroke: #555555
2014-04-04 16:38:36 -04:00
shape-rendering: crispEdges
2014-04-04 17:22:30 -04:00
.humans-bar
fill: #bf3f3f
shape-rendering: crispEdges
.ogres-bar
fill: #3f44bf
shape-rendering: crispEdges
text
fill: #555555
2014-04-04 16:38:36 -04:00
2014-04-04 17:55:55 -04:00
.rank-text
font-size: 15px
fill: #555555
.humans-rank-text
fill: #bf3f3f
.ogres-rank-text
fill: #3f44bf
.load-more-ladder-entries
position: absolute
right: 15px
bottom: -5px
td
padding: 1px 2px
.code-language-cell, .hero-portrait-cell
padding: 0 10px
background: transparent url(/images/common/code_languages/javascript_icon.png) no-repeat center center
height: 16px
background-size: 16px 16px
.spectate-cell
cursor: pointer
&:not(.selected) .glyphicon
display: none
opacity: 0.75
&:hover .glyphicon
display: inline-block
.iconic-cell
text-align: center