Browse Source

update

bugfixes
master
Hedgehog 11 years ago
parent
commit
62a82b0b73
  1. 5
      calm.js
  2. 40
      css/style.css
  3. 5
      home.html
  4. BIN
      img/screenshot.png
  5. 2
      twister_formatpost.js

5
calm.js

@ -0,0 +1,5 @@
$(function(){
$('.post-text').on('click', 'a', function(e){
e.stopPropagation();
});
})

40
css/style.css

@ -908,6 +908,10 @@ button.disabled:hover
opacity: .5; opacity: .5;
text-decoration: none; text-decoration: none;
} }
.post-info-time:hover {
text-decoration: none;
color: #43464d;
}
.post-text .post-text
{ {
font-size: 13px; font-size: 13px;
@ -927,6 +931,8 @@ button.disabled:hover
} }
/* external http links */ /* external http links */
.post-text a[href^="http"] { .post-text a[href^="http"] {
display: inline-block;
border-bottom: 0px solid #767b87;
font: italic 13px "Open Sans", sans-serif; font: italic 13px "Open Sans", sans-serif;
text-decoration: none; text-decoration: none;
color: #aa617d; color: #aa617d;
@ -936,19 +942,29 @@ button.disabled:hover
-o-transition: all 200ms; -o-transition: all 200ms;
transition: all 200ms; transition: all 200ms;
} }
.post-text a[href^="http"]:hover{
color: #d57a9f;
opacity: .8;
}
.post-text a[href^="http"]:after { .post-text a[href^="http"]:after {
content: ''; content: '';
display: inline-block; display: inline-block;
position: relative; position: relative;
top: 4px; top: 3px;
width: 17px; width: 16px;
height: 17px; height: 16px;
background: url(images/ext-link.png) no-repeat center center; background: url(images/ext-link.png) no-repeat center center;
opacity: .8; opacity: 1;
zoom: .8;
-moz-transform: scale(.8);
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
} }
.post-text a[href^="http"]:hover{ .post-text a[href^="http"]:hover:after {
color: #d57a9f; opacity: .8;
text-decoration: underline;
} }
.post-text a[href^="#profile"], .follow-suggestions a[href^="#profile"] { .post-text a[href^="#profile"], .follow-suggestions a[href^="#profile"] {
color: #5e8da4; color: #5e8da4;
@ -975,7 +991,7 @@ button.disabled:hover
color: #768fce; color: #768fce;
} }
.post-info a[href^="#profile"], .followers a[href^="#profile"]{ .post-info a[href^="#profile"], .followers a[href^="#profile"], a[href^="#profile"].post-retransmited-by{
color: #43464d; color: #43464d;
-webkit-transition: all 200ms; -webkit-transition: all 200ms;
-moz-transition: all 200ms; -moz-transition: all 200ms;
@ -983,7 +999,7 @@ button.disabled:hover
-o-transition: all 200ms; -o-transition: all 200ms;
transition: all 200ms; transition: all 200ms;
} }
.post-info a[href^="#profile"]:hover, .followers a[href^="#profile"]:hover { .post-info a[href^="#profile"]:hover, .followers a[href^="#profile"]:hover, a[href^="#profile"].post-retransmited-by:hover {
color: #5e8da4; color: #5e8da4;
text-decoration: none; text-decoration: none;
} }
@ -1144,7 +1160,7 @@ button.disabled:hover
{ {
display: none; display: none;
position: absolute; position: absolute;
background: #e34f42; background: #43464d;
font-size: 12px; font-size: 12px;
white-space: nowrap; white-space: nowrap;
padding: 3px 5px; padding: 3px 5px;
@ -1160,7 +1176,7 @@ button.disabled:hover
width: 0; width: 0;
left: 4px; left: 4px;
bottom: -5px; bottom: -5px;
border-top: solid 5px #e34f42; border-top: solid 5px #43464d;
border-left: solid 5px transparent; border-left: solid 5px transparent;
border-right: solid 5px transparent; border-right: solid 5px transparent;
} }
@ -1619,7 +1635,7 @@ button.disabled:hover
display: inline-block; display: inline-block;
width: 120px; width: 120px;
height: 10px; height: 10px;
background-color: #b43e34; background-color: #43464d;
border-radius: 100px; border-radius: 100px;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);
position: relative; position: relative;

5
home.html

@ -25,6 +25,7 @@
<script src="interface_common.js"></script> <script src="interface_common.js"></script>
<script src="interface_home.js"></script> <script src="interface_home.js"></script>
<script src="jquery.animate-colors-min.js"></script> <script src="jquery.animate-colors-min.js"></script>
<script src="calm.js"></script>
<link rel="icon" type="image/png" href="img/twister_mini.png" /> <link rel="icon" type="image/png" href="img/twister_mini.png" />
</head> </head>
@ -218,9 +219,7 @@
<p class="post-text"></p> <p class="post-text"></p>
<div class="post-context" style="display: none;"> <div class="post-context" style="display: none;">
<i class="post-retransmited-icon"></i> <i class="post-retransmited-icon"></i>
<span>Retransmitted by <span>Retransmitted by</span><a class="post-retransmited-by open-profile-modal" href=""></a>
<a class="post-retransmited-by open-profile-modal" href=""></a>
</span>
</div> </div>
<span class="post-expand">Expand</span> <span class="post-expand">Expand</span>
<!-- elementos de interação com o post que são exibidos no hover --> <!-- elementos de interação com o post que são exibidos no hover -->

BIN
img/screenshot.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 227 KiB

After

Width:  |  Height:  |  Size: 248 KiB

2
twister_formatpost.js

@ -98,7 +98,7 @@ function postToElem( post, kind ) {
elem.find(".post-context").show(); elem.find(".post-context").show();
var retweetedByElem = elem.find(".post-retransmited-by"); var retweetedByElem = elem.find(".post-retransmited-by");
retweetedByElem.attr("href", $.MAL.userUrl(retweeted_by)); retweetedByElem.attr("href", $.MAL.userUrl(retweeted_by));
retweetedByElem.text(retweeted_by); retweetedByElem.text('@'+retweeted_by);
} }
return elem; return elem;

Loading…
Cancel
Save