maxcanna/gplaybadge

body, html {
    height: 100%;
}
#badgeImg {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    max-height: 100%;
    max-width : 450px;
}
#badgeCode {
    margin-bottom: 25px;
    display: none;
}
@media (max-width: 450px) {
    #badgeCarousel {
        max-height: 100%;
        max-width: 450px;
        margin: auto;
    }
}
@media (min-width: 500px) {
    #badgeCarousel {
        height: 130px;
        width: 450px;
        margin: auto;
    }
}
.badgeCarouselItem {
    margin: auto;
    width: 100%;
    max-height: 100%
}
h1 {
    margin-top: 10px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
    font-size: 45px;
}
h2 {
    margin-top: 10px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
    font-size: 20px;
}
.container[role=main] {
    min-height:100%;
}
#bottombar {
    height: 25px;
    margin-top: -25px;
    left: 15px;
    right: 15px;
}
#help {
    color: #2196F3;
}
#help:hover {
    color: #428bca;
    background: white;
}
#growlAnchor {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.material {
    box-shadow: inset 0 -1px 0 #ddd;
    border: none;
    border-radius: 0;
}
.material:focus {
    box-shadow: inset 0 -2px 0 #2196F3;
}
a>img {
    position:absolute;top:0;right:0;border:0;
}