梁美英 / programming · Commits

Commit b6be95d9334bb42fc3caf3b230753abab5adceaa

Authored by ykxie
1 parent 5f6e3b99

fix single style

Inline Side-by-side
Showing 7 changed files with 386 additions and 130 deletions
src/css/recording.css
  View file @b6be95d
... ... @@ -349,13 +349,10 @@ button {
349 349 margin: 2px 8px;
350 350 border-radius: 50%; }
351 351  
352   -#previewpanel #resultiframe {
353   - padding-bottom: 24px; }
354   -
355   -#previewpanel .nav-tabs {
  352 +.recording-page #previewpanel .nav-tabs {
356 353 margin: 16px 8px; }
357 354  
358   -#previewpanel .nav-tabs > li > a {
  355 +.recording-page #previewpanel .nav-tabs > li > a {
359 356 margin-right: 0;
360 357 line-height: 1.428571429;
361 358 border: none !important;
... ... @@ -364,29 +361,31 @@ button {
364 361 padding: 0;
365 362 border-radius: 21px; }
366 363  
367   -#previewpanel .nav-tabs > li.active > a {
  364 +.recording-page #previewpanel .nav-tabs > li.active > a {
368 365 background: #fff !important;
369 366 color: #1FB6FF;
370 367 border: 1px solid #1FB6FF !important; }
371 368  
372   -#previewpanel .nav-tabs > li > a:hover {
  369 +.recording-page #previewpanel .nav-tabs > li > a:hover {
373 370 background: #FFF !important;
374 371 color: #1FB6FF; }
375 372  
376   -#previewpanel .panel {
  373 +.recording-page #previewpanel .panel {
377 374 margin-bottom: 0;
378 375 background-color: #fff;
379 376 border: none;
380 377 border-radius: 0; }
381 378  
  379 +#previewpanel #resultiframe {
  380 + padding-bottom: 24px; }
  381 +
382 382 #previewpanel #replay {
383 383 color: #1FB6FF; }
384 384  
385 385 #previewpanel #cmprun-tabs {
386   - background: -webkit-linear-gradient(left, #1FB6FF, #62DDF5);
387   - background: -moz-linear-gradient(left, #1FB6FF, #62DDF5);
388 386 border-radius: 32px;
389   - padding: 2px 1px; }
  387 + padding: 2px 1px;
  388 + border: none; }
390 389 #previewpanel #cmprun-tabs li {
391 390 width: 25%;
392 391 text-align: center; }
... ... @@ -614,14 +613,6 @@ button {
614 613 padding: 4px 10px 0 10px;
615 614 box-shadow: 0px 2px 10px #333; }
616 615  
617   -#full-screen, #back-screen {
618   - background: transparent;
619   - color: #FFF;
620   - border: transparent;
621   - position: absolute;
622   - right: 0;
623   - margin: 7px 16px; }
624   -
625 616 .audio-wrap {
626 617 position: relative; }
627 618 .audio-wrap .audio-disable {
... ...
src/gxb-ide/Dir.js
  View file @b6be95d
... ... @@ -646,7 +646,7 @@
646 646 source: "https://gxb-file.oss-cn-beijing.aliyuncs.com" + audioUrl,
647 647 imagePath: '../js/audioPlayer/image',
648 648 debuggers: false,
649   - // allowSeek: false,
  649 + allowSeek: false,
650 650 playCallback: function() { // 播放
651 651 console.log('++++++++');
652 652 CodingEditer.playCoding();
... ...
src/js/audioPlayer/theme.default.css
  View file @b6be95d
... ... @@ -16,7 +16,7 @@
16 16 font-size: 15px;
17 17 display: -webkit-flex;
18 18 display: flex;
19   - width: 90%;
  19 + width: 100%;
20 20 }
21 21  
22 22 #componentWrapper .controls_toggle {
... ...
src/js/gbreplayer.js
  View file @b6be95d
... ... @@ -1208,7 +1208,7 @@ $(function(){
1208 1208 }else{
1209 1209 $("#recordpanel").height($(window).height() - $recordpanel.top - 16 - 34);
1210 1210 $("#resultpanel").height($(window).height() - $resultpanel.top - 16 - 34);
1211   - $(".CodeMirror").height($(window).height() - $recordpanel.top - 16 - 34);
  1211 + $(".CodeMirror").height($(window).height() - $recordpanel.top - 288);
1212 1212 }
1213 1213 $('#resultoutput').find('.tab-content').height($(window).height() - $resultoutput.top - 164).css({'overflow-y': "scroll"})
1214 1214  
... ... @@ -1304,8 +1304,9 @@ $(function(){
1304 1304 Hourglass.stopTimer();
1305 1305 }
1306 1306 GBCodePlayBack.triggertotal = 0;
1307   -
1308   - $('.play-code').show();
  1307 + if (_role == 1) {
  1308 + $('.play-code').show();
  1309 + }
1309 1310 $('.play-pause-code').hide();
1310 1311 }
1311 1312 }
... ...
src/player-fuben.html 0 → 100644
  View file @b6be95d
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta name="renderer" content="webkit">
  6 + <title>互动编程</title>
  7 + <link rel="stylesheet" href="css/responsive/css/bootstrap.min.css">
  8 + <link href="css/validationEngine.jquery.css" rel="stylesheet">
  9 + <link href="css/codemirror.css" rel="stylesheet">
  10 + <link href="css/cm-theme/gbtags.css" rel="stylesheet">
  11 + <link href="css/cm-theme/gbtags-dark.css" rel="stylesheet">
  12 + <link href="css/font/iconfont.css" rel="stylesheet">
  13 + <link href="css/font_all/iconfont.css" rel="stylesheet">
  14 + <link href="css/layout.css" rel="stylesheet">
  15 + <!-- <link href="css/main.css" rel="stylesheet"> -->
  16 + <link href="css/recording.css" rel="stylesheet">
  17 + <link rel="stylesheet" href="js/audioPlayer/theme.default.css">
  18 +
  19 + <script>
  20 + var gxb_api = "https://restful.gaoxiaobang.com";
  21 + // var gxb_api = "https://restful.gaoxiaobang.com"
  22 + </script>
  23 +
  24 + <script src="js/jquery-1.7.1.js"></script>
  25 + <script src="js/bootstrap.js"></script>
  26 +
  27 + <script src="js/util/util.js"></script>
  28 +
  29 + <script src="js/spin.js"></script>
  30 + <script src="js/ladda.js"></script>
  31 + <!-- <script src="js/bootstrapslider.js"></script> -->
  32 + <script src="js/jquery-ui-1.8.20.custom.js"></script>
  33 + <script src="js/codemirror.js"></script>
  34 + <!-- <script src="js/handlebars-1.3.js"></script> -->
  35 + <script src="js/emmet.js"></script>
  36 + <script src="js/jshint-2.6.min.js"></script>
  37 + <script src="js/jstorage.js"></script>
  38 +
  39 +
  40 +
  41 + <script src="js/05-util.js"></script>
  42 + <script src="js/03-http.js"></script>
  43 + <script src="js/jquery.iframe-transport.js"></script>
  44 + <script src="js/jquery.ui.widget.js"></script>
  45 + <script src="js/jquery.fileupload.js"></script>
  46 +
  47 + <script src="js/jquery.validationEngine.js"></script>
  48 + <script src="js/jquery.validationEngine-zh.js"></script>
  49 + <script src="js/jquery.isotope.js"></script>
  50 +
  51 + <script src="js/gbreplayer.js"></script>
  52 + <script src="js/recording/recording.js"></script>
  53 + <script src="js/player1.js"></script>
  54 +
  55 +</head>
  56 +<body>
  57 + <div id="player">
  58 + <div class="real-program-content player">
  59 + <div class="row">
  60 + <div class="col-md-8 col-sm-8 col-xs-8" id="editorpanel">
  61 + <div class="">
  62 + <button type="button" class="btn btn-success" data-readonly="1" data-target="#saveModal" id="readonly" title="" style="display: none;"></button>
  63 + </div>
  64 + <div class="recording-wrap">
  65 + <div class="recording-header">
  66 + <ul class="nav nav-tabs pull-left" id="recordertab">
  67 + <li style="margin-left: 34px;">
  68 + <a href="#replayzone" data-toggle="tab"></a>
  69 + </li>
  70 + </ul>
  71 + <div id="editorwrapper">
  72 + <button type="button" class="lang btn btn-default btn-primary pull-right" id="htmlbutton" title="" data-editorname="html">HTML/CSS/JS</button>
  73 + </div>
  74 + </div>
  75 + </div>
  76 + <div id="recordpanel" class="panel panel-default">
  77 + <!-- 编辑播放代码区域 -->
  78 + <input type="hidden" class="audio-url" value="value">
  79 + <div class="tab-content" style="position:relative;">
  80 + <div class="tab-pane active" id="replayzone">
  81 + <textarea id="HTMLplayer" style="display: none;"></textarea>
  82 + <textarea id="CSSplayer" style="display: none;"></textarea>
  83 + <textarea id="JSplayer" style="display: none;"></textarea>
  84 + </div>
  85 + </div>
  86 + </div>
  87 + </div>
  88 + <div class="col-md-4 col-sm-4 col-xs-4" id="previewpanel">
  89 + <div id="resultpanel" class="panel panel-default">
  90 + <div class="panel-heading">
  91 + <div class="btn-group">
  92 + <p id="replay">预览录制</p>
  93 +
  94 + </div>
  95 + <div class="btn-group pull-right" id="comprunbtngrp"></div>
  96 + <div class="clearfix"></div>
  97 +
  98 + </div>
  99 + <div class="panel-body hidden" id="cmprun-output">
  100 + <div id="resultoutput" style="overflow:auto;">
  101 + <!-- Nav tabs -->
  102 + <ul class="nav nav-tabs" role="tablist" id="cmprun-tabs">
  103 + <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text-warning">标准</a></li>
  104 + <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text-warning">编译</a></li>
  105 + <li><a href="#stderr" role="tab" data-toggle="tab" class="text-danger">错误</a></li>
  106 + <li><a href="#output" role="tab" data-toggle="tab" class="text-success">结果</a></li>
  107 + </ul>
  108 + <!-- Tab panes -->
  109 + <div class="tab-content">
  110 + <div class="tab-pane active padall15" id="stdin">
  111 + <input type="text" class="form-control" id="input" placeholder="标准输入">
  112 + </div>
  113 + <div class="tab-pane padall15" id="cmpinfo"></div>
  114 + <div class="tab-pane padall15" id="stderr"></div>
  115 + <div class="tab-pane padall15" id="output"></div>
  116 + </div>
  117 + </div>
  118 + </div>
  119 + <div class="panel-body" id="ifrcontainer">
  120 + <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>
  121 + </div>
  122 + </div>
  123 + </div>
  124 + </div>
  125 + </div>
  126 +
  127 + <div class="" id="audioWrap">
  128 + <button class="play-code" style="display: none;">
  129 + <i class="icon iconfont icon-play"></i>
  130 + </button>
  131 + <button class="play-pause-code" style="display: none;">
  132 + <i class="icon iconfont icon-playcopy"></i>
  133 + </button>
  134 + <button id="full-screen">
  135 + <i class="icon iconfont icon-fangda"></i>
  136 + </button>
  137 + <button id="back-screen" style="display: none;">
  138 + <i class="icon iconfont icon-fangda"></i>
  139 + </button>
  140 + </div>
  141 + <button id="play" class="hidden" data-status='0' title="暂停">
  142 + <i class="icon iconfont icon-playcopy"></i>
  143 + </button>
  144 + </div>
  145 +
  146 +
  147 +<script type="text/javascript" src="js/audioPlayer/jQuery.AudioPlayer.js"></script>
  148 +<script src="js/gbdebug/mode/xml/xml.js"></script>
  149 +<script src="js/gbdebug/mode/javascript/javascript.js"></script>
  150 +<script src="js/gbdebug/mode/css/css.js"></script>
  151 +<script src="js/gbdebug/mode/htmlmixed/htmlmixed.js"></script>
  152 +<script src="js/gbdebug/mode/clike/clike.js"></script>
  153 +<script src="js/gbdebug/mode/php/php.js"></script>
  154 +<script src="js/gbdebug/mode/python/python.js"></script>
  155 +
  156 +</body>
  157 +</html>
  158 +
... ...
src/player.html
  View file @b6be95d
... ... @@ -2,7 +2,8 @@
2 2 <html lang="en">
3 3 <head>
4 4 <meta charset="UTF-8">
5   - <meta name="renderer" content="webkit">
  5 + <meta name="renderer" content="webkit">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
6 7 <title>互动编程</title>
7 8 <link rel="stylesheet" href="css/responsive/css/bootstrap.min.css">
8 9 <link href="css/validationEngine.jquery.css" rel="stylesheet">
... ... @@ -51,74 +52,192 @@
51 52 <script src="js/gbreplayer.js"></script>
52 53 <script src="js/recording/recording.js"></script>
53 54 <script src="js/player1.js"></script>
54   -
  55 +
  56 +<style>
  57 + .play-editor{
  58 + width: 100%;
  59 + height: 100%;
  60 + background-color: #FFF;
  61 + position: absolute;
  62 + }
  63 + .recording-wrap{
  64 + display: none;
  65 + }
  66 + #previewpanel{
  67 + position: absolute;
  68 + bottom: 48px;
  69 + width: 100%;
  70 + height: 240px;
  71 + overflow: hidden;
  72 + z-index: 99;
  73 + }
  74 + .play-editor #resultpanel{
  75 + height: 100%;
  76 + }
  77 + #recordpanel{
  78 + overflow: hidden;
  79 + width: 100%;
  80 + }
  81 + .editor-wrap{
  82 + position: absolute;
  83 + width: 100%;
  84 + height: 100%;
  85 + }
  86 + .toolbar{
  87 + width: 100%;
  88 + height: 40px;
  89 + overflow: hidden;
  90 + background-color: #F4F6F9;
  91 + padding: 0 36px;
  92 + }
  93 + #previewpanel .nav-tabs{
  94 + margin: 0;
  95 + }
  96 + #cmprun-tabs{
  97 + float: left;
  98 + border-radius: 30px;
  99 + overflow: hidden;
  100 + margin: 3px 10px !important;
  101 + color: #fff;
  102 + }
  103 + #previewpanel .nav-tabs > li > a {
  104 + margin-right: 0;
  105 + padding: 0;
  106 + border-radius: 21px;
  107 + padding: 4px 21px;
  108 + margin: 1px;
  109 + border-radius: 15px;
  110 + font-size: 14px;
  111 + border: none !important;
  112 + }
  113 + .toolbar .result-tabs > li.active > a,
  114 + .toolbar .result-tabs > li.active > a:hover,
  115 + .toolbar .result-tabs > li > a:hover,
  116 + .toolbar .result-tabs > li.active > a:focus{
  117 + color: #FFF;
  118 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  119 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  120 + -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  121 + transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  122 + box-shadow: 0px 0px 2px 0px #B3E5FF;
  123 + border: none;
  124 + }
  125 + .text{
  126 + color: #1FB6FF;
  127 + }
  128 + .comprun {
  129 + background: #FFF;
  130 + border: 1px solid #3ad5f5;
  131 + color: #1FB6FF;
  132 + border-radius: 24px;
  133 + }
  134 + .toolbar .btn {
  135 + padding: 3px 18px;
  136 + }
  137 + .toolbar #comprunbtngrp{
  138 + margin-right: 64px;
  139 + padding-top: 6px;
  140 + }
  141 + .full img{
  142 + width: 32px;
  143 + }
  144 + .full #full-screen, .full #back-screen{
  145 + background: transparent;
  146 + color: #FFF;
  147 + border: transparent;
  148 + position: absolute;
  149 + right: 0;
  150 + margin: 4px 52px;
  151 + }
  152 + #stdin .effect-2 {
  153 + border: 0;
  154 + padding: 12px 0 1px;
  155 + border-bottom: 1px solid #ccc;
  156 + }
  157 + #stdin .effect-2 ~ .focus-border {
  158 + position: absolute;
  159 + bottom: 0;
  160 + left: 50%;
  161 + width: 0;
  162 + height: 2px;
  163 + background-color: #62DCF5;
  164 + transition: 1s;
  165 + }
  166 +</style>
55 167 </head>
56 168 <body>
57 169 <div id="player">
58   - <div class="real-program-content player">
59   - <div class="row">
60   - <div class="col-md-8 col-sm-8 col-xs-8" id="editorpanel">
61   - <div class="">
62   - <button type="button" class="btn btn-success" data-readonly="1" data-target="#saveModal" id="readonly" title="" style="display: none;"></button>
63   - </div>
64   - <div class="recording-wrap">
65   - <div class="recording-header">
66   - <ul class="nav nav-tabs pull-left" id="recordertab">
67   - <li style="margin-left: 34px;">
68   - <a href="#replayzone" data-toggle="tab"></a>
69   - </li>
70   - </ul>
71   - <div id="editorwrapper">
72   - <button type="button" class="lang btn btn-default btn-primary pull-right" id="htmlbutton" title="" data-editorname="html">HTML/CSS/JS</button>
73   - </div>
74   - </div>
  170 + <div class="play-editor">
  171 + <div class="">
  172 + <button type="button" class="btn btn-success" data-readonly="1" data-target="#saveModal" id="readonly" title="" style="display: none;"></button>
  173 + </div>
  174 + <div class="recording-wrap">
  175 + <div class="recording-header">
  176 + <ul class="nav nav-tabs pull-left" id="recordertab">
  177 + <li style="margin-left: 34px;">
  178 + <a href="#replayzone" data-toggle="tab"></a>
  179 + </li>
  180 + </ul>
  181 + <div id="editorwrapper">
  182 + <button type="button" class="lang btn btn-default btn-primary pull-right" id="htmlbutton" title="" data-editorname="html">HTML/CSS/JS</button>
75 183 </div>
76   - <div id="recordpanel" class="panel panel-default">
77   - <!-- 编辑播放代码区域 -->
78   - <input type="hidden" class="audio-url" value="value">
79   - <div class="tab-content" style="position:relative;">
80   - <div class="tab-pane active" id="replayzone">
81   - <textarea id="HTMLplayer" style="display: none;"></textarea>
82   - <textarea id="CSSplayer" style="display: none;"></textarea>
83   - <textarea id="JSplayer" style="display: none;"></textarea>
84   - </div>
  184 + </div>
  185 + </div>
  186 +
  187 + <div class="editor-wrap">
  188 + <div id="recordpanel" class="panel panel-default">
  189 + <!-- 编辑播放代码区域 -->
  190 + <input type="hidden" class="audio-url" value="value">
  191 + <div class="tab-content" style="position:relative;">
  192 + <div class="tab-pane active" id="replayzone">
  193 + <textarea id="HTMLplayer" style="display: none;"></textarea>
  194 + <textarea id="CSSplayer" style="display: none;"></textarea>
  195 + <textarea id="JSplayer" style="display: none;"></textarea>
85 196 </div>
86 197 </div>
87 198 </div>
88   - <div class="col-md-4 col-sm-4 col-xs-4" id="previewpanel">
89   - <div id="resultpanel" class="panel panel-default">
90   - <div class="panel-heading">
91   - <div class="btn-group">
92   - <p id="replay">预览录制</p>
93   -
94   - </div>
95   - <div class="btn-group pull-right" id="comprunbtngrp"></div>
96   - <div class="clearfix"></div>
  199 + </div>
97 200  
  201 + <div class="" id="previewpanel">
  202 + <div id="resultpanel" class="panel panel-default">
  203 + <div class="panel-heading toolbar">
  204 + <!-- <div class="btn-group">
  205 + <p id="replay">预览录制</p>
  206 + </div> -->
  207 + <ul class="nav nav-tabs result-tabs" role="tablist" id="cmprun-tabs">
  208 + <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text">标准</a></li>
  209 + <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text">编译</a></li>
  210 + <li><a href="#stderr" role="tab" data-toggle="tab" class="text">错误</a></li>
  211 + <li><a href="#output" role="tab" data-toggle="tab" class="text">结果</a></li>
  212 + </ul>
  213 + <div class="btn-group pull-right" id="comprunbtngrp"></div>
  214 + <div class="full">
  215 + <a id="full-screen" class="fb">
  216 + <img src="img/full-screen-icon.svg" alt="">
  217 + </a>
  218 + <a id="back-screen" class="fb" style="display: none;">
  219 + <img src="img/full-screen-icon.svg" alt="">
  220 + </a>
98 221 </div>
99   - <div class="panel-body hidden" id="cmprun-output">
100   - <div id="resultoutput" style="overflow:auto;">
101   - <!-- Nav tabs -->
102   - <ul class="nav nav-tabs" role="tablist" id="cmprun-tabs">
103   - <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text-warning">标准</a></li>
104   - <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text-warning">编译</a></li>
105   - <li><a href="#stderr" role="tab" data-toggle="tab" class="text-danger">错误</a></li>
106   - <li><a href="#output" role="tab" data-toggle="tab" class="text-success">结果</a></li>
107   - </ul>
108   - <!-- Tab panes -->
109   - <div class="tab-content">
110   - <div class="tab-pane active padall15" id="stdin">
111   - <input type="text" class="form-control" id="input" placeholder="标准输入">
112   - </div>
113   - <div class="tab-pane padall15" id="cmpinfo"></div>
114   - <div class="tab-pane padall15" id="stderr"></div>
115   - <div class="tab-pane padall15" id="output"></div>
  222 + <div class="clearfix"></div>
  223 + </div>
  224 +
  225 + <div class="panel-body hidden" id="cmprun-output">
  226 + <div id="resultoutput" style="overflow:auto;">
  227 + <!-- Tab panes -->
  228 + <div class="tab-content">
  229 + <div class="tab-pane active padall15" id="stdin">
  230 + <input type="text" class="effect-2" id="input" placeholder="标准输入">
  231 + <span class="focus-border"></span>
116 232 </div>
  233 + <div class="tab-pane padall15" id="cmpinfo"></div>
  234 + <div class="tab-pane padall15" id="stderr"></div>
  235 + <div class="tab-pane padall15" id="output"></div>
117 236 </div>
118 237 </div>
119   - <div class="panel-body" id="ifrcontainer">
120   - <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>
121   - </div>
  238 + </div>
  239 + <div class="panel-body" id="ifrcontainer">
  240 + <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>
122 241 </div>
123 242 </div>
124 243 </div>
... ... @@ -131,12 +250,6 @@
131 250 <button class="play-pause-code" style="display: none;">
132 251 <i class="icon iconfont icon-playcopy"></i>
133 252 </button>
134   - <button id="full-screen">
135   - <i class="icon iconfont icon-fangda"></i>
136   - </button>
137   - <button id="back-screen" style="display: none;">
138   - <i class="icon iconfont icon-fangda"></i>
139   - </button>
140 253 </div>
141 254 <button id="play" class="hidden" data-status='0' title="暂停">
142 255 <i class="icon iconfont icon-playcopy"></i>
... ...
src/scss/recording.scss
  View file @b6be95d
... ... @@ -405,46 +405,51 @@ button{
405 405  
406 406 }
407 407  
  408 +.recording-page{
  409 + #previewpanel{
  410 + .nav-tabs{
  411 + margin: 16px 8px;
  412 + }
  413 + .nav-tabs>li>a {
  414 + margin-right: 0;
  415 + line-height: 1.428571429;
  416 + border: none !important;
  417 + height: 34px;
  418 + line-height: 34px;
  419 + padding: 0;
  420 + border-radius: 21px;
  421 + }
  422 + .nav-tabs>li.active>a{
  423 + background: #fff !important;
  424 + color: #1FB6FF;
  425 + border: 1px solid #1FB6FF !important;
  426 + }
  427 + .nav-tabs>li>a:hover{
  428 + background: #FFF !important;
  429 + color: #1FB6FF;
  430 + }
  431 + .panel{
  432 + margin-bottom: 0;
  433 + background-color: #fff;
  434 + border: none;
  435 + border-radius: 0;
  436 + }
  437 + }
  438 +}
  439 +
408 440 #previewpanel{
409 441 #resultiframe{
410 442 padding-bottom: 24px;
411   - }
412   -
413   - .nav-tabs{
414   - margin: 16px 8px;
415   - }
416   - .nav-tabs>li>a {
417   - margin-right: 0;
418   - line-height: 1.428571429;
419   - border: none !important;
420   - height: 34px;
421   - line-height: 34px;
422   - padding: 0;
423   - border-radius: 21px;
424   - }
425   - .nav-tabs>li.active>a{
426   - background: #fff !important;
427   - color: #1FB6FF;
428   - border: 1px solid #1FB6FF !important;
429   - }
430   - .nav-tabs>li>a:hover{
431   - background: #FFF !important;
432   - color: #1FB6FF;
433   - }
434   - .panel{
435   - margin-bottom: 0;
436   - background-color: #fff;
437   - border: none;
438   - border-radius: 0;
439   - }
  443 + }
440 444 #replay{
441 445 color: #1FB6FF;
442 446 }
443 447 #cmprun-tabs{
444   - background: -webkit-linear-gradient(left, #1FB6FF, #62DDF5);
445   - background: -moz-linear-gradient(left, #1FB6FF, #62DDF5);
  448 + // background: -webkit-linear-gradient(left, #1FB6FF, #62DDF5);
  449 + // background: -moz-linear-gradient(left, #1FB6FF, #62DDF5);
446 450 border-radius: 32px;
447 451 padding: 2px 1px;
  452 + border: none;
448 453  
449 454 li{
450 455 width: 25%;
... ... @@ -738,18 +743,6 @@ button{
738 743 box-shadow: 0px 2px 10px #333;
739 744 }
740 745  
741   -
742   -#full-screen, #back-screen{
743   - background: transparent;
744   - color: #FFF;
745   - border: transparent;
746   - position: absolute;
747   - right: 0;
748   - margin: 7px 16px;
749   -}
750   -
751   -
752   -
753 746 // Player
754 747 .audio-wrap{
755 748 position: relative;
... ...