admin.less 4.44 KB
.about-wrap {
	.woothemes-helper-about-text {
		min-height: auto;
	}
}
.woothemes-updater-wrap {
	div.updated, div.error {
		margin-top: 1em;
		margin-bottom: 0;
	}
	.ninja {
		position: absolute;
		top:0;
		right:0;
		padding:20px;
		width:125px;
		background: #42a2ce;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		img {
			width:100%;
			height: auto;
		}
	}
	.feature-section {
		ul {
			margin-bottom:4em;
			padding-bottom:1em;
		}
		li {
			margin-left: 1.2em;
			font-size:13px;
		}
		img {
			width:75px;
			height: 75px;
			float: right !important;
			margin-bottom:1em;
			background: none;
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
			border:0;
		}
	}
	.panic-button-wrap {
		padding: 40px;
		width:100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #fff;
		overflow: hidden;
		zoom:1;
		text-align: center;
		margin:0 auto 20px;
		-webkit-border-radius:4px;
		border-radius:4px;
		a {
			text-decoration: none;
		}
		em {
			display: block;
			font-style: normal;
			color: #666;
		}
		a {
			display: block;
			position: relative;
			outline: none;
			&:before {
				content: "";
				display:block;
				height:6em;
				width:6em;
				background: red;
				margin:0 auto 1.618em;
				-webkit-border-radius:100%;
				border-radius:100%;
				background: rgb(255,48,25);
				background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1)));
				background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
				background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
				background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
				background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
				border:3px solid darken(#cf0404,5%);
				-webkit-box-shadow:
					inset 0 1px 1px rgba(255,255,255,0.3),
					0 0 0 .618em #eee;
				box-shadow:
					inset 0 1px 1px rgba(255,255,255,0.3),
					0 0 0 .618em #eee;
			}
			&:hover {
				&:before {
					background: rgb(255,70,53);
					background: -moz-linear-gradient(top,  rgba(255,70,53,1) 0%, rgba(206,39,39,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,70,53,1)), color-stop(100%,rgba(206,39,39,1)));
					background: -webkit-linear-gradient(top,  rgba(255,70,53,1) 0%,rgba(206,39,39,1) 100%);
					background: -o-linear-gradient(top,  rgba(255,70,53,1) 0%,rgba(206,39,39,1) 100%);
					background: -ms-linear-gradient(top,  rgba(255,70,53,1) 0%,rgba(206,39,39,1) 100%);
					background: linear-gradient(to bottom,  rgba(255,70,53,1) 0%,rgba(206,39,39,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4635', endColorstr='#ce2727',GradientType=0 );
				}
			}
			&:active {
				&:before {
					background: rgb(207,4,4);
					background: -moz-linear-gradient(top,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1)));
					background: -webkit-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
					background: -o-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
					background: -ms-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
					background: linear-gradient(to bottom,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 );
				}
			}
		}
	}
}
.woothemes-updater-plugin-upgrade-notice {
	font-weight: 400;
	color: #fff;
	background: #d54d21;
	padding: 1em;
	margin: 9px 0;
	a {
		color: #fff;
	}
	&:before {
		content: "\f348";
		display: inline-block;
		font: 400 18px/1 dashicons;
		speak: none;
		margin: 0 8px 0 -2px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		vertical-align: top;
	}
}
.dashboard_page_woothemes-helper, index_page_woothemes-helper-network {
	.column-product_status {
		width: 350px;
	}
	.column-product_version {
		width: 220px;
		.update-available {
			color: #CC0033;
		}
		.latest-version {
			color: #228B22;
		}
	}
}