@import "compass/css3";
@import "compass/utilities/general/clearfix";
@import "variables";

#dashboard-widgets h4.post-title{
	margin:0;
	font-weight:bold;
	.post-type-meta{
		display:inline-block;
		color:#444;
		font-weight: normal;
		text-transform:capitalize;
		font-size:.8em;
		margin:0 0 0 2px;

		.meta-sep,
		.post-type,
		.post-state{
			display:inline-block;
			padding:0 2px;
		}
	}
}

#recently-edited-content{

	.dashboard-widget-control-form{
		padding:10px;
		margin:0;

		p,
		ul{
			margin:0 0 10px 0;
			overflow:hidden;
		}

		label{
			float:left;
			display:block;
			width:150px;
			padding:4px;
			margin-right:10px;
		}

		li{
			float:left;
			width:25%;
			margin:0 0 10px 0;
			overflow:hidden;

			label{
				display:inline;
				padding:0;
				line-height:1.5em;
				width:auto;
				float:none;

				input{
					vertical-align:middle;
				}

				&:hover{
					color:#d54e21;
				}

			}

		}

	}

	.inside{
		margin:0;
		padding:0;

		.dashboard-recw-notice{
			padding:10px;
			p{
				margin:0;
				padding:0;
			}
		}

		.dashboard-recw-item{
			position:relative;
			padding:10px 14px;
			@include box-shadow( inset 0 1px 0 0 #E5E5E5 );

			&:first-child{
				@include box-shadow( none );
			}

			&.odd{
				background-color:#FAFAFA;	
			}

			&.pending{
				background-image:url(../../imgs/45-deg-gold.png);
				border-left:4px solid #DD823B;
			}

			&.draft{
				background-image:url(../../imgs/wavy-lines-green.png);
				border-left:4px solid #9EA476;
			}

			&.trash{
				background-image:url(../../imgs/red-x.png);
				border-left:4px solid #E14D43;
			}

			&.future{
				background-image:url(../../imgs/chronometer.png), url(../../imgs/45-deg-white.png);
				background-repeat:no-repeat, repeat;
				background-position:98% 10px, 0 0;
				border-left:4px solid #52ACCC;
			}
			
			&.pending,
			&.draft,
			&.trash,
			&.future{
				padding:10px;
			}

			&:hover{
				background-color:#FFF;	

				.row-actions{
					visibility:visible;
				}

			}

			.thumbnail{
				position:relative;
				float:left;
				width:4em;
				height:4em;
				margin:0 .75em 0 0;
				overflow:hidden;

				background-color:#FFF;
				background-position: center center;
				background-repeat: no-repeat;
				background-size:contain;
				border:1px solid #FFF;

				&.has-dashicons.empty::before{
					content: "\f128";
					font:3em/1.333em dashicons;
					color:#FFF;
					display:block;
					width:100%;
					height:100%;
					text-align:center;
				}

				&.no-dashicons.empty{
					background-image:url(../../imgs/icon-image.png);
					background-position: center center;
					background-repeat: no-repeat;
					background-size:auto;
				}

				&.empty:hover{
					
				}

			}

			.dashboard-recw-item-wrap{
				overflow: hidden;
				@include hyphenation;

			}

			.header{
				text-shadow:1px 1px 0 #FFF;
			}

			.post-meta{
				margin:0 0 10px 0;
				.post-editor cite{
					font-style:normal;
				}
			}

			p{
				margin:0;
			}

			p + p{
				margin-top:10px;
			}

			.row-actions{
				margin-top:4px;

				span{
					display: inline-block;
					padding:0 3px;

					&:first-child{
						padding-left:0;
					}

				}

			}

		}		

	}

}