Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: skin/firstRun.css

Issue 8403145: First attempt at creating a first-run page (Closed)
Patch Set: Created Oct. 17, 2012, 2:44 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « firstRun.js ('k') | 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 body 1 body
2 { 2 {
3 font-family: Arial, Helvetica, sans-serif; 3 font-family: Arial, Helvetica, sans-serif;
4 font-size: 20px; 4 font-size: 20px;
5 background: repeating-linear-gradient(0deg, #F8F6F5, #F6F4F2 50%, #FCFBF9); 5 background: repeating-linear-gradient(0deg, #F8F6F5, #F6F4F2 50%, #FCFBF9);
6 background: -webkit-repeating-linear-gradient(0deg, #F5F4F3, #FAF9F8 50%, #F5F 4F3); 6 background: -webkit-repeating-linear-gradient(0deg, #F5F4F3, #FAF9F8 50%, #F5F 4F3);
7 background-size: 5px 5px; 7 background-size: 5px 5px;
8 max-width: 800px; 8 max-width: 800px;
9 margin: auto; 9 margin: auto;
10 line-height: 1.5; 10 line-height: 1.5;
11 } 11 }
12 12
13 h1 13 #title
14 { 14 {
15 margin-top: 30px; 15 margin-top: 30px;
16 padding-top: 148px; 16 padding-left: 148px;
17 line-height: 1;
17 font-size: 250%; 18 font-size: 250%;
18 font-weight: normal; 19 font-weight: normal;
19 background-image: url(/icons/abp-128.png); 20 background-image: url(/icons/abp-128.png);
20 background-position: 50% 0%; 21 background-position: 0% 50%;
21 background-repeat: no-repeat; 22 background-repeat: no-repeat;
23 min-height: 128px;
24 vertical-align: middle;
25 display: -webkit-box;
26 display: box;
27 box-orient: vertical;
28 box-pack: center;
29 -webkit-box-orient: vertical;
30 -webkit-box-pack: center;
31 }
32
33 #title-changelog
34 {
35 font-size: 50%;
36 }
37
38 #features
39 {
40 margin: 10px 0px 40px 0px;
22 } 41 }
23 42
24 #features > li 43 #features > li
25 { 44 {
26 margin-left: 50px; 45 margin-left: 50px;
27 list-style-image: url(/skin/checkmark.png); 46 list-style-image: url(/skin/checkmark.png);
28 } 47 }
29 48
30 #features
31 {
32 margin: 40px 0px;
33 }
34
35 #share1, 49 #share1,
36 #share2 50 #share2
37 { 51 {
38 display: none; 52 display: none;
53 text-align: center;
54 font-size: 120%;
55 margin-top: 40px;
39 } 56 }
40 57
41 :root[share-variant="1"] #share1 58 :root[share-variant="1"] #share1,
42 {
43 display: block;
44 }
45
46 :root[share-variant="2"] #share2 59 :root[share-variant="2"] #share2
47 { 60 {
48 display: block; 61 display: block;
49 } 62 }
50 63
51 #share-text1
52 {
53 margin-left: 200px;
54 fill: #FF0000;
55 font-family: Comic Sans MS;
56 font-weight: bold;
57 }
58
59 .share-image 64 .share-image
60 { 65 {
61 display: inline-block; 66 display: inline-block;
62 width: 64px; 67 width: 64px;
63 height: 64px; 68 height: 64px;
64 } 69 }
65 70
66 #share-images1 > .share-image
67 {
68 position: relative;
69 left: 350px;
70 top: -40px;
71 }
72
73 #share2
74 {
75 text-align: center;
76 font-size: 120%;
77 margin-top: 40px;
78 }
79
80 #share-images2 71 #share-images2
81 { 72 {
82 display: inline-block; 73 display: inline-block;
83 box-shadow: 0 0 4px 3px #EEEEEE; 74 box-shadow: 0 0 4px 3px #EEEEEE;
84 border-radius: 5px; 75 border-radius: 5px;
85 background: #FFFFFF; 76 background: #FFFFFF;
86 padding: 10px 40px; 77 padding: 10px 40px;
87 margin-bottom: 30px; 78 margin-bottom: 30px;
88 } 79 }
89 80
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
140 } 131 }
141 } 132 }
142 133
143 @media (max-height: 700px) 134 @media (max-height: 700px)
144 { 135 {
145 body 136 body
146 { 137 {
147 font-size: 16px; 138 font-size: 16px;
148 } 139 }
149 } 140 }
OLDNEW
« no previous file with comments | « firstRun.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld