/*
Bootstrap Toolkit
Copyright (C) 2013 Agência Orangeweb <luizeof@gmail.com>, < atendimento@orangeweb.com.br >

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/


/* Backgrounds Extras */


/* from http://lea.verou.me/css3patterns */

.background-lined-paper{
	background-color: #fff; 
	background-image: 
	linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
	linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1.2em;
}


.background-blueprint{
	background-color:#269;
	background-image: linear-gradient(white 2px, transparent 2px),
	linear-gradient(90deg, white 2px, transparent 2px),
	linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
	background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px	
}


/* from http://css3pie.com/demos/gradient-patterns */

.background-horizontal-stripes{
	background-size: 50px 50px;
	background-color: #0ae;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -ms-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #0ae;
	behavior: url(/pie/PIE.htc);
}

.background-horizontal-stripes{
	background-size: 50px 50px;
	background-color: #f90;
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -mslinear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -olinear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	-pie-background: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px 50px #f90;
	behavior: url(/pie/PIE.htc);
}


.background-angled-stripes{
	background-size: 50px 50px;
	background-color: #ac0;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	                  transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	                  transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	                  transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	                  transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	                  transparent 75%, transparent);
	-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	                 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	                 transparent 75%, transparent) 0 0 / 50px 50px #ac0;
	behavior: url(/pie/PIE.htc);
}


.background-bricked{
	background-color: silver;
	background-size: 58px 58px;
	background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
	background-image: -webkit-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -webkit-linear-gradient(295deg, #d00 23px, transparent 23px),
	                  -webkit-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -webkit-linear-gradient(295deg, #d00 23px, transparent 23px);
	background-image: -moz-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -moz-linear-gradient(295deg, #d00 23px, transparent 23px),
	                  -moz-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -moz-linear-gradient(295deg, #d00 23px, transparent 23px);
	background-image: -ms-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -ms-linear-gradient(295deg, #d00 23px, transparent 23px),
	                  -ms-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -ms-linear-gradient(295deg, #d00 23px, transparent 23px);
	background-image: -o-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -o-linear-gradient(295deg, #d00 23px, transparent 23px),
	                  -o-linear-gradient(115deg, #b00 23px, transparent 23px),
	                  -o-linear-gradient(295deg, #d00 23px, transparent 23px);
	background-image: linear-gradient(115deg, #b00 23px, transparent 23px),
	                  linear-gradient(295deg, #d00 23px, transparent 23px),
	                  linear-gradient(115deg, #b00 23px, transparent 23px),
	                  linear-gradient(295deg, #d00 23px, transparent 23px);
	-pie-background: linear-gradient(115deg, #b00 23px, transparent 23px) 0 2px / 58px,
	                 linear-gradient(295deg, #d00 23px, transparent 23px) 4px 35px / 58px,
	                 linear-gradient(115deg, #b00 23px, transparent 23px) 29px 31px / 58px,
	                 linear-gradient(295deg, #d00 23px, transparent 23px) 34px 6px / 58px,
	                 silver;
	behavior: url(/pie/PIE.htc);
}