//moin2 modernized theme css

// includes comments with notice regarding automatically generated css and licensing
@import "notice.css"

// normalize.css is compiled by make.py (./m css) from the normalize.less file bundled with bootstrap
@import "normalize.css"

// user styles used by moin wiki parser (and maybe others) like red/green/solid/dashed/comment...
@import "userstyles.css"

// color have been used from the color palette
@import "color_palette"

// moin diff styling
@import "moin_diff"

// pygments css - colorful theme
@import "colorful.css"

html
    color font_color
    font-family Helvetica, Arial, sans-serif

a
    text-decoration none

a:link
    color link_color

a:visited
    color visited_color

a:hover
    color hover_color

a:active
    color active_color

a.moin-nonexistent:visited,
a.moin-nonexistent
    color nonexistent_link_color
    img,
    object
        background nonexistent_link_color
        border 3px dashed footer_color

.moin-error
    color error_color
    background table_bg_color
    padding 4px

.moin-highlight
    background-color table_row_color
    padding 1px

pre
    border border_style
    background-color base_color
    padding 5px
    clear both
    font-family monospace
    margin .33em 0
    white-space pre-wrap

pre.comment
    background-color header_bg_color
    color heading_color
    padding 0
    margin 0
    border 0

pre.comment:before
    content url(../img/attention.png)

.moin-thead
    background-color header_bg_color

.moin-showhide
    margin-left 10px

table.navigation
    background page_color
    float right
    margin 2px

#moin-rev-navigation
    list-style none
    text-align center

#moin-rev-navigation li
    display inline

.moin-disabled
    color footer_color

.moin-rev-navigation-current
    font-size 1.5em
    text-transform uppercase

.moin-rev-navigation-older,
.moin-rev-navigation-newer
    padding 0 20px 0 20px

// create table
#moin-create-table
    width 95%
    margin-left auto
    margin-right auto
    border none
    tbody tr
            th
                text-align center
                background header_bg_color
                margin 2px
            td
                text-align center
                background page_color
                a
                    color link_color

// form
label
    display block
    font-weight bold

input[type="submit"],
input[type="button"],
button
    font-weight bold
    font-size .75em
    background base_color
    padding 4px 15px
    border border_style
    border-radius 6px
    cursor pointer
    &:hover
        box-shadow 2px 2px 1px font_color
    &:active
        position relative
        top 1px

input,
select
    padding 3px
    background page_color
    border border_style
    border-radius 2px
input[type="text"]
    width 96%
input.blank
    border-color border_color
    border-width 2px

form[name="delete_item"], form[name="rename_item"], form[name="destroy_item"]
    dd
        input
            width 100%
    dt
        width 20%

#moin-modify
    dd
        width 100%
        float none
        input
            width 99%
    dt
        width auto
        text-align left
    textarea
        width 99.5%
    input[type="submit"]
        margin-left 0

.moin-textcha
    padding-top .2em

.searchresults dt
    margin-top 1em
    font-weight normal

.searchresults dd,
.searchresults p
    font-size 0.85em

.searchresults td
    border-width 0

.searchresults .searchhitinfobar
    margin-top 0
    display inline

.searchresults .foundtext
    margin-top 0

p.searchstats
    font-size 0.8em
    width 100%
    padding-left 14px

p.searchhint
    background-color table_bg_color
    border border_style
    padding 2px

.searchpages
    margin-left auto
    margin-right auto

.searchpages tr,
.searchpages td
    border 0
    padding 5px
    margin 0
    text-align center
    vertical-align middle
    color font_color
    font-weight bold
    font-size 1.05em

.searchpages td a,
.searchpages td a:link
    text-decoration underline

#f_data_text
    border border_style
    font-family monospace
    margin .33em 0
    padding 3px
    width 100%

#f_comment,
#f_summary,
#f_textcha
    border border_style
    display inline
    margin .33em 0
    padding 3px
    width 99%

#preview
    border border_style
    padding 10px 30px 20px 30px
    background url(../img/draft.png)
    margin-top 0.5em

.moin-hist-rev input
    float left

.moin-hist-rev
    margin 0

#moin-global-history,
#moin-page-history
    font-size 75%

#moin-page-history
    table
        border border_style
        border-radius 5px
        thead
            border-top-left-radius 5px
            border-top-right-radius 5px
            tr th
                    text-align center
                    input[type="Submit"]
                        padding 4px 10px
                        box-shadow 1px 1px 2px shadow_color
                        cursor pointer
                        font-size 1em
                        &:hover
                            box-shadow 1px 1px 2px font_color

.moin-history-time
    width 10%
    text-align right

.moin-history-contenttype
    width 18%

.moin-history-editorinfo
    width 17%

.moin-history-comment
    width 30%

.moin-action
    width 2%

.moin-action a:hover
    text-decoration none

.moin-history-container
    border border_style
    margin 2em 2em
    border-top-left-radius 5px
    border-top-right-radius 5px

.moin-history-container-header
    background header_bg_color
    margin 0px
    padding 4px
    color heading_color
    border-bottom border_style
    border-top-left-radius 5px
    border-top-right-radius 5px
    h2
        display inline
        border none
    a.bookmark-link
        margin-left 10px
        color heading_color

.moin-history-container-body
    margin 0
    padding 0
    font-size 1.2em
    table
        margin 0
        border none
        width 100%

.moin-history-links
    width 5%

.moin-history-links a
    display block
    margin-bottom 4px

.moin-history-editortext,
.moin-history-links span,
.moin-history-comment span
    color font_color
    display block
    margin-bottom 5px

.moin-offset-links
    float right
    margin-right 20px

.moin-offset-links a
    margin-right 10px
    padding 3px 7px
    font-size 20px
    background page_color
    border 1px groove border_color
    border-radius 5px

.moin-offset-links a:hover
    box-shadow 0px 0px 12px shadow_color

.moin-transclusion
    max-width 100%

a.moin-conflict:before
    content url(../img/moin-conflict.png)
    margin 0 0.2em

#moin-flash
    margin -2px -15px -2px -14px

.moin-flash
    margin 0
    padding 6px 6px 6px 38px
    background-color table_row_color
    border-bottom border_style
    background-repeat no-repeat
    background-position 16px center
    border-top-right-radius 9px
    border-top-left-radius 9px
    color font_color

.moin-flash-hint
    background-image url(../img/smileys/idea.png)

.moin-flash-info
    background-image url(../img/smileys/icon-info.png)

.moin-flash-warning
    background-image url(../img/smileys/alert.png)
    color error_color

.moin-flash-error
    background-image url(../img/smileys/icon-error.png)
    color error_color

body
    background-color body_color

#moin-main-wrapper
    width 87%
    min-width 700px
    margin-left auto
    margin-right auto
    margin-top 0px

#moin-page
    padding 1px
    display table
    width 100%
    background page_color
    border-radius 9px

#moin-content
    padding .2em 1em
    display table-cell

a:link
    color link_color
    text-decoration none

a:visited
    text-decoration none
    color visited_color

a:visited:hover
    text-decoration none
    color hover_color

a:hover,
a:active
    text-decoration underline
    color hover_color

a.moin-nonexistent:link
    color nonexistent_link_color

a.moin-nonexistent:hover
    color hover_color
    text-decoration underline

.current-link
    color inherit !important

#moin-header
    margin 0px
    padding 7px 0px 10px 0px
    background header_bg_color
    color heading_color
    line-height 1.12em
    border-bottom-left-radius 9px
    border-bottom-right-radius 9px

#moin-searchform
    margin 2px 12px 0px 0px
    padding 0
    font-size 0.82em
    float right
    text-align right
    width 15em
    div.moin-float-fix
        display inline

#moin-search-submit
    text-indent -9000%
    margin-left -26px
    width 20px
    height 16px
    background url(../img/moin-search.png) center center no-repeat
    background-size 16px 16px
    border none
    overflow hidden
    vertical-align middle
    cursor pointer
    padding 0px
    box-shadow none

#moin-search-query
    padding-right 20px
    font-size 100%
    vertical-align middle
    color font_color
    background-color page_color
    border border_style
    border-radius 5px

#moin-long-searchform
    padding 0
    font-size 0.82em
    text-align left

#moin-long-searchform div
    margin 0

#moin-logo
    float left
    margin 2px 10px 8px 10px
    padding 0
    font-size 1.4em
    line-height 1em
    font-weight bold

#moin-logo img
    vertical-align middle

#moin-logo a
    color heading_color
    text-decoration none

a.moin-sitename
    font-size 1.5em
    font-weight bold
    color white
    line-height 1.5em

#moin-username
    display block
    margin 6px 4px 4px 4px
    padding 0
    float right
    font-size 0.82em
    a
        color heading_color

#moin-username input:hover
    color hover_color

#moin-interwiki
    a
        color heading_color

ul.moin-breadcrumb,
ul.moin-breadcrumb ul.moin-alias
    padding 0
    margin 0
    margin-bottom 4px

ul.moin-breadcrumb ul.moin-alias
    background-color body_color
    border 1px solid panel_color
    border-radius 6px

ul.moin-breadcrumb li ul.moin-alias li
    list-style-type none
    display block

ul.moin-breadcrumb li ul.moin-alias li a
    padding 2px 10px
    display inline-block
    color hover_color

ul.moin-breadcrumb li
      position relative

.moin-breadcrumb a
    color heading_color

ul.moin-breadcrumb li ul.moin-alias
    display none
    position absolute

ul.moin-breadcrumb li:hover ul.moin-alias
    display block

.moin-breadcrumb > li
    display inline-block

#moin-navibar
    clear both
    display block
    margin 0
    padding 0 10px
    font-size 0.82em
    color visited_color

#moin-navibar li
    float left
    display inline
    margin 0 2px
    padding 2px 5px
    border border_style
    border-bottom none
    white-space nowrap
    font-size .88em
    border-top-left-radius 5px
    border-top-right-radius 5px

#moin-navibar li.wikilink
    background table_bg_color

#moin-navibar li.userlink
    background table_bg_color

#moin-navibar a,
#moin-navibar a:visited
    color font_color
    text-decoration none

#moin-navibar li:hover
    background table_row_color

#moin-pageline
    clear both
    margin 4px 10px
    padding 0
    width auto
    height 1px
    border-bottom 1px solid heading_color
    border-top 1px solid heading_color
    background heading_color

.moin-itemviews
    clear both
    display block
    margin 0px 0px -6px 0px
    padding 2px 8px
    background panel_color
    font-size 0.8em
    border-radius 9px
    color selected_link_color

.moin-itemviews li
    display inline-block
    *display: inline; // IE7 hack to display itemviews in a row ...
    zoom: 1; // IE7 hack ... rather than a column
    padding 0
    margin 4px 6px
    line-height 1em

.moin-itemviews a,
.moin-itemviews a:visited
    color panel_item_color
    &:hover
        color heading_color

.moin-itemviews a:hover
    text-decoration underline

.moin-itemviews form,
.moin-itemviews form div
    display inline
    margin 0

.moin-itemviews select
    font-size 100%
    vertical-align middle

.moin-subitem-navigation
    padding .9em
    background table_row_color
    margin 0
    vertical-align top
    font-size 0.8em
    width 15%
    overflow hidden
    display table-cell
    word-wrap break-word
    border-radius 9px

.moin-subitem-navigation .list-header
    margin 2px 0
    padding 0
    font-size 1.1em

.moin-subitem-navigation .sep
    font-size 1.2em
    margin-left 0px

.moin-subitem-navigation ul
    display block
    margin 0
    padding 0 4px

.moin-subitem-navigation li
    padding 0.5em 2px
    line-height 1em
    list-style none

.moin-subitem-navigation li:hover
    background table_bg_color

.moin-subitem-navigation a
    color link_color

.moin-subitem-navigation a:hover
    text-decoration underline

.moin-subitem-navigation li ul
    border-left 1px dotted border_color
    display none

.moin-subitem-navigation .expander
    background url(../img/moin-expand.png) no-repeat center center
    cursor pointer
    height 16px
    overflow hidden
    vertical-align middle
    width 16px
    border hidden
    text-indent -9000%

.moin-insertname-action
    border hidden
    text-indent -9000%
    padding 0
    margin 0 -2px
    vertical-align middle
    height 16px
    width 16px
    overflow hidden
    cursor pointer
    box-shadow none
    background url(../img/moin-link.png) no-repeat center center

// headings with mouseover permalinks
a.moin-permalink
    display none
    cursor pointer
    margin-left .1em
    color nonexistent_link_color
    &:hover.moin-permalink
        color nonexistent_hover_color

h1:hover .moin-permalink,
h2:hover .moin-permalink,
h3:hover .moin-permalink,
h4:hover .moin-permalink,
h5:hover .moin-permalink,
h6:hover .moin-permalink
    display inline
    text-decoration none

html,
body
    height 100%

#moin-main-wrapper
    position relative
    min-height 100%

#moin-page
    padding-bottom 105px

.moin-search-option-bar
    width 75%
    padding-left 14px
    span
        float right
        padding 10px

.moin-suggestions
    padding-left 14px

@media (max-width: 820px)
    #moin-main-wrapper
        width:100%;
        min-width: 0;
        overflow: auto;

@media print
    html
        font-family serif
        font-size 12pt
        width 100%

    body, #moin-page, #moin-content-data
        margin 0
        padding 0

    a, a:visited,
    a.moin-nonexistent
        color nonexistent_link_color
        text-decoration none

    a.moin-interwiki:before
        content attr(title) ":"

    a.moin-interwiki img
        display none

    pre
        font-size 10pt

    div.moin-table-of-contents
        box-shadow none

    a.moin-permalink, a.moin-showhide,
    #moin-header, #moin-sidebar, #moin-footer, #moin-timings, #moin-credits, #moin-interwiki
        display none

    #moin-pageinfo
        color footer_color
        font-size .67em
        float right

    #moin-pageinfo a
        color footer_color

    .moin-subitem-navigation
        display none

@media projection
    html
        line-height 1.8em

    body, b, em, a, span, div, p, td
        font-size 18pt

    h1
        font-size 26pt

    h2
        font-size 22pt

    h3
        font-size 20pt

    h4
        font-size 18pt

    h5
        font-size 16pt

    h6
        font-size 14pt

    tt, pre
        font-size 16pt

    table.navigation
        float right
        margin 2px

    .navigation td, .navigation a
        font-size 10pt
        padding 2px

    #moin-header, #moin-sidebar, #moin-footer, #moin-timings, #moin-credits, #moin-interwiki,
    #moin-pageinfo
        display none