style.way-duplicata.less Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of way-duplicata Show documentation
Geração de duplicatas. Simples.
The newest version!
.way-duplicata {
	@padd: 20px;
	@bottom: 20px;

	border: 1px solid @black;
	padding: @padd; 
	
	table.dup-table {
		width: 100%;
		.tac;
		
		td, th {
			border-top: 1px solid @gray;
			border-right: 1px solid @gray;
		}
		th {
			border-top: 0;
		}
		td:last-child, th:last-child {
			border-right: 0;
		}
	}

	.cwrap {
		border: 1px solid @black;
	}

	.dup {
		.clearfix();
		margin-bottom: @padd;
	
		.col {
			float: left;
		}
	}

	.dup-hd0 {
		@col00: 350px;
		@col01: 898px - @col00;
		@height: 75px;

		.col00 {
			width: @col00;
			.tac;
			
			h1 {
			 	#font > .size(1.1);
			 	padding: 6px 0 2px;		
			}

			span.dup-field {
				display: block;
			}
		}

		.col01 {
			position: relative;
			width: @col01;

			span.dup-field {
				display: block;
				margin-left: 120px;
			} 
	
			span.dup-label {
				display: block;
				float: left;
				width: 120px;
				font-weight: bold;			
			}
			
			.dup-cep {
				position: absolute;
				bottom: 0;
				right: 0;
			}
		}
		
		.cwrap {
			height: @height;
		}
	}

	.dup-hd1 {
		@col00: 350px;
		@col01: @col00;
		@col02: 898px - @col00 - @col01;
		@height: 70px;

		h4 {
			.tac;
			border-bottom: 1px solid @gray;
			margin: 0;
		}
		
		table {
			bottom: 0;
		}

		.col00 {
			width: @col00;
		}

		.col01 {
			width: @col01;
		}

		.col02 {
			span.dup-label {
				.tac;			
				display: block;
				width: 80%;
				margin: 0 auto;
			}
				
			width: @col02;
		}

		.cwrap {
			height: @height;
		}
	}
	
	.dup-bd {
		@col-lt: 234px;
		@col-rt: 898px - @col-lt;
		margin-bottom: 0;

		.col-lt {
			width: @col-lt;

			.dup-bd00 {
				span.dup-label {
					.tac;			
					display: block;
				}
				
				.cwrap {
					height: 110px;
				}
			}

			.dup-bd01 {
				@h: 285px;
				margin-bottom: 0;
			
				span.dup-field {
					.tac;
				 	#font > .size(0.9);
					border-top: 1px solid @black;			
					display: block;

					-webkit-transform: translateX(174px) translateY(@h - 32px) rotate(-90deg);
					-webkit-transform-origin: left top;					
				}
				
				.cwrap {
					height: @h;
				}
			}
		}

		.col-rt {
			width: @col-rt;
			
			h4 {
				margin: 4px 0;
			}

			span.dup-label {
				font-weight: bold;			
			}
			
			.dup {
				padding: 0 @padd;
			}
			
			.dup-bd00 {
				span.dup-field {
					display: block;
					margin-left: 180px;
				} 
		
				span.dup-label {
					display: block;
					float: left;
					width: 180px;
				}
			}

			.dup-bd01 {
				span.dup-field {
					display: block;
					margin-left: 180px;
				} 
		
				span.dup-label {
					display: block;
					float: left;
					width: 180px;
				}
				
				.cwrap {
					padding: 20px;
				}
			}

			.dup-bd02 {
				.cpadd {
					padding: 10px 10px 0;
				}
			
				.cwrap {
					height: 160px;
				}
				
				.dup-table-ft {
					margin: 54px 0 0 0;
					width: 100%;
				
					.td0 {
						width: 3em;
					}
					
					.td1 {
						width: 16em;
					}
					
					.td2 {
						.tac;
						
						&.ass {
							border-top: 1px solid @black;
						}
					}
				}
			}
		}
	}
	
	.dup-label-mini {
		#font > .size(0.75);
	}
	
	.mwrap {
		margin-right: @padd;
	}
}