gitbook-plugin-theme-bandwidth/src/less/website/alerts.less

Bandwidth Theme for GitBook

// .alert{
//   display:inline-block;
//   padding: .5em 1em;
//   border: 2px solid #f6bbab;
//   color: #e8562e;
//   background-color: #fceae6;
//   font-weight: 700;
//   width:auto;
//   line-height: 2em;
// }
// .alert:before{
//   display:inline-block;
//   font-family: 'Bandwidth', Open Sans, Oswald, Sans-Serif;
//   width: 2em;
//   height:2em;
//   line-height:2em;
//   content: "!";
//   background-color: #fff;
//   border-radius:2em;
//   border: 2px solid #f6bbab;
//   margin-right: 1em;
//   vertical-align: middle;
//   text-align:center;
// }
// .alert a{
//   font-family: 'Bandwidth', Open Sans, Oswald;
//   font-weight: 500;
//   border-bottom: 1px solid;
//   text-decoration:none;
//   margin-left: 1em;
//   cursor: pointer;
//   cursor: hand;
//   -webkit-transition: all 0.1s;
//   -moz-transition: all 0.1s;
//   transition: all 0.1s;
//   overflow:hidden;
// }
// .alert a:hover{
//   padding-bottom:.3em;
// }
// .alert a:active{
//   padding-bottom:0em;
//   color:#fff;
// }
// .small{
//   padding: .5em 1em;
//   font-size: .8em;
// }
// .general{
//   color: #3a455c;
//   background: #d9f5fc;
//   border: 2px solid #7fddf5;
// }
// .general:before{
//   content:"i";
//   border:2px solid #7fddf5;
// }
// .success{
//   color: #5a9f0b;
//   background: #e9f5db;
//   border-color: #b5df86;
// }
// .success:before {
//   content: "\f15a";
//   border:2px solid #b5df86;
// }
// .global{
//   width: 100%;
// }
// .text-only{
//   line-height: 1.6em;
// }
// .text-only:before{
//   display:none;
// }

.alert{
	display:inline-block;
	padding: 10px 15px;
	border: 1px solid #f6bbab;
	color: #e8562e;
	background-color: #fceae6;
	font-weight: 500;
	width:auto;
}
.alert p{
	margin: 0;
	margin-left: 3em;
	padding: .3em 0em;
}
.small p{
	padding: .15em 0em;
}
.alert:before{
	display:inline-block;
	position: absolute;
	font-family: 'Bandwidth', Open Sans, Oswald, Sans-Serif;
	width: 2em;
	height: 2em;
	line-height: 2em;
	content: "!";
	background-color: #fff;
	border-radius: 2em;
	border: 1px solid #f6bbab;
	text-align:center;
}
.alert a{
	font-family: 'Bandwidth', Open Sans, Oswald;
	font-weight: 500;
	border-bottom: 1px solid;
	text-decoration:none;
	margin-left: 1em;
	cursor: pointer;
	cursor: hand;
	-webkit-transition: all 0.1s;
   -moz-transition: all 0.1s;
   transition: all 0.1s;
	overflow:hidden;
}
.alert a:hover{
	padding-bottom:.3em;
}
.alert a:active{
	padding-bottom:0em;
	color:#fff;
}
.small{
	padding: .5em 1em;
	font-size: .8em;
}
.general{
	color:  #3a455c;;
  background: #d9f5fc;
  border: 1px solid #7fddf5;
}
.general:before{
	content:"i";
	border: 1px solid #7fddf5;
}
.success{
	color: #5a9f0b;
  background: #e9f5db;
  border: 1px solid #b5df86;
}
.success:before {
	content:"\f19f";
	border: 1px solid #b5df86;
}
.global{
	width: 100%;
}
.text-only{
	line-height: 1.6em;
}
.text-only p{
	margin-left: 0em;
}
.text-only:before{
	display:none;
}