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

Delta Between Two Patch Sets: skin/firstRun.css

Issue 8403145: First attempt at creating a first-run page (Closed)
Left Patch Set: Created Sept. 27, 2012, 8:47 p.m.
Right 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:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « firstRun.js ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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 49 #share1,
50 #share2
31 { 51 {
32 margin: 40px 0px; 52 display: none;
53 text-align: center;
54 font-size: 120%;
55 margin-top: 40px;
33 } 56 }
34 57
35 #share-text 58 :root[share-variant="1"] #share1,
59 :root[share-variant="2"] #share2
36 { 60 {
37 margin: 20px 0px 0px 200px; 61 display: block;
38 fill: #FF0000;
39 font-family: Comic Sans MS;
40 font-weight: bold;
41 } 62 }
42 63
43 .share-image 64 .share-image
44 { 65 {
45 display: inline-block; 66 display: inline-block;
46 width: 64px; 67 width: 64px;
47 height: 64px; 68 height: 64px;
48 position: relative;
49 left: 350px;
50 top: -40px;
51 } 69 }
52 70
53 #share-facebook 71 #share-images2
72 {
73 display: inline-block;
74 box-shadow: 0 0 4px 3px #EEEEEE;
75 border-radius: 5px;
76 background: #FFFFFF;
77 padding: 10px 40px;
78 margin-bottom: 30px;
79 }
80
81 #share-images2 > *
82 {
83 vertical-align: middle;
84 }
85
86 #share-donate
87 {
88 display: inline-block;
89 font-style: italic;
90 font-weight: bold;
91 font-size: 12px;
92 text-decoration: none;
93 color: #003366;
94 border: 1px solid #FF9933;
95 border-radius: 10px;
96 padding: 2px 10px;
97 background-image: linear-gradient(0deg, #FFFDF8, #FEDE9E 60%, #FFAF34 65%, #FF EFD3);
98 background-image: -webkit-gradient(linear, center top, center bottom,
99 from(#FFFDF8), color-stop(60%, #FEDE9E), color-stop(65%, #FFAF34), to( #FFEFD3));
100 }
101
102 #share2-connection
103 {
104 margin: 0px 20px;
105 }
106
107 .share-facebook
54 { 108 {
55 background-image: url(/skin/facebook.png); 109 background-image: url(/skin/facebook.png);
56 } 110 }
57 111
58 #share-twitter 112 .share-twitter
59 { 113 {
60 background-image: url(/skin/twitter.png); 114 background-image: url(/skin/twitter.png);
61 } 115 }
116
117 /* Adjust font size on smaller screens */
118 @media (max-height: 800px)
119 {
120 body
121 {
122 font-size: 19px;
123 }
124 }
125
126 @media (max-height: 750px)
127 {
128 body
129 {
130 font-size: 17px;
131 }
132 }
133
134 @media (max-height: 700px)
135 {
136 body
137 {
138 font-size: 16px;
139 }
140 }
LEFTRIGHT
« firstRun.js ('k') | no next file » | Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Toggle Comments ('s')

Powered by Google App Engine
This is Rietveld