
$stage = 'admin'

/*!--------------------------------------
  Admin Common Style
--------------------------------------*/

/*! Basic Editor */
.admin_basic
    padding: 0.5em 2em
    @media only screen and (max-width: $breakpoint-medium-max)
        padding: 0.5em 0

/*!--------------------------------------
  Admin Top Menu Style
--------------------------------------*/

#admin-topmenu
    margin-bottom: 2em
    border: 1px solid rgba(0, 0, 0, 0.2)
    padding: 10px
    line-height: 1.25
    border-radius: 4px
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)

.admin-menu-icon
    float: left
    margin-right: 10px
    width: 48px
    height: 48px

#instructions
    padding: 5px 0
    > p
        margin: 0 0 5px 0
        line-height: 1.25

#admin-menu-fields
    color: #CCC

.admin-topic-image
    margin: 0 5px 0 0
    vertical-align: middle

/*!--------------------------------------
  Group Editor
--------------------------------------*/

.gl-flex-rights-list
    display: flex
    flex-wrap: wrap
    list-style-type: none
    font-size: 13px
    > li
        width: 300px

/*!--------------------------------------
  Group Member Editor
--------------------------------------*/

.listmembers
    float: left
    width: 35%
    height: 15em

#admin-groupmembers-fieldFrom,
#admin-groupmembers-fieldTo,
#admin-groupmembers-fieldInherit
    width: 100%
    height: 100%

.movemembers
    float: left
    width: 30%
    padding-top: 5em
    text-align: center
    height: 12em

.movebutton
    margin: 0.5em 0
    text-align: center

/*!--------------------------------------
  Admin Page
--------------------------------------*/

/*! Admin List Table */
.admin-list-table
    margin: 0
    width: 100%
    @media only screen and (max-width: $breakpoint-medium-max)
        width: 900px
    .fieldset-table-wrapper > &
        width: 100%
    font-size: 13px
    border-collapse: collapse
    border-spacing: 0
    th,
    td
        vertical-align: middle
        height: 24px
        padding: 4px 8px
        border-bottom: 1px solid #e5e5e5
    th
        font-weight: bold
        color: #444
        text-transform: capitalize
        background-color: $admin-list-table-th-background
    img
        vertical-align: middle

/*! UIkit Modifier */
.uk-table tbody tr.uk-active > td
    background: #f0f0f0

.uk-table-striped tbody tr:nth-of-type(odd)
    background: #fafafa

.uk-table-hover tbody tr:hover > td
    background: #f0f0f0

/*! Navigation */
.admin-list-navi
    margin-top: 0.5em

/*! Message */
.admin-list-message
    margin: 1em 0 0 0
    padding: 0
    text-align: center

.admin-list-search
    text-align: center
    margin: 0.5em 0
    clearfix()
    // All Mobile Sizes (devices and browser)
    @media only screen and (max-width: $breakpoint-small-max)
        text-align: left

.admin-list-smalltable
    margin: 0 0 0.5em 0
    border-collapse: separate
    border-spacing: 1px
    font-size: 13px

.search-part
    display: inline-block
    margin-right: 5px
    white-space: nowrap
    // All Mobile Sizes (devices and browser)
    @media only screen and (max-width: $breakpoint-small-max)
        display: block
        input[type="text"]
            width: 180px

/*!--------------------------------------
  Permission Style
--------------------------------------*/

#admin-permissions
    $bordercolor = rgba(0, 0, 0, 0.2)
    margin: 0 0 0.5em 0
    width: auto
    font-size: 13px
    border-collapse: collapse
    border-spacing: 0
    border: 1px solid $bordercolor
    th
        color: #444
        text-transform: capitalize
        background-color: $admin-list-table-th-background
    th, td
        font-weight: bold
        text-align: center
        vertical-align: middle
        border-bottom: 1px solid $bordercolor
        border-right: 1px solid $bordercolor

/*!--------------------------------------
  Command and Control Page
--------------------------------------*/

.admin-commandcontrol
    list-style-position: outside
    list-style-type: none
    margin: 0
    padding: 0
    li
        float: left
        width: 12.5%
        height: 8em
        margin: 0
        padding: 0
        text-align: center
        // Smaller than standard 1280 (devices and browsers)
        @media only screen and (max-width: $breakpoint-large-max)
            width: 16.66%

        // Tablet Portrait size to standard 960 (devices and browsers)
        @media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max)
            width: 20%

        // All Mobile Sizes (devices and browser)
        @media only screen and (max-width: $breakpoint-small-max)
            width: 25%

        // Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
        @media only screen and (max-width: $breakpoint-mini-max)
            width: 33.33%
    a
        display: block
        font-size: 90%
        margin: 5px 0

/*!--------------------------------------
  Plugin Page
--------------------------------------*/

#admin-editor #title
    font-size: 13px
    font-weight: bold
    position: relative
    top: 10px


/*! Used by lib-plugin.php to display dependencies */
b.notbold /*! hack for HTML compliance inside tooltips */
    font-weight: normal

b.status_red
    display: inline
    color: #a40000

b.status_orange
    display: inline
    color: #b25000

b.status_green
    display: inline
    color: #3d7805

b.status_black
    display: inline
    color: black

/*!--------------------------------------
  Story Editor
--------------------------------------*/

.story_editor
    margin: 0 0 1em 0
    padding: 8px
    border: 1px solid #CCC
    dl
        margin-bottom: 0
    dt
        width: 14%
    dd
        width: 85%
    @media only screen and (max-width: $breakpoint-medium-max)
        dt
            width: auto
        dd
            width: auto

#text_editor dd.description
    margin-left: 15%

#admin-storyeditor-introtext,
#admin-storyeditor-bodytext
    width: 98%

.gl-image-form-thumb-frame
  width: 64px
  height: 64px
  background-color: #DDD
  img
    width: 64px
    height: 64px

/*! Preview */
#preview
    margin: 1em 0
    padding: 1em 0
    border-top: 1px solid #CCC
    border-bottom: none

/*! Story Stats */
.story_stats
    display: inline-block
    float: left
    margin-right: 2em

/*!--------------------------------------
  Topic Editor
--------------------------------------*/

/*! TopicList */
#admin-topiclist
    list-style-position: outside
    list-style-type: none
    margin: 0
    padding: 0
    li
        float: left
        width: 20%
        height: 8em
        margin: 0
        padding: 0
        text-align: center
    a
        display: block

/*!--------------------------------------
  Trackback
--------------------------------------*/

.trackback-message
    margin: 0 0 1em 0
    padding: 0

/*!--------------------------------------
  User Editor
--------------------------------------*/

/*! User Images */
.userphoto
    margin: 0.5em 0.5em 0 0


/*! Security Group Instructions */
.groupinstructions
    margin: 0 0 0.5em 0

/*!--------------------------------------
  Reminder
--------------------------------------*/

#reminder-submit
    margin: 0.5em 0

/*!--------------------------------------
  Enviroment Check
--------------------------------------*/

.pathtext
    font-size: 11px
    color: #666

.pathtext-status
    text-align: right
    white-space: nowrap

.yes, .iswriteable
    font-weight: bold
    color: #46882b

.no, .notok, .notwriteable
    font-weight: bold
    color: #cc0000

/*! PHPInfo Button and Panel style */
#toggle_phpinfo
    padding: 5px
    width: 200px
    margin: auto
    text-align: center
    border: solid 1px #c3c3c3

#panel_phpinfo
    display: none
    font-size: 13px
    pre
        margin: 0
        font-family: monospace
    a:link
        color: #009
        text-decoration: none
        background-color: #fff
    a:hover
        text-decoration: underline
    table
        border-collapse: collapse
        border: 0
        width: 100%
    .center
        text-align: center
        table
            margin: 1em auto
            text-align: left
        th
            text-align: center !important
    td, th
        border: 1px solid #666
        vertical-align: baseline
        padding: 4px 5px
    .p
        text-align: left
    .e
        background-color: #ccf
        width: 300px
        font-weight: bold
    .h
        background-color: #99c
        font-weight: bold
    .v
        background-color: #f0f0f0
        max-width: 300px
        overflow-x: auto
        word-wrap: break-word
        i
            color: #999
        p
            margin: 0
    img
        float: right
        border: 0
    hr
        background-color: #ccc
        border: 0
        height: 1px

/*!--------------------------------------
  Others
--------------------------------------*/

.allowed_html_tags,
.allowed_autotags
    margin-top: 15px
    margin-bottom: 15px

#totop-scroller
    position: fixed
    z-index: 99
    bottom: 20px
    right: 20px
    text-align: center
    font-size: 40px
    cursor: pointer
    color: rgba(128,128,128,0.6)

.block-help-icon
    font-size: 18px
    margin-left: 8px

hook-root($stage)
