<?php
/*
    Input styles..        v1.0.0
    NOTE: This MUST be included, usually via @@module@@ statements. It is /not/ called directly.
*/
echo <<<CSS

input[type=submit], input[type=button], input[type=reset], input[type=checkbox], select, label, .pointer, input[type=file] {
    transition: all 100ms ease-out 0s;
    cursor: pointer;
}

textarea, input, label, select {
@@border-box-model@@
    margin: 0;
    padding: 0;
    outline: none;
}

textarea {
    white-space: pre;
    font-family: %%code_fonts%%;
    tab-size: 4 !important;
    -o-tab-size: 4 !important;
    -moz-tab-size: 4 !important;
}

/* nice, slightly rounded controls */
input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button], input[type=reset], input[type=checkbox], select, input[type=file] {
    border-radius: .3rem;
    border: .2rem solid transparent;
    vertical-align: middle;
    height: 3.2rem;
    font-size: 120%;
}
input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button], input[type=reset], input[type=checkbox], input[type=file] {
    padding: 0 .3rem;
}

select {
/*    height: 2.8rem;*/
    vertical-align: middle;
    padding:  0.4rem 0.5rem 0 0;
    text-align: center;
    text-align: left;
}

select option {
    margin-right: 1rem;
    right: 3rem;
}

input[type=text], input[type=email], input[type=password], textarea, select {
    border: .2rem solid %%input_glow_border%%;
    font-family: %%code_fonts%%;
}

input[type=text], input[type=email], input[type=password], select {
    text-indent: .5rem;

}

input[type=email]:invalid  {
    color: %%warning_color%%;
}



input[type=submit], input[type=button], input[type=reset], input[type=file] {
    font-weight: bold;
    border: .2rem solid %%butt_bg%%; /* looks lovely in IE8! */
    background-color: %%butt_bg%%;
    color: %%butt_txt%%;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=file]:hover {
    background-color: %%butt_bg_hover%%;
}

input[type=submit]:active, input[type=button]:active, input[type=reset]:active, input[type=file]:active {
    outline: none;
    box-shadow:  0 0 .4rem .3rem %%input_glow_border%%;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
    outline: none;
    box-shadow: 0 0 1rem %%input_glow_border%%;
}

/* licensing model chooser */
input.big-butt {
    cursor: move;
    transition: all 200ms ease-out 0s;
    height: 5rem;
    font-size: 200%;
    border: none;
    border-radius: .66rem;
@@button-gradient(top=%%nav_grad_2%%,middle=%%nav_grad_2%%,bottom=%%nav_grad_3%%,cutoff=10)@@
    box-shadow: .5rem .5rem .45rem -.4rem %%box_shadow%%;
}


input.big-butt:hover {
@@button-gradient(top=%%butt_bg_hover%%,middle=%%butt_bg%%,bottom=%%butt_bg%%,cutoff=90)@@
    box-shadow: 1.4rem 1.2rem 1.2rem -.6rem %%box_shadow%%;
}



@media screen and (max-width: 800px) {

    input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button], input[type=reset], input[type=file] {
        clear: both;
        float: none;
        margin: 0 auto .5rem;
        width: 100%;
        height: 4.8rem;
        text-align: center;
        font-size: 150%;
    }

    input[type=text]:focus, input[type=email]:focus {
        border-color: %%input_glow_border%%;
        box-shadow: 0 0 1.5rem %%input_glow_border%%;
    }

    textarea {
        font-size: 150%;
    }
}


CSS;
?>