fix(ui) Make links in alert boxes more consistent (#11047)

Make links in django alertboxes more visually consistent with the alert
links in react. Previously links in alerts were indistinguishable from
bold text.

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/beeftornado/sentry.git/'


Create button-group.less

Create button-group.less

//
// Button groups
// --------------------------------------------------

// Make the div behave like a button
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; // match .btn alignment given font-size hack above
  > .btn {
    position: relative;
    float: left;
    // Bring the "active" button to the front
    &:hover,
    &:focus,
    &:active,
    &.active {
      z-index: 2;
    }
    &:focus {
      // Remove focus outline when dropdown JS adds it after closing the menu
      outline: 0;
    }
  }
}

// Prevent double borders when buttons are next to each other
.btn-group {
  .btn + .btn,
  .btn + .btn-group,
  .btn-group + .btn,
  .btn-group + .btn-group {
    margin-left: -1px;
  }
}

// Optional: Group multiple button groups together for a toolbar
.btn-toolbar {
  margin-left: -5px; // Offset the first child's margin
  &:extend(.clearfix all);

  .btn-group,
  .input-group {
    float: left;
  }
  > .btn,
  > .btn-group,
  > .input-group {
    margin-left: 5px;
  }
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child {
  margin-left: 0;
  &:not(:last-child):not(.dropdown-toggle) {
    .border-right-radius(0);
  }
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  .border-left-radius(0);
}

// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child {
  > .btn:last-child,
  > .dropdown-toggle {
    .border-right-radius(0);
  }
}
.btn-group > .btn-group:last-child > .btn:first-child {
  .border-left-radius(0);
}

// On active and open, don't show outline
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

// Sizing
//
// Remix the default button sizing classes into new ones for easier manipulation.

.btn-group-xs > .btn { &:extend(.btn-xs); }
.btn-group-sm > .btn { &:extend(.btn-sm); }
.btn-group-lg > .btn { &:extend(.btn-lg); }

// Split button dropdowns
// ----------------------

// Give the line between buttons some depth
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle {
  .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));

  // Show no shadow for `.btn-link` since it has no other button styles.
  &.btn-link {
    .box-shadow(none);
  }
}

// Reposition the caret
.btn .caret {
  margin-left: 0;
}
// Carets in other button sizes
.btn-lg .caret {
  border-width: @caret-width-large @caret-width-large 0;
  border-bottom-width: 0;
}
// Upside down carets for .dropup
.dropup .btn-lg .caret {
  border-width: 0 @caret-width-large @caret-width-large;
}

// Vertical button groups
// ----------------------

.btn-group-vertical {
  > .btn,
  > .btn-group,
  > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }

  // Clear floats so dropdown menus can be properly placed
  > .btn-group {
    &:extend(.clearfix all);
    > .btn {
      float: none;
    }
  }

  > .btn + .btn,
  > .btn + .btn-group,
  > .btn-group + .btn,
  > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
}

.btn-group-vertical > .btn {
  &:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  &:first-child:not(:last-child) {
    border-top-right-radius: @border-radius-base;
    .border-bottom-radius(0);
  }
  &:last-child:not(:first-child) {
    border-bottom-left-radius: @border-radius-base;
    .border-top-radius(0);
  }
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) {
  > .btn:last-child,
  > .dropdown-toggle {
    .border-bottom-radius(0);
  }
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  .border-top-radius(0);
}

// Justified button groups
// ----------------------

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  > .btn,
  > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
  }
  > .btn-group .btn {
    width: 100%;
  }

  > .btn-group .dropdown-menu {
    left: auto;
  }
}

// Checkbox and radio options
//
// In order to support the browser's form validation feedback, powered by the
// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
// use `display: none;` or `visibility: hidden;` as that also hides the popover.
// This way, we ensure a DOM element is visible to position the popover from.
//
// See https://github.com/twbs/bootstrap/pull/12794 for more.

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  .opacity(0);
}

error: pathspec 'static/app/components/bootstrap/css/less/button-group.less' did not match any file(s) known to git


Update base.less

Update base.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/fazilou/chat.git/'


Fix margin of panel-main on phone

Fix margin of panel-main on phone

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


added positive and negative styles

added positive and negative styles

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/dedalozzo/pit-bootstrap.git/'


tweaking bookmark color

tweaking bookmark color

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/pradeepmurugesan/incubator-freemarker-docgen.git/'


adding nav styles

adding nav styles


add cart.less to theme

add cart.less to theme

/* cart */
#cart{
  	display: none;
  	margin-bottom: 20px;
  	margin-top: -200px;
}

	#cart.active{
		display: block;
	  	margin-top: 0;
	}

.cart-items{
	display: block;
  	margin: 5px 20px;
  	padding: 0;
  	word-spacing: -1;

}

.checkout{
	text-align: right;
  	padding: 5px 20px 10px 20px;
}

	.checkout button{
		margin-left: 5px;
	}

#cart .total{
	padding: 20px 20px 10px 20px;
  	border-top: 2px solid #ddd;
  	text-align: right;
}

/* cart, shelf */
.shelf-group1, .shelf-group2, .shelf-group3,
.cart-group1, .cart-group2, .cart-group3, .cart-group4{
	display: inline-block;
  	vertical-align: top;
  	margin: 0;
  	padding: 0;
  	box-sizing: border-box;
}

	.shelf-group1, .shelf-group2{
		width: 35%;
	}

	.shelf-group3{
		width: 30%;
	  	text-align: right;
	}

	.cart-group1, .cart-group2, .cart-group3, .cart-group4{
		width: 25% !important;
	}

	.cart-group3, .cart-group4{
		text-align: right;
	}

	.shelf-item, .cart-item{
		position: relative;
		margin: 0;
		padding: 10px 0 5px 0;
	  	border-bottom: 1px solid #ddd;
	  	display: block;
	}

	  .shelf-item:last-child, .cart-item:last-child{
	      border-bottom: none;
	  }

	.shelf-description, .cart-description{
		display: block;
		padding: 0 0 5px 0;
		font-weight: bold;
		font-size: 1.2em;
	}

		.shelf-sku, .cart-sku{
			display: block;
			padding: 0 0 5px 0;
			font-size: 1.0em;
		}

		.shelf-price, .cart-price{
			font-size: 1.1em;
			padding: 0 0 5px 0;
			display: block;
		}

		.shelf-shipping, .cart-shipping{
			text-transform: uppercase;
			font-size: 0.9em;
			color: #aaa;
		}

	.shelf-group3 .form-control, .cart-group3 .form-control{
		width: 50px;
	  	display: inline-block;
	  	margin-right: 5px;
	}

error: pathspec 'themes/simple/styles/cart.less' did not match any file(s) known to git


Add player-song-list.less.

Add player-song-list.less.

.nm-player-songlist {
    position: absolute;
    bottom: @nm-app-footer-height;
    left: 50%;
    margin-left: -(@nm-player-songlist-width / 2);
    width: @nm-player-songlist-width;
    height: @nm-player-songlist-height;
    background-color: @nm-player-songlist-background-color;
}

error: pathspec 'src/nmr/resource/player-song-list.less' did not match any file(s) known to git


tweaking code block colors

tweaking code block colors


Format style of panel cell with floating label form


Update panel cell style

Update panel cell style

fatal: unable to access 'https://github.com/sonatra/sonatra-theme-gluon.git/': The requested URL returned error: 403


Add panel no border style

Add panel no border style


less optimization

less optimization

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/lepouya/sim.git/'


Create animated.less

Create animated.less

// Animated Icons
// --------------------------

.@{fa-css-prefix}-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.@{fa-css-prefix}-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

error: pathspec 'less/font-awesome/animated.less' did not match any file(s) known to git


Reduce menu row height

Reduce menu row height

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/pancakeCaptain/test-scaffolder.git/'


Make sure whackamole doesn't show when it's not supposed to

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


Removes styles for non-modal post dialogue and transition effect


try some different colours and other misc tweaks

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/crdx/crdx.org.git/'


change margins on info panel

change margins on info panel

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/Craftware/Kornell.git/'


css tweak

css tweak

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


Fix button navbar group horizontal margin


fix "Open Sans" for developer hub since tabzilla is gonezilla

@import 'lib';

/************************************/
/*             TYPOGRAPHY           */
/************************************/

@font-face {
    font-family: 'Open Sans';
    src: url('../mkt/fonts/OpenSans-Light-webfont.eot');
    src: url('../mkt/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../mkt/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../mkt/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../mkt/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../mkt/fonts/OpenSans-Regular-webfont.eot');
    src: url('../mkt/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../mkt/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../mkt/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../mkt/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../mkt/fonts/OpenSans-Semibold-webfont.eot');
    src: url('../mkt/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../mkt/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../mkt/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../mkt/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

body {
    font-family: @sans-stack;
    font-style: normal;
    font-size: 13px;
}

section + h1 {
    margin: 15px 0;
}

#page {
    h1 {
        font: normal 32px/40px @open-stack;
        color: @orange;
        margin-bottom: 15px;
    }
    h2 {
        font: normal 20px @open-stack;
        color: @dark-gray;
        margin-bottom: 10px;
    }
    h3 {
        font: normal 17px @open-stack;
        color: darken(@dark-gray, 10%);
        margin-bottom: 10px;
    }
    h4 {
        font: bold 14px @open-stack;
        color: darken(@medium-gray, 5%);
        margin-bottom: 5px;
    }
    p, ul, ol {
        + h2 {
            margin-top: 25px;
        }
    }
}

hgroup {
    h2 {
        color: @medium-gray;
    }
    b {
        font-weight: bold;
    }
}

h4 {
    font-size: 14px;
}

blockquote {
    border-left: 1px solid @light-gray;
    font-family: @sans-stack;
    margin: 2em 1em;
    padding-left: 1em;
}

h5 {
    font-weight: bold;
    span {
        font-size: 0.857em;
        font-weight: normal;
        white-space: nowrap;
    }
}

pre, code, kbd, tt, samp, tt {
    font-family: @mono-stack;
}

pre {
    line-height: 1.4;
    white-space: pre-wrap;
}

.primary, .modal {
    p, ul {
        line-height: 1.3em;
    }
    p {
        margin-top: 1em;
        &.call-to-action {
            font-weight: bold;
        }
    }
    > p:first-child {
        margin: 0;
    }
    .indent {
        color: @medium-gray;
        margin-left: 1.5em;
    }
    ul {
        &.indent {
            list-style: disc inside;
            margin-top: 1em;
        }
    }
    em {
        font-style: italic;
    }
}

.defaultlink {
    font: normal 12px @sans-stack;
    text-transform: none;
    margin-left: .5em;
}

.island, .modal, .popup {
    h2 {
        margin-bottom: .5em;
        .seeall {
            .defaultlink
        }
    }
    &.hero {
        h1 {
            margin-bottom: 5px;
        }
        hgroup {
            h3 {
                color: @medium-gray;
                font-size: 14px;
            }
            b {
                font-weight: bold;
            }
        }
        header + .item {
            border-top: 1px dotted @border-blue;
            margin-top: 1em;
        }
    }
}

.primary {
    > .seeall {
        text-align: center;
        clear: both;
        font-size: 14px;
        line-height: 22px;
    }
}

.secondary {
    h2 {
        font-family: @sans-stack;
        font-style: normal;
        font-weight: bold;
        text-transform: uppercase;
        color: @dark-gray;
        .seeall {
            .defaultlink
        }
    }
    h3 {
        font-family: @sans-stack;
        color: @dark-gray;
    }
}

.error {
    color: @red;
}

caption {
    display: none;
}

th {
    text-align: left;
}

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

dl {
    margin: 0;
}

dt {
    color: @dark-gray;
    font-weight: bold;
    margin: 0 0 5px;
}

dd {
    color: @medium-gray;
    margin: 0 0 15px;
}

@import 'lib';

/************************************/
/*             TYPOGRAPHY           */
/************************************/

body {
    font-family: @sans-stack;
    font-style: normal;
    font-size: 13px;
}

section + h1 {
    margin: 15px 0;
}

#page {
    h1 {
        font: normal 32px/40px @open-stack;
        color: @orange;
        margin-bottom: 15px;
    }
    h2 {
        font: normal 20px @open-stack;
        color: @dark-gray;
        margin-bottom: 10px;
    }
    h3 {
        font: normal 17px @open-stack;
        color: darken(@dark-gray, 10%);
        margin-bottom: 10px;
    }
    h4 {
        font: bold 14px @open-stack;
        color: darken(@medium-gray, 5%);
        margin-bottom: 5px;
    }
    p, ul, ol {
        + h2 {
            margin-top: 25px;
        }
    }
}

hgroup {
    h2 {
        color: @medium-gray;
    }
    b {
        font-weight: bold;
    }
}

h4 {
    font-size: 14px;
}

blockquote {
    border-left: 1px solid @light-gray;
    font-family: @sans-stack;
    margin: 2em 1em;
    padding-left: 1em;
}

h5 {
    font-weight: bold;
    span {
        font-size: 0.857em;
        font-weight: normal;
        white-space: nowrap;
    }
}

pre, code, kbd, tt, samp, tt {
    font-family: @mono-stack;
}

pre {
    line-height: 1.4;
    white-space: pre-wrap;
}

.primary, .modal {
    p, ul {
        line-height: 1.3em;
    }
    p {
        margin-top: 1em;
        &.call-to-action {
            font-weight: bold;
        }
    }
    > p:first-child {
        margin: 0;
    }
    .indent {
        color: @medium-gray;
        margin-left: 1.5em;
    }
    ul {
        &.indent {
            list-style: disc inside;
            margin-top: 1em;
        }
    }
    em {
        font-style: italic;
    }
}

.defaultlink {
    font: normal 12px @sans-stack;
    text-transform: none;
    margin-left: .5em;
}

.island, .modal, .popup {
    h2 {
        margin-bottom: .5em;
        .seeall {
            .defaultlink
        }
    }
    &.hero {
        h1 {
            margin-bottom: 5px;
        }
        hgroup {
            h3 {
                color: @medium-gray;
                font-size: 14px;
            }
            b {
                font-weight: bold;
            }
        }
        header + .item {
            border-top: 1px dotted @border-blue;
            margin-top: 1em;
        }
    }
}

.primary {
    > .seeall {
        text-align: center;
        clear: both;
        font-size: 14px;
        line-height: 22px;
    }
}

.secondary {
    h2 {
        font-family: @sans-stack;
        font-style: normal;
        font-weight: bold;
        text-transform: uppercase;
        color: @dark-gray;
        .seeall {
            .defaultlink
        }
    }
    h3 {
        font-family: @sans-stack;
        color: @dark-gray;
    }
}

.error {
    color: @red;
}

caption {
    display: none;
}

th {
    text-align: left;
}

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

dl {
    margin: 0;
}

dt {
    color: @dark-gray;
    font-weight: bold;
    margin: 0 0 5px;
}

dd {
    color: @medium-gray;
    margin: 0 0 15px;
}


fix theme hovercard on all pages (bug 905425)

@import 'lib';

.listing-grid {
    li {
        overflow: visible;
        float: left;
        height: 66px;
    }
    &.personas li {
        height: 78px;
    }
    &.cols-5 li { width: 100% / 5; }
    &.cols-4 li { width: 100% / 4; }
    &.cols-3 li { width: 100% / 3; }
    &.cols-2 li { width: 100% / 2; }
    &.cols-1 li { width: 100%; }
    section {
        display: none;
        position: relative;
        &:first-child {
            display: block;
        }
    }
}
.hovercard {
    position: relative;
    border: 1px solid transparent;
    z-index: 20;
    .more, .desc {
        font-family: @sans-stack;
        color: #333;
        font-size: 12px;
        z-index: 29;
        margin-top: 0;
    }
    .desc {
        max-height: 2.6em;
        overflow: hidden;
    }
    .install-shell {
        .eula, .contrib {
            font-size: 12px;
        }
        .extra {
            + .extra {
                margin: 0;
            }
            .notavail {
                margin: 0 0 2px;
            }
        }
    }
    h3 {
        color: @link;
        font-weight: bold;
        margin: 0 0 2px 0;
        font-size: 13px;
        line-height: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 200px;
    }
    .more {
        display: none;
        position: relative;
        padding: 0 14px 8px 12px;
        p:first-child {
            margin-top: 0;
        }
    }
    a {
        text-decoration: none;
    }
    .adu {
        color: #390;
        font-size: 11px;
    }
    .byline {
        margin-top: 8px;
        font-size: 11px;
        font-style: italic;
        a {
            display: inline;
            color: inherit;
        }
    }
    &:hover {
        z-index: 25;
        background: #fff;
        border-color: #ccc;
        .box-shadow(0 0 4px rgba(0,0,0,.4));
        .more {
            background: #fff;
            display: block;
            z-index: 28;
        }
        h3 {
            text-decoration: underline;
            white-space: normal;
        }
    }
    &.persona {
        overflow: hidden;
        padding: 9px;
        height: 78px;
        a {
            overflow: hidden;
            display: block;
        }
        .persona-preview {
            width: 200px;
            height: 48px;
            float: right;
            overflow: hidden;
            position: relative;
            img {
                width: auto;
                height: 67px;
                position: absolute;
                right: 0;
                top: 0;
            }
        }
        .more {
            padding: 0;
            margin-top: 10px;
        }
        h3 {
            clear: right;
        }
        &:hover {
            .border-radius(5px);
            height: auto;
        }
    }
    &.addon .more .vitals,
    &.theme:hover .more + .vitals {
        border-top: 1px dotted #ccc;
        padding: 8px 0 0;
        margin: 8px 0 4px;
    }
    &.addon {
        margin: 5px 5px 5px 61px;
        .summary, .icon {
            position: relative;
            padding: 8px;
        }
        .summary {
            height: 55px;
            z-index: 21;
            overflow: hidden;
            div {
                white-space: nowrap;
            }
        }
        .icon {
            position: absolute;
            left: -57px;
            top: -1px;
            padding-right: 0;
            height: 48px;
            width: 48px;
            border-width: 1px 0 1px 1px;
            border-style: solid;
            z-index: 22;
            border-color: transparent;
            img {
                margin: 8px;
                max-width: 32px;
                max-height: 32px;
                border: 0;
                padding: 0;
            }
        }
        &:before {
            content: "";
            display: block;
            position: absolute;
            height: 66px;
            width: 56px;
            top: -1px;
            left: -57px;
            z-index: 1;
        }
        &:hover {
            float: left;
            z-index: 25;
            background: #fff;
            border-color: #ccc;
            .box-shadow(0 0 4px rgba(0,0,0,.4));
            .summary {
                background: white;
                z-index: 26;
                height: auto;
                min-height: 48px;
            }
            .icon {
                background: #fff;
                border-color: #ccc;
                z-index: 27;
            }
            &:before {
                .box-shadow(0 0 4px rgba(0,0,0,.4));
            }
        }
    }
    &.collection {
        &:hover {
            .summary {
                overflow: visible;
                height: auto;
            }
            .desc {
                overflow: visible;
                max-height: none;
            }
            .more {
                font-size: 11px;
                border-top: 1px dotted #CCCCCC;
                padding: 8px 0;
                margin: 0 8px;
                color: #390;
            }
        }
    }
    .category, .vital {
        color: #666;
        font-size: 11px;
        line-height: 10px;
        white-space: nowrap;
    }
    .summary .vital {
        margin-top: 4px;
        font-size: 10px;
        line-height: 12px;
    }
    .vital .price {
        color: @green;
        &.premium {
            color: @orange;
        }
        &:before {
            color: @note-gray;
            content: '\00B7';
        }
    }
}
.featured,
.theme-grid {
    h3 {
        font-size: 16px;
        line-height: 18px;
    }
    li {
        height: 212px;
        width: 240px;
    }
    .hovercard {
        padding: 9px;
        margin: 0;
        &.addon {
            &:before {
                display: none;
                content: none;
            }
            .summary {
                height: 192px;
                padding: 0;
                div {
                    width: 220px;
                    height: 170px;
                    position: relative;
                    img {
                        padding: 8px;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                        border: 1px solid #ccc;
                        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
                        position: absolute;
                    }
                }
            }
        }
        &:hover {
            &.addon .summary {
                height: auto;
            }
            .more {
                padding: 14px 0 0;
            }
        }
    }
}
.theme-grid {
    li {
        height: 205px;
        margin-bottom: 1em;
        width: 180px;
    }
    .incompatible {
        img {
            opacity: .4;
        }
        &:hover {
            img {
                opacity: 1;
            }
            > .notavail {
                display: none;
            }
        }
        > .notavail {
            color: @note-gray;
            display: block;
            font: 10px/10px Arial, sans-serif;
            margin-top: 8px;
        }
    }
    .hovercard.addon .summary {
        height: 157px;
        div {
            height: 135px;
            width: 160px;
            img {
                max-height: 108px;
                max-width: 142px;
            }
        }
    }
    .hovercard.addon > .vital {
        font-size: 11px;
        margin-top: 8px;
        .adu, .updated {
            color: #390;
        }
    }
}

.secondary,
.notice.upsell {
    .hovercard.addon {
        line-height: 1.3;
        width: 196px;
        position: relative;
        left: -8px;
        border: 0;
        margin: 0;
        .icon {
            float: left;
            position: static;
            left: auto;
            right: auto;
            border: 0;
        }
        .summary a, p {
            padding: 0;
        }
        .summary a {
            display: inline;
        }
        &:before {
            content: none;
        }
    }
}
.html-rtl .listing-grid {
    li {
        float: right;
    }
    .hovercard {
        &.addon {
            margin: 5px 61px 5px 5px;
        }
        .more {
            padding: 0 12px 8px 14px;
        }
        .icon {
            left: auto;
            right: -57px;
            padding-left: 0;
            padding-right: 8px;
            border-width: 1px 1px 1px 0;
        }
        &:before {
            left: auto;
            right: -57px;
        }
    }
    .addon:hover {
        float: right;
    }
    &.featured, &.theme-grid {
        .hovercard.addon {
            margin: 0;
            &:hover .more {
                padding: 14px 0 0;
            }
        }
    }
}

.hovercard .install-shell .d2c-reasons-help {
    display: none;
}

@import 'lib';

.listing-grid {
    li {
        overflow: visible;
        float: left;
        height: 66px;
    }
    &.personas li {
        height: 78px;
    }
    &.cols-5 li { width: 100% / 5; }
    &.cols-4 li { width: 100% / 4; }
    &.cols-3 li { width: 100% / 3; }
    &.cols-2 li { width: 100% / 2; }
    &.cols-1 li { width: 100%; }
    section {
        display: none;
        position: relative;
        &:first-child {
            display: block;
        }
    }
}
.hovercard {
    position: relative;
    border: 1px solid transparent;
    z-index: 20;
    .more, .desc {
        font-family: @sans-stack;
        color: #333;
        font-size: 12px;
        z-index: 29;
        margin-top: 0;
    }
    .desc {
        max-height: 2.6em;
        overflow: hidden;
    }
    .install-shell {
        .eula, .contrib {
            font-size: 12px;
        }
        .extra {
            + .extra {
                margin: 0;
            }
            .notavail {
                margin: 0 0 2px;
            }
        }
    }
    h3 {
        color: @link;
        font-weight: bold;
        margin: 0 0 2px 0;
        font-size: 13px;
        line-height: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 200px;
    }
    .more {
        display: none;
        position: relative;
        padding: 0 14px 8px 12px;
        p:first-child {
            margin-top: 0;
        }
    }
    a {
        text-decoration: none;
    }
    .adu {
        color: #390;
        font-size: 11px;
    }
    .byline {
        margin-top: 8px;
        font-size: 11px;
        font-style: italic;
        a {
            display: inline;
            color: inherit;
        }
    }
    &:hover {
        z-index: 25;
        background: #fff;
        border-color: #ccc;
        .box-shadow(0 0 4px rgba(0,0,0,.4));
        .more {
            background: #fff;
            display: block;
            z-index: 28;
        }
        h3 {
            text-decoration: underline;
            white-space: normal;
        }
    }
    &.persona {
        overflow: hidden;
        padding: 9px;
        height: 78px;
        a {
            overflow: hidden;
            display: block;
        }
        .persona-preview {
            width: 200px;
            height: 48px;
            float: right;
            overflow: hidden;
            position: relative;
            img {
                width: 200px;
                height: 67px;
                position: absolute;
                right: 0;
                top: 0;
            }
        }
        .more {
            padding: 0;
            margin-top: 10px;
        }
        h3 {
            clear: right;
        }
        &:hover {
            .border-radius(5px);
            height: auto;
        }
    }
    &.addon .more .vitals,
    &.theme:hover .more + .vitals {
        border-top: 1px dotted #ccc;
        padding: 8px 0 0;
        margin: 8px 0 4px;
    }
    &.addon {
        margin: 5px 5px 5px 61px;
        .summary, .icon {
            position: relative;
            padding: 8px;
        }
        .summary {
            height: 55px;
            z-index: 21;
            overflow: hidden;
            div {
                white-space: nowrap;
            }
        }
        .icon {
            position: absolute;
            left: -57px;
            top: -1px;
            padding-right: 0;
            height: 48px;
            width: 48px;
            border-width: 1px 0 1px 1px;
            border-style: solid;
            z-index: 22;
            border-color: transparent;
            img {
                margin: 8px;
                max-width: 32px;
                max-height: 32px;
                border: 0;
                padding: 0;
            }
        }
        &:before {
            content: "";
            display: block;
            position: absolute;
            height: 66px;
            width: 56px;
            top: -1px;
            left: -57px;
            z-index: 1;
        }
        &:hover {
            float: left;
            z-index: 25;
            background: #fff;
            border-color: #ccc;
            .box-shadow(0 0 4px rgba(0,0,0,.4));
            .summary {
                background: white;
                z-index: 26;
                height: auto;
                min-height: 48px;
            }
            .icon {
                background: #fff;
                border-color: #ccc;
                z-index: 27;
            }
            &:before {
                .box-shadow(0 0 4px rgba(0,0,0,.4));
            }
        }
    }
    &.collection {
        &:hover {
            .summary {
                overflow: visible;
                height: auto;
            }
            .desc {
                overflow: visible;
                max-height: none;
            }
            .more {
                font-size: 11px;
                border-top: 1px dotted #CCCCCC;
                padding: 8px 0;
                margin: 0 8px;
                color: #390;
            }
        }
    }
    .category, .vital {
        color: #666;
        font-size: 11px;
        line-height: 10px;
        white-space: nowrap;
    }
    .summary .vital {
        margin-top: 4px;
        font-size: 10px;
        line-height: 12px;
    }
    .vital .price {
        color: @green;
        &.premium {
            color: @orange;
        }
        &:before {
            color: @note-gray;
            content: '\00B7';
        }
    }
}
.featured,
.theme-grid {
    h3 {
        font-size: 16px;
        line-height: 18px;
    }
    li {
        height: 212px;
        width: 240px;
    }
    .hovercard {
        padding: 9px;
        margin: 0;
        &.addon {
            &:before {
                display: none;
                content: none;
            }
            .summary {
                height: 192px;
                padding: 0;
                div {
                    width: 220px;
                    height: 170px;
                    position: relative;
                    img {
                        padding: 8px;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                        border: 1px solid #ccc;
                        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
                        position: absolute;
                    }
                }
            }
        }
        &:hover {
            &.addon .summary {
                height: auto;
            }
            .more {
                padding: 14px 0 0;
            }
        }
    }
}
.theme-grid {
    li {
        height: 205px;
        margin-bottom: 1em;
        width: 180px;
    }
    .incompatible {
        img {
            opacity: .4;
        }
        &:hover {
            img {
                opacity: 1;
            }
            > .notavail {
                display: none;
            }
        }
        > .notavail {
            color: @note-gray;
            display: block;
            font: 10px/10px Arial, sans-serif;
            margin-top: 8px;
        }
    }
    .hovercard.addon .summary {
        height: 157px;
        div {
            height: 135px;
            width: 160px;
            img {
                max-height: 108px;
                max-width: 142px;
            }
        }
    }
    .hovercard.addon > .vital {
        font-size: 11px;
        margin-top: 8px;
        .adu, .updated {
            color: #390;
        }
    }
}

.secondary,
.notice.upsell {
    .hovercard.addon {
        line-height: 1.3;
        width: 196px;
        position: relative;
        left: -8px;
        border: 0;
        margin: 0;
        .icon {
            float: left;
            position: static;
            left: auto;
            right: auto;
            border: 0;
        }
        .summary a, p {
            padding: 0;
        }
        .summary a {
            display: inline;
        }
        &:before {
            content: none;
        }
    }
}
.html-rtl .listing-grid {
    li {
        float: right;
    }
    .hovercard {
        &.addon {
            margin: 5px 61px 5px 5px;
        }
        .more {
            padding: 0 12px 8px 14px;
        }
        .icon {
            left: auto;
            right: -57px;
            padding-left: 0;
            padding-right: 8px;
            border-width: 1px 1px 1px 0;
        }
        &:before {
            left: auto;
            right: -57px;
        }
    }
    .addon:hover {
        float: right;
    }
    &.featured, &.theme-grid {
        .hovercard.addon {
            margin: 0;
            &:hover .more {
                padding: 14px 0 0;
            }
        }
    }
}

.hovercard .install-shell .d2c-reasons-help {
    display: none;
}

.hovercard .persona-preview img {
    width: auto;
}


- Added new less file containing menu related stuff

/*
    Created on : Sep 27, 2015, 12:45:38 AM
    Author     : Pedro Resende <pedroresende@mail.resende.biz>
*/

#sortable1, #sortable2 {
    background-color: #DDD;
    width: 100%;
    min-height: 20px;
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 5px 0;
    margin-right: 10px;

    li {
        margin: 5px;
        padding: 5px;
        font-size: 1.2em;
        width: auto;
        border: 1px solid #000;
    }
}

error: pathspec 'src/Xvolutions/AdminBundle/Resources/public/less/menu.less' did not match any file(s) known to git