@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

h1.tag-cloud
{
	font-size: 120%;
	text-align: center;
}

div.tag-cloud
{
	text-align: center;
	margin: 0 10px;

	&.big
	{
		font: bold 1.4em @title-font;
		margin: 20px 0;
	}

	a
	{
		margin: 0 5px;
		text-decoration: none;
	}
}

ul.tag-letter-items
{
	list-style: none;
	margin: 0;
	padding: 0;

	li
	{
		h3
		{
			border-bottom: 1px solid #ccc;
			font-weight: bold;
			margin: 0;
			padding-top: .7em;
			padding-bottom: .5em;
			color: @accent-color;
		}

		ul
		{
			list-style: none;
			padding-left: 0;
			padding-right: 0;
			margin: 0;

			li
			{
				border-bottom: 1px solid #ccc;
				padding: .7em 0;

				a
				{
					font: 1em @title-font;
					text-decoration: none;
				}
			}
		}
	}
}

div#tag-letters
{
	padding-top: .5em;

	a
	{
		display: inline-block;
		width: 15%;
		margin-right: 2%;
		text-decoration: none;
		color: @accent-color;
		margin-bottom: .5em;

		span
		{
			border: 1px solid #ccc;
			display: block;
			padding: .5em;
			text-align: center;
		}

		&:nth-child(6n+6)
		{
			margin-right: 0;
		}

		html[dir='rtl'] &
		{
			.margin-left-right(2%, 0);

			&:nth-child(6n+6)
			{
				margin-left: 0;
			}
		}
	}
}