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; |
+} |