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

Delta Between Two Patch Sets: index.html

Issue 8681060: share-page: Implement final design (Closed)
Left Patch Set: Created Nov. 5, 2012, 8:41 a.m.
Right Patch Set: Created Nov. 8, 2012, 7:32 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 | « googleplus.png ('k') | twitter.png » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 4
5 <style> 5 <style>
6 body 6 body
7 { 7 {
8 width: 680px; 8 width: 650px;
9 height: 570px;
10 margin: auto; 9 margin: auto;
11 padding-left: 30px; 10 padding: 0px 30px 20px 30px;
12 border: 5px solid #a42c23; 11 border: 5px solid #a42c23;
13 background: white; 12 background: white;
14 } 13 }
15 14
16 #headline 15 #headline
17 { 16 {
18 height: 100px; 17 padding: 36px 0px;
19 font-family: Arial, Helvetica, sans; 18 font-family: Arial, Helvetica, sans-serif;
20 font-size: 28px; 19 font-size: 28px;
21 text-align: center; 20 text-align: center;
22 margin: 0; 21 margin: 0;
23 color: #a42c23; 22 color: #a42c23;
24
25 display: -webkit-box;
26 -webkit-box-orient: vertical;
27 -webkit-box-pack: center;
28
29 display: box;
30 box-orient: vertical;
31 box-pack: center;
32 } 23 }
33 24
34 #facebook, #twitter, #gplus 25 #facebook, #twitter, #gplus
35 { 26 {
27 display: block;
36 margin-bottom: 10px; 28 margin-bottom: 10px;
37 padding-left: 140px; 29 padding-left: 140px;
38 width: 500px;
39 height: 140px; 30 height: 140px;
31 border-radius: 7px;
40 background-repeat: no-repeat; 32 background-repeat: no-repeat;
41 background-size: 140px; 33 background-size: 140px;
42 background-position: 0px 50%; 34 background-position: 0px 50%;
43
44 display: -webkit-box;
45 -webkit-box-orient: vertical;
46 -webkit-box-pack: center;
47
48 display: box;
49 box-orient: vertical;
50 box-pack: center;
51
52 border-radius: 7px;
53 } 35 }
54 36
55 #facebook 37 #facebook
56 { 38 {
57 background-image: url("/facebook.png"); 39 background-image: url("/facebook.png");
58 background-color: #8e9bb2; 40 background-color: #8e9bb2;
59 } 41 }
60 42
61 #twitter 43 #twitter
62 { 44 {
63 background-image: url("/twitter.png"); 45 background-image: url("/twitter.png");
64 background-color: #64abcb; 46 background-color: #64abcb;
65 } 47 }
66 48
67 #gplus 49 #gplus
68 { 50 {
69 background-image: url("/googleplus.png"); 51 background-image: url("/googleplus.png");
70 background-color: #cf6d5c; 52 background-color: #cf6d5c;
71 } 53 }
72 54
73 .widget-container 55 .widget-container
74 { 56 {
75 width: 490px; 57 position: relative;
76 height: 118px; 58 height: 118px;
59 top: 11px;
60 margin-right: 11px;
77 border-radius: 0px 3px 3px 0px; 61 border-radius: 0px 3px 3px 0px;
78 background-color: white; 62 background-color: white;
79 } 63 }
80 64
81 .fb-like { 65 .fb-like
82 margin-top: 30px; 66 {
83 margin-left: 12px; 67 padding-top: 30px;
68 padding-left: 12px;
84 } 69 }
85 70
86 #twitter iframe { 71 #twitter iframe
87 margin-top: 40px; 72 {
88 margin-left: 10px; 73 padding-top: 40px;
74 padding-left: 10px;
89 } 75 }
90 </style> 76 </style>
91 <script><!-- 77 <script><!--
92 (function() 78 (function()
93 { 79 {
94 function initFacebook(locale) 80 function initFacebook(locale)
95 { 81 {
96 var map = { 82 var map = {
97 "en": "en_US", 83 "en": "en_US",
98 "he": "he_IL", 84 "he": "he_IL",
(...skipping 15 matching lines...) Expand all
114 }(document, 'script', 'facebook-jssdk')); 100 }(document, 'script', 'facebook-jssdk'));
115 } 101 }
116 102
117 function initTwitter() 103 function initTwitter()
118 { 104 {
119 !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementBy Id(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js ";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); 105 !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementBy Id(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js ";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
120 } 106 }
121 107
122 function initGooglePlus() 108 function initGooglePlus()
123 { 109 {
110
124 var po = document.createElement('script'); po.type = 'text/javascript'; po.a sync = true; 111 var po = document.createElement('script'); po.type = 'text/javascript'; po.a sync = true;
125 po.src = 'https://apis.google.com/js/plusone.js'; 112 po.src = 'https://apis.google.com/js/plusone.js';
126 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefor e(po, s); 113 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefor e(po, s);
127 } 114 }
128 115
129 function sendDimensions() 116 function sendDimensions()
130 { 117 {
131 if (window.parent === window) 118 if (window.parent === window)
132 return; 119 return;
133 120
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
176 163
177 <div id="twitter"> 164 <div id="twitter">
178 <div class="widget-container"> 165 <div class="widget-container">
179 <a href="https://twitter.com/AdblockPlus" class="twitter-follow-button" data -show-count="false" data-size="large">Follow @AdblockPlus</a> 166 <a href="https://twitter.com/AdblockPlus" class="twitter-follow-button" data -show-count="false" data-size="large">Follow @AdblockPlus</a>
180 <a href="https://twitter.com/share" class="twitter-share-button" data-url="h ttps://adblockplus.org" data-text="I browse the web without annoying ads thanks to @AdblockPlus!" data-size="large">Tweet</a> 167 <a href="https://twitter.com/share" class="twitter-share-button" data-url="h ttps://adblockplus.org" data-text="I browse the web without annoying ads thanks to @AdblockPlus!" data-size="large">Tweet</a>
181 </div> 168 </div>
182 </div> 169 </div>
183 170
184 <div id="gplus"> 171 <div id="gplus">
185 <div class="widget-container"> 172 <div class="widget-container">
186 <div class="g-plus" data-href="https://plus.google.com/110020691898167279887 " data-width="490" data-rel="publisher"></div> 173 <div class="g-plus" data-href="https://plus.google.com/110020691898167279887 " data-width="500" data-rel="publisher"></div>
187 </div> 174 </div>
188 </div> 175 </div>
189 176
190 </body> 177 </body>
191 </html> 178 </html>
LEFTRIGHT

Powered by Google App Engine
This is Rietveld