Author: ygrego Date: 2015-06-17 15:16:21 +0000 (Wed, 17 Jun 2015) New Revision: 1736 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1736 Log: Manage display of channel info after emulator power state ON transition. Modified: oipf/emulator/css/main.css Modified: oipf/emulator/css/main.css =================================================================== --- oipf/emulator/css/main.css 2015-06-17 15:13:24 UTC (rev 1735) +++ oipf/emulator/css/main.css 2015-06-17 15:16:21 UTC (rev 1736) @@ -8,62 +8,10 @@ Author : root */ -* { - box-sizing: border-box; -} - -.row:after { - content: ""; - clear: both; - display: block; -} - -[class*="col-"] { - float: left; +/*[class*="col-"] { padding: 15px; -} +}*/ -.col-1 {width: 8.33%;} -.col-2 {width: 16.66%;} -.col-3 {width: 25%;} -.col-4 {width: 33.33%;} -.col-5 {width: 41.66%;} -.col-6 {width: 50%;} -.col-7 {width: 58.33%;} -.col-8 {width: 66.66%;} -.col-9 {width: 75%; height: 100%} -.col-10 {width: 83.33%;} -.col-11 {width: 91.66%;} -.col-12 {width: 100%;} - -html { - font-family: "Lucida Sans", sans-serif; -} - -.header { - background-color: #9933cc; - color: #ffffff; - padding: 15px; -} - -.menu ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.menu li { - padding: 8px; - margin-bottom: 7px; - background-color: #33b5e5; - color: #ffffff; - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -} - -.menu li:hover { - background-color: #0099cc; -} - #emulator { height: 600px; background-color: activecaption; @@ -73,6 +21,13 @@ background-color: #00b3ee; } +h1 { + font-size: 100px; + color: #555; + -webkit-text-fill-color: white; + -webkit-text-stroke: 3px #555; +} + #volumeView { width: 15%; height: 5%; @@ -89,13 +44,34 @@ left: 2em; } +#panelSwitching { + color: white; + background-color: rgba(0, 0, 0, .4); + position: absolute; + width: 97%; +} + #imgChannel { - background: #777; position: absolute; - right: 50%; - bottom: 50%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } -object { +.border { + border: 1px solid black; +} + +.ready { + width: 100%; + height: 100%; background-color: slategrey; } + +.off { + position: absolute; + width: 100%; + height: 100%; + background-color: black; + z-index: 1; +}