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>
Widgets
Social Media
Search