History: Updating a theme for Bootstrap

Module boxes

Tiki is using the Bootstrap "panels" component (see http://getbootstrap.com/components/#thumbnails for module boxes (and for the "box" plugin). Panels have a background color and a border, like this:

<div class="panel panel-default">
  <div class="panel-body">
    Basic panel example
  </div>
</div>

To prevent the border and the background color and adjust the white space accordingly, add these CSS rules to your stylesheet:

.panel { 
	background-color: transparent;
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
}

.panel-default { 
	border-color: transparent;
}

.panel-default > .panel-heading { 
	background-color: transparent;
	border: none;
	color: #333333;
}

panel-heading { 
	border-bottom: none;
	border-radius: 0;
	padding: 10px 15px;
}

.panel-body { 
	padding: 15px;
}