Code checking.

Code checking.

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/BrightMahi/aacBuyerNew.git/'


Allow the full screen modal-content to overflow-y:auto

//full screen modal
.modal-dialog {
    &.modal-confirm {
        width:350px;
        margin: 10px auto;
    }
    &.modal--full-screen {
        margin: 0;
        width: 100%;
        .modal-content {
            border-radius: 0;
            border: none;
            padding: 0;
            height: 100vh;
            overflow-y:auto;
        }
    }
}

@media(min-width:@screen-md-min) {
    .modal.fade .modal-dialog, .modal.in .modal-dialog {
        transform: none !important; //prevent uibModal animation from sliding in on desktop (keep the fade in though)
    }
}

.oc-read-only {
    .modal-title {
        > .text-muted {
            display:none;
        }
    }
}

//full screen modal
.modal-dialog {
    &.modal-confirm {
        width:350px;
        margin: 10px auto;
    }
    &.modal--full-screen {
        margin: 0;
        width: 100%;
        .modal-content {
            border-radius: 0;
            border: none;
            padding: 0;
            height: 100vh;
        }
    }
}

@media(min-width:@screen-md-min) {
    .modal.fade .modal-dialog, .modal.in .modal-dialog {
        transform: none !important; //prevent uibModal animation from sliding in on desktop (keep the fade in though)
    }
}

.oc-read-only {
    .modal-title {
        > .text-muted {
            display:none;
        }
    }
}


Update styles.less

Update styles.less

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/sixertoy/dotfiles.git/'


moved from styles to own files

moved from styles to own files

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/Digipalvelutehdas/APIKA.git/'


Added the main less file

Added the main less file

/*------------------------------------------------------------------------------
    File: src/less/main.less
 Project: CS Society
      By: Tim Oram [t.oram@mitmaro.ca]
 Website: http://www.mitmaro.ca/
   Email: mmtiny@mitmaro.ca
------------------------------------------------------------------------------*/

html {
	background:#000 url('/images/bg/main.jpg');
}

#doc {
	width:900px;
	border:1px solid #999;
	margin: 15px auto 15px auto;
}

#hd {
	font-size:182%;
	text-align:center;
	border-bottom:1px solid #999;
	color:#fff;
	background:#000 url('/images/bg/site_header.png') no-repeat center top;
	height:80px;
	padding-top:6px;

	a {
		border:0px solid #000;
		margin-top:6px;
		display:block;
		text-align:right;
		padding-right:15px;
	}
}

#bd {
	background:#fff url('/images/bg/content.jpg');
	padding: 15px 25px;

	.date {
		font-size:1em;
		font-weight:bold;
		text-align:right;
	}

	h1 {
		font-size:167%;
		margin:5px 0 25px 0;
		text-align:left;
		font-weight:bold;
	}

	h2 {
		border-bottom:1px solid #666;
		font-size:131%;
		margin:0 0 10px 0;
		padding:0;
		font-variant:small-caps;
		font-weight:bold;
	}

	h3 {
		border-bottom:1px solid #c0c0c0;
		border-top:1px solid #ccc;
		margin:10px;
		padding:3px;
		font-size:116%;
	}

	p {
		font-family:Helvetica,Arial,FreeSans,sans-serif;
		line-height:1.6em;
		text-align:justify;
		text-indent:20px;
		padding:3px 10px;
	}
}

#nav {
	padding:3px 5px;
	color:#fff;
	height:24px;
	text-align:right;
	background:#000 url('/images/bg/nav.jpg') no-repeat right top;
	border-bottom:2px solid #000;

	ul {
		margin: 0;
		padding: 0;
		float:left;
		width:100%;
		list-style:none;

		li {
			display: inline;

			a {
				font-size:116%;
				text-decoration:none;
				font-variant: small-caps;
				display:inline-block;
				margin-top:4px;
				padding: 0 20px;
				color:#fff;
				border: 1px solid #666;
			}
			a:hover {
				border-bottom: 1px solid #ccc;
			}
		}

	}
}

#ft {
	font-size:85%;
	border-top:1px solid #999;
	padding:5px;
	font-family:Lucida Console,Monaco,monospace;
	background:#000 url('/images/bg/footer.png') repeat-x;
	color:#ccc;

	div.author {
		text-align:left;
		float:left;
		width:175px;

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

	div.cr {
		text-align:center;
		margin: auto;
		width:400px;
	}

	div.time {
		text-align:right;
		float:right;
		width:175px;
	}

}

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


[FIX] project: IE11 issue with kanban overflow

In 6fd7fc9 the issue was solved in some instance, but there was still an
issue with the combination of IE11 / Odoo community / Overflowing content.

fixes #9696

related to opw-653477

.o_kanban_view.o_kanban_dashboard.o_project_kanban {

    .o_kanban_record {
        .o-flex-display();
        position: relative;
    }

    .o_project_kanban_main {
        .o-flex(0, 0, auto);
        padding: @odoo-horizontal-padding;
        width: 70%; // for IE11 overflow issue

        // give space for manage section at the bottom
        margin-bottom: @odoo-horizontal-padding/2 + 19px;

        .o_kanban_card_content {
            font-size: 12px;
            .o_primary {
                font-size: larger;
            }
        }

        .o_project_kanban_manage {
            .o-position-absolute(@bottom: 0, @left: 0);
            padding: @odoo-horizontal-padding/2 @odoo-horizontal-padding;
        }
        .o_kanban_card_manage_pane .o_kanban_card_manage_title {
            margin: 0;
        }
    }

    .o_project_kanban_boxes {
        width: 30%;
        .o-flex(0, 0, auto);

        .o-flex-display();
        .o-flex-flow(column, nowrap);

        > a:hover {
            text-decoration: none;
        }

        .o_value {
            font-size: x-large;
            color: white;
            display: block;
        }
        .o_label {
            color: white;
        }

        .o_project_kanban_box {
            text-align: center;
            padding: 15px 0 15px 0;
            .o-flex(1, 1, auto);
            .o-flex-display();
            .o-align-items(center);
            .o-flex-flow(column, nowrap);
            .o-justify-content(center);
        }
        .o_project_kanban_box:nth-child(even) {
            background-color: grey;
        }
        .o_project_kanban_box:nth-child(odd) {
            background-color: @odoo-brand-optional;
        }
    }
}

.o_kanban_view.o_kanban_dashboard.o_project_kanban {

    .o_kanban_record {
        .o-flex-display();
        position: relative;
    }

    .o_project_kanban_main {
        .o-flex(1, 0, 0);
        padding: @odoo-horizontal-padding;
        max-width: 70%; // for IE11 overflow issue

        // give space for manage section at the bottom
        margin-bottom: @odoo-horizontal-padding/2 + 19px;

        .o_kanban_card_content {
            font-size: 12px;
            .o_primary {
                font-size: larger;
            }
        }

        .o_project_kanban_manage {
            .o-position-absolute(@bottom: 0, @left: 0);
            padding: @odoo-horizontal-padding/2 @odoo-horizontal-padding;
        }
        .o_kanban_card_manage_pane .o_kanban_card_manage_title {
            margin: 0;
        }
    }

    .o_project_kanban_boxes {
        width: 30%;
        .o-flex(0, 0, auto);

        .o-flex-display();
        .o-flex-flow(column, nowrap);

        > a:hover {
            text-decoration: none;
        }

        .o_value {
            font-size: x-large;
            color: white;
            display: block;
        }
        .o_label {
            color: white;
        }

        .o_project_kanban_box {
            text-align: center;
            padding: 15px 0 15px 0;
            .o-flex(1, 1, auto);
            .o-flex-display();
            .o-align-items(center);
            .o-flex-flow(column, nowrap);
            .o-justify-content(center);
        }
        .o_project_kanban_box:nth-child(even) {
            background-color: grey;
        }
        .o_project_kanban_box:nth-child(odd) {
            background-color: @odoo-brand-optional;
        }
    }
}


Remove minimum height from the app.

Remove minimum height from the app.

fatal: remote error: upload-pack: not our ref 24b8fce7eb1a97e72524b80d32fa5f6c2d3aaa79
fatal: the remote end hung up unexpectedly


Adding background to overlay

Adding background to overlay

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/PiotrCzapla/Browser-To-Mobile.git/'


OR-1435 set a minimum height for calendar events

fatal: unable to access 'https://github.com/heroandtn3/openpaas-esn.git/': The requested URL returned error: 403


Mark tidy up

Mark tidy up

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/putterschool/styleguide.git/'


Grid labels header colors for delete and move actions

// Gridview
// -------------------------

 .mceContentBody{
         overflow-y:hidden!important;
      }

IFRAME {overflow:hidden;}

 // Sortabel
 // -------------------------

 .usky-grid .ui-sortable-helper  {
     position:absolute !important;
     border: dashed 1px #000 !important;
     background: #ccc;
     opacity: 0.4;
     height: 80px !important;
     width: 160px !important;
     overflow: hidden;
     padding: 5px;
     border-radius:5px;
     -webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     -moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.45);
 }

 .usky-grid .ui-sortable-helper *{
     border: none !important;
     background: none !important;
     color: #999 !important;
     padding: 0 !important;
     margin: 0 !important;
 }

 .usky-grid .ui-sortable-helper .cell-tools{
     display: none !important;
 }

 .usky-grid .ui-sortable-placeholder{
     border: 2px dashed @grayLight;
     padding: 20px;
     font-family: icomoon;
     text-align: center;
     font-size: 85px;
     line-height: 65px;
     color: @gray;
     vertical-align: middle;
     background-color:@grayLighter;
 }

 .usky-grid .ui-sortable-placeholder:hover{
     border-color: @gray;
 }

 .usky-grid .ui-sortable-placeholder:before{
     content: "\e1bd";
 }

 // utils
 // -------------------------
 .usky-grid-width {
     margin: 20px auto;
     width:100%;
 }
 .usky-grid  .right {
     float:right;
 }

 // general layout components
 // -------------------------
 .usky-grid  .tb {
     width: 100%;
 }

 .usky-grid  .td {
     width: 100%;
     display: inline-block;
     vertical-align:top;
     border-right:1px dashed rgba(182, 182, 182, 0.0);
     box-sizing: border-box;
 }

 .usky-grid .tb:hover .td{
     border-right:1px dashed rgba(182, 182, 182, 0.3);
 }
 .usky-grid  .td.last {
     border-right:1px dashed rgba(182, 182, 182, 0.0) !important;
 }
 .usky-grid  .tr {
 }

 .usky-grid  .middle {
     text-align: center;
 }

 .usky-grid  .mainTb {
     border-collapse: separate;
 }
 .usky-grid  .mainTd {
     position:relative;
 }

 // COLUMN
 // -------------------------
 .usky-grid  .usky-column {

 }
 .usky-grid  .usky-column.last {

 }

 // ROW
 // -------------------------
.usky-grid .usky-row{
     position: relative;
     border: 1px dashed rgba(0,0,0,0);
}

.umb-grid .tb:hover .usky-row{
    border-bottom:1px dashed rgba(182, 182, 182, 0) !important;
}

/*
.usky-grid .selectedRow {
     border: 1px solid rgba(182, 182, 182, 0.3);
}*/

// CELL
// -------------------------
.usky-grid .usky-cell{
     position: relative;
     border: 1px dashed rgba(0,0,0,0);
     min-height:127px;
}

.usky-grid  .cell-tools {
    transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    width: 50px;
    opacity: 0.3;
    z-index: 50;
}
//special rule to ensure forms doesnt overrride (forms will align in a later release)
.umb-grid .cell-tools{width: 50px !important;}

.usky-grid  .cell-tools.with-prompt {
    width:200px;
}

.usky-grid .cell-tools:hover{
    opacity: 1;
}

.usky-grid  .cell-tools-add {
    position: absolute;
    text-align: center;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 45px 1px 0;

    &.emptyArea{
        margin: 0 0 1px 0;
    }
}

.usky-grid  .usky-control:hover .cell-tools-add{
    opacity: 1;
}

.usky-grid  .cell-tools-remove {
    display:inline-block;
    position: absolute;
    top: 0px;
    right: 5px;
    text-align: right;
    z-index: 500;
}

.usky-grid .cell-tools-remove .iconBox:hover, .usky-grid .cell-tools-remove .iconBox:hover *{
    background: @red !important;
    border-color: @red !important;
}

.usky-grid  .cell-tools-move {
    display:inline-block;
    position: absolute;
    top: 33px;
    right: 5px;
    z-index: 500;
    cursor: move
}

.usky-grid .cell-tools-edit{
    position: absolute;
    top: 66px;
    right: 5px;
}

// CONTROL
// -------------------------
.usky-grid .usky-control {
    /*transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;*/
    position:relative;
    display:block;

    /*
    border: 1px dashed rgba(255, 0, 0, .0);
    border-bottom-width: 1px;
    */

    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

    margin: 10px 0 0 0;
}

.usky-grid  .usky-control:hover{
    /*border: 1px solid rgba(182, 182, 182, 0.3);*/
    /*border-bottom: 1px solid rgba(182, 182, 182, 0.3);*/
}

.usky-grid  .usky-control-placeholder:hover{
    /*border: 1px solid rgba(182, 182, 182, 0);*/
    /*border-bottom:1px solid rgba(182, 182, 182, 0.0) !important;*/
}

.usky-grid .warnhighlight, .usky-grid  .td.last.warnhighlight{
     border: 1px dashed @red !important;
}

.usky-grid .infohighlight, .usky-grid  .td.last.infohighlight{
     border: 1px dashed @blue !important;
}

.usky-grid .warnhighlight > ins.item-label{border-color: @red; color: @red;}
.usky-grid .infohighlight > ins.item-label{border-color: @blue; color: @blue;}

.usky-grid ins.item-label {
    position: absolute;
    top: -22px;
    left: -1px;
    text-decoration: none;
    padding: 0px 7px;
    display:none;
    font-size:0.8em;
    background-color: white;
    color: @grayLight;
    border: 1px dashed @grayLight;
    border-bottom: 1px solid white !important;
    height: 20px;
    overflow: hidden;
}

.usky-grid .usky-row-inner > ins.item-label{
    top: -20px;
    left: 0px;
}

.usky-grid .usky-control-inner.selectedControl , .usky-grid .usky-row-inner.selectedRow{
    border: 1px dashed @grayLight;

    > ins.item-label {
        display: block;
        z-index:100000;
    }
}

// CONTROL PLACEHOLDER
// -------------------------
.usky-grid  .usky-control-placeholder {
    min-height: 20px;
    position: relative;
    text-align: center;
    text-align: -moz-center;
    cursor: text;
}

.usky-grid  .usky-control-placeholder .placeholder{
    font-size: 14px; opacity: 0.7; text-align: left;
    padding: 5px;
    border:1px solid rgba(182, 182, 182, 0.3);
    height: 20px;
}

.usky-grid  .usky-control-placeholder:hover .placeholder{
    border:1px solid rgba(182, 182, 182, 0.8);
}

// EDITOR PLACEHOLDER
// -------------------------
.usky-grid .usky-editor-placeholder{
    min-height: 65px;
    padding: 20px;
    padding-bottom: 30px;
    position: relative;
    background-color: white;
    border: 4px dashed @grayLight;
    text-align: center;
    text-align: -moz-center;
}
.usky-grid .usky-editor-placeholder i{
    color: @grayLight;
    font-size: 85px;
    line-height: 85px;
    display: block;
    margin-bottom: 10px;
}

// Form elements
// -------------------------
 .usky-grid  textarea.textstring{
     display: block;
     overflow: hidden;
     border: none;
     background: #fff;
     outline: none;
     resize: none;
     color: @gray;
 }

.usky-grid .usky-cell-rte textarea{
     display: none !important
}

.usky-grid .usky-cell-media .caption{
     display: block;
     overflow: hidden;
     border: none;
     background: #fff;
     outline: none;
     width: 98%;
     resize: none;
     font-style: italic;
}

 .usky-grid  .cellPanelRte {
     min-height:60px;
 }

 .usky-grid .usky-cell-embed iframe {
     width: 100%;
}

// ICONS
// -------------------------
 .usky-grid  .iconBox {
     padding: 4px 6px 4px 6px;
     display: inline-block;
     cursor: pointer;
     border-radius: 200px;
     background: rgba(255,255,255, 1);
     border:1px solid rgb(182, 182, 182);
     margin: 2px;
 }

  .usky-grid  .iconBox span.prompt {
      display:block;
      white-space: nowrap;
      text-align:center;

  }

  .usky-grid  .iconBox span.prompt > a {
      text-decoration:underline;
  }

 .usky-grid .iconBox:hover, .usky-grid .iconBox:hover *{
          background: @blue !important;
          color: white !important;
          border-color: @blue !important;
          text-decoration:none;
 }

 .usky-grid  .iconBox a:hover {
     text-decoration:none;
     color: white !important;
 }

 .usky-grid  .iconBox.selected {
     -webkit-appearance: none;
     background-image: -moz-linear-gradient(top,#e6e6e6,#bfbfbf);
     background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#bfbfbf));
     background-image: -webkit-linear-gradient(top,#e6e6e6,#bfbfbf);
     background-image: -o-linear-gradient(top,#e6e6e6,#bfbfbf);
     background-image: linear-gradient(to bottom,#e6e6e6,#bfbfbf);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6',endColorstr='#ffbfbfbf',GradientType=0);
     zoom: 1;
     border-color: #bfbfbf #bfbfbf #999;
     border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
     -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
     box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background: transparent;
 }

 .usky-grid  .iconBox i {
     font-size:16px !important;
     color: #5F5F5F;
     display:block;
 }

 .usky-grid  ul {
     display:inline-block;
     list-style:none;
     padding:0;
     margin: 10px 0 0 0;
     text-align:center;
 }

 .usky-grid  .help-text {
     background: @grayLighter;
     color: @gray;
     font-size: 14px;
     padding: 10px 20px 10px 20px;
     border-radius: 15px;
     display: inline-block;
     clear: both;
 }

 .usky-grid  ul li {
     display: inline-block;
     width: 120px;
     margin: 8px 8px 0px 8px;
 }

 // TINYMCE EDITOR
 // -------------------------
 .usky-grid .mce-panel {
     border:none !important;
     clear:both;
 }

 .usky-grid .mce-btn button {
     padding: 8px 6px;
     line-height: inherit;
 }

 .usky-grid .mce-toolbar {
     border: 1px solid rgba(207, 207, 207, 0.7);
     background-color: rgba(250, 250, 250, 1);
     z-index: 100;
     display: inline-block;
     float: left;
     padding: -1px;
     position: absolute;
     margin: -1px -1px 0 -1px;
     -webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.14);
     -moz-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.14);
     box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.14);
     z-index: 9999999;
 }

 .mce-flow-layout-item {
     margin: 0;
 }

 .usky-grid  .mce-panel {
     background: transparent !important;
 }
 .usky-grid  .mce-floatpanel {
     background-color: #F7F7F7 !important;
 }

 // MEDIA EDITOR
 // -------------------------
 .usky-grid  .fullSizeImage {
     width:100%
 }

 /**************************************************************************************************/
 /* Width */
 /**************************************************************************************************/

 .usky-grid  .boxWidth {
     text-align:right;
     margin-bottom: 10px;
 }

 .usky-grid  .boxWidth input {
     text-align: center;
     width: 40px;
 }

 .usky-grid  .boxWidth label {
     font-size: 10px;
     padding: 0;
     margin: 5px 5px 0 0;
     color: #808080;
 }

 /**************************************************************************************************/
 /* Margin control */
 /**************************************************************************************************/

 .usky-grid .usky-cell{
    padding-top: 5px;
    padding-bottom: 15px;
 }

 .usky-grid .usky-control{
     margin: 10px 0 0 0;
     padding: 5px;
     border: 1px dashed transparent;
 }

 .usky-grid .usky-templates-columns{
     margin-top: 30px;
 }

 .usky-grid .usky-row-inner{
    margin-right: 45px;
    border: 1px dashed transparent;
 }

 .usky-grid .usky-control-inner {
    padding: 5px;
    margin-right: 45px;
    margin-bottom: 15px;

    border: 1px dashed transparent;
    min-height: 60px;
    position:relative;
 }

 /**************************************************************************************************/
 /* template */
 /**************************************************************************************************/

 .usky-grid .uSky-templates {
     text-align:center;
     overflow:hidden;
     width:100%;
 }

 .usky-grid .uSky-templates-template {
     display:inline-block;
     width:100px;
     padding-right: 30px;
     margin: 20px;
 }

 .usky-grid .uSky-templates-template a.tb:hover {
     border:5px solid @blue;
 }

 .usky-grid .uSky-templates-template .tb {
     width:100%;
     height:150px;
     padding:10px;
     background-color: @grayLighter;
     border: 5px solid @grayLight;
     cursor:pointer;
     position: relative;
 }

 .usky-grid .uSky-templates-template .tr {
     height: 100%;
     position: relative;
 }

 .usky-grid .uSky-templates-template .tb .uSky-templates-column {
     height:100%;
     border: 1px dashed @grayLight;
     border-right: none;
 }

 .usky-grid .uSky-templates-template .tb .uSky-templates-column.last {
     border-right: 1px dashed @grayLight !important;
 }

 .usky-grid a.uSky-templates-column:hover, .usky-grid a.uSky-templates-column.selected{
    background-color: @blue;
 }

 /**************************************************************************************************/
 /* template column */
 /**************************************************************************************************/

/* New template preview */
.usky-grid {

	.templates-preview {
		display: inline-block;
		width: 100%;
		text-align: center;

		small {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: -25px;
			padding-top: 15px;
		}

		.help-text {
			margin: 35px 35px 0 0;
		}
	}

	.preview-rows {

		display: inline-block;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 125px;
		margin: 35px 40px 15px 0;
		border: 2px solid @grayLight; /* @grayLight */
		transition: border 200ms linear;

        &.prevalues-rows {
            margin: 0px 20px 20px 0px;
            width: 80px;
            float:left;
        }

        &.prevalues-templates {
            margin: 0px 20px 20px 0px;
            float:left;

        }

		&:hover {
			border-color: @blue;
			cursor: pointer;
		}

		.preview-row {
			display: inline-block;
			width: 100%;
			vertical-align: bottom;
		}
	}

	.preview-rows.layout {
		padding: 2px;

		.preview-row {
			height: 100%;
		}

		.preview-col {
			height: 180px;
			border: dashed 1px @grayLight;
		}

		.preview-cell {
			background-color: @grayLighter;
		}
		.preview-overlay {
			display: none;
		}
	}

	.preview-rows.columns {
		min-height: 18px;
		line-height: 11px;
		padding: 1px;

        &.prevalues-rows {
            min-height: 30px;
        }
	}

    .preview-rows {

        .preview-col {

		    display: block;
		    float: left;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    width: 33.3%; /* temp value */
		    height: 10px;
		    margin: 0;
		    border: 1px solid @white; /* @white */

		    .preview-cell {
			    display: block;
			    width: 100%;
			    height: 100%;
			    background-color: @grayLight; /* @grayLight */
			    margin: 0 1px 1px 0;
		    }
	    }

        &.prevalues-templates {
            .preview-col {
                height: 80px;
            }
        }

    }

	.preview-overlay {
		display: block;
        width: 100%;
        position: absolute;
        height: 100%;
        top: 0;
        box-sizing: border-box;
        left: 0;
        border: 3px solid white;
	}
}

 /**************************************************************************************************/
 /* overlay */
 /**************************************************************************************************/
 .usky-grid  .cell-tools-menu{
     position: absolute;
     width: 360px;
     height: 380px;
     overflow: auto;
     border: 1px solid #ccc;
     margin-top: -270px;
     margin-left: -150px;
     background: white;
     padding: 7px;
     top: 0;
     left: 50%;
     z-index: 6660;
     -webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     -moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.45);
 }

 .usky-grid .cell-tools-menu h5{
     border-bottom: 1px solid #d9d9d9;
     color: #999;
     padding: 10px;
     margin-top: 0;
 }

 .usky-grid .elements{
     display: block;
     padding: 0;
     margin: 0;
 }

 .usky-grid .elements li{
     display: inline-block;
     width: 90px;
     height: 80px;
     margin: 5px;
     padding: 5px;
     overflow: hidden;
     font-size: 11px;
 }

 .usky-grid .elements li:hover, .usky-grid .elements li:hover *{
     background: #2e8aea;
     color: white;
 }

 .usky-grid .elements a{
     color: #222;
     text-decoration: none;
 }

 .usky-grid .elements i{
     font-size: 30px;
     line-height: 50px;
     color: #999;
     display: block
 }

 /**************************************************************************************************/
 /* Configuration specific styles */
 /**************************************************************************************************/
.usky-grid-configuration .uSky-templates{
    text-align: left;
}

.usky-grid-configuration ul{
    display: block;
}

.usky-grid-configuration ul li{
    display: block;
    width: auto;
    text-align: left;
}

.usky-grid-configuration .uSky-templates .uSky-templates-template .tb{
    max-height: 50px;
    border-width: 2px !important;
    padding: 0px;
    border-spacing:2px;
    overflow: hidden;
}

.usky-grid-configuration .uSky-templates .uSky-templates-template span{
    background: @grayLight;
    display: inline-block;
}

.usky-grid-configuration .uSky-templates .uSky-templates-template .tb:hover{
    border-width: 2px !important;
}

.usky-grid-configuration .uSky-templates-column{
    display: block;
    float: left;
    margin-left: -1px;
    border: 1px white solid !important;
    background: @grayLight;
}

.usky-grid-configuration .uSky-templates-column.last{
    margin-right: -1px;
}

.usky-grid-configuration .uSky-templates-column.add{
    text-align: center;
    font-size: 20px;
    line-height: 70px;
    color: #ccc;
    text-decoration: none;
    background: white;
}

.usky-grid-configuration .mainTdpt{
    height: initial;
    border: none;
}

.usky-grid-configuration .uSky-templates-rows .uSky-templates-row{
    margin: 0px 50px 20px 0px;
    width: 60px;
}

.usky-grid-configuration .uSky-templates-rows .uSky-templates-row .tb{
    border-width: 2px !important;
    padding: 0px;
    border-spacing:2px;
}

.usky-grid-configuration .uSky-templates-rows .mainTdpt{
    height: 10px !important;
}

.usky-grid-configuration a.uSky-templates-column{height: 70px !important;}

// Gridview
// -------------------------

 .mceContentBody{
         overflow-y:hidden!important;
      }

IFRAME {overflow:hidden;}

 // Sortabel
 // -------------------------

 .usky-grid .ui-sortable-helper  {
     position:absolute !important;
     border: dashed 1px #000 !important;
     background: #ccc;
     opacity: 0.4;
     height: 80px !important;
     width: 160px !important;
     overflow: hidden;
     padding: 5px;
     border-radius:5px;
     -webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     -moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.45);
 }

 .usky-grid .ui-sortable-helper *{
     border: none !important;
     background: none !important;
     color: #999 !important;
     padding: 0 !important;
     margin: 0 !important;
 }

 .usky-grid .ui-sortable-helper .cell-tools{
     display: none !important;
 }

 .usky-grid .ui-sortable-placeholder{
     border: 2px dashed @grayLight;
     padding: 20px;
     font-family: icomoon;
     text-align: center;
     font-size: 85px;
     line-height: 65px;
     color: @gray;
     vertical-align: middle;
     background-color:@grayLighter;
 }

 .usky-grid .ui-sortable-placeholder:hover{
     border-color: @gray;
 }

 .usky-grid .ui-sortable-placeholder:before{
     content: "\e1bd";
 }

 // utils
 // -------------------------
 .usky-grid-width {
     margin: 20px auto;
     width:100%;
 }
 .usky-grid  .right {
     float:right;
 }

 // general layout components
 // -------------------------
 .usky-grid  .tb {
     width: 100%;
 }

 .usky-grid  .td {
     width: 100%;
     display: inline-block;
     vertical-align:top;
     border-right:1px dashed rgba(182, 182, 182, 0.0);
     box-sizing: border-box;
 }

 .usky-grid .tb:hover .td{
     border-right:1px dashed rgba(182, 182, 182, 0.3);
 }
 .usky-grid  .td.last {
     border-right:1px dashed rgba(182, 182, 182, 0.0) !important;
 }
 .usky-grid  .tr {
 }

 .usky-grid  .middle {
     text-align: center;
 }

 .usky-grid  .mainTb {
     border-collapse: separate;
 }
 .usky-grid  .mainTd {
     position:relative;
 }

 // COLUMN
 // -------------------------
 .usky-grid  .usky-column {

 }
 .usky-grid  .usky-column.last {

 }

 // ROW
 // -------------------------
.usky-grid .usky-row{
     position: relative;
     border: 1px dashed rgba(0,0,0,0);
}

.umb-grid .tb:hover .usky-row{
    border-bottom:1px dashed rgba(182, 182, 182, 0) !important;
}

/*
.usky-grid .selectedRow {
     border: 1px solid rgba(182, 182, 182, 0.3);
}*/

// CELL
// -------------------------
.usky-grid .usky-cell{
     position: relative;
     border: 1px dashed rgba(0,0,0,0);
     min-height:127px;
}

.usky-grid  .cell-tools {
    transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    width: 50px;
    opacity: 0.3;
    z-index: 50;
}
//special rule to ensure forms doesnt overrride (forms will align in a later release)
.umb-grid .cell-tools{width: 50px !important;}

.usky-grid  .cell-tools.with-prompt {
    width:200px;
}

.usky-grid .cell-tools:hover{
    opacity: 1;
}

.usky-grid  .cell-tools-add {
    position: absolute;
    text-align: center;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 45px 1px 0;

    &.emptyArea{
        margin: 0 0 1px 0;
    }
}

.usky-grid  .usky-control:hover .cell-tools-add{
    opacity: 1;
}

.usky-grid  .cell-tools-remove {
    display:inline-block;
    position: absolute;
    top: 0px;
    right: 5px;
    text-align: right;
    z-index: 500;
}

.usky-grid .cell-tools-remove .iconBox:hover, .usky-grid .cell-tools-remove .iconBox:hover *{
    background: @red !important;
    border-color: @red !important;
}

.usky-grid  .cell-tools-move {
    display:inline-block;
    position: absolute;
    top: 33px;
    right: 5px;
    z-index: 500;
    cursor: move
}

.usky-grid .cell-tools-edit{
    position: absolute;
    top: 66px;
    right: 5px;
}

// CONTROL
// -------------------------
.usky-grid .usky-control {
    /*transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;*/
    position:relative;
    display:block;

    /*
    border: 1px dashed rgba(255, 0, 0, .0);
    border-bottom-width: 1px;
    */

    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

    margin: 10px 0 0 0;
}

.usky-grid  .usky-control:hover{
    /*border: 1px solid rgba(182, 182, 182, 0.3);*/
    /*border-bottom: 1px solid rgba(182, 182, 182, 0.3);*/
}

.usky-grid  .usky-control-placeholder:hover{
    /*border: 1px solid rgba(182, 182, 182, 0);*/
    /*border-bottom:1px solid rgba(182, 182, 182, 0.0) !important;*/
}

.usky-grid .warnhighlight, .usky-grid  .td.last.warnhighlight{
     border: 1px dashed @red !important;
}

.usky-grid .infohighlight, .usky-grid  .td.last.infohighlight{
     border: 1px dashed @blue !important;
}

.usky-grid .warnhighlight > ins.item-label{border-color: @red;}
.usky-grid .infohighlight > ins.item-label{border-color: @blue;}

.usky-grid ins.item-label {
    position: absolute;
    top: -22px;
    left: -1px;
    text-decoration: none;
    padding: 0px 7px;
    display:none;
    font-size:0.8em;
    background-color: white;
    color: @grayLight;
    border: 1px dashed @grayLight;
    border-bottom: 1px solid white !important;
    height: 20px;
    overflow: hidden;
}

.usky-grid .usky-row-inner > ins.item-label{
    top: -20px;
    left: 0px;
}

.usky-grid .usky-control-inner.selectedControl , .usky-grid .usky-row-inner.selectedRow{
    border: 1px dashed @grayLight;

    > ins.item-label {
        display: block;
        z-index:100000;
    }
}

// CONTROL PLACEHOLDER
// -------------------------
.usky-grid  .usky-control-placeholder {
    min-height: 20px;
    position: relative;
    text-align: center;
    text-align: -moz-center;
    cursor: text;
}

.usky-grid  .usky-control-placeholder .placeholder{
    font-size: 14px; opacity: 0.7; text-align: left;
    padding: 5px;
    border:1px solid rgba(182, 182, 182, 0.3);
    height: 20px;
}

.usky-grid  .usky-control-placeholder:hover .placeholder{
    border:1px solid rgba(182, 182, 182, 0.8);
}

// EDITOR PLACEHOLDER
// -------------------------
.usky-grid .usky-editor-placeholder{
    min-height: 65px;
    padding: 20px;
    padding-bottom: 30px;
    position: relative;
    background-color: white;
    border: 4px dashed @grayLight;
    text-align: center;
    text-align: -moz-center;
}
.usky-grid .usky-editor-placeholder i{
    color: @grayLight;
    font-size: 85px;
    line-height: 85px;
    display: block;
    margin-bottom: 10px;
}

// Form elements
// -------------------------
 .usky-grid  textarea.textstring{
     display: block;
     overflow: hidden;
     border: none;
     background: #fff;
     outline: none;
     resize: none;
     color: @gray;
 }

.usky-grid .usky-cell-rte textarea{
     display: none !important
}

.usky-grid .usky-cell-media .caption{
     display: block;
     overflow: hidden;
     border: none;
     background: #fff;
     outline: none;
     width: 98%;
     resize: none;
     font-style: italic;
}

 .usky-grid  .cellPanelRte {
     min-height:60px;
 }

 .usky-grid .usky-cell-embed iframe {
     width: 100%;
}

// ICONS
// -------------------------
 .usky-grid  .iconBox {
     padding: 4px 6px 4px 6px;
     display: inline-block;
     cursor: pointer;
     border-radius: 200px;
     background: rgba(255,255,255, 1);
     border:1px solid rgb(182, 182, 182);
     margin: 2px;
 }

  .usky-grid  .iconBox span.prompt {
      display:block;
      white-space: nowrap;
      text-align:center;

  }

  .usky-grid  .iconBox span.prompt > a {
      text-decoration:underline;
  }

 .usky-grid .iconBox:hover, .usky-grid .iconBox:hover *{
          background: @blue !important;
          color: white !important;
          border-color: @blue !important;
          text-decoration:none;
 }

 .usky-grid  .iconBox a:hover {
     text-decoration:none;
     color: white !important;
 }

 .usky-grid  .iconBox.selected {
     -webkit-appearance: none;
     background-image: -moz-linear-gradient(top,#e6e6e6,#bfbfbf);
     background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#bfbfbf));
     background-image: -webkit-linear-gradient(top,#e6e6e6,#bfbfbf);
     background-image: -o-linear-gradient(top,#e6e6e6,#bfbfbf);
     background-image: linear-gradient(to bottom,#e6e6e6,#bfbfbf);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6',endColorstr='#ffbfbfbf',GradientType=0);
     zoom: 1;
     border-color: #bfbfbf #bfbfbf #999;
     border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
     -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
     box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background: transparent;
 }

 .usky-grid  .iconBox i {
     font-size:16px !important;
     color: #5F5F5F;
     display:block;
 }

 .usky-grid  ul {
     display:inline-block;
     list-style:none;
     padding:0;
     margin: 10px 0 0 0;
     text-align:center;
 }

 .usky-grid  .help-text {
     background: @grayLighter;
     color: @gray;
     font-size: 14px;
     padding: 10px 20px 10px 20px;
     border-radius: 15px;
     display: inline-block;
     clear: both;
 }

 .usky-grid  ul li {
     display: inline-block;
     width: 120px;
     margin: 8px 8px 0px 8px;
 }

 // TINYMCE EDITOR
 // -------------------------
 .usky-grid .mce-panel {
     border:none !important;
     clear:both;
 }

 .usky-grid .mce-btn button {
     padding: 8px 6px;
     line-height: inherit;
 }

 .usky-grid .mce-toolbar {
     border: 1px solid rgba(207, 207, 207, 0.7);
     background-color: rgba(250, 250, 250, 1);
     z-index: 100;
     display: inline-block;
     float: left;
     padding: -1px;
     position: absolute;
     margin: -1px -1px 0 -1px;
     -webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.14);
     -moz-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.14);
     box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.14);
     z-index: 9999999;
 }

 .mce-flow-layout-item {
     margin: 0;
 }

 .usky-grid  .mce-panel {
     background: transparent !important;
 }
 .usky-grid  .mce-floatpanel {
     background-color: #F7F7F7 !important;
 }

 // MEDIA EDITOR
 // -------------------------
 .usky-grid  .fullSizeImage {
     width:100%
 }

 /**************************************************************************************************/
 /* Width */
 /**************************************************************************************************/

 .usky-grid  .boxWidth {
     text-align:right;
     margin-bottom: 10px;
 }

 .usky-grid  .boxWidth input {
     text-align: center;
     width: 40px;
 }

 .usky-grid  .boxWidth label {
     font-size: 10px;
     padding: 0;
     margin: 5px 5px 0 0;
     color: #808080;
 }

 /**************************************************************************************************/
 /* Margin control */
 /**************************************************************************************************/

 .usky-grid .usky-cell{
    padding-top: 5px;
    padding-bottom: 15px;
 }

 .usky-grid .usky-control{
     margin: 10px 0 0 0;
     padding: 5px;
     border: 1px dashed transparent;
 }

 .usky-grid .usky-templates-columns{
     margin-top: 30px;
 }

 .usky-grid .usky-row-inner{
    margin-right: 45px;
    border: 1px dashed transparent;
 }

 .usky-grid .usky-control-inner {
    padding: 5px;
    margin-right: 45px;
    margin-bottom: 15px;

    border: 1px dashed transparent;
    min-height: 60px;
    position:relative;
 }

 /**************************************************************************************************/
 /* template */
 /**************************************************************************************************/

 .usky-grid .uSky-templates {
     text-align:center;
     overflow:hidden;
     width:100%;
 }

 .usky-grid .uSky-templates-template {
     display:inline-block;
     width:100px;
     padding-right: 30px;
     margin: 20px;
 }

 .usky-grid .uSky-templates-template a.tb:hover {
     border:5px solid @blue;
 }

 .usky-grid .uSky-templates-template .tb {
     width:100%;
     height:150px;
     padding:10px;
     background-color: @grayLighter;
     border: 5px solid @grayLight;
     cursor:pointer;
     position: relative;
 }

 .usky-grid .uSky-templates-template .tr {
     height: 100%;
     position: relative;
 }

 .usky-grid .uSky-templates-template .tb .uSky-templates-column {
     height:100%;
     border: 1px dashed @grayLight;
     border-right: none;
 }

 .usky-grid .uSky-templates-template .tb .uSky-templates-column.last {
     border-right: 1px dashed @grayLight !important;
 }

 .usky-grid a.uSky-templates-column:hover, .usky-grid a.uSky-templates-column.selected{
    background-color: @blue;
 }

 /**************************************************************************************************/
 /* template column */
 /**************************************************************************************************/

/* New template preview */
.usky-grid {

	.templates-preview {
		display: inline-block;
		width: 100%;
		text-align: center;

		small {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: -25px;
			padding-top: 15px;
		}

		.help-text {
			margin: 35px 35px 0 0;
		}
	}

	.preview-rows {

		display: inline-block;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 125px;
		margin: 35px 40px 15px 0;
		border: 2px solid @grayLight; /* @grayLight */
		transition: border 200ms linear;

        &.prevalues-rows {
            margin: 0px 20px 20px 0px;
            width: 80px;
            float:left;
        }

        &.prevalues-templates {
            margin: 0px 20px 20px 0px;
            float:left;

        }

		&:hover {
			border-color: @blue;
			cursor: pointer;
		}

		.preview-row {
			display: inline-block;
			width: 100%;
			vertical-align: bottom;
		}
	}

	.preview-rows.layout {
		padding: 2px;

		.preview-row {
			height: 100%;
		}

		.preview-col {
			height: 180px;
			border: dashed 1px @grayLight;
		}

		.preview-cell {
			background-color: @grayLighter;
		}
		.preview-overlay {
			display: none;
		}
	}

	.preview-rows.columns {
		min-height: 18px;
		line-height: 11px;
		padding: 1px;

        &.prevalues-rows {
            min-height: 30px;
        }
	}

    .preview-rows {

        .preview-col {

		    display: block;
		    float: left;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    width: 33.3%; /* temp value */
		    height: 10px;
		    margin: 0;
		    border: 1px solid @white; /* @white */

		    .preview-cell {
			    display: block;
			    width: 100%;
			    height: 100%;
			    background-color: @grayLight; /* @grayLight */
			    margin: 0 1px 1px 0;
		    }
	    }

        &.prevalues-templates {
            .preview-col {
                height: 80px;
            }
        }

    }

	.preview-overlay {
		display: block;
        width: 100%;
        position: absolute;
        height: 100%;
        top: 0;
        box-sizing: border-box;
        left: 0;
        border: 3px solid white;
	}
}

 /**************************************************************************************************/
 /* overlay */
 /**************************************************************************************************/
 .usky-grid  .cell-tools-menu{
     position: absolute;
     width: 360px;
     height: 380px;
     overflow: auto;
     border: 1px solid #ccc;
     margin-top: -270px;
     margin-left: -150px;
     background: white;
     padding: 7px;
     top: 0;
     left: 50%;
     z-index: 6660;
     -webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     -moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.45);
     box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.45);
 }

 .usky-grid .cell-tools-menu h5{
     border-bottom: 1px solid #d9d9d9;
     color: #999;
     padding: 10px;
     margin-top: 0;
 }

 .usky-grid .elements{
     display: block;
     padding: 0;
     margin: 0;
 }

 .usky-grid .elements li{
     display: inline-block;
     width: 90px;
     height: 80px;
     margin: 5px;
     padding: 5px;
     overflow: hidden;
     font-size: 11px;
 }

 .usky-grid .elements li:hover, .usky-grid .elements li:hover *{
     background: #2e8aea;
     color: white;
 }

 .usky-grid .elements a{
     color: #222;
     text-decoration: none;
 }

 .usky-grid .elements i{
     font-size: 30px;
     line-height: 50px;
     color: #999;
     display: block
 }

 /**************************************************************************************************/
 /* Configuration specific styles */
 /**************************************************************************************************/
.usky-grid-configuration .uSky-templates{
    text-align: left;
}

.usky-grid-configuration ul{
    display: block;
}

.usky-grid-configuration ul li{
    display: block;
    width: auto;
    text-align: left;
}

.usky-grid-configuration .uSky-templates .uSky-templates-template .tb{
    max-height: 50px;
    border-width: 2px !important;
    padding: 0px;
    border-spacing:2px;
    overflow: hidden;
}

.usky-grid-configuration .uSky-templates .uSky-templates-template span{
    background: @grayLight;
    display: inline-block;
}

.usky-grid-configuration .uSky-templates .uSky-templates-template .tb:hover{
    border-width: 2px !important;
}

.usky-grid-configuration .uSky-templates-column{
    display: block;
    float: left;
    margin-left: -1px;
    border: 1px white solid !important;
    background: @grayLight;
}

.usky-grid-configuration .uSky-templates-column.last{
    margin-right: -1px;
}

.usky-grid-configuration .uSky-templates-column.add{
    text-align: center;
    font-size: 20px;
    line-height: 70px;
    color: #ccc;
    text-decoration: none;
    background: white;
}

.usky-grid-configuration .mainTdpt{
    height: initial;
    border: none;
}

.usky-grid-configuration .uSky-templates-rows .uSky-templates-row{
    margin: 0px 50px 20px 0px;
    width: 60px;
}

.usky-grid-configuration .uSky-templates-rows .uSky-templates-row .tb{
    border-width: 2px !important;
    padding: 0px;
    border-spacing:2px;
}

.usky-grid-configuration .uSky-templates-rows .mainTdpt{
    height: 10px !important;
}

.usky-grid-configuration a.uSky-templates-column{height: 70px !important;}


Hide `alt` text for lazy load images

Hide `alt` text for lazy load images

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/aoimedia/uikit.git/'


Trello

Trello

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


hide menu on welcome-page refresh

hide menu on welcome-page refresh

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/viesii/spill.git/'


Remove line-height: inherit from .CodeMirror pre since this is now in the core CodeMirror CSS

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

/* Brackets / CodeMirror Code Formatting */

.CodeMirror pre {
    padding: 0 @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 15px;

.cm-s-default {
    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}
    span.cm-rangeinfo {color: @accent-rangeinfo;}
    span.cm-minus {color: @accent-minus;}
    span.cm-plus {color: @accent-plus;}

    span.CodeMirror-matchingbracket {color: @accent-bracket !important; background-color: @background-color-2;}
    span.CodeMirror-nonmatchingbracket {color: @accent-bracket !important;}

    .CodeMirror-cursor {
        .code-cursor();

        /* Ensure the cursor shows up in front of code spans with a background color
         * (e.g. matchingbracket).
         */
        z-index: 3;
    }

    .CodeMirror-lines {
        padding: @code-padding 0;

        /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
         * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
         * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
         * we are guaranteed that the mouse event will be captured by our parent div, and click events will
         * be dispatched.
         */
        pointer-events: none;
    }

    .CodeMirror-linewidget {
        /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
         * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
        pointer-events: auto;
    }

    .CodeMirror-gutters {
        background-color: @background-color-3;
        border-right: none;
        padding: @code-padding 0;
        min-width: 2.5em;
    }
    .CodeMirror-linenumber {
        color: @accent-comment;
        min-width: 2.5em;
        /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
        padding-top: 0px;
        padding-bottom: 0px;
    }
    &.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @background-color-1;
    }

    .CodeMirror .CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror.cm-s-default .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.cm-s-default.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}

// Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

/* Brackets / CodeMirror Code Formatting */

/*
 * TODO This can be removed next time we update CodeMirror2.
 * Marijn made this change to codemirror.css, but I need it now
 * in order to make font resizing work.
 */
.CodeMirror pre {
    line-height: inherit;
    padding: 0 @code-padding;
}

.CodeMirror-scroll {
    background-color: @background-color-3;
}

.platform-mac .CodeMirror {
    .code-font-mac();
}

.platform-win .CodeMirror {
    .code-font-win();
}

@code-padding: 15px;

.cm-s-default {
    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}
    span.cm-rangeinfo {color: @accent-rangeinfo;}
    span.cm-minus {color: @accent-minus;}
    span.cm-plus {color: @accent-plus;}

    span.CodeMirror-matchingbracket {color: @accent-bracket !important; background-color: @background-color-2;}
    span.CodeMirror-nonmatchingbracket {color: @accent-bracket !important;}

    .CodeMirror-cursor {
        .code-cursor();

        /* Ensure the cursor shows up in front of code spans with a background color
         * (e.g. matchingbracket).
         */
        z-index: 3;
    }

    .CodeMirror-lines {
        padding: @code-padding 0;

        /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now
         * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events
         * occur on different elements, which means a click event will not be sent. By disabling pointer events here,
         * we are guaranteed that the mouse event will be captured by our parent div, and click events will
         * be dispatched.
         */
        pointer-events: none;
    }

    .CodeMirror-linewidget {
        /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the
         * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */
        pointer-events: auto;
    }

    .CodeMirror-gutters {
        background-color: @background-color-3;
        border-right: none;
        padding: @code-padding 0;
        min-width: 2.5em;
    }
    .CodeMirror-linenumber {
        color: @accent-comment;
        min-width: 2.5em;
        /*font-size: 0.9em;*/  /* restore after SourceCodePro font fix? */
        padding-top: 0px;
        padding-bottom: 0px;
    }
    &.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror {
        background: transparent;
    }

    .CodeMirror span.CodeMirror-matchingbracket {
        /* Ensure visibility against gray inline editor background */
        background-color: @background-color-1;
    }

    .CodeMirror .CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused .CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror.cm-s-default .CodeMirror-selected {
        background: @selection-color-unfocused;
    }
    .CodeMirror.cm-s-default.CodeMirror-focused .CodeMirror-selected {
        background: @selection-color-focused;
    }
    .CodeMirror .CodeMirror-gutters {
        background: transparent;
        border-right: none;
    }

    .CodeMirror-scroll {
        outline: none;
    }

    .CodeMirror-sizer {
        cursor: text;
    }

    .CodeMirror .CodeMirror-vscrollbar, .CodeMirror .CodeMirror-hscrollbar {
        cursor: default;
    }
}

/*
 * Temporarily override bold and italic syntax highlighting until
 * SourceCodePro supports them in a fixed pitch
 */
span.cm-em {
    font-style: normal;
}
span.cm-header, span.cm-strong {
    font-weight: normal;
}
span.cm-emstrong {
    font-style: normal;
    font-weight: normal;
}


Fix cursor value: default instead of normal

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/kyfr59/atom-cg35.git/'


post bottom margin

post bottom margin

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


1 minor fix

1 minor fix

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/alex-nexus/bootswatch-theme-rails.git/'


transitions, shadows

transitions, shadows

@import "../defaults/common.less";

#content {
  max-width: 700px;
}

.happy-talk img {
  display: block;
  margin: 20px auto;
}

.happy-talk a {
  color: @pink;
  font-weight: bold;
}

.happy-talk a:visited {
  color: @pink - #333;
}

.setup {
  margin-bottom: 40px;
}

.setup p {
  margin-top: 15px;
}

.setup label {
  display: block;
  text-align: left;
  font-style: italic;
}

.setup .field {
  margin-top: 6px;
  width: 100%;
  .box-sizing();
  .box-radius(6px);
  .box-transition(background-color 0.3s);
  font-size: 1em;
  color: @blue_strong;
  text-shadow: 1px 1px 2px @blue_hover;
}

.setup .field:focus {
  background-color: @yellow_light;
}

.setup-buttons {
  text-align: right;
}

.setup .submit {
  .ff-trebuchet();
  padding: 8px 12px;
  background-color: @green_light;
  color: @yellow_light;
  border: none;
  .box-shadow(1px 1px 1px @green);
  .box-transition(background-color 0.2s);
  text-shadow: 1px 1px 2px @green;
  font-size: 1.6em;
}

.setup .submit:hover,
.setup .submit:focus {
  background-color: @green_light + #111;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .happy-talk img {
    margin: 40px auto;
  }

  .setup .field {
    font-size: 2em;
    color: @blue;
  }

  .setup .submit {
    font-size: 2.3em;
  }
}

@import "../defaults/common.less";

#content {
  max-width: 700px;
}

.happy-talk img {
  display: block;
  margin: 20px auto;
}

.happy-talk a {
  color: @pink;
  font-weight: bold;
}

.happy-talk a:visited {
  color: @pink - #333;
}

.setup {
  margin-bottom: 40px;
}

.setup p {
  margin-top: 15px;
}

.setup label {
  display: block;
  text-align: left;
  font-style: italic;
}

.setup .field {
  margin-top: 6px;
  width: 100%;
  .box-sizing();
  .box-radius(6px);
  font-size: 1em;
  color: @blue_strong;
}

.setup .field:focus {
  background-color: @yellow_light;
  color: @blue_strong;
}

.setup-buttons {
  text-align: right;
}

.setup .submit {
  .ff-trebuchet();
  padding: 8px 12px;
  background-color: @green_light;
  color: @yellow_light;
  border: none;
  .box-shadow(1px 1px 1px @green);
  .box-transition(background-color 0.15s);
  text-shadow: 1px 1px 2px @green;
  font-size: 1.6em;
}

.setup .submit:hover,
.setup .submit:focus {
  background-color: @green_light + #111;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .happy-talk img {
    margin: 40px auto;
  }

  .setup .field {
    font-size: 2em;
    color: @blue;
  }

  .setup .submit {
    font-size: 2.3em;
  }
}


fixed crucial bug in pre and code css

fixed crucial bug in pre and code css

@import "../defaults/common.less";

@brownish: #2a211c;
@plaintext: #bdae9d;
@highlights: #4b3c34;
@golden: #e5c138;
@lightyellow: #a59c59;
@brown: #aa9680;
@orange: #ff7f50;
@greenish: #4b918b;

pre.prettyprint { /* code blocks */
  background-color: @brownish;
  color: @plaintext;
  .box-radius(4px);
  .box-shadow-dual(0 1px 0 #bbb, 0 0 0 2px #fff inset);
}

pre.prettyprint ol.linenums li {
  min-height: 1.2em; /* prevent empty lines from collapsing */
}

pre.prettyprint ol.linenums li.highlight-line {
  background-color: @highlights;
}

.str { color: #fff; } /* string literals */
.com { color: @lightyellow; } /* comments */
.lit { color: @orange; } /* literals, such as numbers */
.pun { color: @brown; } /* punctuation */
.tag { color: @border; } /* html tags */
.typ { color: @golden; } /* keywords */

code.prettyprint { /* snippets */
  background-color: @border;
  padding: 1px 4px;
  color: @strong;
}

code.prettyprint .str {
  color: @greenish; /* deal with contrast issues */
}
code.prettyprint .tag {
  color: @strong;
}
code.prettyprint .com {
  color: @strong; /* 'comments' in inline code are most likely a uri */
}

@import "../defaults/common.less";

@brownish: #2a211c;
@plaintext: #bdae9d;
@highlights: #4b3c34;
@golden: #e5c138;
@lightyellow: #a59c59;
@brown: #aa9680;
@orange: #ff7f50;
@greenish: #4b918b;

pre.prettyprint { /* code blocks */
  background-color: @brownish;
  color: @plaintext;
  .box-radius(4px);
  .box-shadow-dual(0 1px 0 #bbb, 0 0 0 2px #fff inset);
}

pre.prettyprint ol.linenums li {
  height: 1.2em; /* prevent empty lines from collapsing */
}

pre.prettyprint ol.linenums li.highlight-line {
  background-color: @highlights;
}

.str { color: #fff; } /* string literals */
.com { color: @lightyellow; } /* comments */
.lit { color: @orange; } /* literals, such as numbers */
.pun { color: @brown; } /* punctuation */
.tag { color: @border; } /* html tags */
.typ { color: @golden; } /* keywords */

code.prettyprint { /* snippets */
  background-color: @border;
  padding: 1px 4px;
  color: @strong;
}

code.prettyprint .str {
  color: @greenish; /* deal with contrast issues */
}
code.prettyprint .tag {
  color: @strong;
}
code.prettyprint .com {
  color: @strong; /* 'comments' in inline code are most likely a uri */
}


Update site.less

Update site.less

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


OR-250 Fix footer

OR-250 Fix footer

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/heroandtn3/openpaas-esn.git/'


removed unused styles

removed unused styles


Delete path.less

Delete path.less

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/miiiyamoto/jarsprout.git/'


Increase urlbar fontsize (#8400)

Increase urlbar fontsize (#8400)

* Increase urlbar fontsize
- Auditors: @bradleyrichter
- Close #7848

* reduce line-height for win

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/luixxiul/browser-laptop.git/'


Update static/vendors/ace-builds/demo/kitchen-sink/docs/less.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

/* styles.less */

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {
    box-shadow:         @style @c;
    -webkit-box-shadow: @style @c;
    -moz-box-shadow:    @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
    .box-shadow(@style, rgba(0, 0, 0, @alpha));
}

// Box styles
.box {
    color: saturate(@base, 5%);
    border-color: lighten(@base, 30%);

    div { .box-shadow(0 0 5px, 30%) }

    a {
        color: @base;

        &:hover {
            color: lighten(@base, 50%);
        }
    }
}

error: pathspec 'static/vendors/ace-builds/demo/kitchen-sink/docs/less.less' did not match any file(s) known to git


Disable selection when dragging in slider

On desktop, this prevents the screenshot thumbnails from getting
selected as text when you're dragging around. Buttery smoothness
all around.

@import 'lib';

// base class

.mkt-tile {
    position: relative;
    overflow: hidden;
    display: block;
    color: @text;
    &:hover {
        text-decoration: none;
    }
    .icon {
        display: block;
    }
    .info h3 {
        .ellipsis;
    }
}

.grid, .listing {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
    width: 100%;
}

.product-details .mkt-tile .icon.mobile_tile,
.listing .mkt-tile .icon.mobile_tile,
.mkt-tile .icon.featured_tile {
    display: none;
}

.creatured .mkt-tile .icon,
.featured .mkt-tile .icon {
    display: none;
    &.mobile_tile {
        display: block;
    }
}

@media (max-width: 480px) {
    .creatured .grid,
    .creatured .grid li {
        padding: 0;
    }
    .creatured .grid li + li {
        border-left: 1px solid rgba(0,0,0,.4);
    }
    .creatured .grid {
        .mkt-tile {
            background: @grain-src darken(@grain, 15%);
            height: 55px;
            padding: 12px 10px;
            .info, &:hover .info, &:active .info {
                background: transparent;
            }
            &:hover {
                background-color: darken(@grain, 12%);
            }
            &:active {
                .depressed;
            }
            .info {
                .box-shadow(none);
                height: auto;
                padding: 0;
                position: static;
            }
            h3 {
                color: @white;
                font-size: 11px;
                line-height: 16px;
                margin-bottom: -4px;
                padding-left: 21px;
            }
            .rating {
                font-size: 11px;
                margin: 4px 0 0 2px;
                vertical-align: top;
            }
            .rating .cnt,
            .unrated {
                display: block;
                text-indent: -999px;
            }
            canvas {
                display: none;
            }
            .icon {
                &.featured_tile {
                    background-size: auto 16px;
                    display: block;
                    position: absolute;
                    top: 12px;
                    left: 11px;
                    height: 16px;
                    width: 16px;
                }
                &.mobile_tile {
                    display: none;
                }
            }
        }
    }
}

// Listing
// name + icon + price + rating in a vertical listview.
// also used as standalone "card" on detail pages.

.product-details,
.listing .mkt-tile {
    // TODO: Maybe we don't need this twice. We'll see when we do desktop.
    .gradient-two-color-with-image(#f7f7f7, @barely-gray, @grain-src);
}

.listing .mkt-tile {
    min-height: 66px;
    padding: 20px 10px 20px 88px;
    h3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        margin: -4px 0 -7px;
        padding-bottom: 9px;
    }
    .icon {
        float: left;
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .author {
        color: @subtext;
        font-size: 12px;
        line-height: 14px;
        max-height: 28px;
        margin-bottom: -3px;
        padding-bottom: 2px;
    }
    .button {
        float: right;
        height: 24px;
        line-height: 24px;
        font-size: 13px;
        margin: 2px 0 2px 10px;
        padding: 0;
        width: 70px;
    }
    .rating {
        clear: both;
        margin-top: 4px;
        color: @subtext;
        display: block;
        font-size: 11px;
        .cnt {
            border-bottom: 1px solid transparent;
            color: @note-gray;
            font-weight: 600;
            padding-bottom: 1px;
        }
        a {
            color: @note-gray;
            text-decoration: none;
            &:hover .cnt {
                border-bottom-color: @note-gray;
                color: @dark-gray;
            }
        }
    }
    .price {
        display: none;
    }
}

// Grid
// store graphic, name, price in a floated grid (3 tiles wide at 320).

.grid {
    margin: 0 auto;
    max-width: 600px;
    li {
        border-left: 1px solid @black-border;
        border-bottom: 1px solid @black-border;
        float: left;
        width: 100%/3;
        max-height: 141px;
        &:nth-child(3n) {
            border-right: 1px solid @black-border;
        }
    }
    .mkt-tile {
        position: relative;
        width: 100%;
        height: 106px;
        .info {
            .box-shadow(0 0 1px rgba(0,0,0,.25));
            background: rgba(255,255,255,.85);
            height: 40px;
            padding: 6px 4px;
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 2;
        }
        canvas {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }
        h3, .vital {
            font-size: 12px;
            line-height: 13px;
            margin: 0;
            padding: 0;
        }
        h3 {
            margin-bottom: -2px;
            padding-bottom: 2px;
        }
        .price {
            font-size: 11px;
            font-weight: bold;
            color: @link;
        }
        .icon {
            margin: 0 auto;
            z-index: 1;
            position: relative;
        }
        .price,
        .rating {
            display: inline-block;
            vertical-align: middle;
        }
        .rating {
            margin-left: 2px;
        }
        .button,
        .author,
        .unrated,
        .cnt {
            display: none;
        }
        &.category {
            background-color: rgba(45,51,55,1);
            h3 {
                color: @text-light;
                padding: 8px;
                text-align: center;
                text-shadow: 0 1px 1px fade(#000, 50%);
                position: absolute;
                bottom: 10%;
                width: 100%;
            }
            .icon {
                width: 100%;
                height: 100%;
            }
        }
        &:hover, &:active {
            .info {
                background: rgba(255,255,255,.95);
            }
        }
        &.category {
            &:hover, &:active {
                h3 {
                    color: @white;
                }
            }
        }
        &:hover .icon {
            opacity: .8;
        }
        &:active .icon,
        &.category:active h3 {
            opacity: .4;
        }
    }
    &.featured {
        .grain;
        .mkt-tile {
            height: 55px;
            img {
                display: none;
            }
            .info {
                background: none;
                top: 7px;
                .box-shadow(none);
                padding: 6px 10px;
            }
            .vital {
                font-size: 10px;
            }
            .rating {
                color: @note-gray;
                width: 52px;
                .ellipsis;
            }
            h3 {
                color: @white;
            }
        }
        li {
            border-right: 1px solid @black-border;
            border-bottom: 1px solid @black-border;
            &:last-child {
                border-right: 0;
            }
        }
    }
}
.listing {
    > li {
        border-top: 1px solid @light-gray;
        &:first-child {
            border-top: 0;
        }
    }
}

// Previews tray.
.expanded .mkt-tile + .tray {
    display: block;
    height: 232px;
}
.mkt-tile + .tray {
    display: none;
    // some day
    /*transition: .3s height ease-out;*/
    .gradient-two-color-with-image(rgba(221,225,228,.35), rgba(159,164,169,.95), @grain-src);
    height: 0px;
    border-bottom: 1px solid rgba(0,0,0,.3);
    border-top: 1px solid rgba(0,0,0,.05);
    position: relative;
    .slider {
        height: 230px;
        overflow: hidden;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
    }
    ul {
        padding: 15px 0;
        margin: 0 auto;
        list-style-type: none;
        white-space: nowrap;
        height: 232px;
    }
    li {
        margin-left: 15px;
        float: left;
        width: 180px;
        height: 270px;
        &:first-child {
            margin-left: 0;
        }
        img {
            -moz-user-select: none;
            width: 180px;
            max-height: 270px;
        }
    }
}

.tray {
    .dots {
        width: 100%;
        position: absolute;
        top: -4px;
        text-align: center;
        height: 6px;
        line-height: 6px;
    }
    .dot {
        display: inline-block;
        vertical-align: top;
        width: 6px;
        height: 6px;
        .border-radius(3px);
        margin: 0 3px;
        .gradient-two-color(#667480, #828f99);
        .box-shadow(0 0 1px fade(#fff, 50%),
                    1px 0 2px 2px fade(#000, 21%) inset,
                    0 1px 1px fade(#000,.5));
        &.current {
            .gradient-two-color(#368dd9, #57a9fa);
            .box-shadow(0 -1px 1px fade(#03101a, 35%) inset,
                        0 0 4px fade(#0091ff, 56%));
        }
    }
}

// TODO: Maybe later.
.noApps {
    display: none;
}

.bad-app {
    color: @maroon;
    font-size: 11px;
    line-height: 12px;
    margin-top: 4px;
}

.grid .bad-app {
    display: none;
}

@media (min-width: 480px) {
    // Desktop.
    .grid {
        .mkt-tile {
            height: 140px;
        }
    }
}

@media (max-width: 479px) {
    // Mobile.
    .grid {
        .mkt-tile.category h3 {
            bottom: 0;
        }
        li {
            // Hide rightmost and leftmost borders on mobile.
            &:nth-child(3n) {
                border-right: 0;
            }
            &:nth-child(3n + 1) {
                border-left: 0;
            }
        }
    }
}

@media (min-width: 614px) {
    .grid {
        .mkt-tile {
            .info {
                color: #fff;
                background: fade(#252a2e, 85%);
            }
            &:hover, &:active {
                .info {
                    background: fade(#252a2e, 95%);
                }
            }
        }
    }
}

#featured-home {
    background: #252a2e;
}
.force-mobile #page > #featured-home {
    max-width: 100%;
}

@import 'lib';

// base class

.mkt-tile {
    position: relative;
    overflow: hidden;
    display: block;
    color: @text;
    &:hover {
        text-decoration: none;
    }
    .icon {
        display: block;
    }
    .info h3 {
        .ellipsis;
    }
}

.grid, .listing {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
    width: 100%;
}

.product-details .mkt-tile .icon.mobile_tile,
.listing .mkt-tile .icon.mobile_tile,
.mkt-tile .icon.featured_tile {
    display: none;
}

.creatured .mkt-tile .icon,
.featured .mkt-tile .icon {
    display: none;
    &.mobile_tile {
        display: block;
    }
}

@media (max-width: 480px) {
    .creatured .grid,
    .creatured .grid li {
        padding: 0;
    }
    .creatured .grid li + li {
        border-left: 1px solid rgba(0,0,0,.4);
    }
    .creatured .grid {
        .mkt-tile {
            background: @grain-src darken(@grain, 15%);
            height: 55px;
            padding: 12px 10px;
            .info, &:hover .info, &:active .info {
                background: transparent;
            }
            &:hover {
                background-color: darken(@grain, 12%);
            }
            &:active {
                .depressed;
            }
            .info {
                .box-shadow(none);
                height: auto;
                padding: 0;
                position: static;
            }
            h3 {
                color: @white;
                font-size: 11px;
                line-height: 16px;
                margin-bottom: -4px;
                padding-left: 21px;
            }
            .rating {
                font-size: 11px;
                margin: 4px 0 0 2px;
                vertical-align: top;
            }
            .rating .cnt,
            .unrated {
                display: block;
                text-indent: -999px;
            }
            canvas {
                display: none;
            }
            .icon {
                &.featured_tile {
                    background-size: auto 16px;
                    display: block;
                    position: absolute;
                    top: 12px;
                    left: 11px;
                    height: 16px;
                    width: 16px;
                }
                &.mobile_tile {
                    display: none;
                }
            }
        }
    }
}

// Listing
// name + icon + price + rating in a vertical listview.
// also used as standalone "card" on detail pages.

.product-details,
.listing .mkt-tile {
    // TODO: Maybe we don't need this twice. We'll see when we do desktop.
    .gradient-two-color-with-image(#f7f7f7, @barely-gray, @grain-src);
}

.listing .mkt-tile {
    min-height: 66px;
    padding: 20px 10px 20px 88px;
    h3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        margin: -4px 0 -7px;
        padding-bottom: 9px;
    }
    .icon {
        float: left;
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .author {
        color: @subtext;
        font-size: 12px;
        line-height: 14px;
        max-height: 28px;
        margin-bottom: -3px;
        padding-bottom: 2px;
    }
    .button {
        float: right;
        height: 24px;
        line-height: 24px;
        font-size: 13px;
        margin: 2px 0 2px 10px;
        padding: 0;
        width: 70px;
    }
    .rating {
        clear: both;
        margin-top: 4px;
        color: @subtext;
        display: block;
        font-size: 11px;
        .cnt {
            border-bottom: 1px solid transparent;
            color: @note-gray;
            font-weight: 600;
            padding-bottom: 1px;
        }
        a {
            color: @note-gray;
            text-decoration: none;
            &:hover .cnt {
                border-bottom-color: @note-gray;
                color: @dark-gray;
            }
        }
    }
    .price {
        display: none;
    }
}

// Grid
// store graphic, name, price in a floated grid (3 tiles wide at 320).

.grid {
    margin: 0 auto;
    max-width: 600px;
    li {
        border-left: 1px solid @black-border;
        border-bottom: 1px solid @black-border;
        float: left;
        width: 100%/3;
        max-height: 141px;
        &:nth-child(3n) {
            border-right: 1px solid @black-border;
        }
    }
    .mkt-tile {
        position: relative;
        width: 100%;
        height: 106px;
        .info {
            .box-shadow(0 0 1px rgba(0,0,0,.25));
            background: rgba(255,255,255,.85);
            height: 40px;
            padding: 6px 4px;
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 2;
        }
        canvas {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }
        h3, .vital {
            font-size: 12px;
            line-height: 13px;
            margin: 0;
            padding: 0;
        }
        h3 {
            margin-bottom: -2px;
            padding-bottom: 2px;
        }
        .price {
            font-size: 11px;
            font-weight: bold;
            color: @link;
        }
        .icon {
            margin: 0 auto;
            z-index: 1;
            position: relative;
        }
        .price,
        .rating {
            display: inline-block;
            vertical-align: middle;
        }
        .rating {
            margin-left: 2px;
        }
        .button,
        .author,
        .unrated,
        .cnt {
            display: none;
        }
        &.category {
            background-color: rgba(45,51,55,1);
            h3 {
                color: @text-light;
                padding: 8px;
                text-align: center;
                text-shadow: 0 1px 1px fade(#000, 50%);
                position: absolute;
                bottom: 10%;
                width: 100%;
            }
            .icon {
                width: 100%;
                height: 100%;
            }
        }
        &:hover, &:active {
            .info {
                background: rgba(255,255,255,.95);
            }
        }
        &.category {
            &:hover, &:active {
                h3 {
                    color: @white;
                }
            }
        }
        &:hover .icon {
            opacity: .8;
        }
        &:active .icon,
        &.category:active h3 {
            opacity: .4;
        }
    }
    &.featured {
        .grain;
        .mkt-tile {
            height: 55px;
            img {
                display: none;
            }
            .info {
                background: none;
                top: 7px;
                .box-shadow(none);
                padding: 6px 10px;
            }
            .vital {
                font-size: 10px;
            }
            .rating {
                color: @note-gray;
                width: 52px;
                .ellipsis;
            }
            h3 {
                color: @white;
            }
        }
        li {
            border-right: 1px solid @black-border;
            border-bottom: 1px solid @black-border;
            &:last-child {
                border-right: 0;
            }
        }
    }
}
.listing {
    > li {
        border-top: 1px solid @light-gray;
        &:first-child {
            border-top: 0;
        }
    }
}

// Previews tray.
.expanded .mkt-tile + .tray {
    display: block;
    height: 232px;
}
.mkt-tile + .tray {
    display: none;
    // some day
    /*transition: .3s height ease-out;*/
    .gradient-two-color-with-image(rgba(221,225,228,.35), rgba(159,164,169,.95), @grain-src);
    height: 0px;
    border-bottom: 1px solid rgba(0,0,0,.3);
    border-top: 1px solid rgba(0,0,0,.05);
    position: relative;
    .slider {
        height: 230px;
        overflow: hidden;
    }
    ul {
        padding: 15px 0;
        margin: 0 auto;
        list-style-type: none;
        white-space: nowrap;
        height: 232px;
    }
    li {
        margin-left: 15px;
        float: left;
        width: 180px;
        height: 270px;
        &:first-child {
            margin-left: 0;
        }
        img {
            -moz-user-select: none;
            width: 180px;
            max-height: 270px;
        }
    }
}

.tray {
    .dots {
        width: 100%;
        position: absolute;
        top: -4px;
        text-align: center;
        height: 6px;
        line-height: 6px;
    }
    .dot {
        display: inline-block;
        vertical-align: top;
        width: 6px;
        height: 6px;
        .border-radius(3px);
        margin: 0 3px;
        .gradient-two-color(#667480, #828f99);
        .box-shadow(0 0 1px fade(#fff, 50%),
                    1px 0 2px 2px fade(#000, 21%) inset,
                    0 1px 1px fade(#000,.5));
        &.current {
            .gradient-two-color(#368dd9, #57a9fa);
            .box-shadow(0 -1px 1px fade(#03101a, 35%) inset,
                        0 0 4px fade(#0091ff, 56%));
        }
    }
}

// TODO: Maybe later.
.noApps {
    display: none;
}

.bad-app {
    color: @maroon;
    font-size: 11px;
    line-height: 12px;
    margin-top: 4px;
}

.grid .bad-app {
    display: none;
}

@media (min-width: 480px) {
    // Desktop.
    .grid {
        .mkt-tile {
            height: 140px;
        }
    }
}

@media (max-width: 479px) {
    // Mobile.
    .grid {
        .mkt-tile.category h3 {
            bottom: 0;
        }
        li {
            // Hide rightmost and leftmost borders on mobile.
            &:nth-child(3n) {
                border-right: 0;
            }
            &:nth-child(3n + 1) {
                border-left: 0;
            }
        }
    }
}

@media (min-width: 614px) {
    .grid {
        .mkt-tile {
            .info {
                color: #fff;
                background: fade(#252a2e, 85%);
            }
            &:hover, &:active {
                .info {
                    background: fade(#252a2e, 95%);
                }
            }
        }
    }
}

#featured-home {
    background: #252a2e;
}
.force-mobile #page > #featured-home {
    max-width: 100%;
}


fix up gradient for homepage

fix up gradient for homepage

@import 'lib';

.homepage-promo {
    background-image: url(../../img/mkt/grain.png),
                      linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -moz-linear-gradient(#394C58, #60747F);
    background-image: url(../../img/mkt/grain.png),
                      -webkit-linear-gradient(#394C58, #60747F);
    /*.gradient-two-color(#394C58, #60747F);*/
    height: 320px;
    color: @white;
    div {
        .border-box;
        padding-top: 58px;
        position: relative;
        .width(10);
        margin: 0 auto;
    }
    p {
        font-size: 14px;
        width: 320px;
    }
    h2 {
        font-size: 43px;
        line-height: 52px;
        margin-bottom: 0px;
    }
}
.featured {
    background: #60747F;
    .grain;
    color: @white;
    height: 282px;
    border-bottom: 1px solid #666;
}

@import 'lib';

.homepage-promo {
    background-image: url(../../img/mkt/grain.png),
                      -moz-linear-gradient(#394C58, #60747F);
    /*.gradient-two-color(#394C58, #60747F);*/
    height: 320px;
    color: @white;
    div {
        .border-box;
        padding-top: 58px;
        position: relative;
        .width(10);
        margin: 0 auto;
    }
    p {
        font-size: 14px;
        width: 320px;
    }
    h2 {
        font-size: 43px;
        line-height: 52px;
        margin-bottom: 0px;
    }
}
.featured {
    background: #60747F;
    .grain;
    color: @white;
    height: 282px;
    border-bottom: 1px solid #666;
}


Add custom helper classes, change configs, and theoritically hook up legacy icon font

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/'


make the input textbox colours less derpy on the old design

.store-supporter-tag {
  &__user-icon {
    margin: 8px;
  }

  &__user-search {
    margin: 8px;

    .grid-cell {
      margin: 0 0 8px 0;
    }

    input.form-control {
      background-color: #ccc;
      text-align: center;
      min-width: 14em;
    }
  }

  &--disabled {
    .js-slider {
      .ui-slider-handle {
        background-color: #999;
      }
      &.ui-slider {
        background-color: #999;
        .ui-slider-range {
          background-color: #999;
        }
      }
    }
    .js-slider-preset {
      background-color: #999;
      pointer-events: none;
      cursor: default;

      &--active {
        background-color: #999;
      }
    }
  }

  .form-control {
    color: #555;
    border: none;
    box-shadow: none;

    &:focus {
      box-shadow: none;
    }
  }

  .js-input-feedback {
    display: inline-block; // prevent collapsing of empty block
    font-size: 13px;
    font-weight: 600;
    color: #555;
    text-align: center;
  }

  .price-box {
    margin-left: 20px;
    white-space: nowrap; // TODO: elevate?
  }

  .ui-slider {
    margin: 85px 50px 24px 50px;
  }
}

.slider-callout {
  position: relative;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  padding: 6px;
  width: 220px;
  left: 5px;
  transform: translate3d(-50%, calc(-100% - 20px), 0);

  &:after, &:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transform: scaleX(0.5);
  }

  &:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #333;
    border-width: 12px;
    margin-left: -12px;
  }

  .js-discount {
    margin-top: 2px;
    color: #999;
  }

  .price {
    font-size: 18px;
    font-weight: 600;
  }
}

.js-slider-preset {
  background-color: #666;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  margin: 4px;
  height: 20px;
  width: 32px;
  line-height: 19px;
  text-align: center;
  border-radius: 10px;

  &--active {
    background-color: @pink-darker;
  }
}

.store-supporter-tag {
  &__user-icon {
    margin: 8px;
  }

  &__user-search {
    margin: 8px;

    .grid-cell {
      margin: 0 0 8px 0;
    }

    input.form-control {
      text-align: center;
      min-width: 14em;
    }
  }

  &--disabled {
    .js-slider {
      .ui-slider-handle {
        background-color: #999;
      }
      &.ui-slider {
        background-color: #999;
        .ui-slider-range {
          background-color: #999;
        }
      }
    }
    .js-slider-preset {
      background-color: #999;
      pointer-events: none;
      cursor: default;

      &--active {
        background-color: #999;
      }
    }
  }

  .form-control {
    color: #555;
    border: none;
    box-shadow: none;

    &:focus {
      box-shadow: none;
    }
  }

  .js-input-feedback {
    display: inline-block; // prevent collapsing of empty block
    font-size: 13px;
    font-weight: 600;
    color: #555;
    text-align: center;
  }

  .price-box {
    margin-left: 20px;
    white-space: nowrap; // TODO: elevate?
  }

  .ui-slider {
    margin: 85px 50px 24px 50px;
  }
}

.slider-callout {
  position: relative;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  padding: 6px;
  width: 220px;
  left: 5px;
  transform: translate3d(-50%, calc(-100% - 20px), 0);

  &:after, &:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transform: scaleX(0.5);
  }

  &:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #333;
    border-width: 12px;
    margin-left: -12px;
  }

  .js-discount {
    margin-top: 2px;
    color: #999;
  }

  .price {
    font-size: 18px;
    font-weight: 600;
  }
}

.js-slider-preset {
  background-color: #666;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  margin: 4px;
  height: 20px;
  width: 32px;
  line-height: 19px;
  text-align: center;
  border-radius: 10px;

  &--active {
    background-color: @pink-darker;
  }
}


Make changes per Emily's request

Make changes per Emily's request

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/DellGDC/dell-ui-components.git/'


Remove inset box shadow of form control with errors

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-theme-gluon.git/'