| OLD | NEW |
| 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 Loading... |
| 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 Loading... |
| 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 |
| OLD | NEW |