twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-02-04 11:04:29 +00:00
Code Issues Projects Releases Wiki Activity

more calm theme css adaptation

Browse Source
This commit is contained in:
erqan 2014-05-16 00:09:51 +03:00
parent 20ea8b0d7f
commit 5f10a1f6ee
4 changed files with 114 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/style.css
View File

@ -564,6 +564,10 @@ button.disabled:hover
width: 445px;
display: block;
transition: all .3s linear;
-webkit-transition: height 0.3s linear;
-moz-transition: height 0.3s linear;
-o-transition: height 0.3s linear;
-ms-transition: height 0.3s linear;
height: 28px;
border-radius: 3px;
border: solid 1px rgba(0, 0, 0, .3 );
@ -590,28 +594,6 @@ button.disabled:hover
textarea.splited-post {
box-shadow: none!important;
height: 28px;
transition: height 1s linear;
-webkit-transition: height 0.3s linear;
-moz-transition: height 0.3s linear;
-o-transition: height 0.3s linear;
-ms-transition: height 0.3s linear;
animation-name: splited-part;
animation-duration: 0.5s;
animation-easing-function: linear;
-webkit-animation-name: sent-part;
-webkit-animation-duration: 0.5s;
-webkit-animation-easing-function: linear;
-moz-animation-name: sent-part;
-moz-animation-duration: 0.5s;
-moz-animation-easing-function: linear;
}
@keyframes splited-part {
from {
height: 0px;
}
to {
height: 80px;
}
}
.splited-post-counter {
color: rgba(0, 0, 0, 0.3);

2
js/interface_common.js
View File

@ -586,7 +586,7 @@ function replyTextKeypress(e) {
var $tas = tweetForm.find("textarea");
splitedPostsCount = $tas.length;
if ($this.hasClass('splited-post'))
$this.css('height', '24px');
$this.css('height', '28px');
var reply_to = $this.attr('data-reply-to');
for (var i = 0; i < $tas.length; i++) {

8
theme_calm/css/profile.css
View File

@ -345,11 +345,17 @@ button.follow:hover {
{
margin-left: 0;
padding: 5px 0 5px 0;
height: 100%;
height: 60%;
}
.profile-modal .postboard h2 {
width: auto;
}
.profile-modal .postboard-posts
{
display: block;
height: 90%;
overflow: auto;
}
.profile-modal .postboard h2 span {
font: 18px/40px 'Open Sans Condensed', sans-serif;
padding-left: 10px;

105
theme_calm/css/style.css
View File

@ -97,6 +97,10 @@ h3
font-size: 14px;
color: rgba( 0, 0, 0, .5 );
}
.isFollowing:after {
color: #1a1;
content: '\2714';
}
/*************************************
**************************** BUTTONS **
**************************************/
@ -644,6 +648,28 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
{
text-decoration: none;
}
.who-follow
{
height: auto;
background-color: rgba(69, 71, 77, 0.1);
overflow: hidden;
font-size: 12px;
}
.show-more-followers {
color: #f11;
font-weight: bold;
cursor: pointer;
float: right;
}
.mini-follower-link
{
display: inline-block;
margin-right: 10px;
}
.mini-follower-link:before
{
content: " \2027";
}
/***********************************
********************* POST AREA ****
***********************************/
@ -656,6 +682,10 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
width: 430px;
display: block;
transition: all .3s linear;
-webkit-transition: height 0.3s linear;
-moz-transition: height 0.3s linear;
-o-transition: height 0.3s linear;
-ms-transition: height 0.3s linear;
height: 28px;
border-radius: 3px;
border: solid 1px rgba(0, 0, 0, .3 );
@ -679,6 +709,17 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
border: solid 1px rgba( 118, 145, 206, .8 );
box-shadow: 0 0 10px rgba(0, 0, 0, .3 );
}
textarea.splited-post {
box-shadow: none!important;
height: 28px;
}
.splited-post-counter {
color: rgba(0, 0, 0, 0.3);
font-weight: bold;
}
.splited-post-counter:before {
content: '\2026';
}
.post-area-extras
{
overflow: hidden;
@ -1624,7 +1665,8 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
color: #fff;
background: rgba( 0, 0, 0, .1 );
}
.modal-back {
.modal-back,
.mark-all-as-read {
position: absolute;
right: 30px;
top: 0;
@ -1636,8 +1678,8 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
transition: all .1s linear;
display: none;
}
.modal-back:hover
{
.modal-back:hover,
.mark-all-as-read:hover {
color: #fff;
background: rgba( 0, 0, 0, .1 );
}
@ -1778,6 +1820,12 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
.direct-messages-thread li.message:hover {
background: none;
}
.mark-all-as-read {
right: 60px;
}
.mark-all-as-read:before {
content: '\2714';
}
/*************************************
****************** NEW USER MODAL
**************************************/
@ -1877,6 +1925,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
.following-modal .modal-content
{
padding: 15px;
height: 400px;
overflow-y: auto;
}
.following-modal .modal-buttons
@ -1904,6 +1953,56 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
text-decoration: underline;
}
/*************************************
******************* WHO TO FOLLOW MODAL
**************************************/
.who-to-follow-modal .modal-wrapper
{
width: 560px;
height: 470px;
margin: -200px 0 0 -280px;
overflow-x: hidden;
}
.who-to-follow-modal .modal-content
{
padding: 15px;
height: 400px;
overflow-y: auto;
}
.who-to-follow-modal .modal-buttons
{
display: none;
}
.who-to-follow-modal ol
{
margin: 5px;
}
.who-to-follow-modal .open-profile-modal:hover
{
text-decoration: none;
}
.who-to-follow-modal .open-profile-modal span
{
vertical-align: middle;
}
.who-to-follow-modal .open-profile-modal span:hover
{
text-decoration: underline;
}
.who-to-follow-modal .follow
{
float: right;
margin: -30px 10px 0 10px;
}
.who-to-follow-modal .twister-user-info span
{
vertical-align: bottom;
}
.who-to-follow-modal .bio
{
font-size: 12px;
color: rgba( 0, 0, 0, .6 );
}
/*************************************
****************** LOADER ************
**************************************/
.postboard-loading