Browse Source

update

new buttons, bug fixes
master
Hedgehog 11 years ago
parent
commit
52d10ca81f
  1. 1
      calm.js
  2. BIN
      css/images/dm.png
  3. BIN
      css/images/pen.png
  4. 113
      css/style.css
  5. 2
      home.html

1
calm.js

@ -2,4 +2,5 @@ $(function(){ @@ -2,4 +2,5 @@ $(function(){
$('.post-text').on('click', 'a', function(e){
e.stopPropagation();
});
console.log(ret)
})

BIN
css/images/dm.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 475 B

BIN
css/images/pen.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 511 B

113
css/style.css

@ -128,6 +128,23 @@ button.disabled:hover @@ -128,6 +128,23 @@ button.disabled:hover
background: #43464d;
z-index: 2;
}
.userMenu:after{
position: absolute;
content: '';
width: 9999px;
height: 40px;
background: #43464d;
z-index: -999;
}
.userMenu:before{
position: absolute;
content: '';
width: 9999px;
left: -9999px;
height: 40px;
background: #43464d;
z-index: -999;
}
/*.userMenu:after
{
content: "";
@ -260,6 +277,34 @@ button.disabled:hover @@ -260,6 +277,34 @@ button.disabled:hover
float: right;
position: relative;
}
input.userMenu-search-field::-webkit-input-placeholder {
color: #4d4d4d;
font-style: italic;
}
input.userMenu-search-field:-moz-placeholder {
color: #4d4d4d;
font-style: italic;
}
input.userMenu-search-field::-moz-placeholder {
color: #4d4d4d;
font-style: italic;
}
input.userMenu-search-field:-ms-input-placeholder {
color: #4d4d4d;
font-style: italic;
}
input.userMenu-search-field:focus::-webkit-input-placeholder {
color: #fff;
}
input.userMenu-search-field:focus:-moz-placeholder {
color: #fff;
}
input.userMenu-search-field:focus::-moz-placeholder {
color: #fff;
}
input.userMenu-search-field:focus::-ms-input-placeholder {
color: #fff;
}
.userMenu li.userMenu-config > a
{
background: url(../img/config.png) no-repeat 5px center;
@ -559,7 +604,7 @@ button.disabled:hover @@ -559,7 +604,7 @@ button.disabled:hover
.post-area-new textarea
{
resize: none;
width: 445px;
width: 430px;
display: block;
transition: all .3s linear;
height: 28px;
@ -582,7 +627,7 @@ button.disabled:hover @@ -582,7 +627,7 @@ button.disabled:hover
.post-area-new.open textarea
{
height: 80px;
border: solid 1px rgba( 227, 79, 66, .5 );
border: solid 1px rgba( 118, 145, 206, .8 );
box-shadow: 0 0 10px rgba(0, 0, 0, .3 );
}
.post-area-extras
@ -591,15 +636,50 @@ button.disabled:hover @@ -591,15 +636,50 @@ button.disabled:hover
height: 0;
text-align: right;
}
.post-submit
{
background: #45474d;
color: rgba( 255, 255, 255, .8 );
border: none;
padding: 5px 10px;
cursor: pointer;
.post-submit, .dm-submit {
display: inline-block;
margin-top: 4px;
height: 34px;
padding: 0 10px 0 40px;
color: #f1f1f1;
font: 17px/34px "Open Sans Condensed";
border-radius: 2px;
opacity: 1;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.post-submit:hover, .dm-submit:hover {
color: #fff;
opacity: .9;
}
.directMessages .dm-submit {
margin-right: 55px;
background: #6d83bd url(images/dm.png) no-repeat 10px 3px;
}
.post .post-submit {
margin-right: 16px;
background: #6d83bd url(images/pen.png) no-repeat 10px 3px;
}
.mini-profile .post-submit {
background: #6d83bd url(images/pen.png) no-repeat 10px 3px;
margin-right: 0;
}
.post-submit.disabled {
opacity: .6;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.post-submit.disabled:hover {
color: #fff;
opacity: .7;
}
.post-area-new.open textarea + .post-area-extras
{
@ -838,7 +918,7 @@ button.disabled:hover @@ -838,7 +918,7 @@ button.disabled:hover
top: 0;
width: 0;
height: 100%;
background: #76b2ce;
background: #b2d67b;
transition: all .2s linear;
}
.postboard-posts > .post.open:after
@ -927,7 +1007,7 @@ button.disabled:hover @@ -927,7 +1007,7 @@ button.disabled:hover
.post-context a,
.mini-screen-name
{
color: #768fce;
color: #76b2ce;
}
/* external http links */
.post-text a[href^="http"] {
@ -1229,7 +1309,6 @@ button.disabled:hover @@ -1229,7 +1309,6 @@ button.disabled:hover
.network.singleBlock ul li > span
{
font-weight: bold;
opacity: .7;
}
.singleBlock .spam-msg
{
@ -1248,7 +1327,7 @@ button.disabled:hover @@ -1248,7 +1327,7 @@ button.disabled:hover
margin-bottom: 10px;
}
.highlight {
background: rgba(255, 230, 0, 0.5);
background: #fff;
padding: 3px 5px;
margin: -3px -5px;
line-height: 1.7;
@ -1257,11 +1336,11 @@ button.disabled:hover @@ -1257,11 +1336,11 @@ button.disabled:hover
}
.connection-status
{
border: 2px solid red;
border: 2px solid #e18881;
}
.connection-status.connected
{
border: 2px solid green;
border: 2px solid #b2d67b;
}
.character-limit
{
@ -1444,7 +1523,7 @@ button.disabled:hover @@ -1444,7 +1523,7 @@ button.disabled:hover
.directMessages .modal-content
{
overflow-y: auto;
height: 300px;
height: 94%;
}
.directMessages .modal-buttons
{

2
home.html

@ -343,7 +343,7 @@ @@ -343,7 +343,7 @@
<textarea placeholder="New direct message..."></textarea>
<div class="post-area-extras">
<span class="post-area-remaining">140</span>
<button title="Direct messages are encrypted, only you and receiver can read them" style="margin-right:7.5%;" class="dm-submit disabled" disabled="true">send</button>
<button title="Direct messages are encrypted, only you and receiver can read them" class="dm-submit disabled" disabled="true">send</button>
</div>
</form>
</div>

Loading…
Cancel
Save