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

Side by Side Diff: html/static/css/firstRun.css

Issue 10989023: First-run page on Adblock Plus for IE (Closed)
Patch Set: Created July 12, 2013, 10:50 a.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 | « no previous file | html/static/img/ajax-loader.gif » ('j') | html/static/js/firstRun.js » ('J')
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: 1.1em;
5 text-align: center;
6 background-image: url(../img/background.png);
7 margin: auto;
8 line-height: 1.5;
9 }
10
11 #wrapper,
12 #logo,
13 .share-image,
14 #share-images2,
15 #share-donate
16 {
17 display: inline-block;
18 /* IE6 inline-block fix */
19 *display: inline;
20 *zoom: 1;
21 }
22
23 #wrapper
24 {
25 max-width: 800px;
26 text-align: left;
27 }
28
29 header
30 {
31 padding: 20px 0px;
32 vertical-align: middle;
33 }
34
35 #logo
36 {
37 background-image: url(../img/abp-128.png);
38 width: 128px;
39 height: 128px;
40 }
41
42 #title-main
43 {
44 display: inline;
45 position: relative;
46 top: -40px;
47 font-weight: normal;
48 font-size: 40px;
49 margin: 0px 10px;
50 vertical-align: bottom;
51 }
52
53 #features
54 {
55 margin: 10px 0px 40px 0px;
56 }
57
58 #features li
59 {
60 margin-left: 50px;
61 list-style-image: url(../img/checkmark.png);
62 }
63
64 #share1,
65 #share2
66 {
67 display: none;
68 font-size: 120%;
69 margin-top: 40px;
70 }
71
72 html.share-variant-1 #share1,
73 html.share-variant-2 #share2
74 {
75 display: block;
76 }
77
78 .share-image
79 {
80 width: 64px;
81 height: 64px;
82 }
83
84 #share-images2
85 {
86 box-shadow: 0 0 4px 3px #EEEEEE;
87 border-radius: 5px;
88 background: #FFFFFF;
89 padding: 10px 40px;
90 margin-bottom: 30px;
91 }
92
93 #share-images2 *
94 {
95 vertical-align: middle;
96 }
97
98 #share-donate
99 {
100 font-style: italic;
101 font-weight: bold;
102 font-size: 12px;
103 text-decoration: none;
104 color: #003366;
105 border: 1px solid #FF9933;
106 border-radius: 10px;
107 padding: 2px 10px;
108 background-image: url(../img/button-background/donate.png);
109 background-repeat: repeat-x;
110 }
111
112 #share2-connection
113 {
114 margin: 0px 20px;
115 }
116
117 .share-facebook
118 {
119 background-image: url(../img/social/facebook-old.png);
120 }
121
122 .share-twitter
123 {
124 background-image: url(../img/social/twitter-old.png);
125 }
126
127 .share-gplus
128 {
129 background-image: url(../img/social/gplus-old.png);
130 }
131
132 #glass-pane, #share-popup
133 {
134 visibility: hidden;
135 opacity: 0;
136 -ms-transition-property: opacity, visibility;
137 transition-property: opacity, visibility;
138 }
139
140 #glass-pane
141 {
142 position: fixed;
143 top: 0;
144 right: 0;
145 bottom: 0;
146 left: 0;
147 background: rgba(0, 0, 0, 0.5) url(../img/ajax-loader.gif) no-repeat 50% 50%;
148 -ms-transition-duration: 0.2s;
149 transition-duration: 0.2s;
150 }
151
152 #share-popup
153 {
154 border: none;
155 -ms-transition-delay: 0.1s;
156 transition-delay: 0.1s;
157 }
158
159 #glass-pane.visible, #share-popup.visible
160 {
161 visibility: visible;
162 opacity: 1;
163 }
164
165 #share-popup.visible
166 {
167 -ms-transition-duration: 0.15s;
168 transition-duration: 0.15s;
169 }
OLDNEW
« no previous file with comments | « no previous file | html/static/img/ajax-loader.gif » ('j') | html/static/js/firstRun.js » ('J')

Powered by Google App Engine
This is Rietveld