Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(275)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: lib/src/prism/plugins/previewer-base/prism-previewer-base.css

Issue 1418513006: update elements and fix some bugs (Closed) Base URL: git@github.com:dart-lang/polymer_elements.git@master
Patch Set: code review updates Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « lib/src/prism/plugins/line-numbers/prism-line-numbers.min.js ('k') | lib/src/prism/plugins/previewer-base/prism-previewer-base.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: lib/src/prism/plugins/previewer-base/prism-previewer-base.css
diff --git a/lib/src/prism/plugins/previewer-base/prism-previewer-base.css b/lib/src/prism/plugins/previewer-base/prism-previewer-base.css
new file mode 100644
index 0000000000000000000000000000000000000000..35e0a63edeaf32d55a3ae7601caff215214dd678
--- /dev/null
+++ b/lib/src/prism/plugins/previewer-base/prism-previewer-base.css
@@ -0,0 +1,76 @@
+.prism-previewer,
+.prism-previewer:before,
+.prism-previewer:after {
+ position: absolute;
+ pointer-events: none;
+}
+.prism-previewer,
+.prism-previewer:after {
+ left: 50%;
+}
+.prism-previewer {
+ margin-top: -48px;
+ width: 32px;
+ height: 32px;
+ margin-left: -16px;
+
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
+ filter: alpha(opacity=0);
+ -khtml-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition: opacity .25s;
+ -moz-transition: opacity .25s;
+ -o-transition: opacity .25s;
+ transition: opacity .25s;
+}
+.prism-previewer.flipped {
+ margin-top: 0;
+ margin-bottom: -48px;
+}
+.prism-previewer:before,
+.prism-previewer:after {
+ content: '';
+ position: absolute;
+ pointer-events: none;
+}
+.prism-previewer:before {
+ top: -5px;
+ right: -5px;
+ left: -5px;
+ bottom: -5px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ border: 5px solid #fff;
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
+ -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
+ -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
+}
+
+.prism-previewer:after {
+ top: 100%;
+ width: 0;
+ height: 0;
+ margin: 5px 0 0 -7px;
+ border: 7px solid transparent;
+ border-color: rgba(255, 0, 0, 0);
+ border-top-color: #fff;
+}
+.prism-previewer.flipped:after {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 5px;
+ border-top-color: rgba(255, 0, 0, 0);
+ border-bottom-color: #fff;
+}
+.prism-previewer.active {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
+ filter: alpha(opacity=1);
+ -khtml-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
« no previous file with comments | « lib/src/prism/plugins/line-numbers/prism-line-numbers.min.js ('k') | lib/src/prism/plugins/previewer-base/prism-previewer-base.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698