| 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 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 77 .screencast-navigation button.forward { | 77 .screencast-navigation button.forward { |
| 78 background-position-x: -18px; | 78 background-position-x: -18px; |
| 79 } | 79 } |
| 80 | 80 |
| 81 .screencast-navigation button.reload { | 81 .screencast-navigation button.reload { |
| 82 background-position-x: -37px; | 82 background-position-x: -37px; |
| 83 } | 83 } |
| 84 | 84 |
| 85 .screencast-navigation input { | 85 .screencast-navigation input { |
| 86 -webkit-flex: 1; | 86 -webkit-flex: 1; |
| 87 border: 1px solid #aaa; | 87 margin: 2px; |
| 88 border-radius: 2px; | 88 max-height: 19px; |
| 89 margin: 1px; | |
| 90 padding-left: 5px; | |
| 91 } | |
| 92 | |
| 93 .screencast-navigation input:focus { | |
| 94 border: 1px solid #aaa; | |
| 95 outline: none !important; | |
| 96 } | 89 } |
| 97 | 90 |
| 98 .screencast-navigation .progress { | 91 .screencast-navigation .progress { |
| 99 background-color: rgb(66, 129, 235); | 92 background-color: rgb(66, 129, 235); |
| 100 height: 3px; | 93 height: 3px; |
| 101 left: 0; | 94 left: 0; |
| 102 position: absolute; | 95 position: absolute; |
| 103 top: 100%; /* Align with the bottom edge of the parent. */ | 96 top: 100%; /* Align with the bottom edge of the parent. */ |
| 104 width: 0; | 97 width: 0; |
| 105 z-index: 2; /* Above .screencast-glasspane. */ | 98 z-index: 2; /* Above .screencast-glasspane. */ |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 153 } | 146 } |
| 154 | 147 |
| 155 .screencast-glasspane { | 148 .screencast-glasspane { |
| 156 background-color: rgba(255, 255, 255, 0.8); | 149 background-color: rgba(255, 255, 255, 0.8); |
| 157 font-size: 30px; | 150 font-size: 30px; |
| 158 z-index: 100; | 151 z-index: 100; |
| 159 display: flex; | 152 display: flex; |
| 160 justify-content: center; | 153 justify-content: center; |
| 161 align-items: center; | 154 align-items: center; |
| 162 } | 155 } |
| OLD | NEW |