mirror of
https://github.com/AleziaKurdis/overte.git
synced 2025-04-17 23:26:50 +02:00
Merge branch 'M17428-c' into M17428-d
This commit is contained in:
David Rowe
commit
c6d0ad39c0
12 changed files with 148 additions and 60 deletions
Binary file not shown.
5
scripts/system/html/css/img/mt-bubble-a-hover.svg
Normal file
5
scripts/system/html/css/img/mt-bubble-a-hover.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="120" height="90.0417" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
|
||||
<path fill="#1FC6A6" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58173 119,9.00001L 118.896,52.4167C 118.896,53.5391 114.521,46.6667 104.146,44.7917C 94.3098,43.0141 86.4592,47.4783 81.3959,52.5417C 76.1459,57.7917 73.1459,66.5417 75.3959,76.4167C 77.3185,84.8551 83.5157,89.0417 82.3959,89.0417L 9,89C 4.58172,89 1,85.4183 1,81L 1,9.00001C 1,4.58173 4.58172,1 9,1 Z "/>
|
||||
</svg>
|
||||
5
scripts/system/html/css/img/mt-bubble-a-normal.svg
Normal file
5
scripts/system/html/css/img/mt-bubble-a-normal.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="120" height="90.0417" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
|
||||
<path fill="#1FC6A6" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58174 119,9.00002L 118.896,52.4167C 118.896,53.5391 114.521,46.6667 104.146,44.7917C 94.3098,43.0141 86.4592,47.4783 81.3959,52.5417C 76.1459,57.7917 73.1459,66.5417 75.3959,76.4167C 77.3185,84.8551 83.5157,89.0417 82.3959,89.0417L 9,89.0001C 4.58172,89.0001 1,85.4183 1,81L 1,9.00002C 1,4.58174 4.58172,1 9,1 Z "/>
|
||||
</svg>
|
||||
5
scripts/system/html/css/img/mt-bubble-i-hover.svg
Normal file
5
scripts/system/html/css/img/mt-bubble-i-hover.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="120" height="90.0417" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
|
||||
<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58174 119,9.00002L 118.896,52.4167C 118.896,53.539 114.521,46.6666 104.146,44.7916C 94.3098,43.0141 86.4592,47.4783 81.3958,52.5417C 76.1458,57.7917 73.1458,66.5417 75.3958,76.4167C 77.3185,84.8551 83.5156,89.0417 82.3958,89.0417L 9,89C 4.58172,89 1,85.4183 1,81L 1,9.00002C 1,4.58174 4.58172,1 9,1 Z "/>
|
||||
</svg>
|
||||
5
scripts/system/html/css/img/mt-bubble-i-normal.svg
Normal file
5
scripts/system/html/css/img/mt-bubble-i-normal.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="120" height="90.0416" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
|
||||
<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58173 119,9L 118.896,52.4166C 118.896,53.539 114.521,46.6666 104.146,44.7916C 94.3098,43.014 86.4592,47.4783 81.3958,52.5416C 76.1458,57.7916 73.1458,66.5416 75.3958,76.4166C 77.3185,84.8551 83.5156,89.0416 82.3958,89.0416L 9,89C 4.58172,89 1,85.4183 1,81L 1,9C 1,4.58173 4.58172,1 9,1 Z "/>
|
||||
</svg>
|
||||
31
scripts/system/html/css/img/mt-expand-hover.svg
Normal file
31
scripts/system/html/css/img/mt-expand-hover.svg
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="40" height="40" viewBox="0 0 40.00 40.00" enable-background="new 0 0 40.00 40.00" xml:space="preserve">
|
||||
<ellipse fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" cx="20" cy="20" rx="19" ry="19"/>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 21.4135,17.1698L 25.6562,12.9272C 26.0467,12.5367 26.6798,12.5367 27.0704,12.9272L 27.0704,12.9272C 27.4609,13.3177 27.4609,13.9509 27.0704,14.3414L 22.8277,18.584C 22.4372,18.9746 21.8041,18.9746 21.4135,18.584L 21.4135,18.584C 21.023,18.1935 21.023,17.5603 21.4135,17.1698 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8029,11.1947L 24.8431,11.1947L 28.8029,15.1545L 28.8029,11.1947 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 24.242,11.513L 24.242,11.513C 24.6325,11.1225 25.2656,11.1225 25.6562,11.513L 28.4846,14.3414C 28.8751,14.7319 28.8751,15.3651 28.4846,15.7556L 28.4846,15.7556C 28.0941,16.1462 27.4609,16.1462 27.0704,15.7556L 24.242,12.9272C 23.8514,12.5367 23.8514,11.9035 24.242,11.513 Z "/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 18.5816,22.8302L 14.339,27.0728C 13.9485,27.4633 13.3153,27.4633 12.9248,27.0728L 12.9248,27.0728C 12.5342,26.6823 12.5342,26.0491 12.9248,25.6586L 17.1674,21.416C 17.5579,21.0255 18.191,21.0255 18.5816,21.416L 18.5816,21.416C 18.9721,21.8065 18.9721,22.4397 18.5816,22.8302 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1923,28.8053L 15.1521,28.8053L 11.1923,24.8455L 11.1923,28.8053 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 15.7532,28.487L 15.7532,28.487C 15.3626,28.8775 14.7295,28.8775 14.339,28.487L 11.5105,25.6586C 11.12,25.268 11.12,24.6349 11.5105,24.2444L 11.5105,24.2444C 11.901,23.8539 12.5342,23.8539 12.9247,24.2444L 15.7532,27.0728C 16.1437,27.4633 16.1437,28.0965 15.7532,28.487 Z "/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 17.1691,18.5823L 12.9265,14.3397C 12.536,13.9491 12.536,13.316 12.9265,12.9255L 12.9265,12.9255C 13.317,12.5349 13.9502,12.5349 14.3407,12.9254L 18.5834,17.1681C 18.9739,17.5586 18.9739,18.1918 18.5834,18.5823L 18.5834,18.5823C 18.1928,18.9728 17.5597,18.9728 17.1691,18.5823 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1941,11.193L 11.1941,15.1528L 15.1539,11.193L 11.1941,11.193 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.5123,15.7539L 11.5123,15.7539C 11.1218,15.3633 11.1218,14.7302 11.5123,14.3397L 14.3407,11.5112C 14.7313,11.1207 15.3644,11.1207 15.755,11.5112L 15.755,11.5112C 16.1455,11.9017 16.1455,12.5349 15.7549,12.9254L 12.9265,15.7539C 12.536,16.1444 11.9028,16.1444 11.5123,15.7539 Z "/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 22.8295,21.4142L 27.0721,25.6568C 27.4626,26.0473 27.4626,26.6805 27.0721,27.071L 27.0721,27.071C 26.6816,27.4615 26.0484,27.4615 25.6579,27.071L 21.4153,22.8284C 21.0248,22.4379 21.0248,21.8047 21.4153,21.4142L 21.4153,21.4142C 21.8058,21.0237 22.439,21.0237 22.8295,21.4142 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8045,28.8035L 28.8046,24.8437L 24.8448,28.8035L 28.8045,28.8035 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.4863,24.2426L 28.4863,24.2426C 28.8768,24.6331 28.8768,25.2663 28.4863,25.6568L 25.6579,28.4853C 25.2673,28.8758 24.6342,28.8758 24.2437,28.4853L 24.2437,28.4853C 23.8531,28.0948 23.8531,27.4616 24.2437,27.0711L 27.0721,24.2426C 27.4626,23.8521 28.0958,23.8521 28.4863,24.2426 Z "/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
31
scripts/system/html/css/img/mt-expand-normal.svg
Normal file
31
scripts/system/html/css/img/mt-expand-normal.svg
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="40" height="40" viewBox="0 0 40.00 40.00" enable-background="new 0 0 40.00 40.00" xml:space="preserve">
|
||||
<ellipse fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" cx="20" cy="20" rx="19" ry="19"/>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 21.4135,17.1698L 25.6562,12.9272C 26.0467,12.5367 26.6798,12.5367 27.0704,12.9272L 27.0704,12.9272C 27.4609,13.3177 27.4609,13.9509 27.0704,14.3414L 22.8277,18.5841C 22.4372,18.9746 21.8041,18.9746 21.4135,18.5841L 21.4135,18.5841C 21.023,18.1935 21.023,17.5604 21.4135,17.1698 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8029,11.1947L 24.8431,11.1947L 28.8029,15.1545L 28.8029,11.1947 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 24.242,11.513L 24.242,11.513C 24.6325,11.1225 25.2656,11.1225 25.6562,11.513L 28.4846,14.3414C 28.8751,14.732 28.8751,15.3651 28.4846,15.7556L 28.4846,15.7556C 28.0941,16.1462 27.4609,16.1462 27.0704,15.7556L 24.242,12.9272C 23.8514,12.5367 23.8514,11.9035 24.242,11.513 Z "/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 18.5816,22.8302L 14.339,27.0728C 13.9485,27.4634 13.3153,27.4634 12.9248,27.0728L 12.9248,27.0728C 12.5342,26.6823 12.5342,26.0491 12.9248,25.6586L 17.1674,21.416C 17.5579,21.0255 18.191,21.0255 18.5816,21.416L 18.5816,21.416C 18.9721,21.8066 18.9721,22.4397 18.5816,22.8302 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1923,28.8053L 15.1521,28.8053L 11.1923,24.8455L 11.1923,28.8053 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 15.7532,28.487L 15.7532,28.487C 15.3626,28.8775 14.7295,28.8775 14.339,28.487L 11.5105,25.6586C 11.12,25.2681 11.12,24.6349 11.5105,24.2444L 11.5105,24.2444C 11.901,23.8539 12.5342,23.8539 12.9247,24.2444L 15.7532,27.0728C 16.1437,27.4633 16.1437,28.0965 15.7532,28.487 Z "/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 17.1691,18.5823L 12.9265,14.3397C 12.536,13.9492 12.536,13.316 12.9265,12.9255L 12.9265,12.9255C 13.317,12.5349 13.9502,12.5349 14.3407,12.9255L 18.5834,17.1681C 18.9739,17.5586 18.9739,18.1918 18.5834,18.5823L 18.5834,18.5823C 18.1928,18.9728 17.5597,18.9728 17.1691,18.5823 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1941,11.193L 11.1941,15.1528L 15.1539,11.193L 11.1941,11.193 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.5123,15.7539L 11.5123,15.7539C 11.1218,15.3634 11.1218,14.7302 11.5123,14.3397L 14.3407,11.5112C 14.7313,11.1207 15.3644,11.1207 15.755,11.5112L 15.755,11.5112C 16.1455,11.9018 16.1455,12.5349 15.7549,12.9254L 12.9265,15.7539C 12.536,16.1444 11.9028,16.1444 11.5123,15.7539 Z "/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 22.8295,21.4142L 27.0721,25.6568C 27.4626,26.0473 27.4626,26.6805 27.0721,27.071L 27.0721,27.071C 26.6816,27.4615 26.0484,27.4616 25.6579,27.071L 21.4153,22.8284C 21.0248,22.4379 21.0248,21.8048 21.4153,21.4142L 21.4153,21.4142C 21.8058,21.0237 22.439,21.0237 22.8295,21.4142 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8045,28.8035L 28.8046,24.8437L 24.8448,28.8035L 28.8045,28.8035 Z "/>
|
||||
<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.4863,24.2426L 28.4863,24.2426C 28.8768,24.6332 28.8768,25.2663 28.4863,25.6568L 25.6579,28.4853C 25.2673,28.8758 24.6342,28.8758 24.2437,28.4853L 24.2437,28.4853C 23.8531,28.0948 23.8531,27.4616 24.2437,27.0711L 27.0721,24.2426C 27.4626,23.8521 28.0958,23.8521 28.4863,24.2426 Z "/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
5
scripts/system/html/css/img/mt-mute-hover.svg
Normal file
5
scripts/system/html/css/img/mt-mute-hover.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="120" height="90" viewBox="0 0 120.00 90.00" enable-background="new 0 0 120.00 90.00" xml:space="preserve">
|
||||
<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58173 119,8.99998L 119,81C 119,85.4182 115.418,89 111,89L 9,89C 4.58172,89 1,85.4182 1,81L 1,8.99998C 1,4.58173 4.58172,1 9,1 Z "/>
|
||||
</svg>
|
||||
5
scripts/system/html/css/img/mt-mute-normal.svg
Normal file
5
scripts/system/html/css/img/mt-mute-normal.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="120" height="90" viewBox="0 0 120.00 90.00" enable-background="new 0 0 120.00 90.00" xml:space="preserve">
|
||||
<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" d="M 9,0.999985L 111,0.999985C 115.418,0.999985 119,4.58171 119,8.99998L 119,81C 119,85.4183 115.418,89 111,89L 9,89C 4.58173,89 1,85.4183 1,81L 1,8.99998C 1,4.58171 4.58173,0.999985 9,0.999985 Z "/>
|
||||
</svg>
|
||||
|
|
@ -26,78 +26,76 @@ body {
|
|||
section {
|
||||
background-color: #404040;
|
||||
position: relative;
|
||||
padding: 15px;
|
||||
padding: 13px;
|
||||
}
|
||||
|
||||
section .button {
|
||||
.button {
|
||||
width: 100%;
|
||||
height: 88px;
|
||||
background-color: #252525;
|
||||
height: 90px;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
section .button.off {
|
||||
border: 2px solid #6a6a6a;
|
||||
background-color: #303030;
|
||||
}
|
||||
|
||||
section .button.off:hover {
|
||||
border: 2px solid #1fc6a6;
|
||||
}
|
||||
|
||||
section .button.on {
|
||||
border: 2px solid #1fc6a6;
|
||||
background-color: #1fc6a6;
|
||||
}
|
||||
|
||||
section .button.on:hover {
|
||||
border: 2px solid #e3e3e3;
|
||||
}
|
||||
|
||||
section .button:first-child {
|
||||
.button:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 60px;
|
||||
width: 44px;
|
||||
}
|
||||
|
||||
#mute {
|
||||
padding-top: 12px;
|
||||
padding-top: 19px;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#bubble {
|
||||
padding-top: 14px;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
color: #e3e3e3;
|
||||
font-weight: bold;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
footer div {
|
||||
display: inline-block;
|
||||
height: 14px;
|
||||
width: 30px;
|
||||
position: relative;
|
||||
top: 14px;
|
||||
#mute.off {
|
||||
background-image: url("./img/mt-mute-normal.svg");
|
||||
}
|
||||
|
||||
footer div p {
|
||||
position: relative;
|
||||
top: -15px;
|
||||
#mute.off:hover {
|
||||
background-image: url("./img/mt-mute-hover.svg");
|
||||
}
|
||||
|
||||
footer .button:hover {
|
||||
border: 1px solid #e3e3e3;
|
||||
border-radius: 3px;
|
||||
margin: -8px;
|
||||
#bubble {
|
||||
padding-top: 19px;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#bubble.off {
|
||||
background-image: url("./img/mt-bubble-i-normal.svg");
|
||||
}
|
||||
|
||||
#bubble.off:hover {
|
||||
background-image: url("./img/mt-bubble-i-hover.svg");
|
||||
}
|
||||
|
||||
#bubble.on {
|
||||
background-image: url("./img/mt-bubble-a-normal.svg");
|
||||
}
|
||||
|
||||
#bubble.on:hover {
|
||||
background-image: url("./img/mt-bubble-a-hover.svg");
|
||||
}
|
||||
|
||||
#bubble img {
|
||||
position: relative;
|
||||
left: -2px;
|
||||
}
|
||||
|
||||
#expand {
|
||||
position: absolute;
|
||||
right: 14px;
|
||||
bottom: 13px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#expand.off {
|
||||
background-image: url("./img/mt-expand-normal.svg");
|
||||
}
|
||||
|
||||
#expand.off:hover {
|
||||
background-image: url("./img/mt-expand-hover.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,10 +23,8 @@ See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.
|
|||
<div id="bubble" class="button off">
|
||||
<img id="bubble-img" />
|
||||
</div>
|
||||
<div id="expand" class="button off"></div>
|
||||
</section>
|
||||
<footer>
|
||||
<div id="expand" class="button"><p>...</p></div>
|
||||
</footer>
|
||||
<script src="js/miniTablet.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
var // Base overlay
|
||||
proxyOverlay = null,
|
||||
PROXY_MODEL = Script.resolvePath("./assets/models/tinyTablet.fbx"),
|
||||
PROXY_DIMENSIONS = { x: 0.0637, y: 0.0965, z: 0.0046 }, // Proportional to tablet proper.
|
||||
PROXY_DIMENSIONS = { x: 0.0637, y: 0.0965, z: 0.0045 }, // Proportional to tablet proper.
|
||||
PROXY_POSITION_LEFT_HAND = {
|
||||
x: 0,
|
||||
y: 0.1, // Distance from joint.
|
||||
|
|
@ -42,12 +42,12 @@
|
|||
// UI overlay.
|
||||
proxyUIOverlay = null,
|
||||
PROXY_UI_HTML = Script.resolvePath("./html/miniTablet.html"),
|
||||
PROXY_UI_DIMENSIONS = { x: 0.0577, y: 0.0905 },
|
||||
PROXY_UI_DIMENSIONS = { x: 0.059, y: 0.0865 },
|
||||
PROXY_UI_WIDTH_PIXELS = 150,
|
||||
METERS_TO_INCHES = 39.3701,
|
||||
PROXY_UI_DPI = PROXY_UI_WIDTH_PIXELS / (PROXY_UI_DIMENSIONS.x * METERS_TO_INCHES),
|
||||
PROXY_UI_OFFSET = 0.001, // Above model surface.
|
||||
PROXY_UI_LOCAL_POSITION = { x: 0, y: 0, z: -(PROXY_DIMENSIONS.z / 2 + PROXY_UI_OFFSET) },
|
||||
PROXY_UI_LOCAL_POSITION = { x: 0.0002, y: 0.0024, z: -(PROXY_DIMENSIONS.z / 2 + PROXY_UI_OFFSET) },
|
||||
PROXY_UI_LOCAL_ROTATION = Quat.fromVec3Degrees({ x: 0, y: 180, z: 0 }),
|
||||
proxyUIOverlayEnabled = false,
|
||||
PROXY_UI_OVERLAY_ENABLED_DELAY = 500,
|
||||
|
|
|
|||
Loading…
Reference in a new issue