Require fact_relations stylinng for client

The vote up/down popup should also be styled in the client modal

//= require bootstrap
//= require users/session_new
//= require_tree ./bubble
//= require_tree ./facts
//= require_tree ./fact_relations
//= require_tree ./comments
//= require_tree ./widgets
//= require_tree ./share
//= require channels/suggested_topics

@import "bootstrap/variables";
@import "bootstrap/mixins";

body.client {
  font-family: @baseFontFamily;
  font-size: @baseFontSize;
  line-height: @baseLineHeight;

  padding: 0 0 100px;
  .box-sizing(border-box);
}

.client-modal-region {
  width: @discussionModalWidth;
  margin: 0 auto;
  z-index: 0;
  position: relative;
}

.new-discussion-page {
  width: @newDiscussionModalWidth;
}

//= require bootstrap
//= require users/session_new
//= require_tree ./bubble
//= require_tree ./facts
//= require_tree ./comments
//= require_tree ./widgets
//= require_tree ./share
//= require channels/suggested_topics

@import "bootstrap/variables";
@import "bootstrap/mixins";

body.client {
  font-family: @baseFontFamily;
  font-size: @baseFontSize;
  line-height: @baseLineHeight;

  padding: 0 0 100px;
  .box-sizing(border-box);
}

.client-modal-region {
  width: @discussionModalWidth;
  margin: 0 auto;
  z-index: 0;
  position: relative;
}

.new-discussion-page {
  width: @newDiscussionModalWidth;
}


Only border top on first child

Only border top on first child

//=require_tree ./search
@import "bootstrap/variables";
@import "bootstrap/mixins";

.search-results .results {
  .search-result {
    .reset-main-padding();
    &:first-child {
      border-top: 1px solid @baseBorderColor;
    }
    border-bottom: 1px solid @baseBorderColor;
    overflow: hidden;
  }
}

//=require_tree ./search
@import "bootstrap/variables";
@import "bootstrap/mixins";

.search-results .results {
  .search-result {
    .reset-main-padding();
    border-top: 1px solid @baseBorderColor;
    border-bottom: 1px solid @baseBorderColor;
    overflow: hidden;
  }
}


don't allow cells to shrink

don't allow cells to shrink

@cellWidth: 12rem;
@cellHeight: 7rem;
@captionHeight: 3rem;
@buttonWidth: 2.5rem;
@buttonHeight: 2.5rem;

table.statistics-confusion {
	position: relative;
	margin: auto;
	table-layout: fixed;
	border-collapse: collapse;
	color: #000;
	a {
		color: #000;
		text-decoration-style: dotted;
		&:hover {
			color: #008;
			text-decoration: underline;
			&:visited {
				color: #808;
			}
		}
	}
	.true {
		color: #080;
	}
	.false {
		color: #800;
	}
	caption {
		height: @captionHeight;
		line-height: @captionHeight;
		font-size: 150%;
	}
	td, th {
		width: @cellWidth;
		min-width: @cellWidth;
		height: @cellHeight;
		min-height: @cellHeight;
		text-align: center;
		border: solid 1px #888;
		padding: 0;
	}
	button {
		position: absolute;
		width: @buttonWidth;
		height: @buttonHeight;
		font-size: 100%;
		line-height: 100%;
		padding: 0;
		border: solid 1px #888;
		color: #000;
		background: #FFF;
		&:hover, &:focus {
			background: #DDF;
		}
		&.swap-rc {
			top: @captionHeight + @cellHeight/2 - @buttonHeight/2;
			left: @cellWidth/2 - @buttonWidth/2;
		}
		&.swap-c {
			top: @captionHeight + @cellHeight/2 - @buttonHeight/2;
			left: calc(@cellWidth*2 - @buttonWidth/2 ~'+' 2px);
		}
		&.swap-r {
			top: calc(@captionHeight + @cellHeight*2 - @buttonHeight/2 ~'+' 2px);
			left: @cellWidth/2 - @buttonWidth/2;
		}
	}
}
@media print { table.statistics-confusion {
	a {
		text-decoration: none;
	}
	button {
		display: none;
	}
} }

@cellWidth: 12rem;
@cellHeight: 7rem;
@captionHeight: 3rem;
@buttonWidth: 2.5rem;
@buttonHeight: 2.5rem;

table.statistics-confusion {
	position: relative;
	margin: auto;
	table-layout: fixed;
	border-collapse: collapse;
	color: #000;
	a {
		color: #000;
		text-decoration-style: dotted;
		&:hover {
			color: #008;
			text-decoration: underline;
			&:visited {
				color: #808;
			}
		}
	}
	.true {
		color: #080;
	}
	.false {
		color: #800;
	}
	caption {
		height: @captionHeight;
		line-height: @captionHeight;
		font-size: 150%;
	}
	td, th {
		width: @cellWidth;
		height: @cellHeight;
		text-align: center;
		border: solid 1px #888;
		padding: 0;
	}
	button {
		position: absolute;
		width: @buttonWidth;
		height: @buttonHeight;
		font-size: 100%;
		line-height: 100%;
		padding: 0;
		border: solid 1px #888;
		color: #000;
		background: #FFF;
		&:hover, &:focus {
			background: #DDF;
		}
		&.swap-rc {
			top: @captionHeight + @cellHeight/2 - @buttonHeight/2;
			left: @cellWidth/2 - @buttonWidth/2;
		}
		&.swap-c {
			top: @captionHeight + @cellHeight/2 - @buttonHeight/2;
			left: calc(@cellWidth*2 - @buttonWidth/2 ~'+' 2px);
		}
		&.swap-r {
			top: calc(@captionHeight + @cellHeight*2 - @buttonHeight/2 ~'+' 2px);
			left: @cellWidth/2 - @buttonWidth/2;
		}
	}
}
@media print { table.statistics-confusion {
	a {
		text-decoration: none;
	}
	button {
		display: none;
	}
} }


removing unrelated change from PR

removing unrelated change from PR

/*
Table of Contents Drawer
========================
This contains all of the styles specific to the TOC
*/
.regulation-nav {

    ol {
        margin: 0;
        padding: 5px 0 0 0;
    }

    li {
        .regulation-nav-item-font;
        margin: 0;
        text-indent: 0;
    }

    .toc-section-marker {
        .regulation-nav-section-marker-font;
        display: block;
    }

    /* Interpretation Subparts in the TOC are styled differently */
    .toc-interp-heading {
        .regulation-nav-interp-heading-font;
    }

    .toc-interp-title {
        .regulation-nav-interp-title-font;
    }

    a {
        display: block;
        padding: 10px 15px;
        line-height: 1.3;
    }

    a:link,
    a:visited {
        color: @black;
        .border-bottom-light (@width: 1px);
    }

    a:hover,
    a:active,
    .current {
        color: @black;
        background-color: @green_light;
    }

    /*
    TOC in Diff View
    -----------------
    */

    .modified a,
    .modified a:link,
    .modified a:visited,
    .added a,
    .added a:link,
    .added a:visited {
        border-right: 8px solid @green_midtone;
    }

    .deleted a,
    .deleted a:link,
    .deleted a:visited {
        border-right: 8px solid @red_orange_80;
        text-decoration: line-through;
        color: @80_gray;
    }
}

/* Highlight the History tab in diff view */
.active-tab a:link,
.active-tab a:visited,
.active-tab a:hover,
.active-tab a:active {
    color: #d14124;
}

.subpart-heading {
    margin: 0;
    padding: 10px 15px;
    display: block;
    background-color: #F8F8F8;
    .border-bottom-light (@width: 1px);
    .border-top-light (@width: 1px);
    .regulation-nav-subpart-heading-font;

}

.subpart-subhead {
    .font-bold;
    text-transform: none;
}

/*
History Drawer
==============
This contains all of the styles specific to the history
*/

.history-drawer {

    .font-bold;

    ul,
    li {
        .reset;
    }

    .drawer-content {
        padding-top: 40px;
    }

    .effective-label {
        padding: 0 15px;
        .font-regular;
        color: @dark_text;
    }

    /*TODO: unify link styles with TOC*/

    .version-list {
        border-top: 1px solid @light_field;
    }

    .status-list {
        border-bottom: 1px solid @light_field;
    }

    .version-link {
        display: block;
        margin: 0;
        padding: 10px 15px;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    /* IE8 only respects the background color on the individual elements */
    .current {
        .version-link {
            padding: 10px 15px 0px 15px;
            background: @green_light;
        }

        .timeline-content-wrap {
            background: @green_light;
        }

        .rule-list {
            display: block;
            background: @green_light;
        }
    }

    .version-link,
    .version-link:link,
    .version-link:visited {
        color: @black;
        text-decoration: none;
        position: relative;
    }

    .version-link:hover,
    .version-link:active,
    .version-link:target,
    .current {
        color: @black;
        background: @green_light;
        display: block;
    }

    h4 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    h5 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    .final-rule {
        margin: 10px 15px 0 15px;
    }

    .compare-title {
        margin: 10px 15px 0 15px;
        padding-top: 15px;
        border-top: 1px solid @history_drawer_border_color;
    }

    .rule-status {
        color: @dark_text;
        text-transform: lowercase;
        .font-regular;
        display: block;
        float: right;
    }

    .rule-list {
        margin: 0 15px;
        .font-regular;
    }

    .rule-list li {
        padding: 0 0 .5em 0;
    }

    .rule-list li:last-child {
        padding-bottom: .2em;
    }

    .version-date {
        .regulation-history-version-date-font;
    }

    .select-content {
        margin: 6px 15px 15px 15px;
    }

    .diff-button-wrapper {
        text-align: center;
        margin-bottom: 1em;
    }
}

.js {
   .timeline-content-wrap {
        display: none;
   }

   .current .timeline-content-wrap {
        display: block;
   }

   /*
   date input
   ----------
   */
   .form-wrap {
        margin: 15px;
        background-color: #fff;
        line-height: 32px;
        border-top: 1px solid @light_field;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
   }

   input[type=text]{
        border: none;
        text-align: center;
        line-height: 32px;
    }
    input[name=month],
    input[name=day] {
        width: 15%;
    }

    input[name=year] {
        width: 25%;
    }

    .find-button {
        float: right;
        padding: 0 10px;
        margin-top: -1px;
        margin-bottom: -1px;
        height: 34px;
    }
}

/*IE8 refuses to apply the link hovers*/
.lt-ie9 {
    #history {
        li:hover,
        li.current {
            background-color: @green_light;
        }
    }
}

/* when ie7 users do visit, the drawer header won't stick out */
.lt-ie8 {
    .drawer-header .toc-type {
        width: 210px;
    }
}

.stop-button {
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 15px;
    background-color: @red_orange;
    padding: 10px;
    text-align: center;
}

.stop-button:link,
.stop-button:visited {
    color: #fff;
}

.stop-button:hover,
.stop-button:active,
.stop-button:focus {
    background-color: @red_orange_50;
    color: @black;
}

/*
Search Drawer
=============
This contains all of the styles specific to the search
*/

.search-drawer {
    .reset;

    .drawer-content {
        padding-top: 40px;
    }

    h4 {
        color: @dark_text;
        .font-regular;
        text-transform: none;
        margin-bottom: 0.5em;
    }

    .version-search {
        border-bottom: 2px solid @medium_gray;
        padding: 0 15px 20px 15px;
    }

    .search-box {
        border-bottom: 1px solid @medium_gray;
        padding: 20px 15px;
    }

    input[type=text]{
        width: 80%;
    }

    button {
        width: 20%;
    }
}

.search-box {

    input {
        height: 32px;
        line-height: 32px;
        margin: 0;
    }

    input[type=text]{
        padding: 0 10px;
        text-align: left;
        border-top: 1px solid @light_field;
        border-right: none;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
    }
}

/*
Table of Contents Drawer
========================
This contains all of the styles specific to the TOC
*/
.regulation-nav {

    ol {
        margin: 0;
        padding: 5px 0 0 0;
    }

    li {
        .regulation-nav-item-font;
        margin: 0;
        text-indent: 0;
    }

    .toc-section-marker {
        .regulation-nav-section-marker-font;
        display: block;
    }

    /* Interpretation Subparts in the TOC are styled differently */
    .toc-interp-heading {
        .regulation-nav-interp-heading-font;
    }

    .toc-interp-title {
        .regulation-nav-interp-title-font;
    }

    a {
        display: block;
        padding: 10px 15px;
        line-height: 1.3;
    }

    a:link,
    a:visited {
        color: @black;
        .border-bottom-light (@width: 0px);
    }

    a:hover,
    a:active,
    .current {
        color: @black;
        background-color: @green_light;
    }

    /*
    TOC in Diff View
    -----------------
    */

    .modified a,
    .modified a:link,
    .modified a:visited,
    .added a,
    .added a:link,
    .added a:visited {
        border-right: 8px solid @green_midtone;
    }

    .deleted a,
    .deleted a:link,
    .deleted a:visited {
        border-right: 8px solid @red_orange_80;
        text-decoration: line-through;
        color: @80_gray;
    }
}

/* Highlight the History tab in diff view */
.active-tab a:link,
.active-tab a:visited,
.active-tab a:hover,
.active-tab a:active {
    color: #d14124;
}

.subpart-heading {
    margin: 0;
    padding: 10px 15px;
    display: block;
    background-color: #F8F8F8;
    .border-bottom-light (@width: 1px);
    .border-top-light (@width: 1px);
    .regulation-nav-subpart-heading-font;

}

.subpart-subhead {
    .font-bold;
    text-transform: none;
}

/*
History Drawer
==============
This contains all of the styles specific to the history
*/

.history-drawer {

    .font-bold;

    ul,
    li {
        .reset;
    }

    .drawer-content {
        padding-top: 40px;
    }

    .effective-label {
        padding: 0 15px;
        .font-regular;
        color: @dark_text;
    }

    /*TODO: unify link styles with TOC*/

    .version-list {
        border-top: 1px solid @light_field;
    }

    .status-list {
        border-bottom: 1px solid @light_field;
    }

    .version-link {
        display: block;
        margin: 0;
        padding: 10px 15px;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    /* IE8 only respects the background color on the individual elements */
    .current {
        .version-link {
            padding: 10px 15px 0px 15px;
            background: @green_light;
        }

        .timeline-content-wrap {
            background: @green_light;
        }

        .rule-list {
            display: block;
            background: @green_light;
        }
    }

    .version-link,
    .version-link:link,
    .version-link:visited {
        color: @black;
        text-decoration: none;
        position: relative;
    }

    .version-link:hover,
    .version-link:active,
    .version-link:target,
    .current {
        color: @black;
        background: @green_light;
        display: block;
    }

    h4 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    h5 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    .final-rule {
        margin: 10px 15px 0 15px;
    }

    .compare-title {
        margin: 10px 15px 0 15px;
        padding-top: 15px;
        border-top: 1px solid @history_drawer_border_color;
    }

    .rule-status {
        color: @dark_text;
        text-transform: lowercase;
        .font-regular;
        display: block;
        float: right;
    }

    .rule-list {
        margin: 0 15px;
        .font-regular;
    }

    .rule-list li {
        padding: 0 0 .5em 0;
    }

    .rule-list li:last-child {
        padding-bottom: .2em;
    }

    .version-date {
        .regulation-history-version-date-font;
    }

    .select-content {
        margin: 6px 15px 15px 15px;
    }

    .diff-button-wrapper {
        text-align: center;
        margin-bottom: 1em;
    }
}

.js {
   .timeline-content-wrap {
        display: none;
   }

   .current .timeline-content-wrap {
        display: block;
   }

   /*
   date input
   ----------
   */
   .form-wrap {
        margin: 15px;
        background-color: #fff;
        line-height: 32px;
        border-top: 1px solid @light_field;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
   }

   input[type=text]{
        border: none;
        text-align: center;
        line-height: 32px;
    }
    input[name=month],
    input[name=day] {
        width: 15%;
    }

    input[name=year] {
        width: 25%;
    }

    .find-button {
        float: right;
        padding: 0 10px;
        margin-top: -1px;
        margin-bottom: -1px;
        height: 34px;
    }
}

/*IE8 refuses to apply the link hovers*/
.lt-ie9 {
    #history {
        li:hover,
        li.current {
            background-color: @green_light;
        }
    }
}

/* when ie7 users do visit, the drawer header won't stick out */
.lt-ie8 {
    .drawer-header .toc-type {
        width: 210px;
    }
}

.stop-button {
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 15px;
    background-color: @red_orange;
    padding: 10px;
    text-align: center;
}

.stop-button:link,
.stop-button:visited {
    color: #fff;
}

.stop-button:hover,
.stop-button:active,
.stop-button:focus {
    background-color: @red_orange_50;
    color: @black;
}

/*
Search Drawer
=============
This contains all of the styles specific to the search
*/

.search-drawer {
    .reset;

    .drawer-content {
        padding-top: 40px;
    }

    h4 {
        color: @dark_text;
        .font-regular;
        text-transform: none;
        margin-bottom: 0.5em;
    }

    .version-search {
        border-bottom: 2px solid @medium_gray;
        padding: 0 15px 20px 15px;
    }

    .search-box {
        border-bottom: 1px solid @medium_gray;
        padding: 20px 15px;
    }

    input[type=text]{
        width: 80%;
    }

    button {
        width: 20%;
    }
}

.search-box {

    input {
        height: 32px;
        line-height: 32px;
        margin: 0;
    }

    input[type=text]{
        padding: 0 10px;
        text-align: left;
        border-top: 1px solid @light_field;
        border-right: none;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
    }
}


fixed style

fixed style

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

@import 'variables.less';
@import "base.less";
@import "component-animations.less";
@import "mixins/form-inline.less";
@import "mixins/navs.less";

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

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

.navbar {
  position: relative;
  min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
  margin-bottom: @navbar-margin-bottom;
  border: 1px solid transparent;

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

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

// 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,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  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

content[select=".navbar-header"]::content .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;
  }
}

content[select=".navbar-header"]::content .navbar-brand {
  color: @navbar-default-brand-color;
  &:hover,
  &:focus {
    color: @navbar-default-brand-hover-color;
    background-color: @navbar-default-brand-hover-bg;
  }
}

// Navbar-nav

content[select=".navbar-body"]::content ui-nav {
  display: block;
  margin: 0;

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

// 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) {
  content[select=".navbar-body"]::content ui-nav.navbar-left  { .pull-left(); }
  content[select=".navbar-body"]::content ui-nav.navbar-right {
    .pull-right();
    margin-right: -@navbar-padding-horizontal;

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

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

// Default navbar

:host(.navbar-default) nav {
  background-color: @navbar-default-bg;
  border-color: @navbar-default-border;

  content[select=".navbar-header"]::content .navbar-brand {
    color: @navbar-default-brand-color;
    &:hover,
    &:focus {
      color: @navbar-default-brand-hover-color;
      background-color: @navbar-default-brand-hover-bg;
    }
  }

  content[select=".navbar-body"]::content ui-nav ui-dropdown.open {
    background-color: @navbar-default-link-active-bg;
  }

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

  .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;
  }

  // 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;
      }
    }
  }
}

:host(.navbar-inverse) nav {
  background-color: @navbar-inverse-bg;
  border-color: @navbar-inverse-border;

  content[select=".navbar-header"]::content .navbar-brand {
    color: @navbar-inverse-brand-color;
    &:hover,
    &:focus {
      color: @navbar-inverse-brand-hover-color;
      background-color: @navbar-inverse-brand-hover-bg;
    }
  }

  content[select=".navbar-body"]::content ui-nav ui-dropdown.open {
    background-color: @navbar-inverse-link-active-bg;
  }

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

  // 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%);
  }

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

@import 'variables.less';
@import "base.less";
@import "component-animations.less";
@import "mixins/form-inline.less";
@import "mixins/navs.less";

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

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

.navbar {
  position: relative;
  min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
  margin-bottom: @navbar-margin-bottom;
  border: 1px solid transparent;

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

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

// 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,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  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

content[select=".navbar-header"]::content .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;
  }
}

content[select=".navbar-header"]::content .navbar-brand {
  color: @navbar-default-brand-color;
  &:hover,
  &:focus {
    color: @navbar-default-brand-hover-color;
    background-color: @navbar-default-brand-hover-bg;
  }
}

// Navbar-nav

content[select=".navbar-body"]::content ui-nav {
  display: block;
  margin: 0;

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

// 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) {
  content[select=".navbar-body"]::content ui-nav.navbar-left  { .pull-left(); }
  content[select=".navbar-body"]::content ui-nav.navbar-right {
    .pull-right();
    margin-right: -@navbar-padding-horizontal;

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

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

// Default navbar

:host(.navbar-default) nav {
  background-color: @navbar-default-bg;
  border-color: @navbar-default-border;

  content[select=".navbar-header"]::content .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-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;
  }

  // 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;
      }
    }
  }
}

:host(.navbar-inverse) nav {
  background-color: @navbar-inverse-bg;
  border-color: @navbar-inverse-border;

  content[select=".navbar-header"]::content .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;
  }

  // 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%);
  }

  .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;
      }
    }
  }
}


Fix checkbox margin

Fix checkbox margin

@import "../../style/mixins/index";

.antCheckboxFn(@checkbox-prefix-cls: ant-checkbox) {
  @checkbox-inner-prefix-cls: ~"@{checkbox-prefix-cls}-inner";
  // 一般状态
  .@{checkbox-prefix-cls} {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;

    &:hover,
    &-focused {
      .@{checkbox-inner-prefix-cls} {
        border-color: #bcbcbc;
      }
    }

    &-inner {
      &:after {
        transform: rotate(45deg) scale(0);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .1s @ease-in-back;
      }

      position: relative;
      top: 0;
      left: 0;
      display: inline-block;
      width: 14px;
      height: 14px;
      border-width: 1px;
      border-style: solid;
      border-radius: 3px;
      border-color: @border-color-base;
      background-color: #fff;
      transition: border-color 0.1s @ease-in-out-back, background-color 0.1s @ease-in-out-back;
    }

    &-input {
      position: absolute;
      left: 0;
      z-index: 1;
      cursor: pointer;
      .opacity(0);
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
  }

  // 半选状态
  .@{checkbox-prefix-cls}-indeterminate {
    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;
      &:after {
        content: ' ';
        transform: scale(1);
        position: absolute;
        left: 2px;
        top: 5px;
        width: 8px;
        height: 1px;
      }
    }
    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }
  }
  // 选中状态
  .@{checkbox-prefix-cls}-checked {

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;

      &:after {
        transform: rotate(45deg) scale(1);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .2s @ease-out-back .1s;
      }
    }
  }

  .@{checkbox-prefix-cls}-disabled {
    &.@{checkbox-prefix-cls}-checked {
      &:hover {
        .@{checkbox-inner-prefix-cls} {
          border-color: @border-color-base;
        }
      }

      .@{checkbox-inner-prefix-cls} {
        background-color: #f3f3f3;
        border-color: @border-color-base;

        &:after {
          animation-name: none;
          border-color: #ccc;
        }
      }
    }

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @border-color-base;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @border-color-base;
      background-color: #f3f3f3;
      &:after {
        animation-name: none;
        border-color: #f3f3f3;
      }
    }

    .@{checkbox-inner-prefix-cls}-input {
      cursor: default;
    }

    & + span {
      color: #ccc;
      cursor: @cursor-disabled;
    }
  }

  .@{checkbox-prefix-cls}-wrapper {
    cursor: pointer;
    font-size: @font-size-base;
    display: inline-block;
    & + & {
      margin-left: 8px;
    }
  }

  .@{checkbox-prefix-cls}-wrapper + span,
  .@{checkbox-prefix-cls} + span {
    margin-left: 8px;
    margin-right: 8px;
  }

  .@{checkbox-prefix-cls}-wrapper + span {
    display: inline-block;
  }

  .@{checkbox-prefix-cls}-group {
    font-size: @font-size-base;
    &-item {
      display: inline-block;
    }
  }

  @ie8: \0screen;

  // IE8 hack for https://github.com/ant-design/ant-design/issues/2148
  @media @ie8 {
    .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:before,
    .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:after {
      font-family: 'anticon';
      content: '\E62E';
      font-weight: bold;
      font-size: 8px;
      border: 0;
      color: #fff;
      left: 2px;
      top: 3px;
      position: absolute;
    }
  }
}

@import "../../style/mixins/index";

.antCheckboxFn(@checkbox-prefix-cls: ant-checkbox) {
  @checkbox-inner-prefix-cls: ~"@{checkbox-prefix-cls}-inner";
  // 一般状态
  .@{checkbox-prefix-cls} {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;

    &:hover,
    &-focused {
      .@{checkbox-inner-prefix-cls} {
        border-color: #bcbcbc;
      }
    }

    &-inner {
      &:after {
        transform: rotate(45deg) scale(0);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .1s @ease-in-back;
      }

      position: relative;
      top: 0;
      left: 0;
      display: inline-block;
      width: 14px;
      height: 14px;
      border-width: 1px;
      border-style: solid;
      border-radius: 3px;
      border-color: @border-color-base;
      background-color: #fff;
      transition: border-color 0.1s @ease-in-out-back, background-color 0.1s @ease-in-out-back;
    }

    &-input {
      position: absolute;
      left: 0;
      z-index: 1;
      cursor: pointer;
      .opacity(0);
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
  }

  // 半选状态
  .@{checkbox-prefix-cls}-indeterminate {
    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;
      &:after {
        content: ' ';
        transform: scale(1);
        position: absolute;
        left: 2px;
        top: 5px;
        width: 8px;
        height: 1px;
      }
    }
    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }
  }
  // 选中状态
  .@{checkbox-prefix-cls}-checked {

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @primary-color;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @primary-color;
      background-color: @primary-color;

      &:after {
        transform: rotate(45deg) scale(1);
        position: absolute;
        left: 4px;
        top: 1px;
        display: table;
        width: 5px;
        height: 8px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: ' ';
        transition: all .2s @ease-out-back .1s;
      }
    }
  }

  .@{checkbox-prefix-cls}-disabled {
    &.@{checkbox-prefix-cls}-checked {
      &:hover {
        .@{checkbox-inner-prefix-cls} {
          border-color: @border-color-base;
        }
      }

      .@{checkbox-inner-prefix-cls} {
        background-color: #f3f3f3;
        border-color: @border-color-base;

        &:after {
          animation-name: none;
          border-color: #ccc;
        }
      }
    }

    &:hover {
      .@{checkbox-inner-prefix-cls} {
        border-color: @border-color-base;
      }
    }

    .@{checkbox-inner-prefix-cls} {
      border-color: @border-color-base;
      background-color: #f3f3f3;
      &:after {
        animation-name: none;
        border-color: #f3f3f3;
      }
    }

    .@{checkbox-inner-prefix-cls}-input {
      cursor: default;
    }

    & + span {
      color: #ccc;
      cursor: @cursor-disabled;
    }
  }

  .@{checkbox-prefix-cls}-wrapper {
    cursor: pointer;
    font-size: @font-size-base;
    margin-bottom: 8px;
    margin-right: 8px;
    display: inline-block;
  }

  .@{checkbox-prefix-cls}-wrapper + span,
  .@{checkbox-prefix-cls} + span {
    margin-left: 8px;
    margin-right: 8px;
  }

  .@{checkbox-prefix-cls}-wrapper + span {
    display: inline-block;
  }

  .@{checkbox-prefix-cls}-group {
    font-size: @font-size-base;
    &-item {
      display: inline-block;
    }
  }

  @ie8: \0screen;

  // IE8 hack for https://github.com/ant-design/ant-design/issues/2148
  @media @ie8 {
    .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:before,
    .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:after {
      font-family: 'anticon';
      content: '\E62E';
      font-weight: bold;
      font-size: 8px;
      border: 0;
      color: #fff;
      left: 2px;
      top: 3px;
      position: absolute;
    }
  }
}


fix: Collapse header disappers with delay (#29158)

close #29146

@import '../../style/themes/index';
@import '../../style/mixins/index';

@collapse-prefix-cls: ~'@{ant-prefix}-collapse';

.@{collapse-prefix-cls} {
  .reset-component();

  background-color: @collapse-header-bg;
  border: @border-width-base @border-style-base @border-color-base;
  border-bottom: 0;
  border-radius: @collapse-panel-border-radius;

  & > &-item {
    border-bottom: @border-width-base @border-style-base @border-color-base;

    &:last-child {
      &,
      & > .@{collapse-prefix-cls}-header {
        border-radius: 0 0 @collapse-panel-border-radius @collapse-panel-border-radius;
      }
    }

    > .@{collapse-prefix-cls}-header {
      position: relative;
      padding: @collapse-header-padding;
      padding-left: @collapse-header-padding-extra;
      color: @heading-color;
      line-height: @line-height-base;
      cursor: pointer;
      transition: all 0.3s, visibility 0s;
      .clearfix();

      .@{collapse-prefix-cls}-arrow {
        .iconfont-mixin();

        position: absolute;
        top: ((@font-size-base * @line-height-base - @font-size-sm) / 2);
        left: @collapse-header-arrow-left;
        display: inline-block;
        padding: @collapse-header-padding;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        font-size: @font-size-sm;

        & svg {
          transition: transform 0.24s;
        }
      }

      .@{collapse-prefix-cls}-extra {
        float: right;
      }

      &:focus {
        outline: none;
      }
    }

    .@{collapse-prefix-cls}-header-collapsible-only {
      cursor: default;
      .@{collapse-prefix-cls}-header-text {
        cursor: pointer;
      }
    }

    &.@{collapse-prefix-cls}-no-arrow {
      > .@{collapse-prefix-cls}-header {
        padding-left: 12px;
      }
    }
  }

  // Expand Icon right
  &-icon-position-right {
    & > .@{collapse-prefix-cls}-item {
      > .@{collapse-prefix-cls}-header {
        padding: @collapse-header-padding;
        padding-right: @collapse-header-padding-extra;

        .@{collapse-prefix-cls}-arrow {
          right: @padding-md;
          left: auto;
        }
      }
    }
  }

  &-content {
    color: @text-color;
    background-color: @collapse-content-bg;
    border-top: @border-width-base @border-style-base @border-color-base;

    & > &-box {
      padding: @collapse-content-padding;
    }

    &-hidden {
      display: none;
    }
  }

  &-item:last-child {
    > .@{collapse-prefix-cls}-content {
      border-radius: 0 0 @collapse-panel-border-radius @collapse-panel-border-radius;
    }
  }

  &-borderless {
    background-color: @collapse-header-bg;
    border: 0;
  }

  &-borderless > &-item {
    border-bottom: 1px solid @border-color-base;
  }

  &-borderless > &-item:last-child,
  &-borderless > &-item:last-child &-header {
    border-radius: 0;
  }

  &-borderless > &-item > &-content {
    background-color: transparent;
    border-top: 0;
  }

  &-borderless > &-item > &-content > &-content-box {
    padding-top: 4px;
  }

  &-ghost {
    background-color: transparent;
    border: 0;
    > .@{collapse-prefix-cls}-item {
      border-bottom: 0;
      > .@{collapse-prefix-cls}-content {
        background-color: transparent;
        border-top: 0;
        > .@{collapse-prefix-cls}-content-box {
          padding-top: 12px;
          padding-bottom: 12px;
        }
      }
    }
  }

  & &-item-disabled > &-header {
    &,
    & > .arrow {
      color: @disabled-color;
      cursor: not-allowed;
    }
  }
}

@import './rtl';

@import '../../style/themes/index';
@import '../../style/mixins/index';

@collapse-prefix-cls: ~'@{ant-prefix}-collapse';

.@{collapse-prefix-cls} {
  .reset-component();

  background-color: @collapse-header-bg;
  border: @border-width-base @border-style-base @border-color-base;
  border-bottom: 0;
  border-radius: @collapse-panel-border-radius;

  & > &-item {
    border-bottom: @border-width-base @border-style-base @border-color-base;

    &:last-child {
      &,
      & > .@{collapse-prefix-cls}-header {
        border-radius: 0 0 @collapse-panel-border-radius @collapse-panel-border-radius;
      }
    }

    > .@{collapse-prefix-cls}-header {
      position: relative;
      padding: @collapse-header-padding;
      padding-left: @collapse-header-padding-extra;
      color: @heading-color;
      line-height: @line-height-base;
      cursor: pointer;
      transition: all 0.3s;
      .clearfix();

      .@{collapse-prefix-cls}-arrow {
        .iconfont-mixin();

        position: absolute;
        top: ((@font-size-base * @line-height-base - @font-size-sm) / 2);
        left: @collapse-header-arrow-left;
        display: inline-block;
        padding: @collapse-header-padding;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        font-size: @font-size-sm;

        & svg {
          transition: transform 0.24s;
        }
      }

      .@{collapse-prefix-cls}-extra {
        float: right;
      }

      &:focus {
        outline: none;
      }
    }

    .@{collapse-prefix-cls}-header-collapsible-only {
      cursor: default;
      .@{collapse-prefix-cls}-header-text {
        cursor: pointer;
      }
    }

    &.@{collapse-prefix-cls}-no-arrow {
      > .@{collapse-prefix-cls}-header {
        padding-left: 12px;
      }
    }
  }

  // Expand Icon right
  &-icon-position-right {
    & > .@{collapse-prefix-cls}-item {
      > .@{collapse-prefix-cls}-header {
        padding: @collapse-header-padding;
        padding-right: @collapse-header-padding-extra;

        .@{collapse-prefix-cls}-arrow {
          right: @padding-md;
          left: auto;
        }
      }
    }
  }

  &-content {
    color: @text-color;
    background-color: @collapse-content-bg;
    border-top: @border-width-base @border-style-base @border-color-base;

    & > &-box {
      padding: @collapse-content-padding;
    }

    &-hidden {
      display: none;
    }
  }

  &-item:last-child {
    > .@{collapse-prefix-cls}-content {
      border-radius: 0 0 @collapse-panel-border-radius @collapse-panel-border-radius;
    }
  }

  &-borderless {
    background-color: @collapse-header-bg;
    border: 0;
  }

  &-borderless > &-item {
    border-bottom: 1px solid @border-color-base;
  }

  &-borderless > &-item:last-child,
  &-borderless > &-item:last-child &-header {
    border-radius: 0;
  }

  &-borderless > &-item > &-content {
    background-color: transparent;
    border-top: 0;
  }

  &-borderless > &-item > &-content > &-content-box {
    padding-top: 4px;
  }

  &-ghost {
    background-color: transparent;
    border: 0;
    > .@{collapse-prefix-cls}-item {
      border-bottom: 0;
      > .@{collapse-prefix-cls}-content {
        background-color: transparent;
        border-top: 0;
        > .@{collapse-prefix-cls}-content-box {
          padding-top: 12px;
          padding-bottom: 12px;
        }
      }
    }
  }

  & &-item-disabled > &-header {
    &,
    & > .arrow {
      color: @disabled-color;
      cursor: not-allowed;
    }
  }
}

@import './rtl';


Fix dropdown menu group title style

Fix dropdown menu group title style

@import "../../style/themes/default";
@import "../../style/mixins/index";

@dropdown-prefix-cls: ~"@{ant-prefix}-dropdown";

.@{dropdown-prefix-cls} {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: @zindex-dropdown;
  display: block;
  font-size: @font-size-base;
  font-weight: normal;
  line-height: 1.5;

  &-wrap {
    position: relative;

    .@{ant-prefix}-btn > .@{iconfont-css-prefix}-down {
      .iconfont-size-under-12px(10px);
    }

    .@{iconfont-css-prefix}-down:before {
      transition: transform 0.2s ease;
    }
  }

  &-wrap-open {
    .@{iconfont-css-prefix}-down:before {
      transform: rotate(180deg);
    }
  }

  &-hidden,
  &-menu-hidden {
    display: none;
  }

  &-menu {
    outline: none;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: @component-background;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;
    background-clip: padding-box;

    &-item-group-title {
      color: @text-color-secondary;
      padding: 6px 8px;
      transition: all .3s;
    }

    &-item,
    &-submenu-title {
      padding: 7px 8px;
      margin: 0;
      clear: both;
      font-size: @font-size-base;
      font-weight: normal;
      color: @text-color;
      white-space: nowrap;
      cursor: pointer;
      transition: all .3s;

      > a {
        color: @text-color;
        display: block;
        padding: 7px 8px;
        margin: -7px -8px;
        transition: all .3s;
        &:focus {
          text-decoration: none;
        }
      }

      &-selected,
      &-selected > a {
        color: @primary-color;
        background-color: @item-active-bg;
      }

      &:hover {
        background-color: @item-hover-bg;
      }

      &-disabled {
        color: @disabled-color;
        cursor: not-allowed;

        &:hover {
          color: @disabled-color;
          background-color: @component-background;
          cursor: not-allowed;
        }
      }

      &:first-child,
      &:first-child > a {
        border-radius: @border-radius-base @border-radius-base 0 0;
      }

      &:last-child,
      &:last-child > a {
        border-radius: 0 0 @border-radius-base @border-radius-base;
      }

      &:only-child,
      &:only-child > a {
        border-radius: @border-radius-base;
      }

      &-divider {
        height: 1px;
        overflow: hidden;
        background-color: @border-color-split;
        line-height: 0;
      }
    }

    &-submenu-title:after {
      font-family: "anticon" !important;
      position: absolute;
      content: "\e61f";
      right: 8px;
      color: @text-color-secondary;
      .iconfont-size-under-12px(10px);
    }

    &-submenu-vertical {
      position: relative;
    }

    &-submenu-vertical > & {
      top: 0;
      left: 100%;
      position: absolute;
      min-width: 100%;
      margin-left: 4px;
      transform-origin: 0 0;
    }

    &-submenu&-submenu-disabled .@{dropdown-prefix-cls}-menu-submenu-title {
      &,
      &:after {
        color: @disabled-color;
      }
    }
    &-submenu:first-child &-submenu-title {
      border-radius: @border-radius-base @border-radius-base 0 0;
    }

    &-submenu:last-child &-submenu-title {
      border-radius: 0 0 @border-radius-base @border-radius-base;
    }
  }

  &.slide-down-enter.slide-down-enter-active&-placement-bottomLeft,
  &.slide-down-appear.slide-down-appear-active&-placement-bottomLeft,
  &.slide-down-enter.slide-down-enter-active&-placement-bottomCenter,
  &.slide-down-appear.slide-down-appear-active&-placement-bottomCenter,
  &.slide-down-enter.slide-down-enter-active&-placement-bottomRight,
  &.slide-down-appear.slide-down-appear-active&-placement-bottomRight {
    animation-name: antSlideUpIn;
  }

  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-topLeft,
  &.slide-up-enter.slide-up-enter-active&-placement-topCenter,
  &.slide-up-appear.slide-up-appear-active&-placement-topCenter,
  &.slide-up-enter.slide-up-enter-active&-placement-topRight,
  &.slide-up-appear.slide-up-appear-active&-placement-topRight {
    animation-name: antSlideDownIn;
  }

  &.slide-down-leave.slide-down-leave-active&-placement-bottomLeft,
  &.slide-down-leave.slide-down-leave-active&-placement-bottomCenter,
  &.slide-down-leave.slide-down-leave-active&-placement-bottomRight {
    animation-name: antSlideUpOut;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-topLeft,
  &.slide-up-leave.slide-up-leave-active&-placement-topCenter,
  &.slide-up-leave.slide-up-leave-active&-placement-topRight {
    animation-name: antSlideDownOut;
  }
}

.@{dropdown-prefix-cls}-trigger,
.@{dropdown-prefix-cls}-link {
  .@{iconfont-css-prefix}-down {
    .iconfont-size-under-12px(10px);
  }
}

.@{dropdown-prefix-cls}-button {
  white-space: nowrap;

  &.@{ant-prefix}-btn-group > .@{ant-prefix}-btn:last-child:not(:first-child) {
    padding-right: 8px;
  }
  .@{iconfont-css-prefix}-down {
    .iconfont-size-under-12px(10px);
  }
}

// https://github.com/ant-design/ant-design/issues/4903
.@{dropdown-prefix-cls}-menu-dark {
  &,
  .@{dropdown-prefix-cls}-menu {
    background: @menu-dark-bg;
  }
  .@{dropdown-prefix-cls}-menu-item,
  .@{dropdown-prefix-cls}-menu-submenu-title,
  .@{dropdown-prefix-cls}-menu-item > a {
    color: @text-color-secondary-dark;
    &:after {
      color: @text-color-secondary-dark;
    }
    &:hover {
      color: #fff;
      background: transparent;
    }
  }
  .@{dropdown-prefix-cls}-menu-item-selected {
    &,
    &:hover,
    > a {
      background: @primary-color;
      color: #fff;
    }
  }
}

@import "../../style/themes/default";
@import "../../style/mixins/index";

@dropdown-prefix-cls: ~"@{ant-prefix}-dropdown";

.@{dropdown-prefix-cls} {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: @zindex-dropdown;
  display: block;
  font-size: @font-size-base;
  font-weight: normal;
  line-height: 1.5;

  &-wrap {
    position: relative;

    .@{ant-prefix}-btn > .@{iconfont-css-prefix}-down {
      .iconfont-size-under-12px(10px);
    }

    .@{iconfont-css-prefix}-down:before {
      transition: transform 0.2s ease;
    }
  }

  &-wrap-open {
    .@{iconfont-css-prefix}-down:before {
      transform: rotate(180deg);
    }
  }

  &-hidden,
  &-menu-hidden {
    display: none;
  }

  &-menu {
    outline: none;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: @component-background;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;
    background-clip: padding-box;

    &-item,
    &-submenu-title {
      padding: 7px 8px;
      margin: 0;
      clear: both;
      font-size: @font-size-base;
      font-weight: normal;
      color: @text-color;
      white-space: nowrap;
      cursor: pointer;
      transition: all .3s;

      > a {
        color: @text-color;
        display: block;
        padding: 7px 8px;
        margin: -7px -8px;
        transition: all .3s;
        &:focus {
          text-decoration: none;
        }
      }

      &-selected,
      &-selected > a {
        color: @primary-color;
        background-color: @item-active-bg;
      }

      &:hover {
        background-color: @item-hover-bg;
      }

      &-disabled {
        color: @disabled-color;
        cursor: not-allowed;

        &:hover {
          color: @disabled-color;
          background-color: @component-background;
          cursor: not-allowed;
        }
      }

      &:first-child,
      &:first-child > a {
        border-radius: @border-radius-base @border-radius-base 0 0;
      }

      &:last-child,
      &:last-child > a {
        border-radius: 0 0 @border-radius-base @border-radius-base;
      }

      &:only-child,
      &:only-child > a {
        border-radius: @border-radius-base;
      }

      &-divider {
        height: 1px;
        overflow: hidden;
        background-color: @border-color-split;
        line-height: 0;
      }
    }

    &-submenu-title:after {
      font-family: "anticon" !important;
      position: absolute;
      content: "\e61f";
      right: 8px;
      color: @text-color-secondary;
      .iconfont-size-under-12px(10px);
    }

    &-submenu-vertical {
      position: relative;
    }

    &-submenu-vertical > & {
      top: 0;
      left: 100%;
      position: absolute;
      min-width: 100%;
      margin-left: 4px;
      transform-origin: 0 0;
    }

    &-submenu&-submenu-disabled .@{dropdown-prefix-cls}-menu-submenu-title {
      &,
      &:after {
        color: @disabled-color;
      }
    }
    &-submenu:first-child &-submenu-title {
      border-radius: @border-radius-base @border-radius-base 0 0;
    }

    &-submenu:last-child &-submenu-title {
      border-radius: 0 0 @border-radius-base @border-radius-base;
    }
  }

  &.slide-down-enter.slide-down-enter-active&-placement-bottomLeft,
  &.slide-down-appear.slide-down-appear-active&-placement-bottomLeft,
  &.slide-down-enter.slide-down-enter-active&-placement-bottomCenter,
  &.slide-down-appear.slide-down-appear-active&-placement-bottomCenter,
  &.slide-down-enter.slide-down-enter-active&-placement-bottomRight,
  &.slide-down-appear.slide-down-appear-active&-placement-bottomRight {
    animation-name: antSlideUpIn;
  }

  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
  &.slide-up-appear.slide-up-appear-active&-placement-topLeft,
  &.slide-up-enter.slide-up-enter-active&-placement-topCenter,
  &.slide-up-appear.slide-up-appear-active&-placement-topCenter,
  &.slide-up-enter.slide-up-enter-active&-placement-topRight,
  &.slide-up-appear.slide-up-appear-active&-placement-topRight {
    animation-name: antSlideDownIn;
  }

  &.slide-down-leave.slide-down-leave-active&-placement-bottomLeft,
  &.slide-down-leave.slide-down-leave-active&-placement-bottomCenter,
  &.slide-down-leave.slide-down-leave-active&-placement-bottomRight {
    animation-name: antSlideUpOut;
  }

  &.slide-up-leave.slide-up-leave-active&-placement-topLeft,
  &.slide-up-leave.slide-up-leave-active&-placement-topCenter,
  &.slide-up-leave.slide-up-leave-active&-placement-topRight {
    animation-name: antSlideDownOut;
  }
}

.@{dropdown-prefix-cls}-trigger,
.@{dropdown-prefix-cls}-link {
  .@{iconfont-css-prefix}-down {
    .iconfont-size-under-12px(10px);
  }
}

.@{dropdown-prefix-cls}-button {
  white-space: nowrap;

  &.@{ant-prefix}-btn-group > .@{ant-prefix}-btn:last-child:not(:first-child) {
    padding-right: 8px;
  }
  .@{iconfont-css-prefix}-down {
    .iconfont-size-under-12px(10px);
  }
}

// https://github.com/ant-design/ant-design/issues/4903
.@{dropdown-prefix-cls}-menu-dark {
  &,
  .@{dropdown-prefix-cls}-menu {
    background: @menu-dark-bg;
  }
  .@{dropdown-prefix-cls}-menu-item,
  .@{dropdown-prefix-cls}-menu-submenu-title,
  .@{dropdown-prefix-cls}-menu-item > a {
    color: @text-color-secondary-dark;
    &:after {
      color: @text-color-secondary-dark;
    }
    &:hover {
      color: #fff;
      background: transparent;
    }
  }
  .@{dropdown-prefix-cls}-menu-item-selected {
    &,
    &:hover,
    > a {
      background: @primary-color;
      color: #fff;
    }
  }
}


Add {less} for styling descriptions before the actual form blocks in the form pages.

--HG--
extra : rebase_source : 3af339f122a680ca00b00c41254df6de7678574f

/*////////////////

  LessCSS

////////////////*/

@darkblue: #00538b;
@orange: #d5620e;
@lightblue: #238bd2;
@lightbluebg: #6eb5e5;
@grey: #f6f6f6;

.imagereplace {
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
}

/*////////////////

    Forms

////////////////*/

#form.form-register {/*register form*/
    background: #e1edf5;
    margin: 0 auto 39px auto;
    width: 570px;

    .loggedin {/*logged in message*/
        background: #cee5f5;
        padding: 11px 0;
        text-align: center;

        p {
            margin: 0;
        }
    }
    h2 {/*heading*/
        float: left;
        font-size: 27px;
        line-height: 1.8em;
        margin: 10px 0 0 23px;
    }
    .req {/*required text*/
        color: @orange;
        display: block;
        float: left;
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
        margin: 25px 0 0 10px;
    }
    fieldset {
        background: #cde5f5;
        margin: 0 23px 16px 23px;
        padding: 30px 0 11px 0;
        .row {/*every row*/
            margin: 0 0 6px 11px;
            width: 497px;
        }
        .row.given_name {
            float: left;
            width: 215px;
            .text { width: 215px; }
        }
        .row.surname {
            float: left;
            width: 276px;
            .text { width: 276px; }
        }
        .row.email {
            clear: both;
            float: left;
            width: 310px;
            .text { width: 310px; }
        }
        .row.phone {
            float: left;
            width: 180px;
            .text { width: 180px; }
        }
        .row.bday {
            clear: both;
            float: left;
            width: 121px;
            .text { width: 121px; }
        }
        .row.address2 {
            float: left;
            width: 313px;
            .text { width: 313px; }
        }
        .row.city {
            float: left;
            width: 175px;
            .text { width: 175px; }
        }
        .row.stateprovince {
            clear: both;
            float: left;
            width: 175px;
            .text { width: 175px; }
        }
        .row.zip {
            float: left;
            width: 138px;
            label { padding: 0; }
            .text { width: 138px; }
        }
        .row.country {
            clear: both;
            padding-top: 5px;
            width: 100%;
            .selector {
                select {
                    width: 100%;
                }
                span {
                    padding-right: 40px;
                    width: auto; /* desired width (w/ borders) - 33px = value */
                }
            }
        }
        .row.schoolname {
            float: left;
            width: 100%;
            .selector {
                select {
                    width: 100%;
                }
                span {
                    padding-right: 40px;
                    width: auto; /* desired width (w/ borders) - 33px = value */
                }
            }
        }
        .row.gradyear {
            clear: left;
            float: left;
            width: 175px;
            .selector {
                span {
                    width: 127px;
                }
            }
        }
        .row.schoollocation {
            float: left;
            width: 175px;
            .selector {
                span {
                    width: 127px;
                }
            }
        }
        .row.schoolurl {
            clear: both;
            width: 254px;
            .text {
                width: 254px;
            }
        }
    }
    fieldset.nolegend {
        padding: 11px 0;
    }
    .fieldset-basicinfo {/*first fieldset on the registration page*/
        clear: both;
    }
    .fieldset-referral {/*referral fieldset*/
        background: none;
        padding: 0;

        .row.radio {
            margin: 0 0 6px 35px;

            label {
                color: #666;
                font-size: 15px;
            }
        }
    }
    .row.button-row {
        padding: 0 0 28px 28px;
    }
    div.back-links {
        clear: left;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 0 23px;
        padding: 0 0 10px 5px;
    }
    .row.radio {
        margin: 0 0 6px 15px;

        label {
            color: #666;
            font-size: 15px;

            div.radio-content {
                display: table-cell;
            }
        }
    }
    .row.checkbox {
        margin: 0 0 6px 15px;

        label {
            color: #666;
            font-size: 15px;

            div.checkbox-content {
                display: table-cell;
            }
        }
    }
    .row.other {
        margin: 0 0 6px 51px;
        width: 400px;

        input {
            width: 400px;
        }
    }
}

#form.form-search {/*search form*/
    background: #e0edf5;
    padding: 5px 15px 10px 15px;
    margin: 0 0 13px 0;

    h2 {/*heading*/
        font-size: 22px;
        font-weight: normal;
        margin: 0;
    }
    .row {/*every row*/
        margin: 0 10px 0 0;
    }
    .row.search-field {/*search text field*/
        float: left;
        width: 300px;
        .text {
            margin-top: 1px;
            width: 300px;
        }
    }
    .row.search-filter {/*filter select field*/
        float: left;
        width: 138px;
        .selector {
            span {
                font-size: 14px;
                width: 105px; /* desired width (w/ borders) - 33px = value */
            }
        }
    }
    .row.button-row {/*submit btn*/
        float: left;
        width: 77px;
        input {
            height: 26px;
            line-height: 26px;
            margin-top: 2px;
            padding: 0;
            width: 77px;
        }
    }
}

#form.form-proposal {/*application/proposal form*/
    background: #e1edf5;
    width: 500px;

    fieldset {
        margin: 0 auto;
        padding: 5px 0;
        width: 440px;

        .row {/*every row*/
            margin: 10px 0;
            .text {
                width: 440px;
            }
        }
        .row.gsoc_proposal_abstract {
            .textarea {
                height: 200px;
                width: 430px;
            }
        }
        .row.gsoc_proposal_content {
            .textarea {
                height: 500px;
                width: 430px;
            }
        }
        .row.project-sponsor {
            width: 320px;
            .text {
                width: 320px;
            }
        }
        .row.project-os {
            float: left;
            width: 191px;
            .text {
                width: 191px;
            }
        }
        .row.project-lang {
            float: right;
            width: 191px;
            .text {
                width: 191px;
            }
        }
        .row.project-tags {
            clear: both;
        }
        #form-proposal-textfield-project-short_counter, #form-proposal-textfield-project-full_counter {
            color: @orange;
            display: block;
            font-size: 10px;
            font-style: italic;
            font-weight: bold;
            margin: 0 0 0 4px;
        }
    }
    .row.button-row {
        background: @grey;
        display: block;
        padding-bottom: 20px;
        width: 100%;
        .submit {
            margin: 20px 0 0 20px;
        }
        .save {
            background:url(../../../images/v2/gsoc/form-submit-bg-blue.png) 0 0 repeat;
            margin-left: 15px;
        }
    }
}

#form {/*form defaults*/
    margin: 0 auto;

    .note {/*for adding a note below a text field*/
        color: @orange;
        display: block;
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
        margin: 0 0 0 4px;
    }
    .input-submit-mixin (@height: 30px, @line-height: 30px) {
        background: url(../../../images/v2/gsoc/form-submit-bg.png) 0 0 repeat;
        border: 0;
        color: #fff;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        height: @height;
        line-height: @line-height;
        padding: 0 15px;
        text-transform: uppercase;

        &:hover {
            cursor: pointer;
        }
    }
    input.submit {
        .input-submit-mixin;
    }
    fieldset {
        position: relative;
        width: 524px;

        legend {
            display: block;
            float: left;
            position: relative;
            width: 100%;
            span {
                color: #799eb8;
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
                position: absolute;
                top: -22px;
                left: 10px;
            }
        }
        .row {
            label {/*labels*/
                color: @lightblue;
                display: block;
                font-size: 18px;
                line-height: 1.3em;
                padding: 0 0 0 5px;
            }
            .req {/*required text*/
                bottom: 1px;
                color: @orange;
                display: inline;
                float: none;
                font-size: 16px;
                font-weight: bold;
                height: 0;
                line-height: 1;
                margin: 0;
                position: relative;
                vertical-align: baseline;
            }
            .text, .textarea {/*text fields and textareas*/
                background: #fff;
                border: 1px solid #d2d2d2;
                box-shadow: inset 2px 2px 10px #e6e6e6;
                -moz-box-shadow: inset 2px 2px 10px #e6e6e6;
                -webkit-box-shadow: inset 2px 2px 10px #e6e6e6;
                font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
                font-size: 14px;
                padding: 0;
            }
            .text {/*text fields*/
                height: 26px;
                text-indent: 5px;
                width: 497px;
            }
            .textarea {/*textareas*/
                padding: 5px;
            }
            select {/*select fields*/
                background: #fff;
                border: 0px;
            }
            .selector select {
                font-size: 13px;
                width: 100% !important;
            }
            .selector span {
                font-size: 16px;
            }
            .checker {/*checkbox*/
                margin-right: 0px;
                span {
                    background-position: -62px -41px;
                }
                span.checked {
                    background-position: -86px -41px;
                }
            }
            div.uploader {/*file upload field*/
                height: 30px;
                width: 440px;

                input {
                    height: 30px;
                    top: 0;
                    left: 0;
                    width: 100%;
                }
                span.action {
                    background: url(../../../images/v2/gsoc/form-submit-bg.png) 0 0 repeat;
                    color: #fff;
                    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    margin: 2px 0 0 0;
                    padding: 2px 7px;
                    text-transform: none;
                }
                span.filename {
                  background: #fff;
                  border: 1px solid #d2d2d2;
                  border-right: 0px;
                  box-shadow: inset 2px 2px 10px #e6e6e6;
                  -moz-box-shadow: inset 2px 2px 10px #e6e6e6;
                  -webkit-box-shadow: inset 2px 2px 10px #e6e6e6;
                  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
                  font-size: 14px;
                  height: 26px;
                  padding: 0 5px 0 0;
                  text-indent: 5px;
                  width: auto;
                }
            }

        }
        .row.error {/*error on submission*/
            .error-message {
                color: #ff0000;
                display: block;
                clear: both;
                font-size: 12px;
                font-weight: bold;
                margin: 2px 0 0 7px;
            }
            .text, .textarea {
                background: #fce6e6;
                border: 1px solid #ff0000;
                box-shadow: inset 2px 2px 10px #fccaca;
                -moz-box-shadow: inset 2px 2px 10px #fccaca;
                -webkit-box-shadow: inset 2px 2px 10px #fccaca;
            }
        }

    }
    .row.button-row {/*submit btn row*/
        input {
            .input-submit-mixin(40px, 40px);
        }
    }
}

/* Submit button */
.form-user-proposal-assign-mentor {
    clear: both;

    div.selector span {
        width: 150px;
    }
    input.submit {
        margin: 3px 0 0 3px;
    }
}
/* Submit button */
#pre-form-header {
    h2 {/*heading*/
        float: left;
        font-size: 27px;
        line-height: 1.8em;
        margin: 10px 0 0 23px;
    }
    h3 {/*heading*/
        clear: both;
        font-size: 21px;
        margin-left: 23px;
    }
    .req {/*required text*/
        color: @orange;
        display: block;
        float: left;
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
        margin: 25px 0 0 10px;
    }
    .description {
        clear: both;
        margin-left: 23px;
    }
}


Add hover effect to meta headers

Add hover effect to meta headers

@import "colors.less";

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  min-height: 100%;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

h4.polyaxon-header {
  color: @header-gray;
}

.button-refresh-alone .button-refresh {
  margin-bottom: 10px;
}

.button-group-tools span {
  margin-left: 10px;
}

input, textarea {
  padding: 9px;
  border: solid 1px #E5E5E5;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  width: 200px;
  background: @white-light;
  margin-bottom: 10px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
  border-color: #C9C9C9;
}

.btn-polyaxon {
  width: auto;
  padding: 9px 15px;
  background: @header-gray;
  border: 0;
  font-size: 14px;
  color: @white-light;
  &:hover {
    color: @white-light;
    background: @header-gray-hover;
  }
}

.entity-details {
  .entity-name {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    word-wrap: break-word;
    text-align: center;
  }
  padding-bottom: 20px;
  .content {
    margin: 10px 0 0 55px;
    font-size: 12px;
    font-style: italic;
  }
  .button {
    margin-left: 20px;
  }
}

.block {
  .button {
    min-width: 100px;
    .icon {
      padding-left: 5px;
    }
  }
  .title {
    .icon {
      padding-right: 5px;
    }
  }
}

.block, .entity-details {
  .meta-description {
    padding: 20px 20px 20px 0;
  }
}

.meta-metrics {
  .icon {
    color: @light-blue;
  }
}

.meta-data-refs {
  .icon {
    color: @light-green;
  }
}

.meta-run-env {
  .icon {
    color: #528cd5;
  }
}

.meta-packages {
  .icon {
    color: #7691d5;
  }
}

.meta-code-ref {
  .icon {
    color: #73D5A1;
  }
}

.meta-dashboard {
  .icon {
    color: @green;
  }
}

.meta-declarations {
  .icon {
    color: @brown;
  }
}

.meta-resources {
  .icon {
    color: @green;
  }
}

.meta-header {
  padding: 8px;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: -1px;
  background: #f9fafb;
  border: 1px solid #f0f4ff;
  border-radius: 4px 4px 0 0;

  .meta-info {
    padding: 10px 10px 10px 0px;
    cursor: pointer;
    &:hover {
      text-decoration: none;
    }
    .title:hover {
      color: @gl-link-color;
    }
  }
}

a {
  cursor: pointer;
  &:hover {
    text-decoration: none;
  }
}

.btn-link {
  &.btn-link-margin {
    margin-left: 10px;
  }
  display: inline-block;
  padding: 0;
  font-size: 13px;
  color: @gl-link-color;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-multi-select > div {
  min-height: unset;
  & > div {
    padding: 0 4px;
    &:first-child > div {
      background-color: #f1f8ff;
      color: #317fd8;

      &:last-child {
        background-color: unset;
        color: #000;

        input {
          margin: 0;
          font: inherit;
        }
      }

      & > div:last-child:hover {
        background-color: #cfe1f1;
        color: #245ad8;
        cursor: pointer;
      }
    }
    &:last-child > div {
      padding: 4px;
    }
  }
}

.help-block {
  font-size: 12px;
}

@import "colors.less";

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  min-height: 100%;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

h4.polyaxon-header {
  color: @header-gray;
}

.button-refresh-alone .button-refresh {
  margin-bottom: 10px;
}

.button-group-tools span {
  margin-left: 10px;
}

input, textarea {
  padding: 9px;
  border: solid 1px #E5E5E5;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  width: 200px;
  background: @white-light;
  margin-bottom: 10px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
  border-color: #C9C9C9;
}

.btn-polyaxon {
  width: auto;
  padding: 9px 15px;
  background: @header-gray;
  border: 0;
  font-size: 14px;
  color: @white-light;
  &:hover {
    color: @white-light;
    background: @header-gray-hover;
  }
}

.entity-details {
  .entity-name {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    word-wrap: break-word;
    text-align: center;
  }
  padding-bottom: 20px;
  .content {
    margin: 10px 0 0 55px;
    font-size: 12px;
    font-style: italic;
  }
  .button {
    margin-left: 20px;
  }
}

.block {
  .button {
    min-width: 100px;
    .icon {
      padding-left: 5px;
    }
  }
  .title {
    .icon {
      padding-right: 5px;
    }
  }
}

.block, .entity-details {
  .meta-description {
    padding: 20px 20px 20px 0;
  }
}

.meta-metrics {
  .icon {
    color: @light-blue;
  }
}

.meta-data-refs {
  .icon {
    color: @light-green;
  }
}

.meta-run-env {
  .icon {
    color: #528cd5;
  }
}

.meta-packages {
  .icon {
    color: #7691d5;
  }
}

.meta-code-ref {
  .icon {
    color: #73D5A1;
  }
}

.meta-dashboard {
  .icon {
    color: @green;
  }
}

.meta-declarations {
  .icon {
    color: @brown;
  }
}

.meta-resources {
  .icon {
    color: @green;
  }
}

.meta-header {
  padding: 8px;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: -1px;
  background: #f9fafb;
  border: 1px solid #f0f4ff;
  border-radius: 4px 4px 0 0;

  .meta-info {
    padding: 10px 10px 10px 0px;
    cursor: pointer;
    &:hover {
      text-decoration: none;
    }
  }
}

a {
  cursor: pointer;
  &:hover {
    text-decoration: none;
  }
}

.btn-link {
  &.btn-link-margin {
    margin-left: 10px;
  }
  display: inline-block;
  padding: 0;
  font-size: 13px;
  color: @gl-link-color;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-multi-select > div {
  min-height: unset;
  & > div {
    padding: 0 4px;
    &:first-child > div {
      background-color: #f1f8ff;
      color: #317fd8;

      &:last-child {
        background-color: unset;
        color: #000;

        input {
          margin: 0;
          font: inherit;
        }
      }

      & > div:last-child:hover {
        background-color: #cfe1f1;
        color: #245ad8;
        cursor: pointer;
      }
    }
    &:last-child > div {
      padding: 4px;
    }
  }
}

.help-block {
  font-size: 12px;
}


latest timon diff

latest timon diff

html, body {
	min-height:100%; height:100%;
	min-width:100%; width:100%;
}
body {
	background-color:#eee;
}
.modal-dialog {
	color:#888;
	margin:70px auto;
}
.addFollowingModal {
	input {
		width:100% !important;
		font-size:14pt;
	}
}

.timonmain {
	h1,h2,h3,h4 { font-weight:200; color:#aaa; margin-top:10px; }
	* {
		box-layout:border-box;
		font-family:'helvetica neue', 'helvetica';
	}
	height:100% !important;
	.profilecard {
		position:absolute;
		top:60px;
		left:40px;
		width:290px;
		height:210px;
		padding:0px;
		background-color:white;
		border-radius:4px;
		.identity {
			position:relative;
			color:#666;
			padding:85px 20px 20px 20px;
			.name {
				font-size:18pt;
			}
			.stats {
				font-variant:small-caps;
				width:49%;
				.count {
					vertical-align:top;
					color:#00bbff;
					font-size:16pt;
					.addbtn {
						padding:0px;
						position:relative;
						top:-4px;
						margin:0px 0px 0px 5px;
						font-size:18pt;
						color:#aaa;
						&:hover {
							color:#00bbff;
							font-weight:bold;
						}
					}
				}
				display:inline-block;
			}
			.configbtn {
				font-family:"Glyphicons Halflings" !important;
				position:absolute;
				right:10px; top:10px;
			}
		}
		.compose {
			position:relative;
			padding:10px 10px 10px 10px;
			background:#EFEFFF !important;
			border-top:1px solid #eee;
			.newpostinput {
				width:100%;
				border:1px solid #eee;
				border-radius:4px;
			}
			.newpoststats {
				position:relative;
				.length { font-size:16pt; color:#888; font-weight:200; }
				.submit {
					position:absolute;
					right:0px;
					top:0px;
				}
			}
		}
	}

	// posts!
	.timeline {
		background-color:white;
		width:590px;
		margin-left:360px;
		margin-top:60px;
		border-radius:4px;
		padding-top:6px;
		padding-left:14px;
		padding-right:14px;
		.tipost {
			padding:10px 0px 10px 10px;
			border-bottom:1px solid #eee;
			.content {
				margin-left:47px;
				.profilepic {
					float:left;
					margin-left:-47px;
					margin-top:3px;
					height:38px; width:38px;
					border-radius:3px;
					background-color:#888;
				}
				.authorline {
					vertical-align:top;
					div { display:inline-block; vertical-align:top; }
					.username { font-weight:bold; color:black; }
					.fullname, .datetime { font-size: 10pt; color:#888; }
				}
				.body {
					font-size:12pt;
					padding:0px 0px 4px 0px;
				}
				.controls {
					div {
						font-size:12pt;
						font-family:"Glyphicons Halflings" !important;
						color:#aaa;
						display:inline-block;
						padding:3px 40px;
					}
					padding:0px;
					margin:0px;
				}
			}
			max-width:588px;
			max-height:156px;
		}
		height:100% !important;
	}
}

html, body {
	min-height:100%; height:100%;
	min-width:100%; width:100%;
}
body {
	background-color:#eee;
}
.modal-dialog {
	color:#888;
	margin:70px auto;
}
.addFollowingModal {
	input {
		width:100% !important;
		font-size:14pt;
	}
}

.timonmain {
	h1,h2,h3,h4 { font-weight:200; color:#aaa; margin-top:10px; }
	* {
		box-layout:border-box;
		font-family:'helvetica neue', 'helvetica';
	}
	height:100% !important;
	.profilecard {
		position:absolute;
		top:60px;
		left:40px;
		width:290px;
		height:210px;
		padding:0px;
		background-color:white;
		border-radius:4px;
		.identity {
			position:relative;
			color:#666;
			padding:85px 20px 20px 20px;
			.name {
				font-size:18pt;
			}
			.stats {
				font-variant:small-caps;
				width:49%;
				.count {
					vertical-align:top;
					color:#00bbff;
					font-size:16pt;
					.addbtn {
						padding:0px;
						position:relative;
						top:-4px;
						margin:0px 0px 0px 5px;
						font-size:18pt;
						color:#aaa;
						&:hover {
							color:#00bbff;
							font-weight:bold;
						}
					}
				}
				display:inline-block;
			}
			.configbtn {
				font-family:"Glyphicons Halflings" !important;
				position:absolute;
				right:10px; top:10px;
			}
		}
		.compose {
			position:relative;
			padding:10px 10px 10px 10px;
			background:#EFEFFF !important;
			border-top:1px solid #eee;
			.newpostinput {
				width:100%;
				border:1px solid #eee;
				border-radius:4px;
			}
			.newpoststats {
				position:relative;
				.length { font-size:16pt; color:#888; font-weight:200; }
				.submit {
					position:absolute;
					right:0px;
					top:0px;
				}
			}
		}
	}

	// posts!
	.timeline {
		background-color:white;
		width:590px;
		margin-left:360px;
		margin-top:60px;
		border-radius:4px;
		padding-top:6px;
		padding-left:14px;
		.tipost {
			padding:10px 0px 10px 10px;
			border-bottom:1px solid #eee;
			.content {
				margin-left:47px;
				.profilepic {
					float:left;
					margin-left:-47px;
					margin-top:3px;
					height:38px; width:38px;
					border-radius:3px;
					background-color:#888;
				}
				.authorline {
					vertical-align:top;
					div { display:inline-block; vertical-align:top; }
					.username { font-weight:bold; color:black; }
					.fullname, .datetime { font-size: 10pt; color:#888; }
				}
				.body {
					font-size:12pt;
					padding:0px 0px 4px 0px;
				}
				.controls {
					div {
						font-size:12pt;
						font-family:"Glyphicons Halflings" !important;
						color:#aaa;
						display:inline-block;
						padding:3px 40px;
					}
					padding:0px;
					margin:0px;
				}
			}
			max-width:588px;
			max-height:156px;
		}
		height:100% !important;
	}
}


cleaning

cleaning

// # General utilities
// !!! consider pulling these out into better modules
// ______________________

.hover-img {
	opacity: .3;

	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	&:hover,
	&:focus {
		opacity: 1;
	}
}

.hover-link {
	opacity: .3;

	-webkit-transition: opacity .5s ease, color .6s ease-in;
	-moz-transition: opacity .5s ease, color .5s ease;
	-ms-transition: opacity .5s ease, color .5s ease;
	-o-transition: opacity .5s ease, color .5s ease;
	transition: opacity .5s ease, color .6s ease-in;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	&:hover,
	&:focus {
		opacity: 1;
	}
}

// # Variables
// ____________

// Smaller than xs (so even more so mobile)
@screen-xxs-max: 565px;

@border-color: @golden-gray-lighter;

@link-font-family: "Quicksand", Helvetica, Arial, sans-serif;

// # Overrides
// _____________

// ## Links
a {
	font-family: @link-font-family;
	font-weight: bold;

	font-size: 24px; font-size: 2.4rem;

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

// special handling for font sizes on mobile
@media (max-width: @screen-xxs-max) {
	p {
		font-size: 22px; font-size: 2.2rem;
		a {
			font-size: 18px; font-size: 1.8rem;
			text-transform: uppercase;
		}
	}
}

// # Header
// _________

@trim-height: 8px;
@header-height: 50px;
@num-trim-colors: 12;

#header {
 position: fixed;
 height: @trim-height + @header-height;
 width: 100%;
 z-index: @zindex-navbar;
}

.trim-color-block {
	height: @trim-height;
	width: 100% / @num-trim-colors;
	margin: 0;
	padding: 0;
	float: left;
	opacity: 1;
}

.header {
	margin-top: @trim-height;
	height: @header-height;
	background-color: @white;
	opacity: .9;
	border-bottom: 1px solid @border-color;
}

// this class encapsulates the header icons in the nav
// which are there for the case when the nav covers the header
.header-cover {
	height: @header-height;
	opacity: .9;
	float: left;
}

.header-inner {
	text-align: left;

	i {
		font-size: 26px; font-size: 2.6rem;
		line-height: @header-height;
		margin-left: 13px;
	}

	// TODO(joe): consider changing this image to something with color
	// TODO(joe): consider turning this into a font format
	.header-icon-image {
		height: 35px;
		margin-bottom: 8px;
		margin-left: 8px;
		margin-right: -4px;
	}
}

// # Footer
// _________

.footer {
	height: @header-height;
	background-color: @white;
	opacity: .9;
	border-bottom: 1px solid @border-color;

	span {
		vertical-align: middle;
	}

	i {
		font-size: 26px; font-size: 2.6rem;
		vertical-align: middle;
		margin-left: 6px;
		margin-right: 6px;
	}

	// TODO(joe): see header icon image
	.footer-icon-image {
		height: 35px;
		vertical-align: middle;
		margin-left: 30px;
		opacity: 0.8;
	}
}

// # Nav
// _______

@nav-margin-top: @trim-height;
@nav-height: @header-height;
@nav-item-horizontal-spacing: 28px;
@nav-border-color: @border-color;

.nav-fixed-buffer {
	height: @nav-height;
	margin-top: @nav-margin-top;
}

.nav-container {
	height: @nav-height;
	margin-top: @nav-margin-top;

	text-align: right;

	.nav-icon {
		padding: 0 20px; padding: 0 2rem;
		font-size: 26px; font-size: 2.6rem;
		line-height: @nav-height;
	}
}

.nav {
	display: inline-block;
	padding-left: @nav-item-horizontal-spacing;
}

.nav-item {
	display: inline-block;
	padding: 0px;
	&.active {
		padding-right: 2 * @nav-item-horizontal-spacing;
	}

	line-height: @nav-height;
	font-size: 18px; font-size: 1.8rem;
	font-weight: lighter;

	a {
		line-height: @nav-height;
		font-size: 18px; font-size: 1.8rem;
		font-weight: lighter;

		cursor: pointer;

		&:hover {
			// !!! perhaps transition this
			// !!! need to not use line height for vert centering
			// causes pixel jumping in stacked layouts
			font-weight: bold;
		}
	}
}

// ## Nav not fixed

.nav-container {
	.nav {
		border-bottom: 1px solid @nav-border-color;
	}
}

// ## Nav fixed

.nav-container {

	// Reusable styles a fixed nav
	.fixed() {
		position: fixed;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: @zindex-navbar-fixed;
		margin: 0px;
		margin-top: @trim-height;
	}

	&.fixed {
		.nav-container.fixed();
	}

	&.fixed .nav {
		// Already a border being shown from the header
		border: none;
	}
}

// ## Nav on phones
// - fix to the top

@media (max-width: @screen-xs-max) {
	.nav-fixed-buffer {
		display: none;
	}

	.nav-container {

		.nav-container.fixed();

		text-align: left;

		&.fixed .nav {
			// Show a bottom border on expanded nav in mobile
			border-bottom: 1px solid @nav-border-color;
		}

		.nav-icon {
			position: absolute;
			top: 0px;
			right: 0px;
		}
	}

	.nav {
		left: 0px;
		display: block;
		width: 100%;
		margin-top: @header-height;

		background-color: @white;
	}

	.nav-item {
		display: block;
	}
}

// # Content
// ___________

#content {
	padding-top: @trim-height + @header-height;
}

// # Intro
// ___________

@intro-title-height: 203px;

#intro {
	.intro-img {
		width: @intro-title-height;
	}
	.intro-title-header {
		font-size: 90px; font-size: 9rem;
		margin: 0;
		line-height: @intro-title-height;

		a {
			font-size: 90px; font-size: 9rem;
		}
	}
}

// # Responsive sizing
// - font-size
// - margin and padding
// !!! improve this later by asking people if they like it
// ________________________

@media (max-width: @screen-xxs-max) {

	// make the title font fit on the screen
	#intro .intro-title-header {
		font-size: 68px; font-size: 6.8rem;
		a {
			font-size: 68px; font-size: 6.8rem;
		}
	}

	.golden-content {
		padding: 0px;
		p {
			a {
				text-transform: uppercase;
			}
		}
	}
}

@media (max-width: 385px) {

	// make the title font fit on even a really small phone
	#intro .intro-title-header {
		font-size: 50px; font-size: 5.0rem;
		a {
			font-size: 50px; font-size: 5.0rem;
		}
	}
}

// set the intro area spacing by abusing media queries
@media (max-width: @screen-xs-max) {
	#intro {
		padding-top: 104px; padding-top: 10.4rem; padding-top: 13vh;
		padding-bottom: 80px; padding-bottom: 8rem; padding-bottom: 10vh;
	}

	#intro-summary {
		margin-top: 53px; margin-top: 5.3rem; margin-top: 4vh;
		margin-bottom: 23px; margin-bottom: 2.3rem; margin-bottom: 1vh;
	}
}
// xxs overrides xs if necessary
@media (max-width: @screen-xxs-max) {
	#intro {
		padding-top: 105px; padding-top: 10.5rem;
		padding-bottom: 94px; padding-bottom: 9.4rem;
	}

	#intro-summary {
		margin-top: 92px; margin-top: 9.2rem;
		margin-bottom: 0px; margin-bottom: 0rem;
	}
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
	#intro {
		padding-top: 86px; padding-top: 8.6rem; padding-top: 10vh;
		padding-bottom: 69px; padding-bottom: 6.9rem; padding-bottom: 8vh;
	}

	#intro-summary {
		margin-top: 33px; margin-top: 3.3rem; margin-top: 4vh;
		margin-bottom: 24px; margin-bottom: 2.4rem; margin-bottom: 3vh;
	}
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
	#intro {
		padding-top: 161px; padding-top: 16.1rem; padding-top: 20vh;
		padding-bottom: 94px; padding-bottom: 9.4rem; padding-bottom: 12vh;
	}

	#intro-summary {
		margin-top: 103px; margin-top: 10.3rem; margin-top: 14vh;
		margin-bottom: 62px; margin-bottom: 6.2rem; margin-bottom: 7vh;
	}
}
@media (min-width: @screen-lg-min) {
	#intro {
		padding-top: 161px; padding-top: 16.1rem; padding-top: 20vh;
		padding-bottom: 84px; padding-bottom: 8.4rem; padding-bottom: 12vh;
	}

	#intro-summary {
		margin-top: 103px; margin-top: 10.3rem; margin-top: 14vh;
		margin-bottom: 72px; margin-bottom: 7.2rem; margin-bottom: 8vh;
	}
}

// # Sections
// !!! consider pulling more of this into a general class
// ____________

@section-padding-vertical: 50px;

// # Projects
// ____________

#projects {
	padding-top: @section-padding-vertical;
	padding-bottom: @section-padding-vertical;
	border-top: 1px solid @border-color;
	border-bottom: 1px solid @border-color;

	h2 {
		margin-bottom: 60px; margin-bottom: 6rem;
	}
}

// # Posts
// ____________

#posts {
	padding-top: @section-padding-vertical;
	padding-bottom: @section-padding-vertical;
	border-bottom: 1px solid @border-color;

	h2 {
		margin-bottom: 60px; margin-bottom: 6rem;
	}
}

// # Pics
// ____________

#pics {
	padding-top: @section-padding-vertical;
	padding-bottom: @section-padding-vertical;
	border-bottom: 1px solid @border-color;

	h2 {
		margin-bottom: 60px; margin-bottom: 6rem;
	}
}

.rotate-effect {
	-webkit-transition: 3s ease-in-out;
	transition: 3s ease-in-out;
}

.nav-item-transition-1 {
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
.nav-item-transition-2 {
	-webkit-transition: 1s ease-in-out 1s;
	transition: 1s ease-in-out 1s;
}
.nav-item-transition-3 {
	-webkit-transition: 1s ease-in-out 2s;
	transition: 1s ease-in-out 2s;
}

.nav-transition {
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}

.opacity-hide {
	opacity: 0;
}


Remove duplicate Less import statements

Remove duplicate Less import statements

Both sl-menu.less and sl-select.less were being included twice.

@import 'bower_components/fontawesome/less/font-awesome';
@import 'bower_components/sl-bootstrap/less/bootstrap';
@import 'bower_components/bootstrap-datepicker/less/datepicker3';

@import 'sl-calendar';
@import 'sl-date-picker';
@import 'sl-drop-button';
@import 'sl-filter';
@import 'sl-grid';
@import 'sl-input';
@import 'sl-loading-icon';
@import 'sl-menu';
@import 'sl-pagination';
@import 'sl-panel';
@import 'sl-progress-bar';
@import 'sl-select';
@import 'sl-tab-panel';

@import 'bower_components/fontawesome/less/font-awesome';
@import 'bower_components/sl-bootstrap/less/bootstrap';
@import 'bower_components/bootstrap-datepicker/less/datepicker3';

@import 'sl-calendar';
@import 'sl-date-picker';
@import 'sl-drop-button';
@import 'sl-input';
@import 'sl-select';
@import 'sl-grid';
@import 'sl-filter';
@import 'sl-menu';
@import 'sl-pagination';
@import 'sl-loading-icon';
@import 'sl-menu';
@import 'sl-panel';
@import 'sl-progress-bar';
@import 'sl-select';
@import 'sl-tab-panel';