/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser 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
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
//
// UIAttachmentThumbnail
// --------------------------------------------------

.attachmentContainer{
	background: @primaryBackgroundLight;
	padding: 18px;
	margin-top: 10px;

	.otherAttachmentBox + .otherAttachmentBox{
		margin-top: 5px;
	}

	.attachmentTitle{
		margin-bottom: 15px;
	  	.uiIconAttach { // space after the icon in forum
		  	margin-right: 3px;
		}
	}

	.attachmentContentImage {
		.imageAttachmentBox{
			display: inline-block;
			width: 128px;
			height: 128px;
			text-align: center;
			margin-right: 15px;
			margin-bottom: 5px;
			position: relative;
			&:hover{
				.actionAttachImg{
					display: block;
				}
			}
			.imgAttach img,img{
				max-width: 128px;
				max-height: 128px;
			}
			.imgAttach{
				line-height: 125px;
			}
			.actionAttachImg{
				position: absolute;
				display: none;
				top: 0;
				left: 0;
				background-color: @ColorThumbnailBackground;
				.square(128px);
				p{
					a{
						color: @ThumbnailView-DownloadColor; // alway white no need a variable
						float: @ThumbnailView-DownloadFloat;
						display: @ThumbnailView-DownloadDisplay;
						margin-right: @ThumbnailView-DownloadMarginRight;
						margin-left: @ThumbnailView-DownloadMarginLeft;
						width: @ThumbnailView-DownloadWidth;
						height: @ThumbnailView-DownloadHeight;
						&:hover{
							font-weight: bold;
						}
						i{
							color: @ThumbnailView-Download-IconsColor;
						}
					}

					margin: @ThumbnailMargin;
					&+p{
						margin-top: 0;
					}
				}
			}
		}

	}
}

.postContentContainer{
	.signature{
		font-style: italic;
		span{
			border-top: dotted 1px @borderColor;
			width: 100%;
			display: inline-block;
		}
		p {
			padding-left: 10px;
		}
	}
}
.footPost{
	border-top: dotted 1px @borderColor;
	margin-top: 20px;
	padding-top: 5px;
	color: @baseColorLight;
	text-align: right;
	.txtLastEdit{
		font-size: @baseFontSize - 1;
		.uiUserInfo{
			display:inline-block;
			text-align: left;
		}
		.txtEditBy{
		  position: relative;
		  top: 0px;
		  left: 0px;
		}
	}
	.btnDetailTopic{
		margin-top: 10px;
	}
}
