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

.head .table
    padding 0
    width   100%
    height  head-height
    display table

    #header-logo
        padding-left 8pt
        width    180px
        height   head-height + 8pt
        overflow hidden
        position absolute
        z-index  -999
        left     head-gap - 8pt
        top      -8pt

    cell()
        display table-cell
        width 33%
        height  100%
        margin 0
    .left
        cell()
    .center
        cell()
        vertical-align middle
        text-align center
    .right
        cell()
        text-align right
        padding-right head-gap

.head .title
    display       inline-block
    text-align    left
    width         head-title-w
    height        head-height - 2pt*head-top-gap
    padding       head-title-gap

    background    color-med
    color         color-darkest
    border-radius small-border-radius
    box-shadow    head-title-shadow

    .descline
        display     block
        margin-left head-title-indent

    .gitline
        display     block
        margin-left head-title-indent
        width       100%

        border     none
        background transparent
        color      color-dark
        &:hover
            color  color-darkest

.head nav
    display      inline-block
    padding-top head-top-gap
    height =    head-height - head-top-gap
    height      height

    .global-links
        white-space nowrap
        display     inline-block
        width       100%
        font-weight bold
        text-align  right
        list-join   " | "
        color       color-dark
    .user-links
        white-space nowrap
        display     inline-block
        width       100%
        text-align  right
        top         height - 2pt*font-size - head-user-links-top-pad
        position    relative
        ul
            display    inline
            list-join  " | "
            color      color-dark
            background color-med
            padding-top    head-user-links-top-pad
            padding-left   head-user-links-hor-pad
            padding-right  head-user-links-hor-pad
            padding-bottom head-user-links-bot-pad
            border-radius  small-border-radius small-border-radius 0pt 0pt
        .name
            font-weight bold


.messages
    display    block
    width      100%
    background color-med
    color      color-dark
    ul
        text-align center
        list-join ' | '
        span
            line-height head-top-gap
            color       color-darkest
            padding     messages-pad
            border-radius small-border-radius
        .error
            background color-red
        .warn
            background color-yellow
        .ok
            background color-green
        .info
            background color-blue