tooltips shouldn't interfere with selections

1 files changed, 160 insertions, 148 deletions

diff --git a/css/style.css b/css/style.css
index 9f88a76..f7bd960 100755
--- a/css/style.css
+++ b/css/style.css
@@ -53,18 +53,18 @@
 /**********************/
 
 .wikistyle > pre, .wikistyle > .pre, pre {
-	background-color: #444 !important;
-	background-image: none;
-	color: #fff !important;
-	font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
-	display: block !important;
-	padding: 10px !important;
-	border: 2px solid #dedede !important;
-	-webkit-border-radius: 5px !important;
-	-moz-border-radius: 5px !important;
-	border-radius: 5px !important;
-	margin-left: 5px;
-	position: relative;
+  background-color: #444 !important;
+  background-image: none;
+  color: #fff !important;
+  font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
+  display: block !important;
+  padding: 10px !important;
+  border: 2px solid #dedede !important;
+  -webkit-border-radius: 5px !important;
+  -moz-border-radius: 5px !important;
+  border-radius: 5px !important;
+  margin-left: 5px;
+  position: relative;
 }
 
 .wikistyle > pre span.comment {color: #aaa;}
@@ -80,73 +80,85 @@ code {white-space: nowrap;}
 .highlight pre code {white-space: pre;}
 
 .wikistyle code {
-	font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
-	-webkit-border-radius: 3px !important;
-	-moz-border-radius: 3px !important;
-	border-radius: 3px !important;
-	background: #f9f9f9 !important;
-	border: 1px solid #ccc !important;
-	display: inline-block !important;
-	font-size: 10px !important;
-	color: #52595d !important;
-	padding: 0 0.3em 0.05em !important;
+  font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
+  -webkit-border-radius: 3px !important;
+  -moz-border-radius: 3px !important;
+  border-radius: 3px !important;
+  background: #f9f9f9 !important;
+  border: 1px solid #ccc !important;
+  display: inline-block !important;
+  font-size: 10px !important;
+  color: #52595d !important;
+  padding: 0 0.3em 0.05em !important;
 }
 
 pre .codeline {
-	display: block;
-	position: relative;
+  display: block;
+  position: relative;
 }
 
 pre .codeline:hover {
-	background-color: #292929;
-	margin: 0px;
-	padding-left: 3px;
-	margin-left: -3px;
-	-webkit-border-radius: 3px !important;
-	-moz-border-radius: 3px !important;
-	border-radius: 3px !important;
-	color: #666666;
+  background-color: #292929;
+  margin: 0px;
+  padding-left: 3px;
+  margin-left: -3px;
+  -webkit-border-radius: 3px !important;
+  -moz-border-radius: 3px !important;
+  border-radius: 3px !important;
+  color: #666666;
 }
 
 pre .codeline span {
-	display: none;
-	font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
-	-webkit-border-radius: 3px !important;
-	-moz-border-radius: 3px !important;
-	border-radius: 3px !important;
-	background: #000 !important;
-	border: 1px solid #292929 !important;
-	font-size: 10px !important;
-	color: #fff !important;
-	padding: 0 0.3em 0.05em !important;
-	position: absolute;
-	right: 0px;
-	top: 0px;
+  display: inline-block;
+  font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
+  font-size: 10px !important;
+  color: #fff !important;
+  padding: 0 0.3em 0.05em !important;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  text-indent: -9999px;
+  background-image: url('/images/bootcamp/qmark.png');
+  background-repeat: no-repeat;
+  background-position: 1px 3px;
+  max-width: 8px;
+  min-width: 8px;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  user-select: none;
+
 }
 
-pre .codeline:hover span {
-	display: inline-block !important;
+pre .codeline span:hover {
+  display: inline-block;
+  text-indent: 0px;
+  -webkit-border-radius: 3px !important;
+  -moz-border-radius: 3px !important;
+  border-radius: 3px !important;
+  background: #000 !important;
+  border: 1px solid #292929 !important;
+  max-width: 1000px;
 }
 
 pre.bootcamp {
-	white-space: normal !important;
-	margin-left: -10px !important;
-	margin-bottom: 1.5em !important;
-	background-image: none !important;
+  white-space: normal !important;
+  margin-left: -10px !important;
+  margin-bottom: 1.5em !important;
+  background-image: none !important;
 }
 
 .bash-output {
-	color: #63e463;
-	display: block;
-	position: relative;
+  color: #63e463;
+  display: block;
+  position: relative;
 }
 
 pre em {
-	color: #f9fe64;
+  color: #f9fe64;
 }
 
 pre .codeline:hover em {
-	color: #666666;
+  color: #666666;
 }
 
 /********************/
@@ -154,11 +166,11 @@ pre .codeline:hover em {
 /********************/
 
 .wikistyle img {
-	max-width: 690px;
-	border: 1px solid #dddddd;
-	-webkit-box-shadow: 1px 1px 3px #ddd;
-	-moz-box-shadow: 1px 1px 3px #ddd;
-	box-shadow: 1px 1px 3px #ddd;
+  max-width: 690px;
+  border: 1px solid #dddddd;
+  -webkit-box-shadow: 1px 1px 3px #ddd;
+  -moz-box-shadow: 1px 1px 3px #ddd;
+  box-shadow: 1px 1px 3px #ddd;
 }
 
 
@@ -220,108 +232,108 @@ pre .codeline:hover em {
 /*         Bootcamp         */
 /****************************/
 .short-bottom-marg {
-	margin-bottom: 5px;
+  margin-bottom: 5px;
 }
 p.next-step strong, .next-steps {
-	color: #666666;
+  color: #666666;
 }
 .next-steps {
-	font-weight: bold;
+  font-weight: bold;
 }
 .next-steps a {
-	background-image: url('/images/bootcamp/next_step_arrow.gif');
-	background-repeat: no-repeat;
-	background-position: right 50%;
-	padding-right: 15px;
+  background-image: url('/images/bootcamp/next_step_arrow.gif');
+  background-repeat: no-repeat;
+  background-position: right 50%;
+  padding-right: 15px;
 }
 .next-steps a:hover {
-	padding-right: 20px;
-	text-decoration:  none;
+  padding-right: 20px;
+  text-decoration:  none;
 }
 .intro {
-	color: #868686;
+  color: #868686;
 }
 
 h2 span {
-	color: #666666;
+  color: #666666;
 }
 
 .founders {
-	overflow: hidden;
-	margin: 0px;
+  overflow: hidden;
+  margin: 0px;
 }
 .founder {
-	background:#f5f5f5;
-	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#ececec');
-	background:-webkit-gradient(linear,0% 0,0% 100%,from(#fcfcfc),to(#e8e8e8));
-	background:-moz-linear-gradient(270deg,#fcfcfc,#ececec);border-color:#eee;
-	border:1px solid #e9e9e9;
-	border-bottom-color:#f5f5f5;
-	-webkit-border-radius:5px;
-	-moz-border-radius:5px;
-	border-radius:5px;
-	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-	box-shadow:0 1px 1px rgba(0,0,0,0.2);
-	display: block;
-	position: relative;
-	width: 250px;
-	padding: 5px;
-	overflow: hidden;
-	margin: 0px 5px 5px 0px;
-	float: left;
-	list-style-type: none;
+  background:#f5f5f5;
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#ececec');
+  background:-webkit-gradient(linear,0% 0,0% 100%,from(#fcfcfc),to(#e8e8e8));
+  background:-moz-linear-gradient(270deg,#fcfcfc,#ececec);border-color:#eee;
+  border:1px solid #e9e9e9;
+  border-bottom-color:#f5f5f5;
+  -webkit-border-radius:5px;
+  -moz-border-radius:5px;
+  border-radius:5px;
+  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  display: block;
+  position: relative;
+  width: 250px;
+  padding: 5px;
+  overflow: hidden;
+  margin: 0px 5px 5px 0px;
+  float: left;
+  list-style-type: none;
 }
 
 .founder:hover {
-	text-decoration: none;
-	background:#e5e5e5;
-	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec',endColorstr='#dcdcdc');
-	background:-webkit-gradient(linear,0% 0,0% 100%,from(#ececec),to(#d8d8d8));
-	background:-moz-linear-gradient(270deg,#ececec,#dcdcdc);border-color:#ddd;
+  text-decoration: none;
+  background:#e5e5e5;
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec',endColorstr='#dcdcdc');
+  background:-webkit-gradient(linear,0% 0,0% 100%,from(#ececec),to(#d8d8d8));
+  background:-moz-linear-gradient(270deg,#ececec,#dcdcdc);border-color:#ddd;
 }
 
 .founder img {
-	float: left;
-	position: relative;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	border:1px solid #e9e9e9;
-	margin-right: 1em;
+  float: left;
+  position: relative;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  border:1px solid #e9e9e9;
+  margin-right: 1em;
 }
 .founder h4 {
-	position: relative;
-	font-size: 1.3em;
-	color: #000;
-	margin: .3em 0px 0px;
+  position: relative;
+  font-size: 1.3em;
+  color: #000;
+  margin: .3em 0px 0px;
 }
 .founder p {
-	position: relative;
-	font-weight: bold;
-	margin:0px !important;
-	color: #666666;
-	margin: 0px;
+  position: relative;
+  font-weight: bold;
+  margin:0px !important;
+  color: #666666;
+  margin: 0px;
 }
 
 .step-title {
-	font-weight: bold;
-	display: inline-block;
-	margin-top: 1em;
+  font-weight: bold;
+  display: inline-block;
+  margin-top: 1em;
 }
 
 .step-title span {
-	font-weight: normal;
-	font-style: oblique;
-	color: #666666;
+  font-weight: normal;
+  font-style: oblique;
+  color: #666666;
 }
 
 img.bootcamp {
-	display: block;
+  display: block;
 }
 
 img.top-margin {
-	margin-top: 1em !important;
+  margin-top: 1em !important;
 }
 
 /****************************/
@@ -329,49 +341,49 @@ img.top-margin {
 /****************************/
 
 .more-info {
-	margin: 10px 0;
-	position: relative;
+  margin: 10px 0;
+  position: relative;
 }
 .more-info > h4 {
-	background-image: url('/images/bootcamp/dropdown_sprites.jpg');
-	background-repeat: no-repeat;
-	padding: .25em 0 .25em 25px;
-	cursor: pointer;
-	color: #4183C4;
-	font-weight: normal;
+  background-image: url('/images/bootcamp/dropdown_sprites.jpg');
+  background-repeat: no-repeat;
+  padding: .25em 0 .25em 25px;
+  cursor: pointer;
+  color: #4183C4;
+  font-weight: normal;
 }
 .more-info h4.compressed {
-	background-position: 0 0;
+  background-position: 0 0;
 }
 .more-info:hover h4.compressed {
-	background-position: 0 -23px;
+  background-position: 0 -23px;
 }
 .more-info h4.expanded {
-	background-position: 0 -46px;
+  background-position: 0 -46px;
 }
 .more-info:hover h4.expanded {
-	background-position: 0 -69px;
+  background-position: 0 -69px;
 }
 
 .more-info .more-content {
-	display: none;
-	-webkit-border-radius: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;
-	background-color: #FFFFFF;
-	border: 3px solid #DDDDDD;
-	padding: 1em 2em;
-	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-	margin: 15px 0 30px;
+  display: none;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  background-color: #FFFFFF;
+  border: 3px solid #DDDDDD;
+  padding: 1em 2em;
+  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
+  margin: 15px 0 30px;
 }
 
 .more-info .more-content h4 {
-	margin-top: 1em;
+  margin-top: 1em;
 }
 
 .more-info .more-content pre {
-	margin-left: 0px !important;
+  margin-left: 0px !important;
 }