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

Side by Side Diff: Source/devtools/front_end/screencastView.css

Issue 23537022: Add navigation controls to DevTools screencast view (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 3 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2013 Google Inc. All rights reserved. 2 * Copyright (C) 2013 Google Inc. All rights reserved.
3 * 3 *
4 * Redistribution and use in source and binary forms, with or without 4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are 5 * modification, are permitted provided that the following conditions are
6 * met: 6 * met:
7 * 7 *
8 * * Redistributions of source code must retain the above copyright 8 * * Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer. 9 * notice, this list of conditions and the following disclaimer.
10 * * Redistributions in binary form must reproduce the above 10 * * Redistributions in binary form must reproduce the above
(...skipping 10 matching lines...) Expand all
21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29 */ 29 */
30 30
31 .screencast-navigation {
32 -webkit-flex-direction: row;
33 display: -webkit-flex;
34 }
35
36 /* FIXME: replace unicode symbols with icons */
37 .screencast-navigation button {
38 font-size: 125%;
39 font-weight: 900;
40 }
41
42 .screencast-navigation input {
43 -webkit-flex: 1;
44 border: 1px solid #ccc;
45 border-radius: 2px;
46 padding-left: 5px;
47 }
48
49 .screencast-navigation input:focus {
50 border: 1px solid #888;
51 outline: none;
52 }
53
31 .screencast-viewport { 54 .screencast-viewport {
32 margin: 10px; 55 margin: 10px;
33 border: 20px solid #333; 56 border: 20px solid #333;
34 border-radius: 20px; 57 border-radius: 20px;
35 position: relative; 58 position: relative;
36 } 59 }
37 60
38 .screencast canvas { 61 .screencast canvas {
39 position: absolute; 62 position: absolute;
40 width: 100%; 63 width: 100%;
(...skipping 17 matching lines...) Expand all
58 .screencast-node-id { 81 .screencast-node-id {
59 /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */ 82 /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */
60 color: rgb(26, 26, 166); 83 color: rgb(26, 26, 166);
61 } 84 }
62 85
63 .screencast-class-name { 86 .screencast-class-name {
64 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */ 87 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */
65 color: rgb(153, 69, 0); 88 color: rgb(153, 69, 0);
66 } 89 }
67 90
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698