You are here

Home » API reference » Clipboard.js 8

clipboardjs.css in Clipboard.js 8

Same filename and directory in other branches
  1. 2.0.x css/clipboardjs.css
.clipboardjs-button {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-color: #eee;
  background-image: linear-gradient(#fcfcfc,#eee);
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
}
input.clipboardjs {
  -moz-appearance: textfield;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: -moz-field;
  text-rendering: optimizeLegibility;
  line-height: normal;
  text-align: start;
  text-transform: none;
  word-spacing: normal;
  letter-spacing: normal;
  cursor: text;
  -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
  text-indent: 0;
  -moz-user-select: text;
  text-shadow: none;
  overflow-clip-box: content-box;
  min-height: 34px;
  padding: 7px 8px;
  font-size: 13px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 8px center;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -2px;
}

File

css/clipboardjs.css
View source 
  1. .clipboardjs-button {

  2.   position: relative;

  3.   display: inline-block;

  4.   padding: 6px 12px;

  5.   font-size: 16px;

  6.   font-weight: bold;

  7.   line-height: 20px;

  8.   color: #333;

  9.   white-space: nowrap;

  10.   vertical-align: middle;

  11.   cursor: pointer;

  12.   background-color: #eee;

  13.   background-image: linear-gradient(#fcfcfc,#eee);

  14.   border: 1px solid #d5d5d5;

  15.   border-radius: 3px;

  16.   -webkit-user-select: none;

  17.   -moz-user-select: none;

  18.   -ms-user-select: none;

  19.   user-select: none;

  20.   -webkit-appearance: none;

  21. }

  22. input.clipboardjs {

  23.   -moz-appearance: textfield;

  24.   background-color: -moz-Field;

  25.   color: -moz-FieldText;

  26.   font: -moz-field;

  27.   text-rendering: optimizeLegibility;

  28.   line-height: normal;

  29.   text-align: start;

  30.   text-transform: none;

  31.   word-spacing: normal;

  32.   letter-spacing: normal;

  33.   cursor: text;

  34.   -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");

  35.   text-indent: 0;

  36.   -moz-user-select: text;

  37.   text-shadow: none;

  38.   overflow-clip-box: content-box;

  39.   min-height: 34px;

  40.   padding: 7px 8px;

  41.   font-size: 13px;

  42.   color: #333;

  43.   vertical-align: middle;

  44.   background-color: #fff;

  45.   background-repeat: no-repeat;

  46.   background-position: right 8px center;

  47.   border: 1px solid #ccc;

  48.   border-radius: 3px;

  49.   outline: none;

  50.   box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);

  51.   border-top-right-radius: 0;

  52.   border-bottom-right-radius: 0;

  53.   margin-right: -2px;

  54. }