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

149 lines
2.8 KiB
Sass
Raw Normal View History

2014-02-07 18:51:05 -05:00
#ladder-view
.main-content-area
background-color: whitesmoke
#level-column img
margin: -14px -12px 0px -12px
width: 100%
width: -webkit-calc(100% + 24px)
width: calc(100% + 24px)
2014-03-02 15:43:21 -05:00
h1
text-align: center
.tournament-blurb
margin: -20px -12px 20px -12px
padding: 10px
background-color: white
h2
text-align: center
a
font-weight: bold
.sponsor-logos
padding: 10px 15px 10px 15px
-webkit-filter: grayscale(100%)
-webkit-transition: .5s ease-in-out
-moz-filter: grayscale(100%)
-moz-transition: .5s ease-in-out
-o-filter: grayscale(100%)
-o-transition: .5s ease-in-out
filter: grayscale(100%)
transition: .5s ease-in-out
&:hover
-webkit-filter: grayscale(0%)
-moz-filter: grayscale(0%)
-o-filter: grayscale(0%)
filter: grayscale(0%)
img
margin: 0px 15px
2014-03-02 15:43:21 -05:00
.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: 150px
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
#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
#winners
.win
color: #172
.loss
color: #712
.code-language-cell
padding: 0 10px
background: transparent url(/images/common/code_languages/javascript_icon.png) no-repeat center center
height: 16px
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%