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: %filter substitution
michael@0: %include defines.inc
michael@0: 
michael@0: /* Start UI ----------------------------------------------------------------- */
michael@0: 
michael@0: #startui-page {
michael@0:   overflow-x: scroll;
michael@0:   overflow-y: hidden;
michael@0:   height: 100%;
michael@0: }
michael@0: 
michael@0: #startui-page[viewstate="snapped"],
michael@0: #startui-page[viewstate="portrait"] {
michael@0:   overflow-x: hidden;
michael@0:   overflow-y: scroll;
michael@0: }
michael@0: 
michael@0: #startui-body {
michael@0:   height: 100%;
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: #start-container {
michael@0:   height: 100%;
michael@0: }
michael@0: 
michael@0: #start-container[viewstate="snapped"],
michael@0: #start-container[viewstate="portrait"] {
michael@0:   width: 100%;
michael@0:   max-width: 100%; /* ensure page doesn't expand, messing up @media rules */
michael@0:   height: auto;
michael@0: }
michael@0: 
michael@0: #start-container[viewstate="snapped"] .meta-section:not([expanded]) > richgrid {
michael@0:   visibility: collapse;
michael@0: }
michael@0: 
michael@0: /* Watermark */
michael@0: #startui-body::after {
michael@0:   content: '';
michael@0:   width: 256px;
michael@0:   height: 256px;
michael@0:   position: fixed;
michael@0:   left: 50%;
michael@0:   top: 50%;
michael@0:   margin-top: -128px;
michael@0:   margin-left: -128px;
michael@0:   z-index: -1;
michael@0:   background-image: url("chrome://browser/skin/images/firefox-watermark.png");
michael@0:   background-repeat: no-repeat;
michael@0:   background-position: center center;
michael@0: }