Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/jackmawer/wishlist.
Something went wrong. Try again.
11 kB · 637 lines
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638@import 'nib'
textarea,input:not([type=file]),button box-sizing: border-box -webkit-appearance: none background-color: #ebebeb border: 1px solid #ccc border-radius: 3px display: block margin-bottom: 12px min-height: 34px padding: 7px
&.full width: 100%
&.input-error background-color: #ece9e9 border-color: #ba1212
&:focus outline: 0
input[type="file"] margin-bottom: 16px
input[type="radio"] -webkit-appearance: radio min-height: inherit
input[type="text"],input[type="password"],input[type="email"] transition: background 85ms ease-in, border-color 85ms ease-in width: 250px
&.inline-input background: none border: 0 margin: 0 padding: 2px min-height: 0 height: 18px width: 200px
&.full-line width: 100%
input[type="email"]:invalid box-shadow: none
input[type="text"],input[type="password"],input[type="email"],textarea
&:hover border-color: #999
&.input-error border-color: #ba1212
&:focus background: #fff border-color: #318ec4 box-shadow: 0 0 2px #318ec4
&.input-error background-color: #f8f7f7 border-color: #ba1212 box-shadow: 0 0 2px #d11515
&:disabled background-color: #dcdcdc border-color: #bfbfbf color: #8c8c8c -webkit-touch-callout: none user-select: none
select max-height: 300px width: 256px margin-bottom: 8px
option[disabled] color: #8c8c8c
textarea height: 150px transition: background 85ms ease-in, border-color 85ms ease-in resize: vertical width: 100%
&.editor resize: none padding-bottom: 22px
.button border-radius: 3px text-decoration: none position: relative
input[type="submit"],button background: #cfcfcf background: linear-gradient(#cfcfcf, #c2c2c2) border: none cursor: pointer display: inline-block font-weight: 700 line-height: 22px margin: 8px 4px 0 0 padding: 7px 20px text-align: center
.wide padding-left: 30px padding-right: 30px
&:hover, &:focus background: #c2c2c2 background: linear-gradient(#c2c2c2, #b5b5b5)
&:active background: #b5b5b5 background: linear-gradient(#b5b5b5, #a8a8a8) box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1)
&:hover, &:focus, &:active background: #e6e6e6 background: linear-gradient(#e6e6e6, #e6e6e6)
&.primary background: #005377 box-shadow: 0 1px 0 #4d4d4d color: white
&:hover, &:focus background: #004766
&:active background: #01628C
&.negate &:hover, &:focus background: #990f0f background: linear-gradient(#990f0f, #7d0c0c) box-shadow: 0 1px 0 #4d4d4d color: #fff
&:active background: #7d0c0c box-shadow: 0 1px 0 #4d4d4d color: #fff
i.fa margin-right: 10px
input[type="submit"].disabled,input[type="submit"]:disabled,input[type="button"].disabled,button.disabled,.button.disabled
&, &:hover, &:active background: #cfcfcf cursor: default box-shadow: none color: #a8a8a8
fieldset border: 1px solid #bfbfbf padding: 15px margin-bottom: 15px
input[type="hidden"] display: none
.radio-div,.check-div display: block margin: 0 0 4px 20px min-height: 20px position: relative
input left: -18px min-height: 0 margin: 0 padding: 0 position: absolute top: 2px
label font-weight: 400
label display: block font-weight: 700 margin-bottom: 4px
&.form-error color: #ba1212
input,textarea &::-webkit-input-placeholder, &::-moz-placeholder color: #8c8c8c
.edit-controls,.add-controls margin-top: 0
button[type=submit] float: left height: 32px margin-top: -2px padding-top: 5px padding-bottom: 5px
.fa-times-thin font-size: 26px margin: 3px 4px
// Material Design checkboxes[type="checkbox"]:not(:checked),[type="checkbox"]:checked position: absolute left: -9999px visibility: hidden
.materialCheckBox position: relative width: 13px height: @width z-index: 0 border: 2px solid #5a5a5a border-radius: 1px transition: .2s margin: 0 cursor: pointer
&.is-checked top: -4px left: -3px width: 7px height: 15px margin-right: 6px border-top: 2px solid transparent border-left: 2px solid transparent transform: rotate(40deg) -webkit-backface-visibility: hidden transform-origin: 100% 100%
.button-link background: #fff background: linear-gradient(#fff, #f5f5f5) border-radius: 3px box-sizing: border-box user-select: none border: 1px solid #e3e3e3 border-bottom-color: #c2c2c2 cursor: pointer display: block font-weight: 700 height: 34px margin-top: 6px max-width: 300px padding: 7px position: relative text-decoration: none overflow: ellipsis
.on background: #48b512 background: linear-gradient(#48b512, #3d990f) border-radius: 3px color: #fff display: none font-size: 12px font-weight: 700 height: 17px line-height: @height margin: 0 padding: 2px 4px position: absolute right: 5px top: 5px text-align: center
&.is-on padding-right: 30px max-width: 196px
.on display: block
&.inline color: #666 padding: 2px 14px margin-left: 4px
&.setting height: 52px float: left position: relative margin-top: 0
&.disabled background: #fff border-color: #e9e9e9 color: #8c8c8c cursor: default
select display: none
&:hover .label color: #8c8c8c
&, &:hover, &:active, &.primary, &.primary:hover, &.primary:active background: #cfcfcf border-color: #c2c2c2 border-bottom-color: #b5b5b5 cursor: default box-shadow: none color: #a8a8a8
.label color: #8c8c8c display: block font-size: 12px line-height: 14px margin-bottom: 0
&:hover .label color: #eee
.value display: block font-size: 18px line-height: 24px overflow: hidden text-overflow: ellipsis
label display: none
select border: none cursor: pointer height: 50px left: 0 margin: 0 opacity: 0 position: absolute top: 0 z-index: 2 width: 100%
&:hover background: #318ec4 background: linear-gradient(#318ec4, #2b7cab) border-color: #2e85b8 color: #fff
.on background-image: none background-color: rgba(255, 255, 255, .3) border-color: transparent
&:active background: #2e85b8 background: linear-gradient(#2e85b8, #28739f) border-color: #2b7cab color: #fff
.button-link.negate
&:hover background: #990f0f background: linear-gradient(#990f0f, #7d0c0c) border-color: @background
&:active background: #7d0c0c border-color: #990f0f
&.primary background: #48b512 background: linear-gradient(#48b512, #3d990f) border: 1px solid border-color: #3d990f color: #fff
&:hover background: #3d990f background: linear-gradient(#3d990f, #327d0c) border-color: #3d990f
&.danger background: #ba1212 background: linear-gradient(#ba1212, #8b0e0e) border: 1px solid border-color: #a21010 color: #fff
&:hover background: #a21010 background: linear-gradient(#a21010, #740b0b) border-color: #8b0e0e
button &.quiet-button, &.loud-text-button background: none text-align: left line-height: normal border: none box-shadow: none
&:active color: #4d4d4d background: #d3d3d3 box-shadow: none
&.quiet-button font-weight: 400 text-decoration: underline
&.loud-text-button width: 100%
&:hover color: #111
.emphasis-button,.quiet-button border-radius: 3px user-select: none color: #8c8c8c display: block margin: 2px 0 padding: 6px 8px position: relative
&.w-img padding-left: 28px
&:hover color: #4d4d4d background: #dcdcdc
&:active color: #4d4d4d background: #d3d3d3
.quiet-button-large padding: 16px 24px
.emphasis-button color: #74663e background: #ecdfbb
&:hover color: #53492d background: #e7d6a7
&:active color: #53492d background: #e1cc93
.is-editable cursor: pointer
.big-link border-radius: 3px display: block margin: 6px 0 6px 40px padding: 11px position: relative text-decoration: none font-size: 16px line-height: 20px
.text text-decoration: underline
&:hover background: #dcdcdc
&.options padding-right: 41px
.option height: 30px width: @height position: absolute right: 6px top: 6px
&.none color: #8c8c8c text-decoration: none
&:hover background: transparent
&.avatar-changer padding-right: 51px
.member border: 1px solid #ccc border-radius: 3px height: 40px width: @height position: absolute right: 0 top: 0
.member-avatar height: 40px width: @height
.member-initials font-size: 16px height: 40px line-height: @height max-height: @height
.show-more border-radius: 3px color: #8c8c8c display: block padding: 16px 8px 16px 40px margin: 8px 0
&:hover background: #dcdcdc text-decoration: underline
&.compact padding: 12px 8px margin: 8px 0 0 text-align: center
.board-widget .show-more padding: 12px 8px 12px 40px
.uploader clear: both cursor: pointer position: relative height: 34px width: 100%
.realfile cursor: pointer height: 34px line-height: @height position: absolute top: 0 left: 0 width: 100% z-index: 2 font-size: 23px
input[type="file"] cursor: pointer height: 34px line-height: @height margin: 0 opacity: 0 padding: 0 width: 100% z-index: 2 font-size: 23px
&:hover .fakefile background: #318ec4 background: linear-gradient(#318ec4, #2b7cab) border-color: #2e85b8 color: #fff
.dropdown-menu border-radius: 2px overflow: hidden
li border-top: none
a padding: 4px 12px 4px 8px
img width: 18px height: @width margin-right: 5px vertical-align: middle
.minicard-label width: 11px height: @width border-radius: 2px margin: 2px 7px -2px -2px display: inline-block
&.active background: #005377
a, .quiet color: white
@media screen and (max-width: 800px) .edit-controls, .add-controls .fa-times-thin margin: 3px 20px