You are here

Home » API reference » Bootstrap Theme Shortcodes 7

shortcodes.css in Bootstrap Theme Shortcodes 7 

/* Start Tooltip Styling */
/*.tooltip-inner {background-color:#ffffff; padding:10px; font-size: 14px; color:#212121;}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 10px 10px 0;
  border-top-color: #ffffff;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #ffffff;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #ffffff;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #ffffff;
}*/
/* End Tooltip Styles */

/* Start Blockquote Styles */
.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}
/* End Blockquote Styles */

File

inc/css/shortcodes.css
View source 
  1. /* Start Tooltip Styling */

  2. /*.tooltip-inner {background-color:#ffffff; padding:10px; font-size: 14px; color:#212121;}

  3. .tooltip-arrow {

  4.   position: absolute;

  5.   width: 0;

  6.   height: 0;

  7.   border-color: transparent;

  8.   border-style: solid;

  9. }

  10. .tooltip.top .tooltip-arrow {

  11.   bottom: 0;

  12.   left: 50%;

  13.   margin-left: -5px;

  14.   border-width: 10px 10px 0;

  15.   border-top-color: #ffffff;

  16. }

  17. .tooltip.right .tooltip-arrow {

  18.   top: 50%;

  19.   left: 0;

  20.   margin-top: -5px;

  21.   border-width: 5px 5px 5px 0;

  22.   border-right-color: #ffffff;

  23. }

  24. .tooltip.left .tooltip-arrow {

  25.   top: 50%;

  26.   right: 0;

  27.   margin-top: -5px;

  28.   border-width: 5px 0 5px 5px;

  29.   border-left-color: #ffffff;

  30. }

  31. .tooltip.bottom .tooltip-arrow {

  32.   top: 0;

  33.   left: 50%;

  34.   margin-left: -5px;

  35.   border-width: 0 5px 5px;

  36.   border-bottom-color: #ffffff;

  37. }*/

  38. /* End Tooltip Styles */

  39. 

  40. /* Start Blockquote Styles */

  41. .blockquote-reverse, blockquote.pull-right {

  42.   padding-right: 15px;

  43.   padding-left: 0;

  44.   border-right: 5px solid #eee;

  45.   border-left: 0;

  46.   text-align: right;

  47. }

  48. /* End Blockquote Styles */