src/ztfy/myams/resources/less/tabs.less
changeset 0 8a19e25e39e4
child 35 b5b31a376dd0
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/ztfy/myams/resources/less/tabs.less	Wed May 07 10:36:24 2014 +0200
@@ -0,0 +1,219 @@
+/*
+ * Tabs
+ */
+
+.nav-tabs {
+
+	.tabs-below >&,
+	.tabs-left >&,
+	.tabs-right >& {
+		border-bottom: 0;
+	}
+	&.bordered {
+		background: #fff;
+		border: 1px solid #ddd;
+
+		>:first-child a {
+			border-left-width: 0!important;
+		}
+		+.tab-content {
+			border: 1px solid #ddd;
+			border-top: 0;
+		}
+	}
+	>li {
+		>a {
+			padding: 4px 10px;
+			border-radius: 0;
+			color: #333;
+
+			.label {
+				display: inline-block;
+				font-size: 11px;
+				margin-left: 5px;
+				opacity: .5;
+			}
+			.badge {
+				font-size: 11px;
+				padding: 4px 5px 2px;
+				opacity: .5;
+				margin-left: 5px;
+				min-width: 17px;
+				font-weight: 400;
+
+				.tabs-left & {
+					margin-right: 5px;
+					margin-left: 0;
+				}
+			}
+			>.fa {
+				opacity: .5;
+			}
+		}
+	}
+	>li.active {
+		>a {
+			-webkit-box-shadow: 0 -2px 0 #57889c;
+			box-shadow: 0 -2px 0 #57889c;
+			border-top-width: 0!important;
+			margin-top: 1px!important;
+			font-weight: 700;
+
+			.badge,
+			.label,
+			>.fa {
+				opacity: 1;
+			}
+			.tabs-left & {
+				-webkit-box-shadow: -2px 0 0 #57889c;
+				box-shadow: -2px 0 0 #57889c;
+				border-top-width: 1px!important;
+				border-left: 0!important;
+				margin-left: 1px!important;
+			}
+			.tabs-right & {
+				-webkit-box-shadow: 2px 0 0 #57889c;
+				box-shadow: 2px 0 0 #57889c;
+				border-top-width: 1px!important;
+				border-right: 0!important;
+				margin-right: 1px!important;
+			}
+			.tabs-below & {
+				-webkit-box-shadow: 0 2px 0 #57889c;
+				box-shadow: 0 2px 0 #57889c;
+				border-bottom-width: 0!important;
+				border-top: 0!important;
+				margin-top: 0!important;
+			}
+		}
+	}
+}
+.tabs-left,
+.tabs-right {
+	>.nav-tabs >li,
+	>.nav-pills >li {
+		float: none;
+
+		>a {
+			min-width: 74px;
+			margin-right: 0;
+			margin-bottom: 3px;
+		}
+	}
+}
+.tabs-left {
+	.nav-pills >li.active >a {
+		border: 0!important;
+		box-shadow: none!important;
+		-webkit-box-shadow: none!important;
+	}
+	>.nav-pills,
+	>.nav-tabs {
+		float: left;
+		margin-right: 19px;
+		border-right: 1px solid #ddd;
+	}
+	>.nav-pills {
+		border-right: 0;
+	}
+	>.nav-tabs >li >a {
+		margin-right: -1px;
+	}
+	>.nav-tabs >li >a:focus,
+	>.nav-tabs >li >a:hover {
+		border-color: #eee #d5d5d5 #eee #eee;
+	}
+	>.nav-tabs .active >a,
+	>.nav-tabs .active >a:focus,
+	>.nav-tabs .active >a:hover {
+		border-color: #d5d5d5 transparent #d5d5d5 #ddd;
+		*border-right-color: #fff;
+	}
+	>.tab-content {
+		margin-left: 109px;
+	}
+}
+.tabs-right {
+	>.nav-tabs {
+		float: right;
+		margin-left: 19px;
+		border-left: 1px solid #ddd;
+
+		>li >a {
+			margin-left: -1px;
+
+			&:focus,
+			&:hover {
+				border-color: #eee #eee #eee #ddd;
+			}
+		}
+		.active {
+			>a,
+			>a:focus,
+			>a:hover {
+				border-color: #ddd #ddd #ddd transparent;
+				*border-left-color: #fff;
+			}
+		}
+	}
+}
+.tabs-pull-right {
+	&.nav-tabs,
+	&.nav-pills {
+		>li {
+			float: right;
+
+			&:first-child >a {
+				margin-right: 1px;
+			}
+		}
+	}
+	&.bordered.nav-pills,
+	&.bordered.nav-tabs {
+		>li:first-child >a {
+			border-left-width: 1px!important;
+			margin-right: 0;
+			border-right-width: 0;
+		}
+	}
+}
+.tabs-below {
+	>.nav-tabs {
+		border-top: 1px solid #ddd;
+
+		>li {
+			margin-top: -1px;
+			margin-bottom: 0;
+
+			>a:focus,
+			>a:hover {
+				border-top-color: #ddd;
+				border-bottom-color: transparent;
+			}
+		}
+		>.active >a,
+		>.active >a:focus,
+		>.active >a:hover {
+			border-color: transparent #ddd #ddd;
+		}
+	}
+}
+
+.pill-content,
+.tab-content {
+	>.pill-pane,
+	>.tab-pane {
+		display: none;
+	}
+	>.active,
+	>.active {
+		display: block;
+	}
+	&.transparent {
+		background-color: transparent;
+	}
+}
+
+.ams-widget >header >.nav-tabs.pull-left >li:first-child a {
+	border-left-width: 0!important;
+}