add site

2023-04-28 12:22:26 +08:00
parent 88e0a25ecd
commit c9723008af
1047 changed files with 443540 additions and 1 deletions
--- a/Site/css/playbar.css
+++ b/Site/css/playbar.css
@@ -0,0 +1,128 @@
+@charset "utf-8";
+/* CSS Document */
+.BarControl {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    display: inline-block;
+}
+
+.BarBeginTime {
+    min-width: 40px;
+    max-width: 48px;
+    height: 20px;
+    color: #fff;
+    font-size: 12px;
+    line-height: 20px;
+    margin-right: 3px;
+}
+
+.TheBar {
+    position: relative;
+    width: calc(100% - 140px);
+    margin-left: 2px;
+    height: 4px;
+    border-radius: 2px;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    background: #EBE8E8;
+    overflow: visible;
+}
+
+.TheColorBar {
+    width: 0px;
+    border-radius: 0px;
+    -webkit-border-radius: 0px;
+    -moz-border-radius: 0px;
+    height: 100%;
+    background: #3498DB;
+    float: left;
+    z-index: 10;
+    position: absolute;
+}
+
+.TheWhiteBar {
+    width: 100%;
+    border-radius: 0px;
+    -webkit-border-radius: 0px;
+    -moz-border-radius: 0px;
+    height: 100%;
+    background: #FFFFFF;
+    float: left;
+    position: absolute;
+}
+
+.TimeBall {
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    background: #3498DB;
+    position: absolute;
+    left: 0px;
+    top: -3px;
+    z-index: 2;
+    cursor: pointer;
+}
+
+.BarTimeBall {
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    background: #3498DB;
+    position: absolute;
+    left: 0px;
+    top: -3px;
+    z-index: 2;
+    cursor: pointer;
+}
+
+.BarFinishTime {
+    min-width: 40px;
+    max-width: 48px;
+    height: 20px;
+    color: #fff;
+    font-size: 12px;
+    line-height: 20px;
+    margin-left: 3px;
+}
+
+.BarBeginTime, .BarFinishTime, .TheBar {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+#btnPlay, #btnPlayEnd {
+    line-height: 25px;
+    font-family: 'CalciteWebCoreIcons', 'Fontawesome';
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer;
+    margin-left:5px;
+}
+
+.BarPause:before {
+    font-family: 'CalciteWebCoreIcons', 'Fontawesome';
+    content: '\f04c'; /*pause*/
+    font-weight: 600;
+    font-size: 15px;
+}
+
+
+.BarPlay:before {
+    font-family: 'CalciteWebCoreIcons', 'Fontawesome';
+    content: '\f04b'; /*play*/
+    font-weight: 600;
+    font-size: 15px;
+}
+
+.BarPlayEnd:before {
+    font-family: 'CalciteWebCoreIcons', 'Fontawesome';
+    content: '\f051'; /*play end*/
+    font-weight: 600;
+    font-size: 18px;
+}