/* 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/>
 */

// for keyframes
vendors = webkit khtml moz o official

// http://colorschemedesigner.com/#1q62JhWs0g0g0

font-family      = Droid Sans, sans-serif
mono-font-family = Droid Sans Mono, monospace
font-size        = 10pt
small-font-size  = 8pt
symbol-font-size = 12pt

color-yellow  = #DFCA62
color-green   = #6DBD53
color-red     = #DF7362
color-blue    = #5F4D9A

color-darkest = #202020
color-darker  = #303030
color-dark    = #606060
color-med     = #cccCCC
color-lighty  = #dfdfdf
color-nearly-light = #eaeaea
color-light   = #eFEFEf
color-marking = #BA8823

small-border-radius = 0.5pt * font-size
smaller-border-radius = 0.2pt * font-size
border-shadow = 0 0 2pt 2pt rgba(0,0,0,0.2)

head-height   = 10pt*font-size
head-gap      =  3pt*font-size
head-top-gap  = 0.5pt*head-gap
head-logo-w   = 13pt*font-size

head-title-gap    = font-size
head-title-w      = 25pt*font-size
head-title-indent = 0.4pt*font-size
head-title-shadow = 2pt 2pt 2pt 2pt rgba(0,0,0,0.2)

head-user-links-top-pad = 2pt
head-user-links-hor-pad = 5pt
head-user-links-bot-pad = 8pt

messages-pad = 0pt 5pt

header-height = 36pt
footer-height = 60px
page-gap      = 1pt*font-size
small-page-w  = head-title-w
list-gap      = 0.4pt*font-size
avatar-pad    = 2pt
avatar-size   = header-height - 2pt*avatar-pad
avatar-margin = 0pt 0.5pt*page-gap 0pt 0pt

some-small = 0.4pt*font-size

biglist-item-height  = header-height
biglist-column-width = 0.9pt*head-title-w

small-headline()
    color         color-dark
    font-size     small-font-size
    border-bottom 1pt dotted color-dark
    padding       0

zebra()
    &:nth-child(odd)
        br = small-border-radius
        td
            background color-nearly-light
        td:nth-child(1)
            border-radius br 0 0 br
        td.last
            border-radius 0 br br 0

.small-page
    input
        border 1pt solid color-med
        border-radius some-small
        padding some-small 0

    label
        padding some-small 0