diff options
Diffstat (limited to 'openo-portal/portal-common/src/main/webapp/common/thirdparty/icheck/demo/css/custom.styl')
-rw-r--r-- | openo-portal/portal-common/src/main/webapp/common/thirdparty/icheck/demo/css/custom.styl | 1191 |
1 files changed, 1191 insertions, 0 deletions
diff --git a/openo-portal/portal-common/src/main/webapp/common/thirdparty/icheck/demo/css/custom.styl b/openo-portal/portal-common/src/main/webapp/common/thirdparty/icheck/demo/css/custom.styl new file mode 100644 index 00000000..7f66121a --- /dev/null +++ b/openo-portal/portal-common/src/main/webapp/common/thirdparty/icheck/demo/css/custom.styl @@ -0,0 +1,1191 @@ +/* Reset +----------------------------------- */ +@import url("normalize.css") + + +/* Fonts +----------------------------------- */ +$font = 'MontserratRegular' +$fontBold = 'MontserratBold' +$stack = $font, Helvetica, Arial, sans-serif +$stackBold = $fontBold, Helvetica, Arial, sans-serif + +@font-face + font-family $font + src url('./montserrat-regular.eot') + src url('./montserrat-regular.eot?#iefix') format('embedded-opentype'), + url('./montserrat-regular.woff') format('woff'), + url('./montserrat-regular.ttf') format('truetype'), + url('./montserrat-regular.svg#' + $font + '') format('svg') + font-style normal + font-weight normal + +@font-face + font-family $fontBold + src url('./montserrat-bold.eot') + src url('./montserrat-bold.eot?#iefix') format('embedded-opentype'), + url('./montserrat-bold.woff') format('woff'), + url('./montserrat-bold.ttf') format('truetype'), + url('./montserrat-bold.svg#' + $fontBold + '') format('svg') + font-style normal + font-weight bold + + +/* Demo +----------------------------------- */ +html +body + height 100% + +body + font 14px/20px $stack + color #222 + background #ebe7df url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAFZCAIAAAA96mnzAAACKklEQVR4Xn2VUW7kMAxD+QLf/1x7gv71LNwdKTLhZFtggMCwSVEUPdb3159/v0uSrM8HtGRZuoQk1R69J12o9ixJWvSnVyfLdbNw0XAXWe1fIL8BoqmNGiV/cHc9Gq4NXxLKHhteRyLpA28cl0SLdx0BckSWL4gkPlIVTg1nN9Ys3iyWI5AGDA5xOXB5BJaWmOw6KSLeU6+0P50QshQyEL2im/YMIL60dTSZ3RXenlkiJpMj8XPMAl1FtjMRW19NxzOE5VGWPVGrc7aSJgz1Y9ku57mpYSwn1h0ivFOXxoCKMCXiahbbZNIZR+tkphllPsomipCwb4GMkXTmPfVg40Jt2y4RQM/PqX5JTM4iiTN8Zz1XvbIAEEvoEW+3nxTLL3lB7t7J3WwyI7g5OVxKIeFEH4FIGLC9I+XqvSd4AxJM5O6WTPr54RAxLG44FVrEuz+kFdXyLiuX6kLPVLZL2ISlcHNlBIKm5rR8nEi9wJeA6Y8JZlJOyDiin0K5ag+AXHtALBicXasjIUu9h0STBbCMU+89gMnu/J05MU1QWqdbPMRPIZIzDgsi8Olg5t7wHhUg/pv5RUzO+BHDmczHkAfZWxlSYgNI5Ig5XRoc66dW9L45eHDkbkqCO7RLG5cna/HD7YhZnfINkFo8iNyj5kx6pFrxNGRlfhV2e1Zt5DnGU8T7Tud1ivi8jU8/3Zy88pkn6+zdXiJ7AVSFBZA3VcwDfXtt5UUHS38B35hQVuJip4MAAAAASUVORK5CYII=") repeat-x + *background-image url(ie/header-line.png) + +a + color #222 + text-decoration none + border-bottom 1px solid #bbb + + &:hover + color #000 + +a +.self + -webkit-transition color .1s + -moz-transition color .1s + -ms-transition color .1s + -o-transition color .1s + transition color .1s + +.self + color #333 + border-bottom 1px dotted #aaa + cursor pointer + + &:hover + color #000 + +strong + font-family $stackBold + font-weight 700 + +p + margin 0 0 8px + +label + cursor pointer + +h1 +h2 +h3 +h4 + margin 0 + font bold 20px/60px $stackBold + +h2 + height 60px + text-align center + text-transform uppercase + +h4 + font-size 18px + line-height 24px + +ul + margin 0 + padding 0 + list-style none + +table + width 100% + margin-bottom 21px + +th +td + padding 11px 20px 12px + vertical-align top + font-weight normal + text-align left + border-bottom 2px solid #E7E5E0 + + thead & + background lighten(#E7E5E0, 50%) + +th + white-space nowrap + +td + width 100% + +.focus + outline 1px dotted rgba(0,0,0,.5) !important + +.clear + position relative + *zoom 1 + + &:before + &:after + content '' + display table + clear both + +.layout + width 930px + margin 0 auto + padding 0 15px + +.header + padding 115px 0 73px + color #fff + text-align center + + h1 + strong + letter-spacing -1px + text-transform uppercase + + h1 + padding-bottom 23px + font-size 22px + line-height 28px + + h3 + position relative + padding 35px 0 17px + font-size 120px + line-height 140px + letter-spacing -5px + + &:before + content '' + display inline-block + width 72px + height 64px + margin-right 32px + vertical-align middle + background url(icheck.png) + + &:after + content '' + position absolute + top 0 + left 50% + width 100px + margin-left -50px + border-top 3px solid #fff + + strong + font 24px/30px $stack + + a + color #fff + border-bottom-color #fff + +.features + position relative + font-size 16px + color #555 + background #fff + + .self + color #555 + border-bottom-color #bbb + + &:hover + color #222 + + .arrows + top 0 + + &:hover .arrows .bottom + left 0 + + h2 + color #fff + background #2489c5 + + ul + padding 44px 60px 36px + + li + padding 0 0 9px 36px + background url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABI0lEQVR4XpXSP0vDUBjF4ZtLkIr4EYzduogdXJTWWV2FLMVNoQrdAhlUUFAEcejo1q13svgFBAUdxA/g30kcdQoIIlL9DWcKuZEeeOCl99w3gTSI49h4MoFb/KCJz6KShS/rOh/TbEZZECLBiSQIR1nQQgAnAVr/LZjEnIq76OJbutjRGR26isUB3pDhBikucWoUzVdI1cl05zBk2MI5jvCKIfL5QluzxTS20bY6WENdl0ujTl13Ni3DABtwWEFp1HG6M7Aq9NHBGRbgy7w6HfTzX6GHCyyXPV2dnu9/MIUX+PIMOkRsbq7hHkZmxciDOrZoQRUVPCGCw504RDobR7VoQQ0f2Mejls1IRb/t4R10CcLc6/2igSVcw8gqFnEMOnSVPxQqQaPw2y7fAAAAAElFTkSuQmCC") 0 1px no-repeat + *background-image url(ie/icon-star.png) + + &.offset + margin-top 20px + +.mark + padding 0 2px + color lighten(#555, 20%) + background lighten(#d7d4cc, 40%) + + .skin-polaris & + background darken(#2C323C, 20%) + + .skin-futurico & + background darken(#2E3035, 20%) + +.social + height 60px + margin-bottom 60px + padding 0 60px + font-size 16px + color #555 + background lighten(#EBE7DF, 50%) + + a + color #777 + border-bottom-color #ccc + + &:hover + color #444 + + .left + float left + padding-top 19px + + li + float left + padding-right 30px + + a + position relative + + .right + float right + padding-top 20px + + li + float right + padding-left 10px + + &.local + padding-top 19px + + li + padding-left 30px + font-size 14px + +.demo-holder + margin-bottom 97px + +.demo-title + padding-bottom 36px + font-size 26px + letter-spacing -1px + +.demo + position relative + + &:hover .arrows .top + &:hover .arrows .bottom + left 0 + +.demo-list + position relative + margin-right 360px + padding 33px 57px 17px + color #555 + background #fff + border 3px solid #ddd8ce + + ul + float right + white-space nowrap + + &:first-child + float left + + li + position relative + padding 0 0 18px 42px + + input + position absolute + top 4px + left 0 + + .icheckbox_square-blue + .iradio_square-blue + position absolute + top -1px + left 0 + + span + color #bbb + +.demo-methods + padding 21px 360px 0 0 + + .mark + background darken(#e7e5e0, 10%) + + dt + position relative + padding 17px 150px 18px 0 + font 16px/24px $stack + color #444 + border-bottom 3px solid #ddd8ce + + .self + cursor pointer + + &:hover + color #222 + + .code + position absolute + right 0 + bottom 18px + color #777 + + .self:hover + color #444 + + dd + position relative + display none + margin 0 + background #fff + border 3px solid #ddd8ce + border-top none + + &:before + content '' + position absolute + top -13px + left 0 + width 0 + height 0 + border 5px solid transparent + border-bottom-color #ddd8ce + border-left-color #ddd8ce + + .markup + margin 0 + color #888 + background lighten(#ebe7df, 50%) + border none + + .comment + color #aaa + +.demo-callbacks + position absolute + top 0 + right 0 + bottom 0 + width 300px + color #aaa + background #232323 + border 3px solid #ddd8ce + + h2 + color #fff + background #6a5a8c + + ul + position absolute + top 60px + width 100% + bottom 0 + overflow auto + + li + margin-top -1px + padding 13px 20px 15px + border-top 1px solid #2e2e2e + + span + color #888 + +.skins + position relative + *zoom 1 + + h2 + position absolute + top -38px + right 0 + left 0 + font-size 24px + text-align center + +.arrows + position absolute + top 3px + left -60px + width 60px + overflow hidden + + .top + .bottom + position relative + left 60px + width 60px + height 60px + cursor pointer + -webkit-transition left .3s, background-color .2s + -moz-transition left .3s, background-color .2s + -ms-transition left .3s, background-color .2s + -o-transition left .3s, background-color .2s + transition left .3s, background-color .2s + + .top + background lighten(#5a9aa8, 25%) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAdklEQVR4Xo3MuwmFQBiE0b0FmAuutnRBsAARLMTYRzvWItiEYLq/s6CYyMwGXzTDcWbG8mhEf/ZjQIV2ZCigjiASMAVJIAVKAQ4FKWBDJVoYpAB/7z8GRaAQgBNQG8dZA28f0BmHBgUCKGh9hhpNKH8BWY8GlF2OH3hCC1zmdAAAAABJRU5ErkJggg==") 50% no-repeat + *background-image url(ie/arrow-top.png) + + &:hover + background-color lighten(#5a9aa8, 10%) + + .bottom + background lighten(#dba571, 20%) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAf0lEQVR4Xo3MzQmEQBCE0TGAvQuOpiQIBiCCgXj2J52NRTAJwev0Vh+WOgjlNHyHguYFM/M6tKLSd2YTmtHHR48S8jtQzAB2430d2bgJvQLsdqRCZwZUPAFLaPjrjYAUMKLgwBtUK4CIhi4BEFGQBohISANEJKQBIqqIFtSqvx/0bXhCCUrgiAAAAABJRU5ErkJggg==") 50% no-repeat + *background-image url(ie/arrow-bottom.png) + + &:hover + background-color #dba571 + +@media screen and (max-width:1049px) + .arrows + .fork-me + display none + +.skin + position relative + margin-bottom 40px + + &:hover .arrows .top + &:hover .arrows .bottom + left 0 + + h3 + position relative + z-index 20 + float left + height 60px + padding 0 57px + line-height 58px + background #fff + border 3px solid #ddd8ce + border-bottom none + + &:before + content '' + position absolute + top 100% + left 0 + width 100% + height 2px + margin-top -1px + background #fff + + &.skin-polaris h3 + color lighten(#7a828b, 60%) + background #2c323c + + &:before + background #2c323c + + &.skin-futurico h3 + color lighten(#888, 50%) + background #2e3035 + + &:before + background #2e3035 + + dl + z-index 10 + width 100% + margin 0 + + dt + position relative + top -53px + right -3px + float right + height 47px + margin-right -3px + padding 0 57px + line-height 47px + border 3px solid #ddd8ce + cursor pointer + + &:hover + background #f0ede7 + border-bottom 3px solid #ddd8ce + + &.selected + height 50px + background #fff + border-bottom none + cursor default + + &:before + content '' + position absolute + top 100% + left 0 + width 100% + height 2px + margin-top -1px + background #fff + + &.skin-polaris dt + color lighten(#7a828b, 60%) + background lighten(#30363f, 30%) + + &:hover + background lighten(#30363f, 15%) + + &.selected + background #2c323c + + &:before + background #2c323c + + &.skin-futurico dt + color lighten(#888, 50%) + background lighten(#2e3035, 30%) + + &:hover + background lighten(#2e3035, 15%) + + &.selected + background #2e3035 + + &:before + background #2e3035 + + dd + position relative + display none + float left + width 100% + margin -3px -100% 0 0 + overflow hidden + color #444 + background #fff + border 3px solid #ddd8ce + + &.selected + display block + + a + color #444 + + &:hover + color #111 + + &.skin-polaris dd + color #7a828b + background #2c323c + + a + color #7a828b + border-bottom-color lighten(#2c323c, 20%) + + &:hover + color lighten(#7a828b, 30%) + + &.skin-futurico dd + color #888 + background #2e3035 + + a + color #888 + border-bottom-color lighten(#2e3035, 20%) + + &:hover + color #aaa + +.skin-section + float left + padding 42px 0 31px 57px + line-height 18px + + h4 + padding-bottom 18px + + .skin-polaris & + color lighten(#7a828b, 20%) + + .skin-futurico & + color lighten(#888, 20%) + + .list + float left + padding-right 60px + + li + position relative + padding-bottom 15px + + .skin-minimal & .list li + padding-left 38px + + .skin-square & .list li + padding-left 42px + + .skin-flat & .list li + .skin-line & label + padding-left 40px + + .skin-line & h4 + padding-bottom 24px + + .skin-line & .list + padding-right 40px + + li + padding-bottom 10px + + .skin-polaris & .list li + padding-left 37px + + .skin-futurico & .list li + padding-left 36px + +.icheckbox_minimal +.icheckbox_minimal-red +.icheckbox_minimal-green +.icheckbox_minimal-blue +.icheckbox_minimal-aero +.icheckbox_minimal-grey +.icheckbox_minimal-orange +.icheckbox_minimal-yellow +.icheckbox_minimal-pink +.icheckbox_minimal-purple +.iradio_minimal +.iradio_minimal-red +.iradio_minimal-green +.iradio_minimal-blue +.iradio_minimal-aero +.iradio_minimal-grey +.iradio_minimal-orange +.iradio_minimal-yellow +.iradio_minimal-pink +.iradio_minimal-purple + position absolute + top 1px + left 0 + +.skin input[type=checkbox] +.skin input[type=radio] + position absolute + top 2px + left 0 + +.icheckbox_square +.icheckbox_square-red +.icheckbox_square-green +.icheckbox_square-blue +.icheckbox_square-aero +.icheckbox_square-grey +.icheckbox_square-orange +.icheckbox_square-yellow +.icheckbox_square-pink +.icheckbox_square-purple +.iradio_square +.iradio_square-red +.iradio_square-green +.iradio_square-blue +.iradio_square-aero +.iradio_square-grey +.iradio_square-orange +.iradio_square-yellow +.iradio_square-pink +.iradio_square-purple + position absolute + top -1px + left 0 + +.icheckbox_flat +.icheckbox_flat-red +.icheckbox_flat-green +.icheckbox_flat-blue +.icheckbox_flat-aero +.icheckbox_flat-grey +.icheckbox_flat-orange +.icheckbox_flat-yellow +.icheckbox_flat-pink +.icheckbox_flat-purple +.iradio_flat +.iradio_flat-red +.iradio_flat-green +.iradio_flat-blue +.iradio_flat-aero +.iradio_flat-grey +.iradio_flat-orange +.iradio_flat-yellow +.iradio_flat-pink +.iradio_flat-purple + position absolute + top 0 + left 0 + +.icheckbox_polaris +.iradio_polaris + position absolute + top -4px + left -6px + +.icheckbox_futurico +.iradio_futurico + position absolute + top 2px + left 0 + +.skin-states + float right + padding-right 57px + padding-left 0 + + .state + cursor default !important + + .list + padding-right 0 + + .skin-minimal & .list li + padding-left 71px + + .skin-square & .list li + padding-left 79px + + .skin-flat & .list li + padding-left 75px + + .skin-line & .list + padding-right 0 + + .skin-polaris & .list li + padding-left 69px + + .skin-futurico & .list li + padding-left 67px + + .iradio_minimal + .iradio_minimal-red + .iradio_minimal-green + .iradio_minimal-blue + .iradio_minimal-aero + .iradio_minimal-grey + .iradio_minimal-orange + .iradio_minimal-yellow + .iradio_minimal-pink + .iradio_minimal-purple + left 33px + + .iradio_square + .iradio_square-red + .iradio_square-green + .iradio_square-blue + .iradio_square-aero + .iradio_square-grey + .iradio_square-orange + .iradio_square-yellow + .iradio_square-pink + .iradio_square-purple + left 37px + + .iradio_flat + .iradio_flat-red + .iradio_flat-green + .iradio_flat-blue + .iradio_flat-aero + .iradio_flat-grey + .iradio_flat-orange + .iradio_flat-yellow + .iradio_flat-pink + .iradio_flat-purple + left 35px + + .iradio_polaris + left 26px + + .iradio_futurico + left 31px + +.colors + clear both + padding 24px 0 9px + + .skin-line & + padding-top 28px + + strong + float left + line-height 20px + margin-right 20px + + li + position relative + float left + width 16px + height 16px + margin 2px 1px 0 0 + background #000 + cursor pointer + filter unquote('alpha(opacity=50)') + opacity .5 + -webkit-transition opacity .2s + -moz-transition opacity .2s + -ms-transition opacity .2s + -o-transition opacity .2s + transition opacity .2s + + &:hover + filter unquote('alpha(opacity=100)') + opacity 1 + + &.active + height 20px + margin-top 0 + filter unquote('alpha(opacity=75)') + opacity .75 + + &.red + background #d54e21 + + &.green + background #78a300 + + &.blue + background #0e76a8 + + &.aero + background #9cc2cb + + &.grey + background #73716e + + &.orange + background #f70 + + &.yellow + background #fc0 + + &.pink + background #ff66b5 + + &.purple + background #6a5a8c + + .skin-square &.red + background #e56c69 + + .skin-square &.green + background #1b7e5a + + .skin-square &.blue + background #2489c5 + + .skin-square &.aero + background #9cc2cb + + .skin-square &.grey + background #73716e + + .skin-square &.yellow + background #fc3 + + .skin-square &.pink + background #a77a94 + + .skin-square &.purple + background #6a5a8c + + .skin-square &.orange + background #f70 + + .skin-flat &.red + background #ec7063 + + .skin-flat &.green + background #1abc9c + + .skin-flat &.blue + background #3498db + + .skin-flat &.grey + background #95a5a6 + + .skin-flat &.orange + background #f39c12 + + .skin-flat &.yellow + background #f1c40f + + .skin-flat &.pink + background #af7ac5 + + .skin-flat &.purple + background #8677a7 + + .skin-line &.yellow + background #FFC414 + +.skins-info + padding 13px 0 57px + font-size 16px + line-height 22px + text-align center + + p + margin-bottom 17px + +.skin-pre + padding 43px 60px 0 + +.skin-usage + padding 19px 60px 8px + list-style decimal outside + + li + margin-bottom 23px + + .schemes + margin-bottom -3px + padding 13px 0 0 20px + color #888 + + ul + float left + padding-right 60px + + li + margin 0 + padding-bottom 3px + +.usage + position relative + margin-bottom 80px + background #fff + + a + border-bottom-color #ddd + + .self + border-bottom-color #bbb + + .arrows + top 0 + + &:hover .arrows .top + &:hover .arrows .bottom + left 0 + + h2 + color #fff + background #1f7f5c + + h4 + margin 26px 0 10px + + &.indeterminate + margin-top 28px + + p + margin-bottom 5px + + &.offset + margin-top 10px + + &.callbacks-info + margin-bottom 19px + + &.methods-info + margin-bottom 10px + + &.methods-callback + margin-top 10px + + &.issue-tracker + margin-top 31px + + .markup + margin 9px 0 16px + + .usage-inner + font-size 15px + line-height 23px + padding 41px 60px 39px + +.markup + margin 10px 0 18px + padding 8px 0 9px 17px + font 14px/20px $stack + color lighten(#555, 20%) + background lighten(#d7d4cc, 40%) + border-left 3px solid darken(#ebeae5, 10%) + + .comment + color lighten(#555, 40%) + + .self + color #555 + + &:hover + color #333 + + .skin-polaris & + background darken(#2C323C, 20%) + border-left-color darken(#2C323C, 30%) + + .skin-futurico & + background darken(#2E3035, 20%) + border-left-color darken(#2E3035, 30%) + + .skin-polaris & + .skin-futurico & + + .comment + color #555 + +.browsers + margin-bottom 74px + + h2 + margin-bottom 29px + font-size 24px + +.browsers-inner + padding 0 60px + font-size 15px + line-height 23px + + p + margin-bottom 15px + +.benefits + position relative + margin-bottom 59px + color #888 + background #232323 + + .arrows + top 0 + + &:hover .arrows .top + &:hover .arrows .bottom + left 0 + + h2 + color #fff + background #6a5b8c + + a + color #888 + border-bottom-color #444 + + &:hover + color #aaa + + .mark + color #777 + background lighten(#232323, 10%) + +.benefits-inner + padding 41px 60px 29px + font-size 15px + line-height 23px + + p + margin-bottom 15px + + ul + margin -10px 0 15px + +.download + height 63px + text-align center + + a + display block + height 60px + font-size 18px + line-height 58px + color #fff + border-bottom 0 solid darken(#E76B66, 10%) + background #E76B66 + -webkit-transition border-bottom .2s + -moz-transition border-bottom .2s + -ms-transition border-bottom .2s + -o-transition border-bottom .2s + transition border-bottom .2s + + &:before + content '' + display inline-block + width 26px + height 26px + margin-right 12px + background url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAACYUlEQVR4Xr3VPWhTURjH4VOt0ES7ZRJbEJpsNsaimx9E0GpRCdgU/NhsRAdNBYcK0RirQcSkIIK2cRBRiragVayDhqBDLVWatFvsIKK2UMEp4KBcf8N/KNdwvcHWAw8c/rzvebk5yU2dZVnmf6wVNdb70Ca+5Rrkx0e8E/ZkyzCoAyuxBZu17/jXQV34jjwCytowjUk90Ywyo5q8errcDoriPgpoRhEj6MQrGHmpbARF1RbUG3Uz6Bae4iBacQNNSKEPRi4pa1JNq3pGcds+qNrXu4B1CKKCWtZqlPAZO/72RDGsRdKWh5ATIdOSpHpjbu6ojBfYBiPdOIQeHJMeZd0wsh1jKDsNakEc97AHo8o3IYCz2I1nGMYuZQHVGPXs1RlxtNgH+TCFtBpvIqua40ghqkGdOIp27VOqMcigX8PTKIKzWXwZDDbAQhDG5o6yx2iAkQY80T4HYxOEpbP/uCOnN+wq1Nlq6x3qrWp3NIcKJvAWV+FVzU804i6uwyNZZY34BaOeyzpjQmfOLR70DSGcwyxOIa7mAZzHQ+QxLHllCdUYnMYZzOqsjeBsPbp8QFZ7Lw7gCt4jhGu4qCEGa5SVVWPUM4Yjbn5HfrTjNYzk8AAZ5CSjbBBG3qjXr0CqX+YAviJpy6cQg9NKIoJBN6+gIGbwA16kMY5eeGDEo2xcNV71TCPo5qM7iX14hJIueB4XkICRhLJ51ZTUsx8n3AwawmGE8QUhRDR4J4yElUUQUm1YvUPOfxPO4khj66KL70W/m+Z6uF3P0YdJBRVlZqkHlbEezQo+YWHJB8mC1Lx+Ayeq7nRIoewwAAAAAElFTkSuQmCC") + *background-image url(ie/icon-options.png) + vertical-align middle + + &:hover + border-bottom-width 3px + +.license + color #444 + text-align center + padding 30px 0 75px + +.footer + padding-top 28px + height 60px + color #666 + background #e2dfd8 + + ul + float left + + li + float left + padding 2px 10px 0 0 + + &.local li + padding 0 30px 0 0 + + .code + float right + + a + color #444 + + &:hover + color #222 + +.footer-inner + width 930px + margin 0 auto + overflow hidden + +.fork-me + position fixed + *position absolute + top 0 + right 0 + width 40px + height 40px + overflow hidden + text-indent 100% + white-space nowrap + background #28545b url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnElEQVR4XqVSgQmEMAyszw/gCI7wK7iBblBHcISfxG6gG/gjuIGO0A3ygaYQCCG2HhweF+6aShsAcDcBJBpuvlwFagqGJwUf5EL6kgV2eEe2yIgc9QI73CMPs8AOywI7nHDSzCxYxcnJ6+hrFnQkJrb2nGclP3Fj+vf0IUV1AgCZHiS86lOObxD4qqSD5mtXmAq1e2fB3vqXact3f/JmXumJlVq1AAAAAElFTkSuQmCC") 50% no-repeat + *background-image url(ie/icon-fork.png) + + &:hover + background-color #1f7f5c + +.skin dt +.fork-me + -webkit-transition background-color .2s + -moz-transition background-color .2s + -ms-transition background-color .2s + -o-transition background-color .2s + transition background-color .2s |