diff options
Diffstat (limited to 'uiframe-iui/src/main/resources/webroot/vendor/icheck/demo/css/custom.styl')
-rw-r--r-- | uiframe-iui/src/main/resources/webroot/vendor/icheck/demo/css/custom.styl | 1191 |
1 files changed, 0 insertions, 1191 deletions
diff --git a/uiframe-iui/src/main/resources/webroot/vendor/icheck/demo/css/custom.styl b/uiframe-iui/src/main/resources/webroot/vendor/icheck/demo/css/custom.styl deleted file mode 100644 index 7f66121a..00000000 --- a/uiframe-iui/src/main/resources/webroot/vendor/icheck/demo/css/custom.styl +++ /dev/null @@ -1,1191 +0,0 @@ -/* 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 |