The Tor Browser: mobile/android/themes/core/touchcontrols.css@fc2d59ddac77

     1 /* This Source Code Form is subject to the terms of the Mozilla Public

     2  * License, v. 2.0. If a copy of the MPL was not distributed with this

     3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

     5 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

     7 /* video controls */

     8 .controlsOverlay {

     9   -moz-box-pack: center;

    10   -moz-box-align: end;

    11   padding: 20px;

    12   -moz-box-flex: 1;

    13   -moz-box-orient: horizontal;

    14 }

    16 .controlBar {

    17   -moz-box-flex: 1;

    18   font-size: 16pt;

    19   padding: 10px;

    20   background-color: rgba(50,50,50,0.8);

    21   border-radius: 8px;

    22   width: 100%;

    23 }

    25 .controlsSpacer {

    26   display: none;

    27   -moz-box-flex: 0;

    28 }

    30 .playButton,

    31 .castingButton,

    32 .muteButton {

    33   -moz-appearance: none;

    34   min-height: 42px;

    35   min-width: 42px;

    36   border: none !important;

    37 }

    39 .playButton {

    40   -moz-transform: translateX(21px);

    41   background: url("chrome://browser/skin/images/pause-hdpi.png") no-repeat center;

    42 }

    44 .playButton[paused="true"] {

    45   background: url("chrome://browser/skin/images/play-hdpi.png") no-repeat center;

    46 }

    48 .castingButton {

    49   background: url("chrome://browser/skin/images/cast-ready-hdpi.png") no-repeat center;

    50 }

    52 .castingButton[active="true"] {

    53   background: url("chrome://browser/skin/images/cast-active-hdpi.png") no-repeat center;

    54 }

    56 .muteButton {

    57   background: url("chrome://browser/skin/images/mute-hdpi.png") no-repeat center;

    58 }

    60 .muteButton[muted="true"] {

    61   background: url("chrome://browser/skin/images/unmute-hdpi.png") no-repeat center;

    62 }

    64 /* This button is hidden until bug 704229 is fixed. */

    65 .fullscreenButton {

    66   display: none;

    67 }

    69 /* bars */

    70 .scrubberStack {

    71   width: 100%;

    72   min-height: 32px;

    73   max-height: 32px;

    74   padding: 0px 8px;

    75   margin: 0px;

    76 }

    78 .bufferBar,

    79 .bufferBar .progress-bar,

    80 .progressBar,

    81 .progressBar .progress-bar,

    82 .scrubber,

    83 .scrubber .scale-slider,

    84 .scrubber .scale-thumb {

    85   -moz-appearance: none;

    86   border: none;

    87   padding: 0px;

    88   margin: 0px;

    89   background-color: transparent;

    90 }

    92 .bufferBar {

    93   border: 1px solid #5e6166;

    94 }

    96 .bufferBar,

    97 .progressBar {

    98   margin: 11px 0px 9px 0px;

    99   height: 8px

   100 }

   102 .bufferBar .progress-bar {

   103   background-color: #5e6166;

   104 }

   106 .progressBar .progress-bar {

   107   background-color: white;

   108 }

   110 .scrubber {

   111   margin-left: -16px;

   112   margin-right: -16px;

   113 }

   115 .scrubber .scale-thumb {

   116   display: -moz-box;

   117   margin: 0px !important;

   118   padding: 0px !important;

   119   background: url("chrome://browser/skin/images/scrubber-hdpi.png") no-repeat;

   120   background-size: 32px 32px;

   121   height: 32px;

   122   width: 32px;

   123 }

   125 .durationBox {

   126   -moz-box-orient: horizontal;

   127   -moz-box-pack: start;

   128   -moz-box-align: center;

   129   color: white;

   130   font-weight: bold;

   131   padding: 0px 8px;

   132   margin-top: -6px;

   133 }

   135 .positionLabel {

   136   -moz-box-flex: 1;

   137 }

   139 .statusOverlay {

   140   -moz-box-align: center;

   141   -moz-box-pack: center;

   142   background-color: rgb(50,50,50);

   143 }

   145 .statusIcon {

   146   margin-bottom: 28px;

   147   width: 36px;

   148   height: 36px;

   149 }

   151 .statusIcon[type="throbber"] {

   152   background: url(chrome://global/skin/media/throbber.png) no-repeat center;

   153 }

   155 .statusIcon[type="error"] {

   156   background: url(chrome://global/skin/media/error.png) no-repeat center;

   157 }

   159 /* CSS Transitions */

   160 .controlBar:not([immediate]) {

   161   transition-property: opacity;

   162   transition-duration: 200ms;

   163 }

   165 .controlBar[fadeout] {

   166   opacity: 0;

   167 }

   169 .statusOverlay:not([immediate]) {

   170   transition-property: opacity;

   171   transition-duration: 300ms;

   172   transition-delay: 750ms;

   173 }

   175 .statusOverlay[fadeout] {

   176   opacity: 0;

   177 }

   179 .volumeStack,

   180 .controlBar[firstshow="true"] .muteButton,

   181 .controlBar[firstshow="true"] .scrubberStack,

   182 .controlBar[firstshow="true"] .durationBox,

   183 .timeLabel {

   184   display: none;

   185 }

   187 .controlBar[firstshow="true"] .playButton {

   188   -moz-transform: none;

   189 }

   191 /* Error description formatting */

   192 .errorLabel {

   193   font-family: Helvetica, Arial, sans-serif;

   194   font-size: 11px;

   195   color: #bbb;

   196   text-shadow:

   197     -1px -1px 0 #000,

   198     1px -1px 0 #000,

   199     -1px 1px 0 #000,

   200     1px 1px 0 #000;

   201   padding: 0 10px;

   202   text-align: center;

   203 }

The Tor Browser / file revision