<div class="simplebox">
<ul>
<li>Eliminate separate windows</li>
- <li>Integrate UI into browser tabs</li>
+ <li><mark>Integrate UI</mark> into browser tabs</li>
<li>Non-modal, non-popup</li>
<li>Hide web-specific controls for those tabs</li>
</ul>
<h1>Current State</h1>
<div class="simplebox">
-"Examples of in-content UI already present include session restore,
-about:config, new add-ons manager, network error pages and phishing/malware
-warning pages."
+<ul>
+ <li>about:config</li>
+ <li>Session restore</li>
+ <li>Network error and phishing/malware warning pages</li>
+ <li><mark>FF4 add-ons manager</mark></li>
+</ul>
<div class="cent topmargin">
<img src="minefield-addons-manager.png" alt="Add-ons manager">
</div>
<h1>Plans: Preferences</h1>
<div class="simplebox">
-As <a href="http://blog.stephenhorlander.com/2010/06/01/in-content-ui-visual-unification/">laid
-out</a> by Stephen Horlander in June 2010, preferences are among the targets
-for moving UI into tabs, here's a mockup he drew up:
+<a href="http://blog.stephenhorlander.com/2010/06/01/in-content-ui-visual-unification/">Stephen
+Horlander, June 2010</a>: <mark>preferences</mark> among targets - mockup:
<div class="cent topmargin">
<img src="win7-preferences-network.png" alt="Win7 Network Preference Mockup">
</div>
<h1>Plans: Tentative</h1>
<div class="simplebox">
-The blog post as well as the
+Stephen's blog post and
<a href="https://wiki.mozilla.org/Firefox/Projects/Incontent_Page_Design">in-content
-page design</a> wiki page also talks about the following:
+page design</a> wiki page go further:
<ul>
- <li>Library (History and Bookmarks View)</li>
- <li>Downloads Manager</li>
- <li>Toolbar Customization</li>
+ <li><mark>Library</mark> (History and Bookmarks View)</li>
+ <li><mark>Downloads</mark> Manager</li>
+ <li>Toolbar <mark>Customization</mark></li>
<li>Tab View</li>
- <li>home tab</li>
+ <li>Home tab</li>
<li>About Firefox</li>
<li>Help</li>
</ul>
-Non-goal: "Redesign all windows and panels"
+<mark>Non-goal</mark>: "Redesign all windows and panels"
tracking bugs: bug 584942
</div>
</article>
<ul>
<li>Any open questions?</li>
<li>Any unmentioned issues?</li>
- <li>Anyone wanting to help us?</li>
<li>Anything I forgot to mention?</li>
</ul>
</div>
font-size: 1.7em;
font-weight: bold;
text-align: center;
- text-shadow: #AA8080 3px 3px 5px;
+ text-shadow: #AAAA80 3px 3px 5px;
}
h2 {
font-size: 1.3em;
font-weight: bold;
text-align: center;
- text-shadow: #AA8080 2px 2px 3px;
+ text-shadow: #AAAA80 2px 2px 3px;
}
h3 {
border: 1px solid #FF8080;
background-color: #400000;
-moz-border-radius: .5em;
- -moz-box-shadow: #AA8080 1px 1px 3px 2px;
+ -moz-box-shadow: #AAAA80 1px 1px 3px 2px;
}
.captionedbox-content {
.captionedbox-caption {
margin: 0.5em;
font-weight: bold;
- text-shadow: #804040 1px 1px 2px;
+ text-shadow: #AAAA80 1px 1px 2px;
}
/***** misc formatting *****/
mark {
font-weight: bold;
- color: #0060C0;
+ color: #FFEEAA;
background-color: transparent;
- text-shadow: #5959ec 1px 1px 1px;
+ text-shadow: #CCCC00 2px 2px 3px;
}
.border {
a:visited { color: #EECCFF; text-decoration: none; }
a:hover, a:active { color: #FFCCCC; text-decoration: underline; }
+mark a:link { color: #FFFFCC; }
+mark a:visited { color: #FFEE80; }
+mark a:hover, mark a:active { color: #FFFFDD; }
+
/***** small stuff *****/
.small,