1: <?xml version="1.0" encoding="UTF-8" ?>
2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3: <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4: <head>
5: <b:include data='blog' name='all-head-content'/>
6: <title><data:blog.pageTitle/></title>
7: <META NAME='description' content='Rafael Minuesa, a Graphic Designer turned Web Designer, turned Web Developer'/>
8: <b:skin><![CDATA[
9: /*
10: -----------------------------------------------
11: Blogger Template Style
12: Name: Social Magazeen
13: Designer: Rafael Minuesa
14: URL: rafael-minuesa.blogspot.com
15: Date: 01 Dec 2009
16: Updated by: Rafael Minuesa
17: ----------------------------------------------- */
18: .internallink{
19: font-size:0.9em;
20: text-align:center;
21: }
22: .samples{
23: width:260px;
24: float:left;
25: margin:15px 25px 25px 10px;
26: border:1px solid #047;
27: text-align:left;
28: overflow:auto;
29: }
30: .intro {
31: font-size:1.2em;
32: line-height:1.5em;
33: margin:10px 0px 7px 0;
34: }
35: .blocks{
36: padding:20px;
37: margin:20px 0px 20px 0px;
38: background:#eee;
39: color:#222;
40: border:2px solid #ddd;
41: }
42: .samplescontainer{
43: width:auto;
44: padding:10px;
45: margin:1px 1px 1px 1px;
46: background:transparent;
47: color:#222;
48: border:1px solid #ddd;
49: }
50: #intro p{
51: font-size:1.2em;
52: line-height:1.5em;
53: margin:10px 0px 7px 0;
54: }
55: #navbar-iframe {
56: display:block;
57: }
58: /* TABLA DE CONTENIDOS
59: 00 - Global
60: 01 - Typography
61: 02 - Structure
62: 03 - Header
63: 04 - Posts
64: 05 - Main Content
65: 06 - Sidebar
66: 07 - Profile
67: 08 - Footer
68: /* ----------------------------------------------*/
69: /* 00 - GLOBAL
70: /* ----------------------------------------------*/
71: body {
72: margin:0; padding:0;
73: width:auto; height:auto;
74: background:#e0edf3;
75: font:0.8em Arial, Helvetica, sans-serif; color:#5e6568;
76: line-height:19px;
77: }
78: code {
79: margin:0; padding:0;
80: width:80%; height:auto;
81: font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
82: }
83: pre {
84: margin:0 auto; padding:5px 20px;
85: background:#f4f1ec url(images/code.gif) repeat;
86: border:1px solid #bbced7;
87: font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;
88: line-height:200%;
89: }
90: blockquote {
91: margin:0 auto; padding:5px 20px;
92: width:80%; height:auto;
93: background:#f8fbfc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH6h-n8tv7S3llJ9NCtBTor1PRonipiU3iNsgK9rIfxXgzSslg753OoOz5rxb6Ok5qk17FPGt0IpLYsi4RzYvgh-g4gBMF1kyceivX3-axohWY9ecVVeU-0erNJoNG0h0-PcMZ-v-BF7Q/s1600/blockquote.gif) no-repeat top left; border:1px solid #edeff0;
94: }
95: img {
96: margin:0; padding:0;
97: border:0;
98: }
99: ins {
100: color:#009999;
101: }
102: del {
103: color:#990000;
104: }
105: /* 01 - FONTS
106: /* ----------------------------------------------*/
107: h1 {
108: margin:-10px 0 0 0; padding:0;
109: font:bold 3.53em Verdana, Arial, Helvetica, sans-serif; color:#fefefe;
110: position:relative; display:block;
111: }
112: .post-body h1 {
113: margin:10px 0; padding:0;
114: font:bold 2.50em Arial, Helvetica, sans-serif; color:#53798b;
115: }
116: h1 a:link, h1 a:active, h1 a:visited {
117: color:#fefefe;
118: outline:0;
119: }
120: h1 a:hover {
121: color:#d7d7d7;
122: }
123: h1 span {
124: margin:10px 0 0 0;
125: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlwOJfRNwuq0RRDshEN-_OD52SGaLNZcc_jqg-UenpSjhmxA16cnnVA4szEp5r5w3EBeH5lYSIpPDQpJcY78h8RH_w2Rg3tQmWItKDdliMVrP93dW0X9I2W92FIbvsX6pI7ucl1rvV1cQ/s1600/gradient.png) repeat-x;
126: width:100%; height:20px;
127: position:absolute; display:block;
128: }
129: h2 {
130: margin:0; padding:0;
131: font:1.2em Verdana, Arial, Helvetica, sans-serif; color:#b9b9b9;
132: }
133: .post-body h2 {
134: margin:10px 0; padding:0;
135: font:bold 2.00em Arial, Helvetica, sans-serif; color:#53798b;
136: }
137: h3 {
138: margin:0; padding:0;
139: font:bold 2.80em Arial, Helvetica, sans-serif; color:#30393d;
140: }
141: .post-body h3 {
142: margin:10px 0; padding:0;
143: font:bold 1.50em Arial, Helvetica, sans-serif; color:#53798b;
144: }
145: h3 a:link, h3 a:active, h3 a:visited {
146: color:#30393d;
147: }
148: h3 a:hover {
149: color:#54798b;
150: }
151: h3.post-title, h3.post-title-small {
152: margin:0; padding:10px 0;
153: width:380px; height:auto;
154: border-bottom:4px solid #30393d;
155: }
156: h3.post-title-small {
157: font-size:1.50em;
158: }
159: h4 {
160: margin:0; padding:0;
161: font:bold 1.75em Arial, Helvetica, sans-serif; color:#fefefe;
162: }
163: .post-body h4 {
164: margin:10px 0; padding:0;
165: font:bold 1.4em Arial, Helvetica, sans-serif; color:#53798b;
166: border-bottom:1px solid #53798b;
167: }
168: #footer h4 {
169: margin:0 0 20px 0;
170: }
171: #sidebar h2 {
172: /* Sidebar Header */
173: margin:0; padding:28px 0 0 20px;
174: width:285px; height:55px;
175: background:#f5fbfe url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0RjjeG1dm7DEmObEAhvLEwJs33Juzqk14D6ESkK5FSE1kRoZUwQbphZTzOP3xBgoRZToshUpQc1WbexTPUx614XAneTxUeqg0L3RnBaGW10NueeLHlZwrfhVfzgSHSPGVRbiOaBwYIiU/s1600/sidebar-top.gif) no-repeat top center;
176: font:bold 2.25em Arial, Helvetica, sans-serif; color:#587682;
177: }
178: .post-body h5 {
179: margin:10px 0; padding:0;
180: width:auto; height:auto;
181: background:none;
182: font:bold 1.1em Arial, Helvetica, sans-serif; color:#53798b;
183: }
184: #tag_cloud h5, #searchform label {
185: margin:0; padding:0;
186: background:none;
187: }
188: .post-body h6 {
189: margin:8px 0; padding:0;
190: width:auto; height:auto;
191: background:none;
192: font:bold 0.9em Arial, Helvetica, sans-serif; color:#53798b;
193: }
194: a:link, a:active {
195: color:#53798B;
196: text-decoration:none;
197: }
198: a:hover {
199: color:#000;
200: }
201: a:visited {
202: color:#C05898;
203: text-decoration:none;
204: }
205: /* Header
206: /* -------------- */
207: #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
208: margin:0; padding:13px 15px;
209: font:bold 1.08em Arial, Helvetica, sans-serif; color:#34393e;
210: display:block;
211: }
212: #navigation ul li a:hover {
213: color:#000;
214: font-weight:bold; text-decoration:underline;
215: }
216: #navigation ul.pages li.current_page_item a:link, #navigation ul.pages li.current_page_item a:active, #navigation ul.pages li.current_page_item a:visited {
217: /* Crazy margins to pull up the hover image above the borders.*/
218: margin:-3px 0 0 0; padding:15px 15px 14px 15px;
219: background:#171615 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLiGBorCiUzNEbj-aihZMlPF5Q7z5kWtU8-DkP8chGrzjQ5jeSDXvC-Lrq1OVU0k0z-xuhmFfMTfOcFqB-qoooBwm_3vsPECU1QQjBr2-9SbX3sCyZ5xwiCI-7VjE2BmFEc-y8HAehA2s/s1600/navigation-hover.gif) repeat-x bottom center;
220: color:#f1f8ff; position:relative
221: }
222: a.rss:link, a.rss:active, a.rss:visited, a.rss:hover {
223: margin:13px 15px 0 0; padding:0;
224: width:16px; height:17px;
225: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiUkeZ-7wxyJjLwyGviLC-V4ayo-D4izqa_4ohkP3IJqHfE2L8PXCmgtOiRDohIjMRElxc_WgMH5q3UjPZ6BoFMjSRC3ZkcC3X-XIvp9poMGPOXIElcEZ5_Lo4s7oZY5tH0yI9DFZ7G70/s1600/rss.png) no-repeat top center;
226: text-indent:-9999px; display:block; outline:0;
227: }
228: /* Main Content
229: /* -------------- */
230: .post-info {
231: text-align:right;
232: font:0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
233: }
234: .post-info span {
235: font-size:1.18em;
236: }
237: .post-info a:link, .post-info a:active, .post-info a:visited {
238: color:#1e1c1a;
239: text-decoration:none;
240: }
241: .post-info a:hover {
242: color:#f23183;
243: }
244: .comment-count a:link, .comment-count a:active, .comment-count a:visited {
245: margin:0; padding:10px 20px;
246: font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;
247: display:block;
248: }
249: .comment-count a:hover {
250: background:#ea2f7e;
251: }
252: .post-body strong {
253: font:bold 1.33em Arial, Helvetica, sans-serif; color:#30393d;
254: line-height:21px;
255: }
256: .continue-reading a:link, .continue-reading a:active, .continue-reading a:visited {
257: font:bold italic 1.17em Georgia, "Times New Roman", Times, serif;
258: color:#bd4478;
259: }
260: .continue-reading a:hover {
261: color:#f2307f;
262: }
263: /* Etiquetas en posts
264: /* -------------- */
265: .category a:link, .category a:visited {
266: margin-bottom:-1px; padding:15px 0 0 0;
267: display:inline-block;
268: height:25px; outline:0;
269: font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;
270: }
271: /* Navegación (entradas antiguas)
272: /* -------------- */
273: .navigation {
274: font:normal 0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
275: }
276: .navigation a:link, .navigation a:visited, .navigation a:active {
277: font:bold 0.92em Georgia, "Times New Roman", Times, serif; color:#656c71;
278: }
279: .navigation a:hover {
280: color:#35383a;
281: }
282: /* Comments
283: /* -------------- */
284: .comment-author {
285: font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54;
286: }
287: .comment-author a:link, .comment-author a:active, .comment-author a:visited {
288: color:#3c4d54;
289: }
290: .comment-body {
291: font:1.00em Arial, Helvetica, sans-serif; color:#74868d;
292: line-height:19px;
293: }
294: #comments-block .comment-count {
295: margin:0; padding:10px 20px;
296: font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;
297: display:block;
298: }
299: /* Sidebar
300: /* -------------- */
301: #sidebar .widget {
302: font:0.92em Arial, Helvetica, sans-serif;
303: }
304: #sidebar .widget a:link, #sidebar .widget a:visited, #sidebar .widget a:active {
305: font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;
306: }
307: #sidebar .widget a:hover {
308: text-decoration:none;
309: }
310: /* Footer
311: /* -------------- */
312: p.about-text {
313: margin:0 0 10px 0;
314: font:0.92em Arial, Helvetica, sans-serif; color:#b2b2b2;
315: line-height:17px;
316: }
317: p.copyright {
318: margin:10px 0 0 0;
319: font:0.92em Arial, Helvetica, sans-serif; color:#777777;
320: }
321: /* Misc
322: /* -------------- */
323: .arial, .arial a {
324: font-family:Arial, Helvetica, sans-serif;
325: }
326: /* 02 - STRUCTURE
327: /* ----------------------------------------------*/
328: .container {
329: margin:0 auto; padding:0;
330: width:940px; height:auto;
331: }
332: /* Columnas
333: /* -------------- */
334: #col-580 {
335: width:580px;
336: float:left;
337: }
338: .col-340 {
339: width:340px;
340: }
341: .left, .alignleft {
342: float:left;
343: }
344: .right, .alignright {
345: float:right;
346: }
347: .aligncenter {
348: margin:0 auto;
349: display:block;
350: }
351: /* Clearfix
352: /* -------------- */
353: .clearfix:after {
354: content: " ";
355: display: block;
356: clear: both;
357: visibility: hidden;
358: line-height: 0;
359: height: 0;
360: }
361: .clearfix {
362: display: inline-block;
363: }
364: html[xmlns] .clearfix {
365: display: block;
366: }
367: * html .clearfix {
368: height: 1%;
369: }
370: /* 03 - HEADER
371: /* ----------------------------------------------*/
372: #header {
373: margin:0; padding:0;
374: width:auto; height:auto;
375: background:#171615 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPDTO5NcqXmwb50VFCKsEFmBEDZybMK2CmrogAn-L1Cy3ZM389XoVXQoxqg9JejI4P1wIi9rRn43KFh2hssv4qY5QYy7DIz25Ja94ZxsDixfWeZYdIsU7JqYLhP8xftMQ_sMyLBNt6Uc/s1600/header.gif) repeat-x top center;
376: border-bottom:1px solid #4a4d4c;
377: }
378: #logo {
379: margin:0; padding:60px 0;
380: width:580px; height:auto;
381: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJeahq9uIpAbvzt87H4gx-PZRBxtp-eF5sjm88jvk0J-M6_VfBAiGS3jd7eDgDwFDhZ6G3q0isF1nlhMujDxSMaNfUr_h0kbY8do3MuFHzJ4w2izi_szSmVAirLTxSVg8H-pA5HThQ5hg/s1600/header-shade.gif) no-repeat top right;
382: float:left;
383: }
384: #searchform-header {
385: margin:78px 20px 0 0; padding:0;
386: width:284px; height:auto;
387: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNLsG8t74mFzOOBsA80YsVI0oELY7rDWJZ9YiJCd5icrxwHDK8PoH8D0u79IkyB3wcx353sYM2PrRQFe6xIAcoZRZDgGCeJ2Q3cdaGR1CrORq452XRTEiNwsfD7hOJ17p8JNVcfL_mvA/s1600/searchform-back.gif) no-repeat center left;
388: float:right;
389: }
390: #searchform-header #s {
391: margin:0 0 0 0; padding:6px 10px 5px 25px;
392: width:165px; height:auto;
393: border:0;
394: background:none;
395: float:left;
396: font-size:0.92em; color:#aea592;
397: }
398: #searchform-header #go {
399: float:right;
400: margin:0;
401: }
402: #navigation {
403: margin:0; padding:0;
404: background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYQ7V35gGkP-5xKVykyoGvOdLssVTcDPbWZwiO0rzodSeqGLD-ZAKhjf6G40hXapwRZ83PGUmIt_ykZcjzIxvcauLTSxLNg0T4fTFnIL3EB2Bg-2zPPtCyLWYdlQTWdrYN7BjRFbkENbI/s1600/navigation.gif) repeat-x bottom center;
405: border-top:2px solid #393b3b; border-bottom:1px solid #FFF;
406: }
407: #navigation ul.pages {
408: margin:0 auto; padding:0;
409: width:880px; height:auto;
410: list-style:none; float:left;
411: }
412: #navigation ul li {
413: margin:0 3px; padding:0;
414: float:left; overflow:visible;
415: }
416: .rss {
417: margin:0 30px 0 0; padding:0;
418: width:16px; height:17px;
419: float:right;
420: }
421: /* 04 - POSTS DESTACADOS
422: /* ----------------------------------------------*/
423: #latest-dock {
424: margin:0; padding:0;
425: background:#f4f6f8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyN2ZtUG1Hw9t-OMxV2J6a7ayNmfUXRqOSD7jFik2OANMUx9YvZ5EaPjCdl_zr-ItM0GzKlz7R5CBBYmlrpZUfo2apPGcpIzmPh_hZQXV8zHng_d_mQTnSLSnMIFUizyM004x2z57n4Qw/s1600/dock.gif) repeat-x bottom center;
426: border-bottom:1px solid #fbf9fa;
427: }
428: .dock-back {
429: padding:20px 0;
430: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeok6TN6q1B1_mVdmnmwplBdLl4hhaDQ7I_yh0CQ4Kn5RYChvgdGW-JYFjYf7Qe2GIlf6vhhm_GJkysoIXx2a7WjN9_6x_Qi4V8MIcMoN55Jh8OIOTNDWqfQQJ7HPtW5dfK1VDJunc2mA/s1600/dock-back.gif) no-repeat bottom center;
431: }
432: #dock {
433: margin:0 auto; padding:0;
434: width:940px;
435: list-style:none;
436: position:relative;
437: text-align:center;
438: }
439: #dock li {
440: margin:0; padding:0 0 18px 0;
441: display:inline;
442: }
443: #dock li.dock-active {
444: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fZuRFdMWGop0iT2PPEq1zll2_KCWxgw3onwGMBUg8SDE-otOhnudOJHbC7iqnQNl0uAZxayA4xRGQOsTdo0OKx82LtC3desPeydaCdSz9Bqe1umQcGHvfBw-ISN9JHUTClxqYa7fbBY/s1600/dock-shadow.png) no-repeat bottom center;
445: }
446: #dock li a:link, #dock li a:active, #dock li a:visited {
447: margin:30px 7px 0 7px; padding:8px 0 0 0;
448: width:75px; height:70px;
449: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJE-tUCvhkF_NNhpjVGFpYPlDTtn4W76qkyV7ZExdl3E_k8x8NeGGUf1hf99_1DN7TKJp8s2mkaUttOSN77hGF0N31H9eV7IfXoNLhvrWOkwwDN3of35e-tyhCVE77l7zjgpqu3WgXKM/s320/dock-preview-back.png) no-repeat center center;
450: display:inline-block;
451: }
452: #dock li span {
453: margin:0; padding:0;
454: width:980px; height:auto;
455: position:absolute;
456: display:none;
457: top:0; left:0;
458: text-align:center;
459: font:bold 1.17em Arial, Helvetica, sans-serif; color:#31393d;
460: }
461: .latest {
462: width:980px; text-align:center;
463: font:bold 1.17em Arial, Helvetica, sans-serif; color:#31393d;
464: position:absolute;
465: }
466: /* 05 - CONTENIDO PRINCIPAL
467: /* ----------------------------------------------*/
468: #main-content {
469: padding:20px 0;
470: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSSX0_8817b8cMqb5ngH5r5qGaQlc5jAoH-KAfxKUrj-HGohnqSdYTKuPdCV2gxlux3jDuKSvCvgcM25hcKYdzTu89SUmLrqEmKCHdHlTPnL2D9djY-IJrZfkLJv7SOhuo38CTZjJicw4/s1600/main-content.gif) no-repeat top center;
471: border-top:1px solid #c6dee7;
472: border-bottom:10px solid #d0dce2;
473: }
474: .post {
475: margin:0 0 25px 0;
476: }
477: /* Post Box
478: /* --------------- */
479: .post-box {
480: margin:0; padding:0;
481: background:#fdfefe url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil1u_9hR7cePizcrHaNyZfFBDbVsT6U433b_bb9s4awgIUg4b_gCLgFGZ8VYWfTcbO6Y54f9KQ1ou-sIfd2vS0vE3y04gRuNEEeV3Xbh3RCAdi5boH4XYIp_lDC2SRO4yUx3Kdak_JuVE/s1600/post-box-top.gif) repeat-x top center;
482: border:1px solid #dce7ed;
483: border-bottom:1px solid #cfdbe1; border-top:0;
484: }
485: .post-meta {
486: margin:0 0 23px 0; padding:0;
487: border-bottom:1px solid #FFF;
488: position:relative;
489: }
490: .post-info {
491: margin:0; padding:10px 5px;
492: width:190px; height:auto;
493: border-bottom:4px solid #889398;
494: bottom:0; right:0;
495: position:absolute;
496: }
497: .post-content, .comment-content {
498: margin:0; padding:22px 22px 11px;
499: border:1px solid #FFF;
500: border-bottom:1px solid #e8ebec;
501: position:relative;
502: }
503: .comment-count {
504: margin:0; padding:0;
505: width:auto; height:auto;
506: background:#f23183;
507: position:absolute; display:block;
508: top:-10px; left:-10px;
509: }
510: .post-body {
511: padding:10px 0 0 0;
512: }
513: .post-body img {
514: margin:0 auto; padding:3px;
515: border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;
516: border-bottom:1px solid #e7e8e8;
517: text-align:center; display:block;
518: }
519: /* Post Footer
520: /* --------------- */
521: .post-footer {
522: margin:0; padding:23px;
523: background:#fcfdfe;
524: border-top:1px solid #FFF;
525: position:relative; z-index:100;
526: }
527: .continue-reading {
528: margin:0; padding:0;
529: width:180px; height:auto;
530: float:left;
531: }
532: .category-menu {
533: margin:0; padding:0;
534: width:350px; height:auto;
535: float:right; text-align:right;
536: position:absolute; top:10px; right:10px;
537: }
538: .post-labels {
539: margin:0; padding:0 25px 0 15px;
540: width:7px; height:5px;
541: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMe-OQNSqhgOSUeQaokn0pKF1KyYwHKCaFxn02bmAxV1Pyzwkph6GVfkG8gkI9uzU52eaOMKMh6C_q6km1peYs8xQ5xB2quyhImp4gHL5Ewd7YZ89bWKc2F6TMj2QXB23m2BNdO8srEcE/s1600/expand.gif) no-repeat center left;
542: vertical-align:middle;
543: }
544: /* Content Navigation
545: /* --------------- */
546: .navigation {
547: margin:0; padding:8px 10px;
548: background:#dce8ee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG9ABUn2tbyVZZNFxeAzWLf9ArNQf1Q9AvbiQ3TRfgcbX1_C_A9hlnhc58oEP0c-Ar54NQV9wSwuVAS_BrTIsyyM-0bWNdcdsxFRZ2qjC5_SpYFgbY8S0quudf4Y-YQdgfNeCHHIEh6R8/s1600/box-highlight.gif) repeat-x bottom center;
549: border:1px solid #ebf2f5;
550: border-bottom:1px solid #d4e0e6;
551: }
552: #blog-pager-newer-link {
553: float: left;
554: }
555: #blog-pager-older-link {
556: float: right;
557: }
558: #blog-pager {
559: text-align: center;
560: }
561: .feed-links {
562: clear: both;
563: line-height: 2.5em;
564: }
565: /* Comentarios
566: /* --------------- */
567: #comments-block {
568: margin-top:30px;
569: }
570: #comments-block .comment-timestamp {
571: font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;
572: display:block;
573: }
574: .comment-content {
575: padding:0;
576: background:#f9fcfd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUU2lwOITXh-Eec0pgVpb6A32Tk6llKuq0e82xMUi5dR-X7TMiQPhC5QAa9fZRDUTgzhqe0awZ2JMrjNSAeh-PBI2yseRIzLDJNHPGjysA-56gschxGWQ53FJDkYFACG6xADqCD7jAXOE/s1600/white.gif) repeat-x bottom center;
577: border-bottom:0;
578: }
579: .commentlist {
580: margin:15px 0 0 0;
581: padding:30px;
582: border-bottom:1px solid #d9e1e6;
583: }
584: #comments-block .comment-body {
585: margin:0; padding:0;
586: }
587: .deleted-comment {
588: font-style:italic;
589: color:gray;
590: }
591: /* 06 - SIDEBAR
592: /* ----------------------------------------------*/
593: #sidebar {
594: margin:0 0 0 15px; padding:0;
595: width:305px; height:auto;
596: list-style:none;
597: }
598: #sidebar .widget {
599: margin:0 0 20px 0; padding:0 0 56px 0;
600: width:auto; height:auto;
601: background:#f5fbfe url(http://img14.imageshack.us/img14/4963/sidebarbottom.gif) no-repeat bottom center;
602: }
603: #sidebar .widget-content {
604: margin:0 auto; padding:0 0 15px 0;
605: width:245px; height:auto;
606: background:#ebf6fb;
607: overflow:hidden;
608: }
609: #sidebar ul li {
610: margin:0 0 15px 0; padding:0;
611: width:auto; height:auto;
612: background:none;
613: }
614: /* 07 - PERFIL
615: /* ----------------------------------------------*/
616: .profile-img {
617: float: left;
618: margin: 0 5px 5px 0;
619: padding: 4px;
620: border: 5px solid #E7E9E3;
621: }
622: .profile-data {
623: margin:0;
624: font: arial;
625: color: #000;
626: font-weight: bold;
627: line-height: 1.6em;
628: }
629: .profile-datablock {
630: margin:.5em 0 .5em;
631: }
632: .profile-textblock {
633: margin: 0.5em 0;
634: line-height: 1.6em;
635: }
636: .profile-link {
637: font: #000;
638: letter-spacing: .1em;
639: }
640: /* 08 - FOOTER
641: /* ----------------------------------------------*/
642: #footer {
643: margin:0; padding:30px 0;
644: width:auto; height:auto;
645: background:#171615 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9dlkbQifrNUQ-Wq6cVQdIbdHDszn4On8ClSxNRgiQdtgv7TsvX9t7Rz2YUcWf-Cj2IT-_pMWBUzNDli-Uqag9H7gcdOM1US4DpfH85DFuTvt9zZIp8N06gZIpWRJEVPqghCbRrTX7S68/s1600/footer-stroke.gif) repeat-x top center;
646: border-top:1px solid #171615; border-bottom:1px solid #1e1d1d;
647: }
648: .footer-divider {
649: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUyAKxC9Q1iEOb9dDg4D4SLU3Ms_YzfPxXfahVEzE1hGfPOc1uxFSYpo9dTaUr2plzOzRX3ir6GT8o60TJNzGYNPqRUaezPo9Sj3V6VcZEPIKp_yc8b9mmjZERwjpQGujEn0IK7cblptE/s1600/footer-divider.gif) repeat-y top left;
650: }
651: #footer .categories {
652: margin:0; padding:0;
653: width:360px; height:auto;
654: float:left;
655: }
656: .footer-cat {
657: margin:0; padding:0;
658: width:360px; height:auto;
659: list-style:none;
660: }
661: .footer-cat li {
662: margin:5px 0; padding:0 0 0 9px;
663: width:150px; height:auto;
664: float:left;
665: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSw97Bl5PjYTJmt_pUJ6tVjFM1n73Q5QAphhHzg3RPISS4Z_DmNGiX-gYILVec65t9BQwoVUle1-YUaRWHaT_oBL1NbOv_GmYQfAMNWfJJmqh8owWx_U_Hg4QfgTmhvbwzXuVBZ-g28uY/s1600/footer-cat-left.gif) no-repeat top left;
666: }
667: .footer-cat li a {
668: margin:0; padding:0 9px 0 0;
669: width:auto; height:23px; line-height:23px;
670: float:left; display:block;
671: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5BUqJnu_rYRaZ5B9zJyeH4hp8bGbbOfsUUUYRI-CEzO0P06rWX-fYTtpNmuwHIi5t3V3IzWu8U_Gjw2MFwmR1cQqz8wv0bt9FiJHYG0gh3fzxFEP8Z9vrYYH7Uvl1wDR18-UDIpyGDzs/s1600/footer-cat-right.gif) no-repeat top right;
672: }
673: .footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {
674: font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;
675: }
676: .footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {
677: color:#FF00FF;
678: }
679: .footer-cat li:hover, .footer-cat li:hover a {
680: background-position:0% -23px;
681: color:#171615;
682: cursor:pointer;
683: }
684: .footer-cat li:hover a {
685: background-position:100% -23px;
686: }
687: #footer .about {
688: margin:0; padding:0;
689: width:580px; height:auto;
690: float:right;
691: }
692: #link-back {
693: margin:0; padding:15px 0;
694: background:#0c0b0b;
695: }
696: .donators {
697: margin:0; padding:0;
698: width:590px; height:auto;
699: float:left;
700: }
701: a.rafaelminuesa:link, a.rafaelminuesa:active, a.rafaelminuesa:visited, a.rafaelminuesa:hover, a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover, a.function:link, a.function:active, a.function:visited, a.function:hover, a.zonacerebral:link, a.zonacerebral:active, a.zonacerebral:visited, a.zonacerebral:hover {
702: margin:0; padding:0;
703: width:154px; height:54px;
704: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcX-OH-E_gwr_gzaeUO0shdBX98iQtsp1hELsGhDz9oYemAGBKFh9oLVjrZUzI3_Q6tVEi0BVuhH4rXNxTKH_S0I4yQ1Z0kcsgJyzcPzB7Wl-pZWtiS7Qd4Efy2VvRttr2V68f7IMhzd0/s1600/smashing.gif) no-repeat top center;
705: display:block; text-indent:-9999px; float:left; outline:0;
706: }
707: a.function:link, a.function:active, a.function:visited, a.function:hover {
708: width:128px;
709: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvIzqCJ2XiPuuj8UIeEUyS1Jg9XhIwGVjq4aaAO1uMHFSHe1-_tZThs6VBfpmPGGcSEDv5tScNw60h61hOixdrH9veLdZfRqj9HRNokbBLr-bVvjhMJRw4htqX-Pn0D5PWPs4IZoapv8/s1600/function.gif) no-repeat top center;
710: }
711: a.zonacerebral:link, a.zonacerebral:active, a.zonacerebral:visited, a.zonacerebral:hover {
712: width:128px;
713: background:url(http://img264.imageshack.us/img264/9738/zonacerebral2.gif) no-repeat top center;
714: }
715: a.rafaelminuesa:link, a.rafaelminuesa:active, a.rafaelminuesa:visited, a.rafaelminuesa:hover {
716: width:128px;
717: background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5h40SF-FEwBqR2kE2QIe5rstHHNs-Ds79GUKnAjyMkgImwAgGvL6PBrQRIMAhrMv40FnG5nTgOJSKRVI-68tjmdPQ3KSOLaAPYlRbhfvY5CF3m99iMXiHLfYF_syzcH4Yh4Mr2WIVJTo/s320/rmm.gif) no-repeat top center;
718: }
719: /** Page structure tweaks for layout editor wireframe */
720: body#layout #header {
721: margin-left: 0px;
722: margin-right: 0px;
723: }
724: ]]></b:skin>
725: <meta content='7da8c9a6b683a513190f96648baffe11' name='p:domain_verify'/>
726: </head>
727: <body>
728: <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
729: <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
730: <b:includable id='main'><script type="text/javascript">
731: function setAttributeOnload(object, attribute, val) {
732: if(window.addEventListener) {
733: window.addEventListener('load',
734: function(){ object[attribute] = val; }, false);
735: } else {
736: window.attachEvent('onload', function(){ object[attribute] = val; });
737: }
738: }
739: </script>
740: <div id="navbar-iframe-container"></div>
741: <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
742: <script type="text/javascript">
743: gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
744: if (gapi.iframes && gapi.iframes.getContext) {
745: gapi.iframes.getContext().openChild({
746: url: 'https://draft.blogger.com/navbar.g?targetBlogID\0752583894553445679744\46blogName\75Rafael+Minuesa\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLACK\46layoutType\75LAYOUTS\46searchRoot\75http://rafael-minuesa.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://rafael-minuesa.blogspot.com/\46blogFollowUrl\75https://plus.google.com/113090106154607407708\46vt\758955641596599720156',
747: where: document.getElementById("navbar-iframe-container"),
748: id: "navbar-iframe"
749: });
750: }
751: });
752: </script><script type="text/javascript">
753: (function() {
754: var script = document.createElement('script');
755: script.type = 'text/javascript';
756: script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
757: var head = document.getElementsByTagName('head')[0];
758: if (head) {
759: head.appendChild(script);
760: }})();
761: </script>
762: </b:includable>
763: </b:widget>
764: </b:section>
765: <!-- skip links for text browsers -->
766: <span id='skiplinks' style='display:none;'>
767: <a href='#main'>skip to main </a> |
768: <a href='#sidebar'>skip to sidebar</a>
769: </span>
770: <div id='header'>
771: <div class='container clearfix'>
772: <div id='logo'>
773: <h1><a href='http://rafael-minuesa.blogspot.com/' title='Rafael Minuesa'>Rafael Minuesa</a></h1>
774: <br/>
775: <h2>A Graphic Designer turned Web Designer turned Web Developer</h2>
776: </div><!-- End logo -->
777: <form action='http://rafael-minuesa.blogspot.com/search' class='clearfix' id='searchform-header' method='get'>
778: <input id='s' name='s' onblur='if (this.value == '') {this.value = 'Search';}' onfocus='if (this.value == 'Search') {this.value = '';}' type='text' value='Search'/>
779: <input alt='Search' id='go' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifNdXlCdZyd3JgwSPlQpShow1kuWC7_pWjiV-VyjkvFauDSko1SEnHllryNgu2n6rq539MZnh4fytgpbLVeWJaU3GuTiXBgXbdQpDUxvQ74pFRNoHIc6sN0s93FTr-1Zut1WHYqaCgzig/s1600/search.gif' title='Search' type='image'/>
780: </form><!-- End searchform -->
781: </div><!-- End Container -->
782: </div><!-- End header -->
783: <div id='navigation'>
784: <div class='container clearfix'>
785: <ul class='pages'>
786: <li class='current_page_item'><a href='http://rafael-minuesa.blogspot.com/2009/10/rafael-minuesa.html'>Home</a></li>
787: <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/education.html'>Education</a></li>
788: <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/languages.html'>Languages</a></li>
789: <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/skills.html'>Skills</a></li>
790: <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/experience.html'>Experience</a></li>
791: <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/samples.html'>Samples</a></li>
792: <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/interests.html'>Interests</a></li>
793: <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/contact.html'>Contact</a></li>
794: </ul>
795: </div><!-- End container -->
796: </div><!-- End navigation -->
797: <div id='latest-dock'>
798: <div class='dock-back container clearfix'>
799: <div class='latest'>Social Media Network</div>
800: <ul id='dock'>
801: <li><a href='https://plus.google.com/113090106154607407708' rel='bookmark' target='_blank' title='Google +'><img alt='Google + Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAPJNPh40qi8tss-VroAwLlRUE7qzXQFvj-N7r-AYOOpfCutYuFcOXX_CI05sfU4xgTe5w5xFiA9qjWLx7vw_gm1hlbCrcKDZEfhdEFj_47dUKdRYgkhy9hTvf20GvXdBBNX0oUZ09e94/s1600/google-plus.png'/></a><span>Google +</span></li>
802: <li><a href='http://www.facebook.com/rafael.minuesa' rel='bookmark' target='_blank' title='Facebook'><img alt='Facebook Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNiS5O5sdru0YyMYluHfaKP1Wxr9P3x_8BmmBGSpjI0BIn4IMTrzpyXeAoaN-nxSzz5athBRfF37VgsQhYIGRG_rvPgjiK35FNHGgvvrDKBRe4QlqmESi-XJOoXJH1zlDEgIhXeeQSV4/s1600/facebook.png'/></a><span>Facebook</span></li>
803: <li><a href='http://www.flickr.com/photos/rafael-minuesa' rel='bookmark' target='_blank' title='flickr'><img alt='flickr Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4iNt6eB3pGYexofWgtPVfbsnmFK-rPF_8iDmE8bAP5zqIaaxNIVx0mjG1C-hbxqB0jZjOansZm8lt61yGBL19b2HbCnfQJYG5xC1guwszFPe0T-Gq9iTAw006W56GEBtvCJZpqHUl8o/s320/flickr.png'/></a><span>flickr</span></li>
804: <li><a href='http://sg.linkedin.com/in/rafaelminuesa' rel='bookmark' target='_blank' title='Linkedin'><img alt='Linkedin Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0WVWBZV1oHJNSxIc-zwfra5NotOMJsg-VvXMl7afmG4GzsZOsh1JzpJiwD8AuB48wEvn4SK4t5Vin8craEPhuauN3ejuOSSDLji_6K01-gHhmAT8ulpOd6GpKHoD3YGljZDEZklLpLw/s1600/linkedin.png'/></a><span>Linked in</span></li>
805: <li><a href='http://www.myspace.com/rafael-minuesa' rel='bookmark' target='_blank' title='MySpace'><img alt='MySpace Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihlLP6SErAPK5xmI1VP3sFJbvBLiCD9uDToFt0JF5XaJikwYF3l9G0lMLalx_3MAuX66GRU7JT6s0ONJyFRbR_9ehAwueBN4NIi_1Ja5p8DuFnyQlnZkkMbl3knnK0h04Vi_fuOtN4SIo/s1600/myspace.png'/></a><span>MySpace</span></li>
806: <li><a href='http://picasaweb.google.com/rafael.minuesa/' rel='bookmark' target='_blank' title='Picasa'><img alt='Picasa Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ODkntMOGIOHdkTx9pUri3UZUcHcyHbPmAutldtgKFORhdts4bJHMP7BRUe1ihhXuDwFbdPNrroCJlUjndc2lgbynkz1Hqvbmc2tqKxqJTHlzhwc7JUMc1dWQBAJLEryPz78i6VBpeyI/s1600/picasa.png'/></a><span>Picasa</span></li>
807: <li><a href='http://twitter.com/rafaminu' rel='bookmark' target='_blank' title='Twitter'><img alt='Twitter Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta_b4u3ATnQOK-2udcR9-za1p9E3k0TwtPQrKd4caCYgpsXPbQie-SCxo2zgFeNmPxOTgHkDTV-5vKWSxOAu9jOeYYjAG4M3hzpG9YRZ94YWO4wi-C2KTq4_inbJrGNtrKNCWIsZynqI/s1600/twitter.png'/></a><span>Twitter</span></li>
808: <li><a href='http://rafaelminuesa.wordpress.com/' rel='bookmark' target='_blank' title='WordPress'><img alt='WordPress Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRcG6WdmDr5ufb54hGhudPFxHd1xi9ZoxEhl2d-XpJS_inYgcZZ533dFE2PUmuke2XnCcamKlxYEcggU1GFGrngAitdSapRlduBG2GEmUceveKQY2ErKhR4ME2xraRloQ2jEPLf7obV-4/s320/wordpress.png'/></a><span>Feed Burner</span></li>
809: <li><a href='http://www.youtube.com/user/RafaelMinuesa' rel='bookmark' target='_blank' title='YouTube'><img alt='YouTube Button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRhMdisbeq0PPuOZ65ywHqwZseiMhpRhRRYhGbVuPDY8-Xu02SWeZAQRAUyJs-S02i-LmfE7xE40D0Ebmx6oUTwLUdqF4YM46OPaOhOoNy5rxx2i-VJx2Dvhu1WHCEVC8vum4ZiiiqiFw/s1600/youtube.png'/></a><span>YouTube</span></li>
810: </ul>
811: </div><!-- End container -->
812: </div><!-- End latest-dock -->
813: <div class='clearfix' id='main-content'>
814: <div class='container'>
815: <div>
816: <b:section class='NewContainer' id='NewContainer'/>
817: </div>
818: <div id='col-580'>
819: <b:section class='main' id='main' showaddelement='no'>
820: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
821: <b:includable id='main' var='top'>
822: <!-- posts -->
823: <div class='blog-posts hfeed'>
824: <b:include data='top' name='status-message'/>
825: <data:adStart/>
826: <b:loop values='data:posts' var='post'>
827: <b:if cond='data:post.dateHeader'>
828: <h2 class='date-header'><data:post.dateHeader/></h2>
829: </b:if>
830: <b:include data='post' name='post'/>
831: <b:if cond='data:blog.pageType == "item"'>
832: <b:include data='post' name='comments'/>
833: </b:if>
834: <b:if cond='data:post.includeAd'>
835: <data:adEnd/>
836: <data:adCode/>
837: <data:adStart/>
838: </b:if>
839: </b:loop>
840: <data:adEnd/>
841: </div>
842: <!-- navigation -->
843: <b:include name='nextprev'/>
844: <!-- feed links -->
845: </b:includable>
846: <b:includable id='backlinkDeleteIcon' var='backlink'>
847: <span expr:class='"item-control " + data:backlink.adminClass'>
848: <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
849: <span class='delete-comment-icon'> </span>
850: </a>
851: </span>
852: </b:includable>
853: <b:includable id='backlinks' var='post'>
854: <a name='links'/><h4><data:post.backlinksLabel/></h4>
855: <b:if cond='data:post.numBacklinks != 0'>
856: <dl class='comments-block' id='comments-block'>
857: <b:loop values='data:post.backlinks' var='backlink'>
858: <div class='collapsed-backlink backlink-control'>
859: <dt class='comment-title'>
860: <span class='backlink-toggle-zippy'> </span>
861: <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
862: <b:include data='backlink' name='backlinkDeleteIcon'/>
863: </dt>
864: <dd class='comment-body collapseable'>
865: <data:backlink.snippet/>
866: </dd>
867: <dd class='comment-footer collapseable'>
868: <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
869: <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
870: </dd>
871: </div>
872: </b:loop>
873: </dl>
874: </b:if>
875: <p class='comment-footer'>
876: <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
877: </p>
878: </b:includable>
879: <b:includable id='comment-form' var='post'>
880: <div class='comment-form'>
881: <a name='comment-form'/>
882: <h4 id='comment-post-message'><data:postCommentMsg/></h4>
883: <p><data:blogCommentMessage/></p>
884: <data:blogTeamBlogMessage/>
885: <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
886: <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
887: <data:post.iframeColorizer/>
888: </div>
889: </b:includable>
890: <b:includable id='commentDeleteIcon' var='comment'>
891: <span expr:class='"item-control " + data:comment.adminClass'>
892: <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
893: <span class='delete-comment-icon'> </span>
894: </a>
895: </span>
896: </b:includable>
897: <b:includable id='comment_count_picker' var='post'>
898: <b:if cond='data:post.commentSource == 1'>
899: <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
900: </span>
901: <b:else/>
902: <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
903: <data:post.commentLabelFull/>:
904: </a>
905: </b:if>
906: </b:includable>
907: <b:includable id='comment_picker' var='post'>
908: <b:if cond='data:post.commentSource == 1'>
909: <b:include data='post' name='iframe_comments'/>
910: <b:else/>
911: <b:if cond='data:post.showThreadedComments'>
912: <b:include data='post' name='threaded_comments'/>
913: <b:else/>
914: <b:include data='post' name='comments'/>
915: </b:if>
916: </b:if>
917: </b:includable>
918: <b:includable id='comments' var='post'>
919: <div class='comments' id='comments'>
920: <a name='comments'/>
921: <b:if cond='data:post.allowComments'>
922: <dl class='post-box' id='comments-block'>
923: <div class='comment-content'>
924: <div class='comment-count'>
925: <b:if cond='data:post.numComments == 1'>
926: 1 <data:commentLabel/>:
927: <b:else/>
928: <data:post.numComments/> <data:commentLabelPlural/>:
929: </b:if>
930: </div>
931: <b:loop values='data:post.comments' var='comment'>
932: <div class='commentlist'>
933: <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
934: <a expr:name='"comment-" + data:comment.id'/>
935: <b:if cond='data:comment.authorUrl'>
936: <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
937: <b:else/>
938: <data:comment.author/>
939: </b:if>
940: <span class='comment-timestamp'>
941: <data:comment.timestamp/>
942: <b:include data='comment' name='commentDeleteIcon'/>
943: </span>
944: </dt>
945: <dd class='comment-body'>
946: <b:if cond='data:comment.isDeleted'>
947: <span class='deleted-comment'><data:comment.body/></span>
948: <b:else/>
949: <p><data:comment.body/></p>
950: </b:if>
951: </dd>
952: <dd class='comment-footer'>
953: </dd>
954: </div>
955: </b:loop>
956: </div>
957: </dl>
958: <p class='comment-footer'>
959: <b:if cond='data:post.embedCommentForm'>
960: <b:include data='post' name='comment-form'/>
961: <b:else/>
962: <b:if cond='data:post.allowComments'>
963: <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
964: </b:if>
965: </b:if>
966: </p>
967: </b:if>
968: <div id='backlinks-container'>
969: <div expr:id='data:widget.instanceId + "_backlinks-container"'>
970: <b:if cond='data:post.showBacklinks'>
971: <b:include data='post' name='backlinks'/>
972: </b:if>
973: </div>
974: </div>
975: </div>
976: </b:includable>
977: <b:includable id='feedLinks'>
978: <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
979: <b:if cond='data:feedLinks'>
980: <div class='blog-feeds'>
981: <b:include data='feedLinks' name='feedLinksBody'/>
982: </div>
983: </b:if>
984: <b:else/> <!--Post feed links -->
985: <div class='post-feeds'>
986: <b:loop values='data:posts' var='post'>
987: <b:if cond='data:post.allowComments'>
988: <b:if cond='data:post.feedLinks'>
989: <b:include data='post.feedLinks' name='feedLinksBody'/>
990: </b:if>
991: </b:if>
992: </b:loop>
993: </div>
994: </b:if>
995: </b:includable>
996: <b:includable id='feedLinksBody' var='links'>
997: <div class='feed-links'>
998: <data:feedLinksMsg/>
999: <b:loop values='data:links' var='f'>
1000: <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
1001: </b:loop>
1002: </div>
1003: </b:includable>
1004: <b:includable id='iframe_comments' var='post'>
1005: <b:if cond='data:post.allowIframeComments'>
1006: <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
1007: <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
1008: <b:if cond='data:post.embedCommentForm == "false"'>
1009: <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1010: </b:if>
1011: </b:if>
1012: </b:includable>
1013: <b:includable id='mobile-index-post' var='post'>
1014: <div class='mobile-date-outer date-outer'>
1015: <b:if cond='data:post.dateHeader'>
1016: <div class='date-header'>
1017: <span><data:post.dateHeader/></span>
1018: </div>
1019: </b:if>
1020: <div class='mobile-post-outer'>
1021: <a expr:href='data:post.url'>
1022: <h3 class='mobile-index-title entry-title' itemprop='name'>
1023: <data:post.title/>
1024: </h3>
1025: <div class='mobile-index-arrow'>&rsaquo;</div>
1026: <div class='mobile-index-contents'>
1027: <b:if cond='data:post.thumbnailUrl'>
1028: <div class='mobile-index-thumbnail'>
1029: <div class='Image'>
1030: <img expr:src='data:post.thumbnailUrl'/>
1031: </div>
1032: </div>
1033: </b:if>
1034: <div class='post-body'>
1035: <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
1036: </div>
1037: </div>
1038: <div style='clear: both;'/>
1039: </a>
1040: <div class='mobile-index-comment'>
1041: <b:if cond='data:blog.pageType != "static_page"'>
1042: <b:if cond='data:post.allowComments'>
1043: <b:if cond='data:post.numComments != 0'>
1044: <b:include data='post' name='comment_count_picker'/>
1045: </b:if>
1046: </b:if>
1047: </b:if>
1048: </div>
1049: </div>
1050: </div>
1051: </b:includable>
1052: <b:includable id='mobile-main' var='top'>
1053: <!-- posts -->
1054: <div class='blog-posts hfeed'>
1055: <b:include data='top' name='status-message'/>
1056: <b:if cond='data:blog.pageType == "index"'>
1057: <b:loop values='data:posts' var='post'>
1058: <b:include data='post' name='mobile-index-post'/>
1059: </b:loop>
1060: <b:else/>
1061: <b:loop values='data:posts' var='post'>
1062: <b:include data='post' name='mobile-post'/>
1063: </b:loop>
1064: </b:if>
1065: </div>
1066: <b:include name='mobile-nextprev'/>
1067: </b:includable>
1068: <b:includable id='mobile-nextprev'>
1069: <div class='blog-pager' id='blog-pager'>
1070: <b:if cond='data:newerPageUrl'>
1071: <div class='mobile-link-button' id='blog-pager-newer-link'>
1072: <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
1073: </div>
1074: </b:if>
1075: <b:if cond='data:olderPageUrl'>
1076: <div class='mobile-link-button' id='blog-pager-older-link'>
1077: <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
1078: </div>
1079: </b:if>
1080: <div class='mobile-link-button' id='blog-pager-home-link'>
1081: <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1082: </div>
1083: <div class='mobile-desktop-link'>
1084: <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1085: </div>
1086: </div>
1087: <div class='clear'/>
1088: </b:includable>
1089: <b:includable id='mobile-post' var='post'>
1090: <div class='date-outer'>
1091: <b:if cond='data:post.dateHeader'>
1092: <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1093: </b:if>
1094: <div class='date-posts'>
1095: <div class='post-outer'>
1096: <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1097: <b:if cond='data:post.thumbnailUrl'>
1098: <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
1099: </b:if>
1100: <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1101: <meta expr:content='data:post.id' itemprop='postId'/>
1102: <a expr:name='data:post.id'/>
1103: <b:if cond='data:post.title'>
1104: <h3 class='post-title entry-title' itemprop='name'>
1105: <b:if cond='data:post.link'>
1106: <a expr:href='data:post.link'><data:post.title/></a>
1107: <b:else/>
1108: <b:if cond='data:post.url'>
1109: <b:if cond='data:blog.url != data:post.url'>
1110: <a expr:href='data:post.url'><data:post.title/></a>
1111: <b:else/>
1112: <data:post.title/>
1113: </b:if>
1114: <b:else/>
1115: <data:post.title/>
1116: </b:if>
1117: </b:if>
1118: </h3>
1119: </b:if>
1120: <div class='post-header'>
1121: <div class='post-header-line-1'/>
1122: </div>
1123: <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1124: <data:post.body/>
1125: <div style='clear: both;'/> <!-- clear for photos floats -->
1126: </div>
1127: <div class='post-footer'>
1128: <div class='post-footer-line post-footer-line-1'>
1129: <span class='post-author vcard'>
1130: <b:if cond='data:top.showAuthor'>
1131: <b:if cond='data:post.authorProfileUrl'>
1132: <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1133: <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1134: <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1135: <span itemprop='name'><data:post.author/></span>
1136: </a>
1137: </span>
1138: <b:else/>
1139: <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1140: <span itemprop='name'><data:post.author/></span>
1141: </span>
1142: </b:if>
1143: </b:if>
1144: </span>
1145: <span class='post-timestamp'>
1146: <b:if cond='data:top.showTimestamp'>
1147: <data:top.timestampLabel/>
1148: <b:if cond='data:post.url'>
1149: <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
1150: <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1151: </b:if>
1152: </b:if>
1153: </span>
1154: <span class='post-comment-link'>
1155: <b:if cond='data:blog.pageType != "item"'>
1156: <b:if cond='data:blog.pageType != "static_page"'>
1157: <b:if cond='data:post.allowComments'>
1158: <b:include data='post' name='comment_count_picker'/>
1159: </b:if>
1160: </b:if>
1161: </b:if>
1162: </span>
1163: </div>
1164: <div class='post-footer-line post-footer-line-2'>
1165: <b:if cond='data:top.showMobileShare'>
1166: <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1167: <a href='javascript:void(0);'><data:shareMsg/></a>
1168: </div>
1169: </b:if>
1170: <b:if cond='data:top.showDummy'>
1171: <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1172: </b:if>
1173: </div>
1174: </div>
1175: </div>
1176: <b:if cond='data:blog.pageType == "static_page"'>
1177: <b:include data='post' name='comment_picker'/>
1178: </b:if>
1179: <b:if cond='data:blog.pageType == "item"'>
1180: <b:include data='post' name='comment_picker'/>
1181: </b:if>
1182: </div>
1183: </div>
1184: </div>
1185: </b:includable>
1186: <b:includable id='nextprev'>
1187: <div class='navigation arial clearfix'>
1188: <div class='blog-pager' id='blog-pager'>
1189: <b:if cond='data:newerPageUrl'>
1190: <span id='blog-pager-newer-link'>
1191: <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
1192: </span>
1193: </b:if>
1194: <b:if cond='data:olderPageUrl'>
1195: <span id='blog-pager-older-link'>
1196: <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
1197: </span>
1198: </b:if>
1199: </div>
1200: </div>
1201: <div class='clear'/>
1202: </b:includable>
1203: <b:includable id='post' var='post'>
1204: <div class='post hentry uncustomized-post-template'>
1205: <a expr:name='data:post.id'/>
1206: <div class='post-meta clearfix'>
1207: <b:if cond='data:post.title'>
1208: <h3 class='post-title left'>
1209: <b:if cond='data:post.link'>
1210: <a expr:href='data:post.link'><data:post.title/></a>
1211: <b:else/>
1212: <b:if cond='data:post.url'>
1213: <a expr:href='data:post.url'><data:post.title/></a>
1214: <b:else/>
1215: <data:post.title/>
1216: </b:if>
1217: </b:if>
1218: </h3>
1219: </b:if>
1220: <p class='post-info right'>
1221: <span>
1222: <b:if cond='data:top.showAuthor'>
1223: <data:top.authorLabel/>
1224: <span class='fn'><data:post.author/></span>
1225: </b:if>
1226: </span>
1227: <br/>
1228: <b:if cond='data:top.showTimestamp'>
1229: <b:if cond='data:post.url'>
1230: <data:post.timestamp/>
1231: </b:if>
1232: </b:if>
1233: </p>
1234: </div><!-- End post-meta -->
1235: <div class='post-box'>
1236: <div class='post-content'>
1237: <div class='comment-count'>
1238: <b:if cond='data:blog.pageType != "item"'>
1239: <b:if cond='data:post.allowComments'>
1240: <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
1241: </b:if>
1242: </b:if>
1243: </div>
1244: <!-- backlinks -->
1245: <span class='post-backlinks post-comment-link'>
1246: <b:if cond='data:blog.pageType != "item"'>
1247: <b:if cond='data:post.showBacklinks'>
1248: <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
1249: </b:if>
1250: </b:if>
1251: </span>
1252: <div class='post-body entry-content'>
1253: <b:if cond='data:blog.pageType == "item"'>
1254: <style>.fullpost{display:inline;}</style>
1255: <p><data:post.body/></p>
1256: <b:else/>
1257: <style>.fullpost{display:none;}</style>
1258: <p><data:post.body/></p>
1259: </b:if>
1260: <div style='clear: both;'/> <!-- clear for photos floats -->
1261: </div>
1262: </div><!-- End post-content -->
1263: <div class='post-footer clearfix'>
1264: <div class='category-menu'>
1265: <div class='category clearfix'>
1266: <div>
1267: <span class='post-labels'>
1268: <b:if cond='data:post.labels'>
1269: <b:loop values='data:post.labels' var='label'>
1270: <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
1271: </b:loop>
1272: </b:if>
1273: </span>
1274: </div>
1275: </div>
1276: <span class='post-icons'>
1277: <!-- email post links -->
1278: <b:if cond='data:post.emailPostUrl'>
1279: <span class='item-action'>
1280: <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
1281: <span class='email-post-icon'> </span>
1282: </a>
1283: </span>
1284: </b:if>
1285: <!-- quickedit pencil -->
1286: <b:include data='post' name='postQuickEdit'/>
1287: </span>
1288: </div><!-- End category -->
1289: </div><!-- End post-footer -->
1290: </div><!-- End post-box -->
1291: </div><!-- End post -->
1292: </b:includable>
1293: <b:includable id='postQuickEdit' var='post'>
1294: <b:if cond='data:post.editUrl'>
1295: <span expr:class='"item-control " + data:post.adminClass'>
1296: <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
1297: <span class='quick-edit-icon'> </span>
1298: </a>
1299: </span>
1300: </b:if>
1301: </b:includable>
1302: <b:includable id='shareButtons' var='post'>
1303: <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
1304: </b:includable>
1305: <b:includable id='status-message'>
1306: <b:if cond='data:navMessage'>
1307: <div class='status-msg-wrap'>
1308: <div class='status-msg-body'>
1309: <data:navMessage/>
1310: </div>
1311: <div class='status-msg-border'>
1312: <div class='status-msg-bg'>
1313: <div class='status-msg-hidden'><data:navMessage/></div>
1314: </div>
1315: </div>
1316: </div>
1317: <div style='clear: both;'/>
1318: </b:if>
1319: </b:includable>
1320: <b:includable id='threaded-comment-form' var='post'>
1321: <div class='comment-form'>
1322: <a name='comment-form'/>
1323: <b:if cond='data:mobile'>
1324: <p><data:blogCommentMessage/></p>
1325: <data:blogTeamBlogMessage/>
1326: <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1327: <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1328: <b:else/>
1329: <p><data:blogCommentMessage/></p>
1330: <data:blogTeamBlogMessage/>
1331: <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1332: <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
1333: </b:if>
1334: <data:post.friendConnectJs/>
1335: <data:post.cmtfpIframe/>
1336: <script type='text/javascript'>
1337: BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1338: </script>
1339: </div>
1340: </b:includable>
1341: <b:includable id='threaded_comment_js' var='post'>
1342: <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
1343: <script type='text/javascript'>
1344: (function() {
1345: var items = <data:post.commentJso/>;
1346: var msgs = <data:post.commentMsgs/>;
1347: var config = <data:post.commentConfig/>;
1348: // <![CDATA[
1349: var cursor = null;
1350: if (items && items.length > 0) {
1351: cursor = parseInt(items[items.length - 1].timestamp) + 1;
1352: }
1353: var bodyFromEntry = function(entry) {
1354: if (entry.gd$extendedProperty) {
1355: for (var k in entry.gd$extendedProperty) {
1356: if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
1357: return '<span class="deleted-comment">' + entry.content.$t + '</span>';
1358: }
1359: }
1360: }
1361: return entry.content.$t;
1362: }
1363: var parse = function(data) {
1364: cursor = null;
1365: var comments = [];
1366: if (data && data.feed && data.feed.entry) {
1367: for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1368: var comment = {};
1369: // comment ID, parsed out of the original id format
1370: var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1371: comment.id = id ? id[2] : null;
1372: comment.body = bodyFromEntry(entry);
1373: comment.timestamp = Date.parse(entry.published.$t) + '';
1374: if (entry.author && entry.author.constructor === Array) {
1375: var auth = entry.author[0];
1376: if (auth) {
1377: comment.author = {
1378: name: (auth.name ? auth.name.$t : undefined),
1379: profileUrl: (auth.uri ? auth.uri.$t : undefined),
1380: avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1381: };
1382: }
1383: }
1384: if (entry.link) {
1385: if (entry.link[2]) {
1386: comment.link = comment.permalink = entry.link[2].href;
1387: }
1388: if (entry.link[3]) {
1389: var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1390: if (pid && pid[1]) {
1391: comment.parentId = pid[1];
1392: }
1393: }
1394: }
1395: comment.deleteclass = 'item-control blog-admin';
1396: if (entry.gd$extendedProperty) {
1397: for (var k in entry.gd$extendedProperty) {
1398: if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1399: comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1400: } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
1401: comment.displayTime = entry.gd$extendedProperty[k].value;
1402: }
1403: }
1404: }
1405: comments.push(comment);
1406: }
1407: }
1408: return comments;
1409: };
1410: var paginator = function(callback) {
1411: if (hasMore()) {
1412: var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1413: if (cursor) {
1414: url += '&published-min=' + new Date(cursor).toISOString();
1415: }
1416: window.bloggercomments = function(data) {
1417: var parsed = parse(data);
1418: cursor = parsed.length < 50 ? null
1419: : parseInt(parsed[parsed.length - 1].timestamp) + 1
1420: callback(parsed);
1421: window.bloggercomments = null;
1422: }
1423: url += '&callback=bloggercomments';
1424: var script = document.createElement('script');
1425: script.type = 'text/javascript';
1426: script.src = url;
1427: document.getElementsByTagName('head')[0].appendChild(script);
1428: }
1429: };
1430: var hasMore = function() {
1431: return !!cursor;
1432: };
1433: var getMeta = function(key, comment) {
1434: if ('iswriter' == key) {
1435: var matches = !!comment.author
1436: && comment.author.name == config.authorName
1437: && comment.author.profileUrl == config.authorUrl;
1438: return matches ? 'true' : '';
1439: } else if ('deletelink' == key) {
1440: return config.baseUri + '/delete-comment.g?blogID='
1441: + config.blogId + '&postID=' + comment.id;
1442: } else if ('deleteclass' == key) {
1443: return comment.deleteclass;
1444: }
1445: return '';
1446: };
1447: var replybox = null;
1448: var replyUrlParts = null;
1449: var replyParent = undefined;
1450: var onReply = function(commentId, domId) {
1451: if (replybox == null) {
1452: // lazily cache replybox, and adjust to suit this style:
1453: replybox = document.getElementById('comment-editor');
1454: if (replybox != null) {
1455: replybox.height = '250px';
1456: replybox.style.display = 'block';
1457: replyUrlParts = replybox.src.split('#');
1458: }
1459: }
1460: if (replybox && (commentId !== replyParent)) {
1461: document.getElementById(domId).insertBefore(replybox, null);
1462: replybox.src = replyUrlParts[0]
1463: + (commentId ? '&parentID=' + commentId : '')
1464: + '#' + replyUrlParts[1];
1465: replyParent = commentId;
1466: }
1467: };
1468: var hash = (window.location.hash || '#').substring(1);
1469: var startThread, targetComment;
1470: if (/^comment-form_/.test(hash)) {
1471: startThread = hash.substring('comment-form_'.length);
1472: } else if (/^c[0-9]+$/.test(hash)) {
1473: targetComment = hash.substring(1);
1474: }
1475: // Configure commenting API:
1476: var configJso = {
1477: 'maxDepth': config.maxThreadDepth
1478: };
1479: var provider = {
1480: 'id': config.postId,
1481: 'data': items,
1482: 'loadNext': paginator,
1483: 'hasMore': hasMore,
1484: 'getMeta': getMeta,
1485: 'onReply': onReply,
1486: 'rendered': true,
1487: 'initComment': targetComment,
1488: 'initReplyThread': startThread,
1489: 'config': configJso,
1490: 'messages': msgs
1491: };
1492: var render = function() {
1493: if (window.goog && window.goog.comments) {
1494: var holder = document.getElementById('comment-holder');
1495: window.goog.comments.render(holder, provider);
1496: }
1497: };
1498: // render now, or queue to render when library loads:
1499: if (window.goog && window.goog.comments) {
1500: render();
1501: } else {
1502: window.goog = window.goog || {};
1503: window.goog.comments = window.goog.comments || {};
1504: window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
1505: window.goog.comments.loadQueue.push(render);
1506: }
1507: })();
1508: // ]]>
1509: </script>
1510: </b:includable>
1511: <b:includable id='threaded_comments' var='post'>
1512: <div class='comments' id='comments'>
1513: <a name='comments'/>
1514: <h4><data:post.commentLabelFull/>:</h4>
1515: <div class='comments-content'>
1516: <b:if cond='data:post.embedCommentForm'>
1517: <b:include data='post' name='threaded_comment_js'/>
1518: </b:if>
1519: <div id='comment-holder'>
1520: <data:post.commentHtml/>
1521: </div>
1522: </div>
1523: <p class='comment-footer'>
1524: <b:if cond='data:post.allowNewComments'>
1525: <b:include data='post' name='threaded-comment-form'/>
1526: <b:else/>
1527: <data:post.noNewCommentsText/>
1528: </b:if>
1529: </p>
1530: <b:if cond='data:showCmtPopup'>
1531: <div id='comment-popup'>
1532: <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1533: </iframe>
1534: </div>
1535: </b:if>
1536: <div id='backlinks-container'>
1537: <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1538: <b:if cond='data:post.showBacklinks'>
1539: <b:include data='post' name='backlinks'/>
1540: </b:if>
1541: </div>
1542: </div>
1543: </div>
1544: </b:includable>
1545: </b:widget>
1546: </b:section>
1547: </div>
1548: <div class='col-340 right'>
1549: <div id='sidebar'>
1550: <b:section class='sidebarsec' id='sidebarsec' preferred='yes'>
1551: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
1552: <b:includable id='main'>
1553: <b:if cond='data:title != ""'>
1554: <h2><data:title/></h2>
1555: </b:if>
1556: <div class='widget-content'>
1557: <b:if cond='data:team == "true"'> <!-- team blog profile -->
1558: <ul>
1559: <b:loop values='data:authors' var='i'>
1560: <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
1561: </b:loop>
1562: </ul>
1563: <b:else/> <!-- normal blog profile -->
1564: <b:if cond='data:photo.url != ""'>
1565: <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
1566: </b:if>
1567: <dl class='profile-datablock'>
1568: <dt class='profile-data'>
1569: <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
1570: <data:displayname/>
1571: </a>
1572: <b:if cond='data:hasgoogleprofile'>
1573: <br/>
1574: <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
1575: </b:if>
1576: </dt>
1577: <b:if cond='data:showlocation == "true"'>
1578: <dd class='profile-data'><data:location/></dd>
1579: </b:if>
1580: <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
1581: </dl>
1582: <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
1583: </b:if>
1584: <b:include name='quickedit'/>
1585: </div>
1586: </b:includable>
1587: </b:widget>
1588: <b:widget id='VideoBar1' locked='false' title='YouTube Channel' type='VideoBar'>
1589: <b:includable id='main'>
1590: <!-- only display title if it's non-empty -->
1591: <b:if cond='data:title != ""'>
1592: <h2 class='title'><data:title/></h2>
1593: </b:if>
1594: <div class='widget-content'>
1595: <div expr:id='data:widget.instanceId + "_bar"'>
1596: <span class='videoBar-status'>Loading...</span>
1597: </div>
1598: </div>
1599: <b:include name='quickedit'/>
1600: </b:includable>
1601: </b:widget>
1602: <b:widget id='HTML2' locked='false' title='Samples' type='HTML'>
1603: <b:includable id='main'>
1604: <!-- only display title if it's non-empty -->
1605: <b:if cond='data:title != ""'>
1606: <h2 class='title'><data:title/></h2>
1607: </b:if>
1608: <div class='widget-content'>
1609: <data:content/>
1610: </div>
1611: <b:include name='quickedit'/>
1612: </b:includable>
1613: </b:widget>
1614: <b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
1615: <b:includable id='main'>
1616: <b:if cond='data:title'><h2><data:title/></h2></b:if>
1617: <div class='widget-content'>
1618: <ul>
1619: <b:loop values='data:links' var='link'>
1620: <li><a expr:href='data:link.target'><data:link.name/></a></li>
1621: </b:loop>
1622: </ul>
1623: <b:include name='quickedit'/>
1624: </div>
1625: </b:includable>
1626: </b:widget>
1627: </b:section>
1628: </div>
1629: </div><!-- End col-340 right -->
1630: </div><!-- End container -->
1631: </div><!-- End main-content -->
1632: <div id='footer'>
1633: <div class='container footer-divider clearfix'>
1634: <div class='categories'>
1635: <h4>Resources</h4>
1636: <ul class='footer-cat clearfix'>
1637: <li><a href='http://pre-flighting.blogspot.com/'>Graphic Design</a></li>
1638: <li><a href='http://1001webs.blogspot.com/'>Web Design</a></li>
1639: <li><a href='http://1001templates.blogspot.com/'>Web Development</a></li>
1640: <li><a href='http://en.wikipedia.org/wiki/XHTML'>XHTML</a></li>
1641: <li><a href='http://www.w3.org/Style/CSS/'>CSS</a></li>
1642: <li><a href='http://javascript.internet.com/'>JavaScript</a></li>
1643: <li><a href='http://www.joomla.org/'>Joomla!</a></li>
1644: <li><a href='http://wordpress.org/'>WordPress</a></li>
1645: </ul><!-- End footer-cats -->
1646: </div><!-- End categories -->
1647: <div class='about'>
1648: <h4>Copyright Notice</h4>
1649: <p class='about-text'>
1650: <a href='http://creativecommons.org/licenses/by/3.0' target='_blank'><img alt='Creative Commons License' height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUrj_YPz1hLN9bnZPtlvID_hiU8wBN4VcaKmtFDvDJhdG2Wc2lV5YoHpUM2-uVhgk1Zz5a3Xnx9S1wsfqywt2GfpGft6DPPmhSoORJPajT_V_DD7jul4EC0Pb6j1oGyfq9PnGPNDHPHlg/s320/creative_commons.png' width='88'/></a>
1651: <br/>
1652: All content on this website is governed by the Creative Commons <b>Attribution 3.0 Unported</b> License.
1653: <br/>
1654: In other words, you can distribute, remix, tweak, and build upon this work, even in a commercial manner, as long as you attribute to the original creation by linking back to this website.
1655: </p>
1656: <p class='deed_links'><a href='http://creativecommons.org/licenses/by/3.0' target='_blank'>View License Deed</a> | <a href='http://creativecommons.org/licenses/by/3.0/legalcode' target='_blank'>View Legal Code</a></p>
1657: <p class='copyright'>
1658: Copyright © 2014 <a expr:href='data:blog.homepageUrl'>Rafael Martinez-Minuesa</a>
1659: </p>
1660: </div><!-- End about -->
1661: </div><!-- End container -->
1662: </div><!-- End footer -->
1663: <div id='link-back'>
1664: <div class='container clearfix'>
1665: <div class='donators'>
1666: <a class='smashing' href='http://forum.smashingmagazine.com' target='_blank' title='SmashingMagazine'>SmashingMagazine.com</a>
1667: <a class='function' href='http://www.wefunction.com' target='_blank' title='We Function'>WeFunction.com</a>
1668: <a class='zonacerebral' href='http://zonacerebral.com' target='_blank' title='Zona Cerebral'>ZonaCerebral.com</a>
1669: <a class='rafaelminuesa' href='http://rafael-minuesa.blogspot.com/' target='_blank' title='Rafael Minuesa'>Updated by Rafael Minuesa</a>
1670: </div>
1671: <!-- End donators -->
1672: <a class='rss' href='http://feeds.feedburner.com/Rafael-Minuesa' title='SubscrÃbe to feed RSS'>SubscrÃbe</a>
1673: </div>
1674: </div><!-- End link-back -->
1675: </body>
1676: </html>
Showing posts with label Social Media. Show all posts
Showing posts with label Social Media. Show all posts
Social Media Buttons
Artist's Comments
Social.me is an icon set consisting of 30 individual icons of the popular social networks/Web 2.0 sites out there.
The icons are iPhone-inspired and is based on the template provided by Tim (www.lostpixel.com) @ MacThemes Forum.
The sites that are included in this release are:
Delicious
Digg
eBay
flickr
FriendFeed
Friendster
furl
last.fm
Livejournal
Ma.gnolia
Mixx
MySpace
NetVibes
NewsVine
Picasa Web Albums
Pownce
StumbleUpon
Technorati
Vimeo
Webshots
Wordpress
Yelp
Youtube
