/* =====================================
 * :: Select Text to Share CSS
 * 
 * @ Author: Hadrien Boyer
 * @ Website: http://hadrien-boyer.fr
 * @ v.0.1 - Last update : 2014/06/29
 * ===================================== */

/*--------------------------------
  :: Basics
----------------------------------*/

pre {
  font-family:"Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace,serif;
  width:90%;
  margin-left:2%;
  border-left:5px solid #CCC;
  padding-left:20px;
  height:100%;
  overflow: auto;
  	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	padding-bottom:15px;
	padding-top:15px;
	line-height: 1.4rem;
}

label {
    display: inline-block;
    width: 5em;
  }
::selection { /* Highlight color for Safari & Chrome */
	background: #67bff1;
	color:white;
	}
::-moz-selection { /* Highlight color for Firefox */
	background: #67bff1;
}



/*--------------------------------
 :: Tooltip Style
----------------------------------*/

.shareTooltip {
	display:none;
	height:22px;
	top:0;
	position:absolute;
    background: #333;
    color: #67bff1;
    width:40px;
	height:32px;
    position: absolute;
	margin-left:-20px;
	opacity:0;
	filter: alpha(opacity=0);
    z-index: 99;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
}

.shareTooltip span {
	position: absolute;
	content: " ";
	border: solid rgba(0, 0, 0, 0);
	border-width: 7px;
	height: 0;
	width: 0;
	margin: 0;
	top: auto;
	left: auto;
	top: 100%;
	border-top-color: #333;
	margin-left: -7px;
	left: 50%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
}

.shareTooltip a { color: #f16786; }

.shareTooltip:hover { background:#3D566E; }
.shareTooltip:hover span { border-top-color: #3D566E; }

.tooltipContainer {
  	position:relative;
    display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.tooltipContainer a { 
	width: 100%;
	background:transparent url(../images/sprites.png) 0px 0px no-repeat;
	padding:0;
	left:0;
	top:0;
	height: 100%;
	text-decoration: none;
	display: block;
}

.sharingLink {
	display: block;
	position: absolute;
	text-indent:-9999px;
}