codecombat/app/styles/play/modal/leaderboard-modal.sass

@import "app/styles/bootstrap/variables"
@import "app/styles/mixins"

#leaderboard-modal

  //- Clear modal defaults
  
  .modal-dialog
    width: 820px
    height: 570px
    padding: 0
    background: none
    position: relative
    top: 40px

    
  //- Background
  
  #leaderboard-background
    position: absolute
    top: -126px
    left: -3px


  //- Header
  
  .level-title
    position: absolute
    left: 172px
    top: -46px
    margin: 0
    width: 457px
    text-align: center
    color: rgb(254,188,68)
    font-size: 38px
    text-shadow: black 4px 4px 0, black -4px -4px 0, black 4px -4px 0, black -4px 4px 0, black 4px 0px 0, black 0px -4px 0, black -4px 0px 0, black 0px 4px 0

    
  //- Close modal button

  #close-modal
    position: absolute
    left: 616px
    top: -51px
    width: 60px
    height: 60px
    color: white
    text-align: center
    font-size: 30px
    padding-top: 17px
    cursor: pointer
    z-index: 2
    @include rotate(-3deg)

    &:hover
      color: yellow

    
  //- Nav bar

  #leaderboard-nav
    position: absolute
    top: 53px
    left: 42px
    width: 178px

    li
      background: url(/images/pages/play/modal/menu-tab.png)
      padding: 5px
      margin: -5px 0
      height: 80px
      padding: 0
      
      &.active
        background: url(/images/pages/play/modal/menu-tab-selected.png)
        width: 197px

      a
        font-size: 18px
        line-height: 25px
        background: none
        color: rgb(195,153,124)
        font-weight: bold
        padding: 14px 20px
        font-family: $headings-font-family
        text-transform: uppercase
    
        .timespan
          margin-left: 20px
          opacity: 0.75


  //- Tab panels
  
  .leaderboard-tab-content
    position: absolute
    left: 219px
    top: 55px
    width: 571px
    height: 490px
    padding: 50px
    overflow-y: scroll

  ::-webkit-scrollbar
    // So that the scrollbar doesn't go on top of the close button.
    // Wish we could easily do this for Firefox.
    display: none

// Font size tweak for languages that don't fit 
body[lang='ru']
  #leaderboard-modal #leaderboard-nav a
    font-size: 13px
Fixed up our headings font family fallback. 2014-12-07 20:57:57 -05:00			`@import "app/styles/bootstrap/variables"`
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability. 2014-09-21 16:26:56 -04:00			`@import "app/styles/mixins"`

Leaderboard skeletons. 2015-01-30 15:27:19 -05:00			`#leaderboard-modal`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00
			`//- Clear modal defaults`

			`.modal-dialog`
			`width: 820px`
			`height: 570px`
			`padding: 0`
			`background: none`
			`position: relative`
			`top: 40px`


			`//- Background`
Added a close button to the game menu modal. 2014-09-04 13:03:34 -04:00
Leaderboard skeletons. 2015-01-30 15:27:19 -05:00			`#leaderboard-background`
Added a close button to the game menu modal. 2014-09-04 13:03:34 -04:00			`position: absolute`
A few visual improvements to leaderboadrs. 2015-02-03 20:07:15 -05:00			`top: -126px`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`left: -3px`
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability. 2014-09-21 16:26:56 -04:00
A few visual improvements to leaderboadrs. 2015-02-03 20:07:15 -05:00
			`//- Header`

			`.level-title`
			`position: absolute`
			`left: 172px`
			`top: -46px`
			`margin: 0`
			`width: 457px`
			`text-align: center`
			`color: rgb(254,188,68)`
			`font-size: 38px`
			`text-shadow: black 4px 4px 0, black -4px -4px 0, black 4px -4px 0, black -4px 4px 0, black 4px 0px 0, black 0px -4px 0, black -4px 0px 0, black 0px 4px 0`

Added the close button to the GameMenuModal. 2014-11-18 16:57:20 -05:00
			`//- Close modal button`

			`#close-modal`
			`position: absolute`
A few visual improvements to leaderboadrs. 2015-02-03 20:07:15 -05:00			`left: 616px`
			`top: -51px`
Added the close button to the GameMenuModal. 2014-11-18 16:57:20 -05:00			`width: 60px`
			`height: 60px`
			`color: white`
			`text-align: center`
			`font-size: 30px`
			`padding-top: 17px`
			`cursor: pointer`
			`z-index: 2`
			`@include rotate(-3deg)`
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability. 2014-09-21 16:26:56 -04:00
Added the close button to the GameMenuModal. 2014-11-18 16:57:20 -05:00			`&:hover`
			`color: yellow`


Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`//- Nav bar`
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability. 2014-09-21 16:26:56 -04:00
Leaderboard skeletons. 2015-01-30 15:27:19 -05:00			`#leaderboard-nav`
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability. 2014-09-21 16:26:56 -04:00			`position: absolute`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`top: 53px`
			`left: 42px`
			`width: 178px`
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability. 2014-09-21 16:26:56 -04:00
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`li`
			`background: url(/images/pages/play/modal/menu-tab.png)`
			`padding: 5px`
			`margin: -5px 0`
			`height: 80px`
			`padding: 0`

			`&.active`
			`background: url(/images/pages/play/modal/menu-tab-selected.png)`
			`width: 197px`
Removed Wizards from hero levels. Fixed issues with GameMenuModal width and swapping of hero config. No need to click start with ?dev=true. Hero is always selected in hero levels. GameMenuModal shows up while loading if no heroConfig is detected. 2014-09-21 23:19:27 -04:00
Added signup to game menu modal. 2014-10-27 12:27:57 -04:00			`a`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`font-size: 18px`
Basic leaderboards are working. 2015-01-31 00:36:36 -05:00			`line-height: 25px`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`background: none`
			`color: rgb(195,153,124)`
			`font-weight: bold`
			`padding: 14px 20px`
Fixed up our headings font family fallback. 2014-12-07 20:57:57 -05:00			`font-family: $headings-font-family`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`text-transform: uppercase`

Basic leaderboards are working. 2015-01-31 00:36:36 -05:00			`.timespan`
			`margin-left: 20px`
			`opacity: 0.75`
More work on game menu skeleton. 2014-08-08 18:56:53 -04:00
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability. 2014-09-21 16:26:56 -04:00
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`//- Tab panels`

Leaderboard skeletons. 2015-01-30 15:27:19 -05:00			`.leaderboard-tab-content`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`position: absolute`
			`left: 219px`
Fixed the issue with the Leaderboard view to fit properly for #2254 The leaderboard view fits properly while scrolling down. 2015-02-10 12:57:23 -05:00			`top: 55px`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`width: 571px`
Fixed the issue with the Leaderboard view to fit properly for #2254 The leaderboard view fits properly while scrolling down. 2015-02-10 12:57:23 -05:00			`height: 490px`
Implemented Heald's design of the GameMenuModal. 2014-11-07 11:54:22 -05:00			`padding: 50px`
Messed around with some of the new modals' scroll bars. 2014-11-09 22:39:09 -05:00			`overflow-y: scroll`
Fixed multiplexed-by-code-and-spoken-language component documentation i18n. 2014-11-23 13:21:58 -05:00
			`::-webkit-scrollbar`
			`// So that the scrollbar doesn't go on top of the close button.`
			`// Wish we could easily do this for Firefox.`
			`display: none`

Fixed issue #2430 2015-02-28 16:19:35 -05:00			`// Font size tweak for languages that don't fit`
			`body[lang='ru']`
			`#leaderboard-modal #leaderboard-nav a`
			`font-size: 13px`