From ff905517f63ea9a3536c9e8a1776a71a6bb9163e Mon Sep 17 00:00:00 2001 From: "stuartmorgan@chromium.org" Date: Thu, 11 Nov 2010 22:36:03 +0000 Subject: Update DOMUI pref style This makes a few small changes to bring things more in line with the latest mocks: - Larger font size for page and section titles. - Removes the trailing divider line after the last section. - Tweaks the inter-section spacing. BUG=59237,59264 TEST=DOMUI prefs should look more like mocks. Review URL: http://codereview.chromium.org/4826002 git-svn-id: svn://svn.chromium.org/chrome/trunk/src@65870 0039d316-1c4b-4281-b951-d872f2087c98 --- chrome/browser/resources/options/options_page.css | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) (limited to 'chrome') diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css index 4aa545f..3158590 100644 --- a/chrome/browser/resources/options/options_page.css +++ b/chrome/browser/resources/options/options_page.css @@ -9,7 +9,7 @@ body { padding-top: 16px; padding-bottom: 34px; text-align: end; - font-size: 125%; + font-size: 200%; font-weight: normal; color: #53627d; margin: 0; @@ -152,6 +152,7 @@ html[hide-menu=false] #navbar-container { display: block; color: #426dc9; outline:none; + font-size:105%; } .navbar-item-selected { @@ -232,11 +233,11 @@ html[hide-menu=true] #mainview { .page > h1 { -webkit-padding-end: 24px; - padding-top: 1em; - padding-bottom: 1em; + padding-top: 16px; + padding-bottom: 10px; border-bottom: 1px solid #eeeeee; -webkit-padding-start: 0; - font-size: 125%; + font-size: 200%; color: #54637f; margin: 0; } @@ -245,19 +246,22 @@ section { display: -webkit-box; -webkit-box-orient: horizontal; border-bottom: 1px solid #eeeeee; - margin-top: 1em; - margin-bottom: 1em; - padding-bottom: 0.5em; + margin-top: 20px; + margin-bottom: 20px; + padding-bottom: 20px; +} + +section:last-child { + border-bottom: none; } section > h3 { - width: 150px; + width: 140px; font-weight: normal; -webkit-padding-start: 0; vertical-align: middle; margin: 0; font-size: 100%; - padding-top: 2px; font-weight: bold; } -- cgit v1.1