First set of fixes from the pull request This does not include some of the testing files. The textannotation and videoannotation test files are not ready. waiting for an answer on the issue. Deleted token line in api.py and added test for token generator Added notes_spec.coffee remove spec file fixed minor error with the test fixes some quality errors fixed unit test fixed unit test added advanced module Added notes_spec.coffee remove spec file Quality and Testing Coverage 1. in test_textannotation.py I already check for line 75 as it states in the diff in line 43, same with test_videoanntotation 2. Like you said, exceptions cannot be checked for firebase_token_generator.py. The version of python that is active on the edx server is 2.7 or higher, but the code is there for correctness. Error checking works the same way. 3. I added a test for student/views/.py within tests and deleted the unused secret assignment. 4. test_token_generator.py is now its own file Added Secret Token data input fixed token generator Annotation Tools in Place The purpose of this pull request is to install two major modules: (1) a module to annotate text and (2) a module to annotate video. In either case an instructor can declare them in advanced settings under advanced_modules and input content (HTML in text, mp4 or YouTube videos for video). Students will be able to highlight portions and add their comments as well as reply to each other. There needs to be a storage server set up per course as well as a secret token to talk with said storage. Changes: 1. Added test to check for the creation of a token in tests.py (along with the rest of the tests for student/view.py) 2. Removed items in cms pertaining to annotation as this will only be possible in the lms 3. Added more comments to firebase_token_generator.py, the test files, students/views.py 4. Added some internationalization stuff to textannotation.html and videoannotation.html. I need some help with doing it in javascript, but the html is covered. incorporated lib for traslate fixed quality errors fixed my notes with catch token Text and Video Annotation Modules - First Iteration The following code-change is the first iteration of the modules for text and video annotation. Installing Modules: 1. Under “Advanced Settings”, add “textannotation” and “videoannotation” to the list of advanced_modules. 2. Add link to an external storage for annotations under “annotation_storage_url” 3. Add the secret token for talking with said storage under “annotation_token_secret” Using Modules 1. When creating new unit, you can find Text and Video annotation modules under “Advanced” component 2. Make sure you have either Text or Video in one unit, but not both. 3. Annotations are only allowed on Live/Public version and not Studio. Added missing templates and fixed more of the quality errors Fixed annotator not existing issue in cmd and tried to find the get_html() from the annotation module class to the descriptor Added a space after # in comments Fixed issue with an empty Module and token links Added licenses and fixed vis naming scheme and location.
889 lines
36 KiB
CSS
889 lines
36 KiB
CSS
/* Base Reset
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-notice,
|
|
.annotator-filter *,
|
|
.annotator-widget * {
|
|
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: none;
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
-o-box-shadow: none;
|
|
box-shadow: none;
|
|
color: rgb(144, 144, 144);
|
|
}
|
|
|
|
/* Images
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-adder {
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwCAYAAAD+WvNWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODRCQUU5RDY0RTkyQTJDNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOUY5RUFERDYwOEIxMUUxOTQ1RDkyQzU2OTNEMDZENCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOUY5RUFEQzYwOEIxMUUxOTQ1RDkyQzU2OTNEMDZENCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1ODAxMTc0MDcyMDY4MTE5MTA5OUIyNDhFRUQ1QkM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4NEJBRTlENjRFOTJBMkM2Ii8+IDwvcmRmOkRlc2NyaXB0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');
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.annotator-resize,
|
|
.annotator-widget::after,
|
|
.annotator-editor a::after,
|
|
.annotator-viewer .annotator-controls button,
|
|
.annotator-viewer .annotator-controls a,
|
|
.annotator-filter .annotator-filter-navigation button::after,
|
|
.annotator-filter .annotator-filter-property .annotator-filter-clear {
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAEiCAYAAAD0w4JOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDY0MTMzNTM2QUQzMTFFMUE2REJERDgwQTM3Njg5NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDY0MTMzNTQ2QUQzMTFFMUE2REJERDgwQTM3Njg5NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ODkwQjlFQzZBRDExMUUxQTZEQkREODBBMzc2ODk1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjQxMzM1MjZBRDMxMUUxQTZEQkREODBBMzc2ODk1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkijPpwAABBRSURBVHja7JsJVBRX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');
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Annotator Highlight
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-hl {
|
|
background: rgba(255, 255, 10, 0.3);
|
|
}
|
|
|
|
.annotator-hl-temporary {
|
|
background: rgba(0, 124, 255, 0.3);
|
|
}
|
|
|
|
/* Annotator Wrapper
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
/* NB: If you change the list of classes for which z-index is set,
|
|
you should update Annotator._setupDynamicStyle() */
|
|
.annotator-adder,
|
|
.annotator-outer,
|
|
.annotator-notice {
|
|
z-index: 1020;
|
|
}
|
|
|
|
.annotator-filter {
|
|
z-index: 1010;
|
|
}
|
|
|
|
.annotator-adder,
|
|
.annotator-outer,
|
|
.annotator-widget,
|
|
.annotator-notice {
|
|
position: absolute;
|
|
font-size: 10px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.annotator-hide {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Annotator Adder
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-adder {
|
|
margin-top: -48px;
|
|
margin-left: -24px;
|
|
width: 48px;
|
|
height: 48px;
|
|
background-position: left top;
|
|
}
|
|
|
|
.annotator-adder:hover {
|
|
background-position: center top;
|
|
}
|
|
|
|
.annotator-adder:active {
|
|
background-position: center right;
|
|
}
|
|
|
|
.annotator-adder button {
|
|
display: block;
|
|
width: 36px;
|
|
height: 41px;
|
|
margin: 0 auto;
|
|
border: none;
|
|
background: none;
|
|
text-indent: -999em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Annotator Widget
|
|
|
|
This applies to both the Viewer and the Editor
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-outer {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.annotator-widget {
|
|
margin: 0;
|
|
padding: 0;
|
|
bottom: 15px;
|
|
left: -18px;
|
|
min-width: 265px;
|
|
background-color: rgba(251, 251, 251, 0.98);
|
|
border: 1px solid rgba(122, 122, 122, 0.6);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.annotator-invert-x .annotator-widget {
|
|
left: auto;
|
|
right: -18px;
|
|
}
|
|
|
|
.annotator-invert-y .annotator-widget {
|
|
bottom: auto;
|
|
top: 8px;
|
|
}
|
|
|
|
.annotator-widget strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.annotator-widget .annotator-listing,
|
|
.annotator-widget .annotator-item {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.annotator-widget::after {
|
|
content: "";
|
|
display: block;
|
|
width: 18px;
|
|
height: 10px;
|
|
background-position: 0 0;
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 8px;
|
|
}
|
|
|
|
.annotator-invert-x .annotator-widget::after {
|
|
left: auto;
|
|
right: 8px;
|
|
}
|
|
|
|
.annotator-invert-y .annotator-widget::after {
|
|
background-position: 0 -15px;
|
|
bottom: auto;
|
|
top: -9px;
|
|
}
|
|
|
|
.annotator-widget .annotator-item,
|
|
.annotator-editor .annotator-item input,
|
|
.annotator-editor .annotator-item textarea {
|
|
position: relative;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.annotator-viewer .annotator-item {
|
|
border-top: 2px solid rgba(122, 122, 122, 0.2);
|
|
}
|
|
|
|
.annotator-widget .annotator-item:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.annotator-editor .annotator-item,
|
|
.annotator-viewer div {
|
|
border-top: 1px solid rgba(133, 133, 133, 0.11);
|
|
}
|
|
|
|
/* Annotator Viewer
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-viewer div {
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.annotator-viewer .annotator-item ol,
|
|
.annotator-viewer .annotator-item ul {
|
|
padding: 4px 16px;
|
|
}
|
|
|
|
.annotator-viewer .annotator-item li {
|
|
}
|
|
|
|
.annotator-viewer div:first-of-type,
|
|
.annotator-editor .annotator-item:first-child textarea {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
color: rgb(60, 60, 60);
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
line-height: 1.3;
|
|
border-top: none;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls {
|
|
position: relative;
|
|
top: 5px;
|
|
right: 5px;
|
|
padding-left: 5px;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.2s ease-in;
|
|
-moz-transition: opacity 0.2s ease-in;
|
|
-o-transition: opacity 0.2s ease-in;
|
|
transition: opacity 0.2s ease-in;
|
|
float: right;
|
|
}
|
|
|
|
.annotator-viewer li:hover .annotator-controls,
|
|
.annotator-viewer li .annotator-controls.annotator-visible {
|
|
opacity: 1;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls button,
|
|
.annotator-viewer .annotator-controls a {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
width: 13px;
|
|
height: 13px;
|
|
margin-left: 2px;
|
|
border: none;
|
|
opacity: 0.2;
|
|
text-indent: -900em;
|
|
background-color: transparent;
|
|
outline: none;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls button:hover,
|
|
.annotator-viewer .annotator-controls button:focus,
|
|
.annotator-viewer .annotator-controls a:hover,
|
|
.annotator-viewer .annotator-controls a:focus {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls button:active,
|
|
.annotator-viewer .annotator-controls a:active {
|
|
opacity: 1;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls button[disabled] {
|
|
display: none;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls .annotator-edit {
|
|
background-position: 0 -60px;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls .annotator-delete {
|
|
background-position: 0 -75px;
|
|
}
|
|
|
|
.annotator-viewer .annotator-controls .annotator-link {
|
|
background-position: 0 -270px;
|
|
}
|
|
|
|
/* Annotator Editor
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-editor .annotator-item {
|
|
position: relative;
|
|
}
|
|
|
|
.annotator-editor .annotator-item label {
|
|
top: 0;
|
|
display: inline;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.annotator-editor .annotator-item input,
|
|
.annotator-editor .annotator-item textarea {
|
|
display: block;
|
|
min-width: 100%;
|
|
padding: 10px 8px;
|
|
border: none;
|
|
margin: 0;
|
|
color: rgb(60, 60, 60);
|
|
background: none;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
resize: none;
|
|
}
|
|
|
|
.annotator-editor .annotator-item textarea::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 8px;
|
|
}
|
|
|
|
.annotator-editor .annotator-item textarea::-webkit-scrollbar-track-piece {
|
|
margin: 13px 0 3px;
|
|
background-color: #e5e5e5;
|
|
-webkit-border-radius: 4px;
|
|
}
|
|
|
|
.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:vertical {
|
|
height: 25px;
|
|
background-color: #ccc;
|
|
-webkit-border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:horizontal {
|
|
width: 25px;
|
|
background-color: #ccc;
|
|
-webkit-border-radius: 4px;
|
|
}
|
|
|
|
.annotator-editor .annotator-item:first-child textarea {
|
|
min-height: 5.5em;
|
|
-webkit-border-radius: 5px 5px 0 0;
|
|
-moz-border-radius: 5px 5px 0 0;
|
|
-o-border-radius: 5px 5px 0 0;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
|
|
.annotator-editor .annotator-item input:focus,
|
|
.annotator-editor .annotator-item textarea:focus{
|
|
background-color: rgb(243, 243, 243);
|
|
outline: none;
|
|
}
|
|
|
|
.annotator-editor .annotator-item input[type=radio],
|
|
.annotator-editor .annotator-item input[type=checkbox] {
|
|
width: auto;
|
|
min-width: 0;
|
|
padding: 0;
|
|
display: inline;
|
|
margin: 0 4px 0 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.annotator-editor .annotator-checkbox {
|
|
padding: 8px 6px;
|
|
}
|
|
|
|
.annotator-filter,
|
|
.annotator-filter .annotator-filter-navigation button,
|
|
.annotator-editor .annotator-controls {
|
|
text-align: right;
|
|
padding: 3px;
|
|
border-top: 1px solid rgb(212,212,212);
|
|
background-color: rgb(212, 212, 212);
|
|
background-image: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(rgb(245, 245, 245)),
|
|
color-stop(0.6, rgb(220, 220, 220)),
|
|
to(rgb(210, 210, 210))
|
|
);
|
|
background-image: -moz-linear-gradient(
|
|
to bottom,
|
|
rgb(245, 245, 245),
|
|
rgb(220, 220, 220) 60%,
|
|
rgb(210, 210, 210)
|
|
);
|
|
background-image: -webkit-linear-gradient(
|
|
to bottom,
|
|
rgb(245, 245, 245),
|
|
rgb(220, 220, 220) 60%,
|
|
rgb(210, 210, 210)
|
|
);
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
rgb(245, 245, 245),
|
|
rgb(220, 220, 220) 60%,
|
|
rgb(210, 210, 210)
|
|
);
|
|
-webkit-box-shadow:
|
|
inset 1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset -1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.7);
|
|
-moz-box-shadow:
|
|
inset 1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset -1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.7);
|
|
-o-box-shadow:
|
|
inset 1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset -1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.7);
|
|
box-shadow:
|
|
inset 1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset -1px 0 0 rgba(255, 255, 255, 0.7),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.7);
|
|
-webkit-border-radius: 0 0 5px 5px;
|
|
-moz-border-radius: 0 0 5px 5px;
|
|
-o-border-radius: 0 0 5px 5px;
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
.annotator-editor.annotator-invert-y .annotator-controls {
|
|
border-top: none;
|
|
border-bottom: 1px solid rgb(180, 180, 180);
|
|
-webkit-border-radius: 5px 5px 0 0;
|
|
-moz-border-radius: 5px 5px 0 0;
|
|
-o-border-radius: 5px 5px 0 0;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
|
|
.annotator-editor a,
|
|
.annotator-filter .annotator-filter-property label {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 0 6px 0 22px;
|
|
color: rgb(54, 54, 54);
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
|
|
text-decoration: none;
|
|
line-height: 24px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border: 1px solid rgb(162, 162, 162);
|
|
background-color: rgb(212, 212, 212);
|
|
background-image: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(rgb(245, 245, 245)),
|
|
color-stop(0.5, rgb(210, 210, 210)),
|
|
color-stop(0.5, rgb(190, 190, 190)),
|
|
to(rgb(210, 210, 210))
|
|
);
|
|
background-image: -moz-linear-gradient(
|
|
to bottom,
|
|
rgb(245, 245, 245),
|
|
rgb(210, 210, 210) 50%,
|
|
rgb(190, 190, 190) 50%,
|
|
rgb(210, 210, 210)
|
|
);
|
|
background-image: -webkit-linear-gradient(
|
|
to bottom,
|
|
rgb(245, 245, 245),
|
|
rgb(210, 210, 210) 50%,
|
|
rgb(190, 190, 190) 50%,
|
|
rgb(210, 210, 210)
|
|
);
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
rgb(245, 245, 245),
|
|
rgb(210, 210, 210) 50%,
|
|
rgb(190, 190, 190) 50%,
|
|
rgb(210, 210, 210)
|
|
);
|
|
-webkit-box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
-moz-box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
-o-box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.annotator-editor a::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 5px;
|
|
display: block;
|
|
content: "";
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-top: -7px;
|
|
background-position: 0 -90px;
|
|
}
|
|
|
|
.annotator-editor a:hover,
|
|
.annotator-editor a:focus,
|
|
.annotator-editor a.annotator-focus,
|
|
.annotator-filter .annotator-filter-active label,
|
|
.annotator-filter .annotator-filter-navigation button:hover {
|
|
outline: none;
|
|
border-color: rgb(67, 90, 160);
|
|
background-color: rgb(56, 101, 249);
|
|
background-image: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(rgb(118, 145, 251)),
|
|
color-stop(0.5, rgb(80, 117, 251)),
|
|
color-stop(0.5, rgb(56, 101, 249)),
|
|
to(rgb(54, 101, 250))
|
|
);
|
|
background-image: -moz-linear-gradient(
|
|
to bottom,
|
|
rgb(118, 145, 251),
|
|
rgb(80, 117, 251) 50%,
|
|
rgb(56, 101, 249) 50%,
|
|
rgb(54, 101, 250)
|
|
);
|
|
background-image: -webkit-linear-gradient(
|
|
to bottom,
|
|
rgb(118, 145, 251),
|
|
rgb(80, 117, 251) 50%,
|
|
rgb(56, 101, 249) 50%,
|
|
rgb(54, 101, 250)
|
|
);
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
rgb(118, 145, 251),
|
|
rgb(80, 117, 251) 50%,
|
|
rgb(56, 101, 249) 50%,
|
|
rgb(54, 101, 250)
|
|
);
|
|
color: rgb(255, 255, 255);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
|
|
}
|
|
|
|
.annotator-editor a:hover::after,
|
|
.annotator-editor a:focus::after {
|
|
margin-top: -8px;
|
|
background-position: 0 -105px;
|
|
}
|
|
|
|
.annotator-editor a:active,
|
|
.annotator-filter .annotator-filter-navigation button:active {
|
|
border-color: rgb(112, 12, 73);
|
|
background-color: rgb(209, 46, 142);
|
|
background-image: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(rgb(252, 124, 202)),
|
|
color-stop(0.5, rgb(232, 93, 178)),
|
|
color-stop(0.5, rgb(209, 46, 142)),
|
|
to(rgb(255, 0, 156))
|
|
);
|
|
background-image: -moz-linear-gradient(
|
|
to bottom,
|
|
rgb(252, 124, 202),
|
|
rgb(232, 93, 178) 50%,
|
|
rgb(209, 46, 142) 50%,
|
|
rgb(255, 0, 156)
|
|
);
|
|
background-image: -webkit-linear-gradient(
|
|
to bottom,
|
|
rgb(252, 124, 202),
|
|
rgb(232, 93, 178) 50%,
|
|
rgb(209, 46, 142) 50%,
|
|
rgb(255, 0, 156)
|
|
);
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
rgb(252, 124, 202),
|
|
rgb(232, 93, 178) 50%,
|
|
rgb(209, 46, 142) 50%,
|
|
rgb(255, 0, 156)
|
|
);
|
|
}
|
|
|
|
.annotator-editor a.annotator-save::after {
|
|
background-position: 0 -120px;
|
|
}
|
|
|
|
.annotator-editor a.annotator-save:hover::after,
|
|
.annotator-editor a.annotator-save:focus::after,
|
|
.annotator-editor a.annotator-save.annotator-focus::after {
|
|
margin-top: -8px;
|
|
background-position: 0 -135px;
|
|
}
|
|
|
|
.annotator-editor .annotator-widget::after {
|
|
background-position: 0 -30px;
|
|
}
|
|
|
|
.annotator-editor.annotator-invert-y .annotator-widget .annotator-controls {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.annotator-editor.annotator-invert-y .annotator-widget::after {
|
|
background-position: 0 -45px;
|
|
height: 11px;
|
|
}
|
|
|
|
.annotator-resize {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-position: 2px -150px;
|
|
}
|
|
|
|
.annotator-invert-x .annotator-resize {
|
|
right: auto;
|
|
left: 0;
|
|
background-position: 0 -195px;
|
|
}
|
|
|
|
.annotator-invert-y .annotator-resize {
|
|
top: auto;
|
|
bottom: 0;
|
|
background-position: 2px -165px;
|
|
}
|
|
|
|
.annotator-invert-y.annotator-invert-x .annotator-resize {
|
|
background-position: 0 -180px;
|
|
}
|
|
|
|
/* Annotator Notification
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-notice {
|
|
color: #fff;
|
|
position: absolute;
|
|
position: fixed;
|
|
top: -54px;
|
|
left: 0;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
background: black;
|
|
background: rgba(0, 0, 0, 0.9);
|
|
border-bottom: 4px solid #d4d4d4;
|
|
-webkit-transition: top 0.4s ease-out;
|
|
-moz-transition: top 0.4s ease-out;
|
|
-o-transition: top 0.4s ease-out;
|
|
transition: top 0.4s ease-out;
|
|
}
|
|
|
|
.ie6 .annotator-notice {
|
|
position: absolute;
|
|
}
|
|
|
|
.annotator-notice-success {
|
|
border-color: #3665f9;
|
|
}
|
|
|
|
.annotator-notice-error {
|
|
border-color: #ff7e00;
|
|
}
|
|
|
|
.annotator-notice p {
|
|
margin: 0;
|
|
}
|
|
|
|
.annotator-notice a {
|
|
color: #fff;
|
|
}
|
|
|
|
.annotator-notice-show {
|
|
top: 0;
|
|
}
|
|
|
|
/* Annotator Tags Plugin
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-tags {
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.annotator-tags .annotator-tag {
|
|
display: inline-block;
|
|
padding: 0 8px;
|
|
margin-bottom: 2px;
|
|
line-height: 1.6;
|
|
font-weight: bold;
|
|
background-color: rgb(230, 230, 230);
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
-o-border-radius: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
/* Annotator Filter Plugin
|
|
-------------------------------------------------------------------- */
|
|
|
|
.annotator-filter {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
text-align: left;
|
|
line-height: 0;
|
|
border: none;
|
|
border-bottom: 1px solid #878787;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
-o-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow:
|
|
inset 0 -1px 0 rgba(255, 255, 255, 0.3);
|
|
-moz-box-shadow:
|
|
inset 0 -1px 0 rgba(255, 255, 255, 0.3);
|
|
-o-box-shadow:
|
|
inset 0 -1px 0 rgba(255, 255, 255, 0.3);
|
|
box-shadow:
|
|
inset 0 -1px 0 rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
.annotator-filter strong {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #3c3c3c;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
|
|
position: relative;
|
|
top: -9px;
|
|
}
|
|
|
|
|
|
.annotator-filter .annotator-filter-property,
|
|
.annotator-filter .annotator-filter-navigation {
|
|
position: relative;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
line-height: 10px;
|
|
padding: 2px 0;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-property label,
|
|
.annotator-filter .annotator-filter-navigation button {
|
|
text-align: left;
|
|
display: block;
|
|
float: left;
|
|
line-height: 20px;
|
|
-webkit-border-radius: 10px 0 0 10px;
|
|
-moz-border-radius: 10px 0 0 10px;
|
|
-o-border-radius: 10px 0 0 10px;
|
|
border-radius: 10px 0 0 10px;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-property label {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-property input {
|
|
display: block;
|
|
float: right;
|
|
-webkit-appearance: none;
|
|
background-color: #fff;
|
|
border: 1px solid #878787;
|
|
border-left: none;
|
|
padding: 2px 4px;
|
|
line-height: 16px;
|
|
min-height: 16px;
|
|
font-size: 12px;
|
|
width: 150px;
|
|
color: #333;
|
|
background-color: #f8f8f8;
|
|
-webkit-border-radius: 0 10px 10px 0;
|
|
-moz-border-radius: 0 10px 10px 0;
|
|
-o-border-radius: 0 10px 10px 0;
|
|
border-radius: 0 10px 10px 0;
|
|
-webkit-box-shadow:
|
|
inset 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow:
|
|
inset 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
-o-box-shadow:
|
|
inset 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow:
|
|
inset 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-property input:focus {
|
|
outline: none;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-clear {
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 6px;
|
|
border: none;
|
|
text-indent: -900em;
|
|
width: 15px;
|
|
height: 15px;
|
|
background-position: 0 -90px;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-clear:hover,
|
|
.annotator-filter .annotator-filter-clear:focus {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-clear:active {
|
|
opacity: 1;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-navigation button {
|
|
border: 1px solid rgb(162, 162, 162);
|
|
padding: 0;
|
|
text-indent: -900px;
|
|
width: 20px;
|
|
min-height: 22px;
|
|
-webkit-box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
-moz-box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
-o-box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
box-shadow:
|
|
inset 0 0 5px rgba(255, 255, 255, 0.2),
|
|
inset 0 0 1px rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-navigation button,
|
|
.annotator-filter .annotator-filter-navigation button:hover,
|
|
.annotator-filter .annotator-filter-navigation button:focus {
|
|
color: transparent;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-navigation button::after {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px;
|
|
content: "";
|
|
display: block;
|
|
width: 9px;
|
|
height: 9px;
|
|
background-position: 0 -210px;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-navigation button:hover::after {
|
|
background-position: 0 -225px;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-navigation .annotator-filter-next {
|
|
-webkit-border-radius: 0 10px 10px 0;
|
|
-moz-border-radius: 0 10px 10px 0;
|
|
-o-border-radius: 0 10px 10px 0;
|
|
border-radius: 0 10px 10px 0;
|
|
border-left: none;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-navigation .annotator-filter-next::after {
|
|
left: auto;
|
|
right: 7px;
|
|
background-position: 0 -240px;
|
|
}
|
|
|
|
.annotator-filter .annotator-filter-navigation .annotator-filter-next:hover::after {
|
|
background-position: 0 -255px;
|
|
}
|
|
|
|
.annotator-hl-active {
|
|
background: rgba(255, 255, 10, 0.8);
|
|
}
|
|
|
|
.annotator-hl-filtered {
|
|
background-color: transparent;
|
|
}
|
|
|