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

Side by Side Diff: gm/rebaseline_server/static/view.css

Issue 264853004: tweaks to tab CSS for rebaseline server page; moar pretty (Closed) Base URL: https://skia.googlesource.com/skia.git@master
Patch Set: Created 6 years, 7 months 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
« no previous file with comments | « no previous file | gm/rebaseline_server/static/view.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Special alert areas at the top of the page. */ 1 /* Special alert areas at the top of the page. */
2 .todo-div { 2 .todo-div {
3 background-color: #bbffbb; 3 background-color: #bbffbb;
4 } 4 }
5 .warning-div { 5 .warning-div {
6 background-color: #ffbb00; 6 background-color: #ffbb00;
7 } 7 }
8 8
9 .tab-wrapper {
10 margin-top: 10px;
11 }
12
13 .tab {
14 display: inline-block;
15 font-size: 20px;
16 padding: 5px;
17 border-top-left-radius: 5px;
18 border-top-right-radius: 5px;
19 position: relative;
20 }
21
9 /* Tab which has been selected. */ 22 /* Tab which has been selected. */
10 .tab-true { 23 .tab-true {
11 background-color: #ccccff; 24 background-color: #ccccff;
12 display: inline-block; 25 border: 1px solid black;
13 font-size: 20px; 26 border-bottom-width: 0px;
27 bottom: -1px;
14 } 28 }
15 /* All other tabs. */ 29 /* All other tabs. */
16 .tab-false { 30 .tab-false {
17 background-color: #8888ff; 31 background-color: #8888ff;
18 display: inline-block; 32 cursor: pointer;
19 font-size: 20px;
20 } 33 }
34
35 .tab-false:hover {
36 background-color: #aa88ff;
37 }
38
21 /* Spacers between tabs. */ 39 /* Spacers between tabs. */
22 .tab-spacer { 40 .tab-spacer {
23 display: inline-block; 41 display: inline-block;
24 } 42 }
25 /* The main working area (connected to the selected tab). */ 43 /* The main working area (connected to the selected tab). */
26 .tab-main { 44 .tab-main {
27 background-color: #ccccff; 45 background-color: #ccccff;
46 border: 1px solid black;
28 } 47 }
29 48
30 .update-results-button { 49 .update-results-button {
31 font-size: 30px; 50 font-size: 30px;
32 } 51 }
33 52
34 .show-only-button { 53 .show-only-button {
35 font-size: 8px; 54 font-size: 8px;
36 } 55 }
37 .show-all-button { 56 .show-all-button {
38 font-size: 8px; 57 font-size: 8px;
39 } 58 }
40 59
41 .image-link { 60 .image-link {
42 text-decoration: none; 61 text-decoration: none;
43 } 62 }
OLDNEW
« no previous file with comments | « no previous file | gm/rebaseline_server/static/view.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698