#qscript-list-area { width: 25%; height: 100%; } #qscript-story-area { width: 75%; height: 100%; } @media screen and (orientation: portrait) { #qscript-list-area { width: 35%; } #qscript-story-area { width: 65%; } } #qscript-list-area { background-color: green; } #runorder-popout { width: 30%; } .qscript-slug-list { font-size: 16px; color: white; } .qscript-slug-list.hold { background-color: blue; } .qscript-slug-list.selected { background-color: magenta; } table.qscript-slug-list { width: 100%; margin: 0; } tr.qscript-slug-list { background-color: #00c000; } td.qscript-slug-list { padding: 6px; } .qscript-last-check { padding: 6px; } .qscript-state-good { background-color: green; } .qscript-state-error { background-color: red; } .qscript-title-good { color: #00c000; } .qscript-title-error { color: #ff0000; } .qscript-story-area { background-color: #ffffc0; color: black; } #qscript-story-title { background-color: navy; color: yellow; margin: 0; padding: 4px 10px; } .qscript-not-captioned { color: navy; background-color: cyan; } .qscript-not-prompted { color: white; background-color: orange; } .qscript-story-body { font-size: 20px; } table.qscript-story-body { border-collapse: collapse; table-layout: fixed; width: 100%; } tr.qscript-story-body { border: none; } tr.qscript-story-body:last-child { border-bottom: 3px solid navy; } td.qscript-story-body { border-left: 3px solid navy; width: 50%; padding: 0 4px; vertical-align: top; } td.qscript-story-body:first-child { border-left: none; } .qscript-story-text { font-size: 30px; } p.qscript-story-text { margin: 5px 0; } div.qscript-mos-control { background-color: cyan; border: 3px solid black; padding: 6px; margin: 3px 0; border-radius: 10px; } div.qscript-presenter { border: 3px solid black; background-color: #FF8080; color: white; padding: 6px 30px; margin: 10px 0; text-align: center; font-weight: bold; border-radius: 20px; } div.qscript-generic-control { background-color: #FF80FF; border: 3px solid black; padding: 6px; margin: 3px 0; border-radius: 10px; } h2 { margin: 0; padding: 4px 10px; }