From e4aa5fcf89eee805fa20772002a94497bebc1581 Mon Sep 17 00:00:00 2001 From: Angeliki Date: Tue, 14 May 2019 17:48:25 +0200 Subject: [PATCH] edit player --- index.php | 2 +- project/player.html | 50 ++++++++++++++++++----------------- project/styles/stylesheet.css | 28 +++++++++++++++++--- 3 files changed, 51 insertions(+), 29 deletions(-) diff --git a/index.php b/index.php index 3d2bd40..527bb97 100644 --- a/index.php +++ b/index.php @@ -45,7 +45,7 @@
Listen to the latest podcast: -
+
00:00:10,560 A woman speaks in Indonesian
diff --git a/project/player.html b/project/player.html index 74db14a..1c17e70 100644 --- a/project/player.html +++ b/project/player.html @@ -5,6 +5,7 @@ +

@@ -39,12 +40,12 @@

- warming up @Leeszaal + warming up @Leeszaal
- singing vowels @Leeszaal -
+ singing vowels @Leeszaal +
@@ -55,17 +56,17 @@
- describing/annotating + describing/annotating
- discussing about voice in public @Fine Arts + discussing about voice in public @Fine Arts
- transcribing vowels @Leeszaal + transcribing vowels @Leeszaal
- singing vowels @Fine Arts -
+ singing vowels @Fine Arts +
@@ -76,31 +77,31 @@
- city sounds + city sounds
- describing/annotating + describing/annotating
- singing vowels (high) @Fine Arts + singing vowels (high) @Fine Arts
- describing/annotating + describing/annotating
- discussing about voice in public @Leeszaal + discussing about voice in public @Leeszaal
- warming up @Fine Arts + warming up @Fine Arts
- transcribing vowels @Fine Arts + transcribing vowels @Fine Arts
- reading extracts @Fine Arts + reading extracts @Fine Arts
@@ -111,8 +112,8 @@
- -
+ +
selection of recordings while wandering around Leeszaal
@@ -120,7 +121,7 @@
-
+

Lidia

@@ -139,7 +140,7 @@
-
+

Eugenie

@@ -162,7 +163,7 @@
-
+

Alex

@@ -194,7 +195,7 @@ Oh, I hear children in the background crying
-
+
selection of recordings while wandering around Leeszaal
@@ -203,7 +204,7 @@ Oh, I hear children in the background crying
-
+

Tommi

@@ -231,7 +232,7 @@ Oh, I hear children in the background crying
-
+

Alex

@@ -467,6 +468,7 @@ var dialogueTimings3 = [1,10,13,20,27,31,53,58,135], ; + diff --git a/project/styles/stylesheet.css b/project/styles/stylesheet.css index d1678b4..464a50b 100644 --- a/project/styles/stylesheet.css +++ b/project/styles/stylesheet.css @@ -1,4 +1,4 @@ -body {font-family: "Old Standard TT"; font-size: 20px; line-height: 1.4; letter-spacing: 1px;} +body {font-family: "Old Standard TT"; font-size: 20px; line-height: 2.5; letter-spacing: 1px;} section {margin-bottom: 50px;margin-top: 20px;} a {font-weight: bold; text-decoration: none; } h2 { @@ -263,10 +263,26 @@ cursor: pointer; .tooltip-wrap { position: relative; } -.tooltip-wrap .tooltip-content { +.tooltip-wrap .tooltip-content-down { display: none; position: absolute; - /*top: 20%;*/ + z-index:1; + top: 100%; + /*bottom: 100%;*/ + left: 2%; + /*right: 100%;*/ + padding: .5em; + background-color: rgba(255, 255, 255, 0.9) ; + border:1px; + border-style:solid; + border-color:black; + +} +.tooltip-wrap .tooltip-content-up { + display: none; + position: absolute; + z-index:1; + /*top: 100%;*/ bottom: 100%; left: 2%; /*right: 100%;*/ @@ -277,9 +293,13 @@ cursor: pointer; border-color:black; } -.tooltip-wrap:hover .tooltip-content { +.tooltip-wrap:hover .tooltip-content-down { display: block; } +.tooltip-wrap:hover .tooltip-content-up { + display: block; +} + /*transcript wrapper,text following audio style*/