annotate interfaces/ABX.css @ 2872:97a52e326464

Merge branch 'master' into vnext
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Tue, 09 May 2017 16:11:11 +0100
parents 7f2bb5997114
children 2020be3c592c
rev   line source
nickjillings@2161 1 body {
nicholas@2538 2 /* Set the background colour (note US English spelling) to grey*/
nicholas@2538 3 background-color: #fff
nickjillings@2161 4 }
nickjillings@2161 5 div.pageTitle {
nicholas@2538 6 width: auto;
nicholas@2538 7 height: 20px;
nicholas@2538 8 margin-top: 20px;
nickjillings@2161 9 }
nicholas@2538 10 div.pageTitle span {
nicholas@2538 11 font-size: 1.5em;
nickjillings@2161 12 }
nickjillings@2161 13 button {
nicholas@2538 14 /* Specify any button structure or style */
nicholas@2538 15 min-width: 20px;
nicholas@2538 16 background-color: #ddd
nickjillings@2161 17 }
nickjillings@2161 18 button.big-button {
nicholas@2538 19 width: 250px;
nicholas@2538 20 height: 40px;
nicholas@2538 21 font-size: 1.2em;
nickjillings@2161 22 }
nicholas@2772 23 div#box-holders {
nicholas@2772 24 width: 100%;
nicholas@2772 25 text-align: center;
nicholas@2772 26 }
nicholas@2776 27 div#playback-holder {
nicholas@2776 28 float: none;
nicholas@2772 29 }
nickjillings@2161 30 div.comparator-holder {
nicholas@2538 31 width: 260px;
nicholas@2538 32 height: 300px;
nicholas@2538 33 border: black 1px solid;
nicholas@2538 34 padding-top: 5px;
nickjillings@2161 35 margin: 25px;
nicholas@2772 36 display: inline-block;
nickjillings@2161 37 }
nickjillings@2161 38 div.comparator-selector {
nicholas@2538 39 width: 248px;
nicholas@2538 40 height: 250px;
nicholas@2538 41 border: black 1px solid;
nicholas@2538 42 position: relative;
nicholas@2538 43 background-color: #FF0000;
nickjillings@2161 44 border-radius: 20px;
nicholas@2772 45 text-align: center;
nicholas@2772 46 display: block;
nicholas@2772 47 margin: auto;
nickjillings@2161 48 }
nicholas@2806 49 div.comparator-image {
nicholas@2806 50 background-color: rgba(255, 255, 255, 0);
nicholas@2806 51 }
nicholas@2806 52 img.comparator-image {
nicholas@2806 53 width: inherit;
nicholas@2806 54 height: inherit;
nicholas@2806 55 z-index: -1;
nicholas@2806 56 position: absolute;
nicholas@2806 57 display: inline;
nicholas@2806 58 right: 0px;
nicholas@2806 59 }
nickjillings@2161 60 div.disabled {
nicholas@2538 61 background-color: #AAA;
nickjillings@2161 62 }
nickjillings@2161 63 div.selected {
nicholas@2815 64 background-color: rgba(0, 200, 0, 0.4);
nickjillings@2161 65 }
nicholas@2538 66 div.comparator-selector.inactive {
nicholas@2538 67 background-color: yellow !important;
giuliomoro@2305 68 }
nickjillings@2161 69 div.comparator-selector span {
nicholas@2538 70 font-size: 4em;
nickjillings@2161 71 }
nickjillings@2161 72 button.comparator-button {
nicholas@2538 73 width: 250px;
nicholas@2538 74 height: 38px;
nicholas@2538 75 position: relative;
nicholas@2538 76 margin-top: 5px;
nickjillings@2161 77 }
nickjillings@2161 78 div.playhead {
nickjillings@2161 79 margin: 5px;
nickjillings@2161 80 }
nickjillings@2161 81 div#page-count {
nickjillings@2161 82 float: left;
nickjillings@2161 83 margin: 0px 5px;
nickjillings@2161 84 }