99 .transcript-component .transcript .annotations .sentence .original { |
99 .transcript-component .transcript .annotations .sentence .original { |
100 font-weight: bold; |
100 font-weight: bold; |
101 } |
101 } |
102 |
102 |
103 .transcript-component .transcript .annotations .sentence .words .word .original, |
103 .transcript-component .transcript .annotations .sentence .words .word .original, |
104 .transcript-component .transcript .annotations .sentence .words .word .translation { |
104 .transcript-component .transcript .annotations .sentence .words .word .translation |
|
105 { |
105 background-color: $corpus-black; |
106 background-color: $corpus-black; |
106 padding: 0px 4px; |
107 padding: 0px 4px; |
107 margin-right: 2px; |
108 margin-right: 2px; |
108 margin-bottom: 1px; |
109 margin-bottom: 1px; |
109 font-size: 12px; |
110 font-size: 12px; |
110 } |
111 } |
|
112 .transcript-component .transcript .annotations .sentence .words .word .morphene-original, |
|
113 .transcript-component .transcript .annotations .sentence .words .word .morphene-translation { |
|
114 background-color: $corpus-dark-grey; |
|
115 padding: 0px 2px; |
|
116 margin-right: 2px; |
|
117 margin-bottom: 1px; |
|
118 font-size: 12px; |
|
119 } |
|
120 |
111 |
121 |
112 .transcript-component .transcript .annotations .sentence:hover .words .word .original, |
122 .transcript-component .transcript .annotations .sentence:hover .words .word .original, |
113 .transcript-component .transcript .annotations .sentence:hover .words .word .translation { |
123 .transcript-component .transcript .annotations .sentence:hover .words .word .translation { |
114 background-color: $corpus-white; |
124 background-color: $corpus-white; |
115 color: $corpus-grey; |
125 color: $corpus-grey; |
116 } |
126 } |
117 |
127 |
|
128 .transcript-component .transcript .annotations .sentence:hover .words .word .morphene-original, |
|
129 .transcript-component .transcript .annotations .sentence:hover .words .word .morphene-translation { |
|
130 background-color: $corpus-light-grey2; |
|
131 color: $corpus-grey; |
|
132 } |
|
133 |
|
134 |
118 .transcript-component .transcript .annotations .sentence.active .words .word .original, |
135 .transcript-component .transcript .annotations .sentence.active .words .word .original, |
119 .transcript-component .transcript .annotations .sentence.active .words .word .translation { |
136 .transcript-component .transcript .annotations .sentence.active .words .word .translation { |
120 background-color: $corpus-white; |
137 background-color: $corpus-white; |
|
138 color: $corpus-blue; |
|
139 } |
|
140 |
|
141 .transcript-component .transcript .annotations .sentence.active .words .word .morphene-original, |
|
142 .transcript-component .transcript .annotations .sentence.active .words .word .morphene-translation { |
|
143 background-color: $corpus-lighter-blue; |
|
144 color: $corpus-blue; |
121 } |
145 } |
122 |
146 |
123 .transcript-component .transcript .annotations .sentence .words .word { |
147 .transcript-component .transcript .annotations .sentence .words .word { |
124 color: $corpus-white; |
148 color: $corpus-white; |
|
149 margin-top: 2px; |
125 } |
150 } |
126 |
151 |
127 .transcript-component .transcript .annotations .sentence .words .word p { |
152 .transcript-component .transcript .annotations .sentence .words .word p { |
128 line-height: 20px; |
153 line-height: 20px; |
129 } |
154 } |
130 |
155 |
131 .transcript-component .transcript .annotations .sentence.active .words .word .original, |
156 .transcript-component .transcript .annotations .sentence .words .word .morphene-container { |
132 .transcript-component .transcript .annotations .sentence.active .words .word .translation { |
157 line-height: 15px; |
133 color: $corpus-blue; |
158 display: -ms-inline-flexbox; |
134 } |
159 display: inline-flex; |
|
160 } |
|
161 |
135 |
162 |
136 .transcript-component .transcript .annotations .sentence .words .word .translation { |
163 .transcript-component .transcript .annotations .sentence .words .word .translation { |
137 margin-bottom: 2px; |
164 margin-bottom: 2px; |
138 } |
165 } |
139 |
166 |