Commenting out the left nav styles for now

//
// Navbars
// --------------------------------------------------

// Wrapper and base class
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations.

.oc-navbar {
  position: relative;
  border: 1px solid @navbar-default-border;

  //brought in from .navbar-default
  background-color: @navbar-default-bg;

  // Prevent floats from breaking the navbar
  &:extend(.clearfix all);

  @media (min-width: @grid-float-breakpoint) {
	border-radius: @navbar-border-radius;
  }
  &.oc-navbar-top {
	min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
	margin-bottom: @navbar-margin-bottom;
  }
/*  &.oc-navbar-left {
	float:left;
	top:-(@navbar-height + @navbar-margin-bottom);
	width:300px;
	+ main {
	  margin-left:315px;
	}
  }*/
}

.container {
  & > .oc-nav {
	margin-left:-15px;
	margin-right:-15px;
  }
}

.oc-nav-item {
  display:inline-block;
  padding:@navbar-padding-vertical @navbar-padding-horizontal;
  line-height:@line-height-computed;
  a {
	text-decoration:none;
	color:@navbar-default-link-color;
  }
  &-brand {
	font-family:@headings-font-family;
	font-size:1.2em;
	font-weight:bold;
	a {
	  color:@navbar-default-brand-color;
	}
  }
  &-account,
  &-cart {
	float:right;
  }
  &-form {
	padding-top:@navbar-padding-vertical - 7px;
	padding-bottom:@navbar-padding-vertical - 7px;
  }
}

.oc-navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  border-width: 0 0 1px;
  z-index: @zindex-navbar-fixed;

  // Undo the rounded corners
  @media (min-width: @grid-float-breakpoint) {
	border-radius: 0;
  }
}

// Navbar heading
//
// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
// styling of responsive aspects.

.navbar-header {
  &:extend(.clearfix all);

  @media (min-width: @grid-float-breakpoint) {
	float: left;
  }
}

// Navbar collapse (body)
//
// Group your navbar content into this for easy collapsing and expanding across
// various device sizes. By default, this content is collapsed when <768px, but
// will expand past that for a horizontal display.
//
// To start (on mobile devices) the navbar links, forms, and buttons are stacked
// vertically and include a `max-height` to overflow in case you have too much
// content for the user's viewport.

.navbar-collapse {
  overflow-x: visible;
  padding-right: @navbar-padding-horizontal;
  padding-left:  @navbar-padding-horizontal;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  &:extend(.clearfix all);
  -webkit-overflow-scrolling: touch;

  &.in {
	overflow-y: auto;
  }

  @media (min-width: @grid-float-breakpoint) {
	width: auto;
	border-top: 0;
	box-shadow: none;

	&.collapse {
	  display: block !important;
	  height: auto !important;
	  padding-bottom: 0; // Override default setting
	  overflow: visible !important;
	}

	&.in {
	  overflow-y: visible;
	}

	// Undo the collapse side padding for navbars with containers to ensure
	// alignment of right-aligned contents.
	.navbar-fixed-top &,
	.navbar-static-top &,
	.navbar-fixed-bottom & {
	  padding-left: 0;
	  padding-right: 0;
	}
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  .navbar-collapse {
	max-height: @navbar-collapse-max-height;

	@media (max-device-width: @screen-xs-min) and (orientation: landscape) {
	  max-height: 200px;
	}
  }
}

// Both navbar header and collapse
//
// When a container is present, change the behavior of the header and collapse.

.container,
.container-fluid {
  > .navbar-header,
  > .navbar-collapse {
	margin-right: -@navbar-padding-horizontal;
	margin-left:  -@navbar-padding-horizontal;

	@media (min-width: @grid-float-breakpoint) {
	  margin-right: 0;
	  margin-left:  0;
	}
  }
}

//
// Navbar alignment options
//
// Display the navbar across the entirety of the page or fixed it to the top or
// bottom of the page.

// Static top (unfixed, but 100% wide) navbar
.navbar-static-top {
  z-index: @zindex-navbar;
  border-width: 0 0 1px;

  @media (min-width: @grid-float-breakpoint) {
	border-radius: 0;
  }
}

// Fix the top/bottom navbars when screen real estate supports it
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  border-width: 0 0 1px;
  z-index: @zindex-navbar-fixed;

  // Undo the rounded corners
  @media (min-width: @grid-float-breakpoint) {
	border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0; // override .navbar defaults
  border-width: 1px 0 0;
}

// Brand/project name

.navbar-brand {
  float: left;
  padding: @navbar-padding-vertical @navbar-padding-horizontal;
  font-size: @font-size-large;
  line-height: @line-height-computed;
  height: @navbar-height;

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

  > img {
	display: block;
  }

  @media (min-width: @grid-float-breakpoint) {
	.navbar > .container &,
	.navbar > .container-fluid & {
	  margin-left: -@navbar-padding-horizontal;
	}
  }
}

// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: @navbar-padding-horizontal;
  padding: 9px 10px;
  .navbar-vertical-align(34px);
  background-color: transparent;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  border-radius: @border-radius-base;

  // We remove the `outline` here, but later compensate by attaching `:hover`
  // styles to `:focus`.
  &:focus {
	outline: 0;
  }

  // Bars
  .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
  }
  .icon-bar + .icon-bar {
	margin-top: 4px;
  }

  @media (min-width: @grid-float-breakpoint) {
	display: none;
  }
}

// Navbar nav links
//
// Builds on top of the `.nav` components with its own modifier class to make
// the nav the full height of the horizontal nav (above 768px).

.navbar-nav {
  margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;

  > li > a {
	padding-top:    10px;
	padding-bottom: 10px;
	line-height: @line-height-computed;
  }

  @media (max-width: @grid-float-breakpoint-max) {
	// Dropdowns get custom display when collapsed
	.open .dropdown-menu {
	  position: static;
	  float: none;
	  width: auto;
	  margin-top: 0;
	  background-color: transparent;
	  border: 0;
	  box-shadow: none;
	  > li > a,
	  .dropdown-header {
		padding: 5px 15px 5px 25px;
	  }
	  > li > a {
		line-height: @line-height-computed;
		&:hover,
		&:focus {
		  background-image: none;
		}
	  }
	}
  }

  // Uncollapse the nav
  @media (min-width: @grid-float-breakpoint) {
	float: left;
	margin: 0;

	> li {
	  float: left;
	  > a {
		padding-top:    @navbar-padding-vertical;
		padding-bottom: @navbar-padding-vertical;
	  }
	}
  }
}

// Navbar form
//
// Extension of the `.form-inline` with some extra flavor for optimum display in
// our navbars.

.navbar-form {
  margin-left: -@navbar-padding-horizontal;
  margin-right: -@navbar-padding-horizontal;
  padding: 10px @navbar-padding-horizontal;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  .box-shadow(@shadow);

  // Mixin behavior for optimum display
  .form-inline();

  .form-group {
	@media (max-width: @grid-float-breakpoint-max) {
	  margin-bottom: 5px;

	  &:last-child {
		margin-bottom: 0;
	  }
	}
  }

  // Vertically center in expanded, horizontal navbar
  .navbar-vertical-align(@input-height-base);

  // Undo 100% width for pull classes
  @media (min-width: @grid-float-breakpoint) {
	width: auto;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	.box-shadow(none);
  }
}

// Dropdown menus

// Menu position and menu carets
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  .border-top-radius(0);
}
// Menu position and menu caret support for dropups via extra dropup class
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  .border-top-radius(@navbar-border-radius);
  .border-bottom-radius(0);
}

// Buttons in navbars
//
// Vertically center a button within a navbar (when *not* in a form).

.navbar-btn {
  .navbar-vertical-align(@input-height-base);

  &.btn-sm {
	.navbar-vertical-align(@input-height-small);
  }
  &.btn-xs {
	.navbar-vertical-align(22);
  }
}

// Text in navbars
//
// Add a class to make any element properly align itself vertically within the navbars.

.navbar-text {
  .navbar-vertical-align(@line-height-computed);

  @media (min-width: @grid-float-breakpoint) {
	float: left;
	margin-left: @navbar-padding-horizontal;
	margin-right: @navbar-padding-horizontal;
  }
}

// Component alignment
//
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
// issues with parents and chaining. Only do this when the navbar is uncollapsed
// though so that navbar contents properly stack and align in mobile.
//
// Declared after the navbar components to ensure more specificity on the margins.

@media (min-width: @grid-float-breakpoint) {
  .navbar-left  { .pull-left(); }
  .navbar-right {
	.pull-right();
	margin-right: -@navbar-padding-horizontal;

	~ .navbar-right {
	  margin-right: 0;
	}
  }
}

// Alternate navbars
// --------------------------------------------------

// Default navbar
.navbar-default {
  background-color: @navbar-default-bg;
  border-color: @navbar-default-border;

  .navbar-brand {
	color: @navbar-default-brand-color;
	&:hover,
	&:focus {
	  color: @navbar-default-brand-hover-color;
	  background-color: @navbar-default-brand-hover-bg;
	}
  }

  .navbar-text {
	color: @navbar-default-color;
  }

  .navbar-nav {
	> li > a {
	  color: @navbar-default-link-color;

	  &:hover,
	  &:focus {
		color: @navbar-default-link-hover-color;
		background-color: @navbar-default-link-hover-bg;
	  }
	}
	> .active > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-default-link-active-color;
		background-color: @navbar-default-link-active-bg;
	  }
	}
	> .disabled > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-default-link-disabled-color;
		background-color: @navbar-default-link-disabled-bg;
	  }
	}
  }

  .navbar-toggle {
	border-color: @navbar-default-toggle-border-color;
	&:hover,
	&:focus {
	  background-color: @navbar-default-toggle-hover-bg;
	}
	.icon-bar {
	  background-color: @navbar-default-toggle-icon-bar-bg;
	}
  }

  .navbar-collapse,
  .navbar-form {
	border-color: @navbar-default-border;
  }

  // Dropdown menu items
  .navbar-nav {
	// Remove background color from open dropdown
	> .open > a {
	  &,
	  &:hover,
	  &:focus {
		background-color: @navbar-default-link-active-bg;
		color: @navbar-default-link-active-color;
	  }
	}

	@media (max-width: @grid-float-breakpoint-max) {
	  // Dropdowns get custom display when collapsed
	  .open .dropdown-menu {
		> li > a {
		  color: @navbar-default-link-color;
		  &:hover,
		  &:focus {
			color: @navbar-default-link-hover-color;
			background-color: @navbar-default-link-hover-bg;
		  }
		}
		> .active > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-default-link-active-color;
			background-color: @navbar-default-link-active-bg;
		  }
		}
		> .disabled > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-default-link-disabled-color;
			background-color: @navbar-default-link-disabled-bg;
		  }
		}
	  }
	}
  }

  // Links in navbars
  //
  // Add a class to ensure links outside the navbar nav are colored correctly.

  .navbar-link {
	color: @navbar-default-link-color;
	&:hover {
	  color: @navbar-default-link-hover-color;
	}
  }

  .btn-link {
	color: @navbar-default-link-color;
	&:hover,
	&:focus {
	  color: @navbar-default-link-hover-color;
	}
	&[disabled],
	fieldset[disabled] & {
	  &:hover,
	  &:focus {
		color: @navbar-default-link-disabled-color;
	  }
	}
  }
}

// Inverse navbar

.navbar-inverse {
  background-color: @navbar-inverse-bg;
  border-color: @navbar-inverse-border;

  .navbar-brand {
	color: @navbar-inverse-brand-color;
	&:hover,
	&:focus {
	  color: @navbar-inverse-brand-hover-color;
	  background-color: @navbar-inverse-brand-hover-bg;
	}
  }

  .navbar-text {
	color: @navbar-inverse-color;
  }

  .navbar-nav {
	> li > a {
	  color: @navbar-inverse-link-color;

	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-hover-color;
		background-color: @navbar-inverse-link-hover-bg;
	  }
	}
	> .active > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-active-color;
		background-color: @navbar-inverse-link-active-bg;
	  }
	}
	> .disabled > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-disabled-color;
		background-color: @navbar-inverse-link-disabled-bg;
	  }
	}
  }

  // Darken the responsive nav toggle
  .navbar-toggle {
	border-color: @navbar-inverse-toggle-border-color;
	&:hover,
	&:focus {
	  background-color: @navbar-inverse-toggle-hover-bg;
	}
	.icon-bar {
	  background-color: @navbar-inverse-toggle-icon-bar-bg;
	}
  }

  .navbar-collapse,
  .navbar-form {
	border-color: darken(@navbar-inverse-bg, 7%);
  }

  // Dropdowns
  .navbar-nav {
	> .open > a {
	  &,
	  &:hover,
	  &:focus {
		background-color: @navbar-inverse-link-active-bg;
		color: @navbar-inverse-link-active-color;
	  }
	}

	@media (max-width: @grid-float-breakpoint-max) {
	  // Dropdowns get custom display
	  .open .dropdown-menu {
		> .dropdown-header {
		  border-color: @navbar-inverse-border;
		}
		.divider {
		  background-color: @navbar-inverse-border;
		}
		> li > a {
		  color: @navbar-inverse-link-color;
		  &:hover,
		  &:focus {
			color: @navbar-inverse-link-hover-color;
			background-color: @navbar-inverse-link-hover-bg;
		  }
		}
		> .active > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-inverse-link-active-color;
			background-color: @navbar-inverse-link-active-bg;
		  }
		}
		> .disabled > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-inverse-link-disabled-color;
			background-color: @navbar-inverse-link-disabled-bg;
		  }
		}
	  }
	}
  }

  .navbar-link {
	color: @navbar-inverse-link-color;
	&:hover {
	  color: @navbar-inverse-link-hover-color;
	}
  }

  .btn-link {
	color: @navbar-inverse-link-color;
	&:hover,
	&:focus {
	  color: @navbar-inverse-link-hover-color;
	}
	&[disabled],
	fieldset[disabled] & {
	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-disabled-color;
	  }
	}
  }
}

//
// Navbars
// --------------------------------------------------

// Wrapper and base class
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations.

.oc-navbar {
  position: relative;
  border: 1px solid @navbar-default-border;

  //brought in from .navbar-default
  background-color: @navbar-default-bg;

  // Prevent floats from breaking the navbar
  &:extend(.clearfix all);

  @media (min-width: @grid-float-breakpoint) {
	border-radius: @navbar-border-radius;
  }
  &.oc-navbar-top {
	min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
	margin-bottom: @navbar-margin-bottom;
  }
  &.oc-navbar-left {
	float:left;
	top:-(@navbar-height + @navbar-margin-bottom);
	width:300px;
	+ main {
	  margin-left:315px;
	}
  }
}

.container {
  & > .oc-nav {
	margin-left:-15px;
	margin-right:-15px;
  }
}

.oc-nav-item {
  display:inline-block;
  padding:@navbar-padding-vertical @navbar-padding-horizontal;
  line-height:@line-height-computed;
  a {
	text-decoration:none;
	color:@navbar-default-link-color;
  }
  &-brand {
	font-family:@headings-font-family;
	font-size:1.2em;
	font-weight:bold;
	a {
	  color:@navbar-default-brand-color;
	}
  }
  &-account,
  &-cart {
	float:right;
  }
  &-form {
	padding-top:@navbar-padding-vertical - 7px;
	padding-bottom:@navbar-padding-vertical - 7px;
  }
}

.oc-navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  border-width: 0 0 1px;
  z-index: @zindex-navbar-fixed;

  // Undo the rounded corners
  @media (min-width: @grid-float-breakpoint) {
	border-radius: 0;
  }
}

// Navbar heading
//
// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
// styling of responsive aspects.

.navbar-header {
  &:extend(.clearfix all);

  @media (min-width: @grid-float-breakpoint) {
	float: left;
  }
}

// Navbar collapse (body)
//
// Group your navbar content into this for easy collapsing and expanding across
// various device sizes. By default, this content is collapsed when <768px, but
// will expand past that for a horizontal display.
//
// To start (on mobile devices) the navbar links, forms, and buttons are stacked
// vertically and include a `max-height` to overflow in case you have too much
// content for the user's viewport.

.navbar-collapse {
  overflow-x: visible;
  padding-right: @navbar-padding-horizontal;
  padding-left:  @navbar-padding-horizontal;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  &:extend(.clearfix all);
  -webkit-overflow-scrolling: touch;

  &.in {
	overflow-y: auto;
  }

  @media (min-width: @grid-float-breakpoint) {
	width: auto;
	border-top: 0;
	box-shadow: none;

	&.collapse {
	  display: block !important;
	  height: auto !important;
	  padding-bottom: 0; // Override default setting
	  overflow: visible !important;
	}

	&.in {
	  overflow-y: visible;
	}

	// Undo the collapse side padding for navbars with containers to ensure
	// alignment of right-aligned contents.
	.navbar-fixed-top &,
	.navbar-static-top &,
	.navbar-fixed-bottom & {
	  padding-left: 0;
	  padding-right: 0;
	}
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  .navbar-collapse {
	max-height: @navbar-collapse-max-height;

	@media (max-device-width: @screen-xs-min) and (orientation: landscape) {
	  max-height: 200px;
	}
  }
}

// Both navbar header and collapse
//
// When a container is present, change the behavior of the header and collapse.

.container,
.container-fluid {
  > .navbar-header,
  > .navbar-collapse {
	margin-right: -@navbar-padding-horizontal;
	margin-left:  -@navbar-padding-horizontal;

	@media (min-width: @grid-float-breakpoint) {
	  margin-right: 0;
	  margin-left:  0;
	}
  }
}

//
// Navbar alignment options
//
// Display the navbar across the entirety of the page or fixed it to the top or
// bottom of the page.

// Static top (unfixed, but 100% wide) navbar
.navbar-static-top {
  z-index: @zindex-navbar;
  border-width: 0 0 1px;

  @media (min-width: @grid-float-breakpoint) {
	border-radius: 0;
  }
}

// Fix the top/bottom navbars when screen real estate supports it
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  border-width: 0 0 1px;
  z-index: @zindex-navbar-fixed;

  // Undo the rounded corners
  @media (min-width: @grid-float-breakpoint) {
	border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0; // override .navbar defaults
  border-width: 1px 0 0;
}

// Brand/project name

.navbar-brand {
  float: left;
  padding: @navbar-padding-vertical @navbar-padding-horizontal;
  font-size: @font-size-large;
  line-height: @line-height-computed;
  height: @navbar-height;

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

  > img {
	display: block;
  }

  @media (min-width: @grid-float-breakpoint) {
	.navbar > .container &,
	.navbar > .container-fluid & {
	  margin-left: -@navbar-padding-horizontal;
	}
  }
}

// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: @navbar-padding-horizontal;
  padding: 9px 10px;
  .navbar-vertical-align(34px);
  background-color: transparent;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  border-radius: @border-radius-base;

  // We remove the `outline` here, but later compensate by attaching `:hover`
  // styles to `:focus`.
  &:focus {
	outline: 0;
  }

  // Bars
  .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
  }
  .icon-bar + .icon-bar {
	margin-top: 4px;
  }

  @media (min-width: @grid-float-breakpoint) {
	display: none;
  }
}

// Navbar nav links
//
// Builds on top of the `.nav` components with its own modifier class to make
// the nav the full height of the horizontal nav (above 768px).

.navbar-nav {
  margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;

  > li > a {
	padding-top:    10px;
	padding-bottom: 10px;
	line-height: @line-height-computed;
  }

  @media (max-width: @grid-float-breakpoint-max) {
	// Dropdowns get custom display when collapsed
	.open .dropdown-menu {
	  position: static;
	  float: none;
	  width: auto;
	  margin-top: 0;
	  background-color: transparent;
	  border: 0;
	  box-shadow: none;
	  > li > a,
	  .dropdown-header {
		padding: 5px 15px 5px 25px;
	  }
	  > li > a {
		line-height: @line-height-computed;
		&:hover,
		&:focus {
		  background-image: none;
		}
	  }
	}
  }

  // Uncollapse the nav
  @media (min-width: @grid-float-breakpoint) {
	float: left;
	margin: 0;

	> li {
	  float: left;
	  > a {
		padding-top:    @navbar-padding-vertical;
		padding-bottom: @navbar-padding-vertical;
	  }
	}
  }
}

// Navbar form
//
// Extension of the `.form-inline` with some extra flavor for optimum display in
// our navbars.

.navbar-form {
  margin-left: -@navbar-padding-horizontal;
  margin-right: -@navbar-padding-horizontal;
  padding: 10px @navbar-padding-horizontal;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  .box-shadow(@shadow);

  // Mixin behavior for optimum display
  .form-inline();

  .form-group {
	@media (max-width: @grid-float-breakpoint-max) {
	  margin-bottom: 5px;

	  &:last-child {
		margin-bottom: 0;
	  }
	}
  }

  // Vertically center in expanded, horizontal navbar
  .navbar-vertical-align(@input-height-base);

  // Undo 100% width for pull classes
  @media (min-width: @grid-float-breakpoint) {
	width: auto;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	.box-shadow(none);
  }
}

// Dropdown menus

// Menu position and menu carets
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  .border-top-radius(0);
}
// Menu position and menu caret support for dropups via extra dropup class
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  .border-top-radius(@navbar-border-radius);
  .border-bottom-radius(0);
}

// Buttons in navbars
//
// Vertically center a button within a navbar (when *not* in a form).

.navbar-btn {
  .navbar-vertical-align(@input-height-base);

  &.btn-sm {
	.navbar-vertical-align(@input-height-small);
  }
  &.btn-xs {
	.navbar-vertical-align(22);
  }
}

// Text in navbars
//
// Add a class to make any element properly align itself vertically within the navbars.

.navbar-text {
  .navbar-vertical-align(@line-height-computed);

  @media (min-width: @grid-float-breakpoint) {
	float: left;
	margin-left: @navbar-padding-horizontal;
	margin-right: @navbar-padding-horizontal;
  }
}

// Component alignment
//
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
// issues with parents and chaining. Only do this when the navbar is uncollapsed
// though so that navbar contents properly stack and align in mobile.
//
// Declared after the navbar components to ensure more specificity on the margins.

@media (min-width: @grid-float-breakpoint) {
  .navbar-left  { .pull-left(); }
  .navbar-right {
	.pull-right();
	margin-right: -@navbar-padding-horizontal;

	~ .navbar-right {
	  margin-right: 0;
	}
  }
}

// Alternate navbars
// --------------------------------------------------

// Default navbar
.navbar-default {
  background-color: @navbar-default-bg;
  border-color: @navbar-default-border;

  .navbar-brand {
	color: @navbar-default-brand-color;
	&:hover,
	&:focus {
	  color: @navbar-default-brand-hover-color;
	  background-color: @navbar-default-brand-hover-bg;
	}
  }

  .navbar-text {
	color: @navbar-default-color;
  }

  .navbar-nav {
	> li > a {
	  color: @navbar-default-link-color;

	  &:hover,
	  &:focus {
		color: @navbar-default-link-hover-color;
		background-color: @navbar-default-link-hover-bg;
	  }
	}
	> .active > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-default-link-active-color;
		background-color: @navbar-default-link-active-bg;
	  }
	}
	> .disabled > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-default-link-disabled-color;
		background-color: @navbar-default-link-disabled-bg;
	  }
	}
  }

  .navbar-toggle {
	border-color: @navbar-default-toggle-border-color;
	&:hover,
	&:focus {
	  background-color: @navbar-default-toggle-hover-bg;
	}
	.icon-bar {
	  background-color: @navbar-default-toggle-icon-bar-bg;
	}
  }

  .navbar-collapse,
  .navbar-form {
	border-color: @navbar-default-border;
  }

  // Dropdown menu items
  .navbar-nav {
	// Remove background color from open dropdown
	> .open > a {
	  &,
	  &:hover,
	  &:focus {
		background-color: @navbar-default-link-active-bg;
		color: @navbar-default-link-active-color;
	  }
	}

	@media (max-width: @grid-float-breakpoint-max) {
	  // Dropdowns get custom display when collapsed
	  .open .dropdown-menu {
		> li > a {
		  color: @navbar-default-link-color;
		  &:hover,
		  &:focus {
			color: @navbar-default-link-hover-color;
			background-color: @navbar-default-link-hover-bg;
		  }
		}
		> .active > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-default-link-active-color;
			background-color: @navbar-default-link-active-bg;
		  }
		}
		> .disabled > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-default-link-disabled-color;
			background-color: @navbar-default-link-disabled-bg;
		  }
		}
	  }
	}
  }

  // Links in navbars
  //
  // Add a class to ensure links outside the navbar nav are colored correctly.

  .navbar-link {
	color: @navbar-default-link-color;
	&:hover {
	  color: @navbar-default-link-hover-color;
	}
  }

  .btn-link {
	color: @navbar-default-link-color;
	&:hover,
	&:focus {
	  color: @navbar-default-link-hover-color;
	}
	&[disabled],
	fieldset[disabled] & {
	  &:hover,
	  &:focus {
		color: @navbar-default-link-disabled-color;
	  }
	}
  }
}

// Inverse navbar

.navbar-inverse {
  background-color: @navbar-inverse-bg;
  border-color: @navbar-inverse-border;

  .navbar-brand {
	color: @navbar-inverse-brand-color;
	&:hover,
	&:focus {
	  color: @navbar-inverse-brand-hover-color;
	  background-color: @navbar-inverse-brand-hover-bg;
	}
  }

  .navbar-text {
	color: @navbar-inverse-color;
  }

  .navbar-nav {
	> li > a {
	  color: @navbar-inverse-link-color;

	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-hover-color;
		background-color: @navbar-inverse-link-hover-bg;
	  }
	}
	> .active > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-active-color;
		background-color: @navbar-inverse-link-active-bg;
	  }
	}
	> .disabled > a {
	  &,
	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-disabled-color;
		background-color: @navbar-inverse-link-disabled-bg;
	  }
	}
  }

  // Darken the responsive nav toggle
  .navbar-toggle {
	border-color: @navbar-inverse-toggle-border-color;
	&:hover,
	&:focus {
	  background-color: @navbar-inverse-toggle-hover-bg;
	}
	.icon-bar {
	  background-color: @navbar-inverse-toggle-icon-bar-bg;
	}
  }

  .navbar-collapse,
  .navbar-form {
	border-color: darken(@navbar-inverse-bg, 7%);
  }

  // Dropdowns
  .navbar-nav {
	> .open > a {
	  &,
	  &:hover,
	  &:focus {
		background-color: @navbar-inverse-link-active-bg;
		color: @navbar-inverse-link-active-color;
	  }
	}

	@media (max-width: @grid-float-breakpoint-max) {
	  // Dropdowns get custom display
	  .open .dropdown-menu {
		> .dropdown-header {
		  border-color: @navbar-inverse-border;
		}
		.divider {
		  background-color: @navbar-inverse-border;
		}
		> li > a {
		  color: @navbar-inverse-link-color;
		  &:hover,
		  &:focus {
			color: @navbar-inverse-link-hover-color;
			background-color: @navbar-inverse-link-hover-bg;
		  }
		}
		> .active > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-inverse-link-active-color;
			background-color: @navbar-inverse-link-active-bg;
		  }
		}
		> .disabled > a {
		  &,
		  &:hover,
		  &:focus {
			color: @navbar-inverse-link-disabled-color;
			background-color: @navbar-inverse-link-disabled-bg;
		  }
		}
	  }
	}
  }

  .navbar-link {
	color: @navbar-inverse-link-color;
	&:hover {
	  color: @navbar-inverse-link-hover-color;
	}
  }

  .btn-link {
	color: @navbar-inverse-link-color;
	&:hover,
	&:focus {
	  color: @navbar-inverse-link-hover-color;
	}
	&[disabled],
	fieldset[disabled] & {
	  &:hover,
	  &:focus {
		color: @navbar-inverse-link-disabled-color;
	  }
	}
  }
}


TM-61: min-height: 100vh over-sized the container, prevented scrolling to the very end of content

.tinymce-mobile-android-container {
  &.tinymce-mobile-android-maximized {
    /* Android WebView only, see TBIO-3273 & TM61 */
    /*min-height: 100vh;*/
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    background: @android-background-color;
    display: flex;
    flex-direction: column;
  }

  &:not(.tinymce-mobile-android-maximized) {
    position: relative;
  }

  .tinymce-mobile-editor-socket {
    display: flex;
    flex-grow: 1;

    iframe {
      display: flex !important;
      height: auto !important;
      flex-grow: 1;
    }
  }
}

.tinymce-mobile-android-scroll-reload {
  overflow: hidden;
}

.tinymce-mobile-android-container {
  &.tinymce-mobile-android-maximized {
    min-height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    background: @android-background-color;
    display: flex;
    flex-direction: column;
  }

  &:not(.tinymce-mobile-android-maximized) {
    position: relative;
  }

  .tinymce-mobile-editor-socket {
    display: flex;
    flex-grow: 1;

    iframe {
      display: flex !important;
      height: auto !important;
      flex-grow: 1;
    }
  }
}

.tinymce-mobile-android-scroll-reload {
  overflow: hidden;
}


Fix nav scroll buttons with hammer scroll

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

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

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

        > .btn {
            margin: 2px;
        }
    }

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

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

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

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

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

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

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

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

        > .clearfix {
            height: 0;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    > .alert {
        margin: 10px;
    }

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

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

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

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

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

                &.required:after {
                    top: 0;
                }

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

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

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

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

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

    .table {
        margin-bottom: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        > .btn {
            margin: 2px;
        }
    }

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

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

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

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

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

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

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

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

        > .clearfix {
            height: 0;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    > .alert {
        margin: 10px;
    }

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

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

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

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

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

                &.required:after {
                    top: 0;
                }

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

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

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

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

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

    .table {
        margin-bottom: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


styling on modal login

styling on modal login

fatal: unable to access 'https://github.com/zoul/open-data-certificate.git/': The requested URL returned error: 403


Update static/vendors/bootstrap/less/panels.less

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

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

// Base class
.panel {
  margin-bottom: @line-height-computed;
  background-color: @panel-bg;
  border: 1px solid transparent;
  border-radius: @panel-border-radius;
  .box-shadow(0 1px 1px rgba(0,0,0,.05));
}

// Panel contents
.panel-body {
  padding: @panel-body-padding;
  &:extend(.clearfix all);
}

// Optional heading
.panel-heading {
  padding: @panel-heading-padding;
  border-bottom: 1px solid transparent;
  .border-top-radius((@panel-border-radius - 1));

  > .dropdown .dropdown-toggle {
    color: inherit;
  }
}

// Within heading, strip any `h*` tag of its default margins for spacing.
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: ceil((@font-size-base * 1.125));
  color: inherit;

  > a,
  > small,
  > .small,
  > small > a,
  > .small > a {
    color: inherit;
  }
}

// Optional footer (stays gray in every modifier class)
.panel-footer {
  padding: @panel-footer-padding;
  background-color: @panel-footer-bg;
  border-top: 1px solid @panel-inner-border;
  .border-bottom-radius((@panel-border-radius - 1));
}

// List groups in panels
//
// By default, space out list group content from panel headings to account for
// any kind of custom content between the two.

.panel {
  > .list-group,
  > .panel-collapse > .list-group {
    margin-bottom: 0;

    .list-group-item {
      border-width: 1px 0;
      border-radius: 0;
    }

    // Add border top radius for first one
    &:first-child {
      .list-group-item:first-child {
        border-top: 0;
        .border-top-radius((@panel-border-radius - 1));
      }
    }
    // Add border bottom radius for last one
    &:last-child {
      .list-group-item:last-child {
        border-bottom: 0;
        .border-bottom-radius((@panel-border-radius - 1));
      }
    }
  }
}
// Collapse space between when there's no additional content.
.panel-heading + .list-group {
  .list-group-item:first-child {
    border-top-width: 0;
  }
}
.list-group + .panel-footer {
  border-top-width: 0;
}

// Tables in panels
//
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
// watch it go full width.

.panel {
  > .table,
  > .table-responsive > .table,
  > .panel-collapse > .table {
    margin-bottom: 0;

    caption {
      padding-left: @panel-body-padding;
      padding-right: @panel-body-padding;
    }
  }
  // Add border top radius for first one
  > .table:first-child,
  > .table-responsive:first-child > .table:first-child {
    .border-top-radius((@panel-border-radius - 1));

    > thead:first-child,
    > tbody:first-child {
      > tr:first-child {
        border-top-left-radius: (@panel-border-radius - 1);
        border-top-right-radius: (@panel-border-radius - 1);

        td:first-child,
        th:first-child {
          border-top-left-radius: (@panel-border-radius - 1);
        }
        td:last-child,
        th:last-child {
          border-top-right-radius: (@panel-border-radius - 1);
        }
      }
    }
  }
  // Add border bottom radius for last one
  > .table:last-child,
  > .table-responsive:last-child > .table:last-child {
    .border-bottom-radius((@panel-border-radius - 1));

    > tbody:last-child,
    > tfoot:last-child {
      > tr:last-child {
        border-bottom-left-radius: (@panel-border-radius - 1);
        border-bottom-right-radius: (@panel-border-radius - 1);

        td:first-child,
        th:first-child {
          border-bottom-left-radius: (@panel-border-radius - 1);
        }
        td:last-child,
        th:last-child {
          border-bottom-right-radius: (@panel-border-radius - 1);
        }
      }
    }
  }
  > .panel-body + .table,
  > .panel-body + .table-responsive,
  > .table + .panel-body,
  > .table-responsive + .panel-body {
    border-top: 1px solid @table-border-color;
  }
  > .table > tbody:first-child > tr:first-child th,
  > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
  }
  > .table-bordered,
  > .table-responsive > .table-bordered {
    border: 0;
    > thead,
    > tbody,
    > tfoot {
      > tr {
        > th:first-child,
        > td:first-child {
          border-left: 0;
        }
        > th:last-child,
        > td:last-child {
          border-right: 0;
        }
      }
    }
    > thead,
    > tbody {
      > tr:first-child {
        > td,
        > th {
          border-bottom: 0;
        }
      }
    }
    > tbody,
    > tfoot {
      > tr:last-child {
        > td,
        > th {
          border-bottom: 0;
        }
      }
    }
  }
  > .table-responsive {
    border: 0;
    margin-bottom: 0;
  }
}

// Collapsable panels (aka, accordion)
//
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
// the help of our collapse JavaScript plugin.

.panel-group {
  margin-bottom: @line-height-computed;

  // Tighten up margin so it's only between panels
  .panel {
    margin-bottom: 0;
    border-radius: @panel-border-radius;

    + .panel {
      margin-top: 5px;
    }
  }

  .panel-heading {
    border-bottom: 0;

    + .panel-collapse > .panel-body,
    + .panel-collapse > .list-group {
      border-top: 1px solid @panel-inner-border;
    }
  }

  .panel-footer {
    border-top: 0;
    + .panel-collapse .panel-body {
      border-bottom: 1px solid @panel-inner-border;
    }
  }
}

// Contextual variations
.panel-default {
  .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
}
.panel-primary {
  .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
}
.panel-success {
  .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
}
.panel-info {
  .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
}
.panel-warning {
  .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
}
.panel-danger {
  .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
}

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


Update

Update

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/Didichaoren/Didichaoren.github.io.git/'


styling

styling

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


Specific styles for cart quantity controls

It reuses the add-to-cart styles in a way that is independent of the nature of the icon used for the actual controls (ie: an SVG or text content). Right now the markup uses a plus and a minus sign but we can revert to SVG arrows if necessary.

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


Remove responsive style until we have header finished

/**
 * Trove Box Theme
 */
@import "resources/bootstrap/less/bootstrap";
//@import "resources/bootstrap/less/responsive";
@import "variables";
@import "typography";
@import "buttons";
@import "messages";
@import "template";

@import "components/header";
@import "components/userbadge";
@import "components/photo-grid";
@import "components/photo-detail";
@import "components/lightbox";

/**
 * Trove Box Theme
 */
@import "resources/bootstrap/less/bootstrap";
@import "resources/bootstrap/less/responsive";
@import "variables";
@import "typography";
@import "buttons";
@import "messages";
@import "template";

@import "components/header";
@import "components/userbadge";
@import "components/photo-grid";
@import "components/photo-detail";
@import "components/lightbox";


make the presets slightly bigger

make the presets slightly bigger

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

.store-slider {
  &__bigtext { // stupid name
    font-size: @font-size--large;
    font-weight: 600;
  }

  &__fake-callout {
    position: absolute;
    left: @slider-handle-width / 2;
    padding: 0 32px @slider-callout--arrow-height 32px;
    transform: translateX(-50%);
    bottom: calc(100% ~'+' @slider-callout--arrow-gap);
  }

  &__callout {
    background-color: #333;
    color: #fff;
    font-size: @font-size--normal;
    text-align: center;
    border-radius: 10px;
    padding: 6px;
    width: @slider-callout--width;

    &: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-top-color: #333;
      border-width: @slider-callout--arrow-height;
      margin-left: -@slider-callout--arrow-height;
    }
  }

  &__preset {
    background-color: #666;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 4px;
    height: 20px;
    width: 36px;
    line-height: 19px;
    text-align: center;
    border-radius: 10px;

    .js-store--disabled & {
      background-color: #999;
      pointer-events: none;
      cursor: default;
    }

    &.js-slider-preset--active {
      background-color: @pink-darker;
      .js-store--disabled & {
        background-color: #999;
      }
    }
  }

  &__subtext { // stupid name
    margin-top: 2px;
    color: #999;
  }

  .ui-slider {
    background-color: darkgray;
    .js-store--disabled & {
      .ui-slider-handle, .ui-slider-range {
        background-color: #999;
      }
    }
    .ui-slider-range {
      background-color: @pink-darker;
    }
  }
}

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

.store-slider {
  &__bigtext { // stupid name
    font-size: @font-size--large;
    font-weight: 600;
  }

  &__fake-callout {
    position: absolute;
    left: @slider-handle-width / 2;
    padding: 0 32px @slider-callout--arrow-height 32px;
    transform: translateX(-50%);
    bottom: calc(100% ~'+' @slider-callout--arrow-gap);
  }

  &__callout {
    background-color: #333;
    color: #fff;
    font-size: @font-size--normal;
    text-align: center;
    border-radius: 10px;
    padding: 6px;
    width: @slider-callout--width;

    &: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-top-color: #333;
      border-width: @slider-callout--arrow-height;
      margin-left: -@slider-callout--arrow-height;
    }
  }

  &__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;

    .js-store--disabled & {
      background-color: #999;
      pointer-events: none;
      cursor: default;
    }

    &.js-slider-preset--active {
      background-color: @pink-darker;
      .js-store--disabled & {
        background-color: #999;
      }
    }
  }

  &__subtext { // stupid name
    margin-top: 2px;
    color: #999;
  }

  .ui-slider {
    background-color: darkgray;
    .js-store--disabled & {
      .ui-slider-handle, .ui-slider-range {
        background-color: #999;
      }
    }
    .ui-slider-range {
      background-color: @pink-darker;
    }
  }
}


Correct table line color

Correct table line color

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

.wiki-content {
  .content-font();
  color: inherit;
  padding: @spacing 0 0;

  &__header {
    font-family: @font-family-sans-serif;
    font-weight: bold;
    font-style: normal;
    color: @pink-light;

    &--1 {
      font-size: @font-size--header-wiki-1;
      margin: (@spacing * 4) 0 (@spacing * 2);
    }

    &--2 {
      font-size: @font-size--header-wiki-2;
      margin: (@spacing * 2) 0 @spacing;
    }

    &--3 {
      font-size: @font-size--header-wiki-3;
    }
  }

  &__image {
    max-width: 100%;
  }

  &__link {
    .link-yellow();
  }

  &__table {
    margin-bottom: (@spacing * 2);
  }

  &__table-data {
    border-top: 1px solid fade(@yellow, 50%);
    padding: (@spacing / 2);

    &--header {
      border-top: none;
      border-bottom: 2px solid @yellow;
      font-weight: bold;
    }
  }
}

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

.wiki-content {
  .content-font();
  color: inherit;
  padding: @spacing 0 0;

  &__header {
    font-family: @font-family-sans-serif;
    font-weight: bold;
    font-style: normal;
    color: @pink-light;

    &--1 {
      font-size: @font-size--header-wiki-1;
      margin: (@spacing * 4) 0 (@spacing * 2);
    }

    &--2 {
      font-size: @font-size--header-wiki-2;
      margin: (@spacing * 2) 0 @spacing;
    }

    &--3 {
      font-size: @font-size--header-wiki-3;
    }
  }

  &__image {
    max-width: 100%;
  }

  &__link {
    .link-yellow();
  }

  &__table {
    margin-bottom: (@spacing * 2);
  }

  &__table-data {
    border-top: 1px solid @yellow;
    padding: (@spacing / 2);

    &--header {
      border-top: none;
      border-bottom: 2px solid @yellow;
      font-weight: bold;
    }
  }
}


Facetdemo less - forgot to add to repository. styles for new demo

* { box-sizing:border-box; }

.facetdemo {
	vertical-align:top;
	.page.ng-enter, .page.ng-leave {
		-webkit-transition:0.5s linear all;
		transition:0.5s linear all;
	}
	.page.ng-enter { opacity:0;	}
	.page.ng-enter.ng-enter-active { opacity:1.0; }
	* {
		-webkit-transition:0.5s linear all;	transition:0.15s linear all;
	}
	.access * { display:inline-block; }
	.page {
		vertical-align: middle;
		background-color:#fff;
        overflow:hidden;
		position:relative;
		margin:2px 2px;
		width:100%
		height:30px;
		padding:0px;
		.title {
			background-color:rgba(255,255,255,0.72);
			font-weight:200;
		}
		.url {
			background-color:rgba(255,255,255,0.72);
			font-weight:200;
		}
		&:hover {
			box-shadow: #eee 2px 2px;
			// width:160px;
			.thumbnail {
				// width:160px;
				opacity:0.7;
			}
			.title {
				font-size:10pt;
				font-weight:300;
				opacity:1.0;
				background-color:rgba(255,255,255,1);
			}
		}
	}
}

error: pathspec 'apps/aditl/html/css/facetdemo.less' did not match any file(s) known to git


Remove commit

Remove commit

/* promo-banner */

.promo-banner {
  position: relative;
  overflow: hidden;
  margin-bottom: 45px;
  height: 420px;
  width: 100%;
  border-radius: 4px;
  background-color: #e3b839;
  color: #fff;

  &:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 15px;
    width: 100%;
    .box-shadow(0 -11px 11px -12px rgba(0, 0, 0, 0.128) inset);
  }
  h2 {
    margin: 0;
    text-shadow: 0 1px rgba(0,0,0,.1);
    font-size: 2.071rem;
    line-height: 1em;

    a {
      font-size: 1em;
      text-decoration: none;
    }
  }
  a {
    color: #fff;
    font-size: 1.143rem;
  }
  .promo-banner-wrapper {
    display: table;
    height: 100%;
    margin: 0 auto;
  }
  .img-wrapper {
    display: table-cell;
    padding-left: 38px;
    vertical-align: bottom;
  }
  aside {
    display: table-cell;
    padding: 68px 38px 0 33px;
    width: 225px;
    min-width: 225px;
    vertical-align: top;
  }
  p {
    margin: 24px 0;
    font-size: 1.286rem;
    opacity: .85;
  }
}

@media screen and (max-width:1330px) {
  .promo-banner {
     h2 {
       font-size: 1.714rem;
     }
     p {
       font-size: 1.071rem;
       line-height: 1.429em;
     }
     a {
       font-size: 0.929rem;
     }
     aside {
       width: 188px;
     }
   }
}

@media screen and (max-width:1100px) {
  .promo-banner {
    .promo-banner-wrapper {

    }

    .img-wrapper {
      padding-left: 15px;
      padding-top: 39px;
    }
  }
}

@media screen and (max-width:1089px) {
  .promo-banner {
    margin-bottom: 21px;
  }
}

@media screen and (max-width:1023px) {
  .promo-banner {
    height: auto;

    .img-wrapper {
      padding-top: 22px;
    }
    img {
      width: 100%;
    }
    aside {
      padding: 38px 20px 20px 15px;
    }
  }
}

/*@media screen and (max-width:481px){ */
@media screen and (max-width:670px){
  .promo-banner {
    height: auto;
    margin-bottom: 31px;

    .promo-banner-wrapper {
      float: none;
      width: 100%;

      aside, .img-wrapper {
        display: block;
        float: none;
      }
      .img-wrapper {
        padding: 0;
         width: 100%;
      }
      .img-wrapper {
      }
      h2 {
        margin-bottom: 15px;
      }
      img {
        margin-left: -1.3333%;
        width: 103%;

      }
      p {
        display: none;
      }
      aside {
        padding:  21px 15px 10px;
        width: auto;
        text-align: center;
      }
    }
  }
}

/* promo-banner */

/* teaser */

.teaser {
  margin-left: 38.2945%;

  h1 {
    margin: 0;
    font-size: 3.268em;
    line-height: 1.1em;
  }
  p {
    margin: 14px 60px 31px 0;
    font-size: 1.500em;
  }
}

@media screen and (max-width:1330px) {
  .teaser {
    h1 {
      font-size: 2.571em;
    }
    p {
      font-style: 1.214em;
    }
  }
}

@media screen and (max-width:1089px) {
  .teaser {
    margin-left: 34.375%;

    p {
      font-size: 1.214em;
    }
  }
}

@media screen and (max-width:777px) {
  .teaser {
    margin: 0;
    width: 100%;
    text-align: center;

    p {
      margin-left: 45px;
      margin-right: 45px;
    }

  }
}

@media screen and (max-width:620px){
  .teaser {
    h1 {
      font-size: 2.143em;
    }
    p {
      margin-left: 0;
      margin-right: 0;
      font-size: 1em;
    }
  }
}

/* teaser */

/* promo-banner */

.promo-banner {
  position: relative;
  overflow: hidden;
  margin-bottom: 45px;
  height: 420px;
  width: 100%;
  border-radius: 4px;
  background-color: #e3b839;
  color: #fff;

  &:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 15px;
    width: 100%;
    .box-shadow(0 -11px 11px -12px rgba(0, 0, 0, 0.128) inset);
  }
  h2 {
    margin: 0;
    text-shadow: 0 1px rgba(0,0,0,.1);
    font-size: 2.071rem;
    line-height: 1em;

    a {
      font-size: 1em;
      text-decoration: none;
    }
  }
  a {
    color: #fff;
    font-size: 1.143rem;
  }
  .promo-banner-wrapper {
    display: table;
    height: 100%;
    margin: 0 auto;
  }
  .img-wrapper {
    display: table-cell;
    padding-left: 38px;
    vertical-align: bottom;
  }
  aside {
    display: table-cell;
    padding: 68px 38px 0 33px;
    width: 225px;
    min-width: 225px;
    vertical-align: top;
  }
  p {
    margin: 24px 0;
    font-size: 1.286rem;
    opacity: .85;
  }
}

@media screen and (max-width:1330px) {
  .promo-banner {
     h2 {
       font-size: 1.714rem;
     }
     p {
       font-size: 1.071rem;
       line-height: 1.429em;
     }
     a {
       font-size: 0.929rem;
     }
     aside {
       width: 188px;
     }
   }
}

@media screen and (max-width:1100px) {
  .promo-banner {
    .promo-banner-wrapper {

    }

    .img-wrapper {
      padding-left: 15px;
      padding-top: 39px;
    }
  }
}

@media screen and (max-width:1089px) {
  .promo-banner {
    margin-bottom: 21px;
  }
}

@media screen and (max-width:1023px) {
  .promo-banner {
    height: auto;

    .img-wrapper {
      padding-top: 22px;
    }
    img {
      width: 100%;
    }
    aside {
      padding: 38px 20px 20px 15px;
    }
  }
}

/*@media screen and (max-width:481px){ */
@media screen and (max-width:670px){
  .promo-banner {
    height: auto;
    margin-bottom: 31px;

    .promo-banner-wrapper {
      float: none;
      width: 100%;

      aside, .img-wrapper {
        display: block;
        float: none;
      }
      .img-wrapper {
        padding: 0;
         width: 100%;
      }
      .img-wrapper {
      }
      h2 {
        margin-bottom: 15px;
      }
      img {
        /*max-height: 265px;*/
        margin-left: -1.3333%;
        width: 103%;

      }
      p {
        display: none;
      }
      aside {
        padding:  21px 15px 10px;
        width: auto;
        text-align: center;
      }
    }
  }
}

/* promo-banner */

/* teaser */

.teaser {
  margin-left: 38.2945%;

  h1 {
    margin: 0;
    font-size: 3.268em;
    line-height: 1.1em;
  }
  p {
    margin: 14px 60px 31px 0;
    font-size: 1.500em;
  }
}

@media screen and (max-width:1330px) {
  .teaser {
    h1 {
      font-size: 2.571em;
    }
    p {
      font-style: 1.214em;
    }
  }
}

@media screen and (max-width:1089px) {
  .teaser {
    margin-left: 34.375%;

    p {
      font-size: 1.214em;
    }
  }
}

@media screen and (max-width:777px) {
  .teaser {
    margin: 0;
    width: 100%;
    text-align: center;

    p {
      margin-left: 45px;
      margin-right: 45px;
    }

  }
}

@media screen and (max-width:620px){
  .teaser {
    h1 {
      font-size: 2.143em;
    }
    p {
      margin-left: 0;
      margin-right: 0;
      font-size: 1em;
    }
  }
}

/* teaser */


added a margin left of one pixel to fix the alignment

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


change css directory to styles

change css directory to 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/cpcrowley/brackets-visual-history.git/'


Add space to top of a level 1 example section

It looks better to align the start of the example section with the
bottom of the content section's header for level 1 articles.

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/jamesbishopp/splitdoc.git/'


Make hidden class more important

Make hidden class more important

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/durandj/ynot-django.git/'


Adding "vui-changed" class for change tracking and tests.

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/dlockhart/valence-ui-field.git/'


Create game.less

Create game.less

@Tachyon, should we lessify this file ? I guess doing css directly won't be much of a problem right ?

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/Tach-Yon/Tap-Tap-Adventure.git/'


css rettelser til searchLimitsTile.js

css rettelser til searchLimitsTile.js

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


add the style.less

add the style.less

body {
  padding: 10px 50px;
  font: 14px Helvetica, Arial, "微软雅黑", "华文细黑";
}

a {
  color: #00B7FF;
  text-decoration: none;
}

a:hover{

}

header {
	h1 a{
		color: #FF8000;
	}

	nav > ul {
		text-align: right;

		li {
			display: inline-block;
			padding: 5px 20px;
		}
	}
}

section {
	h1, h2 {
		padding-top: 10px;
		border-bottom: 1px solid #eee;
	}

	ul > li {

		list-style-type: none;

		h3 {
			border-bottom: 1px dotted #bbb;
			margin: 40px 0 2px 0;
		}

		h3 > small {
			float: right;
		}

		p.action-on-post {
			margin: 0;
			text-align: right;
		}

	}
}

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


increasing padding for page title

increasing padding for page title

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


Add font-awesome fixed-width file

Add font-awesome fixed-width file

with font-awesome patterns

// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
  width: (18em / 14);
  text-align: center;
}

error: pathspec 'cp-strap/src/stylesheets/icons/font-awesome/less/fixed-width.less' did not match any file(s) known to git