[extjs.git] / extjs / build / examples / classic / app / feed-viewer / feed-viewer.html

<!DOCTYPE html>\r
<html>\r
<head>\r
    <meta http-equiv="X-UA-Compatible" content="IE=edge">\r
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">\r
    <title id="page-title">MVC Feed Viewer</title>\r
\r
    <!-- GC -->\r
    <!-- <x-compile> -->\r
    <!-- <x-bootstrap> -->\r
    <script type="text/javascript" src="../../shared/include-ext.js"></script>\r
    <script type="text/javascript" src="../../shared/options-toolbar.js"></script>\r
\r
    <!-- </x-bootstrap> -->\r
    <script type="text/javascript" src="all-classes.js"></script>\r
    <script type="text/javascript" src="app.js"></script>\r
\r
    <!-- </x-compile> -->\r
\r
    <style type="text/css" media="screen">\r
        /**\r
         * Icons\r
         */\r
\r
        .summary {\r
             background-image: url(images/details.gif) !important;\r
        }\r
\r
        .reading {\r
             background-image: url(images/article.gif) !important;\r
        }\r
\r
        .post-go {\r
            background-image: url(images/post_go.gif) !important;\r
        }\r
\r
        .tab-new {\r
            background-image: url(images/tab_new.gif) !important;\r
        }\r
\r
        .feed-add {\r
            background-image: url(images/rss_add.gif) !important;\r
        }\r
\r
        .feed-remove {\r
            background-image: url(images/rss_delete.gif) !important;\r
        }\r
\r
        .feed-load {\r
            background-image: url(images/rss_load.gif) !important;\r
        }\r
\r
        .details {\r
            background-image: url(images/details.gif) !important;\r
        }\r
\r
        .open-all {\r
            background-image: url(images/tabs.gif) !important;\r
        }\r
\r
        .feed {\r
            width: 16px;\r
            height: 16px;\r
            background-image: url(images/rss.gif) !important;\r
        }\r
\r
        /**\r
         * Other styles\r
         */\r
        .feed-picker-url {\r
            float: left;\r
            width: 425px;\r
        }\r
        .feed-picker-title {\r
        /*    float: left;*/\r
            color: #777;\r
            font-size: 10px;\r
        }\r
\r
        .feed-list {\r
            padding: 0 3px 0 3px;\r
        }\r
\r
        .feed-list-item {\r
            margin-top: 3px;\r
            padding-left: 20px;\r
            font-size: 11px;\r
            line-height: 20px;\r
            cursor: pointer;\r
            background: url(images/rss.gif) no-repeat 0 2px;\r
            border: 1px solid #fff;\r
        }\r
\r
        .feed-list-item.neptune {\r
            margin-top: 0;\r
            padding-left: 30px;\r
            font-size: 15px;\r
            line-height: 35px;\r
            background: url(images/rss.gif) no-repeat 5px 10px;\r
        }\r
\r
        .feed-list .x-item-selected {\r
            font-weight: bold;\r
            color: #15428B;\r
            background-color: #DFE8F6;\r
            border: 1px dotted #A3BAE9;\r
        }\r
\r
        .feed-list-item-hover {\r
            background-color: #eee;\r
        }\r
\r
        .topic {\r
            padding: 2px 0 0 20px;\r
            background:transparent url(images/post.gif) no-repeat;\r
        }\r
\r
        .topic b {\r
            font-family: tahoma, verdana;\r
            display: block;\r
            color: #333;\r
        }\r
\r
        .author {\r
            color: #333\r
        }\r
\r
        .post-date {\r
            font-weight:bold;\r
            color:#333;\r
        }\r
\r
        .feed-grid .x-grid-rowbody {\r
            margin: 5px 20px 10px 25px !important;\r
            color: #555;\r
            font-size: 11px;\r
        }\r
\r
        /* Preview classes */\r
        .articlepreview .x-toolbar {\r
            border-top-width: 1px !important;\r
        }\r
\r
        .preview .x-panel-body {\r
            background:#fff;\r
            color:#222;\r
            font:normal 12px tahoma,verdana,arial,sans-serif;\r
        }\r
\r
        .preview .x-panel-body p {\r
            line-height:18px;\r
            margin:8px 0;\r
        }\r
\r
        .preview .x-panel-body ul {\r
            margin-left:18px;\r
        }\r
\r
        .preview .x-panel-body ul li {\r
            display:list-item;\r
            list-style-image:none !important;\r
            list-style-position:outside !important;\r
            list-style-type:disc !important;\r
            margin-left:18px;\r
        }\r
\r
        .preview .x-panel-body pre, #preview .x-panel-body code {\r
            background:#f1f1f1;\r
            display:block;\r
        }\r
\r
        .preview .x-panel-body h4.post-author {\r
            font-weight:normal;\r
            color:#555;\r
            font-size:11px;\r
        }\r
        .preview .x-panel-body span.post-date {\r
            font-weight:normal;\r
            color:#555;\r
            float:right;\r
            font-size:11px;\r
        }\r
        .preview .x-panel-body div.post-data {\r
            background:#f1f2f4;\r
            padding:5px;\r
            border-bottom:1px solid #dadadb;\r
        }\r
        .preview .x-panel-body div.post-body {\r
            padding:10px;\r
        }\r
\r
        .x-tab-bar-body {\r
            border-width: 1px 1px 0 1px !important;\r
        }\r
    </style>\r
</head>\r
<body>\r
    <!-- Hack to get around pop-up blocking in smart phones. -->\r
    <a href="" target="_blank" id="hidden_link" style="display:none;"></a>\r
</body>\r
</html>\r
Commit	Line	Data
6527f429 DM	1	<!DOCTYPE html>\r
	2	<html>\r
	3	<head>\r
	4	<meta http-equiv="X-UA-Compatible" content="IE=edge">\r
	5	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
	6	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">\r
	7	<title id="page-title">MVC Feed Viewer</title>\r
	8	\r
	9	<!-- GC -->\r
	10	<!-- <x-compile> -->\r
	11	<!-- <x-bootstrap> -->\r
	12	<script type="text/javascript" src="../../shared/include-ext.js"></script>\r
	13	<script type="text/javascript" src="../../shared/options-toolbar.js"></script>\r
	14	\r
	15	<!-- </x-bootstrap> -->\r
	16	<script type="text/javascript" src="all-classes.js"></script>\r
	17	<script type="text/javascript" src="app.js"></script>\r
	18	\r
	19	<!-- </x-compile> -->\r
	20	\r
	21	<style type="text/css" media="screen">\r
	22	/**\r
	23	* Icons\r
	24	*/\r
	25	\r
	26	.summary {\r
	27	background-image: url(images/details.gif) !important;\r
	28	}\r
	29	\r
	30	.reading {\r
	31	background-image: url(images/article.gif) !important;\r
	32	}\r
	33	\r
	34	.post-go {\r
	35	background-image: url(images/post_go.gif) !important;\r
	36	}\r
	37	\r
	38	.tab-new {\r
	39	background-image: url(images/tab_new.gif) !important;\r
	40	}\r
	41	\r
	42	.feed-add {\r
	43	background-image: url(images/rss_add.gif) !important;\r
	44	}\r
	45	\r
	46	.feed-remove {\r
	47	background-image: url(images/rss_delete.gif) !important;\r
	48	}\r
	49	\r
	50	.feed-load {\r
	51	background-image: url(images/rss_load.gif) !important;\r
	52	}\r
	53	\r
	54	.details {\r
	55	background-image: url(images/details.gif) !important;\r
	56	}\r
	57	\r
	58	.open-all {\r
	59	background-image: url(images/tabs.gif) !important;\r
	60	}\r
	61	\r
	62	.feed {\r
	63	width: 16px;\r
	64	height: 16px;\r
65	background-image: url(images/rss.gif) !important;\r
66	}\r
67	\r
68	/**\r
69	* Other styles\r
70	*/\r
71	.feed-picker-url {\r
72	float: left;\r
73	width: 425px;\r
74	}\r
75	.feed-picker-title {\r
76	/* float: left;*/\r
77	color: #777;\r
78	font-size: 10px;\r
79	}\r
80	\r
81	.feed-list {\r
82	padding: 0 3px 0 3px;\r
83	}\r
84	\r
85	.feed-list-item {\r
86	margin-top: 3px;\r
87	padding-left: 20px;\r
88	font-size: 11px;\r
89	line-height: 20px;\r
90	cursor: pointer;\r
91	background: url(images/rss.gif) no-repeat 0 2px;\r
92	border: 1px solid #fff;\r
93	}\r
94	\r
95	.feed-list-item.neptune {\r
96	margin-top: 0;\r
97	padding-left: 30px;\r
98	font-size: 15px;\r
99	line-height: 35px;\r
100	background: url(images/rss.gif) no-repeat 5px 10px;\r
101	}\r
102	\r
103	.feed-list .x-item-selected {\r
104	font-weight: bold;\r
105	color: #15428B;\r
106	background-color: #DFE8F6;\r
107	border: 1px dotted #A3BAE9;\r
108	}\r
109	\r
110	.feed-list-item-hover {\r
111	background-color: #eee;\r
112	}\r
113	\r
114	.topic {\r
115	padding: 2px 0 0 20px;\r
116	background:transparent url(images/post.gif) no-repeat;\r
117	}\r
118	\r
119	.topic b {\r
120	font-family: tahoma, verdana;\r
121	display: block;\r
122	color: #333;\r
123	}\r
124	\r
125	.author {\r
126	color: #333\r
127	}\r
128	\r
129	.post-date {\r
130	font-weight:bold;\r
131	color:#333;\r
132	}\r
133	\r
134	.feed-grid .x-grid-rowbody {\r
135	margin: 5px 20px 10px 25px !important;\r
136	color: #555;\r
137	font-size: 11px;\r
138	}\r
139	\r
140	/* Preview classes */\r
141	.articlepreview .x-toolbar {\r
142	border-top-width: 1px !important;\r
143	}\r
144	\r
145	.preview .x-panel-body {\r
146	background:#fff;\r
147	color:#222;\r
148	font:normal 12px tahoma,verdana,arial,sans-serif;\r
149	}\r
150	\r
151	.preview .x-panel-body p {\r
152	line-height:18px;\r
153	margin:8px 0;\r
154	}\r
155	\r
156	.preview .x-panel-body ul {\r
157	margin-left:18px;\r
158	}\r
159	\r
160	.preview .x-panel-body ul li {\r
161	display:list-item;\r
162	list-style-image:none !important;\r
163	list-style-position:outside !important;\r
164	list-style-type:disc !important;\r
165	margin-left:18px;\r
166	}\r
167	\r
168	.preview .x-panel-body pre, #preview .x-panel-body code {\r
169	background:#f1f1f1;\r
170	display:block;\r
171	}\r
172	\r
173	.preview .x-panel-body h4.post-author {\r
174	font-weight:normal;\r
175	color:#555;\r
176	font-size:11px;\r
177	}\r
178	.preview .x-panel-body span.post-date {\r
179	font-weight:normal;\r
180	color:#555;\r
181	float:right;\r
182	font-size:11px;\r
183	}\r
184	.preview .x-panel-body div.post-data {\r
185	background:#f1f2f4;\r
186	padding:5px;\r
187	border-bottom:1px solid #dadadb;\r
188	}\r
189	.preview .x-panel-body div.post-body {\r
190	padding:10px;\r
191	}\r
192	\r
193	.x-tab-bar-body {\r
194	border-width: 1px 1px 0 1px !important;\r
195	}\r
196	</style>\r
197	</head>\r
198	<body>\r
199	<!-- Hack to get around pop-up blocking in smart phones. -->\r
200	<a href="" target="_blank" id="hidden_link" style="display:none;"></a>\r
201	</body>\r
202	</html>\r