yangshi

yangshi

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


Nodes display alterations, dropdown menus wiring up Cubism to display sensor readings asynchronously.

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


prevent pulse button text from revealing on mobile

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


add style ignored folders - addresses #31

@import "icon-variables";
@import "icon-font";
@import "ui-mixins";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO ICON
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SELECTOR FOR FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: -3px;
    margin-right: 2px;
    color: @color-default;
  }

}

// DEFAULT TAB ICON
.tab-bar .tab .title {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    position: relative;
    top: 4px;
    left: -4px;
    /* margin-right: -3px; */
    color: @color-default;
  }
}

.tab-bar .tab.active .title {
  top: -2px;
}

// HIDDEN / IGNORED STYLES

.status-ignored {

  .header.list-item:before {
    color: @text-color-ignored;
  }

  .name.icon {
    color: @text-color-ignored;

    &:before {
      color: @text-color-ignored;
    }

  }

}

/* .icon-tab(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, -3px, -5px, -4px

.icon-tree(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, 0px, -5px, -4px */

// CSS
.icon-tree('.css', css, 20px, 5px, 1px, -6px, -4px);
.icon-tab('.css', css, 20px, 6px, -1px, -5px, -4px);

// CSON
.icon-tab('.cson', 'json', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.cson', 'json', 20px, 6px, -3px, -5px, -4px);

// Coffescript
.icon-tab('.coffee', 'coffee', 16px, 5px, 4px, 2px, -1px);
.icon-tree('.coffee', 'coffee', 15px, 4px, 2px, -1px);

// Handlebars
.icon-tab('.hbs', 'handlebars', 22px, 6px, 0px, -5px );
.icon-tree('.hbs', 'handlebars', 20px, 5px, 2px, -5px, -4px);

// Hidden files
.icon-tab('.gitignore', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitignore', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.gitmodules', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitmodules', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.config', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.config', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.DS_Store', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.DS_Store', 'hidden', 20px, 6px, 1px, -5px, -4px);

// HTML
.icon-tab('.html', html, 22px, 6px);
.icon-tree('.html', html, 22px, 5px, 2px);

// Jade
.icon-tab('.jade', 'jade', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.jade', 'jade', 20px, 5px, 2px, -5px, -4px);

// JavaScript
.icon-tab('.js', 'js', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.js', 'js', 20px, 6px, 2px, -6px, -4px);

// JSON
.icon-tab('.json', 'json', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.json', 'json', 20px, 5px, 2px, -5px, -4px);

// LESS
.icon-tree('.less', less, 20px, 6px, 2px, -5px, -4px);
.icon-tab('.less', less, 20px, 6px, -3px, -5px, -4px);

// LICENSE
.icon-tab('LICENSE', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('LICENSE', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('License', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('License', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('license', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('license', 'license', 16px, 3px, 2px, -3px, -4px);

// Markdown
.icon-tab('.md', 'md', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.md', 'md', 20px, 5px, 2px, -5px, -4px);

// Mustache
.icon-tab('.mustache', 'mustache', 22px, 6px, 0px, -5px );
.icon-tree('.mustache', 'mustache', 20px, 5px, 2px, -5px, -4px);

// NPM
.icon-tab('npm-debug.log', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('npm-debug.log', 'npm', 20px, 6px, 2px, -5px, -4px);
.icon-tab('.npmignore', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('.npmignore', 'npm', 20px, 6px, 2px, -5px, -4px);

// PHP
.icon-tab('.php', 'php', 24px, 6px, -3px, -5px, -4px);
.icon-tree('.php', 'php', 24px, 6px, 3px, -7px, -4px);

// Procfile
.icon-tab('procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('Procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('Procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('PROCFILE', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('PROCFILE', 'procfile', 14px, 2px, 3px, -1px, -4px);

// Python
.icon-tab('.py', 'py', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.py', 'py', 20px, 5px, 3px, -4px, -4px);

// Ruby
.icon-tab('.rb', 'rb', 15px, 3px, -1px, -5px, -2px);
.icon-tree('.rb', 'rb', 15px, 3px, 4px, -1px, -4px);

// Sass
.icon-tab('.sass', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.sass', 'sass', 20px, 5px, 4px, -3px, -4px);
.icon-tab('.scss', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.scss', 'sass', 20px, 5px, 4px, -3px, -4px);

// Stylus
.icon-tab('.styl', 'styl', 20px, 5px, -2px, -5px, -4px);
.icon-tree('.styl', 'styl', 20px, 4px, 3px, -4px, -4px);

// XML
.icon-tab('.xml', 'xml', 15px, 2px, 3px, 0px, -1px);
.icon-tree('.xml', 'xml', 15px, 2px, 2px, -2px, -4px);

// IMAGES
.icon-tab('.ai', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.ai', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.bpm', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.bpm', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.gif', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.gif', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpeg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpeg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.png', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.png', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.psd', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.psd', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// THESE NEED TO COME LAST SO THE DON'T GET OVERRIDEN!

// Bower
.icon-tab('bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('Bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('Bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('BOWER.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('BOWER.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('.bowerrc', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('.bowerrc', 'bower', 20px, 5px, 2px, -4px);

// Grunt
.icon-tab('gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);

// Gulp
.icon-tab('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.js', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.js', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.coffee', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.coffee', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);

@import "icon-variables";
@import "icon-font";
@import "ui-mixins";

// - - - - - - - - - - - - - - -
// ICONS BASED ON FILE EXTENSION
// - - - - - - - - - - - - - - -

// PROJECT / REPO ICON
.name.icon.icon-repo {

  // TEXT
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
  top: -1px;

  // ICON
  &:before {
    color: #29A8DE;
    content: '\e601';
    display: inline-block;
    font-family: icomoon;
    font-size: 20px;
    left: -5px;
    position: relative;
    top: 5px;
  }

}

// OPEN/CLOSE SELECTOR FOR FOLDERS
.header.list-item:before {
  color: @color-default;
}

// DIRECTORY ICONS
.name.icon.icon-file-directory {

  // TEXT
  background: none;
  border: none;
  color: @color-default;
  display: inline-block;
  font-weight: bold;
  padding: 0px 0px 0px 2px;
  position: relative;
  top: -1px;

  // ICON
  &:before {
    color: @color-default;
    content: '\e613';
    display: inline-block;
    font-family: icomoon;
    font-size: 13px;
    left: -2px;
    position: relative;
    top: 1px;
  }
}

// DEFAULT / FALLBACK ICON
.name.icon {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: -3px;
    margin-right: 2px;
    color: @color-default;
  }

}

// DEFAULT TAB ICON
.tab-bar .tab .title {
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 0;
  width: 100%;

  &:before {
    font-family: icomoon;
    content: @icon-default;
    font-size: 15px;
    position: relative;
    top: 4px;
    left: -4px;
    /* margin-right: -3px; */
    color: @color-default;
  }
}

.tab-bar .tab.active .title {
  top: -2px;
}

/* .icon-tab(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, -3px, -5px, -4px

.icon-tree(extension, type, font-size, top, right, left, offset)
default = '', '', 20px, 6px, 0px, -5px, -4px */

// CSS
.icon-tree('.css', css, 20px, 5px, 1px, -6px, -4px);
.icon-tab('.css', css, 20px, 6px, -1px, -5px, -4px);

// CSON
.icon-tab('.cson', 'json', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.cson', 'json', 20px, 6px, -3px, -5px, -4px);

// Coffescript
.icon-tab('.coffee', 'coffee', 16px, 5px, 4px, 2px, -1px);
.icon-tree('.coffee', 'coffee', 15px, 4px, 2px, -1px);

// Handlebars
.icon-tab('.hbs', 'handlebars', 22px, 6px, 0px, -5px );
.icon-tree('.hbs', 'handlebars', 20px, 5px, 2px, -5px, -4px);

// Hidden files
.icon-tab('.gitignore', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitignore', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.gitmodules', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.gitmodules', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.config', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.config', 'hidden', 20px, 6px, 1px, -5px, -4px);

.icon-tab('.DS_Store', 'hidden', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.DS_Store', 'hidden', 20px, 6px, 1px, -5px, -4px);

// HTML
.icon-tab('.html', html, 22px, 6px);
.icon-tree('.html', html, 22px, 5px, 2px);

// Jade
.icon-tab('.jade', 'jade', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.jade', 'jade', 20px, 5px, 2px, -5px, -4px);

// JavaScript
.icon-tab('.js', 'js', 20px, 6px, -3px, -5px, -4px);
.icon-tree('.js', 'js', 20px, 6px, 2px, -6px, -4px);

// JSON
.icon-tab('.json', 'json', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.json', 'json', 20px, 5px, 2px, -5px, -4px);

// LESS
.icon-tree('.less', less, 20px, 6px, 2px, -5px, -4px);
.icon-tab('.less', less, 20px, 6px, -3px, -5px, -4px);

// LICENSE
.icon-tab('LICENSE', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('LICENSE', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('License', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('License', 'license', 16px, 3px, 2px, -3px, -4px);
.icon-tab('license', 'license', 15px, 3px, 2px, 0px, -4px);
.icon-tree('license', 'license', 16px, 3px, 2px, -3px, -4px);

// Markdown
.icon-tab('.md', 'md', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.md', 'md', 20px, 5px, 2px, -5px, -4px);

// Mustache
.icon-tab('.mustache', 'mustache', 22px, 6px, 0px, -5px );
.icon-tree('.mustache', 'mustache', 20px, 5px, 2px, -5px, -4px);

// NPM
.icon-tab('npm-debug.log', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('npm-debug.log', 'npm', 20px, 6px, 2px, -5px, -4px);
.icon-tab('.npmignore', 'npm', 20px, 6px, 0px, -5px, -4px);
.icon-tree('.npmignore', 'npm', 20px, 6px, 2px, -5px, -4px);

// PHP
.icon-tab('.php', 'php', 24px, 6px, -3px, -5px, -4px);
.icon-tree('.php', 'php', 24px, 6px, 3px, -7px, -4px);

// Procfile
.icon-tab('procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('Procfile', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('Procfile', 'procfile', 14px, 2px, 3px, -1px, -4px);
.icon-tab('PROCFILE', 'procfile', 14px, 2px, 3px, 0px, 0px);
.icon-tree('PROCFILE', 'procfile', 14px, 2px, 3px, -1px, -4px);

// Python
.icon-tab('.py', 'py', 20px, 5px, -3px, -5px, -4px);
.icon-tree('.py', 'py', 20px, 5px, 3px, -4px, -4px);

// Ruby
.icon-tab('.rb', 'rb', 15px, 3px, -1px, -5px, -2px);
.icon-tree('.rb', 'rb', 15px, 3px, 4px, -1px, -4px);

// Sass
.icon-tab('.sass', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.sass', 'sass', 20px, 5px, 4px, -3px, -4px);
.icon-tab('.scss', 'sass', 20px, 4px, -3px, -5px, -4px);
.icon-tree('.scss', 'sass', 20px, 5px, 4px, -3px, -4px);

// Stylus
.icon-tab('.styl', 'styl', 20px, 5px, -2px, -5px, -4px);
.icon-tree('.styl', 'styl', 20px, 4px, 3px, -4px, -4px);

// XML
.icon-tab('.xml', 'xml', 15px, 2px, 3px, 0px, -1px);
.icon-tree('.xml', 'xml', 15px, 2px, 2px, -2px, -4px);

// IMAGES
.icon-tab('.ai', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.ai', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.bpm', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.bpm', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.gif', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.gif', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpeg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpeg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.jpg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.jpg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.png', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.png', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.psd', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.psd', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svg', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svg', 'img', 15px, 3px, 2px, -3px, -4px);

.icon-tab('.svgx', 'img', 15px, 3px, 4px, 0px, -2px);
.icon-tree('.svgx', 'img', 15px, 3px, 2px, -3px, -4px);

// THESE NEED TO COME LAST SO THE DON'T GET OVERRIDEN!

// Bower
.icon-tab('bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('Bower.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('Bower.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('BOWER.json', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('BOWER.json', 'bower', 20px, 5px, 2px, -4px);
.icon-tab('.bowerrc', 'bower', 20px, 5px, 2px, -4px, -4px);
.icon-tree('.bowerrc', 'bower', 20px, 5px, 2px, -4px);

// Grunt
.icon-tab('gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.js', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.js', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('Gruntfile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('Gruntfile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GruntFile.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GruntFile.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);
.icon-tab('GRUNTFILE.coffee', 'grunt', 15px, 3px, 3px, 0px, -2px);
.icon-tree('GRUNTFILE.coffee', 'grunt', 18px, 4px, 2px, -5px, -4px);

// Gulp
.icon-tab('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.js', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.js', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.js', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('gulpfile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('Gulpfile.coffee', 'gulp', 17px, 3px, -3px, -5px, -2px);
.icon-tree('Gulpfile.coffee', 'gulp', 20px, 4px, 2px, -5px, -4px);
.icon-tab('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GulpFile.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tab('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);
.icon-tree('GULPFILE.coffee', 'gulp', 20px, 6px, -3px, -5px, -4px);


OR-736 improve user invite input CSS to make it more responsive

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


Make table_actions style work with buttons

Change-Id: I4470d50567e4fa92370ee8573047f5d717b74962
Closes-Bug: #1269653

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


BAP-5448 user menu position

BAP-5448 user menu position

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


Update theme.less

Update theme.less

/** Themes related styling (mainly colors) **/
.theme(@theme, @primary, @secondary, @tertiary, @icon, @font-family) {
  [data-theme="@{theme}"] {
    .theme_(@primary, @secondary, @tertiary);
    .theme-icon:after {
      color: @primary;
      content: '\@{icon}';
      font-family: @font-family !important;
    }
  }

  .theme-@{theme} {
    background-color: @primary;
    a:after{
      content: '\@{icon}';
      font-family: @font-family !important;
    }
    a:hover,
    a.active{
      color: @primary !important;
    }
  }
}

.theme_(@primary, @secondary, @tertiary) {
  .form-control {
    background-color: @secondary !important;
    .placeholder(white);
    color: white;
  }

  .btn {
    color: @primary;
  }
  .btn-primary {
    background-color: @primary;
    border-color: darken(@primary, 10%);
    color: white;
  }
  &.no-touch .btn:hover {
    color: white;
    background-color: @primary;
  }
  &.no-touch .btn-primary:hover {
    background-color: darken(@primary, 10%);
  }

  #sidebar {
    background-color: @secondary;
    .nav-tabs li {
      a {
        background-color: @tertiary;
        color: @secondary;
      }
      &> a:hover,
      &.active > a {
        background-color: @primary;
        color: white;
      }
    }
    .tab-content {
      background-color: @primary;
    }
  }

  a,
  .btn-link {
    color: @secondary;
  }

  .sidebar-controls,
  .toolbox {
    li > a {
      color: @primary;
    }
  }
  .nav {
    & > li > a {
      background-color: white;
    }
    & > li.active > a {
      color: white;
      background-color: @primary;
    }
  }

  &.no-touch .nav > li > a:hover {
    color: white;
    background-color: @primary;
  }

  .toolbox-panel-top > li > a {
    background-color: @primary;
    color: white;
  }
  &.no-touch .toolbox-panel-top > li > a:hover {
    color: @primary;
    background-color: white;
  }
  .toolbox-panel-top > li.active > a {
    color: @primary;
    background-color: white;
  }

  .footer .toolbox-panel > li {
    > a {
      background-color: @tertiary;
      color: white;
    }
    &.active > a {
      background-color: @primary;
    }
  }

  &.no-touch .footer .toolbox-panel > li > a:hover {
    background-color: @primary;
  }

  .footer .toolbox-panel-mapmatching > li {
    > a {
      background-color: @tertiary;
      color: white;
    }
    &.active > a {
      background-color: @primary;
    }
  }

  &.no-touch .footer .toolbox-panel > li > a:hover {
    background-color: @primary;
  }

  ul.catalog {
    ul {
      background-color: @secondary;
    }
    color: @tertiary;
    a {
      color: @tertiary;
    }
    > li.panel {
      > a {
        color: @secondary;
        background-color: @tertiary;
        &:after {
          border-top-color: @primary;
        }
      }
     ul > li.panel > a {
        &:before,
        &:after {
          background-color: @tertiary;
        }
        background-color: lighten(@secondary, 20%);
        &[aria-expanded=true] {
          background-color: @secondary;
        }
      }
    }
  }
  .theme-header {
    color: @primary;
  }
  .standalone-routing-button {
    background-color: @primary !important;
  }
  .routing.icon:before {
    background-color: @primary;
  }
  .routing-component .routing-route-container:after {
    background-color: @primary;
  }
  .routing-component .routing-route-container .route-number {
    background-color: @primary;
  }
  .routing-component .routing-route-container .routing-tooltip .current-location {
    color: @primary;
  }
  .routes-tip h3 {
    color: @primary;
  }
  .route-info-wrapper .route-details .icon-Download:before {
    color: @primary;
  }
  .route-info-wrapper .route-details .route-details-step:hover:before {
    background-color: @primary;
  }
  .route-options .route-add {
    background-color: lighten(@primary, 5%);
  }
  .route-options .route-fastest {
    background-color: lighten(@primary, 10%);
  }
  .routing-rounded-button {
    color: @primary;
  }
  ul.layermanager {
    &, a {
      color: @tertiary;
    }
    li {
      background-color: @secondary;
    }
  }

  .ol-control button {
    background-color: white;
    color: @primary;
  }

  .tracker-on button{
    background-color: @primary;
    color: white;
  }
  .route-on button{
    background-color: @primary;
    color: white;
  }

  &.no-touch .ol-control button:hover,
  .ol-control.active button,
  .ol-control button:active {
    background-color: @primary;
    color: white;
  }

  .navigation-account {
    background-color: @secondary;
    .account-content {
      background-color: @primary;
    }
    input[type=submit] {
      background-color: @secondary;
    }
    input[type=submit]:hover {
      color: @tertiary;
    }
    .tab {
      background-color: @primary;
    }
  }
  .account-content ul li a {
    background-color: @tertiary;
    &:hover {
      background-color: @secondary;
    }
  }
  .account-content ul li p {
    background-color: @secondary;
  }
  .navbar-default .navbar-nav > .active > a {
    &:active, & {
      background-color: @primary;
      color: white;
    }
  }
  &.no-touch .navbar-default .navbar-nav > .active > a:hover {
    background-color: white;
    color: @primary;
  }
  .theme-selector {
    background-color: @tertiary;
    & a{
      background-color: @secondary;
      color: white;
    }
  }
  &.no-touch .theme-selector:hover {
    background-color: white;
    color: @primary;
  }

  app-share>div {
    background-color: @primary;
  }
  app-print>div {
    background-color: @primary;
  }

  .drawing-panel>div {
    background-color: @primary;
  }
  .profile {
    border-color: @primary;
    .close {
      color: @secondary;

      opacity: 1;
    }
  }
  &.no-touch .profile:hover {
    color: @primary;
  }

  input[type=range]::-webkit-slider-thumb {
    background: @tertiary;
  }

  input[type=range]::-moz-range-thumb {
    background: @tertiary;
  }

  input[type=range]::-ms-thumb {
    background: @tertiary;
  }
  .feature-popup {
    & input[type=range]::-webkit-slider-runnable-track {
      background: @secondary;
    }
    input[type=range]:focus::-webkit-slider-runnable-track {
      background: @secondary;
    }

    & input[type=range]::-moz-range-track {
      background: @secondary;
    }
    & input[type=range]::-ms-fill-lower {
      background: @secondary;
    }
    & input[type=range]::-ms-fill-upper {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-lower {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-upper {
      background: @secondary;
    }
    & input[type=range]::-ms-thumb {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-lower {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-upper {
      background: @secondary;
    }
  }
  .query-box{
    background-color: @tertiary;
    padding: 5px 5px 5px 5px;
  }

  .mymaps {
    .map {
      background-color: @primary;
    }

    .features {
      .feature {
        &.selected {
          background-color: @tertiary;
          color: white;
        }
      }
    }
    .navbar-nav > li > a.white-item {
      &, &:hover {
        background-color: transparent;
        color: white;
      }
      opacity: 1;
      &:hover {
        color: @tertiary;
      }
    }

    .navbar-nav > li > a {
      &, &:hover {
        background-color: transparent;
        color: @primary;
      }
      opacity: 1;
      &:hover {
        color: @tertiary;
      }
    }
  }
  .create-itinerary {
    background-color: @tertiary !important;
  }
  .slider-line, .slider-arrows {
    background-color: @primary;
  }
  .ngeo-tools {
    color: @primary;
  }
  .ngeo-zoom {
    color: @primary;
  }
}

.themes-list a {
  color: rgba(255, 255, 255, 0.4) !important;
  &.active{
    background-color: white;
  }
  &:hover {
    background-color: #ccc;
  }
}

header.navbar-default {
  background-color: white;
}

// Trick for choosing colors: Use colorbrewer2.org and define a 5 class
// range.
// Then use the 3 darkest colors in the following order:
// medium - light - dark

.theme(municipalities,   #9e9ac8, #cbc9e2, #756bb1, e900, "Geoportail-Grande-Region");
.theme(agriculture, #f39c11, #ffc363, #9c6101, e901, "Geoportail-Grande-Region");
.theme(tourisme, #e84c3d, #e88c83, #a50f15, e90c, "Geoportail-Grande-Region");
.theme(emwelt, #879d31, #bacd81, #627529, e909, "Geoportail-Grande-Region");
.theme(Amenagement_du_territoire, #f4511e, #ff844c, #b91400, e902, "Geoportail-Grande-Region");
.theme(Environnement_naturel, #879d31, #bacd81, #627529, e909, "Geoportail-Grande-Region");
.theme(Environnement_humain, #558b2f, #85bb5c, #255d00, e906, "Geoportail-Grande-Region");
.theme(Occupation_du_sol,  #8d6e63, #bd9b8f, #5e4238, e90f, "Geoportail-Grande-Region");
.theme(Eau, #03a2ac, #45cdd6, #078f98, e016, "geoportail-icons");
.theme(eau, #03a2ac, #45cdd6, #078f98, e016, "geoportail-icons");
.theme(main, #2980b9, #97bbd3, #1f5d87, e02d, "geoportail-icons");

.theme(atlas_demographique, #f4b72b, #f3d89b, #b3851d, e903);
.theme(at, #f4511e, #ff844c, #b91400, e902, "Geoportail-Grande-Region");
.theme(intranet-at, #9e9ac8, #cbc9e2, #756bb1, e018, "geoportail-icons");
.theme(pag,  #2b8cbe, #74a9cf, #045a8d, e018, "geoportail-icons");
.theme(lenoz, #f4b72b, #f3d89b, #b3851d, e01A, "geoportail-icons");
.theme(preizerdaul, #ad223b, #d87e8e, #711727, e00c, "geoportail-icons");
.theme(wellenstein, #7ac573, #b0e4ab, #42803c, e00c, "geoportail-icons");
.theme(lintgen, #f3c531, #f3d89b, #b3851d, e00c, "geoportail-icons");
.theme(remich, #8ca229, #bacd63, #5c6b1b, e00c, "geoportail-icons");
.theme(prof,  #006d2c, #99d8c9, #238b45, e00a, "geoportail-icons");
.theme(go,  #555, #bbb, #756bb1, e00b, "geoportail-icons");
.theme(cadastre_hertzien,   #689f38, #99d066, #387002, e02d, "geoportail-icons");
.theme(ahc, #ff5722, #ff8a50, #c41c00, e016, "geoportail-icons");
.theme(sig_secours, #2979ff,#75a7ff,#004ecb,e00a,"geoportail-icons");
.theme_(#777, #ddd, #999);

/** Themes related styling (mainly colors) **/
.theme(@theme, @primary, @secondary, @tertiary, @icon, @font-family) {
  [data-theme="@{theme}"] {
    .theme_(@primary, @secondary, @tertiary);
    .theme-icon:after {
      color: @primary;
      content: '\@{icon}';
      font-family: @font-family !important;
    }
  }

  .theme-@{theme} {
    background-color: @primary;
    a:after{
      content: '\@{icon}';
      font-family: @font-family !important;
    }
    a:hover,
    a.active{
      color: @primary !important;
    }
  }
}

.theme_(@primary, @secondary, @tertiary) {
  .form-control {
    background-color: @secondary !important;
    .placeholder(white);
    color: white;
  }

  .btn {
    color: @primary;
  }
  .btn-primary {
    background-color: @primary;
    border-color: darken(@primary, 10%);
    color: white;
  }
  &.no-touch .btn:hover {
    color: white;
    background-color: @primary;
  }
  &.no-touch .btn-primary:hover {
    background-color: darken(@primary, 10%);
  }

  #sidebar {
    background-color: @secondary;
    .nav-tabs li {
      a {
        background-color: @tertiary;
        color: @secondary;
      }
      &> a:hover,
      &.active > a {
        background-color: @primary;
        color: white;
      }
    }
    .tab-content {
      background-color: @primary;
    }
  }

  a,
  .btn-link {
    color: @secondary;
  }

  .sidebar-controls,
  .toolbox {
    li > a {
      color: @primary;
    }
  }
  .nav {
    & > li > a {
      background-color: white;
    }
    & > li.active > a {
      color: white;
      background-color: @primary;
    }
  }

  &.no-touch .nav > li > a:hover {
    color: white;
    background-color: @primary;
  }

  .toolbox-panel-top > li > a {
    background-color: @primary;
    color: white;
  }
  &.no-touch .toolbox-panel-top > li > a:hover {
    color: @primary;
    background-color: white;
  }
  .toolbox-panel-top > li.active > a {
    color: @primary;
    background-color: white;
  }

  .footer .toolbox-panel > li {
    > a {
      background-color: @tertiary;
      color: white;
    }
    &.active > a {
      background-color: @primary;
    }
  }

  &.no-touch .footer .toolbox-panel > li > a:hover {
    background-color: @primary;
  }

  .footer .toolbox-panel-mapmatching > li {
    > a {
      background-color: @tertiary;
      color: white;
    }
    &.active > a {
      background-color: @primary;
    }
  }

  &.no-touch .footer .toolbox-panel > li > a:hover {
    background-color: @primary;
  }

  ul.catalog {
    ul {
      background-color: @secondary;
    }
    color: @tertiary;
    a {
      color: @tertiary;
    }
    > li.panel {
      > a {
        color: @secondary;
        background-color: @tertiary;
        &:after {
          border-top-color: @primary;
        }
      }
     ul > li.panel > a {
        &:before,
        &:after {
          background-color: @tertiary;
        }
        background-color: lighten(@secondary, 20%);
        &[aria-expanded=true] {
          background-color: @secondary;
        }
      }
    }
  }
  .theme-header {
    color: @primary;
  }
  .standalone-routing-button {
    background-color: @primary !important;
  }
  .routing.icon:before {
    background-color: @primary;
  }
  .routing-component .routing-route-container:after {
    background-color: @primary;
  }
  .routing-component .routing-route-container .route-number {
    background-color: @primary;
  }
  .routing-component .routing-route-container .routing-tooltip .current-location {
    color: @primary;
  }
  .routes-tip h3 {
    color: @primary;
  }
  .route-info-wrapper .route-details .icon-Download:before {
    color: @primary;
  }
  .route-info-wrapper .route-details .route-details-step:hover:before {
    background-color: @primary;
  }
  .route-options .route-add {
    background-color: lighten(@primary, 5%);
  }
  .route-options .route-fastest {
    background-color: lighten(@primary, 10%);
  }
  .routing-rounded-button {
    color: @primary;
  }
  ul.layermanager {
    &, a {
      color: @tertiary;
    }
    li {
      background-color: @secondary;
    }
  }

  .ol-control button {
    background-color: white;
    color: @primary;
  }

  .tracker-on button{
    background-color: @primary;
    color: white;
  }
  .route-on button{
    background-color: @primary;
    color: white;
  }

  &.no-touch .ol-control button:hover,
  .ol-control.active button,
  .ol-control button:active {
    background-color: @primary;
    color: white;
  }

  .navigation-account {
    background-color: @secondary;
    .account-content {
      background-color: @primary;
    }
    input[type=submit] {
      background-color: @secondary;
    }
    input[type=submit]:hover {
      color: @tertiary;
    }
    .tab {
      background-color: @primary;
    }
  }
  .account-content ul li a {
    background-color: @tertiary;
    &:hover {
      background-color: @secondary;
    }
  }
  .account-content ul li p {
    background-color: @secondary;
  }
  .navbar-default .navbar-nav > .active > a {
    &:active, & {
      background-color: @primary;
      color: white;
    }
  }
  &.no-touch .navbar-default .navbar-nav > .active > a:hover {
    background-color: white;
    color: @primary;
  }
  .theme-selector {
    background-color: @tertiary;
    & a{
      background-color: @secondary;
      color: white;
    }
  }
  &.no-touch .theme-selector:hover {
    background-color: white;
    color: @primary;
  }

  app-share>div {
    background-color: @primary;
  }
  app-print>div {
    background-color: @primary;
  }

  .drawing-panel>div {
    background-color: @primary;
  }
  .profile {
    border-color: @primary;
    .close {
      color: @secondary;

      opacity: 1;
    }
  }
  &.no-touch .profile:hover {
    color: @primary;
  }

  input[type=range]::-webkit-slider-thumb {
    background: @tertiary;
  }

  input[type=range]::-moz-range-thumb {
    background: @tertiary;
  }

  input[type=range]::-ms-thumb {
    background: @tertiary;
  }
  .feature-popup {
    & input[type=range]::-webkit-slider-runnable-track {
      background: @secondary;
    }
    input[type=range]:focus::-webkit-slider-runnable-track {
      background: @secondary;
    }

    & input[type=range]::-moz-range-track {
      background: @secondary;
    }
    & input[type=range]::-ms-fill-lower {
      background: @secondary;
    }
    & input[type=range]::-ms-fill-upper {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-lower {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-upper {
      background: @secondary;
    }
    & input[type=range]::-ms-thumb {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-lower {
      background: @secondary;
    }
    & input[type=range]:focus::-ms-fill-upper {
      background: @secondary;
    }
  }
  .query-box{
    background-color: @tertiary;
    padding: 5px 5px 5px 5px;
  }

  .mymaps {
    .map {
      background-color: @primary;
    }

    .features {
      .feature {
        &.selected {
          background-color: @tertiary;
          color: white;
        }
      }
    }
    .navbar-nav > li > a.white-item {
      &, &:hover {
        background-color: transparent;
        color: white;
      }
      opacity: 1;
      &:hover {
        color: @tertiary;
      }
    }

    .navbar-nav > li > a {
      &, &:hover {
        background-color: transparent;
        color: @primary;
      }
      opacity: 1;
      &:hover {
        color: @tertiary;
      }
    }
  }
  .create-itinerary {
    background-color: @tertiary !important;
  }
  .slider-line, .slider-arrows {
    background-color: @primary;
  }
  .ngeo-tools {
    color: @primary;
  }
  .ngeo-zoom {
    color: @primary;
  }
}

.themes-list a {
  color: rgba(255, 255, 255, 0.4) !important;
  &.active{
    background-color: white;
  }
  &:hover {
    background-color: #ccc;
  }
}

header.navbar-default {
  background-color: white;
}

// Trick for choosing colors: Use colorbrewer2.org and define a 5 class
// range.
// Then use the 3 darkest colors in the following order:
// medium - light - dark

.theme(municipalities,   #9e9ac8, #cbc9e2, #756bb1, e900, "Geoportail-Grande-Region");
.theme(agriculture, #f39c11, #ffc363, #9c6101, e901, "Geoportail-Grande-Region");
.theme(tourisme, #e84c3d, #e88c83, #a50f15, e90c, "Geoportail-Grande-Region");
.theme(emwelt, #879d31, #bacd81, #627529, e909, "Geoportail-Grande-Region");
.theme(Amenagement_du_territoire, #f4511e, #ff844c, #b91400, e902, "Geoportail-Grande-Region");
.theme(Environnement_naturel, #879d31, #bacd81, #627529, e909, "Geoportail-Grande-Region");
.theme(Environnement_humain, #558b2f, #85bb5c, #255d00, e906, "Geoportail-Grande-Region");
.theme(Occupation_du_sol,  #8d6e63, #bd9b8f, #5e4238, e90f, "Geoportail-Grande-Region");
.theme(Eau, #03a2ac, #45cdd6, #078f98, e016, "geoportail-icons");
.theme(eau, #03a2ac, #45cdd6, #078f98, e016, "geoportail-icons");
.theme(main, #2980b9, #97bbd3, #1f5d87, e02d, "geoportail-icons");

.theme(at, #f4511e, #ff844c, #b91400, e902, "Geoportail-Grande-Region");
.theme(intranet-at, #9e9ac8, #cbc9e2, #756bb1, e018, "geoportail-icons");
.theme(pag,  #2b8cbe, #74a9cf, #045a8d, e018, "geoportail-icons");
.theme(lenoz, #f4b72b, #f3d89b, #b3851d, e01A, "geoportail-icons");
.theme(preizerdaul, #ad223b, #d87e8e, #711727, e00c, "geoportail-icons");
.theme(wellenstein, #7ac573, #b0e4ab, #42803c, e00c, "geoportail-icons");
.theme(lintgen, #f3c531, #f3d89b, #b3851d, e00c, "geoportail-icons");
.theme(remich, #8ca229, #bacd63, #5c6b1b, e00c, "geoportail-icons");
.theme(prof,  #006d2c, #99d8c9, #238b45, e00a, "geoportail-icons");
.theme(go,  #555, #bbb, #756bb1, e00b, "geoportail-icons");
.theme(cadastre_hertzien,   #689f38, #99d066, #387002, e02d, "geoportail-icons");
.theme(ahc, #ff5722, #ff8a50, #c41c00, e016, "geoportail-icons");
.theme(sig_secours, #2979ff,#75a7ff,#004ecb,e00a,"geoportail-icons");
.theme_(#777, #ddd, #999);


Cleanup styling

Cleanup styling

fatal: unable to access 'https://github.com/USGS-CIDA/enddat_web.git/': The requested URL returned error: 403


Explicitly set navigation links to lowercase (2)


Update panel title design

Update panel title design

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


补齐视觉文件

补齐视觉文件

@import "less/_core.less";
@import "less/base.less";

html,
body{
	position: relative;
	height: 100%;
	overflow: hidden;
}
body{
	background: #f4f9ff;
}
.side-bar{
	position: absolute;
	width: 300px;
	width: 300px;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	overflow: auto;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	z-index: 100;
	.tools{
		height: 40px;
		overflow: hidden;
		.home{
			display: block;
			padding: 10px 15px;
			width: 24px;
			height: 24px;
			svg{
				width: 24px;
				height: 24px;
				fill: #9fadc7;
				transition: .2s;
			}
			&:hover svg{
				fill: #5f6879
			}
		}
	}
}
.opus-detail{
	padding: 10px 20px;
	.cover{
		width: 120px;
		height: 120px;
		margin: auto;
		border-radius: 4px;
		background-color: #eee;
		background-size: contain;
		background-position: center;
		img{
			display: none;
		}
	}
	h1{
		padding: 15px 0;
		line-height: 22px;
		font-size: 20px;
		color: #333;
	}
	p{
		line-height: 18px;
		text-indent: 2em;
		font-size: 14px;
		color: #888;
	}
}
.user-card{
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	a{
		position: relative;
		display: block;
		height: 70px;
		margin: 0 15px;
		background: #f6f6f6;
	}
	.avatar{
		position: absolute;
		width: 70px;
		height: 70px;
		top:0;
		left:0;
		background: #eee;
		img{
			display: block;
			width: 100%;
			height: 100%;
		}
	}
	.content{
		padding: 0 10px 0 80px;
		.nickname{
			height: 26px;
			padding-top: 4px;
			line-height: 24px;
			font-size: 16px;
			color: #333;
		}
		.bio{
			height: 32px;
			line-height: 16px;
			font-size: 12px;
			color: #aaa;
			overflow: hidden;
		}
	}
}

.main-pager{
	position: absolute;
	width: 100%;
	height: 100%;
	iframe{
		width: 100%;
		height: 100%;
	}
}

error: pathspec 'assets/styles/opus.less' did not match any file(s) known to git


pulse animation changed

pulse animation changed

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


OR-1609 - Remove ~1px white left&right margin in page layout

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


Added prototype for edit note

Added prototype for edit note

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


Refactored custom bootstrap styles into default.less and placed it into themes folder

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


Create grid-responsive.less

Create grid-responsive.less

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


cleaned up; included variables

cleaned up; included variables

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


add scrollbar to UploadList

add scrollbar to UploadList

fatal: unable to access 'https://github.com/urmc-costik/chrome-uploader.git/': The requested URL returned error: 403


Copy some styles

Copy some styles

Summary: Working my way towards: https://trello.com/c/6t2NOEMd/421-adjust-top-padding-for-math-items, and I don't want to accidentally mess up some alpha styling. First perseus diff! Also wanted to make this a mini-diff to make sure I'm doing this right / not breaking the world!

Test Plan:
make subperseus in this perseus repo
Open up a section and a practice task and see nothing's changed

Reviewers: johnsullivan

Reviewed By: johnsullivan

Subscribers: aria

Differential Revision: https://phabricator.khanacademy.org/D16243

//
// Edit this file in the *perseus* repo!
// (All changes outside the perseus repo will be overwritten)
//

@import "variables.less";

// Article Renderer
@import "articles.less";

#perseus {
    position: relative;
}

// .no-select is used to prevent selection of certain widgets.
// often, allowing selection makes for an awkward mobile experience
// where you constantly highlight elements unintentionally.
.no-select {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
// .blank-background is used to prevent drawing under transparent widgets.
// drawing under transparent widgets is particularly annoying because if
// you lift up your pen and put it down again, you can't continue drawing,
// because you're now clicking on the widget. This is very
// counterintuitive, so we simply don't let you see anything you draw under
// a widget.
.blank-background {
    background-color: #FDFDFD;  // Keep in sync with KhanUtil._BACKGROUND
}
// There is no scratchpad in the answer_area, and it has a different color
// background, so just make it transparent
#answer_area .blank-background {
    background-color: transparent;
}

.above-scratchpad {
    position: relative;
    z-index: @zIndexAboveScratchpad;
}

// All graphie components placed above the scratchpad should have their
// background wiped out.
.graphie.above-scratchpad,
.graphie-container.above-scratchpad {
    .blank-background;
}

// Selectable graphie components make for awkward touch experiences
.graphie {
    .no-select;
}

.perseus-interactive,
.perseus-interactive.above-scratchpad {
    position: relative;
    z-index: @zIndexInteractiveComponent;
}

&,  // and moar specificity...
#answercontent input[type=text],
#answercontent input[type=number],
.framework-perseus input[type=text],
.framework-perseus input[type=number] {
    &.perseus-input-size-normal,
    {
        width: 80px;
    }

    &.perseus-input-size-small {
        width: 40px;
    }
}

.framework-perseus {
    #problemarea {
        input, button {
            .perseus-interactive;
        }
    }

    div.paragraph {
        font-size: 14px;
        margin: 22px 0px;
    }

    div.instructions {
        display: block;
        font-style: italic;
        font-weight: bold;
    }

    .paragraph > ul:not(.perseus-widget-radio) {
        font-size: 14px;
        margin: -11px 0px 22px 0px;
        padding-left: 35px;
    }

    .paragraph > ul:not(.perseus-widget-radio) > li {
        list-style-type: disc;
    }

    .paragraph > ol {
        list-style: decimal;
        padding-left: 2em;
    }

    blockquote {
        padding: 0 2.5em;
    }

    table {
        font-size: 14px;  // to match <p>

        th, td {
            padding: 5px 10px;
            text-align: left;

            &[align=center] {
                text-align: center;
            }

            &[align=right] {
                text-align: right;
            }
        }

        th {
            border-bottom: 2px solid #ccc;
            font-weight: bold;
            padding-bottom: 2px;
        }

        tr:nth-child(odd) {
            // Doesn't work in IE8 :(
            td {
                background-color: #ededed;
            }
        }
    }

    .perseus-titled-table {
        display: inline-block;

        // Center the table in a titled table
        table {
            margin-left: auto;
            margin-right: auto;
        }
    }

    // Center the title in a titled table
    .perseus-table-title {
        text-align: center;
        font-size: larger;
    }

    sup {
        font-size: smaller;
        vertical-align: super;

        // by default, vertical-align: super changes the line height of
        // the line this text is in, which repositions surrounding text
        // and is sad. This is especially important for the passage
        // widget, as changes to line-height there make the line numbers
        // incorrect. This hack fixes that, and seems to not cause problems
        // even if there is no other text on the line (it still gets the
        // standard line-height of what non `vertical-align: super` text
        // would be.
        line-height: 0;
    }

    // place on a div above the inputs
    .range-input {
        border: 1px solid #ccc;
        border-radius: 5px;
        display: inline-block;
        padding: 0px 5px;

        & > input {
            border: 0;
            display: inline;
            text-align: center;
            width: 30px;
        }

        & > span {
            color: #999;
            font-size: 14px;
        }
    }

    .number-input {
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 0; // override
        padding: 5px 0; // override
        text-align: center;
        width: 40px;

        &.invalid-input {
            background-color: @red;
            outline-color: red;
        }

        &.number-input-label {
            margin-left: 5px;
        }

        &.mini {
            width: 40px;
        }
        &.small {
            width: 60px;
        }
        &.normal {
            width: 80px;
        }
    }

    .math-output {
        display: inline-block;
        min-width: 80px;
        min-height: 36px;
        border-radius: 5px;
        padding: 0;
        margin-top: 4px;
        margin-bottom: 4px;
        background: white;
        border: 1px solid #a4a4a4;
    }

    .graph-settings {
        .graph-settings-axis-label {
            border: 1px solid #ccc;
            border-radius: 5px;
            display: inline-block;
            padding: 5px 5px;
            width: 70px;
            float: right;
            margin: 0 5px;
        }
        .graph-settings-background-url {
            width: 250px;
        }
    }

    .graphie-container {
        position: relative;

        img {
            position: absolute;
        }
    }

    .graph-settings, .image-settings, .misc-settings {
        padding-bottom: 5px;
    }

    .image-settings, .misc-settings, .type-settings {
        border-top: 1px solid black;
        padding-top: 5px;
    }

    .svg-image {
        display: inline-block;
        position: relative;

        > .graphie-container {
            position: absolute;
        }
    }
}

.framework-perseus table.non-markdown {
    tr:nth-child(odd) {
        td {
            background-color: transparent;
        }
    }

    th, td {
        border-width: 0;
    }
}

/* Widget CSS */

.perseus-graph-padding {
    padding: 25px 25px 0 0;
}

// TODO(aria): Ugh, sort these and remove
// the extra categorization file
@import "widgets/expression.less";
@import "widgets/radio.less";
@import "widgets/interactive-graph.less";
@import "widgets/categorization.less";
@import "widgets/categorizer.less";
@import "widgets/plotter.less";
@import "widgets/table.less";
@import "widgets/dropdown.less";
@import "widgets/orderer.less";
@import "widgets/measurer.less";
@import "widgets/transformer.less";
@import "widgets/matcher.less";
@import "widgets/sortable.less";
@import "widgets/image.less";
@import "widgets/passage.less";
@import "widgets/matrix.less";
@import "widgets/group.less";
@import "widgets/sequence.less";
@import "widgets/grapher.less";
@import "widgets/unit.less";

.perseus-diff {
    @borderColor: #E4E4E4;
    margin: 0 10px;

    .diff-header {
        font-size: 18px;
        padding: 10px 0;
        width: 50%;
        display: inline-block;
        &.collapsed {
            font-size: 14px;
            padding: 0px;
        }
    }

    .diff-body {
        border-top: 1px solid @borderColor;
        border-bottom: 1px solid @borderColor;
    }

    .diff-row {
        width: 50%;
        white-space: pre-wrap;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 14px;
        padding-right: 20px;
        padding-left: 10px;
        overflow: hidden;
        &.collapsed {
            color: #888;
            cursor: pointer;
            &:hover {
                color: #666;
            }

            &:active {
                color: #444;
            }
        }

        .diff-line {
            margin-bottom: 20px;
        }
    }

    .before {
        float: left;
        border-left: 1px solid @borderColor;
    }

    .after {
        float: right;
        border-right: 1px solid @borderColor;
        border-left: 1px solid @borderColor;
    }

    .inner-value {
        height: 100%;
        padding: 3px;
    }

    .not-present {
        display: none;
    }

    .blank-space {
        visibility: hidden;
    }

    .added {
        background-color: #EEFFEE;
        &.dark {
            background-color: #AAFFAA;
        }
    }

    .removed {
        background-color: #FFEEEE;
        &.dark {
            background-color: #FFAAAA;
        }
    }

    .image {
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .image-unchanged {
        border: 1px solid #AAAAAA;
    }

    .image-added {
        border: 2px solid #AAFFAA;
    }

    .image-removed {
        border: 2px solid #FFAAAA;
    }
}

.perseus-widget-container {
    &.widget-nohighlight {
        transition: all 0.15s;
    }

    &.widget-highlight {
        @highlight: 0px 0px 9px 2px rgba(255, 165, 0, 1);
        -webkit-box-shadow: @highlight;
        -moz-box-shadow:    @highlight;
        box-shadow:         @highlight;
        transition: all 0.15s;
    }
}

// TODO(joel) - remove?
.perseus-tooltip {
    background: #fff;
    padding: 5px 10px;
    width: 240px;
}

// CSS is evil; let's overwrite some styles. T_T
.perseus-formats-tooltip {
    .perseus-tooltip;
    color: #777;
}
.framework-perseus .perseus-formats-tooltip .paragraph > ul {
    padding: 0;
    margin: -20px 0 -16px 0;
    > li {
        list-style-type: none;
    }
}

.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
          box-shadow: @shadow;
       -o-box-shadow: @shadow;
      -ms-box-shadow: @shadow;
     -moz-box-shadow: @shadow;
  -webkit-box-shadow: @shadow;
}

.perseus-math-input.mq-editable-field.mq-math-mode {
    // Mimic native text input
    background: #fff;

    // If the font-size is too small, super/subscripts become hard to input
    font-size: 18px;

    // Make the click target easier to hit
    min-width: 100px;

    & > .mq-root-block {
        // Mimic native text input w/o using -moz/-webkit-apperance: textfield
        // border-color: rgb(78, 187, 212);
        border-color: #a4a4a4;

        border-radius: 5px;

        // A bit of extra whitespace here greatly improves legibility
        padding: 4px;
    }

    // Fixes for strange default MathQuill styles:

    // Cursor shouldn't actually be touching left border
    .mq-cursor {
        padding-left: 0;
    }

    // Don't gray out implicitly created closing parens
    .mq-paren.mq-ghost {
        color: inherit;
    }

    // Don't put vertical margins on an expression wrapped in parens
    // because it messes up baseline alignment, e.g. h(x)
    .mq-paren + span {
        margin: 0;
    }
}

// override normal 5px border radius for the editor only
.perseus-widget-editor .perseus-math-input.mq-editable-field.mq-math-mode > .mq-root-block {
    border-radius: 0;
}

// This style looks a little off in the expression editor. Luckily users don't
// use the expression editor.
.math-input-buttons {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-top: 5px;
    padding: 2px;
    // each button is 35 + 4 px, plus 4 padding, plus 2 border
    width: 39px*5 + 4px + 2px; // (201)

    &.absolute {
        left: -2px;
        position: absolute;
        top: -3px;
        z-index: @zIndexCalculator;
    }
};

// Math domain color
@borderColor: #1c758a;

.tex-button {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin: 2px;
    border: 1px solid @borderColor;
    background-color: white;
    border-radius: 5px;

    &:hover {
        cursor: pointer;
        background-color: #f0f0f0;
    }

    &:focus {
        border: 2px solid @borderColor;
        outline: none;
    }
}

.tex-button-row {
    margin: 5px 0;

    &:first-child {
        margin-top: 0;
    }

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

.renderer-widget-error {
    background-color: #fcc;
}

// body.sat-section matches when we're inside the SAT Alpha product, and this
// should be effectively frozen and removed soon (tm).
// TODO(sat): Remove alpha soon (tm).
// #sat-mission (further below) matches when we're inside the SAT MVP product,
// basically internal-only and in flux.
body.sat-section {
    @satTopSpacing: 35px;
    @satSectionHeight: 550px;
    .content-area > div {
        margin-left: auto;
        margin-right: auto;
        width: 592px;
        .perseus-input-with-answer-blurb {
            > span {
                display: inline-block;
            }

            .perseus-possible-answers, .perseus-possible-answers:before {
                font-family: "Proxima Nova Semibold"
            }

            .perseus-possible-answers {
                color: rgb(0, 153, 0);
                padding-right: 4px;
            }

            .perseus-possible-answers:before {
                content: "CORRECT ANSWER:";
                padding: 0 5px 0 13px;
                color: rgb(18, 18, 18);
            }

            .perseus-possible-answer:not(:first-child):before {
                // TODO(johnsullivan): Figure out a better way to do this list
                // joining.
                content: "or";
                padding: 0 5px;
                color: rgb(18, 18, 18);
            }
        }

        input.perseus-incorrect {
            color: @satIncorrectColor;
            background-color: @satIncorrectBackgroundColor;
            border: solid 1px @satIncorrectBorderColor;
        }

        input.perseus-correct {
            color: @satCorrectColor;
            background-color: @satCorrectBackgroundColor;
            border: solid 1px @satCorrectBorderColor;
        }

        input.perseus-unanswered {
            background-color: #eee;
            border: solid 1px #999;
        }

        &.perseus-renderer-two-columns {
            // This prevents a strange blank space from appearing above
            // passages.
            // TODO(johnsullivan): Try and get rid of the wrapping div that's
            // causing this instead of modifying its margin like this.
            & > .paragraph {
                margin: 0;
            }

            width: 1024px;
            & > .paragraph {
                margin: 0;
            }
            .perseus-column {
                & > .paragraph {
                    margin: 0;
                }
                overflow-y: auto;
                &:nth-child(1) {
                    background: #eee;
                    border-right: 1px solid #ddd;
                    height: @satSectionHeight - @satTopSpacing;
                    max-height: @satSectionHeight - @satTopSpacing;
                    float: left;
                    padding-left: 46px;
                    padding-top: @satTopSpacing;
                    padding-bottom: 22px;
                    width: 512px;
                    box-sizing: border-box;

                    .perseus-widget-passage {
                        // We've replaced the margin here with padding in the
                        // parent element to stay consistent with non-passage
                        // two-column mode.
                        margin: 0;
                    }

                    & > .paragraph {
                        margin-right: 40px;
                    }

                    blockquote {
                        padding: 0;
                        margin-right: 22px;

                        & > .paragraph:nth-child(1) {
                            margin-top: 0;
                        }
                    }
                }
                &:nth-child(2) {
                    float: right;
                    height: @satSectionHeight;
                    max-height: @satSectionHeight;
                    padding-right: 20px;
                    width: 475px;
                    .perseus-group {
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
    .question-annotation {
        // TODO(kitt): generalize for passages
        color: #999;
        margin-top: @satTopSpacing;
        margin-bottom: 24px;
        text-transform: uppercase;
    }

    .paragraph:not(:first-child) .question-annotation {
        margin-top: 48px;
    }

    input[type=text],
    input[type=number] {
        border: 1px solid #aaa;
        font-family: @boldFontFamily;
        font-size: 14px;
        margin: 10px 0;
        padding: 5px;
    }

    .valid-answer {
        input[type=text]:valid, input[type=number]:valid {
            border: 1px solid @satBlue;
            background: @satSelectedBackgroundColor;
        }
    }
    .invalid-answer {
        input[type=text]:valid, input[type=number]:valid {
            color: @satIncorrectColor;
            background-color: @satIncorrectBackgroundColor;
            border: solid 1px @satIncorrectBorderColor;
        }
    }
}

// body.sat-section (above) matches when we're inside the SAT Alpha product,
// and this should be effectively frozen and removed soon (tm).
// TODO(sat): Remove alpha soon (tm).
// #sat-mission (below) matches when we're inside the SAT MVP product,
// basically internal-only and in flux.
#sat-mission {
    @satTopSpacing: 35px;
    @satSectionHeight: 550px;
    .content-area > div {
        margin-left: auto;
        margin-right: auto;
        width: 592px;
        .perseus-input-with-answer-blurb {
            > span {
                display: inline-block;
            }

            .perseus-possible-answers, .perseus-possible-answers:before {
                font-family: "Proxima Nova Semibold"
            }

            .perseus-possible-answers {
                color: rgb(0, 153, 0);
                padding-right: 4px;
            }

            .perseus-possible-answers:before {
                content: "CORRECT ANSWER:";
                padding: 0 5px 0 13px;
                color: rgb(18, 18, 18);
            }

            .perseus-possible-answer:not(:first-child):before {
                // TODO(johnsullivan): Figure out a better way to do this list
                // joining.
                content: "or";
                padding: 0 5px;
                color: rgb(18, 18, 18);
            }
        }

        input.perseus-incorrect {
            color: @satIncorrectColor;
            background-color: @satIncorrectBackgroundColor;
            border: solid 1px @satIncorrectBorderColor;
        }

        input.perseus-correct {
            color: @satCorrectColor;
            background-color: @satCorrectBackgroundColor;
            border: solid 1px @satCorrectBorderColor;
        }

        input.perseus-unanswered {
            background-color: #eee;
            border: solid 1px #999;
        }

        &.perseus-renderer-two-columns {
            // This prevents a strange blank space from appearing above
            // passages.
            // TODO(johnsullivan): Try and get rid of the wrapping div that's
            // causing this instead of modifying its margin like this.
            & > .paragraph {
                margin: 0;
            }

            width: 1024px;
            & > .paragraph {
                margin: 0;
            }
            .perseus-column {
                & > .paragraph {
                    margin: 0;
                }
                overflow-y: auto;
                &:nth-child(1) {
                    background: #eee;
                    border-right: 1px solid #ddd;
                    height: @satSectionHeight - @satTopSpacing;
                    max-height: @satSectionHeight - @satTopSpacing;
                    float: left;
                    padding-left: 46px;
                    padding-top: @satTopSpacing;
                    padding-bottom: 22px;
                    width: 512px;
                    box-sizing: border-box;

                    .perseus-widget-passage {
                        // We've replaced the margin here with padding in the
                        // parent element to stay consistent with non-passage
                        // two-column mode.
                        margin: 0;
                    }

                    & > .paragraph {
                        margin-right: 40px;
                    }

                    blockquote {
                        padding: 0;
                        margin-right: 22px;

                        & > .paragraph:nth-child(1) {
                            margin-top: 0;
                        }
                    }
                }
                &:nth-child(2) {
                    float: right;
                    height: @satSectionHeight;
                    max-height: @satSectionHeight;
                    padding-right: 20px;
                    width: 475px;
                    .perseus-group {
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
    .question-annotation {
        // TODO(kitt): generalize for passages
        color: #999;
        margin-top: @satTopSpacing;
        margin-bottom: 24px;
        text-transform: uppercase;
    }

    .paragraph:not(:first-child) .question-annotation {
        margin-top: 48px;
    }

    input[type=text],
    input[type=number] {
        border: 1px solid #aaa;
        font-family: @boldFontFamily;
        font-size: 14px;
        margin: 10px 0;
        padding: 5px;
    }

    .valid-answer {
        input[type=text]:valid, input[type=number]:valid {
            border: 1px solid @satBlue;
            background: @satSelectedBackgroundColor;
        }
    }
    .invalid-answer {
        input[type=text]:valid, input[type=number]:valid {
            color: @satIncorrectColor;
            background-color: @satIncorrectBackgroundColor;
            border: solid 1px @satIncorrectBorderColor;
        }
    }
}

.perseus-error {
    background: @red;
    border: 2px solid red;
    border-radius: 5px;
    padding: 20px;
    margin: 15px 0 10px;
}

//
// Edit this file in the *perseus* repo!
// (All changes outside the perseus repo will be overwritten)
//

@import "variables.less";

// Article Renderer
@import "articles.less";

#perseus {
    position: relative;
}

// .no-select is used to prevent selection of certain widgets.
// often, allowing selection makes for an awkward mobile experience
// where you constantly highlight elements unintentionally.
.no-select {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
// .blank-background is used to prevent drawing under transparent widgets.
// drawing under transparent widgets is particularly annoying because if
// you lift up your pen and put it down again, you can't continue drawing,
// because you're now clicking on the widget. This is very
// counterintuitive, so we simply don't let you see anything you draw under
// a widget.
.blank-background {
    background-color: #FDFDFD;  // Keep in sync with KhanUtil._BACKGROUND
}
// There is no scratchpad in the answer_area, and it has a different color
// background, so just make it transparent
#answer_area .blank-background {
    background-color: transparent;
}

.above-scratchpad {
    position: relative;
    z-index: @zIndexAboveScratchpad;
}

// All graphie components placed above the scratchpad should have their
// background wiped out.
.graphie.above-scratchpad,
.graphie-container.above-scratchpad {
    .blank-background;
}

// Selectable graphie components make for awkward touch experiences
.graphie {
    .no-select;
}

.perseus-interactive,
.perseus-interactive.above-scratchpad {
    position: relative;
    z-index: @zIndexInteractiveComponent;
}

&,  // and moar specificity...
#answercontent input[type=text],
#answercontent input[type=number],
.framework-perseus input[type=text],
.framework-perseus input[type=number] {
    &.perseus-input-size-normal,
    {
        width: 80px;
    }

    &.perseus-input-size-small {
        width: 40px;
    }
}

.framework-perseus {
    #problemarea {
        input, button {
            .perseus-interactive;
        }
    }

    div.paragraph {
        font-size: 14px;
        margin: 22px 0px;
    }

    div.instructions {
        display: block;
        font-style: italic;
        font-weight: bold;
    }

    .paragraph > ul:not(.perseus-widget-radio) {
        font-size: 14px;
        margin: -11px 0px 22px 0px;
        padding-left: 35px;
    }

    .paragraph > ul:not(.perseus-widget-radio) > li {
        list-style-type: disc;
    }

    .paragraph > ol {
        list-style: decimal;
        padding-left: 2em;
    }

    blockquote {
        padding: 0 2.5em;
    }

    table {
        font-size: 14px;  // to match <p>

        th, td {
            padding: 5px 10px;
            text-align: left;

            &[align=center] {
                text-align: center;
            }

            &[align=right] {
                text-align: right;
            }
        }

        th {
            border-bottom: 2px solid #ccc;
            font-weight: bold;
            padding-bottom: 2px;
        }

        tr:nth-child(odd) {
            // Doesn't work in IE8 :(
            td {
                background-color: #ededed;
            }
        }
    }

    .perseus-titled-table {
        display: inline-block;

        // Center the table in a titled table
        table {
            margin-left: auto;
            margin-right: auto;
        }
    }

    // Center the title in a titled table
    .perseus-table-title {
        text-align: center;
        font-size: larger;
    }

    sup {
        font-size: smaller;
        vertical-align: super;

        // by default, vertical-align: super changes the line height of
        // the line this text is in, which repositions surrounding text
        // and is sad. This is especially important for the passage
        // widget, as changes to line-height there make the line numbers
        // incorrect. This hack fixes that, and seems to not cause problems
        // even if there is no other text on the line (it still gets the
        // standard line-height of what non `vertical-align: super` text
        // would be.
        line-height: 0;
    }

    // place on a div above the inputs
    .range-input {
        border: 1px solid #ccc;
        border-radius: 5px;
        display: inline-block;
        padding: 0px 5px;

        & > input {
            border: 0;
            display: inline;
            text-align: center;
            width: 30px;
        }

        & > span {
            color: #999;
            font-size: 14px;
        }
    }

    .number-input {
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 0; // override
        padding: 5px 0; // override
        text-align: center;
        width: 40px;

        &.invalid-input {
            background-color: @red;
            outline-color: red;
        }

        &.number-input-label {
            margin-left: 5px;
        }

        &.mini {
            width: 40px;
        }
        &.small {
            width: 60px;
        }
        &.normal {
            width: 80px;
        }
    }

    .math-output {
        display: inline-block;
        min-width: 80px;
        min-height: 36px;
        border-radius: 5px;
        padding: 0;
        margin-top: 4px;
        margin-bottom: 4px;
        background: white;
        border: 1px solid #a4a4a4;
    }

    .graph-settings {
        .graph-settings-axis-label {
            border: 1px solid #ccc;
            border-radius: 5px;
            display: inline-block;
            padding: 5px 5px;
            width: 70px;
            float: right;
            margin: 0 5px;
        }
        .graph-settings-background-url {
            width: 250px;
        }
    }

    .graphie-container {
        position: relative;

        img {
            position: absolute;
        }
    }

    .graph-settings, .image-settings, .misc-settings {
        padding-bottom: 5px;
    }

    .image-settings, .misc-settings, .type-settings {
        border-top: 1px solid black;
        padding-top: 5px;
    }

    .svg-image {
        display: inline-block;
        position: relative;

        > .graphie-container {
            position: absolute;
        }
    }
}

.framework-perseus table.non-markdown {
    tr:nth-child(odd) {
        td {
            background-color: transparent;
        }
    }

    th, td {
        border-width: 0;
    }
}

/* Widget CSS */

.perseus-graph-padding {
    padding: 25px 25px 0 0;
}

// TODO(aria): Ugh, sort these and remove
// the extra categorization file
@import "widgets/expression.less";
@import "widgets/radio.less";
@import "widgets/interactive-graph.less";
@import "widgets/categorization.less";
@import "widgets/categorizer.less";
@import "widgets/plotter.less";
@import "widgets/table.less";
@import "widgets/dropdown.less";
@import "widgets/orderer.less";
@import "widgets/measurer.less";
@import "widgets/transformer.less";
@import "widgets/matcher.less";
@import "widgets/sortable.less";
@import "widgets/image.less";
@import "widgets/passage.less";
@import "widgets/matrix.less";
@import "widgets/group.less";
@import "widgets/sequence.less";
@import "widgets/grapher.less";
@import "widgets/unit.less";

.perseus-diff {
    @borderColor: #E4E4E4;
    margin: 0 10px;

    .diff-header {
        font-size: 18px;
        padding: 10px 0;
        width: 50%;
        display: inline-block;
        &.collapsed {
            font-size: 14px;
            padding: 0px;
        }
    }

    .diff-body {
        border-top: 1px solid @borderColor;
        border-bottom: 1px solid @borderColor;
    }

    .diff-row {
        width: 50%;
        white-space: pre-wrap;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 14px;
        padding-right: 20px;
        padding-left: 10px;
        overflow: hidden;
        &.collapsed {
            color: #888;
            cursor: pointer;
            &:hover {
                color: #666;
            }

            &:active {
                color: #444;
            }
        }

        .diff-line {
            margin-bottom: 20px;
        }
    }

    .before {
        float: left;
        border-left: 1px solid @borderColor;
    }

    .after {
        float: right;
        border-right: 1px solid @borderColor;
        border-left: 1px solid @borderColor;
    }

    .inner-value {
        height: 100%;
        padding: 3px;
    }

    .not-present {
        display: none;
    }

    .blank-space {
        visibility: hidden;
    }

    .added {
        background-color: #EEFFEE;
        &.dark {
            background-color: #AAFFAA;
        }
    }

    .removed {
        background-color: #FFEEEE;
        &.dark {
            background-color: #FFAAAA;
        }
    }

    .image {
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .image-unchanged {
        border: 1px solid #AAAAAA;
    }

    .image-added {
        border: 2px solid #AAFFAA;
    }

    .image-removed {
        border: 2px solid #FFAAAA;
    }
}

.perseus-widget-container {
    &.widget-nohighlight {
        transition: all 0.15s;
    }

    &.widget-highlight {
        @highlight: 0px 0px 9px 2px rgba(255, 165, 0, 1);
        -webkit-box-shadow: @highlight;
        -moz-box-shadow:    @highlight;
        box-shadow:         @highlight;
        transition: all 0.15s;
    }
}

// TODO(joel) - remove?
.perseus-tooltip {
    background: #fff;
    padding: 5px 10px;
    width: 240px;
}

// CSS is evil; let's overwrite some styles. T_T
.perseus-formats-tooltip {
    .perseus-tooltip;
    color: #777;
}
.framework-perseus .perseus-formats-tooltip .paragraph > ul {
    padding: 0;
    margin: -20px 0 -16px 0;
    > li {
        list-style-type: none;
    }
}

.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
          box-shadow: @shadow;
       -o-box-shadow: @shadow;
      -ms-box-shadow: @shadow;
     -moz-box-shadow: @shadow;
  -webkit-box-shadow: @shadow;
}

.perseus-math-input.mq-editable-field.mq-math-mode {
    // Mimic native text input
    background: #fff;

    // If the font-size is too small, super/subscripts become hard to input
    font-size: 18px;

    // Make the click target easier to hit
    min-width: 100px;

    & > .mq-root-block {
        // Mimic native text input w/o using -moz/-webkit-apperance: textfield
        // border-color: rgb(78, 187, 212);
        border-color: #a4a4a4;

        border-radius: 5px;

        // A bit of extra whitespace here greatly improves legibility
        padding: 4px;
    }

    // Fixes for strange default MathQuill styles:

    // Cursor shouldn't actually be touching left border
    .mq-cursor {
        padding-left: 0;
    }

    // Don't gray out implicitly created closing parens
    .mq-paren.mq-ghost {
        color: inherit;
    }

    // Don't put vertical margins on an expression wrapped in parens
    // because it messes up baseline alignment, e.g. h(x)
    .mq-paren + span {
        margin: 0;
    }
}

// override normal 5px border radius for the editor only
.perseus-widget-editor .perseus-math-input.mq-editable-field.mq-math-mode > .mq-root-block {
    border-radius: 0;
}

// This style looks a little off in the expression editor. Luckily users don't
// use the expression editor.
.math-input-buttons {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-top: 5px;
    padding: 2px;
    // each button is 35 + 4 px, plus 4 padding, plus 2 border
    width: 39px*5 + 4px + 2px; // (201)

    &.absolute {
        left: -2px;
        position: absolute;
        top: -3px;
        z-index: @zIndexCalculator;
    }
};

// Math domain color
@borderColor: #1c758a;

.tex-button {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin: 2px;
    border: 1px solid @borderColor;
    background-color: white;
    border-radius: 5px;

    &:hover {
        cursor: pointer;
        background-color: #f0f0f0;
    }

    &:focus {
        border: 2px solid @borderColor;
        outline: none;
    }
}

.tex-button-row {
    margin: 5px 0;

    &:first-child {
        margin-top: 0;
    }

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

.renderer-widget-error {
    background-color: #fcc;
}

// body.sat-section matches when we're inside the SAT Alpha product, and
// #sat-mission matches when we're inside the SAT MVP product.
body.sat-section,
#sat-mission {
    @satTopSpacing: 35px;
    @satSectionHeight: 550px;
    .content-area > div {
        margin-left: auto;
        margin-right: auto;
        width: 592px;
        .perseus-input-with-answer-blurb {
            > span {
                display: inline-block;
            }

            .perseus-possible-answers, .perseus-possible-answers:before {
                font-family: "Proxima Nova Semibold"
            }

            .perseus-possible-answers {
                color: rgb(0, 153, 0);
                padding-right: 4px;
            }

            .perseus-possible-answers:before {
                content: "CORRECT ANSWER:";
                padding: 0 5px 0 13px;
                color: rgb(18, 18, 18);
            }

            .perseus-possible-answer:not(:first-child):before {
                // TODO(johnsullivan): Figure out a better way to do this list
                // joining.
                content: "or";
                padding: 0 5px;
                color: rgb(18, 18, 18);
            }
        }

        input.perseus-incorrect {
            color: @satIncorrectColor;
            background-color: @satIncorrectBackgroundColor;
            border: solid 1px @satIncorrectBorderColor;
        }

        input.perseus-correct {
            color: @satCorrectColor;
            background-color: @satCorrectBackgroundColor;
            border: solid 1px @satCorrectBorderColor;
        }

        input.perseus-unanswered {
            background-color: #eee;
            border: solid 1px #999;
        }

        &.perseus-renderer-two-columns {
            // This prevents a strange blank space from appearing above
            // passages.
            // TODO(johnsullivan): Try and get rid of the wrapping div that's
            // causing this instead of modifying its margin like this.
            & > .paragraph {
                margin: 0;
            }

            width: 1024px;
            & > .paragraph {
                margin: 0;
            }
            .perseus-column {
                & > .paragraph {
                    margin: 0;
                }
                overflow-y: auto;
                &:nth-child(1) {
                    background: #eee;
                    border-right: 1px solid #ddd;
                    height: @satSectionHeight - @satTopSpacing;
                    max-height: @satSectionHeight - @satTopSpacing;
                    float: left;
                    padding-left: 46px;
                    padding-top: @satTopSpacing;
                    padding-bottom: 22px;
                    width: 512px;
                    box-sizing: border-box;

                    .perseus-widget-passage {
                        // We've replaced the margin here with padding in the
                        // parent element to stay consistent with non-passage
                        // two-column mode.
                        margin: 0;
                    }

                    & > .paragraph {
                        margin-right: 40px;
                    }

                    blockquote {
                        padding: 0;
                        margin-right: 22px;

                        & > .paragraph:nth-child(1) {
                            margin-top: 0;
                        }
                    }
                }
                &:nth-child(2) {
                    float: right;
                    height: @satSectionHeight;
                    max-height: @satSectionHeight;
                    padding-right: 20px;
                    width: 475px;
                    .perseus-group {
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
    .question-annotation {
        // TODO(kitt): generalize for passages
        color: #999;
        margin-top: @satTopSpacing;
        margin-bottom: 24px;
        text-transform: uppercase;
    }

    .paragraph:not(:first-child) .question-annotation {
        margin-top: 48px;
    }

    input[type=text],
    input[type=number] {
        border: 1px solid #aaa;
        font-family: @boldFontFamily;
        font-size: 14px;
        margin: 10px 0;
        padding: 5px;
    }

    .valid-answer {
        input[type=text]:valid, input[type=number]:valid {
            border: 1px solid @satBlue;
            background: @satSelectedBackgroundColor;
        }
    }
    .invalid-answer {
        input[type=text]:valid, input[type=number]:valid {
            color: @satIncorrectColor;
            background-color: @satIncorrectBackgroundColor;
            border: solid 1px @satIncorrectBorderColor;
        }
    }
}

.perseus-error {
    background: @red;
    border: 2px solid red;
    border-radius: 5px;
    padding: 20px;
    margin: 15px 0 10px;
}


Create reset.less

Create reset.less

html, body {text-align: left; font-size: 1em;}
html,body,img,form,textarea,input,fieldset,div,p,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,button { margin: 0; padding: 0;}
ul,li {list-style: none;}
img, region {display: block;}
a img{border: none;}
a {text-decoration: none; font-weight: normal; font-family: inherit;}
fieldset {border: none;}

/* Clear mozilla/ie dotted line around active links */
*:active,*:focus {
  outline: none;
  -moz-outline-style: none;
}

/* Fix heading font styles and size */
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal; font-size:1em;}

error: pathspec 'templates/assets/linker/styles/globals/reset.less' did not match any file(s) known to git


queryeditor

queryeditor

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


Removes input zoom on iPhone

Removes input zoom on iPhone

.SearchBar {
  padding: 10px 0;

  .form-control {
    font-size: 16px; // we don't need zoom in on iPhone because it's real-time search
    margin: 0;
    width: 100%;
  }
}

.SearchBar {
  padding: 10px 0;

  .form-control {
    margin: 0;
    width: 100%;
  }
}


Completed LESS retina template

Completed LESS retina template

fatal: unable to access 'https://github.com/twolfson/spritesheet-templates.git/': The requested URL returned error: 403


Adds count of select on table display and clear button

//
// Table
// --------------------------------------------------

.table {
    > thead,
    > tfoot {
        > tr {
            > th {
                color: @table-header-color;
                min-width: 90px;

                &.table-left {
                    text-align: left;
                }

                &.table-center {
                    text-align: center;
                }

                &.table-right {
                    text-align: right;
                }
            }
        }
    }

    > tbody {
        > tr {
            > td {
                &.table-left {
                    text-align: left;
                }

                &.table-center {
                    text-align: center;
                }

                &.table-right {
                    text-align: right;
                }

                &.table-row-number {
                    color: @table-row-number-color;
                    font-size: @table-row-number-size;
                    text-align: right;
                    white-space: nowrap;
                    width: 1px;
                }
            }
        }
    }

    > thead > tr > th,
    > tbody > tr > td,
    > tfoot > tr > td {
        > .checkbox,
        > .radio {
            margin-top: auto;
            margin-bottom: auto;
            display: inline-block;
        }

        > .checkbox label.form-control-fa > input[type="checkbox"],
        > .radio label.form-control-fa > input[type="radio"] {
            + .form-control-fa-style {
                width: 18px;
                height: 18px;
                font-size: 11px;
            }
        }
    }

    > thead {
        .table-select-count,
        .table-select-clear {
            padding: 4px 4px 3px 4px;
            line-height: floor((@font-size-base * @line-height-base));
        }

        .table-select-count {
            &.disabled {
                opacity: 1;
            }

            &:empty {
                display: none;

                + .table-select-clear {
                    display: none;
                }
            }
        }
    }
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

//
// Table
// --------------------------------------------------

.table {
    > thead,
    > tfoot {
        > tr {
            > th {
                color: @table-header-color;
                min-width: 90px;

                &.table-left {
                    text-align: left;
                }

                &.table-center {
                    text-align: center;
                }

                &.table-right {
                    text-align: right;
                }
            }
        }
    }

    > tbody {
        > tr {
            > td {
                &.table-left {
                    text-align: left;
                }

                &.table-center {
                    text-align: center;
                }

                &.table-right {
                    text-align: right;
                }

                &.table-row-number {
                    color: @table-row-number-color;
                    font-size: @table-row-number-size;
                    text-align: right;
                    white-space: nowrap;
                    width: 1px;
                }
            }
        }
    }

    > thead > tr > th,
    > tbody > tr > td,
    > tfoot > tr > td {
        > .checkbox,
        > .radio {
            margin-top: auto;
            margin-bottom: auto;
            display: inline-block;
        }

        > .checkbox label.form-control-fa > input[type="checkbox"],
        > .radio label.form-control-fa > input[type="radio"] {
            + .form-control-fa-style {
                width: 18px;
                height: 18px;
                font-size: 11px;
            }
        }
    }
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}


INBOX-350 Avatar is smaller in collapsed email header.


make all text in an input step format according to new lines chars (#1709)

fatal: unable to access 'https://github.com/jenkinsci/blueocean-plugin.git/': The requested URL returned error: 403