Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(3141)

Unified Diff: chrome/browser/resources/options2/subpages_tab_controls.css

Issue 8895023: Options2: Pull the trigger. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: DIAF. Created 9 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome/browser/resources/options2/search_page.js ('k') | chrome/browser/resources/options2_resources.grd » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/options2/subpages_tab_controls.css
diff --git a/chrome/browser/resources/options2/subpages_tab_controls.css b/chrome/browser/resources/options2/subpages_tab_controls.css
new file mode 100644
index 0000000000000000000000000000000000000000..774520c62fc5a0b1bd342c53ff579b72c9fda81a
--- /dev/null
+++ b/chrome/browser/resources/options2/subpages_tab_controls.css
@@ -0,0 +1,66 @@
+/*
+Copyright (c) 2010 The Chromium Authors. All rights reserved.
+Use of this source code is governed by a BSD-style license that can be
+found in the LICENSE file.
+*/
+
+.subpages-nav-tabs .tab {
+ position: relative;
+ padding: 4px 8px;
+}
+
+.subpages-nav-tabs .active-tab {
+ position: relative;
+ background: white;
+ border: 1px solid #A0A0A0; /* light gray */
+ border-bottom: 2px solid white;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+/* To avoid tabs changing size when they are clicked and their labels become
+ * bold, we actually put two labels inside each tab: an inactive label and an
+ * active label. Only one is visible at a time, but the bold label is used to
+ * size the tab even when it's not visible. This keeps the tab size constant.
+ */
+.subpages-nav-tabs .active-tab-label {
+ font-weight: bold;
+}
+
+.subpages-nav-tabs .tab-label {
+ position: absolute;
+ top: 5px;
+ left: 9px;
+}
+
+html[dir=rtl] .subpages-nav-tabs .tab-label {
+ right: 9px;
+}
+
+.subpages-nav-tabs .active-tab-label,
+.subpages-nav-tabs .active-tab .tab-label {
+ visibility: hidden;
+}
+
+/* .tab is not removed when .active-tab is added, so we must
+ * override the hidden visibility above in the active tab case.
+ */
+.subpages-nav-tabs .active-tab .active-tab-label {
+ visibility: visible;
+}
+
+.subpages-nav-tabs {
+ padding: 4px;
+ border-bottom: 1px solid #A0A0A0; /* light gray */
+ background: -webkit-linear-gradient(white, #F3F3F3); /* very light gray */
+ margin-bottom: 15px;
+}
+
+.subpages-tab-contents {
+ display: none;
+ -webkit-padding-start: 10px;
+}
+
+.active-tab-contents {
+ display: block;
+}
« no previous file with comments | « chrome/browser/resources/options2/search_page.js ('k') | chrome/browser/resources/options2_resources.grd » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698