|  |  |  | /* | 
					
						
							|  |  |  |  * This program is free software: you can redistribute it and/or modify | 
					
						
							|  |  |  |  * it under the terms of the GNU Lesser General Public License as published by | 
					
						
							|  |  |  |  * the Free Software Foundation, either version 3 of the License, or | 
					
						
							|  |  |  |  * (at your option) any later version. | 
					
						
							|  |  |  |  * | 
					
						
							|  |  |  |  * This program is distributed in the hope that it will be useful, | 
					
						
							|  |  |  |  * but WITHOUT ANY WARRANTY; without even the implied warranty of | 
					
						
							|  |  |  |  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
					
						
							|  |  |  |  * GNU Lesser General Public License for more details. | 
					
						
							|  |  |  |  * | 
					
						
							|  |  |  |  * You should have received a copy of the GNU Lesser General Public License | 
					
						
							|  |  |  |  * along with this program.  If not, see <http://www.gnu.org/licenses/>. | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } | 
					
						
							|  |  |  | .clearfix:after { clear: both; } | 
					
						
							|  |  |  | .clearfix { zoom: 1; } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | body { | 
					
						
							|  |  |  |   margin: 0; | 
					
						
							|  |  |  |   min-width: 400px; | 
					
						
							|  |  |  |   min-height: 500px; | 
					
						
							|  |  |  |   font-family: sans-serif; | 
					
						
							|  |  |  |   color: #333; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .container { | 
					
						
							|  |  |  |   max-width: 960px; | 
					
						
							|  |  |  |   margin: auto; | 
					
						
							|  |  |  |   padding: 0 1em; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | header { | 
					
						
							|  |  |  |   padding: 5px 0; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | label { | 
					
						
							|  |  |  |   float: left; | 
					
						
							|  |  |  |   margin-right: 1em; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #compose-cancel { | 
					
						
							|  |  |  |   float: right; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #send .conversation { | 
					
						
							|  |  |  |   padding: 0.3em 1em; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #popup_send_numbers { | 
					
						
							|  |  |  |   margin-bottom: 0; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #popup_send_numbers:focus + .contacts, | 
					
						
							|  |  |  | .contacts:hover { | 
					
						
							|  |  |  |   display: block; | 
					
						
							|  |  |  |   z-index: 10; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .contacts { | 
					
						
							|  |  |  |   display: none; | 
					
						
							|  |  |  |   position: absolute; | 
					
						
							|  |  |  |   left: 10px; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .contact { | 
					
						
							|  |  |  |   border: solid 1px #ccc; | 
					
						
							|  |  |  |   background: #fff; | 
					
						
							|  |  |  |   font-size: 88%; | 
					
						
							|  |  |  |   padding-right: 5px; | 
					
						
							|  |  |  |   cursor: pointer; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .contact .pic { | 
					
						
							|  |  |  |   display: block; | 
					
						
							|  |  |  |   float: left; | 
					
						
							|  |  |  |   width: 30px; | 
					
						
							|  |  |  |   height: 30px; | 
					
						
							|  |  |  |   background: #ddd; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .contact .name, .contact .number { | 
					
						
							|  |  |  |   line-height: 30px; | 
					
						
							|  |  |  |   margin-left: 5px; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ul { | 
					
						
							|  |  |  |   margin: 0; | 
					
						
							|  |  |  |   padding: 0; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | li { | 
					
						
							|  |  |  |   list-style: none; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | #send_link ~ #new-chat-help, | 
					
						
							|  |  |  | #new-group ~ #new-group-help { | 
					
						
							|  |  |  |   display: none; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | #send_link:hover ~ #new-chat-help, | 
					
						
							|  |  |  | #new-group:hover ~ #new-group-help { | 
					
						
							|  |  |  |   display: block; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | .help { | 
					
						
							|  |  |  |   display: inline-block; | 
					
						
							|  |  |  |   position: fixed; | 
					
						
							|  |  |  |   top: 10; | 
					
						
							|  |  |  |   right: 10; | 
					
						
							|  |  |  |   font-size: 0.8em; | 
					
						
							|  |  |  |   color: #7fd0ed; | 
					
						
							|  |  |  | } |