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

Side by Side Diff: chrome/browser/resources/shared/css/chrome_shared.css

Issue 8905020: Settings: Desaturate the navbar a bit. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: A little more desaturation. 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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Styles common to WebUI pages that share the options pages style */ 1 /* Styles common to WebUI pages that share the options pages style */
2 body { 2 body {
3 cursor: default; 3 cursor: default;
4 font-size: 13px; 4 font-size: 13px;
5 } 5 }
6 6
7 a:link { 7 a:link {
8 color: rgb(63, 110, 194); 8 color: rgb(63, 110, 194);
9 } 9 }
10 10
11 a:active { 11 a:active {
12 color: rgb(37, 64, 113); 12 color: rgb(37, 64, 113);
13 } 13 }
14 14
15 #navbar-content-title { 15 #navbar-content-title {
16 -webkit-padding-end: 24px; 16 -webkit-padding-end: 24px;
17 -webkit-user-select: none; 17 -webkit-user-select: none;
18 color: #53637d; 18 color: #333;
19 cursor: pointer; 19 cursor: pointer;
20 font-size: 200%; 20 font-size: 200%;
21 font-weight: normal; 21 font-weight: normal;
22 margin: 0; 22 margin: 0;
23 padding-bottom: 14px; 23 padding-bottom: 14px;
24 padding-top: 13px; 24 padding-top: 13px;
25 text-align: end; 25 text-align: end;
26 text-shadow: white 0 1px 2px; 26 text-shadow: white 0 1px 2px;
27 } 27 }
28 28
29 #main-content { 29 #main-content {
30 display: -webkit-box; 30 display: -webkit-box;
31 position: absolute; 31 position: absolute;
32 left: 0; 32 left: 0;
33 right: 0; 33 right: 0;
34 top: 0; 34 top: 0;
35 bottom: 0; 35 bottom: 0;
36 } 36 }
37 37
38 #navbar { 38 #navbar {
39 margin: 0; 39 margin: 0;
40 } 40 }
41 41
42 #navbar-container { 42 #navbar-container {
43 -webkit-border-end: 1px solid #c6c9ce; 43 -webkit-border-end: 1px solid #c6c9ce;
44 background: -webkit-linear-gradient(rgba(234, 238, 243, 0.2), #eaeef3), 44 background-color: #f1f1f1;
45 -webkit-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db);
46 position: fixed; 45 position: fixed;
47 bottom: 0; 46 bottom: 0;
48 /* We set both left and right for the sake of RTL. */ 47 /* We set both left and right for the sake of RTL. */
49 left: 0; 48 left: 0;
50 right: 0; 49 right: 0;
51 top: 0; 50 top: 0;
52 width: 216px; 51 width: 216px;
53 z-index: 2; 52 z-index: 2;
54 } 53 }
55 54
56 html[dir='rtl'] #navbar-container {
57 background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #EAEEF3),
58 -webkit-linear-gradient(right, #EAEEF3, #EAEEF3 97%, #D3D7DB);
59 }
60
61 html.hide-menu #navbar-container { 55 html.hide-menu #navbar-container {
62 display: none; 56 display: none;
63 } 57 }
64 58
65 #navbar-container > ul { 59 #navbar-container > ul {
66 -webkit-user-select: none; 60 -webkit-user-select: none;
67 list-style-type: none; 61 list-style-type: none;
68 margin: 0; 62 margin: 0;
69 padding: 0; 63 padding: 0;
70 } 64 }
71 65
72 .navbar-item { 66 .navbar-item {
73 border-bottom: 1px solid transparent; 67 border-bottom: 1px solid transparent;
74 border-top: 1px solid transparent; 68 border-top: 1px solid transparent;
75 color: #426dc9; 69 color: #333;
76 cursor: pointer; 70 cursor: pointer;
77 display: block; 71 display: block;
78 font-size: 105%; 72 font-size: 105%;
79 outline: none; 73 outline: none;
80 padding: 7px 0; 74 padding: 7px 0;
81 text-align: end; 75 text-align: end;
82 text-shadow: white 0 1px 1px; 76 text-shadow: white 0 1px 1px;
83 -webkit-padding-end: 24px; 77 -webkit-padding-end: 24px;
84 } 78 }
85 79
86 .navbar-item:focus { 80 .navbar-item:focus {
87 border-bottom: 1px solid #8faad9; 81 border-bottom: 1px solid #8faad9;
88 border-top: 1px solid #8faad9; 82 border-top: 1px solid #8faad9;
89 } 83 }
90 84
91 .navbar-item-selected { 85 .navbar-item-selected {
92 -webkit-box-shadow: 0px 1px 0px #f7f7f7; 86 -webkit-box-shadow: 0px 1px 0px #f7f7f7;
93 background: -webkit-linear-gradient(left, #bbcee9, #bbcee9 97%, #aabedc); 87 background-color: #bbcee9;
94 border-bottom: 1px solid #8faad9; 88 border-bottom: 1px solid #8faad9;
95 border-top: 1px solid #8faad9; 89 border-top: 1px solid #8faad9;
96 color: black; 90 color: black;
97 text-shadow: #bbcee9 0 1px 1px; 91 text-shadow: #bbcee9 0 1px 1px;
98 } 92 }
99 93
100 #mainview { 94 #mainview {
101 -webkit-box-align: stretch; 95 -webkit-box-align: stretch;
102 -webkit-padding-start: 216px; 96 -webkit-padding-start: 216px;
103 margin: 0; 97 margin: 0;
(...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after
197 */ 191 */
198 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, 192 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder,
199 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { 193 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder {
200 direction: rtl; 194 direction: rtl;
201 } 195 }
202 196
203 .page h1 { 197 .page h1 {
204 -webkit-padding-end: 24px; 198 -webkit-padding-end: 24px;
205 -webkit-user-select: none; 199 -webkit-user-select: none;
206 border-bottom: 1px solid #eeeeee; 200 border-bottom: 1px solid #eeeeee;
207 color: #53637d; 201 color: #333;
208 font-size: 200%; 202 font-size: 200%;
209 font-weight: normal; 203 font-weight: normal;
210 margin: 0; 204 margin: 0;
211 padding-bottom: 4px; 205 padding-bottom: 4px;
212 padding-top: 13px; 206 padding-top: 13px;
213 text-shadow: white 0 1px 2px; 207 text-shadow: white 0 1px 2px;
214 } 208 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698