/* codetube
 * Copyright (C) 2011 payload payload@lavabit.com
 *  Copyright (C) 2011 dodo dodo.the.last@gmail.com
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>
 */

.image
    background-repeat no-repeat

.image.corners
    border-radius 3pt

.image.info
    float   left
    margin-right 1em

.image.center
    margin  auto


#logo
    // fallback to png if browser doesnt support svg
    background-image: none, url('/.static/img/5src.svg'), url('/.static/img/5src.png')
    width   173px
    height  178px
    transform-origin rotate(0deg)
    animation:spinning 4000s linear infinite

#about-button
    // fallback to png if browser doesnt support svg
    background-image:  none, url('/.static/img/powered_by_codetube.svg'), url('/.static/img/powered_by_codetube.png')
    background-size:   135px 52px
    background-repeat: no-repeat
    display inline-block
    width   135px
    height  52px
    opacity 0.4
    &:hover
        opacity 0.6


#coding
    background-image  url(/.static/img/coding.gif)
    width   236px
    height  131px

#limber-up
    background-image  url(/.static/img/its-rule-for-a-reason.gif)
    background-position 0px -10px
    width   496px
    height  184px

#dead-link
    background-image  url(/.static/img/deadlink.png)
    width   476px
    height  330px

#git
    background-image:url(/.static/img/git.gif)
    width   476px
    height  274px

#writeme
    background-image:url(/.static/img/writeme.gif)
    width   146px
    height  170px

#nodejs
    background-image:url(/.static/img/node_turtle.png)
    background-size :85px 67px
    width   85px
    height  67px

#npm
    background-image:url(/.static/img/npm.png)
    background-size :85px 85px
    width   85px
    height  85px

#https
    background-image:url(/.static/img/https.png)
    background-size :85px 111px
    background-position: 0 -22px
    width   85px
    height  67px