From f8d1746fc9617053d85f6f4509b21ca95ac370ec Mon Sep 17 00:00:00 2001 From: Charles Connell Date: Tue, 18 Feb 2014 18:04:03 -0500 Subject: [PATCH] Remove PDFView #317 --- karmaworld/apps/notes/views.py | 38 - karmaworld/assets/vendor/css/viewer.css | 1457 - karmaworld/assets/vendor/img/loading-icon.gif | Bin 2545 -> 0 bytes karmaworld/assets/vendor/img/shadow.png | Bin 454 -> 0 bytes karmaworld/assets/vendor/img/texture.png | Bin 2459 -> 0 bytes .../vendor/img/toolbarButton-bookmark.png | Bin 244 -> 0 bytes .../vendor/img/toolbarButton-download.png | Bin 512 -> 0 bytes .../vendor/img/toolbarButton-menuArrows.png | Bin 237 -> 0 bytes .../vendor/img/toolbarButton-openFile.png | Bin 417 -> 0 bytes .../vendor/img/toolbarButton-pageDown.png | Bin 353 -> 0 bytes .../vendor/img/toolbarButton-pageUp.png | Bin 344 -> 0 bytes .../img/toolbarButton-presentationMode.png | Bin 491 -> 0 bytes .../assets/vendor/img/toolbarButton-print.png | Bin 474 -> 0 bytes .../vendor/img/toolbarButton-search.png | Bin 503 -> 0 bytes .../img/toolbarButton-sidebarToggle.png | Bin 349 -> 0 bytes .../vendor/img/toolbarButton-viewOutline.png | Bin 300 -> 0 bytes .../img/toolbarButton-viewThumbnail.png | Bin 211 -> 0 bytes .../vendor/img/toolbarButton-zoomIn.png | Bin 228 -> 0 bytes .../vendor/img/toolbarButton-zoomOut.png | Bin 143 -> 0 bytes karmaworld/assets/vendor/js/pdf.js | 41280 ---------------- karmaworld/assets/vendor/js/viewer.js | 3841 -- karmaworld/templates/notes/note_detail.html | 17 - karmaworld/urls.py | 4 - 23 files changed, 46637 deletions(-) delete mode 100644 karmaworld/assets/vendor/css/viewer.css delete mode 100644 karmaworld/assets/vendor/img/loading-icon.gif delete mode 100644 karmaworld/assets/vendor/img/shadow.png delete mode 100644 karmaworld/assets/vendor/img/texture.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-bookmark.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-download.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-menuArrows.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-openFile.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-pageDown.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-pageUp.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-presentationMode.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-print.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-search.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-sidebarToggle.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-viewOutline.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-viewThumbnail.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-zoomIn.png delete mode 100644 karmaworld/assets/vendor/img/toolbarButton-zoomOut.png delete mode 100644 karmaworld/assets/vendor/js/pdf.js delete mode 100644 karmaworld/assets/vendor/js/viewer.js diff --git a/karmaworld/apps/notes/views.py b/karmaworld/apps/notes/views.py index 30633c4..f8ab670 100644 --- a/karmaworld/apps/notes/views.py +++ b/karmaworld/apps/notes/views.py @@ -34,18 +34,6 @@ PDF_MIMETYPES = ( 'application/vnd.openxmlformats-officedocument.presentationml.presentation' ) - -def is_pdf(self): - if self.object.file_type == 'pdf': - return True - return False - - -def is_ppt(self): - if self.object.file_type == 'ppt': - return True - return False - THANKS_FIELD = 'thanks' USER_PROFILE_THANKS_FIELD = 'thanked_notes' FLAG_FIELD = 'flags' @@ -61,12 +49,6 @@ class NoteDetailView(DetailView): """ Generate custom context for the page rendering a Note + if pdf, set the `pdf` flag """ - # not current using these - #kwargs['hostname'] = Site.objects.get_current() - - kwargs['pdf'] = is_pdf(self) - kwargs['ppt'] = is_ppt(self) - if self.object.mimetype in PDF_MIMETYPES: kwargs['pdf_controls'] = True @@ -154,26 +136,6 @@ class RawNoteDetailView(DetailView): model = Note -class PDFView(DetailView): - """ Render PDF files in an iframe based on ID""" - template_name = u'partial/pdfembed.html' - model = Note - - def get_context_data(self, **kwargs): - """ Generate a path to the pdf file associated with this note - by generating a path to the MEDIA_URL by hand """ - - if is_ppt(self): - kwargs['pdf_path'] = "{0}{1}".format(settings.MEDIA_URL, - os.path.basename(self.object.pdf_file.name)) - elif is_pdf(self): - kwargs['pdf_path'] = self.object.get_fp_url() - #kwargs['pdf_path'] = "{0}{1}".format(settings.MEDIA_URL, - # os.path.basename(self.object.note_file.name)) - - return super(PDFView, self).get_context_data(**kwargs) - - class NoteSearchView(ListView): template_name = 'notes/search_results.html' diff --git a/karmaworld/assets/vendor/css/viewer.css b/karmaworld/assets/vendor/css/viewer.css deleted file mode 100644 index 1d5c280..0000000 --- a/karmaworld/assets/vendor/css/viewer.css +++ /dev/null @@ -1,1457 +0,0 @@ -/* Copyright 2012 Mozilla Foundation - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - - -* { - padding: 0; - margin: 0; -} - -html { - height: 100%; -} - -body { - height: 100%; - background-color: #404040; - background-image: url(../img/texture.png); -} - -body, -input, -button, -select { - font: message-box; -} - -.hidden { - display: none; -} -[hidden] { - display: none !important; -} - -#viewerContainer:-webkit-full-screen { - top: 0px; - border-top: 2px solid transparent; - background-color: #404040; - background-image: url(../img/texture.png); - width: 100%; - height: 100%; - overflow: hidden; - cursor: none; -} - -#viewerContainer:-moz-full-screen { - top: 0px; - border-top: 2px solid transparent; - background-color: #404040; - background-image: url(../img/texture.png); - width: 100%; - height: 100%; - overflow: hidden; - cursor: none; -} - -#viewerContainer:fullscreen { - top: 0px; - border-top: 2px solid transparent; - background-color: #404040; - background-image: url(../img/texture.png); - width: 100%; - height: 100%; - overflow: hidden; - cursor: none; -} - - -:-webkit-full-screen .page { - margin-bottom: 100%; -} - -:-moz-full-screen .page { - margin-bottom: 100%; -} - -:fullscreen .page { - margin-bottom: 100%; -} - -:-webkit-full-screen a:not(.internalLink) { - display: none; -} - -:-moz-full-screen a:not(.internalLink) { - display: none; -} - -:fullscreen a:not(.internalLink) { - display: none; -} - -#viewerContainer.presentationControls { - cursor: default; -} - -/* outer/inner center provides horizontal center */ -.outerCenter { - float: right; - position: relative; - right: 50%; -} -html[dir='rtl'] .outerCenter { - float: left; - position: relative; - left: 50%; -} -.innerCenter { - float: right; - position: relative; - right: -50%; -} -html[dir='rtl'] .innerCenter { - float: left; - position: relative; - left: -50%; -} - -#outerContainer { - width: 100%; - height: 100%; -} - -#sidebarContainer { - position: absolute; - top: 0; - bottom: 0; - width: 200px; - visibility: hidden; - -webkit-transition-duration: 200ms; - -webkit-transition-timing-function: ease; - -moz-transition-duration: 200ms; - -moz-transition-timing-function: ease; - -ms-transition-duration: 200ms; - -ms-transition-timing-function: ease; - -o-transition-duration: 200ms; - -o-transition-timing-function: ease; - transition-duration: 200ms; - transition-timing-function: ease; - -} -#sidebarContainer { - -webkit-transition-property: left; - -moz-transition-property: left; - -ms-transition-property: left; - -o-transition-property: left; - transition-property: left; - left: -200px; -} -html[dir='rtl'] #sidebarContainer { - -webkit-transition-property: right; - -ms-transition-property: right; - -o-transition-property: right; - transition-property: right; - right: -200px; -} - -#outerContainer.sidebarMoving > #sidebarContainer, -#outerContainer.sidebarOpen > #sidebarContainer { - visibility: visible; -} -#outerContainer.sidebarOpen > #sidebarContainer { - left: 0px; -} -html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer { - right: 0px; -} - -#mainContainer { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - min-width: 320px; - -webkit-transition-duration: 200ms; - -webkit-transition-timing-function: ease; - -moz-transition-duration: 200ms; - -moz-transition-timing-function: ease; - -ms-transition-duration: 200ms; - -ms-transition-timing-function: ease; - -o-transition-duration: 200ms; - -o-transition-timing-function: ease; - transition-duration: 200ms; - transition-timing-function: ease; -} -#outerContainer.sidebarOpen > #mainContainer { - -webkit-transition-property: left; - -moz-transition-property: left; - -ms-transition-property: left; - -o-transition-property: left; - transition-property: left; - left: 200px; -} -html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer { - -webkit-transition-property: right; - -moz-transition-property: right; - -ms-transition-property: right; - -o-transition-property: right; - transition-property: right; - right: 200px; -} - -#sidebarContent { - top: 32px; - bottom: 0; - overflow: auto; - position: absolute; - width: 200px; - - background-color: hsla(0,0%,0%,.1); - box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25); -} -#sidebarContent { - left: 0; -} -html[dir='rtl'] #sidebarContent { - right: 0; -} - -#viewerContainer { - overflow: auto; - box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05); - position: absolute; - top: 32px; - right: 0; - bottom: 0; - left: 0; -} -.loadingInProgress #viewerContainer { - top: 39px; -} - -.toolbar { - position: relative; - left: 0; - right: 0; - z-index: 9999; - cursor: default; -} - -#toolbarContainer { - width: 100%; -} - -#toolbarSidebar { - width: 200px; - height: 32px; - background-color: #424242; /* fallback */ - background-image: url(../img/texture.png), - linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); - box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), - - inset 0 -1px 0 hsla(0,0%,100%,.05), - 0 1px 0 hsla(0,0%,0%,.15), - 0 0 1px hsla(0,0%,0%,.1); -} - -#toolbarContainer, .findbar { - position: relative; - height: 32px; - background-color: #474747; /* fallback */ - background-image: url(../img/texture.png), - linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); - box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08), - inset 0 1px 1px hsla(0,0%,0%,.15), - inset 0 -1px 0 hsla(0,0%,100%,.05), - 0 1px 0 hsla(0,0%,0%,.15), - 0 1px 1px hsla(0,0%,0%,.1); -} - -#toolbarViewer { - height: 32px; -} - -#loadingBar { - position: relative; - width: 100%; - height: 6px; - background-color: #333; - border-bottom: 1px solid #333; -} - -#loadingBar .progress { - position: absolute; - top: 0; - left: 0; - width: 0%; - height: 100%; - background-color: #ddd; - overflow: hidden; - -moz-transition: width 200ms; - -ms-transition: width 200ms; - -webkit-transition: width 200ms; - transition: width 200ms; -} - -@-moz-keyframes progressIndeterminate { - 0% { left: 0%; } - 50% { left: 100%; } - 100% { left: 100%; } -} - -@-ms-keyframes progressIndeterminate { - 0% { left: 0%; } - 50% { left: 100%; } - 100% { left: 100%; } -} - -@-webkit-keyframes progressIndeterminate { - 0% { left: 0%; } - 50% { left: 100%; } - 100% { left: 100%; } -} - -@keyframes progressIndeterminate { - 0% { left: 0%; } - 50% { left: 100%; } - 100% { left: 100%; } -} - -#loadingBar .progress.indeterminate { - background-color: #999; - -moz-transition: none; - -ms-transition: none; - -webkit-transition: none; - transition: none; -} - -#loadingBar .indeterminate .glimmer { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 50px; - - background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%); - background-size: 100% 100% no-repeat; - - -moz-animation: progressIndeterminate 2s linear infinite; - -ms-animation: progressIndeterminate 2s linear infinite; - -webkit-animation: progressIndeterminate 2s linear infinite; - animation: progressIndeterminate 2s linear infinite; -} - -.findbar { - top: 32px; - position: absolute; - z-index: 10000; - height: 32px; - - min-width: 16px; - padding: 0px 6px 0px 6px; - margin: 4px 2px 4px 2px; - color: hsl(0,0%,85%); - font-size: 12px; - line-height: 14px; - text-align: left; - cursor: default; -} - -.findbar { - left: 68px; -} - -html[dir='rtl'] .findbar { - right: 68px; -} - -.findbar label { - -webkit-user-select: none; - -moz-user-select: none; -} - -#findInput[data-status="pending"] { - background-image: url(../img/loading-small.png); - background-repeat: no-repeat; - background-position: right; -} - -.doorHanger { - border: 1px solid hsla(0,0%,0%,.5); - border-radius: 2px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -} -.doorHanger:after, .doorHanger:before { - bottom: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} -.doorHanger:after { - border-bottom-color: hsla(0,0%,32%,.99); - border-width: 8px; -} -.doorHanger:before { - border-bottom-color: hsla(0,0%,0%,.5); - border-width: 9px; -} - -.doorHanger:after { - left: 13px; - margin-left: -8px; -} - -.doorHanger:before { - left: 13px; - margin-left: -9px; -} - -html[dir='rtl'] .doorHanger:after { - right: 13px; - margin-right: -8px; -} - -html[dir='rtl'] .doorHanger:before { - right: 13px; - margin-right: -9px; -} - -#findMsg { - font-style: italic; - color: #A6B7D0; -} - -.notFound { - background-color: rgb(255, 137, 153); -} - -/* FIXME: if we ever want to do rtl support, fix this section */ -#toolbarViewerLeft { - margin-left: -1px; -} -html[dir='rtl'] #toolbarViewerRight { - margin-left: -1px; -} - - -#toolbarViewerLeft, -html[dir='rtl'] #toolbarViewerRight { - position: absolute; - top: 0; - left: 0; -} -#toolbarViewerRight, -html[dir='rtl'] #toolbarViewerLeft { - position: absolute; - top: 0; - right: 0; -} -#toolbarViewerLeft > *, -#toolbarViewerMiddle > *, -#toolbarViewerRight > *, -.findbar > * { - position: relative; - float: left; -} - -html[dir='rtl'] #toolbarViewerLeft > *, -html[dir='rtl'] #toolbarViewerMiddle > *, -html[dir='rtl'] #toolbarViewerRight > *, -html[dir='rtl'] .findbar > * { - position: relative; - float: right; -} - -.splitToolbarButton { - margin: 3px 2px 4px 0; - display: inline-block; -} -html[dir='rtl'] .splitToolbarButton { - margin: 3px 0 4px 2px; - display: inline-block; -} -.splitToolbarButton > .toolbarButton { - border-radius: 0; - float: left; -} -html[dir='rtl'] .splitToolbarButton > .toolbarButton { - border-radius: 0; - float: right; -} - -.toolbarButton { - border: 0 none; - background-color: rgba(0, 0, 0, 0); - width: 32px; - height: 25px; -} - -.toolbarButton > span { - display: inline-block; - width: 0; - height: 0; - overflow: hidden; -} - -.toolbarButton[disabled] { - opacity: .5; -} - -.toolbarButton.group { - margin-right: 0; -} - -.splitToolbarButton.toggled .toolbarButton { - margin: 0; -} - -.splitToolbarButton:hover > .toolbarButton, -.splitToolbarButton:focus > .toolbarButton, -.splitToolbarButton.toggled > .toolbarButton, -.toolbarButton.textButton { - background-color: hsla(0,0%,0%,.12); - background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); - background-clip: padding-box; - border: 1px solid hsla(0,0%,0%,.35); - border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); - box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, - 0 0 1px hsla(0,0%,100%,.15) inset, - 0 1px 0 hsla(0,0%,100%,.05); - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 150ms; - -webkit-transition-timing-function: ease; - -moz-transition-property: background-color, border-color, box-shadow; - -moz-transition-duration: 150ms; - -moz-transition-timing-function: ease; - -ms-transition-property: background-color, border-color, box-shadow; - -ms-transition-duration: 150ms; - -ms-transition-timing-function: ease; - -o-transition-property: background-color, border-color, box-shadow; - -o-transition-duration: 150ms; - -o-transition-timing-function: ease; - transition-property: background-color, border-color, box-shadow; - transition-duration: 150ms; - transition-timing-function: ease; - -} -.splitToolbarButton > .toolbarButton:hover, -.splitToolbarButton > .toolbarButton:focus, -.dropdownToolbarButton:hover, -.toolbarButton.textButton:hover, -.toolbarButton.textButton:focus { - background-color: hsla(0,0%,0%,.2); - box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, - 0 0 1px hsla(0,0%,100%,.15) inset, - 0 0 1px hsla(0,0%,0%,.05); - z-index: 199; -} -.splitToolbarButton > .toolbarButton:first-child, -html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child { - position: relative; - margin: 0; - margin-right: -1px; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - border-right-color: transparent; -} -.splitToolbarButton > .toolbarButton:last-child, -html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child { - position: relative; - margin: 0; - margin-left: -1px; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-left-color: transparent; -} -.splitToolbarButtonSeparator { - padding: 8px 0; - width: 1px; - background-color: hsla(0,0%,00%,.5); - z-index: 99; - box-shadow: 0 0 0 1px hsla(0,0%,100%,.08); - display: inline-block; - margin: 5px 0; -} -.splitToolbarButtonSeparator { - float: left; -} -html[dir='rtl'] .splitToolbarButtonSeparator { - float: right; -} -.splitToolbarButton:hover > .splitToolbarButtonSeparator, -.splitToolbarButton.toggled > .splitToolbarButtonSeparator { - padding: 12px 0; - margin: 1px 0; - box-shadow: 0 0 0 1px hsla(0,0%,100%,.03); - -webkit-transition-property: padding; - -webkit-transition-duration: 10ms; - -webkit-transition-timing-function: ease; - -moz-transition-property: padding; - -moz-transition-duration: 10ms; - -moz-transition-timing-function: ease; - -ms-transition-property: padding; - -ms-transition-duration: 10ms; - -ms-transition-timing-function: ease; - -o-transition-property: padding; - -o-transition-duration: 10ms; - -o-transition-timing-function: ease; - transition-property: padding; - transition-duration: 10ms; - transition-timing-function: ease; -} - -.toolbarButton, -.dropdownToolbarButton { - min-width: 16px; - padding: 2px 6px 0; - border: 1px solid transparent; - border-radius: 2px; - color: hsl(0,0%,95%); - font-size: 12px; - line-height: 14px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - /* Opera does not support user-select, use <... unselectable="on"> instead */ - cursor: default; - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 150ms; - -webkit-transition-timing-function: ease; - -moz-transition-property: background-color, border-color, box-shadow; - -moz-transition-duration: 150ms; - -moz-transition-timing-function: ease; - -ms-transition-property: background-color, border-color, box-shadow; - -ms-transition-duration: 150ms; - -ms-transition-timing-function: ease; - -o-transition-property: background-color, border-color, box-shadow; - -o-transition-duration: 150ms; - -o-transition-timing-function: ease; - transition-property: background-color, border-color, box-shadow; - transition-duration: 150ms; - transition-timing-function: ease; -} - -.toolbarButton, -.dropdownToolbarButton { - margin: 3px 2px 4px 0; -} -html[dir='rtl'] .toolbarButton, -html[dir='rtl'] .dropdownToolbarButton { - margin: 3px 0 4px 2px; -} - -.toolbarButton:hover, -.toolbarButton:focus, -.dropdownToolbarButton { - background-color: hsla(0,0%,0%,.12); - background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); - background-clip: padding-box; - border: 1px solid hsla(0,0%,0%,.35); - border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); - box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, - 0 0 1px hsla(0,0%,100%,.15) inset, - 0 1px 0 hsla(0,0%,100%,.05); -} - -.toolbarButton:hover:active, -.dropdownToolbarButton:hover:active { - background-color: hsla(0,0%,0%,.2); - background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); - border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45); - box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, - 0 0 1px hsla(0,0%,0%,.2) inset, - 0 1px 0 hsla(0,0%,100%,.05); - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 10ms; - -webkit-transition-timing-function: linear; - -moz-transition-property: background-color, border-color, box-shadow; - -moz-transition-duration: 10ms; - -moz-transition-timing-function: linear; - -ms-transition-property: background-color, border-color, box-shadow; - -ms-transition-duration: 10ms; - -ms-transition-timing-function: linear; - -o-transition-property: background-color, border-color, box-shadow; - -o-transition-duration: 10ms; - -o-transition-timing-function: linear; - transition-property: background-color, border-color, box-shadow; - transition-duration: 10ms; - transition-timing-function: linear; -} - -.toolbarButton.toggled, -.splitToolbarButton.toggled > .toolbarButton.toggled { - background-color: hsla(0,0%,0%,.3); - background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); - border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5); - box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, - 0 0 1px hsla(0,0%,0%,.2) inset, - 0 1px 0 hsla(0,0%,100%,.05); - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 10ms; - -webkit-transition-timing-function: linear; - -moz-transition-property: background-color, border-color, box-shadow; - -moz-transition-duration: 10ms; - -moz-transition-timing-function: linear; - -ms-transition-property: background-color, border-color, box-shadow; - -ms-transition-duration: 10ms; - -ms-transition-timing-function: linear; - -o-transition-property: background-color, border-color, box-shadow; - -o-transition-duration: 10ms; - -o-transition-timing-function: linear; - transition-property: background-color, border-color, box-shadow; - transition-duration: 10ms; - transition-timing-function: linear; -} - -.toolbarButton.toggled:hover:active, -.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active { - background-color: hsla(0,0%,0%,.4); - border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55); - box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset, - 0 0 1px hsla(0,0%,0%,.3) inset, - 0 1px 0 hsla(0,0%,100%,.05); -} - -.dropdownToolbarButton { - width: 120px; - max-width: 120px; - padding: 3px 2px 2px; - overflow: hidden; - background: url(../img/toolbarButton-menuArrows.png) no-repeat; -} -.dropdownToolbarButton { - background-position: 95%; -} -html[dir='rtl'] .dropdownToolbarButton { - background-position: 5%; -} - -.dropdownToolbarButton > select { - -webkit-appearance: none; - -moz-appearance: none; /* in the future this might matter, see bugzilla bug #649849 */ - min-width: 140px; - font-size: 12px; - color: hsl(0,0%,95%); - margin: 0; - padding: 0; - border: none; - background: rgba(0,0,0,0); /* Opera does not support 'transparent'