/*

	Tabs.css for Mocha UI

	Theme: Default

	Copyright:
		Copyright (c) 2007-2009 Greg Houston, <http://greghoustondesign.com/>.

	License:
		MIT-style license.

	Required by:
		Tabs.js
	
	Modified for Dark Mode by:
	Raymond Lanser

	*/

/* Toolbar Tabs */

@import mixins

@import variables
+themeGenerate($tabsTheme, "--")

#mochaToolbar
	border-bottom: var(--tab-border)
	box-shadow: inset 0px -5px 5px -5px rgba(20, 20, 20, 0.5)

#preferencesPage_toolbarWrapper, #propertiesPanel_header, #aboutpage_toolbarWrapper
	border-bottom: var(--tab-border)
	.toolbarTabs
		box-shadow:  inset 0px -8px 8px -8px rgba(0,0,0,0.5)

#preferencesPage_toolbarWrapper, #aboutpage_toolbarWrapper
	height: 30px !important
	background-color:  var(--bg-color-tint)
	.toolbarTabs
		padding: 5px 0px
	
#propertiesPanel_header
	height: 26px	

.tab-menu li:nth-of-type(1) a
	margin-left: 5px
				
#propertiesPanel
	border-top: 1px solid var(--border-col)
#prop_general
	padding-top: 5px

.tab-menu
	padding-top: 1px
	list-style: none
	margin: 0
	padding: 0
	line-height: 16px
	font-size: 11px

.panel-headerContent 
	border-bottom: solid #e5e5e5 5px

.tab-menu li
	float: left
	margin: 0px 3px -5px 3px
	cursor: pointer
	&.selected
		a
			color: var(--font-tint)
			font-weight: bold
			background: rgb(229,229,229)
			background: var(--tab-selected)
	a
		display: block
		padding: 5px 15px 3px 15px
		text-align: center
		font-weight: normal
		color: var(--font-tint)
		background: rgb(187,187,187)
		background: var(--tab-gradient)
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6)
		border-radius: 8px 8px 0px 0px