diff --git a/README.md b/README.md index aa1cbb5..f7bed35 100644 --- a/README.md +++ b/README.md @@ -100,7 +100,6 @@ FP.Hooks.register("beforeChapterDisplay").example = function(callback, chapter){ if(callback) callback(); - } ``` diff --git a/annotator.html b/annotator.html index 8fb4de1..bf304a8 100755 --- a/annotator.html +++ b/annotator.html @@ -55,7 +55,7 @@ - + diff --git a/css/main.css b/css/main.css index 4e1debe..d731fde 100755 --- a/css/main.css +++ b/css/main.css @@ -55,8 +55,10 @@ body { #area { width: 80%; height: 80%; - margin: 0 auto; + margin-left: 10%; max-width: 1250px; + z-index: 2; + position: absolute; } #area iframe { @@ -175,7 +177,7 @@ input:-moz-placeholder { width: 1px; border-right: 1px #000 solid; height: 80%; - z-index: 10; + z-index: 1; left: 50%; top: 10%; opacity: .15; @@ -294,9 +296,11 @@ input:-moz-placeholder { #settingsPanel .large { font-size:large; } #settingsPanel .xlarge { font-size:x-large; } + @media only screen and (max-width: 1040px) { #area{ width: 50%; + margin-left: 25%; } #divider, @@ -308,6 +312,7 @@ input:-moz-placeholder { @media only screen and (max-width: 900px) { #area{ width: 60%; + margin-left: 20%; } #prev { @@ -322,6 +327,7 @@ input:-moz-placeholder { @media only screen and (max-width: 550px) { #area{ width: 80%; + margin-left: 10%; } #prev { @@ -371,3 +377,5 @@ input:-moz-placeholder { } } + + diff --git a/css/popup.css b/css/popup.css new file mode 100644 index 0000000..c41aac7 --- /dev/null +++ b/css/popup.css @@ -0,0 +1,96 @@ +/* http://davidwalsh.name/css-tooltips */ +/* base CSS element */ +.popup { + background: #eee; + border: 1px solid #ccc; + padding: 10px; + border-radius: 8px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + position: fixed; + max-width: 300px; + font-size: 12px; + + display: none; + margin-left: 2px; + + margin-top: 30px; +} + +.popup.above { + margin-top: -10px; +} + +.popup.left { + margin-left: -20px; +} + +.popup.right { + margin-left: 40px; +} + +.pop_content { + max-height: 225px; + overflow-y: auto; +} + +.pop_content > p { + margin-top: 0; +} + +/* below */ +.popup:before { + position: absolute; + display: inline-block; + border-bottom: 10px solid #eee; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + left: 50%; + top: -10px; + margin-left: -6px; + content: ''; +} + +.popup:after { + position: absolute; + display: inline-block; + border-bottom: 9px solid #eee; + border-right: 9px solid transparent; + border-left: 9px solid transparent; + left: 50%; + top: -9px; + margin-left: -5px; + content: ''; +} + +/* above */ +.popup.above:before { + border-bottom: none; + border-top: 10px solid #eee; + border-top-color: rgba(0, 0, 0, 0.2); + top: 100%; +} + +.popup.above:after { + border-bottom: none; + border-top: 9px solid #eee; + top: 100%; +} + +.popup.left:before, +.popup.left:after +{ + left: 20px; +} + +.popup.right:before, +.popup.right:after +{ + left: auto; + right: 20px; +} + + +.popup.show, .popup.on { + display: block; +} \ No newline at end of file diff --git a/dev.html b/dev.html index 5007e0e..cb072b5 100755 --- a/dev.html +++ b/dev.html @@ -47,6 +47,8 @@ + + @@ -77,10 +79,11 @@ – +