fix picture fetching
[rofl0r-twatscrape.git] / css / fancy.css
blob246be526c0e720001a8d8d2dd6c4e61e224f64c3
1 html { font-size: 14px; background: #eee; Font-Family: Monospace; color: #fff;}
2 div.iconbar { position: relative; float: right; margin-right: 1%; font-size: 14px;}
3 div.iconbar a { text-decoration: none; }
4 a.export { position: absolute; top: 0; right: 2%; color:blue; text-decoration: none;}
6 div.profile_picture {position: absolute; height: 45px; width: 45px; margin: -10px 0 0 -5px; overflow: hidden; border-radius: 100px 100px 100px 100px; }
7 div.profile_picture_retweet {position: absolute; height: 45px; width: 45px; margin: -10px 0 0 30px; overflow: hidden; border-radius: 100px 100px 100px 100px;}
9 div.error_message {position: fixed; top: 25%; left: 25%; right: 25%; background: #90b4d2; border: 1px solid blue; box-shadow: 1px 1px 10px red; text-align: center;}
10 div.error_message p.error_text {font-weight:700; color: #000;}
11 div.error_message a {text-decoration: none;}
12 div.userlist {position: absolute; width: 100%; height: 80%; top: 35px; text-align: left; overflow-y: scroll; display: block;}
13 span.userlist_elem {position: relative; width: 33%; }
14 div.searchbox input[type=text] {left:0; width: 100%; text-align: center; height: 33px;}
15 div.searchbox .submit {position: absolute; top: 1px; height: 33px; width: 40px; right: 0; border: 0; background: transparent; padding:0; margin: 0;}
16 div.searchbox .hide_until_hover {opacity: 0; text-color: #90b4d2;}
17 div.searchbox:hover .hide_until_hover {opacity: 1; text-color: #fff;}
18 div.watchlist {position: absolute; left: 10%; right: 10%; top: 10%; bottom: 10%; border: 1px solid #000; color: #000;}
19 div.searchbox {
20 position: fixed; left: 30%; right: 30%; top: 0; height: 1%;
21 background: #90b4d2; overflow: hidden; text-align: center;
22 border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;
23 transition: all .1s ease-out; box-shadow: 1px 1px 10px #000;
25 div.searchbox:hover {
26 height: 65%; left: 20%; right: 20%;
27 opacity: 1; transition: all .5s ease-out;
30 div.searchbox .searchbar {position: absolute; left: 1%; right: 1%;}
32 div.searchbox span.gotoindex {position: absolute; text-align: right; bottom: 0; right: 0;}
34 a { text-decoration: underline; color: #fff; }
35 div.menu {
36 position: relative;
37 left: 0; right: 0; top: 1%;
38 text-align: center; font-size: 12px; color: #000; display: block;
39 word-wrap: break-word; white-space: -moz-pre-wrap; white-space: pre-wrap;
42 a.menu { color: blue; }
45 a:focus { outline: thin dotted; }
46 div.twat-container { width: 98%; background: #444; color: #fff; border: 1px solid #fff; margin: 1%; margin-top: 5px;}
47 div.twat-container:hover { border: 1px solid darkgrey; box-shadow: 1px -1px 3px #fff; }
49 /*p.twat-title:hover { border: 1px dotted lightgrey; }*/
50 p.twat-text { font-size: 14px; word-wrap: auto; display: block; padding: 1%; padding-top: 2%; margin: 0; Font-Family: Monospace;}
51 span.twat-iframe { text-align: center; width: 600px; height: 380px; }
52 p.twat-image { text-align: center; margin: 0;}
53 img.img { opacity: .6; transition: all .5s ease-out;}
54 img.img:hover { opacity: 1; }
55 iframe { border: 1px dotted #fff; width: 100%; height: 380px; margin: 0; }
56 div.twat-title { border: 1px solid transparent; font-weight: 700; font-size: 14px; text-align: center; background-color: #777; height: 18px; margin: 0;}
58 /* twitter-related values */
59 img.Emoji { height: 20px; width: 20px; }
60 a.twitter-timeline-link { padding-left: 5px; }
63 .video-thumbnail {
64 position: relative;
65 cursor: pointer;
66 text-align: center;
68 .video-thumbnail:before {
69 position: absolute;
70 top: 50%;
71 left: 50%;
72 transform: translate(-50%, -50%);
73 -webkit-transform: translate(-50%, -50%);
74 content: '\25BA';
75 font-size: 100px;
76 color: #fff;
77 opacity: .8;
78 text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
80 .video-thumbnail:hover:before {
81 color: #eee;