Merge pull request #473 from pixelroot/master

Editor redesign
This commit is contained in:
Alex 2012-09-14 02:54:30 -07:00
commit 9c7d5d42e1

View file

@ -213,8 +213,6 @@ section {
.button:hover { .button:hover {
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
/* -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;*/
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
@ -905,30 +903,51 @@ ul .sidebar-group-li .icon {
background: #FFFFC8; background: #FFFFC8;
} }
#profile-jot-perms, #profile-jot-submit, #jot-preview-link { #profile-jot-perms, #profile-jot-submit {
width: 60px; width: 60px;
font-size: 12px; font-size: 12px;
box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color: #bdbdbd; background-color: #bdbdbd;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block; display: inline-block;
color: #efefef; color: #efefef;
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
}
#jot-preview-link {
float: right;
width: 60px;
/*height: 10px;*/
margin-right: 180px;
/*margin-top: 0px;
margin-left: 10px;*/
font-size: 12px;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color: #bdbdbd;
display: inline-block;
color: #efefef;
text-decoration: none;
text-align: center;
padding: 5px 5px;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
#profile-jot-perms { #profile-jot-perms {
width: 30px; width: 25px;
float: right;
overflow: hidden; overflow: hidden;
border: 0px; margin-left: 10px;
margin-left:5px; margin-right: 80px;
margin-top: -28px;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
#jot-perms-perms .icon { #jot-perms-perms .icon {
@ -936,11 +955,13 @@ ul .sidebar-group-li .icon {
} }
#profile-jot-submit { #profile-jot-submit {
float: left; width: 80px;
margin-right: 5px; float: right;
border: 0px; margin-right: 90px;
margin-top: 0px; margin-top: -28px;
margin-left: -30px; margin-left: 10px;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
#profile-jot-perms:hover, #profile-jot-perms:hover,
@ -950,6 +971,9 @@ ul .sidebar-group-li .icon {
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px;
} }
#profile-jot-perms:active, #profile-jot-perms:active,
@ -960,7 +984,7 @@ ul .sidebar-group-li .icon {
} }
#character-counter { #character-counter {
position: absolute: position: absolute;
right: 100px; right: 100px;
top: 100px; top: 100px;
} }
@ -1397,6 +1421,7 @@ profile-jot-banner-wrapper {
#item-delete-selected { #item-delete-selected {
overflow: auto; overflow: auto;
margin-top: 20px;
width: 100%; width: 100%;
} }
@ -1494,21 +1519,23 @@ profile-jot-banner-wrapper {
.comment-edit-submit-wrapper { .comment-edit-submit-wrapper {
width: 80%; width: 80%;
margin-left: 40px; margin-left: 40px;
text-align: right; text-align: left;
} }
.comment-edit-submit { .comment-edit-submit {
height: 22px; height: 22px;
padding: 5px 5px;
background-color: #a2a2a2; background-color: #a2a2a2;
color: #eeeeec; color: #eeeeec;
border-radius: 5px; border: 1px solid #CDCDCD;
-webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px;
border: 0px;
} }
.comment-edit-submit:hover { .comment-edit-submit:hover {
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 8px #BDBDBD;
} }
.comment-edit-submit:active { .comment-edit-submit:active {
@ -1517,7 +1544,7 @@ profile-jot-banner-wrapper {
#item-delete-selected-desc { #item-delete-selected-desc {
color: #898989; color: #898989;
float: left; float: right;
} }
.wall-item-body code { .wall-item-body code {