github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/libs/abplayer/css/base.css (about)

     1  .ABP-Unit{
     2    position:relative;
     3    color:#fff;
     4    background:#000;
     5    font-size:16px;
     6    outline:none;
     7  }
     8  .ABP-Unit.ABP-FullScreen{
     9    top:0;
    10    left:0;
    11    right:0;
    12    bottom:0;
    13    width:auto !important;
    14    height:auto !important;
    15    position:fixed;
    16    z-index:9999;
    17  }
    18  .ABP-Unit .ABP-Video{
    19    position:absolute;
    20    overflow:hidden;
    21    top:0;left:0;right:0;bottom:72px;
    22    background:#000;
    23  }
    24  .ABP-Unit .ABP-Video video{
    25    width:100%;
    26    height:100%;
    27  }
    28  
    29  .ABP-Unit .ABP-Video .ABP-Container{
    30    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    31            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    32    position: absolute;
    33    display: block;
    34    overflow: hidden;
    35    margin: 0;
    36    border: 0;
    37    top: 0;
    38    left: 0;
    39    bottom: 0;
    40    right: 0;
    41    touch-callout: none;
    42    -webkit-user-select: none;
    43       -moz-user-select: none;
    44        -ms-user-select: none;
    45            user-select: none;
    46  }
    47  
    48  .ABP-Unit .ABP-Video .ABP-Container .cmt{
    49    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    50            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    51    position: absolute;
    52    padding: 3px 0 0 0;
    53    margin: 0;
    54    color: #fff;
    55    font-family: SimHei, SimSun, Heiti, "MS Mincho", "Meiryo", "Microsoft YaHei", monospace;
    56    font-size: 25px;
    57    text-decoration: none;
    58    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    59    -webkit-text-size-adjust: none;
    60        -ms-text-size-adjust: none;
    61            text-size-adjust: none;
    62    line-height: 100%;
    63    letter-spacing: 0;
    64    word-break: keep-all;
    65    white-space: pre;
    66  }
    67  .ABP-Unit .ABP-Video .ABP-Container .cmt.noshadow{
    68    text-shadow: none;
    69  }
    70  .ABP-Unit .ABP-Video .ABP-Container .cmt.rshadow{
    71    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    72  }
    73  
    74  .ABP-Unit .ABP-Text{
    75    position:absolute;
    76    bottom:40px;left:0;right:0;
    77    height:30px;
    78    padding:0;
    79    border-top:1px solid #33b5e5;
    80    background:#000;
    81    opacity:0.9;
    82  }
    83  .ABP-Unit .ABP-Text .colorsel{
    84    position:absolute;
    85    top:0;left:0;right:0;bottom:0;
    86  }
    87  .ABP-Unit .ABP-Text input[type=text]{
    88    background:transparent;
    89    border:none;
    90    padding:0;margin:0;
    91    position:absolute;
    92    display:block;
    93    top:0;left:0;right:0;bottom:0;
    94    vertical-align: middle;
    95    color:#33b5e5;
    96    outline:none;
    97    font-family: monospace;
    98    height:30px;
    99    min-width:90%;
   100    padding-left:10px;padding-right:10px;
   101    font-size:18px;
   102  }
   103  .ABP-Unit .ABP-Control{
   104    position:absolute;
   105    bottom:0;left:0;right:0;
   106    background:#000;
   107    opacity:0.9;
   108    border-top:1px solid #33b5e5;
   109    height:40px;
   110    -moz-user-select: -moz-none;
   111      -khtml-user-select: none;
   112      -webkit-user-select: none;
   113      -ms-user-select: none;
   114        user-select: none;
   115  }
   116  .ABP-Unit .ABP-Control:hover{
   117    opacity:1;
   118  }
   119  
   120  .ABP-Unit .ABP-Control .button{
   121    position:absolute;
   122    overflow:hidden;
   123    background-color:#000;
   124    width:40px;
   125    top:0;bottom:0;
   126    -webkit-transition: background-color 0.2s ease-in-out;
   127    transition: background-color 0.2s ease-in-out;
   128  }
   129  
   130  .ABP-Unit .ABP-Control .button:hover{
   131    background-color:#6cf;
   132  }
   133  
   134  .ABP-Unit .ABP-Control .ABP-Play{
   135    background-image:url(play.png);
   136    background-size:cover;
   137    left:0;
   138  }
   139  
   140  .ABP-Unit .ABP-Control .ABP-Play.ABP-Pause{
   141    background-image:url(pause.png);
   142  }
   143  
   144  .ABP-Unit .ABP-Control .ABP-FullScreen{
   145    background-image:url(fullscreen.png);
   146    background-size:cover;
   147    right:0;
   148  }
   149  
   150  .ABP-Unit .ABP-Control .ABP-CommentShow{
   151    background-image:url(danmaku.png?);
   152    background-size:cover;
   153    top:0;right:40px;bottom:0;
   154  }
   155  .ABP-Unit .ABP-Control .progress-bar {
   156    position:absolute;
   157    overflow:hidden;
   158    cursor:default;
   159    top:0;right:80px;bottom:0;left:40px;
   160    background:#000;
   161  }
   162  
   163  .ABP-Unit .ABP-Control .progress-bar .bar{
   164    position:absolute;
   165    left:0;top:0;bottom:0;
   166    background:#4399ee;
   167    opacity:0.4;
   168  }
   169  
   170  .ABP-Unit .ABP-Control .progress-bar .bar.dark{
   171    background:#0099cc;
   172    opacity:1;
   173  }
   174  
   175  .ABP-Unit .ABP-Popup{
   176    position:absolute;
   177    background:#000;
   178    border:1px solid #33b5e5;
   179    left:10px;
   180    padding:5px;
   181    bottom:82px;
   182    opacity:0.8;
   183  }
   184  /** Aliases for Chinese named fonts because they don't work on *nix **/
   185  @font-face{
   186    font-family: "\9ED1\4F53";
   187    src:local('SimHei');
   188  }
   189  
   190  @font-face{
   191    font-family: "\5B8B\4F53";
   192    src:local('SimSun');
   193  }
   194  
   195  @font-face{
   196    font-family: "\534E\6587\6977\4F53";
   197    src:local('SimKai');
   198  }
   199  
   200  @font-face{
   201    font-family: "\5E7C\5706";
   202    src:local('YouYuan');
   203  }
   204  
   205  @font-face{
   206    font-family: "\5FAE\8F6F\96C5\9ED1";
   207    src:local('Microsoft YaHei');
   208  }