24 @media screen and (min-width: 960px) {
29 flex-direction: column;
31 @media screen and (min-width: 400px) {
41 @media screen and (min-width: 400px) {
56 @media screen and (min-width: 400px) {
62 padding: .5em 1em .5em;
65 font-family: Arial, sans-serif;
68 border-radius: 0 0 0 1em;
77 .annoy-banner-on_top {
83 font-family: Arial, sans-serif;
87 border-radius: 0 0 0 1em;
95 text-overflow: ellipsis;
99 .annoy-banner_book-page {
109 .annoy-banner_book-fragment-list {
115 .annoy-banner_blackout {
131 .annoy-banner-inner {
132 padding: 0 40% 0 15%;
138 box-sizing: border-box;
152 box-sizing: border-box;
158 border-radius: auto 100%;
169 border-radius: auto 100%;
174 @media screen and (max-height: 1000px) {
175 .annoy-banner-inner {
180 @media screen and (max-width: 1280px) {
181 .annoy-banner-inner {
199 @media screen and (max-width: 1024px) {
203 @media screen and (max-height: 820px) {
204 .annoy-banner-inner {
208 @media screen and (max-width: 820px) and (max-height: 820px) {
216 @media screen and (max-height: 400px) {
222 &.annoy-banner-style_blackout_centre {
223 background: rgba(0,0,0,.5);
225 .annoy-banner-inner {
234 border: 2px solid white;
239 @media screen and (min-height: 500px) {
240 &.annoy-banner-style_blackout_upper {
241 background: rgba(0,0,0,.5);
243 .annoy-banner-inner {
252 border-bottom: 2px solid white;
269 .annoy-banner-on_blackout {
276 border-radius: 1em 0 0 0;
281 text-overflow: ellipsis;
290 -webkit-user-select: none;
291 -moz-user-select: none;
292 -ms-user-select: none;
322 .annoy-banner_book-text-intermission {
325 .annoy-banner-inner {
327 flex-direction: column;
329 @media screen and (min-width: 400px) {
338 @media screen and (min-width: 400px) {
353 @media screen and (min-width: 400px) {