src/ztfy/myams/resources/less/typo.less
changeset 0 8a19e25e39e4
child 36 1552937b5ea9
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/ztfy/myams/resources/less/typo.less	Wed May 07 10:36:24 2014 +0200
@@ -0,0 +1,492 @@
+/*
+ * Typos styles
+ */
+
+@font-face {
+  font-family: 'Ubuntu';
+  src: url('./fonts/Ubuntu-C.eot');
+  src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'),
+	   url('./fonts/Ubuntu-C.woff') format('woff'),
+	   url('./fonts/Ubuntu-C.ttf') format('truetype'),
+	   url('./fonts/Ubuntu-C.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Ubuntu-Light';
+  src: url('./fonts/Ubuntu-L.eot');
+  src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'),
+	   url('./fonts/Ubuntu-L.woff') format('woff'),
+	   url('./fonts/Ubuntu-L.ttf') format('truetype'),
+	   url('./fonts/Ubuntu-L.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Ubuntu-Bold';
+  src: url('./fonts/Ubuntu-B.eot');
+  src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'),
+	   url('./fonts/Ubuntu-B.woff') format('woff'),
+	   url('./fonts/Ubuntu-B.ttf') format('truetype'),
+	   url('./fonts/Ubuntu-B.svg') format('svg');
+  font-weight: bold;
+  font-style: normal;
+}
+
+html,
+body {
+	font-family: Ubuntu, Arial, Helvetica, sans-serif;
+}
+
+a:active,
+a:focus,
+a:hover,
+button,
+button:active,
+button:focus,
+embed,
+input::-moz-focus-inner,
+object {
+	outline: 0;
+}
+
+.hidden {
+	display: none;
+}
+.hidden-desktop {
+	display: none!important;
+}
+
+.no-visible {
+	visibility: hidden!important;
+}
+
+.pull-right {
+	float: right!Important;
+}
+.pull-left {
+	float: left!Important;
+}
+
+.align-top {
+	vertical-align: top;
+}
+
+.disabled {
+	color: #fff;
+	.btn-default& {
+		color: #999;
+	}
+}
+
+xmp {
+	overflow: auto;
+}
+
+.nowrap {
+	white-space: nowrap;
+}
+.truncated {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.no-space {
+	margin: 0;
+
+	>[class*=col-] {
+		margin: 0!important;
+		padding-right: 0;
+		padding-left: 0;
+	}
+}
+
+.no-margin {
+	margin: 0!important;
+}
+.no-x-margin {
+	margin-left: 0!important;
+	margin-right: 0!important;
+}
+.no-y-margin {
+	margin-top: 0!important;
+	margin-bottom: 0!important;
+}
+
+.margin {
+	&-5 {
+		margin: 5px !important;
+	}
+	&-10 {
+		margin: 10px !important;
+	}
+	&-20 {
+		margin: 20px !important;
+	}
+	&-top-0 {
+		margin-top: 0!important;
+	}
+	&-top-5 {
+		margin-top: 5px!important;
+	}
+	&-top-10 {
+		margin-top: 10px!important;
+	}
+	&-top-20 {
+		margin-top: 20px!important;
+	}
+	&-bottom-0 {
+		margin-bottom: 0!important;
+	}
+	&-bottom-5 {
+		margin-bottom: 5px!important;
+	}
+	&-bottom-10 {
+		margin-bottom: 10px!important;
+	}
+	&-bottom-20 {
+		margin-bottom: 20px!important;
+	}
+	&-left-0 {
+		margin-left: 0!important;
+	}
+	&-left-5 {
+		margin-left: 5px!important;
+	}
+	&-left-10 {
+		margin-left: 10px!important;
+	}
+	&-left-20 {
+		margin-left: 20px!important;
+	}
+	&-right-0 {
+		margin-right: 0!important;
+	}
+	&-right-5 {
+		margin-right: 5px!important;
+	}
+	&-right-10 {
+		margin-right: 10px!important;
+	}
+	&-right-20 {
+		margin-right: 20px!important;
+	}
+}
+
+.bordered {
+	border: 1px solid rgba(0, 0, 0, .2);
+
+	&:hover {
+		border: 1px solid rgba(0, 0, 0, .4);
+	}
+}
+
+.no-border {
+	&,
+	.well[class*=" bg-"]& {
+		border-width: 0!important;
+	}
+	&-transparent {
+		border-color: transparent!important;
+	}
+	&-radius {
+		border-radius: 0;
+	}
+}
+
+.border {
+	&-0 {
+		border-width: 0!important;
+	}
+	&-1 {
+		border-width: 1px!important;
+	}
+}
+
+.width {
+	&-100 {
+		width: 100px;
+		max-width: 100px;
+	}
+	&-200 {
+		width: 200px;
+		max-width: 200px;
+	}
+	&-300 {
+		width: 300px;
+		max-width: 300px;
+	}
+	&-400 {
+		width: 400px;
+		max-width: 400px;
+	}
+	&-500 {
+		width: 500px;
+		max-width: 500px;
+	}
+}
+
+.padding {
+	&-5 {
+		padding: 5px!important;
+	}
+	&-7 {
+		padding: 7px!important;
+	}
+	&-10 {
+		padding: 10px!important;
+	}
+	&-20 {
+		padding: 20px!important;
+	}
+	&-top-0 {
+		padding-top: 0!important;
+	}
+	&-top-5 {
+		padding-top: 5px!important;
+	}
+	&-top-10 {
+		padding-top: 10px!important;
+	}
+	&-top-20 {
+		padding-top: 20px!important;
+	}
+	&-bottom-0 {
+		padding-bottom: 0!important;
+	}
+	&-bottom-5 {
+		padding-bottom: 5px!important;
+	}
+	&-bottom-10 {
+		padding-bottom: 10px!important;
+	}
+	&-bottom-20 {
+		padding-bottom: 20px!important;
+	}
+	&-left-0 {
+		padding-left: 0!important;
+	}
+	&-left-5 {
+		padding-left: 5px!important;
+	}
+	&-left-10 {
+		padding-left: 10px!important;
+	}
+	&-left-20 {
+		padding-left: 20px!important;
+	}
+	&-right-0 {
+		padding-right: 0!important;
+	}
+	&-right-5 {
+		padding-right: 5px!important;
+	}
+	&-right-10 {
+		padding-right: 10px!important;
+	}
+	&-right-20 {
+		padding-right: 20px!important;
+	}
+}
+
+.no-padding {
+	padding: 0!important;
+
+	.md-editor,
+	.widget-body& .cke_chrome {
+		border: 0;
+	}
+	>pre {
+		margin: 30px;
+	}
+	.dataTables_wrapper table,
+	>table {
+		border: 0!important;
+		margin-bottom: 0!important;
+		border-bottom-width: 0!important;
+	}
+	.dataTables_wrapper table,
+	>table {
+		tr td:first-child,
+		tr th:first-child {
+			border-left: 0!important;
+		}
+		tr td:last-child,
+		tr th:last-child {
+			border-right: 0!important;
+		}
+		tr:last-child td {
+			border-bottom: 0;
+		}
+	}
+	&-bottom {
+		padding-bottom: 0!important;
+	}
+}
+.no-x-padding {
+	padding-left: 0!important;
+	padding-right: 0!important;
+}
+.no-y-padding {
+	padding-top: 0!important;
+	padding-bottom: 0!important;
+}
+
+.no-content-padding {
+	margin: -10px -14px 0 -14px;
+
+	@media (min-width:768px) and (max-width:880px) {
+		margin: 0 -14px!important;
+	}
+	@media (max-width:767px) {
+		margin: 0 -5px!important;
+	}
+	@media only screen and (min-width:0) and (max-width:679px) {
+		margin: 0 -5px!important;
+	}
+	@media only screen and (min-width:320px) and (max-width:479px) {
+		margin: 0 -5px!important;
+	}
+}
+
+.clearfix,
+.inner-space:after {
+	zoom: 1;
+}
+
+.clearfix,
+.inner-space {
+	&:after {
+		clear: both;
+	}
+	&:after,
+	&:before {
+		display: block;
+		visibility: hidden;
+		overflow: hidden;
+		content: "\0020";
+		height: 0;
+		font-size: 0;
+		line-height: 0;
+	}
+}
+
+.display-inline {
+	display: inline-block!important;
+}
+
+.display-normal {
+	display: inline!important;
+}
+
+.hover-transparent {
+	opacity: .5;
+
+	&:hover {
+		opacity: 1;
+	}
+}
+
+.row-seperator-header {
+	margin: 15px 14px 20px;
+	border-bottom: 0;
+	display: block;
+	color: #646464;
+	font-size: 20px;
+	font-weight: 400;
+}
+
+.text-align-center,
+.text-center {
+	text-align: center!important;
+}
+
+.text-align-left,
+.text-left {
+	text-align: left!important;
+}
+
+.text-align-right,
+.text-right {
+	text-align: right!important;
+}
+
+.center-canvas,
+.center-child-canvas >canvas {
+	display: block!important;
+	margin: 0 auto!important;
+}
+
+.semi-bold {
+	font-weight: 400!important;
+}
+
+.ultra-light {
+	font-weight: 300!important;
+}
+
+.font-xs {
+	font-size: 85%!important;
+}
+
+.font-sm {
+	font-size: 95%!important;
+}
+
+.font-md {
+	font-size: 130%!important;
+}
+
+.font-lg {
+	font-size: 160%!important;
+}
+
+.font-xl {
+	font-size: 200%!important;
+}
+
+.font-400 {
+	font-size: 400%!important;
+}
+
+.badge {
+	font-size: 11px;
+	padding: 4px 6px 1px;
+}
+
+.label {
+	padding: 0.3em .6em .1em;
+}
+
+.cursor-pointer {
+	cursor: pointer;
+}
+
+.selected {
+	border: 1px solid #0091d9!important;
+
+	&:before {
+		display: block;
+		position: absolute;
+		content: "\f00c";
+		color: #fff;
+		right: 4px;
+		font-family: FontAwesome;
+		z-index: 1002;
+	}
+	&:after {
+		width: 0;
+		height: 0;
+		border-top: 35px solid #0091d9;
+		border-left: 35px solid rgba(0, 0, 0, 0);
+		position: absolute;
+		display: block;
+		right: 0;
+		content: ".";
+		top: 0;
+		z-index: 1001;
+	}
+}