minor fix

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / reader_player.scss

diff --git a/src/wolnelektury/static/2022/styles/reader_player.scss b/src/wolnelektury/static/2022/styles/reader_player.scss
index 28cc2d0..bf0fb2b 100644 (file)
--- a/src/wolnelektury/static/2022/styles/reader_player.scss
+++ b/src/wolnelektury/static/2022/styles/reader_player.scss
@@ -3,6 +3,11 @@
 @import "components/select";
 
 
 @import "components/select";
 
 

+
+
+
+#player-bar {
+

 // copied from local, move to base
 .jp-state-playing .icon-play {
   &:before {
 // copied from local, move to base
 .jp-state-playing .icon-play {
   &:before {


@@ -18,6 +23,8 @@
 // *
 
 
 // *
 
 

+
+

 .c-media {
   margin: 0 auto;
 }
 .c-media {
   margin: 0 auto;
 }


@@ -106,12 +113,13 @@
   width: 100%;
   align-items: center;
   position: relative;
   width: 100%;
   align-items: center;
   position: relative;

-  background-color: black;
+  color: #083F4D;
+  background-color: #D5ECED;

   padding: 0 34px 0 14px;
 }
 
 .c-player__btn {
   padding: 0 34px 0 14px;
 }
 
 .c-player__btn {

-  background: white;
+  background: #083F4D;

   border: 0;
   outline: 0;
   border-radius: 50%;
   border: 0;
   outline: 0;
   border-radius: 50%;


@@ -196,7 +204,7 @@
     }
 
     .icon {
     }
 
     .icon {

-      color: white;
+      color: #083F4D;

       font-size: 16px;
     }
   }
       font-size: 16px;
     }
   }


@@ -352,7 +360,7 @@
 
   .icon {
     font-size: 21px;
 
   .icon {
     font-size: 21px;

-    color: white;
+    color: #083F4D;

     margin-right: 8px;
     cursor: pointer;
   }
     margin-right: 8px;
     cursor: pointer;
   }


@@ -416,7 +424,7 @@
 
     &.up:after { 
         content: '▲';
 
     &.up:after { 
         content: '▲';

-        color: white;
+        color: #083F4D;

         font-size: .8em;
         position: absolute;
         top: 0px;
         font-size: .8em;
         position: absolute;
         top: 0px;


@@ -426,7 +434,7 @@
     }
     &.down:after { 
         content: '▼';
     }
     &.down:after { 
         content: '▼';

-        color: white;
+        color: #083F4D;

         font-size: .8em;
         position: absolute;
         bottom: 2px;
         font-size: .8em;
         position: absolute;
         bottom: 2px;


@@ -436,6 +444,7 @@
     }
 }
 
     }
 }
 

+}

 
 
 #menu {
 
 
 #menu {


@@ -448,7 +457,7 @@
 
 
 .with-player-bar .playing-highlight {
 
 
 .with-player-bar .playing-highlight {

-    background: #D5ECED;
+    background: #FFE694;

 }
 
 
 }
 
 


@@ -460,9 +469,6 @@
     #player-bar {
         display: block;
     }
     #player-bar {
         display: block;
     }

-    .syncable {
-        cursor: pointer;
-    }

 }
 
 .annoy-banner-on_blackout {
 }
 
 .annoy-banner-on_blackout {