Commit 1aa3a0755bbe0f562933a31ad995d6d5663d5648

Ajay kulkarni <ajaykools @gm…l.com>
Thu May 10 15:59:04 IST 2012

Tree SHA1: 27bd798
Parent SHA1: 59e2bfa (Merge pull request #83 from arvindkhadri/master)
raw diff | raw patch

Renamed buttons, restyled UI of buttons, moved See original button from alipi.py to ui.js & added info button

Diff rendering mode:
inline
side by side


72	72	return lxml.html.tostring(root)
73	73
74	74	elif request.args.has_key('interactive') == True and request.args.has_key('blog') == True and request.args.has_key('lang') == True:
75
76	75	setScripts()
77	76	setSocialScript()
78	77	g.root.body.set("onload","a11ypi.filter(); a11ypi.tweet(); a11ypi.facebook(); a11ypi.loadOverlay();");


1		@media screen and (max-width:1400px) {
	1	@media screen and (min-width:1000px) {
2	2
3		.alipi { font-weight:normal; font-size:100%; }
	3	/* .alipi { font-weight:normal; font-size:100%; } */
4	4
5		#renarrated_overlay { position:fixed; left:0.5%; width:99%; text-align:center; z-index:2147483645; display:block; }
6		#renarrated_overlay .ui-button { text-align:justify; }
	5	#renarrated_overlay { position:fixed; left:0.5%; width:99%; text-align:center; font-weight:normal; z-index:2147483645; display:block; }
	6	/* #renarrated_overlay .ui-button { text-align:justify; } */
7	7
8		#edit-current { display:none; }
9		#see-narration { display:none; }
10		#see-links { display:none; }
11		#go { -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -khtml-border-bottom-left-radius:0px;
12		border-bottom-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -khtml-border-top-left-radius:0px;
13		border-top-left-radius:0px; display:none; }
14		#share { display:none; }
	8	#edit-current { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	9	#see-narration { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	10	#see-links { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	11	#go { height:37px; font-size:17px; font-weight:400; font-style:italic; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px;
	12	-khtml-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-topleft:0px;
	13	-webkit-border-top-left-radius:0px; -khtml-border-top-left-radius:0px; border-top-left-radius:0px; text-align:justify; display:none; }
	14	#blog-filter { right:-3px; min-width:225px; max-width:225px; height:37px; font-size:17px; font-weight:400; font-style:italic;
	15	-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; -khtml-border-bottom-right-radius:0px;
	16	border-bottom-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; -khtml-border-top-right-radius:0px;
	17	border-top-right-radius:0px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px;
	18	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px; border-top-right-radius:0px;
	19	text-align:justify; display:none; }
	20	#share { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	21	#orig-button { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	22	#info { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
15	23
16		#blog-filter { right:-3px; min-width:225px; max-width:225px; height:42px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;
17		-khtml-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px;
18		-webkit-border-top-right-radius:0px; -khtml-border-top-right-radius:0px; border-top-right-radius:0px; display:none; }
	24	#outter-down-button { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	25	#outter-up-button { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
19	26
20		#outter-down-button { display:none; }
21		#outter-up-button { display:none; }
22
23		#icon-down { display:none; }
24		#icon-up { display:none; }
25
26	27	#pub_overlay { position:fixed; left:10%; width:80%; text-align:center; z-index:2147483645; display:none; }
27		#pub_overlay .ui-button { margin-left:10px; text-align:justify; font-weight:normal; }
	28	#pub_overlay .ui-button { margin-left:10px; }
28	29
	30	#icon-down { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	31	#icon-up { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	32	#exit-mode { font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	33	#help-window { font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	34	#undo-button { font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	35	#publish-button { font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	36
29	37	#element_edit_overlay { position:fixed; text-align:center; z-index:2147483645; display:none; }
30	38
31		#edit-text { text-align:justify; font-weight:bold; font-size:100%; display:none; }
32		#add-audio { text-align:justify; font-weight:bold; font-size:100%; display:none; }
33		#replace-image { text-align:justify; font-weight:bold; font-size:100%; display:none; }
34		#delete-image { text-align:justify; font-weight:bold; font-size:100%; display:none; }
35		#close-element { position:absolute; top:-5px; left:-2px; width:10px; font-size:100%; }
36		#cant-edit { width: 450px; margin:15px; font-size:100%; display:none; }
	39	#edit-text { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	40	#add-audio { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	41	#replace-image { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	42	#delete-image { font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
	43	#close-element { position:absolute; top:-5px; left:-2px; width:10px; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	44	#cant-edit { width: 450px; margin:15px; font-size:17px; font-weight:400; font-style:italic; text-align:justify; display:none; }
37	45
38		#editoroverlay { min-width:90%; display: none; }
	46	#editoroverlay { min-width:90%; text-align:justify; display: none; }
39	47	#editoroverlay a { color:#1C94C4; }
40	48
41		#adv-reference { position: absolute; top:15%; left:2%; min-width:48%; max-width:48%; min-height:100%; border:solid 3px; padding:10px; font-size:90%;
42		color:#aaa; overflow:show; background:none; display:none; }
	49	#adv-reference { position: absolute; top:15%; left:2%; min-width:48%; max-width:48%; min-height:100%; border:solid 3px; padding:10px; font-size:17px;
	50	font-weight:400; font-style:normal; color:#aaa; overflow:show; background:none; text-align:justify; display:none; }
43	51
44		#reference { position: absolute; top: 15%; left:2%; min-width:46%; max-width:46%; min-height:100%; border:solid 3px; padding:10px; font-size:90%;
45		text-align:justify; color:#aaa; overflow:show; background:none; }
	52	#reference { position: absolute; top: 15%; left:2%; min-width:46%; max-width:46%; min-height:100%; border:solid 3px; padding:10px; font-size:17px;
	53	font-weight:400; font-style:normal; text-align:justify; color:#aaa; overflow:show; background:none; text-align:justify; }
46	54
47		#editor { position:absolute; top:15%; left:52%; min-width:45%; max-width:45%; min-height:96%; border:3px solid; padding:10px; font-size:90%;
48		text-align:justify; color:#000; background-color:#ffe; }
	55	#editor { position:absolute; top:15%; left:52%; min-width:45%; max-width:45%; min-height:96%; border:3px solid; padding:10px; font-size:17px;
	56	font-weight:400; font-style:normal; text-align:justify; color:#000; background-color:#ffe; text-align:justify; }
49	57
50		#ref-lab { position:absolute; top:5%; font-size:120%; color:#aaa; }
51		#edit-lab { position:absolute; top:5%; font-size:120%; color:#aaa; }
	58	#ref-lab { position:absolute; top:5%; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	59	#edit-lab { position:absolute; top:5%; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
52	60
53		#close-adv { position:absolute; top:7%; right:51%; font-size:90%; }
54		#adv-ref { position:absolute; top:7%; right:51%; font-size:90%; }
	61	#close-adv { position:absolute; top:7%; right:51%; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	62	#adv-ref { position:absolute; top:7%; right:51%; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
55	63
56		#mag-demag { position:absolute; bottom:5%; left:10%; font-size:100%; }
57		#mag { position:absolute; left:3%; font-size:100%; }
58		#demag { position:absolute; left:30%; font-size:100%; }
59		#add-link { position:absolute; left:54%; font-size:100%; }
	64	#mag-demag { position:absolute; bottom:5%; left:10%; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	65	#mag { position:absolute; left:3%; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	66	#demag { position:absolute; left:30%; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	67	#add-link { position:absolute; left:54%; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
60	68
61		#save-changes { position:relative; font-size:100%; }
	69	#save-changes { position:relative; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
62	70
63	71	.highlightElement { box-shadow: 0 0 20px #000; }
64	72	.highlightOnSelect { box-shadow: 0 0 50px #000; }
…	…
74	74	.barOnBottom { bottom:0px; }
75	75	.barOnTop { top:0px; }
76	76
77		#tar-lab1 { position:absolute; top:5%; left:110px; font-size:80%; color:#aaa; }
78		#tar-lab2 { position:absolute; top:20%; left:125px; font-size:80%; color:#aaa; }
79		#tar-lab3 { position:absolute; top:35%; left:125px; font-size:80%; color:#aaa; }
80		#tar-lab4 { position:absolute; top:50%; left:125px; font-size:80%; color:#aaa; }
81		#tar-lab5 { position:absolute; top:65%; left:125px; font-size:80%; color:#aaa; }
82		#tar-lab6 { position:relative; font-size:80%; color:#aaa; }
83		#tar-lab7 { position:relative; font-size:80%; color:#aaa; }
84		#tar-p { position:absolute; top:90%; left:210px; font-size:80%; }
85		#blogset { position:absolute; top:80%; right:100px; left:125px; font-size:80%; color:#aaa; }
	77	#tar-lab1 { position:absolute; top:5%; left:110px; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	78	#tar-lab2 { position:absolute; top:20%; left:125px; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	79	#tar-lab3 { position:absolute; top:35%; left:125px; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	80	#tar-lab4 { position:absolute; top:50%; left:125px; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	81	#tar-lab5 { position:absolute; top:65%; left:125px; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	82	#tar-lab6 { position:relative; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	83	#tar-lab7 { position:relative; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
	84	#tar-p { position:absolute; top:90%; left:210px; font-size:17px; font-weight:400; font-style:italic; text-align:justify; }
	85	#blogset { position:absolute; top:80%; right:100px; left:125px; font-size:17px; font-weight:400; font-style:italic; color:#aaa; text-align:justify; }
86	86
87	87
88		#loc-select { position:absolute; top:25%; left:210px; width:256px; font-size:80%; color:#000; }
89		#loc-img { position:absolute; top:25.5%; left:440px; height:20px; width:25px; font-size:80%; color:#000; display:none; }
90		#lang-select { position:absolute; top:40%; left:210px; width:256px; font-size:80%; color:#000; }
91		#lang-img { position:absolute; top:41%; left:440px; height:18px; width:25px; font-size:80%; color:#000; display:none; }
92		#style-select { position:absolute; top:55%; left:210px; width:256px; font-size:80%; color:#000; }
93		#auth-select { position:absolute; top:70%; left:210px; width:256px; font-size:80%; color:#000; }
	88	#loc-select { position:absolute; top:25%; left:210px; width:256px; font-size:17px; font-weight:400; font-style:italic; color:#000; text-align:justify; }
	89	#loc-img { position:absolute; top:25.5%; left:440px; height:20px; width:25px; font-size:17px; font-weight:400; font-style:italic;
	90	color:#000; text-align:justify; display:none; }
	91	#lang-select { position:absolute; top:40%; left:210px; width:256px; font-size:17px; font-weight:400; font-style:italic; color:#000; text-align:justify; }
	92	#lang-img { position:absolute; top:41%; left:440px; height:18px; width:25px; font-size:17px; font-weight:400; font-style:italic;
	93	color:#000; text-align:justify; display:none; }
	94	#style-select { position:absolute; top:55%; left:210px; width:256px; font-size:17px; font-weight:400; font-style:italic; color:#000; text-align:justify; }
	95	#auth-select { position:absolute; top:70%; left:210px; width:256px; font-size:17px; font-weight:400; font-style:italic; color:#000; text-align:justify; }
94	96
95	97	#our-check { position:relative; }
96	98	#your-check { position:relative; margin-left:25px; }
…	…
103	103	@media screen and (max-width:1000px) {
104	104
105	105	#renarrated_overlay { position:fixed; clear:both; width:99%; left:0.5%; text-align:center; z-index:2147483645; font-size:80%; display:block; }
106		#renarrated_overlay .ui-button { text-align:justify; padding:0.1em 0.8em 0.2em 0.8em; font-weight:normal; }
	106	/* #renarrated_overlay .ui-button { padding:0.1em 0.8em 0.2em 0.8em; } */
107	107
108		#edit-current { display:none; }
109		#see-narration { display:none; }
110		#see-links { display:none; }
111		#go { -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -khtml-border-bottom-left-radius:0px;
	108	#edit-current { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	109	#see-narration { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	110	#see-links { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	111	#go { height:30px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -khtml-border-bottom-left-radius:0px;
112	112	border-bottom-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -khtml-border-top-left-radius:0px;
113		border-top-left-radius:0px; display:none; }
114		#share { display:none; }
115
116		#blog-filter { right:-3px; min-width:150px; max-width:150px; height:39px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;
	113	border-top-left-radius:0px; font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	114	#blog-filter { right:-3px; min-width:150px; max-width:150px; height:30px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;
117	115	-khtml-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px;
118		-webkit-border-top-right-radius:0px; -khtml-border-top-right-radius:0px; border-top-right-radius:0px; display:none; }
	116	-webkit-border-top-right-radius:0px; -khtml-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-bottomleft:5px;
	117	-webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	118	-khtml-border-top-left-radius:5px; border-top-right-radius:0px;font-size:14px; font-weight:200; font-style:italic; text-align:justify;
	119	display:none; }
	120	#share { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	121	#orig-button { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	122	#info { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
119	123
120		#outter-down-button { display:none; }
121		#outter-up-button { display:none; }
	124	#outter-down-button { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	125	#outter-up-button { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
122	126
123		#icon-down { display:none; }
124		#icon-up { display:none; }
125	127
126		#pub_overlay { position:fixed; left:3%; width:96%; text-align:center; z-index:2147483645; font-size:80%; display:none; }
127		#pub_overlay .ui-button { margin-left:10px; text-align:justify; font-weight:normal; }
	128	#pub_overlay { position:fixed; left:3%; width:96%; text-align:center; z-index:2147483645; font-size:14px; font-weight:200; font-style:italic;
	129	display:none; }
	130	#pub_overlay .ui-button { margin-left:10px; }
	131	#icon-down { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	132	#icon-up { font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	133	#exit-mode { font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	134	#help-window { font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	135	#undo-button { font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	136	#publish-button { font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
128	137
129		#element_edit_overlay { position:fixed; text-align:center; z-index:2147483645; font-size:80%; display:none; }
130		#element_edit_overlay .ui-button { text-align:justify; font-weight:normal; }
	138	#element_edit_overlay { position:fixed; text-align:center; z-index:2147483645; font-size:14px; font-weight:200; font-style:italic;
	139	text-align:justify; display:none; }
	140	#element_edit_overlay .ui-button { text-align:justify; font-size:14px; font-weight:200; font-style:italic; }
131	141
132		#edit-text { text-align:justify; font-weight:bold; font-size:100%; display:none; }
133		#add-audio { text-align:justify; font-weight:bold; font-size:100%; display:none; }
134		#replace-image { text-align:justify; font-weight:bold; font-size:100%; display:none; }
135		#delete-image { text-align:justify; font-weight:bold; font-size:100%; display:none; }
136		#close-element { position:absolute; top:-5px; left:-2px; width:10px; font-size:100%; }
137		#cant-edit { width: 450px; margin:15px; display:none; font-size:100%; }
	142	#edit-text { text-align:justify; font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	143	#add-audio { text-align:justify; font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	144	#replace-image { text-align:justify; font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	145	#delete-image { text-align:justify; font-size:14px; font-weight:200; font-style:italic; text-align:justify; display:none; }
	146	#close-element { position:absolute; top:-5px; left:-2px; width:10px; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	147	#cant-edit { width: 450px; margin:15px; display:none; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
138	148
139	149	#editoroverlay { min-width:90%; display: none; }
140	150	#editoroverlay a { color:#1C94C4; }
141	151
142		#adv-reference { position: absolute; top: 20%; left:2%; min-width:48%; max-width:48%; min-height:100%; border:solid 2px; padding:10px; font-size:70%;
	152	#adv-reference { position: absolute; top: 24%; left:2%; min-width:48%; max-width:48%; min-height:100%; border:solid 2px; padding:10px; font-size:14px;
143	153	text-align:justify; color:#aaa; font-weight:normal; overflow:show; background:none; display:none; }
144		#reference { position: absolute; top: 24%; left:2%; min-width:46%; max-width:46%; min-height:100%; border:solid 2px; padding:10px; font-size:70%;
	154	#reference { position: absolute; top: 24%; left:2%; min-width:46%; max-width:46%; min-height:100%; border:solid 2px; padding:10px; font-size:14px;
145	155	text-align:justify; color:#aaa; font-weight:normal; overflow:show; background:none; }
146	156
147		#editor { position:absolute; top:15%; left:52%; min-width:45%; max-width:45%; min-height:96%; border:2px solid; padding:10px; font-size:70%;
148		text-align:justify; color:#000; font-weight:normal; background-color:#ffe; }
	157	#editor { position:absolute; top:15%; left:52%; min-width:45%; max-width:45%; min-height:96%; border:2px solid; padding:10px; color:#000;
	158	background-color:#ffe; font-size:14px; font-weight:200; font-style:normal; text-align:justify; }
149	159
150		#ref-lab { position:absolute; top:5%; font-size:100%; color:#aaa; }
151		#edit-lab { position:absolute; top:5%; font-size:100%; color:#aaa; }
	160	#ref-lab { position:absolute; top:5%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; color:#aaa; }
	161	#edit-lab { position:absolute; top:5%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; color:#aaa; }
152	162
153		#close-adv { position:absolute; top:10%; right:50%; font-size:60%; }
154		#adv-ref { position:absolute; top:10%; right:50%; font-size:60%; }
	163	#close-adv { position:absolute; top:10%; right:50%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	164	#adv-ref { position:absolute; top:10%; right:50%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
155	165
156		#mag-demag { position:absolute; bottom:8%; left:10%; font-size:80%; }
157		#mag { position:absolute; left:3%; font-size:80%; }
158		#demag { position:absolute; left:30%; font-size:80%; }
159		#add-link { position:absolute; left:54%; font-size:80%; }
	166	#mag-demag { position:absolute; bottom:8%; left:10%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	167	#mag { position:absolute; left:3%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	168	#demag { position:absolute; left:30%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	169	#add-link { position:absolute; left:54%; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
160	170
161		#save-changes { position:relative; font-size:80%; }
	171	#save-changes { position:relative; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
162	172
163	173	.highlightElement { box-shadow: 0 0 20px #000; }
164	174	.highlightOnSelect { box-shadow: 0 0 50px #000; }
…	…
176	176	.barOnBottom { bottom:0px; }
177	177	.barOnTop { top:0px; }
178	178
179		#tar-lab1 { position:absolute; top:5%; left:110px; color:#aaa; }
180		#tar-lab2 { position:absolute; top:20%; left:125px; color:#aaa; }
181		#tar-lab3 { position:absolute; top:35%; left:125px; color:#aaa; }
182		#tar-lab4 { position:absolute; top:50%; left:125px; color:#aaa; }
183		#tar-lab5 { position:absolute; top:65%; left:125px; color:#aaa; }
184		#tar-lab6 { position:relative; color:#aaa; }
185		#tar-lab7 { position:relative; color:#aaa; }
186		#tar-p { position:absolute; top:90%; left:210px; }
187		#blogset { position:absolute; top:80%; left:125px; right:80px; color:#aaa; }
	179	#tar-lab1 { position:absolute; top:5%; left:110px; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	180	#tar-lab2 { position:absolute; top:20%; left:125px; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	181	#tar-lab3 { position:absolute; top:35%; left:125px; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	182	#tar-lab4 { position:absolute; top:50%; left:125px; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	183	#tar-lab5 { position:absolute; top:65%; left:125px; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	184	#tar-lab6 { position:relative; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	185	#tar-lab7 { position:relative; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	186	#tar-p { position:absolute; top:90%; left:210px; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	187	#blogset { position:absolute; top:80%; left:125px; right:80px; color:#aaa; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
188	188
189		#loc-select { position:absolute; top:25%; left:210px; width:256px; color:#000; }
190		#loc-img { position:absolute; top:25.5%; left:440px; height:20px; width:25px; color:#000; display:none; }
191		#lang-select { position:absolute; top:40%; left:210px; width:256px; color:#000; }
192		#lang-img { position:absolute; top:41%; left:440px; height:18px; width:25px; color:#000; display:none; }
193		#style-select { position:absolute; top:55%; left:210px; width:256px; color:#000; }
194		#auth-select { position:absolute; top:70%; left:210px; width:256px; color:#000; }
	189	#loc-select { position:absolute; top:25%; left:210px; width:256px; color:#000; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	190	#loc-img { position:absolute; top:25.5%; left:440px; height:20px; width:25px; color:#000; font-size:14px; font-weight:200; font-style:italic;
	191	text-align:justify; display:none; }
	192	#lang-select { position:absolute; top:40%; left:210px; width:256px; color:#000; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	193	#lang-img { position:absolute; top:41%; left:440px; height:18px; width:25px; color:#000; font-size:14px; font-weight:200; font-style:italic;
	194	text-align:justify; display:none; }
	195	#style-select { position:absolute; top:55%; left:210px; width:256px; color:#000; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
	196	#auth-select { position:absolute; top:70%; left:210px; width:256px; color:#000; font-size:14px; font-weight:200; font-style:italic; text-align:justify; }
195	197
196	198	#our-check { position:relative; }
197	199	#your-check { position:relative; margin-left:25px;}


336	336	var overlay_template = '<div id="renarrated_overlay" class="alipi ui-widget-header ui-corner-all">'+
337	337	'<button id="outter-down-button" class="alipi" onclick="a11ypi.outterToggle();" up="true" title="Move this bar to top">Move</button> '+
338	338	'<button id="outter-up-button" class="alipi" onclick="a11ypi.outterToggle();" title="Move this bar to bottom">Move</button> '+
339		'<button id="edit-current" class="alipi" onclick="a11ypi.editPage();" >Re-narrate Page</button> '+
340		'<button id="see-narration" class="alipi" onclick="a11ypi.showBox();" >See Re-narrations</button>'+
341		'<button id="see-links" class="alipi" onclick="a11ypi.showBox1();" >Narrated Links</button>'+
342		'<select id="blog-filter" class="alipi" title="Select one of the blog name"></select>'+
	339	'<button id="edit-current" class="alipi" onclick="a11ypi.editPage();" title="Re-narrate this page">Re-narrate</button> '+
	340	'<button id="see-narration" class="alipi" onclick="a11ypi.showBox();" title="See other renarrations, which are in same or other languages"> '+
	341	'Re-narrations</button>'+
	342	'<button id="see-links" class="alipi" onclick="a11ypi.showBox1();" title="See other re-narrated pages of this domain">Re-narrated Pages '+
	343	'</button>'+
	344	'<select id="blog-filter" class="alipi" onChange="a11ypi.checkSelect();" title="Select one of the blog name"></select>'+
343	345	'<button id="go" class="alipi ui-icon-circle-arrow-e" onclick="a11ypi.go();" title="Filter by blog" >\|Y\|</button>'+
344		'<button id="share" class="alipi" onclick="a11ypi.share();" >Share</button> </div>'+
	346	'<button id="share" class="alipi" onclick="a11ypi.share();" title="Share your contribution in your social network">Share</button>'+
	347	'<button id="orig-button" class="alipi" onclick="a11ypi.showOriginal();" title="Go to Original link, the original page of this renarrated"> '+
	348	'Original Page</button>'+
	349	'<button id="info" class="alipi" onclick="" title="Have a look at the information of each renarrated element">Info</button> </div>'+
345	350	'<div id="show-box" title="Choose a narration"></div> '+
346	351	'<div id="show-links" title="List of pages narrated in this domain" class="alipi"></div> '+
347	352	'<div id="share-box" class="alipi" title="Share this page in any following social network"></div>';
…	…
354	354	var pub_overlay_template = '<div id="pub_overlay" class="alipi ui-widget-header ui-corner-all">'+
355	355	'<button id="icon-up" class="alipi" down="true" onClick="a11ypi.hide_overlays();" title="Move this bar to top">Move</button>'+ //&#x25B2
356	356	'<button id="icon-down" class="alipi" onClick="a11ypi.hide_overlays();" title="Move this bar to bottom">Move</button>'+ //&#x25BC
357		'<button id="exit-mode" class="alipi" onclick="a11ypi.exitMode();">Exit Editing</button>'+
358		'<button id="help-window" class="alipi" onclick="a11ypi.help_window();">Help</button>'+
359		'<button id="undo-button" class="alipi" onclick="util.undoChanges();">Undo last change</button>'+
360		'<button id="publish-button" class="alipi" onclick="a11ypi.publish();">Publish to blog</button></div>';
	357	'<button id="exit-mode" class="alipi" onclick="a11ypi.exitMode();" title="Exit from editing mode">Exit</button>'+
	358	'<button id="help-window" class="alipi" onclick="a11ypi.help_window();" title="How to help you in editing this page">Help</button>'+
	359	'<button id="undo-button" class="alipi" onclick="util.undoChanges();"title="Undo previous changes, one by one">Undo change</button>'+
	360	'<button id="publish-button" class="alipi" onclick="a11ypi.publish();"title="Publish your changes to blog">Publish</button></div>';
361	361
362		var element_edit_overlay_template = '<div id="element_edit_overlay" class="alipi ui-widget-header ui-corner-all" >'+
363		'<button id="edit-text" class="alipi" onclick="a11ypi.displayEditor();" >Edit Text</button>'+
364		'<button id="add-audio" class="alipi" onclick="a11ypi.addAudio();" >Add Audio</button>'+
365		'<button id="replace-image" class="alipi" onclick="a11ypi.imageReplacer();" >Replace Image</button>'+
366		'<button id="delete-image" class="alipi" onclick="pageEditor.deleteImage();" >Delete Image</button>'+
	362	var element_edit_overlay_template = '<div id="element_edit_overlay" class="alipi ui-widget-header ui-corner-all" >'+
	363	'<button id="edit-text" class="alipi" onclick="a11ypi.displayEditor();" title="Help you to edit this element by providing an editor '+
	364	'with reference on left.">Edit Text</button>'+
	365	'<button id="add-audio" class="alipi" onclick="a11ypi.addAudio();" title="Allow you to give an audio file(.ogg) link to add to this '+
	366	'element ">Add Audio</button>'+
	367	'<button id="replace-image" class="alipi" onclick="a11ypi.imageReplacer();" title="Allow you to give an image file(jpeg/jpg/gif/png) '+
	368	'link to replace with this image">Replace Image</button>'+
	369	'<button id="delete-image" class="alipi" onclick="pageEditor.deleteImage();" title="Remove this image from page">Delete Image</button>'+
367	370	'<button id="close-element" class="alipi" onclick="pageEditor.cleanUp();" title="Close" ></button>'+
368	371	'<label id="cant-edit" class="alipi">No selection / Too large to select </label> '+
369	372	'</div>';
…	…
376	376	$('body').append(element_edit_overlay_template);
377	377
378	378	$('#outter-up-button').show();
	379	$('#go').button({disabled : true});
379	380	$('#undo-button').button({ disabled: true});
380	381	$('#publish-button').button({ disabled: true});
381	382	$('input:.alipi, select:.alipi').button();
…	…
389	389	/$("#blog-filter").button({icons:{secondary:"ui-icon-triangle-1-s"}}); / $('#blog-filter').children().addClass('alipi');
390	390	$("#go").button({icons:{primary:"ui-icon-arrowthick-1-e"},text:false}); $('#go').children().addClass('alipi');
391	391	$("#share").button({icons:{primary:"ui-icon-signal-diag"}}); $('#share').children().addClass('alipi');
	392	$("#orig-button").button({icons:{primary:"ui-icon-extlink"}}); $('#orig-button').children().addClass('alipi');
	393	$("#info").button({icons:{primary:"ui-icon-info"}}); $('#info').children().addClass('alipi');
392	394
393	395	$("#icon-up").button({icons:{primary:"ui-icon-circle-arrow-n"},text:false}); $('#icon-up').children().addClass('alipi');
394	396	$("#icon-down").button({icons:{primary:"ui-icon-circle-arrow-s"},text:false}); $('#icon-down').children().addClass('alipi');
…	…
421	421	} else {
422	422	}
423	423
424		if($('#orig-button').val() == 'Original page') {
425		$('#renarrated_overlay').append($('#orig-button')); $('#orig-button').css('display', 'inline');
	424	if($('#orig-button').val() == 'Original Page') {
	425	$('#orig-button').show();;
426	426	$('#share-box').append($('#fb-like'));
427	427	$('#share-box').append($('#tweet-root'));
428	428	$('#share').show();

Commit 1aa3a0755bbe0f562933a31ad995d6d5663d5648

Gitorious