codecombat/app/styles/play/ladder/ladder.sass

109 lines
1.8 KiB
Sass
Raw Normal View History

2014-02-07 18:51:05 -05:00
#ladder-view
2014-03-02 15:43:21 -05:00
h1
text-align: center
.tab-pane
margin-top: 10px
.rank-cell, .fight-cell
text-align: center
2014-02-13 18:57:07 -05:00
.score-cell
2014-02-17 20:42:41 -05:00
width: 50px
text-align: center
2014-02-17 20:42:41 -05:00
.play-button
margin-bottom: 10px
2014-02-20 16:58:35 -05:00
background-image: none
2014-03-16 23:36:18 -04:00
.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
2014-04-12 17:13:26 -04:00
.simulator-leaderboard-cell
text-align: center
// friend column
.friends-header
margin-top: 0
margin-bottom: 5px
.connect-buttons
2014-03-26 17:19:05 -04:00
margin-bottom: 15px
.btn
2014-03-26 17:19:05 -04:00
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
2014-04-03 18:10:24 -04:00
2014-05-19 18:19:56 -04:00
#prize_table
width: 960px
2014-05-19 20:39:56 -04:00
font-weight: bold
2014-05-19 18:19:56 -04:00
2014-05-19 20:39:56 -04:00
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
2014-05-19 18:19:56 -04:00
2014-04-03 18:10:24 -04:00
@media only screen and (max-width: 800px)
#ladder-view
#level-column img
2014-05-19 20:39:56 -04:00
width: 100%