codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-25 00:28:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
codecombat/app/styles/common/common.sass

367 lines
9.1 KiB
Sass
Raw Normal View History

Trying to standardize sass imports in an effort to test #1615, to no avail.
2014-09-30 19:17:54 -04:00
@import "app/styles/bootstrap/variables"
@import "app/styles/mixins"
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Moved nanoscroller to bower components and related fixes.
2014-04-07 17:34:36 -04:00
body
position: absolute !important
Fixed modal switchout and palette property interpolation. Refactored all use of .hide to .secret so we can use jQuery to show/hide things again.
2014-02-13 12:26:21 -05:00
// https://github.com/twbs/bootstrap/issues/9237 -- need a version that's not !important
.secret
display: none
Made Open Sans Condensed use small-caps in a bunch of the places it's used as a header font to slightly better match the old font weights of Bangers.
2014-11-04 01:19:43 -05:00
h1, h2, h3, h4, h5, h6
font-variant: small-caps
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Some work the job profile page. Added a demo view, mainly added a modal view for viewing raw player code.
2014-07-17 12:12:21 -04:00
a
Ready for action, sir!
2014-01-03 13:32:13 -05:00
cursor: pointer
.error
left: 8px
.selectable
cursor: pointer
Upgrade from Bootstrap 2 to Bootstrap 3
2014-01-23 21:49:29 -05:00
.modal-dialog
Ready for action, sir!
2014-01-03 13:32:13 -05:00
padding: 5px
Moved modals down a bit; watch out, not sure why they were !important before.
2014-05-02 22:28:08 -04:00
margin-top: 30px
margin-bottom: 0px
Fixed the background for spectate view
2014-04-06 15:30:35 -04:00
padding-top: 30px
Integrated nanoscroller.
2014-04-02 17:40:06 -04:00
.background-wrapper
background: url("/images/pages/base/modal_background.png")
background-size: 100% 100%
border: 0
@include box-shadow(0 0 0 #000)
Fixed the background for spectate view
2014-04-06 15:30:35 -04:00
//position: absolute
Integrated nanoscroller.
2014-04-02 17:40:06 -04:00
width: 99%
Added delta views to the other save modals. Fixed modified deltas in delta views. A few style tweaks.
2014-04-10 14:13:33 -04:00
.background-wrapper.plain
background: white
Fixed some bugs with the ThangComponentsEditView, added AddThangComponentsModal.
2014-08-11 16:24:08 -04:00
.plain
h1, h2, h3, h4, h5, h6
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Upgrade from Bootstrap 2 to Bootstrap 3
2014-01-23 21:49:29 -05:00
.modal-content
@include box-shadow(none)
Ready for action, sir!
2014-01-03 13:32:13 -05:00
.modal-header
margin: 0 14px
padding: 8px 0
border-bottom-color: #ccc
.close
font-size: 28px
Fixed a bug with hero placeholder loading. Improved game menu modal close button usability.
2014-09-21 16:26:56 -04:00
padding: 15px
margin-right: -15px
margin-top: -15px
A few fixes for the Bootstrap 3 migration. Fixed #280.
2014-01-29 15:18:37 -05:00
@include opacity(0.60)
Ready for action, sir!
2014-01-03 13:32:13 -05:00
&:hover
A few fixes for the Bootstrap 3 migration. Fixed #280.
2014-01-29 15:18:37 -05:00
@include opacity(1)
Ready for action, sir!
2014-01-03 13:32:13 -05:00
.modal-footer
background-color: transparent
margin: 0 14px
border-bottom-color: #ccc
Progress towards LinkedIn integration
2014-04-23 14:25:36 -04:00
.modal-footer.linkedin
text-align: center
Push for george
2014-04-24 18:27:37 -04:00
.signin-text
font-size: 15px
padding-bottom: 10px
Employer signup works
2014-04-24 20:36:07 -04:00
.login-link
cursor: pointer
Progress towards LinkedIn integration
2014-04-23 14:25:36 -04:00
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Fixed up showing errors, made sure they work with the play view.
2014-04-25 18:31:38 -04:00
// loading screens for everything but the play view
Ready for action, sir!
2014-01-03 13:32:13 -05:00
.loading-screen
.progress
width: 50%
margin: 0 25%
Fixed the loading screen in the new site-chrome. As a result, found and removed all the extraneous loading logic from MainAccountView.
2014-11-25 14:06:34 -05:00
margin-bottom: 20px
Fixed up showing errors, made sure they work with the play view.
2014-04-25 18:31:38 -04:00
// all loading screens
.loading-container
text-align: center
Fixed the progress bar for loading pages.
2014-01-27 14:12:58 -05:00
.progress-bar
Set up a new loading/progress system for views.
2014-04-03 21:43:29 -04:00
width: 0%
transition: width 0.1s ease
.errors .alert
padding: 5px
display: block
margin: 10px auto
.btn
margin-left: 10px
Fixed up showing errors, made sure they work with the play view.
2014-04-25 18:31:38 -04:00
Ready for action, sir!
2014-01-03 13:32:13 -05:00
.modal
Longer modals are now scrollable.
2014-03-27 03:01:29 -04:00
overflow-y: auto !important
Ready for action, sir!
2014-01-03 13:32:13 -05:00
.wait
h3
text-align: center
.progress
width: 50%
margin: 10px auto
A few fixes for the Bootstrap 3 migration. Fixed #280.
2014-01-29 15:18:37 -05:00
.progress-bar
Ready for action, sir!
2014-01-03 13:32:13 -05:00
width: 100%
table.table
background-color: white
Matched gradient background colors in HUD to ThangAvatarView.
2014-01-30 15:03:33 -05:00
//.ui-autocomplete
// z-index: $zindexAutocomplete
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Added wizard color setting.
2014-01-12 14:54:50 -05:00
.ui-slider
border: 1px solid black
.ui-slider-handle
A few fixes for the Bootstrap 3 migration. Fixed #280.
2014-01-29 15:18:37 -05:00
border: 1px solid black !important
Change cursor if moving on map with pressed 'shift'
2014-03-12 21:50:09 -04:00
Fixed #828. Added many other minor refactorings.
2014-08-27 15:24:03 -04:00
// Override jQuery UI widget images that we don't use
.ui-widget-content, .ui-widget-header, .ui-widget-overlay, .ui-widget-shadow
background-image: none
.ui-widget-content, .ui-state-default, .ui-widget-header
.ui-state-default, .ui-state-focus, .ui-state-active, .ui-state-highlight, .ui-state-error
background-image: none
Moved DOM highlight arrows from PlayLevelView to CocoView so that everywhere can use them. Added highlight for next level on world map.
2014-10-08 13:46:10 -04:00
// DOM highlight pointer arrow
.highlight-pointer
position: absolute
left: 0
top: 0
height: 100px
opacity: 0.0
pointer-events: none
z-index: 10
Fixed #135.
2014-03-30 20:24:07 -04:00
// Fonts
.header-font
font-family: $headings-font-family
Made Open Sans Condensed use small-caps in a bunch of the places it's used as a header font to slightly better match the old font weights of Bangers.
2014-11-04 01:19:43 -05:00
font-variant: small-caps
Fixed #776 with some CSS/font fixes and \@therealbond's admin footerization.
2014-04-12 02:07:48 -04:00
body[lang='ja']
h1, h2, h3, h4, h5, h6
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", 'Open Sans Condensed', sans-serif
Made Open Sans Condensed use small-caps in a bunch of the places it's used as a header font to slightly better match the old font weights of Bangers.
2014-11-04 01:19:43 -05:00
font-variant: small-caps
Fixed #776 with some CSS/font fixes and \@therealbond's admin footerization.
2014-04-12 02:07:48 -04:00
letter-spacing: -1px !important
.header-font
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", 'Open Sans Condensed', sans-serif
Made Open Sans Condensed use small-caps in a bunch of the places it's used as a header font to slightly better match the old font weights of Bangers.
2014-11-04 01:19:43 -05:00
font-variant: small-caps
Fixed #776 with some CSS/font fixes and \@therealbond's admin footerization.
2014-04-12 02:07:48 -04:00
letter-spacing: -1px !important
#top-nav
.navbar-nav
li
a.header-font
font-size: 16px
Fixed #135.
2014-03-30 20:24:07 -04:00
First iteration of mobile styling!
2014-04-03 18:10:24 -04:00
@media only screen and (max-width: 800px)
.main-content-area
width: 100%
.content
width: 100%
.footer-link-text a
font-size: 17px
margin-left: 3px
margin-right: 3px
.share-buttons
margin-bottom: 20px
.partner-badges
Merge branch 'master' of https://github.com/codecombat/codecombat
2014-04-03 21:43:36 -04:00
display: none
Set up Bootstrap 3 glyphicons.
2014-04-11 18:37:04 -04:00
// point the new glyphicons to the fonts in public
@font-face
font-family: 'Glyphicons Halflings'
src: url("/fonts/glyphicons-halflings-regular.eot")
src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
Switched listen to watch (would have been confusing with eye-con, and listenTo function in Backbone). Added watch button and patch badge to level editor.
2014-04-15 18:09:36 -04:00
.spr:after
content: " "
.spl:before
Moved modals down a bit; watch out, not sure why they were !important before.
2014-05-02 22:28:08 -04:00
content: " "
Fixes #940, merging the signup and login modal into a single modal. Created a couple A/B tests for amount of text in the signup modal.
2014-05-22 14:24:35 -04:00
a[data-toggle="coco-modal"]
cursor: pointer
Added a bunch of achievements to the script. Restyled big parts.
2014-08-03 17:58:51 -04:00
.achievement-corner
position: fixed
bottom: 0px
right: 0px
z-index: 1001
Made ItemView more general. Upgraded Bootstrap from 3.1 to 3.2. Fixed a few bugs.
2014-08-31 15:21:25 -04:00
kbd
padding: 2px 4px
font-size: 90%
color: #fff
background-color: #333
border-radius: 3px
@include box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .25))
Extended Achievements to support earning heroes, items, levels, and gems. Fixed a few Achievement bugs.
2014-09-26 05:28:54 -04:00
.gem
display: inline-block
background: transparent url(/images/common/gem.png) no-repeat center
background-size: contain
width: 80px
height: 80px
margin: 0px 2px
&.gem-20
width: 20px
height: 20px
&.gem-25
width: 25px
height: 25px
&.gem-40
width: 40px
height: 40px
&.gem-60
width: 60px
height: 60px
Implemented new playback scrubber textures.
2014-11-04 22:03:35 -05:00
.popover
border-image: url(/images/level/popover_background.png) 29 39 fill stretch
border-width: 15px 20px
Hid some buttons that take us to old account/settings/achievements pages for now. Made property documentation popovers chill over to the left.
2014-11-05 22:23:45 -05:00
.arrow
display: none
You can now buy cross-class items once you have a hero of that class. When you click to buy an item you can't afford, it takes you to the gem shop. Increased amount of items you can purchase a bit more.
2014-11-24 13:51:20 -05:00
.btn
font-size: 20px
width: 100%
Fixed iPad scrubber positioning. Reworked spell debug progress stepper to use drags instead of hover. Hiding spell debug progress stepper based on level, not statements executed.
2014-11-05 20:34:46 -05:00
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
.btn.btn-illustrated
background: 0
border: 0
border-radius: 0
@include box-shadow(none)
border-image: url(/images/common/button-background-active-border.png) 14 20 20 20 fill round
border-width: 7px 10px 10px 10px
padding: 0
font-family: Open Sans Condensed
text-transform: uppercase
font-weight: bold
color: rgb(248, 197, 146)
Implemented new AuthModal design (sans green button for signup/login).
2014-12-06 20:27:02 -05:00
&.btn-lg
border-width: 14px 20px 20px 20px
&.btn-primary
border-image-source: url(/images/common/button-background-primary-active-border.png)
&.btn-success
border-image-source: url(/images/common/button-background-success-active-border.png)
&.btn-warning
border-image-source: url(/images/common/button-background-warning-active-border.png)
&.btn-danger
border-image-source: url(/images/common/button-background-danger-active-border.png)
You can now buy cross-class items once you have a hero of that class. When you click to buy an item you can't afford, it takes you to the gem shop. Increased amount of items you can purchase a bit more.
2014-11-24 13:51:20 -05:00
&:hover
color: lighten(rgb(248, 197, 146), 5%)
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
&:active
Implemented new AuthModal design (sans green button for signup/login).
2014-12-06 20:27:02 -05:00
&.btn-lg
border-image-source: url(/images/common/button-background-pressed-border.png)
&:not(.btn-lg)
border-image: url(/images/common/button-background-pressed-border.png) 14 16 16 20 fill round
padding: 2px 0 0 2px
border-width: 7px 8px 8px 10px
&.btn-primary
border-image-source: url(/images/common/button-background-primary-pressed-border.png)
&.btn-success
border-image-source: url(/images/common/button-background-success-pressed-border.png)
&.btn-warning
border-image-source: url(/images/common/button-background-warning-pressed-border.png)
&.btn-danger
border-image-source: url(/images/common/button-background-danger-pressed-border.png)
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
&.disabled, &:disabled
border-image: url(/images/common/button-background-disabled-border.png) 14 20 20 20 fill round
@include opacity(1)
Implemented new AuthModal design (sans green button for signup/login).
2014-12-06 20:27:02 -05:00
&.btn-primary
border-image-source: url(/images/common/button-background-primary-disabled-border.png)
&.btn-success
border-image-source: url(/images/common/button-background-success-disabled-border.png)
&.btn-warning
border-image-source: url(/images/common/button-background-warning-disabled-border.png)
&.btn-danger
border-image-source: url(/images/common/button-background-danger-disabled-border.png)
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
> *
@include opacity(0.5)
> *
@include opacity(0.75)
&:hover > *
@include opacity(1)
Fixed iPad scrubber positioning. Reworked spell debug progress stepper to use drags instead of hover. Hiding spell debug progress stepper based on level, not statements executed.
2014-11-05 20:34:46 -05:00
html.no-borderimage
.popover
border: 0
background: transparent url(/images/level/popover_background.png)
background-size: 100% 100%
padding: 10px 20px
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
.btn.btn-illustrated
border: 0
background-image: url(/images/common/button-background-active.png)
background-size: 100% 100%
padding: 7px 10px 10px 10px
Implemented new AuthModal design (sans green button for signup/login).
2014-12-06 20:27:02 -05:00
&.btn-primary
background-image: url(/images/common/button-background-primary-active.png)
&.btn-success
background-image: url(/images/common/button-background-success-active.png)
&.btn-warning
background-image: url(/images/common/button-background-warning-active.png)
&.btn-danger
background-image: url(/images/common/button-background-danger-active.png)
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
&:active
background-image: url(/images/common/button-background-pressed.png)
padding: 9px 8px 8px 12px
border: 0
Implemented new AuthModal design (sans green button for signup/login).
2014-12-06 20:27:02 -05:00
&.btn-primary
background-image: url(/images/common/button-background-primary-pressed.png)
&.btn-success
background-image: url(/images/common/button-background-success-pressed.png)
&.btn-warning
background-image: url(/images/common/button-background-warning-pressed.png)
&.btn-danger
background-image: url(/images/common/button-background-danger-pressed.png)
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
&.disabled, &:disabled
background-image: url(/images/common/button-background-disabled.png)
Implemented new AuthModal design (sans green button for signup/login).
2014-12-06 20:27:02 -05:00
&.btn-primary
background-image: url(/images/common/button-background-primary-disabled.png)
&.btn-success
background-image: url(/images/common/button-background-success-disabled.png)
&.btn-warning
background-image: url(/images/common/button-background-warning-disabled.png)
&.btn-danger
background-image: url(/images/common/button-background-danger-disabled.png)
Hid the G+ "Welcome back" message, since we are managing logins manually now.
2014-11-14 14:14:08 -05:00
body > iframe[src^="https://apis.google.com"]
display: none
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file.
2014-11-28 19:38:50 -05:00
Removed the module loader modal, replaced with a simple progress bar at the top of the screen.
2014-12-06 16:11:47 -05:00
#module-load-progress
position: absolute
top: 0
left: 0
right: 0
height: 5px
z-index: 1
transition: 1s
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file.
2014-11-28 19:38:50 -05:00
Removed the module loader modal, replaced with a simple progress bar at the top of the screen.
2014-12-06 16:11:47 -05:00
.progress-bar
Merginated.
2014-12-06 20:28:11 -05:00
background-color: lightblue
Reference in a new issue Copy permalink