-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
81 lines (68 loc) · 3.54 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(fonts/TitilliumWeb-Regular.ttf) format('truetype');
}
html, body, table, ul, ol, li { padding:0; margin:0; }
html { width:450px; }
body { padding:10px 5px; font:15px/1.46 'Titillium Web', Verdana,sans-serif; color:#111; text-shadow:1px 1px 10px rgba(0, 0, 0, .2);}
#menu { float:left; margin:0; margin-bottom:1em; font-size:12px; list-style:none; }
#menu li, #menu a { float:left; margin:0; padding:0; }
#menu a { width:80px /*110px*/; padding:3px 15px; font-weight:bold; letter-spacing:-1px; text-align:center; text-decoration:none; color:#5F5F5F; background:#eee; outline:none;
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
}
#menu a:hover { color:#A7090C; }
#menu a.sel { color:#A7090C; background:#fff; }
#headlines { clear:both; list-style: none; }
#headlines a { color:#A7090C; font-size:17px; font-weight:bold; text-decoration:none}
#headlines li { margin:0; padding:5px; border-radius:8px; cursor:pointer; }
#headlines li:hover { position:relative; top:1px; left:1px; background:#f4f4f4; }
.pubDate { color:#666; font-size:11px; }
#articleWr { display:none; font-size:16px; padding:0 10px; }
#articleWr h1 { font-size:25px; line-height:1; letter-spacing:-1px; color:#990003; }
#articleWr ol, #articleWr ul { margin-left:3em; }
#articleWr p, #articleWr ul, #articleWr ol, #articleWr table { margin-bottom:.8em; }
#articleWr img { float:none; max-width:100%; height:auto; } /* fit images */
#articleWr .aico { float:left; width:36px; height:36px; margin:10px 10px 0 0; }
#btnBack { position:fixed; top:0; left:-10px; width:100px; height:100%; cursor:pointer; -webkit-transition:background-color .2s linear; }
#btnBack:hover { background-color:rgba(100,100,100,.2); background-image:url(icon-back-button.gif); background-repeat:repeat-y; background-position:7px; }
.fblk { display:none; }
iframe[src*='facebook.com'] { display:none; }
</style>
</head>
<body>
<div id="linksWr">
<ul id="menu">
<li><a href="#" class="sel" data-rss="frontpage">Titulka</a></li>
<li><a href="#" data-rss="smenajcit4">Naj za 4h</a></li>
<li><a href="#" data-rss="smenajcit24">Naj za 24h</a></li>
<li><a href="#" data-rss="zdom">Z domova</a></li>
<li><a href="#" data-rss="zahr">Zahraničie</a></li>
<li><a href="#" data-rss="ekon">Ekonomika</a></li>
<li><a href="#" data-rss="kult">Kultúra</a></li>
<li><a href="#" data-rss="sport">Šport</a></li>
</ul>
<ul id="headlines">
<li><a href="http://www.sme.sk/c/6543029/vodic-ktory-zabil-v-moskve-sedem-ludi-mal-som-sa-strelit-do-hlavy.html">Title</a><br>
Description text for the article goes here. This is a description.<br>
<span class="pubDate">Sun, Sep 1, 2012 10:15:00 GMT</span></li>
</ul>
</div>
<div id="articleWr">
<div id="articleHeader"></div>
<div id="articleBody"></div>
<span id="btnBack"></span>
</div>
<script src="lib/zepto.min.js"></script>
<script src="lib/moment.min.js"></script>
<script src="popup.js"></script>
</body>
</html>