Move styles to bottom

Move styles to bottom

/* === Columns Picker === */
.picker-columns {
    width: 100%;
    height: 260px;
    z-index: 11500;
    &.picker-modal-inline, .popover & {
        height: 200px;
    }
    @media (orientation: landscape) and (max-height: 415px) {
        &:not(.picker-modal-inline) {
            height: 200px;
        }
    }
}
.popover.popover-picker-columns {
    width: 280px;
}
.picker-items {
    .flexbox();
    .justify-content(center);
    padding: 0;
    text-align: right;
    font-size: 24px;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
}
.picker-items-col {
    overflow: hidden;
    position: relative;
    max-height: 100%;

    &.picker-items-col-left {
        text-align: left;
    }
    &.picker-items-col-center {
        text-align: center;
    }
    &.picker-items-col-right {
        text-align: right;
    }
    &.picker-items-col-divider {
        color:#000;
        .flexbox();
        .align-items(center);
    }
}
.picker-items-col-wrapper {
    .transition(300ms);

    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.picker-item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#707274;
    left: 0;
    top: 0;
    width: 100%;
    .border-box();
    .transition(300ms);
    .picker-items-col-absolute &{
        position: absolute;
    }
    &.picker-item-far {
        pointer-events: none;
    }
    &.picker-selected {
        color: #000;
        .transform(translate3d(0,0,0) rotateX(0deg));
    }
    &.picker-before-selected {
    }
    &.picker-after-selected {
    }
}
.picker-center-highlight {
    height: 36px;
    .border-box();
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -18px;
    border-top: 1px solid #a8abb0;
    border-bottom: 1px solid #a8abb0;
    pointer-events: none;
}
// 3D Picker
.picker-3d {
    .picker-items {
        overflow: hidden;
        -webkit-perspective: 1200px;
        perspective: 1200px;
    }
    .picker-items-col, .picker-items-col-wrapper, .picker-item {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .picker-items-col {
        overflow: visible;
    }
    .picker-item {
        -webkit-transform-origin: center center -110px;
        transform-origin: center center -110px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
}

// Retina
html.ios-gt-7.retina {
    .picker-center-highlight {
        border-top-width: 0.5px;
        border-bottom-width: 0.5px;
    }
}

/* === Columns Picker === */
.picker-columns {
    width: 100%;
    height: 260px;
    z-index: 11500;
    &.picker-modal-inline, .popover & {
        height: 200px;
    }
    @media (orientation: landscape) and (max-height: 415px) {
        &:not(.picker-modal-inline) {
            height: 200px;
        }
    }
}
.popover.popover-picker-columns {
    width: 280px;
}
.picker-items {
    .flexbox();
    .justify-content(center);
    padding: 0;
    text-align: right;
    font-size: 24px;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
}
.picker-items-col {
    overflow: hidden;
    position: relative;
    max-height: 100%;

    &.picker-items-col-left {
        text-align: left;
    }
    &.picker-items-col-center {
        text-align: center;
    }
    &.picker-items-col-right {
        text-align: right;
    }
    &.picker-items-col-divider {
        color:#000;
        .flexbox();
        .align-items(center);
    }
}
.picker-items-col-wrapper {
    .transition(300ms);

    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.picker-item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#707274;
    left: 0;
    top: 0;
    width: 100%;
    .border-box();
    .transition(300ms);
    .picker-items-col-absolute &{
        position: absolute;
    }
    &.picker-item-far {
        pointer-events: none;
    }
    &.picker-selected {
        color: #000;
        .transform(translate3d(0,0,0) rotateX(0deg));
    }
    &.picker-before-selected {
    }
    &.picker-after-selected {
    }
}
.picker-center-highlight {
    height: 36px;
    .border-box();
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -18px;
    border-top: 1px solid #a8abb0;
    border-bottom: 1px solid #a8abb0;
    pointer-events: none;
}
html.ios-gt-7.retina {
    .picker-center-highlight {
        border-top-width: 0.5px;
        border-bottom-width: 0.5px;
    }
}
// 3D Picker
.picker-3d {
    .picker-items {
        overflow: hidden;
        -webkit-perspective: 1200px;
        perspective: 1200px;
    }
    .picker-items-col, .picker-items-col-wrapper, .picker-item {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .picker-items-col {
        overflow: visible;
    }
    .picker-item {
        -webkit-transform-origin: center center -110px;
        transform-origin: center center -110px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
}


added ref.less file

added ref.less file

@heading_color:#333436;
@font_color:#656f75;
@green:#00c1a4;
@blue:#0099e8;
@pgreen:#7bb344;
@heading_tag_create:#798f99;
@orange:#fd7037;
@bg_login:#2F3847;
@login_text:#8195B0;
@login_button_bg:#3C7C88;
@border_pink:#CB4872;
@border_yellow:#e2af5c;
@border_blue:#267be9;
@border_lpink:#ea8bff;
@border_purple:#6747e1;
@border_green:#3ca773;
@border_red:#E93A27;
@bg_base:#EAEFF3;
@stroke_color:#e1e1e1;
@panel_bg:#EEF2F4;
@panel_shadow: 0px 0px 20px rgba(0,0,0,0.3);
@login_flap_shadow:5px 5px 0px 0px #2b303d;
@login_form_shadow:15px 15px 0px 0px #2b303d;
@menu_bg_one:#E88E00;
@menu_bg_two:#25373E;
@menu_bg_three:#9318C1;
@menu_bg_four:#51A732;
@menu_bg_five:#C9C72C;
@menu_bg_six:#C11834;
@menu_right_two:#404AA6;
@menu_right_one:#13E0E7;
@menu_right_three:#C152B0;
@extras_one:#25373E;
@extras_two:#C9C72C;
a{
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	&:hover{
		text-decoration: none;
		color: inherit;
	}
}
.container{
	/*min-width:1300px!important;*/
	padding: 0px 30px!important;
	width: 100%!important;
	padding: 0px;
	margin: 0px auto;
}
.row{
	padding: 0px;
	margin: 0px auto;
}
input{
	outline: none;
	box-shadow: none;
	border:inherit;
}
button{
	outline: none!important;
}
/* icomoon fonts */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?uvos8s');
	src:url('../fonts/icomoon.eot?#iefixuvos8s') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?uvos8s') format('truetype'),
		url('../fonts/icomoon.woff?uvos8s') format('woff'),
		url('../fonts/icomoon.svg?uvos8s#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-hexagon1:before {
	content: "\e600";
}
/* icomoon fonts */
.active{
	display: block!important;
}
.active_button{
	background: #fff!important;
	color: inherit;
}
.search_bar_input::-webkit-input-placeholder {
   color: #fff;
}

.search_bar_input:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

.search_bar_input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

error: pathspec 'static/less/ref.less' did not match any file(s) known to git


Ændre z-index på #exliWhiteContent til !important for at overskrive z-index 4 som bliver skrevet af exlibris via js (Se Sag1035062  OTRS)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Det-Kongelige-Bibliotek/rex.git/'


Create viewport.less

Create viewport.less

@-webkit-viewport {
	zoom:1.0;
	width:device-width;
}

@-moz-viewport {
	zoom:1.0;
	width:device-width;
}

@-o-viewport {
	zoom:1.0;
	width:device-width;
}

@-ms-viewport {
	zoom:1.0;
	width:device-width;
}

@viewport {
	zoom:1.0;
	width:device-width;
}

error: pathspec 'less/viewport.less' did not match any file(s) known to git


fixed chackmark animation in installer

fixed chackmark animation in installer

fatal: unable to access 'https://github.com/4nxiety/pagekit.git/': The requested URL returned error: 403


forgot newline

forgot newline

@import 'lib';

#breadcrumbs {
    margin-bottom: 15px;
}

h2, h3 {
    margin: 10px 0 0;
}

#page p + h2 {
    margin-top: 10px;
}

th {
    font-weight: bold;
}

dt {
    float: left;
    min-width: 20%;
}

dd {
    margin-bottom: 0;
    &:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }
    a {
        margin: -5px;
        padding: 5px;
    }
    &.warn {
        color: @red;
        font-weight: bold;
    }
}

/* Review Page */

header {
    .addon {
        min-height: 38px;
        padding-left: 50px;
        position: relative;
    }
    .icon {
        min-height: 32px;
        min-width: 32px;
        padding: 4px;
        position: absolute;
        left: 0;
        background: @white;
        border-radius: 2px;
        box-shadow: 0 1px 2px #000;
    }
    .author {
        margin: 0 0 20px;
    }
    #actions {
        float: right;
        margin-top: 15px;
        li {
            margin-left: 10px;
        }
    }
}

.html-rtl header {
    .icon {
        margin-left: 5px;
    }
    h1 {
        float: right;
    }
    #actions {
        float: left;
    }
}

#addon {
    float: left;
    width: 75%;
    #summary p, .userinput {
        color: @medium-gray;
        line-height: 15px;
    }
    em.no-results {
        display: block;
        font-style: italic;
        font-size: 13px;
        font-weight: normal;
        padding: 0;
    }
}

.html-rtl #addon {
    float: right;
}

#scroll_sidebar_parent {
    float: right;
    position: relative;
    width: 16%;
    strong {
        display: block;
        margin-top: 10px;
    }
    li {
        margin-top: 5px;
    }
}

#aux-nav a {
    color: @medium-gray;
}

.site-title {
    display: block;
    font: bold 36px/38px @open-stack;
    text-shadow: 0 1px 1px fadeOut(#000, 25%);
    text-transform: uppercase;
    padding: 15px 0;
    max-width: 530px;
    a {
        color: #fff;
        display: block;
        text-decoration: none;
        width: 100%;
        small {
            color: @light-gray;
            display: block;
            font-size: 12px;
            line-height: 14px;
            padding: 0 2px;
        }
        &:hover {
            color: darken(#fff, 10%);
            small {
                color: darken(@light-gray, 20%);
            }
        }
    }
}

#site-header {
    background-color: darken(#5b3f4f, 5%);
    height: 81px;
    .menu-nav {
        padding: 0;
    }
}

.menu-nav {
    margin: 0;
}

nav.paginator {
    margin-top: 26px;
    overflow: hidden;
    .rel a {
        overflow: visible;
    }
    .next {
        text-align: center;
    }
}

@media (max-width: 860px) {
    #site-header {
        h1, .menu-nav {
            padding: 0 2%;
        }
    }
}

/* sprites for data grid icons */

.sprite-reviewer {
    float: left;
    margin-right: 4px;
    background: url(../../img/mkt/icons/mkt-reviewer-icons.png) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    text-decoration: none;
}
.sprite-reviewer-editor {
    background-position: 0 0;
}
.sprite-reviewer-notes {
    background-position: -16px 0;
}
.sprite-reviewer-packaged-app {
    background-position: 0 -16px;
}
.sprite-reviewer-locked {
    background-position: -16px -16px;
}
.sprite-reviewer-premium {
    background-position: -32px 0;
}
.sprite-reviewer-info {
    background-position: -32px -16px;
}
.sprite-reviewer-blocked {
    background-position: 0 -32px;
}

.sort-icon {
    background: url(../../img/developers/editor-sprite.png) no-repeat top left;
}
.ed-sprite-sort-asc {
    background-position: right -321px;
}
.ed-sprite-sort-both {
    background-position: right -378px;
}
.ed-sprite-sort-desc {
    background-position: right -435px;
}
.queue-outer {
    border-radius: 5px;
    border: 4px solid #E0EFFD;
    margin-bottom: 2em;
    .no-results {
        margin: 0;
        padding: 6em 1em;
        font-size: 1.1em;
    }
}
.queue-inner {
    border-radius: 3px;
    background-color: @white;
    border: 1px solid #2E5186;
    a em {
        font-size: 0.8em;
        opacity: 0.6;
    }
}

.device-list {
    width: 121px;
}

/* Version notes */
#popup-notes .version-notes {
    overflow: auto;
    max-height: 200px;
    margin-bottom: 1em;
}
.addon-version-notes {
    position: relative;
}
table.data-grid .addon-version-notes a {
    text-decoration: none;
}
.data-grid .extra-info {
    text-align: center;
    em {
        display: block;
    }
}

.island {
    position: relative;
    z-index: 1;
}

.html-rtl .tabnav {
    text-align: right;
}

#page ul.tabnav {
    padding: 0;
    a {
        border-radius: 5px 5px 0 0;
        background-color: @taupe;
        border: 1px solid transparent;
        border-bottom: 0;
        font-weight: bold;
        color: @medium-gray;
        display: inline-block;
        padding: 10px 15px 20px;
        text-decoration: none;
    }
}

/* Home */
#editors_main .listing {
    .results-inner {
        padding: 0;
        time {
            color: #aaa;
            font-style: italic;
        }
    }
    .row {
        padding: 0.5em;
        margin: 0 5px;
        border-bottom: 1px dotted #ADD0DC;
        &:last-child {
            border-bottom-width: 0px;
        }
    }
}

.listing .listing-header {
    text-align: center;
    font-weight: bold;
}

.editor-stats-title,
.editor-stats-table {
    width: 50%;
    float: left;
}

#editors-stats-charts .editor-stats-title,
#editors-stats-charts .editor-stats-table {
    width: 100%;
    float: none;
}

.editor-stats-title span,
.editor-stats-title a {
    font-weight: bold;
    padding-left: 7px;
}

.editor-stats-table {
    & > div {
        padding: 0 10px 5px;
        margin: 5px 0 0;
        border-left: 1px dotted #ADD0DC;
    }
    &:first-child > div {
        border-left-width: 0px;
    }
    table {
        width: 100%;
        margin: 0;
        tr:first-child td {
            border-top-width: 0px;
        }
    }
    td, th {
        padding: 0;
        border-top: 1px solid #F0F7FE;
    }
    .int {
        text-align: right;
        color: #37A632;
        font-weight: bold;
    }
    .date {
        text-align: right;
        color: #999;
        font-style: italic;
    }
}

.listing-header {
    line-height: 1.8em;
}

.daily-message {
    display: none;
    position: relative;
    div {
        padding: 15px;
    }
    .close {
        background-color: @border-gray;
        border-radius: 15px;
        color: @white;
        font-weight: bold;
        height: 15px;
        line-height: 12px;
        position: absolute;
        right: 5px;
        text-align: center;
        top: 5px;
        width: 15px;
        text-decoration: none;
        display: none;
        &:hover {
            background-color: @light-gray;
            text-decoration: none;
        }
    }
    p {
        margin: 0;
    }
    h2 {
        font-size: 1em;
        font-weight: bold;
        margin-top: 0;
    }
}

.featured-inner-padded {
    padding: 15px;
}

table.data-grid tr.comments td {
    border-top: none;
    background: #def;
}
thead th {
    &:first-child {
        width: 0;
    }
}

.waiting_old, .waiting_med, .waiting_new {
    height: 20px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.1) inset;
    float: left;
    -moz-transition: 0.3s background-color;
}

.waiting_old:hover, .waiting_med:hover, .waiting_new:hover {
    -moz-transition: 0.1s background-color;
}

.waiting_old {
    background-color: #FFD3D3;
    &:hover {
        background-color: #FCBCBC;
    }
}

.waiting_med {
    background-color: #FFFFB4;
    &:hover {
        background-color: #F5F484;
    }
}
.waiting_new {
    background-color: #B8E6B8;
    &:hover {
        background-color: #9DE19C;
    }
}

div.editor-waiting {
    border: 1px solid @note-gray;
    border-radius: 5px;
    overflow: hidden;
}

div.editor-stats-dark {
    background-color: #F3F3F3;
    border-top: 1px dotted @medium-gray;
    display: block;
    padding: 5px 10px 10px;
}

div.editor-stats-table > div.editor-stats-dark {
    border-left: 1px solid #DDDDDD;
}

/* Moderated reviews css */

#reviews-flagged {
    .review-flagged {
        border-top: 1px dotted @medium-gray;
        line-height: 20px;
        margin: 0 0 1em 1em;
        padding: 1em;
        ul {
            margin-bottom: 0;
        }
    }
    &:first-child {
        border-top: 0;
    }
    .reviews-flagged-reasons {
        background-color: lighten(@red, 50%);
        border-radius: 10px;
        clear: both;
        margin: 0;
        padding: 0 10px;
        li {
            border-top: 1px dotted @light-gray;
            padding: 10px 0;
            &:first-child {
                border-top: 0;
            }
        }
    }
    h3 {
        margin: 0;
    }
    p {
        margin-bottom: 1.5em;
    }
    .review-flagged-actions {
        border-left: 1px dashed @medium-gray;
        float: right;
        margin-left: 10px;
        padding-left: 10px;
        width: 200px;
        label {
            font-weight: normal;
        }
    }
    form {
        margin: 0;
    }
    div.review-saved {
        margin-bottom: 0;
        padding: 10px;
        text-align: right;
    }
    label[for$=action_0] {
        color: @green;
    }
    label[for$=action_2] {
        color: @maroon;
    }
    .stars {
        float: left;
    }
    span.light {
        color: @note-gray;
    }
}
.html-rtl #reviews-flagged {
    .stars {
        float: right;
    }
}

/* data grid search form */
#log-filter form {
    margin: 0;
}
.log-filter-outside {
    float: right;
    label {
        font-weight: normal;
    }
    input::-webkit-input-placeholder {
       color: #BBB;
    }
    input:-moz-placeholder {
       color: #BBB;
    }
    div.date_range {
        padding: 0.5em 0 0;
    }
}

#queue-search {
    padding: 1em;
    margin-bottom: 1em;
    #clear-queue-search {
        text-transform: lowercase;
    }
    .date_range {
        padding: 1em;
    }
    label[for="id_text_query"] {
        margin-right: .5em;
    }
    button {
        margin: 0 .5em;
    }
}
.advanced-search {
    margin-top: 26px;
    &.hidden {
        display: none;
    }
    label {
        margin-bottom: .5em;
    }
    ul label {
        font-weight: normal;
    }
    .form-elem, .form-row {
        margin-bottom: 10px;
    }
    .form-row {
        clear: both;
    }
    .basic-filters {
        float: left;
        position: relative;
        top: 3px;
        width: 350px;
        select, input {
            position: relative;
            bottom: 3px;
        }
        label {
            display: block;
            float: left;
            width: 13em;
        }
    }
    .device-type-select, .premium-type-select {
        float: left;
        label {
            display: block;
        }
    }
    .device-type-select {
        width: 200px;
    }
    .premium-type-select {
        width: 250px;
    }
    .premium-type-select:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
}
#id_text_query {
    width: 25em;
    height: 2em;
}

/* Add-on Review Log */
#log-listing tr th:nth-child(1) {
    width: 20%;
}
#log-listing tr th:nth-child(2) {
    width: 40%;
}
#log-listing tr th:nth-child(3) {
    width: 25%;
}
#log-listing tr th:nth-child(4) {
    width: 15%;
}
#log-listing .hide {
    display: none;
}

#scroll_sidebar {
    position: absolute;
    top: 0;
    .sticky {
        position: fixed;
        top: 10px;
    }
}

#history {
    border-radius: 5px;
    padding: 0;
    width: 100%;
    #review-files-header {
        padding: 0 15px;
    }
    h3 span {
        color: @medium-gray;
        padding: 0 5px;
    }
    table {
        line-height: 1.3;
        width: 100%;
    }
    .log-group {
        color: @medium-gray;
        margin: 10px 0 0;
    }
    .log-comments {
        ul {
            list-style: disc inside;
            margin: 5px 0;
        }
    }
    .log-attachments {
        li{
            margin: 4px 0 0 1px;
            &:first-child {
                margin-top: 6px;
            }
            &.image a {
                background-position: 0 -1369px;
            }
        }
        a {
            background: url("../../img/icons/news-feed-sprite.png") 0 -1407px no-repeat;
            display: inline-block;
            min-height: 16px;
            padding-left: 22px;
        }
    }
}

#review-files {
    width: 100%;
    .listing-header > th {
        background: @faded-blue;
        padding: 5px 15px;
    }
    .listing-header,
    .listing-body {
         border-top: 1px solid #A5BFCE;
    }
    td {
        border-radius: 0 0 5px 5px;
        background-color: #FAFAFA;
        padding: 15px;
    }
}
#review-files-header h3 {
    span {
        font-size: 0.7em;
    }
    h3 a.on {
        color: #333;
        font-weight: bold;
    }
    #review-files-paginate {
        float: right;
        margin-top: 2em;
    }
}
#review-files-paginate ol {
    float: right;
    margin: 0;
    padding-left: 10px;
    text-align: right;
    top: -20px;
    width: auto;
}
#review-files table.activity {
    th {
      width: 25%;
      padding-right: 1em;
    }
    tr {
        border-top: 1px dotted #ccc;
        td {
            padding: 15px 0;
        }
        &:first-child td {
            padding-top: 0;
        }
        &:last-child td {
            padding-bottom: 0;
        }
    }
    tr:first-child {
        border-top: 0 none;
    }
}
#review-files .listing-header span.light {
    font-weight: normal;
    color: #999;
}
#review-files tr.listing-header {
    &:hover {
        cursor: pointer;
        .gradient-two-color(@white, #CCE6FF);
    }
    &:active {
        cursor: pointer;
        .gradient-two-color(#e0effd, @white);
    }
}
#review-files .files {
    div:first-child {
        padding-top: 0;
    }
    li, & > div {
        padding-top: 5px;
        line-height: 1.3em;
    }
    ul {
        margin: 0 0 5px 15px;
    }
}
#review-files .no-activity {
    color: #777;
    font-style: italic;
    text-align: center;
}
#review-files .install {
    padding: 0;
}

#review-actions-form {
    background: @white;
    display: none;
    padding: 10px;
    textarea, input[type=text], select {
        border: 1px solid #AFBDD3;
    }
    textarea {
        height: 200px;
    }
    .review-actions-desc {
        text-align: center;
    }
    label {
        display: inline-block;
        margin: 5px 0;
    }
    .review-actions-tested label {
        margin: 5px 10px 5px 25px;
    }
    .review-actions-device-override {
        ul {
            margin-top: 5px;
            li {
                display: inline-block;
                margin-right: 15px;
            }
        }
    }
}

.review-actions {
    border-radius: 5px;
    box-shadow: 0 -2px 0 @faded-blue inset, 0 0 1px rgba(0, 0, 0, 0.1);
    border: 1px solid @border-blue;
    margin: 15px 0 30px;

    #review-actions-form {
        display: none;
    }
    .action_nav {
        ul {
            margin: 0;
            display: table;
            width: 100%;
        }
        li {
            .gradient-two-color(@white, #e0effd);
            border-top: 1px solid #2E5186;
            border-bottom: 1px solid #2E5186;
            border-right: 1px solid #A5BFCE;
            display: table-cell;
            text-align: center;
            text-shadow: 1px 1px 0 @white;
            &:active {
                .gradient-two-color(#e0effd, @white);
            }
            input {
                display: none;
            }
            label {
                display: block;
                padding: 10px 5px;
            }
            &:first-child {
                border-left: 1px solid #2E5186;
                border-radius: 5px 0 0 5px;
            }

            &:last-child {
                border-right: 1px solid #2E5186;
                border-radius: 0 5px 5px 0;
            }
        }
    }
}

.review-actions.on {
    #review-actions-form {
        border: 1px solid #2E5186;
        border-top-width: 0;
        border-radius: 0 0 5px 5px;
    }
    .action_nav {
        ul li.on-tab {
            background: #fff;
            border-bottom: none;
        }
        li {
            border-bottom: 1px solid #A5BFCE;
            &:first-child {
                border-radius: 5px 0 0;
            }
            &:last-child {
                border-radius: 0 5px 0 0;
            }
        }
    }
}

/* Hide "files" for now. */
.review-actions-files {
    display: none !important;
}

#review-actions-files-warning {
    color: #B47100;
}

.review-actions-canned {
    margin-top: 10px;
    text-align: right;
    #id_canned_response optgroup[label=""] {
        display: none;
    }
    select {
        padding: 0;
    }
}

.review-actions-attachments {
    .formset {
        margin-top: 1.5em;
    }
    .fileinput {
        margin-bottom: 0.33em;
    }
    a.add-row {
        background: url("../../img/icons/news-feed-sprite.png") no-repeat 0 -1444px;
        display: inline-block;
        margin-top: 6px;
        min-height: 15px;
        padding: 1px 0 0 22px;
    }
}

.review-actions-section {
    border-top: 1px dotted #ccc;
    margin-top: 1em;
    padding-top: 1em;
    label {
        font-weight: normal;
    }
}

.review-actions-save {
    text-align: right;
}

.history-comment {
    white-space: pre-wrap;
    .history-comment-version {
        padding: 10px;
        overflow: auto;
    }
}

.history-comment-byline {
    padding: 0 10px;
    font-style: italic;
}

.review-paging {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 2em;
    padding-bottom: 1em;
    text-align: center;
}

#editor-motd {
    textarea {
        height: 5em;
        margin-bottom: 0.5em;
    }

    .buttons {
        text-align: right;
    }
}

.currently_viewing_warning {
    display: none;
}

.scroll_sidebar_parent .currently_viewing_warning {
    margin-top: 0;
    border: medium none;
    border-radius: 8px;
}

div.currently_viewing_warning {
    background-color: #FFE4E4;
    margin: 1em 0;
    border: 1px dashed #FE7272;
    padding: 10px;
}

div.currently_viewing_warning strong {
    display: block;
}

span.currently_viewing_warning {
    color: red;
    padding-right: 15px;
}

.concealed {
    font-size: 15px;
    font-weight: bold;
    padding: 4px 10px 7px;
    &:hover {
        .gradient-two-color(#ccc, #bbb);
        color: @dark-gray;
    }
}

#actions {
    .button.product {
        position: relative;
        width: 100%;
        z-index: 1;
    }
    .button {
        display: block;
    }
    .faked-purchase,
    .approval {
        border-radius: 0 0 5px 5px;
        display: block;
        margin-top: -5px;
        padding: 15px 15px 10px;
        position: relative;
        z-index: 0;
    }
    .no-apps {
        text-align: center;
        margin-top: 10px;
        line-height: 20px;
        display: none;
        a {
            background: url(../../img/mkt/icons/nightly.png) 5px 0 no-repeat;
            padding: 0 5px 0 30px;
            display: inline-block;
        }
    }
    .faked-purchase {
        border-radius: 0 0 5px 5px;
        background: fadeOut(@red, 90%);
        font-size: 12px;
        text-align: center;
        b {
            color: @maroon;
            display: block;
            text-transform: uppercase;
        }
    }
}

#reviewers-score-bar {
    ul li {
        float: left;
        width: 32%;
        margin: 0 0.5%;
    }
    h3 {
        margin-top: 0;
    }
    tr.you-are-here {
        font-weight: bold;
    }
    td.number {
        text-align: right;
    }
    p.total {
        margin-bottom: 10px;
    }
}

.html-rtl #reviewers-score-bar {
    ul li {
        float: right;
    }
    td.number {
        text-align: left;
    }
}

#view-manifest {
    &:hover, b {
        color: #036;
    }
    b {
        &:before {
            content: "(";
        }
        &:after {
            content: ")";
        }
    }
}

#leaderboard {
    td.name {
        width: 70%;
    }
    th.rank {
        color: @orange;
    }
    td.level {
        color: @medium-gray;
        white-space: nowrap;
    }
}

#manifest-headers,
#manifest-permissions,
#manifest-contents {
    .border-box;
    color: @dark-gray;
    clear: both;
    font: 12px/14px @mono-stack;
    list-style: none;
    margin: 15px 0;
    overflow-x: auto;
    white-space: pre;
    width: 100%;
}

#manifest-headers,
#manifest-permissions {
    background-color: @faint-gray;
    border: @dark-gray 2px solid;
    padding: 5px 10px;
}

#manifest-contents {
    background-color: #def;
    border: darken(#def, 75%) 2px solid;
    // Using counters so we can style the line numbers.
    counter-reset: item;
    li {
        counter-increment: item;
        padding: 5px 10px;
        &:before {
            background-color: @faint-gray;
            display: inline-block;
            color: @note-gray;
            content: counter(item);
            margin: -5px 10px -5px -10px;
            padding: 5px;
            text-align: right;
            width: 3ex;
        }
        &:nth-child(2n + 1) {
            background: lighten(#def, 4%);
        }
    }
}

iframe#manifest-contents {
    min-height: 250px;
}

// Addresses issue with drop-downs menus vs. active queue tab.
#site-nav {
    z-index: 10;
}

@media (max-width: @landscape-max) {
    #id_text_query {
        display: block;
        font-size: 18px;
        margin-top: .5em;
        width: 100%;
    }
    #queue-search button {
        margin: .5em .5em 0 0;
    }
    html, body {
        background: @bg-gray @grain-src;
    }
    #breadcrumbs,
    #actions + strong,
    #actions + strong + ul,
    #helpfulLinks,
    #footer {
        display: none;
    }
    #reviewers-score-bar {
        margin-bottom: 15px;
    }
    #site-header h1 {
        .border-box;
        border-top: 1px solid @light-gray;
        margin: 0;
        max-width: 100%;
        padding: 0;
        a {
            .border-box;
            border-top: 1px solid @faint-gray;
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
            padding: 10px;
        }
        small {
            display: inline-block;
            font-size: 14px;
            font-weight: 200;
            padding: 0;
            &:after {
                color: #bbb;
                content: "\00a0\00a0/\00a0";
                display: inline-block;
                font-size: 14px;
                vertical-align: top;
            }
        }
    }
    #site-header {
        .menu-nav, .upper-header {
            padding: 0;
        }
    }
    #aux-nav {
        background: @border-gray;
        float: none;
        font-size: 11px;
        max-width: 100%;
        > ul > li {
            border-right: 1px solid darken(@border-gray, 10%);
        }
    }
    #site-nav {
        border: 1px solid #bbb;
    }
    #site-nav .menu-nav > ul {
        > li {
            margin: 0;
            &:first-child > a {
                padding-left: 10px;
            }
            &:last-child {
                border-right: 1px dotted @light-gray;
            }
            > a {
                font-size: 11px;
                font-weight: 400;
                padding: 10px;
            }
        }
    }
    .menu-nav > ul > li > ul a {
        padding: 16px 8px;
    }
    #wrap {
        padding: 10px 0 0;
    }
    ul.tabnav {
        li {
            display: none;
            &.selected {
                display: block;
            }
        }
        a {
            .border-box;
            font-size: 12px;
            padding: 10px;
            pointer-events: none;
            width: 100%;
            &:active {
                background-color: lighten(@taupe, 5%);
                color: @note-gray;
            }
        }
        + .island {
            border-radius: 0;
            padding: 0;
        }
    }
    .data-grid {
        .addon-row a {
            display: block;
            font-size: 12px;
            line-height: 14px;
            margin: -15px -30px;
            padding: 15px 30px;
            text-align: left;
        }
        .desktop-only,
        .unsupported,
        .abuse-reports,
        .waiting-time {
            display: none;
        }
        .number {
            text-align: right;
        }
    }
    .device-list {
        margin: 0 auto;
        .firefoxos {
            width: 20px;
        }
    }
    #page h1 {
        font-size: 18px;
        line-height: 20px;
        margin: 10px 0 15px;
    }
    #scroll_sidebar_parent,
    #addon {
        float: none;
        width: 100%;
    }
    #scroll_sidebar_parent,
    #scroll_sidebar {
        position: inherit;
    }
    #scroll_sidebar {
        margin-bottom: 15px;
    }
    #actions {
        li {
            .border-box;
            float: left;
            margin: 0;
            width: 33.33%;
            + li {
                padding-left: 5px;
            }
        }
        .app-install .button {
            font-weight: 600;
        }
        .button {
            height: inherit;
            font-weight: 100;
            padding: 8px;
            &.product {
                top: -2px;
            }
        }
    }
    dt {
        min-width: 30%;
    }
    .app-name a {
        font-weight: 600;
    }
}

@mobileborder: #d7d2c3;
@media (max-width: @mobile-max) {
    .mobile-queue-search, .mobile-paginator {
        display: block;
    }
    .impala-paginator {
        display: none;
    }
    .toggle-queue-search, #queue-search .button span, ul.tabnav a {
        font-size: 16px;
    }
    .button {
        margin-top: 0px;
        min-width: 0%;
        margin-right: 0;
        top: 8px;
        span {
            bottom: 9px;
            position: relative;
        }
    }
    #site-nav {
        border: 0px;
        .pad {
            height: 100%;
            padding: 0;
        }
        nav.menu-nav {
            height: 100%;
            ul {
                height: 100%;
            }
            li {
                height: 100%;
                &.selected {
                    background: rgb(62, 52, 62);
                    a {
                        color: @white;
                    }
                }
                a {
                    font-size: 16px;
                    position: relative;
                    top: 4px;
                }
            }
            & > ul li:not(.open):hover > ul, &.open > ul {
                display: none;
            }
        }
    }
    #queue-search {
        padding: 0;
        margin: 26px 0 6px;
        label[for="id_text_query"] {
            display: none;
        }
        input#id_text_query {
            display: inline-block;
            margin-right: 5px;
            margin-top: 0;
            width: 75%;
        }
        .button {
            height: 36px;
            max-width: 22%;
            margin-right: 0;
        }
        .toggle-queue-search {
            bottom: 64px;
            float: right;
            line-height: 6px;
            margin-right: 3px;
            position: relative;
        }
    }
    .island #queue-search {
        display: none;
    }
    #reviewers-score-bar {
        display: none;
    }
    dt {
        float: none;
        margin: 0 0 3px;
        width: 100%;
    }
    dd {
        margin-bottom: 15px;
    }
    #actions li {
        width: 50%;
        &.app-install {
            .button {
                display: block;
            }
        }
        &:first-child {
            padding-right: 3px;
        }
        &:nth-child(2) {
            padding-left: 3px;
        }
        &:last-child {
            display: none;
        }
        &.app-install button.product, .button {
            padding: 0;
            top: 0;
            height: 48px;
            font-size: 13px;
            font-weight: normal;
            border: 0;
        }
    }
    #page h1.menutrigger {
        background: #d7d2c4;
        color: #686868;
        line-height: 38px;
        margin: 0;
        padding: 0 8px;
        border-radius: 3px 3px 0 0;

    }
    .statuslist, .island.alpha {
        border: 1px solid @mobileborder;
        border-radius: 4px;
        background: #fff;
        margin-bottom: 15px;
    }
    .statuslist {
        > li {
            padding: 0 15px;
            line-height: 40px;
            &:first-child {
                border-bottom: 1px solid @mobileborder;
            }
            &:only-child {
                border-bottom: 0;
            }
        }
        &.padded > li {
            padding: 15px;
        }
    }
    .review-actions .action_nav li:first-child,
    .review-actions .action_nav li:last-child,
    .review-actions .action_nav li {
        border: 1px solid #2E5186;
    }
    .review-actions .action_nav li {
        border-radius: 0;
    }
    .review-actions .action_nav li:first-child {
        border-radius: 5px 5px 0 0;
    }
    .review-actions .action_nav li:last-child {
        border-radius: 0 0 5px 5px;
    }
    .review-actions .action_nav li {
        display: block;
    }
    header .author {
        margin: -30px 0 20px 50px;
    }
    .tabnav + .island {
        .border-box;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
    #page ul.tabnav {
        li {
            margin: 0 1px;
            position: relative;
            a {
                padding: 10px 15px 15px;
            }
        }
        &+ .island {
            .border-box;
            max-width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
        }
    }
    #queue-tab-overlay > menu.nav-action-menu > button {
        margin-bottom: .75rem;
    }
    html {
        font-size: 10px;
    }
    #page form[role="dialog"][data-type="action"] {
        z-index: 1007;
        button {
            position: static;
        }
    }
    .tabnav-sprite {
        bottom: 6px;
        display: block;
        position: absolute;
        right: 6px;
        &:before {
            /* Triangle bottom-right. */
            border-bottom: 10px solid @medium-gray;
            border-left: 10px solid transparent;
            content: '';
            display: block;
            height: 0;
            width: 0;
        }
    }
    // No mobile man is an island.
    .island {
        border: 0;
        border-radius: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }
    .island > p {
        padding: 5px 6px;
        line-height: 22px;
    }
    #scroll_sidebar_parent li {
        margin-top: 0;
    }
    .expandable {
        .thumbnail, .expandcontent {
            max-width: 200px;
        }
        .expandcontent {
            float: left;
            max-height: 200px;
            overflow: hidden;
            &.short {
                max-height: 48px;
            }
            &.expanded {
                max-height: inherit;
            }
        }
        .showmore {
            float: right;
            margin-top: 4px;
            font-weight: bold;
        }
    }
    #review-files-header {
        border-bottom: 1px solid #A5BFCE;
        h3 {
            float: none;
        }
    }
    #addon-queue {
        th {
            font-size: 13px;
            padding: 13px 0;
        }
        td {
            padding: 13px 0;
            &.app-name {
                max-width: 144px;
            }
            &.flags {
                min-width: 42px;
            }
        }
        .payments {
            display: none;
        }
    }
    #log-filter, #log-listing thead {
        display: none;
    }
    nav.paginator .rel {
        a {
            height: 32px;
            line-height: 32px;
            vertical-align: middle;
            &.button {
                min-width: 0;
            }
            &.jump {
                line-height: 32px;
                padding: 8px;
            }
        }
    }
    #reviews-flagged {
        background: #fff;
        .review-flagged {
            margin: 0;
            border: 0;
            border-bottom: 1px solid @mobileborder;
            padding: 15px;
            &:nth-child(2n) {
                background-color: #f8f8f8;
            }
            &:only-child, &:last-child {
                border-bottom: 0;
            }
        }
        h3 {
            font-weight: bold;
            margin-bottom: 7px;
        }
        .stars {
            float: none;
            display: block;
        }
        .review-flagged-actions {
            margin: 15px 0 0;
            padding: 0;
            border: 0;
            float: none;
            width: auto;
            * {
                .border-box;
            }
            strong {
                display: block;
                margin-bottom: 6px;
            }
        }
        .review-saved {
            border-top: 1px solid @mobileborder;
            button {
                width: 100%;
            }
        }
        .skip, .nuke, .keep {
            border: 1px solid @mobileborder;
            text-align: center;
            padding: 15px;
            box-shadow: inset 0 13px 15px #fff;
            background: rgba(225, 225, 215, .5);
            color: rgb(164, 148, 96);
            &.active {
                box-shadow: inset 0 0 4px rgba(215, 210, 195, 1);
                color: rgba(0, 0, 0, .35);
            }
        }
        .keep, .nuke {
            float: left;
            width: 50%;
            border-radius: 5px 0 0 0;
            overflow: hidden;
            height: 75px;
        }
        .nuke {
            border-left: 0;
            border-radius: 0 5px 0 0;
            line-height: 40px;
        }
        .skip {
            border-top: 0;
            clear: both;
        }
    }
    .device-list {
        bottom: 10px;
        position: relative;
        width: 80px;
        ul {
            position: relative;
        }
        li {
            position: absolute;
        }
        .desktop {
            left: -37px;
        }
        .android-tablet {
            left: -27px;
            top: 10px;
        }
        .firefoxos {
            left: 18px;
        }
        .android-mobile {
            left: -2px;
        }
    }
    .mobile-paginator nav.paginator {
        border-top: 0;
        margin-bottom: 13px;
        .rel {
            margin-bottom: 6px;
            a.button {
                height: 36px;
                span {
                    bottom: 0;
                }
            }
            a.jump {
                padding: 0px 10px;
            }
        }
        .num {
            position: relative;
            top: 8px;
        }
    }
}

@media (max-width: @landscape-max) {
    #page ul.tabnav li {
        margin: 0;
    }
}

@media (min-width: @tablet-min) {
    .site-title a {
        padding-left: 250px;
        position: relative;
        left: -250px;
    }
    .data-grid {
        .addon-row a {
            max-width: 600px;
        }
        .number {
            text-align: right;
        }
    }
    /* editors/queue tabs */
    .tabnav {
        margin: 0 10px;
    }
    #page .tabnav li {
        display: inline;
        position: relative;
        top: 13px;
        margin: 0 5px;
        z-index: 0;
        &:after {
            /* Cover the bottom part of the box-shadow. */
            background: @white;
            content: "";
            display: block;
            float: left;
            height: 15px;
            margin-bottom: -15px;
            position: relative;
            top: 1px;
            width: 100%;
        }
        &.selected {
            z-index: 2;
            a {
                box-shadow: 0 -2px 0 fadeOut(@taupe, 80%) inset,
                            0 0 1px rgba(0, 0, 0, 0.1);
                background-color: @white;
                border-color: @taupe;
            }
            a, a:hover {
                color: @dark-gray;
            }
        }
    }
    #actions li {
        margin-bottom: 20px;
        max-width: 264px;
        min-width: 192px;
    }
    .review-actions-attachments {
        .formset {
            margin-top: 1em;
        }
        .fileinput {
            display: inline-block;
            margin-right: 25px;
        }
    }
}

@media (min-width: @tablet-min) and (max-width: 61em) {
    #page .tabnav li {
        margin-right: 0;
        font-size: 12px;
    }
}
@media (min-width: @tablet-min) and (max-width: 57em) {
    #page .tabnav li {
        font-size: 11px;
    }
}
@media (min-width: @tablet-min) and (max-width: 53em) {
    #page .tabnav li {
        font-size: 10px;
    }
}
@media (min-width: @tablet-min) and (max-width: 52em) {
    #page .tabnav li {
        font-size: 9px;
    }
}


Setup the highlights for tree views

Setup the highlights for tree views

@import "ui-variables";
@import "ui-mixins";
@import "octicon-mixins";

.list-group, .list-tree {
  margin: 0;
  list-style: none;

  .list-item,
  .list-nested-item > .list-item {
    .text(normal);
    line-height: @component-line-height;
  }

  .generate-list-item-text-color(@class) {
    .list-item.@{class},
    .list-nested-item.@{class} > .list-item {
      .text(@class);
    }
  }
  .generate-list-item-text-color(subtle);
  .generate-list-item-text-color(info);
  .generate-list-item-text-color(success);
  .generate-list-item-text-color(warning);
  .generate-list-item-text-color(error);
  .generate-list-item-text-color(selected);

  .list-item:hover,
  .list-nested-item:hover > .list-item, // i.e. highlight directory when hover child file
  .list-nested-item .list-item:hover,
  .list-nested-item .list-item:hover .disclosure-arrow,
  .selected > .list-nested-item > .list-item .disclosure-arrow,
  .selected > .list-nested-item > .list-item:hover .disclosure-arrow  {
    .text(highlighted);
  }

  .list-nested-item.collapsed > .list-group,
  .list-nested-item.collapsed > .list-tree {
    display: none;
  }
  .list-nested-item.collapsed > .list-item > .disclosure-arrow {
    .octicon(chevron-right, @disclosure-arrow-size);
  }

  .selected > .highlight {
    background-color: @tool-panel-background-highlight-color;
    position: absolute;
    left: 0;
    right: 0;
    height: @component-line-height;
  }
}

// Handle indentation of the tree. Assume disclosure arrows.
.list-tree {
  @disclosure-arrow-padding: @disclosure-arrow-size + @component-icon-padding;

  .disclosure-arrow { margin-right: @component-icon-padding; }

  &.has-collapsable-children li.list-item {
    margin-left: @disclosure-arrow-padding;
  }
  .list-nested-item > .list-tree,
  .list-nested-item > .list-group {
    margin-left: @disclosure-arrow-padding;
  }
}

@import "ui-variables";
@import "ui-mixins";
@import "octicon-mixins";

.list-group, .list-tree {
  margin: 0;
  list-style: none;

  .list-item,
  .list-nested-item > .list-item {
    .text(normal);
    line-height: @component-line-height;
  }

  .generate-list-item-text-color(@class) {
    .list-item.@{class},
    .list-nested-item.@{class} > .list-item {
      .text(@class);
    }
  }
  .generate-list-item-text-color(subtle);
  .generate-list-item-text-color(info);
  .generate-list-item-text-color(success);
  .generate-list-item-text-color(warning);
  .generate-list-item-text-color(error);
  .generate-list-item-text-color(selected);

  .list-item:hover,
  .list-nested-item:hover > .list-item, // i.e. highlight directory when hover child file
  .list-nested-item .list-item:hover,
  .list-nested-item .list-item:hover .disclosure-arrow,
  .selected > .list-nested-item > .list-item .disclosure-arrow,
  .selected > .list-nested-item > .list-item:hover .disclosure-arrow  {
    .text(highlighted);
  }

  .list-nested-item.collapsed > .list-group,
  .list-nested-item.collapsed > .list-tree {
    display: none;
  }
  .list-nested-item.collapsed > .list-item > .disclosure-arrow {
    .octicon(chevron-right, @disclosure-arrow-size);
  }

  .list-item.selected,
  .list-nested-item.selected > .list-item {
    background-color: @tool-panel-background-highlight-color;
  }
}

// Handle indentation of the tree. Assume disclosure arrows.
.list-tree {
  @disclosure-arrow-padding: @disclosure-arrow-size + @component-icon-padding;

  .disclosure-arrow { margin-right: @component-icon-padding; }

  &.has-collapsable-children li.list-item {
    margin-left: @disclosure-arrow-padding;
  }
  .list-nested-item > .list-tree,
  .list-nested-item > .list-group {
    margin-left: @disclosure-arrow-padding;
  }
}


Update panel section style

Update panel section style

//
// Panels
// --------------------------------------------------

.panel {
    .box-shadow(@panel-shadow);

    .panel-actions {
        float: right;
        max-width: 68%;
        text-align: right;

        > .btn {
            margin: 2px;
            padding: 6px 12px;
            min-width: 34px;

            &.btn-xs {
                padding: 1px 5px;
                min-width: 22px;
            }

            &.btn-sm {
                padding: 4px 9px;
                min-width: 28px;
            }

            &.btn-lg {
                padding: 10px 16px;
                min-width: 46px;
            }
        }
    }

    > .panel-heading,
    > .panel-footer {
        border-color: @panel-inner-border;

        > .panel-actions {
            padding: 10px 0;
            line-height: ceil((@font-size-base * 1.125));
        }

        > .panel-buttons {
            margin: 10px -16px;
            background-color: darken(@panel-bg, 1%);

            > .nav-scrollable > .nav-btn-group,
            > .nav-scrollable > .hammer-scroll-content > .nav-btn-group {
                white-space: nowrap;
                display: inline-block;
            }

            > .btn,
            > .btn-group > .btn,
            > .nav-scrollable > .nav-btn-group > .btn,
            > .nav-scrollable > .nav-btn-group > .btn-group > .btn,
            > .nav-scrollable > .hammer-scroll-content > .nav-btn-group > .btn,
            > .nav-scrollable > .hammer-scroll-content > .nav-btn-group > .btn-group > .btn {
                margin: 5px 2px;

                &:first-child {
                    margin-left: 2px;
                }

                &:last-child {
                    margin-right: 2px;
                }
            }
        }
    }

    > .panel-heading {
        &:last-child {
            border-bottom: none;
        }

        > .clearfix {
            height: 0;
        }

        > .panel-actions {
            margin-top: -10px;
            margin-right: -15px;
        }

        > .panel-buttons {
            border-top: 1px solid @panel-inner-border;
            border-bottom: 1px solid @panel-inner-border;

            &:first-child {
                border-top: none;
                margin-top: -11px;
                .border-top-radius(@panel-border-radius);

                > .nav-scrollable {
                    .border-top-radius(@panel-border-radius);
                }
            }

            &:last-child {
                border-bottom: none;
                margin-bottom: -10px;
            }
        }
    }

    > .panel-footer {
        > .panel-buttons {
            border-top: 1px solid @panel-inner-border;
            border-bottom: 1px solid @panel-inner-border;

            &:first-child {
                border-top: none;
                margin-top: -10px;
            }

            &:last-child {
                border-bottom: none;
                margin-bottom: -11px;
                .border-bottom-radius(@panel-border-radius);

                > .nav-scrollable {
                    .border-bottom-radius(@panel-border-radius);
                }
            }
        }
    }

    > .panel-section {
        > .panel-section-heading {
            padding: 10px 15px;

            > .panel-actions {
                padding: 7px 0;
                margin-top: -10px;
                margin-right: -15px;
                line-height: ceil((@panel-section-heading-size * 1.125));
            }

            > .panel-section-title {
                color: @panel-section-heading-color;
            }

            + .panel-body {
                padding-top: 0;
                padding-left: 0;
                padding-right: 0;
            }
        }

        + .panel-section {
            margin-top: 15px;

            > .panel-section-heading {
                border-top: 1px dashed @panel-inner-border;
            }
        }

        &.panel-collapsed {
            > *:not(.panel-section-heading) {
                display: none;
            }

            > .panel-section-heading {
                > .panel-actions {
                    > .btn-panel-collapse {
                        .caret {
                            -moz-transform: rotate(90deg);
                            -webkit-transform: rotate(90deg);
                            -o-transform: rotate(90deg);
                            -ms-transform: rotate(90deg);
                            transform: rotate(90deg);
                        }
                    }
                }
            }
        }

        &.container,
        &.container-fluid {
            > .panel-section-heading {
                margin-left: -15px;
                margin-right: -15px;
            }
        }
    }

    > .alert {
        margin: 10px;
    }

    .panel-row {
        + .panel-row {
            border-top: 1px solid @panel-inner-row-border;
        }

        &.panel-row-spacer {
            min-height: @input-height-base;
        }

        &:last-child {
            margin-bottom: 10px;
        }
    }

    .panel-cell {
        > .panel-cell-wrapper {
            display: table;
            width: 100%;

            > .control-label {
                display: table-cell;
                vertical-align: top;
                width: 150px;
                text-align: right;
                margin-top: 0;
                margin-bottom: 0;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-right: 14px;

                &.required:after {
                    top: 0;
                }

                + .block-control {
                    padding-left: 16px;
                }
            }

            > .block-control {
                display: table-cell;
                vertical-align: top;
                width: auto;
                padding-top: 10px;
                padding-bottom: 10px;
            }

            > .panel-block-help {
                display: table-cell;
                vertical-align: top;
                width: 16px;
                text-align: right;
                padding-top: 6px;
                padding-right: 2px;

                > .panel-cell-help {
                    padding: 0 3px;
                    z-index: 1;
                }
            }
        }
    }

    .panel-cell-spacer {
        > div[class*="col-"] {
            min-height: @input-height-base + 6px;
        }
    }

    .table {
        margin-bottom: 0;
    }
}

.panel-title {
    font-size: @panel-heading-size;
}

.panel-section-title {
    font-size: @panel-section-heading-size;
    line-height: ceil((@panel-section-heading-size * 1.125));
    margin: 0;
}

// Contextual variations
.panel-accent {
    .panel-variant(@panel-accent-border; @panel-accent-text; @panel-accent-heading-bg; @panel-accent-border);
}

.panel {
    &.panel-default,
    &.panel-primary,
    &.panel-accent,
    &.panel-success,
    &.panel-info,
    &.panel-warning,
    &.panel-danger {
        > .panel-heading {
            border-color: @panel-inner-border;

            .panel-actions {
                color: @text-color;
            }
        }
    }
}

@media (max-width: (@screen-xs-min - 1)) {
    .panel {
        > .panel-section {
            > .panel-row {
                > .panel-cell {
                    > .panel-cell-wrapper {
                        display: block;

                        > .control-label {
                            display: inline-block;
                            width: auto;
                            text-align: left;

                            + .block-control {
                                padding-left: 0;
                            }
                        }

                        > .block-control {
                            display: block;
                            width: 100%;
                        }

                        > .panel-block-help {
                            display: inline-block;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width: @screen-xs-max) {
    .panel {
        .table-responsive {
            margin-bottom: 0;
            border: none;
        }
    }
}

// Variantes
// -------------------------

.panel-variant-box(primary, @brand-primary, @brand-primary, lighten(@brand-primary, 3%), #fff);
.panel-variant-box(accent, @brand-accent, @brand-accent, lighten(@brand-accent, 3%), #fff);
.panel-variant-box(success, @brand-success, @brand-success, lighten(@brand-success, 3%), #fff);
.panel-variant-box(info, @brand-info, @brand-info, lighten(@brand-info, 3%), #fff);
.panel-variant-box(warning, @brand-warning, @brand-warning, lighten(@brand-warning, 3%), #fff);
.panel-variant-box(danger, @brand-danger, @brand-danger, lighten(@brand-danger, 3%), #fff);

.panel-variant-top(default, @brand-primary, @panel-top-border-height);
.panel-variant-top(primary, @brand-primary, @panel-top-border-height);
.panel-variant-top(accent, @brand-accent, @panel-top-border-height);
.panel-variant-top(success, @brand-success, @panel-top-border-height);
.panel-variant-top(info, @brand-info, @panel-top-border-height);
.panel-variant-top(warning, @brand-warning, @panel-top-border-height);
.panel-variant-top(danger, @brand-danger, @panel-top-border-height);

.panel-variant-wire(default, @text-color);
.panel-variant-wire(primary, @brand-primary);
.panel-variant-wire(accent, @brand-accent);
.panel-variant-wire(success, @brand-success);
.panel-variant-wire(info, @brand-info);
.panel-variant-wire(warning, @brand-warning);
.panel-variant-wire(danger, @brand-danger);

.panel-variant-frame(default, @text-color);
.panel-variant-frame(primary, @brand-primary);
.panel-variant-frame(accent, @brand-accent);
.panel-variant-frame(success, @brand-success);
.panel-variant-frame(info, @brand-info);
.panel-variant-frame(warning, @brand-warning);
.panel-variant-frame(danger, @brand-danger);

.panel-variant-lite(default, @text-color);
.panel-variant-lite(primary, @brand-primary);
.panel-variant-lite(accent, @brand-accent);
.panel-variant-lite(success, @brand-success);
.panel-variant-lite(info, @brand-info);
.panel-variant-lite(warning, @brand-warning);
.panel-variant-lite(danger, @brand-danger);

.panel-variant-label(default, @text-color);
.panel-variant-label(primary, @brand-primary);
.panel-variant-label(accent, @brand-accent);
.panel-variant-label(success, @brand-success);
.panel-variant-label(info, @brand-info);
.panel-variant-label(warning, @brand-warning);
.panel-variant-label(danger, @brand-danger);

//
// Panels
// --------------------------------------------------

.panel {
    .box-shadow(@panel-shadow);

    .panel-actions {
        float: right;
        max-width: 68%;
        text-align: right;

        > .btn {
            margin: 2px;
            padding: 6px 12px;
            min-width: 34px;

            &.btn-xs {
                padding: 1px 5px;
                min-width: 22px;
            }

            &.btn-sm {
                padding: 4px 9px;
                min-width: 28px;
            }

            &.btn-lg {
                padding: 10px 16px;
                min-width: 46px;
            }
        }
    }

    > .panel-heading,
    > .panel-footer {
        border-color: @panel-inner-border;

        > .panel-actions {
            padding: 10px 0;
            line-height: ceil((@font-size-base * 1.125));
        }

        > .panel-buttons {
            margin: 10px -16px;
            background-color: darken(@panel-bg, 1%);

            > .nav-scrollable > .nav-btn-group,
            > .nav-scrollable > .hammer-scroll-content > .nav-btn-group {
                white-space: nowrap;
                display: inline-block;
            }

            > .btn,
            > .btn-group > .btn,
            > .nav-scrollable > .nav-btn-group > .btn,
            > .nav-scrollable > .nav-btn-group > .btn-group > .btn,
            > .nav-scrollable > .hammer-scroll-content > .nav-btn-group > .btn,
            > .nav-scrollable > .hammer-scroll-content > .nav-btn-group > .btn-group > .btn {
                margin: 5px 2px;

                &:first-child {
                    margin-left: 2px;
                }

                &:last-child {
                    margin-right: 2px;
                }
            }
        }
    }

    > .panel-heading {
        &:last-child {
            border-bottom: none;
        }

        > .clearfix {
            height: 0;
        }

        > .panel-actions {
            margin-top: -10px;
            margin-right: -15px;
        }

        > .panel-buttons {
            border-top: 1px solid @panel-inner-border;
            border-bottom: 1px solid @panel-inner-border;

            &:first-child {
                border-top: none;
                margin-top: -11px;
                .border-top-radius(@panel-border-radius);

                > .nav-scrollable {
                    .border-top-radius(@panel-border-radius);
                }
            }

            &:last-child {
                border-bottom: none;
                margin-bottom: -10px;
            }
        }
    }

    > .panel-footer {
        > .panel-buttons {
            border-top: 1px solid @panel-inner-border;
            border-bottom: 1px solid @panel-inner-border;

            &:first-child {
                border-top: none;
                margin-top: -10px;
            }

            &:last-child {
                border-bottom: none;
                margin-bottom: -11px;
                .border-bottom-radius(@panel-border-radius);

                > .nav-scrollable {
                    .border-bottom-radius(@panel-border-radius);
                }
            }
        }
    }

    > .panel-section {
        > .panel-section-heading {
            padding: 10px 15px;

            > .panel-actions {
                padding: 7px 0;
                margin-top: -10px;
                margin-right: -15px;
                line-height: ceil((@panel-section-heading-size * 1.125));
            }

            > .panel-section-title {
                color: @panel-section-heading-color;
            }

            + .panel-body {
                padding-top: 0;
                padding-left: 0;
                padding-right: 0;
            }
        }

        + .panel-section {
            margin-top: 15px;

            > .panel-section-heading {
                border-top: 1px dashed @panel-inner-border;
            }
        }

        &.panel-collapsed {
            > *:not(.panel-section-heading) {
                display: none;
            }

            > .panel-section-heading {
                > .panel-actions {
                    > .btn-panel-collapse {
                        .caret {
                            -moz-transform: rotate(90deg);
                            -webkit-transform: rotate(90deg);
                            -o-transform: rotate(90deg);
                            -ms-transform: rotate(90deg);
                            transform: rotate(90deg);
                        }
                    }
                }
            }
        }

        &.container,
        &.container-fluid {
            > .panel-section-heading {
                margin-left: -15px;
                margin-right: -15px;
            }
        }
    }

    > .alert {
        margin: 10px;
    }

    .panel-row {
        + .panel-row {
            border-top: 1px solid @panel-inner-row-border;
        }

        &.panel-row-spacer {
            min-height: @input-height-base;
        }

        &:last-child {
            margin-bottom: 10px;
        }
    }

    .panel-cell {
        > .panel-cell-wrapper {
            display: table;
            width: 100%;

            > .control-label {
                display: table-cell;
                vertical-align: top;
                width: 150px;
                text-align: right;
                margin-top: 0;
                margin-bottom: 0;
                padding-top: 7px;
                padding-right: 14px;

                &.required:after {
                    top: 0;
                }

                + .block-control {
                    padding-left: 16px;
                }
            }

            > .block-control {
                display: table-cell;
                vertical-align: top;
                width: auto;
                padding-top: 7px;
            }

            > .panel-block-help {
                display: table-cell;
                vertical-align: top;
                width: 16px;
                text-align: right;
                padding-top: 6px;
                padding-right: 2px;

                > .panel-cell-help {
                    padding: 0 3px;
                    z-index: 1;
                }
            }
        }
    }

    .panel-cell-spacer {
        > div[class*="col-"] {
            min-height: @input-height-base;
        }
    }

    .table {
        margin-bottom: 0;
    }
}

.panel-title {
    font-size: @panel-heading-size;
}

.panel-section-title {
    font-size: @panel-section-heading-size;
    line-height: ceil((@panel-section-heading-size * 1.125));
    margin: 0;
}

// Contextual variations
.panel-accent {
    .panel-variant(@panel-accent-border; @panel-accent-text; @panel-accent-heading-bg; @panel-accent-border);
}

.panel {
    &.panel-default,
    &.panel-primary,
    &.panel-accent,
    &.panel-success,
    &.panel-info,
    &.panel-warning,
    &.panel-danger {
        > .panel-heading {
            border-color: @panel-inner-border;

            .panel-actions {
                color: @text-color;
            }
        }
    }
}

@media (max-width: (@screen-xs-min - 1)) {
    .panel {
        > .panel-section {
            > .panel-row {
                > .panel-cell {
                    > .panel-cell-wrapper {
                        display: block;

                        > .control-label {
                            display: inline-block;
                            width: auto;
                            text-align: left;

                            + .block-control {
                                padding-left: 0;
                            }
                        }

                        > .block-control {
                            display: block;
                            width: 100%;
                        }

                        > .panel-block-help {
                            display: inline-block;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width: @screen-xs-max) {
    .panel {
        .table-responsive {
            margin-bottom: 0;
            border: none;
        }
    }
}

// Variantes
// -------------------------

.panel-variant-box(primary, @brand-primary, @brand-primary, lighten(@brand-primary, 3%), #fff);
.panel-variant-box(accent, @brand-accent, @brand-accent, lighten(@brand-accent, 3%), #fff);
.panel-variant-box(success, @brand-success, @brand-success, lighten(@brand-success, 3%), #fff);
.panel-variant-box(info, @brand-info, @brand-info, lighten(@brand-info, 3%), #fff);
.panel-variant-box(warning, @brand-warning, @brand-warning, lighten(@brand-warning, 3%), #fff);
.panel-variant-box(danger, @brand-danger, @brand-danger, lighten(@brand-danger, 3%), #fff);

.panel-variant-top(default, @brand-primary, @panel-top-border-height);
.panel-variant-top(primary, @brand-primary, @panel-top-border-height);
.panel-variant-top(accent, @brand-accent, @panel-top-border-height);
.panel-variant-top(success, @brand-success, @panel-top-border-height);
.panel-variant-top(info, @brand-info, @panel-top-border-height);
.panel-variant-top(warning, @brand-warning, @panel-top-border-height);
.panel-variant-top(danger, @brand-danger, @panel-top-border-height);

.panel-variant-wire(default, @text-color);
.panel-variant-wire(primary, @brand-primary);
.panel-variant-wire(accent, @brand-accent);
.panel-variant-wire(success, @brand-success);
.panel-variant-wire(info, @brand-info);
.panel-variant-wire(warning, @brand-warning);
.panel-variant-wire(danger, @brand-danger);

.panel-variant-frame(default, @text-color);
.panel-variant-frame(primary, @brand-primary);
.panel-variant-frame(accent, @brand-accent);
.panel-variant-frame(success, @brand-success);
.panel-variant-frame(info, @brand-info);
.panel-variant-frame(warning, @brand-warning);
.panel-variant-frame(danger, @brand-danger);

.panel-variant-lite(default, @text-color);
.panel-variant-lite(primary, @brand-primary);
.panel-variant-lite(accent, @brand-accent);
.panel-variant-lite(success, @brand-success);
.panel-variant-lite(info, @brand-info);
.panel-variant-lite(warning, @brand-warning);
.panel-variant-lite(danger, @brand-danger);

.panel-variant-label(default, @text-color);
.panel-variant-label(primary, @brand-primary);
.panel-variant-label(accent, @brand-accent);
.panel-variant-label(success, @brand-success);
.panel-variant-label(info, @brand-info);
.panel-variant-label(warning, @brand-warning);
.panel-variant-label(danger, @brand-danger);


cleanup

cleanup

fatal: unable to access 'https://github.com/fjvalencian/uikit.git/': The requested URL returned error: 403


fix header menu issue

fix header menu issue

#application.ic-app {
  #header.ic-app-header {
    height: 80px;
    width: 100%;
    background-color: @darkTealColor;
    position: relative;
    overflow-y: visible;
    -webkit-flex-direction: row;
    flex-direction: row;

    .ic-app-header__main-navigation {
      position: relative;
      margin: 0 auto;
      max-width: 1146px;

      .ic-app-header__logomark-container {
        width: 274px;
        float: left;
        padding: @logo-padding;
        background-color: transparent;

        .ic-app-header__logomark {
          background-image: @logo-image;
          width: 274px;
          height: 40px;
          background-repeat: no-repeat;
          background-size: @logo-background-size;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
          margin: 0;
        }
      }
    }

    .ic-app-header__secondary-navigation {
      display: none;
    }

    #menu {
      margin-bottom: 15px;
      height: 100%;
      display: flex;
      align-items: center;

      @media screen and (max-width: 1050px) {
        margin-left: -258px;
      }

      li {
        float: left;
        height: 100%;

        &#context_external_tool_1_menu_item {
          // external tools hidden as default - they should be accessed from the course page instead
          display: none;
        }

        a {
          padding-left: 18px;
          padding-right: 18px;
          box-sizing: border-box;
          padding-top: 0px;
          padding-bottom: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;

          &.ic-app-header__menu-list-link {
            border-bottom: 4px solid transparent;
            &:hover,
            &:focus {
              background-color: inherit;
              color: @white;
            }
          }

          &.active {
            font-weight: @menuItemFontWeight;
            border-bottom: 4px solid @white;
            padding-top: 2px;
          }

          &#global_nav_dashboard_link,
          &#global_nav_conversations_link {
            display: none;
          }

          .menu-item-icon-container {
            // hides icon used in new UI
            display: none;
          }

          &#global_nav_profile_link {
            display: none;

            .menu-item-icon-container {
              // hides icon used in new UI
              display: block;
            }

            .menu-item__text {
              display: none;
            }
          }

          &#global_nav_courses_link {
            // courses and Groups menu hidden as default, since we replace it with our own Courses link
            display: none;
          }

          &#global_nav_accounts_link {
            // admin link hidden as default, since we replace it with our own admin link
            display: none;
          }

          &#global_nav_groups_link {
            // groups link hidden as default, since we replace it with our own groups link
            display: none;
          }

          &#global_nav_calendar_link {
            // calendar link hidden as default, since we replace it with our own calendar link
            display: none;
          }

          &#global_nav_help_link {
            // help link hidden as default, since we replace it with our own calendar link
            display: none;
          }

          .menu-item__text {
            font-size: @menuItemFontSize;
            margin-top: 14px;
            color: @white;
            font-weight: @menuItemFontWeight;
          }
        }
      }
    }

    #user-menu {
      float: right;
      padding-top: 27px;
    }
  }
}

#application.ic-app {
  #header.ic-app-header {
    height: 80px;
    width: 100%;
    background-color: @darkTealColor;
    position: relative;
    overflow-y: visible;
    -webkit-flex-direction: row;
    flex-direction: row;

    .ic-app-header__main-navigation {
      position: relative;
      margin: 0 auto;
      max-width: 1146px;

      .ic-app-header__logomark-container {
        width: 274px;
        float: left;
        padding: @logo-padding;
        background-color: transparent;

        .ic-app-header__logomark {
          background-image: @logo-image;
          width: 274px;
          height: 40px;
          background-repeat: no-repeat;
          background-size: @logo-background-size;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
          margin: 0;
        }
      }
    }

    .ic-app-header__secondary-navigation {
      display: none;
    }

    #menu {
      margin-bottom: 15px;
      height: 100%;
      display: flex;
      align-items: center;

      @media screen and (max-width: 1050px) {
        margin-left: -258px;
      }

      li {
        float: left;
        height: 100%;

        &#context_external_tool_1_menu_item {
          // external tools hidden as default - they should be accessed from the course page instead
          display: none;
        }

        a {
          padding-left: 18px;
          padding-right: 18px;
          box-sizing: border-box;
          padding-top: 0px;
          padding-bottom: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;

          &.ic-app-header__menu-list-link {
            border-bottom: 4px solid transparent;
            &:hover,
            &:focus {
              background-color: inherit;
              color: @white;
            }
          }

          &.active {
            font-weight: @menuItemFontWeight;
            border-bottom: 4px solid @white;
          }

          &#global_nav_dashboard_link,
          &#global_nav_conversations_link {
            display: none;
          }

          .menu-item-icon-container {
            // hides icon used in new UI
            display: none;
          }

          &#global_nav_profile_link {
            display: none;

            .menu-item-icon-container {
              // hides icon used in new UI
              display: block;
            }

            .menu-item__text {
              display: none;
            }
          }

          &#global_nav_courses_link {
            // courses and Groups menu hidden as default, since we replace it with our own Courses link
            display: none;
          }

          &#global_nav_accounts_link {
            // admin link hidden as default, since we replace it with our own admin link
            display: none;
          }

          &#global_nav_groups_link {
            // groups link hidden as default, since we replace it with our own groups link
            display: none;
          }

          &#global_nav_calendar_link {
            // calendar link hidden as default, since we replace it with our own calendar link
            display: none;
          }

          &#global_nav_help_link {
            // help link hidden as default, since we replace it with our own calendar link
            display: none;
          }

          .menu-item__text {
            font-size: @menuItemFontSize;
            margin-top: 14px;
            color: @white;
            font-weight: @menuItemFontWeight;
          }
        }
      }
    }

    #user-menu {
      float: right;
      padding-top: 27px;
    }
  }
}


remove illustrations, add header bg images for next version of prototype. NOT production ready.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/hevnly/asset-bazaar.git/'


made login form small, like register form

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/TIIUNDER/flatmate.git/'


Add Courier New as a last-chance fallback

@import "octicon-utf-codes";
@import "octicon-mixins";

.editor {
  overflow: hidden;
  cursor: text;
  display: -webkit-flex;
  -webkit-user-select: none;
  position: relative;
  z-index: 0;
  font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier;
  line-height: 1.3;
}

.editor .gutter .line-number.cursor-line {
  opacity: 1;
}

.editor .gutter {
  overflow: hidden;
  text-align: right;
  cursor: default;
  min-width: 1em;
  box-sizing: border-box;
}

.editor .gutter .line-number {
  padding-right: .5em;
  padding-left: .5em;
  opacity: 0.6;
  position: relative;
}

.editor .gutter .line-numbers {
  position: relative;
}

.editor .gutter .line-number.fold.cursor-line {
  opacity: 1;
}

.editor .gutter .line-number.fold:after {
  visibility: visible;
}

.editor .gutter .line-number:after {
  .icon(0.8em);
  content: @chevron-right;
  opacity: .8;
  visibility: hidden;
  position: relative;
  top: -0.2em;
}

.editor .fold-marker:after {
  .icon(0.8em, inline);
  content: @ellipsis;
  padding-left: 0.2em;
  position: relative;
  top: -0.2em;
}

.editor .line.cursor-line .fold-marker:after {
  opacity: 1;
}

.editor.is-blurred .line.cursor-line {
  background: rgba(0, 0, 0, 0);
}

.editor .invisible-character {
  font-weight: normal !important;
  font-style: normal !important;
}

.editor .indent-guide {
  display: inline-block;
  box-shadow: inset 1px 0;
}

.editor .vertical-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  width: 15px;
  overflow-y: auto;
  z-index: 3;
}

.editor .scroll-view {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-flex: 1;
  min-width: 0;
  position: relative;
}

.editor.soft-wrap .scroll-view {
  overflow-x: hidden;
}

.editor .underlayer {
  z-index: 0;
  position: absolute;
  min-height: 100%;
}

.editor .lines {
  position: relative;
  z-index: 1;
}

.editor .overlayer {
  z-index: 2;
  position: absolute;
}

.editor .line {
  white-space: pre;
}

.editor .line span {
  vertical-align: top;
}

.editor .cursor {
  position: absolute;
  border-left: 1px solid;
}

.editor .cursor,
.editor.is-focused .cursor.blink-off {
  visibility: hidden;
}

.editor.is-focused .cursor {
  visibility: visible;
}

.editor .hidden-input {
  padding: 0;
  border: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
}

.editor .selection .region {
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.editor.mini {
  height: auto;
  line-height: 25px;

  .cursor {
    width: 2px;
    line-height: 20px;
    margin-top: 2px;
  }

  .gutter {
    display: none;
  }

  .scroll-view {
    overflow: hidden;
  }
}

@import "octicon-utf-codes";
@import "octicon-mixins";

.editor {
  overflow: hidden;
  cursor: text;
  display: -webkit-flex;
  -webkit-user-select: none;
  position: relative;
  z-index: 0;
  font-family: Inconsolata, Monaco, Consolas, Courier;
  line-height: 1.3;
}

.editor .gutter .line-number.cursor-line {
  opacity: 1;
}

.editor .gutter {
  overflow: hidden;
  text-align: right;
  cursor: default;
  min-width: 1em;
  box-sizing: border-box;
}

.editor .gutter .line-number {
  padding-right: .5em;
  padding-left: .5em;
  opacity: 0.6;
  position: relative;
}

.editor .gutter .line-numbers {
  position: relative;
}

.editor .gutter .line-number.fold.cursor-line {
  opacity: 1;
}

.editor .gutter .line-number.fold:after {
  visibility: visible;
}

.editor .gutter .line-number:after {
  .icon(0.8em);
  content: @chevron-right;
  opacity: .8;
  visibility: hidden;
  position: relative;
  top: -0.2em;
}

.editor .fold-marker:after {
  .icon(0.8em, inline);
  content: @ellipsis;
  padding-left: 0.2em;
  position: relative;
  top: -0.2em;
}

.editor .line.cursor-line .fold-marker:after {
  opacity: 1;
}

.editor.is-blurred .line.cursor-line {
  background: rgba(0, 0, 0, 0);
}

.editor .invisible-character {
  font-weight: normal !important;
  font-style: normal !important;
}

.editor .indent-guide {
  display: inline-block;
  box-shadow: inset 1px 0;
}

.editor .vertical-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  width: 15px;
  overflow-y: auto;
  z-index: 3;
}

.editor .scroll-view {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-flex: 1;
  min-width: 0;
  position: relative;
}

.editor.soft-wrap .scroll-view {
  overflow-x: hidden;
}

.editor .underlayer {
  z-index: 0;
  position: absolute;
  min-height: 100%;
}

.editor .lines {
  position: relative;
  z-index: 1;
}

.editor .overlayer {
  z-index: 2;
  position: absolute;
}

.editor .line {
  white-space: pre;
}

.editor .line span {
  vertical-align: top;
}

.editor .cursor {
  position: absolute;
  border-left: 1px solid;
}

.editor .cursor,
.editor.is-focused .cursor.blink-off {
  visibility: hidden;
}

.editor.is-focused .cursor {
  visibility: visible;
}

.editor .hidden-input {
  padding: 0;
  border: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
}

.editor .selection .region {
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.editor.mini {
  height: auto;
  line-height: 25px;

  .cursor {
    width: 2px;
    line-height: 20px;
    margin-top: 2px;
  }

  .gutter {
    display: none;
  }

  .scroll-view {
    overflow: hidden;
  }
}


RTL Support

RTL Support

.App,
#modal,
#alerts {
	direction: rtl;
}
@media (min-width: 992px) {
	.sideNav {
		float: right;
	}
	.sideNavOffset {
		margin-left: 0; margin-right: 240px;
	}
	.App--discussion .Composer:not(.fullScreen) {
		margin-right: -20px; margin-left: 205px;
	}
}
.Button-caret {
	margin-left: 0; margin-right: 7px;
}
.SessionDropdown .Dropdown-toggle .Avatar {
	margin-right: -6px; margin-left: 5px;
}
@media (min-width: 768px) {
	.Header-secondary .Search {
		margin-right: 0; margin-left: 10px;
	}
	.Search {
		-webkit-transition: margin-right .4s; -o-transition: margin-right .4s; transition: margin-right .4s;
	}
	.Search.focused {
		margin-right: -400px;
	}
	.Header-title {
		float: right; margin: 0 0 0 15px;
	}
	.Header-secondary {
		float: left;
	}
	.sideNav .Dropdown--select .Dropdown-menu>li>a .Button-icon {
		float: right; margin-left: 0; margin-right: -30px;
	}
	.sideNav .Dropdown--select .Dropdown-menu>li>a {
		padding: 8px 30px 8px 0;
	}
	.ComposerBody-avatar {
		float: right;
	}
	.ComposerBody-content {
		margin-left: auto; margin-right: 85px;
	}
	.TextEditor-controls {
		margin: 0 -105px 0 -20px;
	}
	.TextEditor-controls li {
		margin-right: auto; margin-left: 5px;
	}
	.TagDiscussionModal .Modal-header h3 {
		text-align: right;
	}
	.Modal-close {
		right: auto; left: 10px;
	}
	.IndexPage .DiscussionListItem-title,
	.UserPage .DiscussionListItem-title {
		margin-right: 0; margin-left: 155px;
	}
	.DiscussionListItem {
		margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 25px;
	}
	.IndexPage .DiscussionListItem-info>.item-tags,
	.UserPage .DiscussionListItem-info>.item-tags {
		right: auto; left: 80px;
	}
	.DiscussionListItem-count {
		margin-right: 0; margin-left: -70px; padding-left: 0; padding-right: 21px;
	}
	.DiscussionListItem-author {
		margin-left: 0; margin-right: -52px;
	}
	.DiscussionListItem-badges {
		margin-left: auto; margin-right: -65px;
	}
	.DiscussionListItem-count:before {
		margin-left: 0; margin-right: -21px; float: right;
	}
	.DiscussionListItem-content {
		padding-right: 52px; padding-left: 80px;
	}
	.DiscussionListItem-controls {
		right: auto; left: 5px;
	}
	.DiscussionListItem-main {
		margin-right: 0; margin-left: -65px;
	}
	.Post {
		padding-left: 20px; padding-right: 105px;
	}
	.PostUser-avatar {
		left: 0; right: -85px;
	}
	.DiscussionPage-nav {
		float: left;
	}
	.DiscussionPage-stream {
		margin-right: 0; margin-left: 225px;
	}
	.PostUser-badges {
		float: right; margin-left: auto; margin-right: -80px;
	}
	.Header-navigation .ButtonGroup {
		display: flex; flex-direction: row-reverse;
	}
	/*.Header-navigation { float: right; margin-right: 0; margin-left: 25px; }
	.DiscussionPage-list { left: auto; right: -406px; -webkit-transition: right .2s; -o-transition: right .2s; transition: right .2s; }
	.paneShowing .DiscussionPage-list { left: auto; right: 0; }*/

	.DiscussionPage-list .DiscussionListItem-content {
		padding-left: 80px; padding-right: 67px;
	}
	.Header-primary {
		float: right
	}
}
.Button-icon {
	margin-left: 7px; margin-right: 0;
}
.Dropdown-menu>li>a .Button-icon,
.Dropdown-menu>li>button .Button-icon,
.Dropdown-menu>li>span .Button-icon {
	float: right; margin-left: 0; margin-right: -25px;
}
.Dropdown-menu>li>a .Button-icon.TagIcon {
	margin-top: 4px;
}
.Dropdown-menu>li>a.hasIcon,
.Dropdown-menu>li>button.hasIcon,
.Dropdown-menu>li>span.hasIcon {
	padding-left: 0; padding-right: 40px;
}
.Dropdown-menu>li>a,
.Dropdown-menu>li>button,
.Dropdown-menu>li>span {
	text-align: right;
}
.Composer-controls {
	right: auto; left: 10px;
}
.DiscussionComposer-changeTags {
	margin-right: auto; margin-left: 15px;
}
.ComposerBody-header h3 input,
.ComposerBody-header h3 input[disabled],
.ComposerBody-header h3 input:focus {
	padding: 0 0 0 20px;
}
.ComposerBody-header>li {
	margin-right: auto; margin-left: -4px;
}
.SelectTagList>li {
	display: flex;
}
.TagDiscussionModal .Modal-footer {
	text-align: right;
}
@media (max-width: 991px) and (min-width: 768px),
(max-width: 1099px) and (min-width: 992px),
(min-width: 1100px) {
	.TagDiscussionModal-form-submit {
		padding-left: 0; padding-right: 15px;
	}
}
.Dropdown-menu {
	text-align: right;
}
.UserCard-profile {
	padding-left: 0; padding-right: 130px; text-align: right;
}
.UserCard-avatar {
	margin-right: -130px; margin-left: auto; float: right;
}
.UserPage .UserCard-controls {
	float: left;
}
.UserCard-info>li {
	margin-right: auto; margin-left: 15px;
}
.Settings-account li {
	margin-right: 0; margin-left: 5px;
}
.NotificationGrid-groupToggle .icon {
	margin-right: 0; margin-left: 2px;
}
.Button-badge {
	margin-left: 0; margin-right: 10px;
}
.item-nav .Button-label {
	display: inline-flex;
}
.Checkbox--switch {
	padding-left: 0; padding-right: 65px;
}
.Checkbox--switch .Checkbox-display {
	float: right; margin-left: auto; margin-right: -65px; text-align: left;
}
.Checkbox--switch .Checkbox-display .LoadingIndicator {
	margin-left: 14px;
}
.EditUserModal-groups .Badge {
	margin: -3px 0 -3px 3px;
}
.checkbox {
	padding-left: 0; padding-right: 20px;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {
	float: right; margin-left: 0; margin-right: -20px;
}
.DiscussionListItem-count {
	float: left;
}
.DiscussionListItem-author {
	float: right;
}
.DiscussionListItem-badges {
	float: right; text-align: left;
}
.IndexPage-toolbar-action {
	float: left;
}
.ButtonGroup>.Button {
	float: right;
}
.ButtonGroup>.Button:last-child:not(:first-child):not(.Navigation-pin),
.ButtonGroup>.Button.Dropdown-toggle:not(:first-child) {
	border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.ButtonGroup>.Button:first-child:not(:last-child):not(.Dropdown-toggle) {
	margin-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.Post-header>ul>li {
	margin-right: 0; margin-left: 10px;
}
.Post-actions {
	float: left;
}
.Post-actions>ul>li {
	margin-left: 0; margin-right: -5px;
}
.PostUser .UserCard {
	left: auto; right: -100px; transform-origin: right top;
}
.Scrubber-scrollbar {
	margin-right: 3px; margin-left: 0;
}
.Scrubber-bar {
	float: right; margin-left: 0; margin-right: -2px;
}
.Scrubber-info {
	left: auto; right: 15px;
}
.Scrubber-unread {
	padding-left: 0; padding-right: 13px;
}
.Scrubber-before,
.Scrubber-after {
	border-left: 0; border-right: 1px solid #eaeaea;
}
/*.Navigation-back .icon { transform: rotate(180deg); }*/

@media (min-width: 1100px) {
	.hasPane.panePinned .Navigation-pin, .hasPane.paneShowing .Navigation-pin {
		margin-left: 0px !important;
	}
}
.DiscussionListItem-info>.item-tags {
	margin-right: 0; margin-left: 4px;
}
.Navigation-pin .icon {
	transition: transform 0.2s;
}
.Post-footer .icon {
	margin-right: 0; margin-left: 5px;
}
.UserCard-badges {
	margin: 0 15px 0 0
}
.UserCard-controls {
	float: left;
}
@media (max-width: 1099px) and (min-width: 992px),
(min-width: 1100px) {
	.App-content .sideNavOffset {
		margin-left: auto; margin-right: 300px;
	}
	.App-nav .AdminNav .Dropdown-menu>li>a {
		padding: 15px 45px 15px 15px;
	}
}
.PermissionGrid td,
.PermissionGrid th {
	text-align: unset;
}
.PermissionGrid tbody th .icon {
	margin-right: auto; margin-left: 5px;
}
.PermissionGrid tbody .Dropdown .Dropdown-toggle {
	text-align: unset;
}
.Form--centered .checkbox {
	text-align: right;
}
.EditCustomCssModal textarea,
.EditCustomHeaderModal textarea {
	direction: ltr;
}
.Button.loading .Button-label {
	margin-right: auto; margin-left: 20px;
}
.Button .Button-label {
	-webkit-transition: margin-left .1s; -o-transition: margin-left .1s; transition: margin-left .1s;
}
.Button .LoadingIndicator {
	margin: 0 -15px 0 -5px;
}
.TagList ol {
	margin-left: auto; margin-right: 27px;
}
.TagList .TagIcon,
.TagList ol .TagIcon {
	margin-right: auto; margin-left: 10px;
}
@media (max-width: 767px) {
	.DiscussionListItem-content {
		padding-right: 60px; padding-left: 50px;
	}
	.DiscussionListItem-count {
		margin-right: auto; margin-left: -35px;
	}
	.DiscussionListItem-author {
		margin-left: auto; margin-right: -45px;
	}
	.DiscussionListItem-main {
		margin-right: auto; margin-left: -45px;
	}
	.Dropdown .Dropdown-menu>li>a .Button-icon,
	.Dropdown .Dropdown-menu>li>button .Button-icon {
		margin-left: auto; margin-right: -30px;
	}
	.Dropdown .Dropdown-menu>li>a.hasIcon,
	.Dropdown .Dropdown-menu>li>button.hasIcon {
		padding-left: 0; padding-right: 50px;
	}
	.Header-controls .FormControl,
	.Header-controls .ButtonGroup,
	.Header-controls .Button {
		text-align: unset
	}
	.Header-controls button.Search-clear.Button {
		text-align: center;
	}
	.DiscussionListItem-badges {
		margin-left: auto; margin-right: -55px;
	}
	.Post-header .Avatar {
		margin-right: auto; margin-left: 5px;
	}
	.PostUser-badges {
		left: auto; right: 6px;
	}
}
.EditTagModal-delete {
	float: left;
}
.PermissionGrid tbody th {
	padding-left: 50px; padding-right: 5px
}
code,
kbd,
pre,
samp {
	direction: ltr; display: inline-block;
}
.TagList,
.TagList ol {
	clear: both;
}
.TagGroup {
	padding-left: 0; padding-right: 150px;
}
.TagGroup>label, .MemberListPage .MemberList-list .MemberListItems>label {
	float: right; margin-left: 0; margin-right: -150px;
}
.TagsLabel .TagLabel:first-child {
	border-radius: 0 4px 4px 0;
}
.TagsLabel .TagLabel:last-child {
	border-radius: 4px 0 0 4px;
}
.Select {
	display: inline-flex; align-items: center;
}
.Select select {
	padding-right: 13px; padding-left: 30px;
}
.Select-caret {
	margin-left: auto; margin-right: -30px;
}
.ExtensionsPage.Bazaar .container {
	margin: 0;
}
.LinkItems,
.MemberListPage .MemberList-list .MemberListItems {
	padding-right: 150px; padding-left: 0;
}
.LinkItems>label {
	margin-left: auto; margin-right: -150px; float: right;
}
.LinkListItem-info .Button {
	float: left; margin: -8px 10px -8px -10px
}
.MemberListPage .MemberList-list .MemberListItems .MemberList li .MemberListItem-info0 .Button,
.MemberListPage .MemberList-list .MemberListItems .MemberList li .MemberListItem-info1 .Button,
.MemberListPage .MemberList-list .MemberListItems .MemberList li .MemberListItem-info .Button {
	float: left; margin: 0;
}

.MemberListPage .MemberList-list .MemberListItems .MemberList li .MemberListItem-info > *[class^=MemberListItem-] i {
	margin-left: 1ch;
}

error: pathspec 'less/extension.less' did not match any file(s) known to git


Added footer class

Added footer class

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/CanopyCloud/atos-theme.git/'


Move variables position

Move variables position

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sonatra/sonatra-jquery-datetime-picker.git/'