"Mango Tabs"
Bootstrap 3.2.0 Snippet by rhondak

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ---------->
<style> .menu_tab { padding-right: 3px; } #tabTable { background-repeat:no-repeat; line-height:2; font-size:12px; position: relative; top: 9px; left: 2px; text-align: center; } .tabTableCellalt { background-color: #33334C !important; border-top: 0px solid #ffff; border-left: 0px solid #87876D; border-right: 0px solid #87876D; border-bottom: 0; -moz-border-radius: 7px 7px 0px 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; margin: 0px -9px 0px 6px; width: 125px !important; text-align: center; } .tabTableCell { background-color: #52527A; border-top: 0px solid #87876D; border-left: 0px solid #87876D; border-right: 0px solid #87876D; border-bottom: 0; -moz-border-radius: 7px 7px 0px 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; margin: 0px -9px 0px 6px; width: 125px; text-align: center; } table.matrixmenu { background-color: #52527A; border-top: 1px solid #87876D; border-left: 1px solid #87876D; border-right: 1px solid #87876D; border-bottom: 1px solid #87876D; -moz-border-radius: 7px 7px 0px 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: 12px; } table.bookingmatrix { margin-left: 0px; } #bookingPeriod, #bookingDay { font-size:0.9em; } #bookingPeriod { width:100px; } #divBreak2 { height: 15px; } td.catalogSearchBarCell { background-color: #52527A; } a.tabText { color:#fff; } body { background-color: #FFFFFF; background-image: none; } #layout-table { width:98%; /* min-width may need to be adjusted if menu items added/removed */ min-width: 640px; border: 1px solid #888888; margin-left: auto; margin-right: auto; box-shadow: 4px 4px 5px #888888; } td.catalogSearchBarCell { background-color: #C6D9EC; } #fcs-horiz-menu { background-color: #003366; text-align: center; box-shadow: 2px 2px 4px #888888; } #fcs-horiz-menu ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } #fcs-horiz-menu ul li { display: inline; } #fcs-horiz-menu ul li a { box-shadow: 2px 2px 4px #000000; text-decoration: none; padding: .2em 1em; color: #003366; background-color: #FFFFFF; border: 1px solid #003366; border-radius: 6px; font-weight: bold; } #fcs-horiz-menu ul li a:hover { color: #FFFFFF; background-color: #336699; } #fcs-bottom #fcs-horiz-menu { height: .8em; } #fcs-bottom ul li a { padding: 0; vertical-align: top; font-size: 8pt; } #fcs-flvc-foot { font-size: 8pt; text-align: center; } button, input[type="submit"], input[type="reset"], input[type="button"] { border: 1px solid #003366; border-radius: 6px; background: #FFFFFF; color: #003366; box-shadow: 2px 2px 4px #888888; font-weight: bold; margin-right: 10px; position: relative; } button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #FFFFFF; background-color: #336699; border-radius: 6px; cursor: pointer; } </style>

Related: See More


Questions / Comments: