michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: html, body {
michael@0:   height: 100%;
michael@0:   padding: 0;
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: body {
michael@0:   display: flex;
michael@0: }
michael@0: 
michael@0: #aboutAddonsTextTitle {
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: #floatingTextBox {
michael@0:   flex: 1;
michael@0:   
michael@0:   position: relative;
michael@0:   top: 20%;
michael@0:   left: 60%;
michael@0: 
michael@0:   width: 375px;
michael@0:   padding: 20px;
michael@0:   font-family: "Segoe UI", sans-serif;
michael@0:   font-size: 25px;
michael@0:   text-align: left;
michael@0:   word-wrap: normal;
michael@0: }
michael@0: 
michael@0: #fox {
michael@0:   flex: 1;
michael@0:   background-image:url('chrome://browser/skin/images/aboutAddonsBackground.png'), url('chrome://browser/skin/images/aboutAddonsBackgroundFillSlice.png');
michael@0:   background-size: contain;
michael@0:   background-position: bottom center;
michael@0:   background-repeat: no-repeat, repeat-x;
michael@0:   background-color: rgb(230, 230, 230); /*color hand sampled from image*/
michael@0: 
michael@0: }
michael@0: 
michael@0: /* Snapped-view variation */
michael@0: @media (max-width: 330px) {
michael@0:   #floatingTextBox {
michael@0:     top: 20%;
michael@0:     left: 5%;
michael@0:     width: 90%;
michael@0:     padding: 0;
michael@0:   }
michael@0: }