Gemfury

webmaster / discourse-annotator ruby

Repository URL to install this package:
Details
discourse-annotator / app / assets / stylesheets / discourse-annotator / vendor / annotorious.css
/** Global item styles **/

.annotorious-opacity-fade {
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-delay: 0s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0s;
}

.annotorious-item-focus {
  opacity:1.0;
}

.annotorious-item-unfocus {
  opacity:0.4;
}

/** Hint/help popup **/

.annotorious-hint-msg {
  background-color:rgba(0,0,0,0.5);
  margin:4px;
  padding:8px 15px 8px 30px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  line-height: normal;
  font-size:12px;
  color:#fff;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
}

.annotorious-hint-icon {
  position:absolute;
  top:6px;
  left: 5px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wMAw8SNsJ/lmwAAAGWSURBVDjLlZO/axdBFMRn9gQJWJlCLOySwsbYaGVhYWFhZavYpg0iiH+A1pb2ChZKeu0tJBYiarQwBCIYSBGw8AfkOx8L98IZ7nvebfMeLPNm3syuNPIA3X4xySWgGQt2rQvAyyTUc3o0c5IrAEkOgC3g2xTwg8q4n+RVVXBrLjBJF/ysAn52+tmo3ZM8T0IFPaz1Q5K1o8b+w14vr7VOJbnftsDvJAu9CbQTgZPAemV8nORdHQRwb3D3Wj8neQ98BVp2gM1K0PTKr5erHcDNjgckOTEUWVPrTgU9SvIW2K/gC33GlbaxPQPOSyq2f9j+YntF0i9gqZSykUS2Bx/MRpKdJHeAg6pkfSjq0h1ge9t/KZYlNbY/llKuJ/G8Ae4k0EhatH1b0hlJe7bXkqiUMlfBsTa+UsoMuFuV3DiUOAA+HGC7JFkCvkvabtfqNWzAwFXgiSaeYltJjtu+KOnF3E8ylILtq5J2Jb0ZLf3IQzon6ZTtzakrCCjAa+Bs90NNUXC5uv8JKP+LrS/GPUlPbSOJqRv8AVHyq1MDtfvrAAAAAElFTkSuQmCC');
  background-repeat:no-repeat;
  width:19px;
  height:22px;
  margin:2px 4px 0px 6px;
}

/** Popup **/

.annotorious-popup {
  line-height:135%;
  font-family:Arial, Verdana, Sans;
  font-size:12px;
  color:#000;
  background-color:#fff;
  border:1px solid #ccc;
  padding:9px 8px;
  word-wrap:break-word;
  width:180px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-box-shadow:0px 5px 15px #111;  
  -webkit-box-shadow:0px 5px 15px #111;  
  box-shadow:0px 5px 15px #111;  

  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-delay: 0s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0s;
}

.annotorious-popup-empty {
  color:#999;
  font-style:italic;
}

.annotorious-popup-buttons {
  float:right;
  margin:0px 0px 1px 10px;
  height:16px;
  
  -moz-transition-property: opacity;
  -moz-transition-duration: 1s;
  -moz-transition-delay: 0s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  -webkit-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 1s;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0s; 
}

.annotorious-popup-button {
  font-size:10px;
  text-decoration:none;
  display:inline-block;
  color:#000;
  font-weight:bold;
  margin-left:5px;
  opacity:0.4;
  
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-delay: 0s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0s; 
}

.annotorious-popup-button:hover {
  background-color:transparent;
}

.annotorious-popup-button-active {
  opacity:0.9;
}

.annotorious-popup-button-edit {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjQ5QUU2RjNEMjA2ODExODhDNkNCNjMxRDc2RjgxMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMTk2MDM4NzJGNkQxMUUyOERFOTgyRDM3RTA1OTdGOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMTk2MDM4NjJGNkQxMUUyOERFOTgyRDM3RTA1OTdGOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUE3MEI3MkIwQTIwNjgxMThGNjJEQ0UzOTVCQjBGNUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REY0OUFFNkYzRDIwNjgxMTg4QzZDQjYzMUQ3NkY4MTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bB9glAAAAeUlEQVR42mJiIA3UQTFZAKTxPxTXUaKZZEOwaYYbwkSE5kYgboJidMBMjM2NSGKNSLY3kqoZn/hw0KyLI34JamaB0oFAfBmI12MJdVD01RNKLJeQNBIdVejOD4E6+SopmtGT6g2oRi1iNbNAXQDy50ogvkZqLgMIMAC0Wz41N9bSmwAAAABJRU5ErkJggg==');
  width:16px;
  height:16px;
  text-indent:100px;
  overflow:hidden;
}

.annotorious-popup-button-delete {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjQ5QUU2RjNEMjA2ODExODhDNkNCNjMxRDc2RjgxMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkE0MzQyRjJGNkQxMUUyOERFOTgyRDM3RTA1OTdGOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkE0MzQyRTJGNkQxMUUyOERFOTgyRDM3RTA1OTdGOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUM3MEI3MkIwQTIwNjgxMThGNjJEQ0UzOTVCQjBGNUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REY0OUFFNkYzRDIwNjgxMTg4QzZDQjYzMUQ3NkY4MTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6L8XdiAAAA/ElEQVR42qSTXQbDQBDHR0PIAUroAUIJeQ2hDz1E79F7lGUP09IrhJAqpa95ylOfQmhtZ+OfGvksGX6ymfnv7Mx+EPUtYE5MyrxBCl9AM3ZkKsaMUEHTM5c5Q1QzmtnB72KsETPQujKBQqBgookKI2gMWmosRJ81xtTN3vGF0No5W7m6hsBjSiZn1iCHz4NGyyoe+EkQdDDB4CvHDjQJfHcSGyPL9hE0Quh32rH+14r+t8/AfjQVPZEtnmkhEy3EbWW2ggucB5Hdlntj9sCON2LlVntdeoyt/ncshXQOWCgukpq6ygrXl8SxqamrvPgxDT3nTEzMxp7zV4ABABEIZbW4Y7OyAAAAAElFTkSuQmCC');
  width:16px;
  height:16px;
  text-indent:100px;
  overflow:hidden;
  float:right;
}

.annotorious-popup-field {
  border-top:1px solid #ccc;
  margin:6px 0px 0px 0px;
  padding-top:2px;
}

/** Editor **/

.annotorious-editor {
  line-height: normal;
  padding:0px 0px 2px 0px;
  background-color:#f2f2f2;
  color:#000;
  opacity:0.97;
  border:1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-box-shadow:0px 5px 15px #111;  
  -webkit-box-shadow:0px 5px 15px #111;  
  box-shadow:0px 5px 15px #111;  
}

.annotorious-editor-text {
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:#ccc;
  line-height: normal;
  background-color:#fff;
  width:240px;
  height:50px;
  outline:none;
  font-family:Verdana, Arial;
  font-size:11px;
  padding:4px;
  margin:0px;  
  color:#000;
  text-shadow:none;
  overflow-y:auto;
  display:block;
}

.annotorious-editor-button-container {
  padding-top:2px;
}

.annotorious-editor-button {
  float:right;
  line-height: normal;
  display:inline-block;
  text-align:center;
  text-decoration:none;
  font-family:Verdana, Arial;
  font-size:10px;	
  border:1px solid #777;
  color:#ddd;
  padding:3px 8px;
  margin:1px 2px 0px 1px;
  cursor:pointer;
  cursor:hand;
  background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#555));
  background:-moz-linear-gradient(top,  #888,  #555);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px;
}

.annotorious-editor-button:hover {
  background:#999;
}

.annotorious-editor-field {
  border-bottom:1px solid #ccc;
  margin:0px;
  background-color:#fff;
  padding:3px;
  font-family:Verdana, Arial;
  font-size:12px;	
}

/** OpenLayers module **/
.annotorious-ol-boxmarker-outer {
  border:1px solid #000;
}

.annotorious-ol-boxmarker-inner {
  border:1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.annotorious-ol-hint {
  line-height: normal;
  font-family:Arial, Verdana, Sans;
  font-size:16px;
  color:#000;
  background-color:#fff;
  margin:0px;
  padding:9px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

.annotorious-ol-hint-secondary {
  background-color:#fff000;
}

canvas {
  z-index: 2;
}

canvas.hidden {
  z-index: -1;
  visibility: hidden;
}
  
html.hasTouch .annotator-viewer li .annotator-controls, 
html.hasTouch .annotator-viewer li .annotator-controls {
  opacity: 1;
}
webmaster / discourse-annotator ruby

Products

About

Resources

Contact Gemfury
