codecombat/app/styles/play/ladder/ladder.sass
2014-05-19 17:40:06 -07:00

108 lines
1.8 KiB
Sass

#ladder-view
h1
text-align: center
.tab-pane
margin-top: 10px
.rank-cell, .fight-cell
text-align: center
.score-cell
width: 50px
text-align: center
.play-button
margin-bottom: 10px
background-image: none
.spectate-button-container
margin-top: 10px
text-align: center
.name-col-cell
max-width: 300px
text-overflow: ellipsis
white-space: nowrap
overflow: hidden
.ellipsis-row
text-align: center
.simulator-leaderboard-cell
text-align: center
// friend column
.friends-header
margin-top: 0
margin-bottom: 5px
.connect-buttons
margin-bottom: 15px
.btn
margin-right: 5px
.friend-entry img
float: left
margin-right: 10px
.friend-entry
margin-bottom: 15px
.connect-facebook
background-color: #4c66a4 !important
background-image: none
color: white
.connect-google-plus
background-color: #CC3234 !important
background-image: none
color: white
td
padding: 1px 2px
tr.stale
opacity: 0.5
tr.win .state-cell
color: #172
tr.loss .state-cell
color: #712
#must-log-in button
margin-right: 10px
#prize_table
width: 960px
font-weight: bold
thead
font-size: 24px
tbody
tr:not(:first-child)
border-top: 10px solid #ddd
td
vertical-align: middle
&:nth-child(1), &:nth-child(3)
text-align: center
font-size: 24px
li
list-style: none
&:not(:last-child)
margin-bottom: 10px
border-bottom: 1px solid #ddd
img
margin-right: 10px
@media only screen and (max-width: 800px)
#ladder-view
#level-column img
width: 100%