@@ -69,23 +69,6 @@ <h3>{{ _('Navigation') }}</h3>
6969 {%- for sidebartemplate in sidebars %}
7070 {%- include sidebartemplate %}
7171 {%- endfor %}
72- {%- else %}
73- {#- old style sidebars: using blocks -- should be deprecated #}
74- {%- block sidebartoc %}
75- {%- include "localtoc.html" %}
76- {%- endblock %}
77- {%- block sidebarrel %}
78- {%- include "relations.html" %}
79- {%- endblock %}
80- {%- block sidebarsourcelink %}
81- {%- include "sourcelink.html" %}
82- {%- endblock %}
83- {%- if customsidebar %}
84- {%- include customsidebar %}
85- {%- endif %}
86- {%- block sidebarsearch %}
87- {%- include "searchbox.html" %}
88- {%- endblock %}
8972 {%- endif %}
9073 </ div >
9174 </ div >
@@ -170,7 +153,7 @@ <h3>{{ _('Navigation') }}</h3>
170153 {%- endif %}
171154{%- endblock %}
172155{%- block extrahead %} {% endblock %}
173- < link href =" http://fonts.googleapis.com/css?family=Raleway " rel =" stylesheet " type =" text/css " >
156+
174157
175158 </ head >
176159 < body >
@@ -258,4 +241,153 @@ <h3>{{ _('Navigation') }}</h3>
258241
259242</ script >
260243</ body >
244+ < footer >
245+ <!--Flipcause Integration v3.0// Flipcause Integration Instructions:
246+ Install the following code block once in the website Header (after <head> tag) -->
247+
248+ < style >
249+
250+ .fc-black_overlay {
251+ display : none; position : fixed; z-index : 1000001 ; top : 0% ;left : 0% ;width : 100% ;height : 100% ;
252+ background-color : black; filter : alpha (opacity=50); cursor : pointer; opacity : 0.5 ;
253+ }
254+
255+ .fc-white_content {
256+ opacity : 1 ; display : none; margin-top : -320px ; margin-left : -485px ; width : 970px ; height : 640px ;
257+ position : fixed; top : 50% ; left : 50% ; border : none;z-index : 1000002 ;overflow : auto;
258+ }
259+
260+ .fc-main-box {
261+ opacity : 1 ; display : none; margin : 15px auto 0 auto; width : 930px ; position : relative; z-index : 1000003 ;
262+ }
263+
264+ .fc-widget_close {
265+ opacity : 1 ; content : url (http://i1338.photobucket.com/albums/o691/WeCause/X_zpse4a7e538.png);
266+ position : absolute; z-index = 1000004; right: -16px ; top : -16px ; display : block; cursor : pointer;
267+ }
268+
269+ .floating_button {
270+ display : block; margin-top : 0px ; margin-left : 0px ; width : auto ; height : auto;
271+ position : fixed; z-index : 999999 ; overflow : auto;
272+ }
273+
274+ @keyframes backfadesin {
275+ from { opacity : 0 ; }
276+ to {opacity : .5 ;}
277+ }
278+
279+ @-moz-keyframes backfadesin {
280+ from { opacity : 0 ; }
281+ to {opacity : .5 ;}
282+ }
283+
284+ @-webkit-keyframes backfadesin {
285+ from { opacity : 0 ; }
286+ to {opacity : .5 ;}
287+ }
288+
289+ @-o-keyframes backfadesin {
290+ from { opacity : 0 ; }
291+ to {opacity : .5 ;}
292+ }
293+
294+
295+ @-ms-keyframes backfadesin {
296+ from { opacity : 0 ; }
297+ to {opacity : .5 ;}
298+ }
299+
300+ @keyframes fadesin {
301+ 0% { opacity : 0 ; }
302+ 50% { opacity : 0 ; }
303+ 75% {opacity : 0 ; transform : translateY (20px );}
304+ 100% {opacity : 1 ; transform : translateY (0 );}
305+ }
306+
307+ @-moz-keyframes fadesin {
308+ 0% { opacity : 0 ; }
309+ 50% { opacity : 0 ; }
310+ 75% {opacity : 0 ; -moz-transform : translateY (20px );}
311+ 100% {opacity : 1 ; -moz-transform : translateY (0 );}
312+ }
313+
314+ @-webkit-keyframes fadesin {
315+ 0% { opacity : 0 ; }
316+ 50% { opacity : 0 ; }
317+ 75% {opacity : 0 ; -webkit-transform : translateY (20px );}
318+ 100% {opacity : 1 ; -webkit-transform : translateY (0 );}
319+ }
320+
321+ @-o-keyframes fadesin {
322+ 0% { opacity : 0 ; }
323+ 50% { opacity : 0 ; }
324+ 75% {opacity : 0 ; -o-transform : translateY (20px );}
325+ 100% {opacity : 1 ; -o-transform : translateY (0 );}
326+ }
327+
328+ @-ms-keyframes fadesin {
329+ 0% { opacity : 0 ; }
330+ 50% { opacity : 0 ; }
331+ 75% {opacity : 0 ; -ms-transform : translateY (20px );}
332+ 100% {opacity : 1 ; -ms-transform : translateY (0 );}
333+ }
334+
335+ </ style >
336+
337+ < script >
338+
339+ function open_window ( cause_id ) {
340+ var protocol = String ( document . location . protocol ) ;
341+ var new_url ;
342+ if ( / A n d r o i d | w e b O S | i P h o n e | i P a d | i P o d | B l a c k B e r r y | I E M o b i l e | O p e r a M i n i / i. test ( navigator . userAgent ) ) {
343+ new_url = "https://www.flipcause.com/widget/" + cause_id
344+ window . open ( new_url ) ;
345+ }
346+
347+ else {
348+ document . getElementById ( "fc-fade" ) . style . display = "block" ;
349+ document . getElementById ( "fc-fade" ) . style . webkitAnimation = "backfadesin 1s" ;
350+ document . getElementById ( "fc-fade" ) . style . animation = "backfadesin 1s" ;
351+ document . getElementById ( "fc-fade" ) . style . mozAnimation = "backfadesin 1s" ;
352+ document . getElementById ( "fc-light" ) . style . display = "block" ;
353+ document . getElementById ( "fc-light" ) . style . webkitAnimation = "fadesin 1.5s" ;
354+ document . getElementById ( "fc-light" ) . style . animation = "fadesin 1.5s" ;
355+ document . getElementById ( "fc-light" ) . style . mozAnimation = "fadesin 1.5s" ;
356+ document . getElementById ( "fc-main" ) . style . display = "block" ;
357+ document . getElementById ( "fc-main" ) . style . webkitAnimation = "fadesin 1.5s" ;
358+ document . getElementById ( "fc-main" ) . style . animation = "fadesin 1.5s" ;
359+ document . getElementById ( "fc-main" ) . style . mozAnimation = "fadesin 1.5s" ;
360+ document . getElementById ( "fc-close" ) . style . display = "block" ;
361+ document . getElementById ( "fc-close" ) . style . webkitAnimation = "fadesin 1.5s" ;
362+ document . getElementById ( "fc-close" ) . style . animation = "fadesin 1.5s" ;
363+ document . getElementById ( "fc-close" ) . style . mozAnimation = "fadesin 1.5s" ;
364+ document . getElementById ( "fc-myFrame" ) . style . display = "block" ;
365+ document . getElementById ( "fc-myFrame" ) . style . webkitAnimation = "fadesin 1.5s" ;
366+ document . getElementById ( "fc-myFrame" ) . style . animation = "fadesin 1.5s" ;
367+ document . getElementById ( "fc-myFrame" ) . style . mozAnimation = "fadesin 1.5s" ;
368+ document . getElementById ( "fc-myFrame" ) . src = "https://www.flipcause.com/widget/" + cause_id ;
369+ }
370+ }
371+
372+
373+ function close_window ( ) {
374+ document . getElementById ( "fc-fade" ) . style . display = "none" ;
375+ document . getElementById ( "fc-light" ) . style . display = "none" ;
376+ document . getElementById ( "fc-main" ) . style . display = "none" ;
377+ document . getElementById ( "fc-close" ) . style . display = "none" ;
378+ document . getElementById ( "fc-myFrame" ) . style . display = "none" ;
379+ }
380+
381+ </ script >
382+
383+ < div id ="fc-fade " class ="fc-black_overlay " onclick ="close_window() "> </ div >
384+ < div id ="fc-light " class ="fc-white_content ">
385+ < div id ="fc-main " class ="fc-main-box ">
386+ < div id ="fc-close " class ="fc-widget_close " onclick ="close_window() ">
387+ </ div > < iframe id ="fc-myFrame " iframe height ="580 " width ="925 " style ="border: 0;
388+ border-radius:5px 5px 5px 5px; box-shadow:0 0 8px rgba(0, 0, 0, 0.5); " scrolling ="no " src =""> </ iframe > </ div >
389+ </ div >
390+
391+ <!--END Flipcause Main Integration Code-->
392+ </ footer >
261393</ html >
0 commit comments