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: Now with two sets of Share buttons Created Sept. 28, 2012, 8:01 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 | « skin/facebook.png ('k') | skin/twitter.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 body
2 {
3 font-family: Arial, Helvetica, sans-serif;
4 font-size: 20px;
5 background: repeating-linear-gradient(0deg, #F8F6F5, #F6F4F2 50%, #FCFBF9);
6 background: -webkit-repeating-linear-gradient(0deg, #F5F4F3, #FAF9F8 50%, #F5F 4F3);
7 background-size: 5px 5px;
8 max-width: 800px;
9 margin: auto;
10 line-height: 1.5;
11 }
12
13 h1
14 {
15 margin-top: 30px;
16 padding-top: 148px;
17 font-size: 250%;
18 font-weight: normal;
19 background-image: url(/icons/abp-128.png);
20 background-position: 50% 0%;
21 background-repeat: no-repeat;
22 }
23
24 #features > li
25 {
26 margin-left: 50px;
27 list-style-image: url(/skin/checkmark.png);
28 }
29
30 #features
31 {
32 margin: 40px 0px;
33 }
34
35 #share1,
36 #share2
37 {
38 display: none;
39 }
40
41 :root[share-variant="1"] #share1
42 {
43 display: block;
44 }
45
46 :root[share-variant="2"] #share2
47 {
48 display: block;
49 }
50
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
60 {
61 display: inline-block;
62 width: 64px;
63 height: 64px;
64 }
65
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
81 {
82 display: inline-block;
83 box-shadow: 0 0 4px 3px #EEEEEE;
84 border-radius: 5px;
85 background: #FFFFFF;
86 padding: 10px 40px;
87 margin-bottom: 30px;
88 }
89
90 #share-images2 > *
91 {
92 vertical-align: middle;
93 }
94
95 #share-donate
96 {
97 display: inline-block;
98 font-style: italic;
99 font-weight: bold;
100 font-size: 12px;
101 text-decoration: none;
102 color: #003366;
103 border: 1px solid #FF9933;
104 border-radius: 10px;
105 padding: 2px 10px;
106 background-image: linear-gradient(0deg, #FFFDF8, #FEDE9E 60%, #FFAF34 65%, #FF EFD3);
107 background-image: -webkit-gradient(linear, center top, center bottom,
108 from(#FFFDF8), color-stop(60%, #FEDE9E), color-stop(65%, #FFAF34), to( #FFEFD3));
109 }
110
111 #share2-connection
112 {
113 margin: 0px 20px;
114 }
115
116 .share-facebook
117 {
118 background-image: url(/skin/facebook.png);
119 }
120
121 .share-twitter
122 {
123 background-image: url(/skin/twitter.png);
124 }
OLDNEW
« no previous file with comments | « skin/facebook.png ('k') | skin/twitter.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld