Diaspora css customization

jsxc.css.diff

203,214c203,244
< div#jsxc_roster {
< 	position: fixed;
< 	top: 0px;
< 	bottom: 0px;
< 	right: 0px;
< 	width: 200px;
< 	overflow: visible;
< 	border-left: 4px solid #A4A4A4;
< 	z-index: 80;
< 	margin-left: 10px;
< 	box-shadow: 0px 0px 7px #000000;
< 	background-color: #383C43;
---
> #jsxc_roster {
>     position: fixed;
>     top: 40px;
>     bottom: 0px;
>     right: 0px;
>     width: 200px;
>     overflow: visible;
>     border-left: 24px solid #A4A4A4;
>     z-index: 80;
>     margin-left: 10px;
>     background-color: #383C43;
>     transition: transform 0.3s;
>     transform: translate3d(200px, 0, 0);
> }
> 
> /* slide the roster drawer when checking the box
>  * the label for this checkbox can be placed anywhere, and on click on it it will
>  * trigger the drawer
>  */
> #jsxc_toggleRoster_text:checked ~ #jsxc_roster {
>     transform: translate3d(0, 0, 0);
> }
> 
> /* add the chevron icon
>  */
> #jsxc_toggleRoster_text:checked ~ #jsxc_roster .entypo::before {
>     content: '\e75e';
> }
> 
> #jsxc_toggleRoster ~ .entypo::before {
>     content: '\e75d';
> }
> 
> #jsxc_toggleRoster ~ .entypo {
>     position: absolute;
>     top: 50%;
>     z-index: 2;
>     left: -16px;
> }
> 
> #jsxc_roster a{
> 	cursor: pointer;
346a377,400
> #jsxc_loginForm input[type="submit"] {
>   height: 34px;
>   display: inline-block;
>   padding: 6px 12px;
>   margin-bottom: 0;
>   font-size: 14px;
>   font-weight: normal;
>   line-height: 1.428571429;
>   text-align: center;
>   white-space: nowrap;
>   vertical-align: middle;
>   cursor: pointer;
>   border: 1px solid transparent;
>   border-radius: 4px;
>   -webkit-user-select: none;
>   -moz-user-select: none;
>   -ms-user-select: none;
>   -o-user-select: none;
>   user-select: none;
>   color: #fff;
>   background-color: #5cb85c;
>   border-color: #4cae4c;
> }
> 
620,622c674,678
< ul#jsxc_buddylist li[data-type!="chat"] .jsxc_right {
< 	display: none;
< }
---
> /** Sass::SyntaxError: Invalid CSS 'data-type!="chat"'
>  * ul#jsxc_buddylist li[data-type!="chat"] .jsxc_right {
>  *	display: none;
>  * }
>  */
644,652c700,709
< div#jsxc_toggleRoster {
< 	width: 14px;
< 	height: 100%;
< 	position: absolute;
< 	left: -14px !important;
< 	top: 0px;
< 	z-index: 110;
< 	background-color: transparent;
< 	cursor: pointer;
---
> #jsxc_toggleRoster {
>     width: 34px;
>     height: 100%;
>     position: absolute;
>     left: -34px !important;
>     top: 0px;
>     z-index: 110;
>     background-color: transparent;
>     cursor: pointer;
>     display: table;
660,661c717,722
< /*############################ 
<  *###### Window List ######### 
---
> #jsxc_toggleRoster_text{
>       display: none;
> }
> 
> /*############################
>  *###### Window List #########
933c994,1000
< div.jsxc_in:after {
---
> .jsxc_timestamp_in {
>   float: left;
>   font-size: 8px;
>   color: #A4A4A4;
> }
> 
> .jsxc_in:after {
968c1035,1041
< div.jsxc_out:after {
---
> .jsxc_timestamp_out {
>   float: right;
>   font-size: 8px;
>   color: #A4A4A4;
> }
> 
> .jsxc_out:after {
996c1069
< 	padding-right: 40px;
---
> 	padding-right: 30px !important;
1191a1265,1273
> }
> 
> .jsxc_loading {
>   margin: 0 auto;
>   width: 32px;
>   height: 32px;
>   border: 0px;
>   background-size: 32px 32px !important;
>   background: url('img/loading.gif');