@import "bootstrap";

article {
  @extend .panel;
  @extend .panel-success;

  header {
    @extend .panel-heading;
  }

  section {
    @extend .panel-body;
  }
}

#report {
    #status_display_switch {
        label {
            @extend .checkbox-inline;
        }
    }
}


div#steps-statistics section.scenario {
    @extend .panel;

    &.passed {
        @extend .panel-success;
    }

    &.failed {
        @extend .panel-danger;
    }

    &.pending {
        @extend .panel-warning;
    }

    div.scenario-title {
        @extend .panel-heading;

        &:hover {
            text-decoration: underline;
            cursor: pointer;
        }

        span.permalink {
            margin-right: 1em;
            font-size: 15px;
            a { color: #268bd2; }
        }
    }

    ul.tags {
        @extend .list-inline;
    }

    div.steps {
        @extend .panel-group;

        div.step {
            @extend .panel;

            &.passed {
                @extend .panel-success;
            }

            &.failed {
                @extend .panel-danger;
            }

            &.pending {
                @extend .panel-warning;
            }

            &.unexecuted {
                @extend .panel-info;
            }

            div.step-title {
                @extend .panel-heading;
            }

            div.step-body {
                @extend .panel-body;
            }

            table.step_outline {
               margin-top: 2em;
               @extend .table;
               @extend .table-striped;
               @extend .table-bordered;
            }

            pre.multiline {
                margin-top: 2em;
                font-size: 13px;
                color: #586e75;
            }
        }
    }
}

div#feature-statistics,
div#tag-statistics {
    table {
        @extend .table;
        @extend .table-hover;

        tbody td {
            &.passed {
                @extend .success;
            }

            &.failed {
                @extend .danger;
            }

            &.pending {
                @extend .warning;
            }
        }
    }
}

@mixin tablesorter-header {
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
}

div#speed-statistics {
    table {
        @extend .table;
        @extend .table-hover;
    }

    .tablesorter-header {
        @include tablesorter-header;
        background-image: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==");

        &.sorter-false {
            background: none;
        }
    }

    .tablesorter-headerAsc {
        @include tablesorter-header;
        background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");
    }

    .tablesorter-headerDesc {
        @include tablesorter-header;
        background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");
    }
}

section.exception {
    margin: 1em 0em;
    border: 2px solid #268bd2;
    padding: 2em;

    dt {
        line-height: 2em;
        font-size: 15px;
    }

    dd {
        line-height: 2em;
        font-size: 14px;
    }
}

// Sticky footer styles
// refs: http://getbootstrap.com/examples/sticky-footer/sticky-footer.css

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 80px;
}

footer {
    @extend .text-right;
    @extend .container;

    bottom: 0;
    height: 80px;
    padding-top: 1em;
    border-top: 1px solid #dddddd;

    p {
        @extend .text-muted;
    }
}