_contextual-help.scss 1.14 KB
Newer Older
Naomi Guyer's avatar
Naomi Guyer committed
1
// using bootstrap popover to style the help content
Pat Kira's avatar
Pat Kira committed
2 3 4 5 6 7 8 9 10 11 12
span.help {
	font-size: $font-size-base + 5;
	vertical-align: top;
	padding-left:10px;
	display: inline-block;

	.glyphicon {
		color: $mahara-blue;
	}
}

Naomi Guyer's avatar
Naomi Guyer committed
13 14 15
.contextualHelp {
	position: absolute;
	z-index: $zindex-popover;
Pat Kira's avatar
Pat Kira committed
16
	width: 300px;
Naomi Guyer's avatar
Naomi Guyer committed
17 18 19 20 21 22 23 24 25 26 27 28
	padding: 1px;
	// Reset font and text propertes given new insertion method
	font-family: $font-family-base;
	font-size: $font-size-base;
	font-weight: normal;
	line-height: $line-height-base;
	text-align: left;
	background-color: $popover-bg;
	background-clip: padding-box;
	border: 1px solid $popover-fallback-border-color;
	border: 1px solid $popover-border-color;
	border-radius: $border-radius-large;
Pat Kira's avatar
Pat Kira committed
29 30
	padding: 0 14px 8px;
	font-size: $font-size-base - 1;
Naomi Guyer's avatar
Naomi Guyer committed
31 32 33 34 35
	@include box-shadow(0 5px 10px rgba(0,0,0,.2));

	// Overrides for proper insertion
	white-space: normal;

Pat Kira's avatar
Pat Kira committed
36 37 38
	.help-dismiss {
		font-size: 16px;
		color: $gray;
Naomi Guyer's avatar
Naomi Guyer committed
39 40 41
	}

	h3 {
Pat Kira's avatar
Pat Kira committed
42
		margin: 0 -14px 20px;
Naomi Guyer's avatar
Naomi Guyer committed
43
		font-size: $font-size-base;
Pat Kira's avatar
Pat Kira committed
44
		padding:8px 14px;
Naomi Guyer's avatar
Naomi Guyer committed
45 46 47 48 49
		background-color: $popover-title-bg;
		border-bottom: 1px solid darken($popover-title-bg, 5%);
		border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
	}
}