NEW: module_v4skin | bootstrap3 -> dialog body padding

/* KAJONA variable redefinitions */

@kajona-brand-color:        #6cb121;

@font-size-base:            13px;
@font-family-sans-serif:    "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@text-color:                #626262;
@link-color:                @black;

@input-bg:                  @gray-lighter;
@input-border-focus:        @kajona-brand-color;
@btn-primary-bg:            @gray-darker;

@label-color:               @text-color;
@brand-primary:             @kajona-brand-color;

@dropdown-link-active-bg:   @gray-darker;
@dropdown-link-hover-bg:    @dropdown-link-active-bg;
@dropdown-link-hover-color: @white;

@gray-darker:               #bfbfbf;
@gray-lighter:              #f6f6f6;
@gray-light:                #eeeeee;
@kajona-gray:               #E5E5E5;

@popover-border-color:      @text-color;

@border-radius-base:        0px;
@border-radius-small:       0px;
@border-radius-large:       6px;

@white:                     #fff;
@black:                     #000;

@kajona-login-header-bg:    "../img/pusteblume.png";
@kajona-navi-active-bg:     "../img/pusteblume.png";
@kajona-navi-action-bg:     "../img/navbar-inner-background.png";
@kajona-topbar-bg:          "../img/navbar-inner-background.png";
@kajona-search-bg:          "../img/pusteblume-submenu.png";
@kajona-breadcrumb-bg:      "../img/pusteblume.png";
@kajona-portal-bg:          "../img/portaleditor-arrow.png";

/* END KAJONA redefinitions */

/* Reintroduce the multilevel dropdown */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    border-radius: 0;
    background:none @white !important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:@dropdown-border;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:@white;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    border-radius: 0;
}

/* END multilevel dropdown reintro */

body {
    padding-top: 70px;

    &.dialogBody {
        padding: 0;

        #content {
            padding-right: 0 15px 0 0;
        }
    }

    h1 {
        font-size: @font-size-base + 12;
//        font-weight: bold;
        margin: 9px 0;
    }

    h2 {
        font-size: @font-size-base + 4;
        line-height: @font-size-base + 7;
//        font-weight: bold;
        margin: 9px 0;
    }
}

footer {
    text-align: center;
    border-top: 1px solid @hr-border;
    margin: 10px 0;
}

//sidebarnav, aka main navigation
.sidebar-nav {

    text-align: right;
    position: relative;
    top: -11px;

    .nav-header {
        color: @white;
        background-color:@gray-darker;
        font-size: @font-size-base + 2;
        font-weight: 600;
        line-height: 20px;
        padding: 6px 15px;
        text-transform: uppercase;
    }

    .panel-group .panel, .panel {
        border-radius: 0;
        border: 0;
        margin: 0;

        .panel-heading {
            padding: 0;
            border: 0;

            a {
                display: block;
                padding: 6px 15px;
                background-color: @kajona-gray;
                margin-bottom:1px;
                font-size:@font-size-base + 2;
                color: @text-color;
                border: 0 solid @kajona-brand-color;
                border-left-width: 10px;

                &.active {
                    color:@white;
                    text-shadow:none;
                    background:url(@kajona-navi-active-bg) -110px -35px no-repeat @kajona-brand-color;
                }
            }
        }

        .panel-body {
            border-top: 0;
            padding: 0;
            background: url(@kajona-navi-action-bg) right bottom no-repeat lighten(@kajona-gray, 5%);
            color: @white;

            ul {
                margin: 0 0 1px 0;
                padding: 0;
                list-style: none;

                li {
                    padding: 2px 15px 2px 12px;

                    a {
                        font-style: normal;
                        color: @link-color;
                        display: block;
                        text-align: right;
                    }

                    &.divider {
                        background-color: @white;
                        border-bottom: 0;
                        height: 1px;
                        margin: 3px 1px;
                        overflow: hidden;
                        padding: 0;
                    }
                }
            }

        }

    }

}

.userNotificationsDropdown {
    margin: 17px 0 0 0;
    white-space: nowrap;

    a.dropdown-toggle {
        color: @link-color;
        padding: 4px;
    }

    &:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {

        .sub-menu {
            visibility: hidden;
        }

        li {
            &:hover {
                .sub-menu {
                    visibility: visible;
                }
            }
        }

        //caret
        //TODO: remove the carets? other dropdowns miss them, too
        &:before {
            content: '';
            display: inline-block;
            border-left:   7px solid transparent;
            border-right:  7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-bottom-color: @dropdown-border;
            position: absolute;
            top: -7px;
            left: 3px;
        }
        &:after {
            content: '';
            display: inline-block;
            border-left:   6px solid transparent;
            border-right:  6px solid transparent;
            border-bottom: 6px solid @dropdown-bg;
            position: absolute;
            top: -6px;
            left: 4px;
        }

        .dropdown-menu {
            &:before, &:after {
                border: none;
            }

            &:hover {
                display: block;
            }
        }
    }

    .badge {
        position: absolute;
        top: -8px;
        left: -10px;
        font-style: normal;
        font-weight: normal;
    }

    .badge-info {
        background-color: @kajona-brand-color;
        font-size: @font-size-base ;
    }

    #userNotificationsCount {
        display: none;
        font-family: @font-family-base;
    }

    #icon-user {
        font-size: @font-size-base+6;
        color: lighten(@text-color, 10%);
        padding: 0 5px 0 0;
    }
}

.generalContextMenu {
    border: 1px solid @dropdown-border !important;
    background:none @white !important;

    span {
        padding: 0;
    }

    a {
        color: @link-color !important;
        text-transform: none;
        padding: 3px 15px;
        display: block;
        font-weight: normal;
    }

    a:hover, .dropdown-submenu:hover > a  {
        color: @white !important;
        background-color: @dropdown-link-active-bg;
        text-decoration: none;
    }

    a.dropdown-toggle {
        background:none;
    }

    ul {
        margin: 0;
        padding-left: 0;

        li::before {
            background: none !important;
        }

        li {
            list-style: none;
        }
    }

    .listButton {
        width: 100%;
        text-align: left;

        i, img, .fa-stack {
            padding-right: 5px;
        }

        .fa-stack {
            i {
                padding-left: 0;
            }
        }
    }

}

.listButton .generalContextMenu {
    min-width: 180px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    background-color: @white;
    border: 1px solid @dropdown-border !important;
    .box-shadow(0 5px 10px rgba(0,0,0,.2));

    li, li.ui-menu-item {
        a {
            cursor: pointer;
            padding: 3px;
            display: block;
            font-size: @font-size-base - 1;
            border-radius: 0;

            &:hover {
                text-decoration: none;
                border-radius: 0;
            }

        }

        img, i {
            margin: 0 5px 0 0;
        }

    }

    .ui-state-focus {
        color: @white;
        text-decoration: none;
        background-color: @dropdown-link-active-bg;
        background-image: none;
        border-radius: 0;
        border-color: @dropdown-link-active-bg;
    }

    .ui-state-focus h4 {
        color: @white;
        border-radius: 0;
    }

    .ui-autocomplete-category h3 {
        padding-left: 5px;
        clear: both;
        border-radius: 0;
    }

}

.autocomplete-hint {
    position: absolute;
}

.ui-helper-hidden-accessible {
    display: none;
}

.navbar-fixed-top {
    margin: 0;
    .navbar-topbar {
        background: url(@kajona-topbar-bg) 300px 0 no-repeat @kajona-gray;
        min-height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        filter: none;
        border: 0;
        border-bottom: 1px solid darken(@kajona-gray, 5%);

        .navbar-dropdown-section {
            text-align: right;
            padding-right: 0;
        }

        .navbar-search {

            .input-group {
                margin: 12px 0 0 0;
                width: 250px;

                .search-query, .search-query:focus, .navbar-search .search-query.focused, .input-group-addon {
                    background-color: @white;
                    border: none;
                    box-shadow: none;
                    border-radius: 0;
                    color: @text-color;
                    text-shadow: none;
                    margin: 0;
                    height: auto;
                }

                .input-group-addon {
                    padding: 3px 12px;
                }

                i {
                    font-size: @font-size-base+4;
                    color: lighten(@text-color, 25%);
                }
            }

        }

        select {
            border: none;
            margin-top: 12px;
            background: @white;
            height: 25px;
        }

    }

}

.search-dropdown-menu {
    background:url(@kajona-search-bg) right bottom no-repeat lighten(@kajona-gray, 5%);
    border:0;
    border-radius: 0;
    display: none;
    list-style: none outside none;
    margin: 1px 0 0;
    min-width: 160px;
    padding: 4px 0;
    text-align:left;
    z-index: @zindex-navbar-fixed+1;

    a {
        clear: both;
        display: block;
        font-weight: normal;
        line-height: 20px;
        padding: 4px 15px;
        white-space: nowrap;
    }

    img {
        .pull-left;
    }

    i {
        margin: 0 5px 0 0;
    }

    h3 {
        font-weight: normal;
        line-height: 1;
    }

    .detailedResults {
        border-top: 1px solid @gray-dark;
        margin-top: 10px;
        padding-bottom: 0;
    }
}

#portaleditor {
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: @font-size-base + 4;
    color: #888;
    .box-shadow(none);
    background:url(@kajona-portal-bg) right 6px no-repeat transparent;
    padding-right: 30px;

    &:hover {
        color:darken(#888, 10%);
    }

}

.breadcrumb {
    background:url(@kajona-breadcrumb-bg) right -45px no-repeat @gray-darker;
    border:0;
    .box-shadow(none);
    margin:9px 0 0 0;
    padding: 6px 14px 5px 14px;
    white-space: nowrap;

    li.pathentry {
        color:@white;
        font-weight: 600;
        font-size:@font-size-base;
        text-transform:uppercase;
        vertical-align: top;
        .text-overflow();
        max-width: 250px;

        .transition(max-width ease-out .5s);

        &:hover {
            max-width: 100% !important;
        }

        a.moduleSwitchLink {
            i {
                font-size: @font-size-base+4;
            }
        }
    }

    li.pathentry a,
    li.pathentry:active a {
        color:@white;
    }

    li.pathentry:before {
        content: @fa-var-angle-right;
        font-family: fontawesome;
        color: @white;
        padding: 0 2px;
    }

    li.pathentry:first-child {
        overflow: visible;
        &:before {
            display: none;
        }
    }

    &.breadcrumbTop {
        margin: 0;
        padding: 2px 14px 0 14px;
    }

}

// Special redefinition for the dropdowns in the top-bar, relevant for smaller display sizes
.navbar-nav {
    .open {
        .dropdown-menu {
            position: absolute !important;
            border: 1px solid @dropdown-border !important;
            background: @white !important;
            .box-shadow(0 6px 12px rgba(0,0,0,.175)) !important;
            margin-top: 2px;

            li {
                a {
                    padding: 3px 20px;
                }
            }

            .dropdown-submenu {
                ul {
                    margin-top: -6px !important;

                }
            }
        }
    }
}

#content {

    /* TABS */
    .tab-content {
        padding: 4px;
    }

    .alert {
        h4 {
            font-size: @font-size-base;
            font-weight: bold;
        }
    }

    .btn {
        color: @gray-dark;
    }

    .btn-primary {
        color: @white;
    }

    pre, code {
        font-size: @font-size-base - 3;
        white-space: pre-wrap;
    }

	.thumbnails {
        list-style: none;
        padding: 0;

        & > .col-md-3 {

            &.disabled {
                opacity: .5;

                &:hover {
                    opacity: .7;
                }
            }

        }

		.thumbnail {
			line-height: 1;
			cursor: pointer;

			h5 {
				margin: 0;
				font-size: @font-size-base - 4;
                min-width: 120px;
			}

			.contentWrapper {
				height: 180px;
				width: 100%;

				.metainfo {
					.transition(opacity linear .2s);
					.opacity(0);
					background-color: @white;
					padding: 5px;
					font-size: @font-size-base - 4;
				}
			}

			.actions {
				.opacity(0);
				.transition(opacity linear .2s);
                padding-top: 3px;
			}

			&:hover {
				.contentWrapper .metainfo {
					.opacity(90);
				}

				.actions {
					.opacity(100);
				}
			}
		}
	}

    .pre-scrollable {
        max-height: 400px;
    }

    .contentTopbar {
        padding-top: 25px;

        .actionToolbar {
            margin: 9px 0;
            line-height: 36px;
            .opacity(50);

            &:hover {
                .opacity(100);
            }
        }
    }

    form {

        label {
            color: @text-color;
            font-weight: normal;
        }

        .help-block {
            margin-bottom: -13px;
        }

        .form-opener {
            vertical-align: top;
            padding: 7px 0 0 0;
        }
        .form-group {

            .savechanges {
                border: 4px solid @gray-light;
                background-color: @kajona-gray;
                .box-shadow(none);
                color: #888888;
                cursor: pointer;
                font-size: @font-size-base + 2;
                vertical-align: middle;
                font-weight: 600;
                text-transform: uppercase;
                text-align: left;
                padding: 0 0 0 10px;
                line-height: 30px;
                position: relative;
                width: 65%;
                max-width: 300px;
                min-width: 250px;
                &:hover {
                    color:@black;
                    &:after {
                        background-color:darken(@kajona-brand-color, 10%);
                    }
                }

                &:after {
                    width:30px;
                    height:30px;
                    display:inline-block;
                    content: @fa-var-check;
                    font-family: fontawesome;
                    color: @white;
                    font-size: @font-size-base + 4;
                    text-align: center;
                    position: absolute;
                    right: 0;
                    background-color: @kajona-brand-color;
                }

            }

            .cancelbutton {
                &:after {
                    content: @fa-var-times;
                }
            }

        }

    }

    .pager {

        text-align: center;
		margin: 2px 0 20px 0;
        clear: both;

        ul {
            border-radius: 0;
            .box-shadow(none);
            display: inline-block;
            margin-bottom: 0;
            margin-left: 0;
            background-color:@white;

            li {
                a, span {
                    border-radius: 0;
                    line-height: 30px;
                    padding: 0 10px;
                    text-decoration: none;
                    margin:0 3px;
                    background-color:@gray-light;

                    &.active {
                        color: @kajona-brand-color;
                    }
                }

                &:first-child a, &:last-child a, &:last-child span {
                    border-left-width: 1px;
                    border-radius: 0;
                }
            }
        }

    }

	.batchActionsWrapper {
		.opacity(0);
		.transition(all linear .2s);

		&.visible {
			display: block;
			.opacity(100);
			.transition(all linear .2s);
		}

	}

	table.calendar {
		border: 1px solid #efefef;
		border-collapse: collapse;
		width: 100%;

		.mouseOver {
			border: 1px solid #AF0A0A;
			border-left-width: 2px;
			border-right-width: 2px;
			color: #000000;
			margin: 2px 0 !important;
			.box-shadow(3px #888);
		}

		td {
			border: 1px solid @gray-light;
			vertical-align: top;

			&.calendarDateToday {
				background-color: lighten(@kajona-brand-color, 40%);
			}

			&.calendarEntry div.calendarHeader,
			&.calendarEntryOutOfRange div.calendarHeader,
			&.calendarEntryBlocked div.calendarHeader {
				background-color: #efefef;
				text-align: right;
				padding: 0 2px;
				margin: 2px;
			}

			&.calendarEntryOutOfRange div.calendarHeader {
                color: lighten(@text-color, 20%);
			}

			&.calendarEntryBlocked div.calendarHeader {
                background-color: darken(@gray-light, 10%);
			}
		}

	}

	table.calendarPager {
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 5px;
	}

	div.calendarLegend {
		margin: 10px 0 4px 0 ;
		line-height: 26px;

		div.calendarLegendEntry {
			padding: 2px 3px !important;
			display: inline;
			margin: 3px !important;
		}
	}

	div.calendarEvent {
        #calendar > .event(#DEDF45);

		&.calendarNews {
            #calendar > .event(#077ff9);
		}
	}

	#calendarFilter {
		margin: 10px 0 4px 0 ;

		label {
			float: none !important;
			display: inline !important;
		}

		div {
			padding: 2px 3px !important;
			display: inline;
			margin: 3px !important;
			white-space: nowrap;
		}
	}

    .contentToolbar {
        min-height: 0;

        .navbar-inner {

            .nav li a {
                padding: 5px 15px 5px 7px;

                img, i {
                    padding: 0 2px;
                    margin: 0 4px 0 0;
                }
            }
        }
    }

    fieldset {
        margin-top: 5px;
        legend {
            font-size: @font-size-base+2;
        }
    }

    .kajona-data-table {

        td {
            vertical-align: top;
        }

        td.border-right, th.border-right {
            border-right: 1px solid @gray-dark;
        }

        td.border-top, th.border-top {
            border-top: 1px solid @gray-dark;
        }

        td.border-bottom, th.border-bottom {
            border-bottom: 1px solid @gray-dark;
        }

        td.border-left, th.border-left {
            border-left: 1px solid @gray-dark;
        }

        td.border-top-strong, th.border-top-strong {
             border-top: 2px solid @gray-dark;
        }

        td.border-right-strong, th.border-right-strong {
            border-right: 2px solid @gray-dark;
        }

        td.inlineFormEntry {
            .form-group {
                margin-bottom: 0;
                .control-label {
                    display: none;
                }
                .checkbox {
                    margin: 0;
                }
            }
        }

        td.align-center, th.align-center {
            text-align: center;
        }

        td.align-left, th.align-left {
            text-align: left;
        }

        td.align-right, th.align-right {
            text-align: right;
        }
    }

    .divPageTarget {
        display: none;
    }

    .contentFolder {

        .transition(opacity .25s ease-in);

        &.folderHidden {
            .opacity(0);
            height: 0;
            overflow: hidden;
        }

        &.folderVisible {
            .opacity(100);
            height: auto;
            max-height: 2000px;
        }
    }

    //Fontawesome configuration start
    .fa-stack {
        width: 1em;
        height: 1em;
        line-height: 1em;
        vertical-align: 0;

        .fa-stack-1x {
            left: 4px; top: 2px;
            text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
            color: @gray;
        }

        .fa-stack-base-full {
            left: auto;
            top: auto;
        }
    }

    [class^='fa-']:before, [class*=' fa-']:before {
        font-size: @font-size-base+4;
    }

    [class*=' fa-stack']:before {
        font-size: @font-size-base - 2;
        text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    }
    //Fontawesome configuration end

    .taglabel {
        padding: 5px;
        font-size: @font-size-base - 2;
    }

    .progress-danger.progress-striped .bar, .progress-striped .bar {
        background-color: @kajona-brand-color;
    }

    /* DASHBOARD */
    table.dashBoard {
        width: 100%;
        td {
            width: 33%;
            max-width: 33%;
            vertical-align: top;

            ul {
                padding: 10px 0;
                margin: 10px 10px;
            }
        }

        li {
            list-style: none;
        }

        .dbEntry {
            .adminwidgetactions {
                display: inline;
                margin-top: -35px;
            }

        }

        .dashboardPlaceholder {
            background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(0,0,0,.05) 8px, rgba(0,0,0,.05) 16px);
            min-height: 100px;
            border: 3px dotted @gray;
        }

        .adminwidgetColumn {
            .additionalNameContent {
                font-size: @font-size-small - 1;
                margin-top: -@font-size-small;

            }
        }
    }
}

.form-control {
    border: 1px solid @gray-darker;
    .box-shadow(none);
    padding: 4px;

    &.mandatoryFormElement {
        .box-shadow(0 0 6px @brand-warning+20);
    }
}

.mainnavi-container {
  padding-left:0;
}

.listButton {
    width: 27px;
    display: inline-block;
    text-align: center;

    a {
        text-decoration: none;

        &:hover {
            text-decoration: none;
        }
    }

    // group icon is a little bigger, make it smaller
    .fa-users:before {
        font-size: @font-size-base+3 !important;
    }

}

:focus {
  -moz-outline-style:none;
  outline:medium none;
}

:-moz-any-link:focus {
  outline:medium none;
}

::-moz-selection {
  background-color: @kajona-brand-color;
  color:@white;
  text-shadow:none;
}

::selection {
  background-color: @kajona-brand-color;
  color:@white;
  text-shadow:none;
}

.treeViewWrapper .jstree-default {
    background-color: #ffffff !important;

    li {
        background-image: none !important;
    }

    ul li {

        a {
            font-family: @font-family-sans-serif !important;
            font-size: @font-size-base;
            color: @gray !important;
            display: inline-block;
            height: auto;
            line-height: inherit;
            margin: 2px 0;
            text-decoration: none;
            white-space: nowrap;
        }
    }

    .jstree-closed > ins {
        cursor: pointer;
        &:before {
            content: @fa-var-chevron-right;
            font-family: fontawesome;
        }
    }

    .jstree-open > ins {
        cursor: pointer;
        &:before {
            content: @fa-var-chevron-down;
            font-family: fontawesome;
        }
    }

    .jstree-hovered {
        background: none;
        border:0 !important;
        color: @kajona-brand-color;
        padding: 1px 2px;
        text-decoration: underline;
    }

    ins {
        margin: 0;
        height: 20px;
        width: 15px;
        background-image: none;
        background-repeat: no-repeat;
    }

}

/* STATUSBOX */
#jsStatusBox {
    z-index: 1050;
}

/* ADMIN TABLE SETUP */
.table {
    margin-bottom: 4px;

    .progress {
        margin: 0;
        min-width: 40px;
    }

    &.admintable {

        empty-cells: hide;

        tbody.disabled {
            opacity: .5;

            &:hover {
                opacity: .7;
            }
        }

        td.listcheckbox {
            padding: 0;
            vertical-align: middle;

			input {
				vertical-align: baseline;
				float: none;
				margin: 0;
			}
        }

        td.listimage {

            width: 22px;
            vertical-align: middle;

            img {
              width: 22px;
              height: 22px;
              max-width: none;
            }
        }

        td.listsorthandle, td.treedrag {
            padding: 0;
            vertical-align: middle;

            li {
                margin: 6px;
            }
        }

        td.actions {
            text-align: right;
        }

        td.description {
            padding-top: 0;
        }

        tr[data-systemid='batchActionSwitch'] {
            td.treedrag i, td.treedrag span, td.listsorthandle i, td.listsorthandle span {
                display: none;
            }
        }
    }

    /* TABLE STRIPING */
    &.table-striped-tbody {

        tbody:nth-child(odd) {
            border-top: 1px solid @table-border-color;
            tr td, tr th {
                background-color: @table-bg-accent

            }
        }

        tbody:nth-child(even) {
            border-top: 1px solid @table-border-color;
            tr td, tr th {
                background-color: @table-bg;
            }
        }

        tbody:hover {
            tr td,
            tr th {
                background-color: @table-bg-hover
            }
        }

        td.description {
            border-top: none;
        }
    }

}

/* L O A D I N G   C O N T A I N E R */
.loadingContainer {

    padding: 10px 0;
    text-align: center;
    overflow: hidden;

    line-height: normal;
    vertical-align: baseline;
    background: none repeat 0% 0%;
    margin-top: 0;

    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;

    &:before {
        font-size: @font-size-base + 10;
        content: @fa-var-spinner;
        color: @kajona-brand-color;
        font-family: fontawesome;
    }
}

.loadingContainerBackground {
    position: absolute;
    left: 50%;
    z-index: -1;
}

/* DIALOGS / MODALS / BACKDROPS */

.modal {

    .modal-content {
        border-radius: 0;

        iframe {
            border: none;
        }

        .modal-header {
            padding: 5px 15px;
            h3 {
                margin: 0;
            }
        }

        .modal-body {
            max-height: none;
            min-height: 50px;
        }

        .modal-footer {
            padding: 5px 15px;
        }

        .close {
            font-size: @font-size-base + 13;
            margin-top: 3px;
        }

    }
}

#systemtaskStatusDiv {
    overflow-y: auto;
    max-height: 400px;
}

#folderviewDialog_loading {
    position: absolute;
    left: 50%;
    z-index: -1;
}

/* TOOLTIPS */
.qtip {
    border-radius: 0 !important;
    box-shadow: 0  2px 10px rgba(0,0,0,.2) !important;

    .qtip-content {
        font-family: @font-family-base !important;
        padding: 4px !important;
        line-height: 120%;
        font-size: @font-size-base - 3 !important;
    }
}

.popover {
    border-width: 2px;
}

/* chosen select replacement */
.chosen-container {
	font-size: @font-size-base !important;
    min-width: 230px ;

    &.mandatoryFormElement {
        .box-shadow(0 0 6px @brand-danger+20);
    }

    .chosen-single {
        color: @gray !important;
        font-size: @font-size-base !important;
        height: 33px !important;
        padding: 4px !important;
        border-radius: 0 !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    .chosen-results .highlighted {
        color: @white !important;
        background: @dropdown-link-active-bg none !important;
    }

    &.chosen-container-active {
        border-color: @kajona-brand-color !important;
        .box-shadow(0 0 6px @kajona-brand-color+20);

        .chosen-single {
            border: 1px solid @gray-darker !important;

        }
    }
}

.form-group.has-error .chosen-container a {
    border: 1px solid @state-danger-text;
}

/* BOOTSTRAP SWITCH BUTTON see www.bootstrap-switch.org*/
.bootstrap-switch {
    border-radius: 3px;

    .bootstrap-switch-handle-on.bootstrap-switch-primary {
        background: @kajona-brand-color;
    }
}

/* the login page */
body.login {
    background-color: lighten(@kajona-gray, 5%);

    .panel {
        border: 1px solid @gray-darker;
        box-shadow: 0 1px 3px @gray-darker;
    }

    .panel-header {
        background:url(@kajona-login-header-bg) right -45px no-repeat @gray-darker;
        color: @white;
        padding: 9px 15px;
        border-bottom: 1px solid #EEE;
    }

    .panel-footer {
        text-align: right;
    }

    #content {

        h3 {
            margin-top: 2px;
            margin-bottom: 2px;
        }

        float: none !important;
    }
}

/* print redefinitions */
@media print {

    body {
        padding-top: 0;

        font-size: @font-size-base - 2;
        line-height: @line-height-base - 2;

        #content {
            width: 100%;
            .contentTopbar {
                padding-top: 0;

                .actionToolbar {
                    display: none;
                }
            }

            h2 {
                font-size: @font-size-base - 1;
                line-height: @font-size-base + 1 ;
                padding: 2px 18px;
                margin: 2px;

            }

            h3 {
                font-size: @font-size-base - 2;
                line-height: @font-size-base - 1;
                padding: 2px 18px;
            }

        }

    }

    a[href]:after {
        content: none !important;
    }

    footer {
        display: none;
    }

}

/* KAJONA variable redefinitions */

@kajona-brand-color:        #6cb121;

@font-size-base:            13px;
@font-family-sans-serif:    "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@text-color:                #626262;
@link-color:                @black;

@input-bg:                  @gray-lighter;
@input-border-focus:        @kajona-brand-color;
@btn-primary-bg:            @gray-darker;

@label-color:               @text-color;
@brand-primary:             @kajona-brand-color;

@dropdown-link-active-bg:   @gray-darker;
@dropdown-link-hover-bg:    @dropdown-link-active-bg;
@dropdown-link-hover-color: @white;

@gray-darker:               #bfbfbf;
@gray-lighter:              #f6f6f6;
@gray-light:                #eeeeee;
@kajona-gray:               #E5E5E5;

@popover-border-color:      @text-color;

@border-radius-base:        0px;
@border-radius-small:       0px;
@border-radius-large:       6px;

@white:                     #fff;
@black:                     #000;

@kajona-login-header-bg:    "../img/pusteblume.png";
@kajona-navi-active-bg:     "../img/pusteblume.png";
@kajona-navi-action-bg:     "../img/navbar-inner-background.png";
@kajona-topbar-bg:          "../img/navbar-inner-background.png";
@kajona-search-bg:          "../img/pusteblume-submenu.png";
@kajona-breadcrumb-bg:      "../img/pusteblume.png";
@kajona-portal-bg:          "../img/portaleditor-arrow.png";

/* END KAJONA redefinitions */

/* Reintroduce the multilevel dropdown */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    border-radius: 0;
    background:none @white !important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:@dropdown-border;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:@white;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    border-radius: 0;
}

/* END multilevel dropdown reintro */

body {
    padding-top: 70px;

    &.dialogBody {
        padding: 5px 0;

        #content {
            padding: 0;
        }
    }

    h1 {
        font-size: @font-size-base + 12;
//        font-weight: bold;
        margin: 9px 0;
    }

    h2 {
        font-size: @font-size-base + 4;
        line-height: @font-size-base + 7;
//        font-weight: bold;
        margin: 9px 0;
    }
}

footer {
    text-align: center;
    border-top: 1px solid @hr-border;
    margin: 10px 0;
}

//sidebarnav, aka main navigation
.sidebar-nav {

    text-align: right;
    position: relative;
    top: -11px;

    .nav-header {
        color: @white;
        background-color:@gray-darker;
        font-size: @font-size-base + 2;
        font-weight: 600;
        line-height: 20px;
        padding: 6px 15px;
        text-transform: uppercase;
    }

    .panel-group .panel, .panel {
        border-radius: 0;
        border: 0;
        margin: 0;

        .panel-heading {
            padding: 0;
            border: 0;

            a {
                display: block;
                padding: 6px 15px;
                background-color: @kajona-gray;
                margin-bottom:1px;
                font-size:@font-size-base + 2;
                color: @text-color;
                border: 0 solid @kajona-brand-color;
                border-left-width: 10px;

                &.active {
                    color:@white;
                    text-shadow:none;
                    background:url(@kajona-navi-active-bg) -110px -35px no-repeat @kajona-brand-color;
                }
            }
        }

        .panel-body {
            border-top: 0;
            padding: 0;
            background: url(@kajona-navi-action-bg) right bottom no-repeat lighten(@kajona-gray, 5%);
            color: @white;

            ul {
                margin: 0 0 1px 0;
                padding: 0;
                list-style: none;

                li {
                    padding: 2px 15px 2px 12px;

                    a {
                        font-style: normal;
                        color: @link-color;
                        display: block;
                        text-align: right;
                    }

                    &.divider {
                        background-color: @white;
                        border-bottom: 0;
                        height: 1px;
                        margin: 3px 1px;
                        overflow: hidden;
                        padding: 0;
                    }
                }
            }

        }

    }

}

.userNotificationsDropdown {
    margin: 17px 0 0 0;
    white-space: nowrap;

    a.dropdown-toggle {
        color: @link-color;
        padding: 4px;
    }

    &:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {

        .sub-menu {
            visibility: hidden;
        }

        li {
            &:hover {
                .sub-menu {
                    visibility: visible;
                }
            }
        }

        //caret
        //TODO: remove the carets? other dropdowns miss them, too
        &:before {
            content: '';
            display: inline-block;
            border-left:   7px solid transparent;
            border-right:  7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-bottom-color: @dropdown-border;
            position: absolute;
            top: -7px;
            left: 3px;
        }
        &:after {
            content: '';
            display: inline-block;
            border-left:   6px solid transparent;
            border-right:  6px solid transparent;
            border-bottom: 6px solid @dropdown-bg;
            position: absolute;
            top: -6px;
            left: 4px;
        }

        .dropdown-menu {
            &:before, &:after {
                border: none;
            }

            &:hover {
                display: block;
            }
        }
    }

    .badge {
        position: absolute;
        top: -8px;
        left: -10px;
        font-style: normal;
        font-weight: normal;
    }

    .badge-info {
        background-color: @kajona-brand-color;
        font-size: @font-size-base ;
    }

    #userNotificationsCount {
        display: none;
        font-family: @font-family-base;
    }

    #icon-user {
        font-size: @font-size-base+6;
        color: lighten(@text-color, 10%);
        padding: 0 5px 0 0;
    }
}

.generalContextMenu {
    border: 1px solid @dropdown-border !important;
    background:none @white !important;

    span {
        padding: 0;
    }

    a {
        color: @link-color !important;
        text-transform: none;
        padding: 3px 15px;
        display: block;
        font-weight: normal;
    }

    a:hover, .dropdown-submenu:hover > a  {
        color: @white !important;
        background-color: @dropdown-link-active-bg;
        text-decoration: none;
    }

    a.dropdown-toggle {
        background:none;
    }

    ul {
        margin: 0;
        padding-left: 0;

        li::before {
            background: none !important;
        }

        li {
            list-style: none;
        }
    }

    .listButton {
        width: 100%;
        text-align: left;

        i, img, .fa-stack {
            padding-right: 5px;
        }

        .fa-stack {
            i {
                padding-left: 0;
            }
        }
    }

}

.listButton .generalContextMenu {
    min-width: 180px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    background-color: @white;
    border: 1px solid @dropdown-border !important;
    .box-shadow(0 5px 10px rgba(0,0,0,.2));

    li, li.ui-menu-item {
        a {
            cursor: pointer;
            padding: 3px;
            display: block;
            font-size: @font-size-base - 1;
            border-radius: 0;

            &:hover {
                text-decoration: none;
                border-radius: 0;
            }

        }

        img, i {
            margin: 0 5px 0 0;
        }

    }

    .ui-state-focus {
        color: @white;
        text-decoration: none;
        background-color: @dropdown-link-active-bg;
        background-image: none;
        border-radius: 0;
        border-color: @dropdown-link-active-bg;
    }

    .ui-state-focus h4 {
        color: @white;
        border-radius: 0;
    }

    .ui-autocomplete-category h3 {
        padding-left: 5px;
        clear: both;
        border-radius: 0;
    }

}

.autocomplete-hint {
    position: absolute;
}

.ui-helper-hidden-accessible {
    display: none;
}

.navbar-fixed-top {
    margin: 0;
    .navbar-topbar {
        background: url(@kajona-topbar-bg) 300px 0 no-repeat @kajona-gray;
        min-height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        filter: none;
        border: 0;
        border-bottom: 1px solid darken(@kajona-gray, 5%);

        .navbar-dropdown-section {
            text-align: right;
            padding-right: 0;
        }

        .navbar-search {

            .input-group {
                margin: 12px 0 0 0;
                width: 250px;

                .search-query, .search-query:focus, .navbar-search .search-query.focused, .input-group-addon {
                    background-color: @white;
                    border: none;
                    box-shadow: none;
                    border-radius: 0;
                    color: @text-color;
                    text-shadow: none;
                    margin: 0;
                    height: auto;
                }

                .input-group-addon {
                    padding: 3px 12px;
                }

                i {
                    font-size: @font-size-base+4;
                    color: lighten(@text-color, 25%);
                }
            }

        }

        select {
            border: none;
            margin-top: 12px;
            background: @white;
            height: 25px;
        }

    }

}

.search-dropdown-menu {
    background:url(@kajona-search-bg) right bottom no-repeat lighten(@kajona-gray, 5%);
    border:0;
    border-radius: 0;
    display: none;
    list-style: none outside none;
    margin: 1px 0 0;
    min-width: 160px;
    padding: 4px 0;
    text-align:left;
    z-index: @zindex-navbar-fixed+1;

    a {
        clear: both;
        display: block;
        font-weight: normal;
        line-height: 20px;
        padding: 4px 15px;
        white-space: nowrap;
    }

    img {
        .pull-left;
    }

    i {
        margin: 0 5px 0 0;
    }

    h3 {
        font-weight: normal;
        line-height: 1;
    }

    .detailedResults {
        border-top: 1px solid @gray-dark;
        margin-top: 10px;
        padding-bottom: 0;
    }
}

#portaleditor {
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: @font-size-base + 4;
    color: #888;
    .box-shadow(none);
    background:url(@kajona-portal-bg) right 6px no-repeat transparent;
    padding-right: 30px;

    &:hover {
        color:darken(#888, 10%);
    }

}

.breadcrumb {
    background:url(@kajona-breadcrumb-bg) right -45px no-repeat @gray-darker;
    border:0;
    .box-shadow(none);
    margin:9px 0 0 0;
    padding: 6px 14px 5px 14px;
    white-space: nowrap;

    li.pathentry {
        color:@white;
        font-weight: 600;
        font-size:@font-size-base;
        text-transform:uppercase;
        vertical-align: top;
        .text-overflow();
        max-width: 250px;

        .transition(max-width ease-out .5s);

        &:hover {
            max-width: 100% !important;
        }

        a.moduleSwitchLink {
            i {
                font-size: @font-size-base+4;
            }
        }
    }

    li.pathentry a,
    li.pathentry:active a {
        color:@white;
    }

    li.pathentry:before {
        content: @fa-var-angle-right;
        font-family: fontawesome;
        color: @white;
        padding: 0 2px;
    }

    li.pathentry:first-child {
        overflow: visible;
        &:before {
            display: none;
        }
    }

    &.breadcrumbTop {
        margin: 0;
        padding: 2px 14px 0 14px;
    }

}

// Special redefinition for the dropdowns in the top-bar, relevant for smaller display sizes
.navbar-nav {
    .open {
        .dropdown-menu {
            position: absolute !important;
            border: 1px solid @dropdown-border !important;
            background: @white !important;
            .box-shadow(0 6px 12px rgba(0,0,0,.175)) !important;
            margin-top: 2px;

            li {
                a {
                    padding: 3px 20px;
                }
            }

            .dropdown-submenu {
                ul {
                    margin-top: -6px !important;

                }
            }
        }
    }
}

#content {

    /* TABS */
    .tab-content {
        padding: 4px;
    }

    .alert {
        h4 {
            font-size: @font-size-base;
            font-weight: bold;
        }
    }

    .btn {
        color: @gray-dark;
    }

    .btn-primary {
        color: @white;
    }

    pre, code {
        font-size: @font-size-base - 3;
        white-space: pre-wrap;
    }

	.thumbnails {
        list-style: none;
        padding: 0;

        & > .col-md-3 {

            &.disabled {
                opacity: .5;

                &:hover {
                    opacity: .7;
                }
            }

        }

		.thumbnail {
			line-height: 1;
			cursor: pointer;

			h5 {
				margin: 0;
				font-size: @font-size-base - 4;
                min-width: 120px;
			}

			.contentWrapper {
				height: 180px;
				width: 100%;

				.metainfo {
					.transition(opacity linear .2s);
					.opacity(0);
					background-color: @white;
					padding: 5px;
					font-size: @font-size-base - 4;
				}
			}

			.actions {
				.opacity(0);
				.transition(opacity linear .2s);
                padding-top: 3px;
			}

			&:hover {
				.contentWrapper .metainfo {
					.opacity(90);
				}

				.actions {
					.opacity(100);
				}
			}
		}
	}

    .pre-scrollable {
        max-height: 400px;
    }

    .contentTopbar {
        padding-top: 25px;

        .actionToolbar {
            margin: 9px 0;
            line-height: 36px;
            .opacity(50);

            &:hover {
                .opacity(100);
            }
        }
    }

    form {

        label {
            color: @text-color;
            font-weight: normal;
        }

        .help-block {
            margin-bottom: -13px;
        }

        .form-opener {
            vertical-align: top;
            padding: 7px 0 0 0;
        }
        .form-group {

            .savechanges {
                border: 4px solid @gray-light;
                background-color: @kajona-gray;
                .box-shadow(none);
                color: #888888;
                cursor: pointer;
                font-size: @font-size-base + 2;
                vertical-align: middle;
                font-weight: 600;
                text-transform: uppercase;
                text-align: left;
                padding: 0 0 0 10px;
                line-height: 30px;
                position: relative;
                width: 65%;
                max-width: 300px;
                min-width: 250px;
                &:hover {
                    color:@black;
                    &:after {
                        background-color:darken(@kajona-brand-color, 10%);
                    }
                }

                &:after {
                    width:30px;
                    height:30px;
                    display:inline-block;
                    content: @fa-var-check;
                    font-family: fontawesome;
                    color: @white;
                    font-size: @font-size-base + 4;
                    text-align: center;
                    position: absolute;
                    right: 0;
                    background-color: @kajona-brand-color;
                }

            }

            .cancelbutton {
                &:after {
                    content: @fa-var-times;
                }
            }

        }

    }

    .pager {

        text-align: center;
		margin: 2px 0 20px 0;
        clear: both;

        ul {
            border-radius: 0;
            .box-shadow(none);
            display: inline-block;
            margin-bottom: 0;
            margin-left: 0;
            background-color:@white;

            li {
                a, span {
                    border-radius: 0;
                    line-height: 30px;
                    padding: 0 10px;
                    text-decoration: none;
                    margin:0 3px;
                    background-color:@gray-light;

                    &.active {
                        color: @kajona-brand-color;
                    }
                }

                &:first-child a, &:last-child a, &:last-child span {
                    border-left-width: 1px;
                    border-radius: 0;
                }
            }
        }

    }

	.batchActionsWrapper {
		.opacity(0);
		.transition(all linear .2s);

		&.visible {
			display: block;
			.opacity(100);
			.transition(all linear .2s);
		}

	}

	table.calendar {
		border: 1px solid #efefef;
		border-collapse: collapse;
		width: 100%;

		.mouseOver {
			border: 1px solid #AF0A0A;
			border-left-width: 2px;
			border-right-width: 2px;
			color: #000000;
			margin: 2px 0 !important;
			.box-shadow(3px #888);
		}

		td {
			border: 1px solid @gray-light;
			vertical-align: top;

			&.calendarDateToday {
				background-color: lighten(@kajona-brand-color, 40%);
			}

			&.calendarEntry div.calendarHeader,
			&.calendarEntryOutOfRange div.calendarHeader,
			&.calendarEntryBlocked div.calendarHeader {
				background-color: #efefef;
				text-align: right;
				padding: 0 2px;
				margin: 2px;
			}

			&.calendarEntryOutOfRange div.calendarHeader {
                color: lighten(@text-color, 20%);
			}

			&.calendarEntryBlocked div.calendarHeader {
                background-color: darken(@gray-light, 10%);
			}
		}

	}

	table.calendarPager {
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 5px;
	}

	div.calendarLegend {
		margin: 10px 0 4px 0 ;
		line-height: 26px;

		div.calendarLegendEntry {
			padding: 2px 3px !important;
			display: inline;
			margin: 3px !important;
		}
	}

	div.calendarEvent {
        #calendar > .event(#DEDF45);

		&.calendarNews {
            #calendar > .event(#077ff9);
		}
	}

	#calendarFilter {
		margin: 10px 0 4px 0 ;

		label {
			float: none !important;
			display: inline !important;
		}

		div {
			padding: 2px 3px !important;
			display: inline;
			margin: 3px !important;
			white-space: nowrap;
		}
	}

    .contentToolbar {
        min-height: 0;

        .navbar-inner {

            .nav li a {
                padding: 5px 15px 5px 7px;

                img, i {
                    padding: 0 2px;
                    margin: 0 4px 0 0;
                }
            }
        }
    }

    fieldset {
        margin-top: 5px;
        legend {
            font-size: @font-size-base+2;
        }
    }

    .kajona-data-table {

        td {
            vertical-align: top;
        }

        td.border-right, th.border-right {
            border-right: 1px solid @gray-dark;
        }

        td.border-top, th.border-top {
            border-top: 1px solid @gray-dark;
        }

        td.border-bottom, th.border-bottom {
            border-bottom: 1px solid @gray-dark;
        }

        td.border-left, th.border-left {
            border-left: 1px solid @gray-dark;
        }

        td.border-top-strong, th.border-top-strong {
             border-top: 2px solid @gray-dark;
        }

        td.border-right-strong, th.border-right-strong {
            border-right: 2px solid @gray-dark;
        }

        td.inlineFormEntry {
            .form-group {
                margin-bottom: 0;
                .control-label {
                    display: none;
                }
                .checkbox {
                    margin: 0;
                }
            }
        }

        td.align-center, th.align-center {
            text-align: center;
        }

        td.align-left, th.align-left {
            text-align: left;
        }

        td.align-right, th.align-right {
            text-align: right;
        }
    }

    .divPageTarget {
        display: none;
    }

    .contentFolder {

        .transition(opacity .25s ease-in);

        &.folderHidden {
            .opacity(0);
            height: 0;
            overflow: hidden;
        }

        &.folderVisible {
            .opacity(100);
            height: auto;
            max-height: 2000px;
        }
    }

    //Fontawesome configuration start
    .fa-stack {
        width: 1em;
        height: 1em;
        line-height: 1em;
        vertical-align: 0;

        .fa-stack-1x {
            left: 4px; top: 2px;
            text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
            color: @gray;
        }

        .fa-stack-base-full {
            left: auto;
            top: auto;
        }
    }

    [class^='fa-']:before, [class*=' fa-']:before {
        font-size: @font-size-base+4;
    }

    [class*=' fa-stack']:before {
        font-size: @font-size-base - 2;
        text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    }
    //Fontawesome configuration end

    .taglabel {
        padding: 5px;
        font-size: @font-size-base - 2;
    }

    .progress-danger.progress-striped .bar, .progress-striped .bar {
        background-color: @kajona-brand-color;
    }

    /* DASHBOARD */
    table.dashBoard {
        width: 100%;
        td {
            width: 33%;
            max-width: 33%;
            vertical-align: top;

            ul {
                padding: 10px 0;
                margin: 10px 10px;
            }
        }

        li {
            list-style: none;
        }

        .dbEntry {
            .adminwidgetactions {
                display: inline;
                margin-top: -35px;
            }

        }

        .dashboardPlaceholder {
            background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(0,0,0,.05) 8px, rgba(0,0,0,.05) 16px);
            min-height: 100px;
            border: 3px dotted @gray;
        }

        .adminwidgetColumn {
            .additionalNameContent {
                font-size: @font-size-small;
                font-weight: normal;
                margin-top: -@font-size-small;

            }
        }
    }
}

.form-control {
    border: 1px solid @gray-darker;
    .box-shadow(none);
    padding: 4px;

    &.mandatoryFormElement {
        .box-shadow(0 0 6px @brand-warning+20);
    }
}

.mainnavi-container {
  padding-left:0;
}

.listButton {
    width: 27px;
    display: inline-block;
    text-align: center;

    a {
        text-decoration: none;

        &:hover {
            text-decoration: none;
        }
    }

    // group icon is a little bigger, make it smaller
    .fa-users:before {
        font-size: @font-size-base+3 !important;
    }

}

:focus {
  -moz-outline-style:none;
  outline:medium none;
}

:-moz-any-link:focus {
  outline:medium none;
}

::-moz-selection {
  background-color: @kajona-brand-color;
  color:@white;
  text-shadow:none;
}

::selection {
  background-color: @kajona-brand-color;
  color:@white;
  text-shadow:none;
}

.treeViewWrapper .jstree-default {
    background-color: #ffffff !important;

    li {
        background-image: none !important;
    }

    ul li {

        a {
            font-family: @font-family-sans-serif !important;
            font-size: @font-size-base;
            color: @gray !important;
            display: inline-block;
            height: auto;
            line-height: inherit;
            margin: 2px 0;
            text-decoration: none;
            white-space: nowrap;
        }
    }

    .jstree-closed > ins {
        cursor: pointer;
        &:before {
            content: @fa-var-chevron-right;
            font-family: fontawesome;
        }
    }

    .jstree-open > ins {
        cursor: pointer;
        &:before {
            content: @fa-var-chevron-down;
            font-family: fontawesome;
        }
    }

    .jstree-hovered {
        background: none;
        border:0 !important;
        color: @kajona-brand-color;
        padding: 1px 2px;
        text-decoration: underline;
    }

    ins {
        margin: 0;
        height: 20px;
        width: 15px;
        background-image: none;
        background-repeat: no-repeat;
    }

}

/* STATUSBOX */
#jsStatusBox {
    z-index: 1050;
}

/* ADMIN TABLE SETUP */
.table {
    margin-bottom: 4px;

    .progress {
        margin: 0;
        min-width: 40px;
    }

    &.admintable {

        empty-cells: hide;

        tbody.disabled {
            opacity: .5;

            &:hover {
                opacity: .7;
            }
        }

        td.listcheckbox {
            padding: 0;
            vertical-align: middle;

			input {
				vertical-align: baseline;
				float: none;
				margin: 0;
			}
        }

        td.listimage {

            width: 22px;
            vertical-align: middle;

            img {
              width: 22px;
              height: 22px;
              max-width: none;
            }
        }

        td.listsorthandle, td.treedrag {
            padding: 0;
            vertical-align: middle;

            li {
                margin: 6px;
            }
        }

        td.actions {
            text-align: right;
        }

        td.description {
            padding-top: 0;
        }

        tr[data-systemid='batchActionSwitch'] {
            td.treedrag i, td.treedrag span, td.listsorthandle i, td.listsorthandle span {
                display: none;
            }
        }
    }

    /* TABLE STRIPING */
    &.table-striped-tbody {

        tbody:nth-child(odd) {
            border-top: 1px solid @table-border-color;
            tr td, tr th {
                background-color: @table-bg-accent

            }
        }

        tbody:nth-child(even) {
            border-top: 1px solid @table-border-color;
            tr td, tr th {
                background-color: @table-bg;
            }
        }

        tbody:hover {
            tr td,
            tr th {
                background-color: @table-bg-hover
            }
        }

        td.description {
            border-top: none;
        }
    }

}

/* L O A D I N G   C O N T A I N E R */
.loadingContainer {

    padding: 10px 0;
    text-align: center;
    overflow: hidden;

    line-height: normal;
    vertical-align: baseline;
    background: none repeat 0% 0%;
    margin-top: 0;

    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;

    &:before {
        font-size: @font-size-base + 10;
        content: @fa-var-spinner;
        color: @kajona-brand-color;
        font-family: fontawesome;
    }
}

.loadingContainerBackground {
    position: absolute;
    left: 50%;
    z-index: -1;
}

/* DIALOGS / MODALS / BACKDROPS */

.modal {

    .modal-content {
        border-radius: 0;

        iframe {
            border: none;
        }

        .modal-header {
            padding: 5px 15px;
            h3 {
                margin: 0;
            }
        }

        .modal-body {
            max-height: none;
            min-height: 50px;
        }

        .modal-footer {
            padding: 5px 15px;
        }

        .close {
            font-size: @font-size-base + 13;
            margin-top: 3px;
        }

    }
}

#systemtaskStatusDiv {
    overflow-y: auto;
    max-height: 400px;
}

#folderviewDialog_loading {
    position: absolute;
    left: 50%;
    z-index: -1;
}

/* TOOLTIPS */
.qtip {
    border-radius: 0 !important;
    box-shadow: 0  2px 10px rgba(0,0,0,.2) !important;

    .qtip-content {
        font-family: @font-family-base !important;
        padding: 4px !important;
        line-height: 120%;
        font-size: @font-size-base - 3 !important;
    }
}

.popover {
    border-width: 2px;
}

/* chosen select replacement */
.chosen-container {
	font-size: @font-size-base !important;
    min-width: 230px ;

    &.mandatoryFormElement {
        .box-shadow(0 0 6px @brand-danger+20);
    }

    .chosen-single {
        color: @gray !important;
        font-size: @font-size-base !important;
        height: 33px !important;
        padding: 4px !important;
        border-radius: 0 !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    .chosen-results .highlighted {
        color: @white !important;
        background: @dropdown-link-active-bg none !important;
    }

    &.chosen-container-active {
        border-color: @kajona-brand-color !important;
        .box-shadow(0 0 6px @kajona-brand-color+20);

        .chosen-single {
            border: 1px solid @gray-darker !important;

        }
    }
}

.form-group.has-error .chosen-container a {
    border: 1px solid @state-danger-text;
}

/* BOOTSTRAP SWITCH BUTTON see www.bootstrap-switch.org*/
.bootstrap-switch {
    border-radius: 3px;

    .bootstrap-switch-handle-on.bootstrap-switch-primary {
        background: @kajona-brand-color;
    }
}

/* the login page */
body.login {
    background-color: lighten(@kajona-gray, 5%);

    .panel {
        border: 1px solid @gray-darker;
        box-shadow: 0 1px 3px @gray-darker;
    }

    .panel-header {
        background:url(@kajona-login-header-bg) right -45px no-repeat @gray-darker;
        color: @white;
        padding: 9px 15px;
        border-bottom: 1px solid #EEE;
    }

    .panel-footer {
        text-align: right;
    }

    #content {

        h3 {
            margin-top: 2px;
            margin-bottom: 2px;
        }

        float: none !important;
    }
}

/* print redefinitions */
@media print {

    body {
        padding-top: 0;

        font-size: @font-size-base - 2;
        line-height: @line-height-base - 2;

        #content {
            width: 100%;
            .contentTopbar {
                padding-top: 0;

                .actionToolbar {
                    display: none;
                }
            }

            h2 {
                font-size: @font-size-base - 1;
                line-height: @font-size-base + 1 ;
                padding: 2px 18px;
                margin: 2px;

            }

            h3 {
                font-size: @font-size-base - 2;
                line-height: @font-size-base - 1;
                padding: 2px 18px;
            }

        }

    }

    a[href]:after {
        content: none !important;
    }

    footer {
        display: none;
    }

}


Updated comment components and tags-widget

fatal: unable to access 'https://github.com/crcresearch/ember-osf-dashboard.git/': The requested URL returned error: 403


TINY-1148: added b/i to default css

TINY-1148: added b/i to default css

/* Content.Objects.less */

.mce-content-body .mce-reset {
  margin: 0; padding: 0; border: 0; outline: 0;
  vertical-align: top; background: transparent;
  text-decoration: none; color: black;
  font-family: Arial;
  font-size: 11px; text-shadow: none; float: none;
  position: static; width: auto; height: auto;
  white-space: nowrap; cursor: inherit;
  line-height: normal; font-weight: normal;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none;
}

.mce-object {
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/object.gif) no-repeat center;
}

.mce-preview-object {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 2px;
  line-height: 0;
  border: 1px solid gray;
}

.mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
}

.mce-preview-object .mce-shim {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}

figure.image img {
  margin: 8px 8px 0 8px;
}

figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}

.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}

.mce-pagebreak {
  cursor: default;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
  border: 1px dashed #666;
  margin-top: 15px;
  page-break-before: always;
}

@media print {
  .mce-pagebreak {
    border: 0px;
  }
}

.mce-item-anchor {
  cursor: default;
  display: inline-block;
  -webkit-user-select: all;
  -webkit-user-modify: read-only;
  -moz-user-select: all;
  -moz-user-modify: read-only;
  user-select: all;
  user-modify: read-only;
  width: 9px !important;
  height: 9px !important;
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/anchor.gif) no-repeat center;
}

.mce-nbsp, .mce-shy {
  background: #AAA;
}

.mce-shy::after {
  content: '-';
}

.mce-match-marker {
  background: #AAA;
  color: #fff;
}

.mce-match-marker-selected {
  background: #3399ff;
  color: #fff;
}

.mce-spellchecker-word {
  border-bottom: 2px solid #F00;
  cursor: default;
}

.mce-spellchecker-grammar {
  border-bottom: 2px solid #008000;
  cursor: default;
}

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px dashed #BBB;
}

td[data-mce-selected], th[data-mce-selected] {
  background-color: #3399ff !important;
}

.mce-edit-focus {
  outline: 1px dotted #333;
}

.mce-resize-bar-dragging {
  background-color: blue;
  .opacity(0.25);
}

.mce-content-body {
  *[contentEditable=false] *[contentEditable=true]:focus {
    outline: 2px solid #2d8ac7;
  }

  *[contentEditable=false] *[contentEditable=true]:hover {
    outline: 2px solid #7ACAFF;
  }

  *[contentEditable=false][data-mce-selected] {
    outline: 2px solid #2d8ac7;
  }

  a[data-mce-selected], code[data-mce-selected], b[data-mce-selected], i[data-mce-selected],
  em[data-mce-selected], strong[data-mce-selected], sup[data-mce-selected], sub[data-mce-selected] {
    background: #bfe6ff;
  }

  hr {
    cursor: default;
  }
}

/* Content.Objects.less */

.mce-content-body .mce-reset {
  margin: 0; padding: 0; border: 0; outline: 0;
  vertical-align: top; background: transparent;
  text-decoration: none; color: black;
  font-family: Arial;
  font-size: 11px; text-shadow: none; float: none;
  position: static; width: auto; height: auto;
  white-space: nowrap; cursor: inherit;
  line-height: normal; font-weight: normal;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none;
}

.mce-object {
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/object.gif) no-repeat center;
}

.mce-preview-object {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 2px;
  line-height: 0;
  border: 1px solid gray;
}

.mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
}

.mce-preview-object .mce-shim {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}

figure.image img {
  margin: 8px 8px 0 8px;
}

figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}

.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}

.mce-pagebreak {
  cursor: default;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
  border: 1px dashed #666;
  margin-top: 15px;
  page-break-before: always;
}

@media print {
  .mce-pagebreak {
    border: 0px;
  }
}

.mce-item-anchor {
  cursor: default;
  display: inline-block;
  -webkit-user-select: all;
  -webkit-user-modify: read-only;
  -moz-user-select: all;
  -moz-user-modify: read-only;
  user-select: all;
  user-modify: read-only;
  width: 9px !important;
  height: 9px !important;
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/anchor.gif) no-repeat center;
}

.mce-nbsp, .mce-shy {
  background: #AAA;
}

.mce-shy::after {
  content: '-';
}

.mce-match-marker {
  background: #AAA;
  color: #fff;
}

.mce-match-marker-selected {
  background: #3399ff;
  color: #fff;
}

.mce-spellchecker-word {
  border-bottom: 2px solid #F00;
  cursor: default;
}

.mce-spellchecker-grammar {
  border-bottom: 2px solid #008000;
  cursor: default;
}

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px dashed #BBB;
}

td[data-mce-selected], th[data-mce-selected] {
  background-color: #3399ff !important;
}

.mce-edit-focus {
  outline: 1px dotted #333;
}

.mce-resize-bar-dragging {
  background-color: blue;
  .opacity(0.25);
}

.mce-content-body {
  *[contentEditable=false] *[contentEditable=true]:focus {
    outline: 2px solid #2d8ac7;
  }

  *[contentEditable=false] *[contentEditable=true]:hover {
    outline: 2px solid #7ACAFF;
  }

  *[contentEditable=false][data-mce-selected] {
    outline: 2px solid #2d8ac7;
  }

  a[data-mce-selected], code[data-mce-selected], em[data-mce-selected],
  strong[data-mce-selected], sup[data-mce-selected], sub[data-mce-selected] {
    background: #bfe6ff;
  }

  hr {
    cursor: default;
  }
}


Use ::before for gradient border

Use ::before for gradient border

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/Xyloo/osu-web.git/'


Update responsive style

Update responsive style

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-table-pager.git/'


Create forum-rtl.less

Create forum-rtl.less

fatal: unable to access 'https://github.com/hazanpro/flarum-ext-rtl.git/': The requested URL returned error: 403


Create variables.less

Create variables.less

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


Better alignment for radio

Better alignment for radio

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.osu-checkbox {
  @_top: osu-checkbox;

  flex: none;
  .center-content();
  display: inline-flex;
  margin: 0 5px 0 0;
  cursor: pointer;
  width: 19px;
  height: 19px;
  font-size: 12px;
  line-height: 1;
  color: #fff;

  &--beatmap-discussion {
    margin-top: 5px;
  }

  &__box {
    .full-size();
    .default-border-radius();
    .default-box-shadow();
    border: 2px solid #fff;
    background-color: #ccc;

    .@{_top}__input:checked ~ & {
      background-color: @green;
    }
  }

  // the input is hidden
  &__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
  }

  &__tick {
    visibility: hidden;

    .@{_top}__input:checked ~ & {
      visibility: visible;
    }
  }
}

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.osu-checkbox {
  @_top: osu-checkbox;
  @_box: 18px;
  @_box-border: 2px;
  @_tick: (@_box - (@_box-border * 2) - 2px);

  flex: none;
  .center-content();
  display: inline-flex;
  margin: 0 5px 0 0;
  cursor: pointer;
  width: @_box;
  height: @_box;
  font-size: @_tick;
  line-height: 1;
  color: #fff;

  &--beatmap-discussion {
    margin-top: 5px;
  }

  &__box {
    .full-size();
    .default-border-radius();
    .default-box-shadow();
    border: @_box-border solid #fff;
    background-color: #ccc;

    .@{_top}__input:checked ~ & {
      background-color: @green;
    }
  }

  // the input is hidden
  &__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
  }

  &__tick {
    visibility: hidden;

    .@{_top}__input:checked ~ & {
      visibility: visible;
    }
  }
}


Fixed client styling

Fixed client styling

.factlink-modal div.fact-relations-region {
  margin: 0 -15px -15px;

  div.interacting-users {
    border-left: none;
    border-right: none;
  }

  div.fact-relation-search {
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}

error: pathspec 'core/app/assets/stylesheets/bubble/relation-tabs.css.less' did not match any file(s) known to git


Signed-off-by: Ge-yuan-jun <daydaygyj@gmail.com>

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/XUEJS/xue-project.git/'


Forgot to add a file

Forgot to add a file

@font-family-sans-serif:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@icon-font-path: "/static/fonts/";
@modal-inner-padding: 20px;

error: pathspec 'files/static/less/bootstrap-variables.less' did not match any file(s) known to git


Added Tour CSS

Added Tour CSS

fatal: unable to access 'https://github.com/daukantas/factlink-core.git/': The requested URL returned error: 403


Position flag overlay less... manually

Position flag overlay less... manually

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.ranking-page-header {
  @top: ranking-page-header;

  background-color: #333;
  background-size: cover;
  background-position: center;
  .at2x-simple('/images/headers/rankings.jpg');

  height: 250px;
  padding: 10px 40px 0;

  &__title {
    font-size: 35px;
    font-weight: 100;
    text-align: center;
    padding-top: 10px;
    color: white;
  }

  &__title-type {
    color: @yellow;
    text-transform: capitalize;
  }

  &__flag {
    display: inline-flex;
    .link-plain();
    &:hover {
      .flag-country {
        opacity: 0.5;
      }
    }
  }

  &__flag-overlay {
    pointer-events: none;
    font-size: 20px;
    color: white;
    opacity: 0.75;

    .full-size();
    .center-content();
    display: none;

    .@{top}__flag:hover & {
      display: flex;
    }
  }
}

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.ranking-page-header {
  @top: ranking-page-header;

  background-color: #333;
  background-size: cover;
  background-position: center;
  .at2x-simple('/images/headers/rankings.jpg');

  height: 250px;
  padding: 10px 40px 0;

  &__title {
    font-size: 35px;
    font-weight: 100;
    text-align: center;
    padding-top: 10px;
    color: white;
  }

  &__title-type {
    color: @yellow;
    text-transform: capitalize;
  }

  &__flag {
    .link-plain();
    &:hover {
      .flag-country {
        opacity: 0.5;
      }
    }
  }

  &__flag-overlay {
    display: none;
    pointer-events: none;
    position: absolute;
    font-size: 20px;
    left: 2px;
    top: 10px;
    color: white;
    opacity: 0.75;

    .@{top}__flag:hover & {
      display: block;
    }
  }
}


EM - update dependencies

EM - update dependencies

@import '_variables.less';

body {
  margin: 0;
}

.cta-container {
  border-radius: 5px;
  padding: 5px;
  padding-top: 7px;
  padding-left: 25px;
  text-align: center;
  color: @white;
  font-size: 14px;
  height: 40px;
  width: 230px;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  &.middle {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    width: 110px;
    height: 150px;
    padding-left: 0;

    &:hover {
      cursor: pointer;
    }

    p {
      padding-left: 20px;
      padding-right: 20px;
    }

    .icon {
      width: 35px;
      height: 33px;
      margin: 0 auto;
    }
  }

  &.bottom {

    p {
      margin-top: 7px;
      float: left;
    }

    .icon {
      float: left;
      margin-left: 15px;
      margin-top: 4px;
      width: 23px;
      height: 22px;
    }

    &:hover {
      cursor: pointer;
      height: 60px;
    }
  }

  &.top {
    padding-top: 22px;
    padding-bottom: 0;
    height: 30px;

    p {
      margin: 0;
      float: left;
      -webkit-transition: margin-top 0.2s ease-in-out;
      -moz-transition: margin-top 0.2s ease-in-out;
      -o-transition: margin-top 0.2s ease-in-out;
      transition: margin-top 0.2s ease-in-out;
    }

    .icon {
      float: left;
      width: 23px;
      height: 22px;
      position: absolute;
      bottom: 10px;
      right: 25px;

      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;

      -webkit-transition: margin-top 0.2s ease-in-out;
      -moz-transition: margin-top 0.2s ease-in-out;
      -o-transition: margin-top 0.2s ease-in-out;
      transition: margin-top 0.2s ease-in-out;
    }

    &:hover {
      cursor: pointer;
      height: 50px;

      p {
        margin-top: 20px;
      }

      .icon {

      }
    }
  }

}

error: pathspec 'assets/css/cta-widget.less' did not match any file(s) known to git


Extendable walk-card

Extendable walk-card

.walk-card {
  @walk-card-offset: 15px;
  .make-sm-column(6, 10px);
  .make-md-column(4, 10px);

  padding-top: @walk-card-offset;
  padding-bottom: 0px;
  vertical-align:bottom;
  transition-duration: 0.1s;

  h4 {
    color: @color-orange;
  }

  h6 {
    color: #222;
  }

  a {
    color: #666;
    &:hover {
      text-decoration: none;
    }
  }

  .thumbnail {
    height: 580px;
    transition: none;
    position: relative;
    padding: 0;

    .walkimage {
      @height-walkimage: 250px;
      position: relative;
      margin: 0;
      background-size:cover;
      background-position: 50% 50%;
      width:100%;
      min-height: @height-walkimage;
      .statusMessage:extend(h4) {
        position: absolute;
        margin-top: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: fade(@color-orange, 80%);
        color: #fff;
        line-height: @height-walkimage;
        text-align: center;

        // Fontawesome clock
        &:before {
          font-family: FontAwesome;
          content: "\f017";
          padding-right: 0.5em;
        }
      }
    }

    .caption {
      p {
        min-height: 90px;
        overflow: hidden;
        display: block;
      }

      h6 {
        font-weight: 700;
      }

      @media (max-width: @screen-sm-min) {
        padding-bottom: 20px;
      }
    }

    .when {
      list-style-type:none;
      font-weight:700;
      color:#222;
      padding:0;
      font-family: @font-slab;
      font-size:12px;
      margin: 1.5em 0 0.6em 0;
    }

    .tags {
      position: absolute;
      bottom: -(@grid-gutter-width);
      width: 100%;
      text-align: center;
      .tag {
        display: inline-block;
        padding: 8px;
        cursor: pointer;
        background: darken(@color-blue, 20%);
        border-radius: 100%;
      }
      .fa {
        color: #fff;
        width: auto;
        line-height: @grid-gutter-width / 2;
        width: @grid-gutter-width / 2;
      }
    }

    @media (max-width: @screen-md-min) {
      min-height: 0;
    }
  }

  &:hover {
    // Slide the walk card up
    padding-top: (@walk-card-offset - 10px);
    padding-bottom: 10px;
    .thumbnail {
      background: @color-blue;
      box-shadow: inset 0 0 0 1px darken(@color-blue,10%), 0 3px 0 darken(@color-blue,10%);
      color: #FFF;

      h4, h6, p, li {
        color: #FFF;
      }
    }
  }

  &:active {
    margin-top: 0;

    .thumbnail {
      background: darken(@color-blue,10%);
    }
  }
}

error: pathspec 'themes/janeswalk/css/build/elements/walk-card.less' did not match any file(s) known to git


Fix error in comments

Fix error in comments

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/a25kk/ck.git/'


no ligatures in plaintext

no ligatures in plaintext

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/demhydraz/til.git/'


Add clear element, Add forecast styling

Add clear element, Add forecast styling

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/dansoah/weather-machine.git/'


Background color on atom-workspace element

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/jasonhulbert/termal-ui.git/'


Styling

Styling

Updated styling.

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


* use "/" as a path delimeter for cross-platform * inadvertent trimming of trailing whitespace and EOF newlines

fatal: unable to access 'https://github.com/Brightspace/valence-ui-breadcrumbs.git/': The requested URL returned error: 403


Tweaked visibility of readonly and disabled inputs

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/rpauls/less-framework.git/'