'Cell』的搜索结果

'Cell』的搜索结果


正在查看 9 结果:1-9 (共 9 个结果)
  • 作者
    搜索结果
  • 诗语
    管理员
    • 文章数量: 5,866
    @feibisi

    这一款主题是为了做全新的支持论坛分站开发的,2019 年尝试,后面没做完,就放在一个闲置网站上了。

    简单截个图,开发站乱版了,后面改了开发方案,这个就闲置了,也没继续往下改,有兴趣的可以自己试试看。

    正常显示是这样

    /*
    Theme Name: Wei Support themes
    Description: 薇晓朵技术支持主题
    Author: Weixiaoduo.com
    Author URI: https://www.weixiaoduo.com
    Template: Avada
    Version: 1.1.0
    */
    
    .bbp-topics .bbp-topic-meta .bbp-author-avatar,.bundle-content h3,.bundle-content p,.bundle-img,.dc_prdct_prc,.fusion-price-rating .price,.ico {
    	vertical-align: middle
    }
    
    .fusion-alert,.tribe-events-notices {
    	text-transform: none
    }
    
    #bbpress-forums .status-closed,#bbpress-forums .status-closed a,#bbpress-forums a {
    	color: inherit
    }
    
    .bbp-topics .type-topic {
    	position: relative
    }
    
    .bbp-topics .status-closed {
    	background: #f5f5f5!important
    }
    
    .bbp-topics .type-topic:after {
    	content: '已受理';
    	position: absolute;
    	width: 130px;
    	height: 27px;
    	background: #ef8233;
    	top: 0;
    	right: -8px;
    	text-align: center;
    	line-height: 26px;
    	font-size: 13px;
    	border-radius: 3px 0 0 3px;
    	color: #fff;
    	margin-top: 20px
    }
    
    .bbp-topics .type-topic:before {
    	content: '';
    	position: absolute;
    	margin: 47px -8px 0 0;
    	width: 0;
    	height: 0;
    	top: 0;
    	border-top: 8px solid #ef8233;
    	border-right: 8px solid transparent;
    	right: 0
    }
    
    .bbp-topics .type-topic.status-closed:after {
    	content: '已解决';
    	background: #66af40
    }
    
    .bbp-topics .type-topic.status-closed:before {
    	border-top-color: #45752b
    }
    
    li.bbp-forum-freshness,li.bbp-topic-freshness {
    	text-align: left
    }
    
    .bbp-topic-meta {
    	display: block;
    	float: none
    }
    
    .bbp-forums .bbp-topic-meta .bbp-author-avatar,.bbp-topics .bbp-topic-meta .bbp-author-avatar {
    	display: none
    }
    
    .bbp-topic-freshness>p.bbp-topic-meta {
    	margin-left: -3px!important
    }
    
    #bbp-container,#bbpress-forums,#bbpress-forums li.bbp-body ul.forum,#bbpress-forums li.bbp-body ul.topic,#bbpress-forums ul.bbp-topics,.bbp-topics {
    	overflow: visible
    }
    
    .bbp-topics .bbp-body .type-topic {
    	display: table;
    	width: 100%
    }
    
    #bbpress-forums .bbp-forums li.bbp-body ul.forum {
    	overflow: hidden
    }
    
    @media screen and (max-width:830px) {
    	.bbp-topics .type-topic::after {
    		width: 75px;
    		height: 22px;
    		line-height: 22px;
    		bottom: 10px;
    		font-size: 12px;
    		top: auto
    	}
    
    	.bbp-topics .type-topic::before {
    		bottom: 2px;
    		top: auto
    	}
    }
    
    .knowldgeSprite {
    	background-image: url(images/knowledge-spritesheet.png);
    	background-repeat: no-repeat;
    	display: block;
    	margin: 0 auto
    }
    
    .sprite-grid-icon {
    	width: 29px;
    	height: 24px;
    	background-position: -5px -5px
    }
    
    .active .sprite-grid-icon {
    	background-position: -5px -39px
    }
    
    .sprite-list-icon {
    	width: 29px;
    	height: 25px;
    	background-position: -44px -5px
    }
    
    .active .sprite-list-icon {
    	background-position: -44px -40px
    }
    
    .bbp-topic-tags a:hover {
    	color: #fff!important
    }
    
    article .fusion-social-networks.boxed-icons .fusion-social-networks-wrapper {
    	margin: 0
    }
    
    article .fusion-single-sharing-box {
    	padding: 0;
    	margin: 0 0 0 -110px!important;
    	position: fixed;
    	top: 38%;
    	height: auto;
    	width: auto;
    	background-color: transparent
    }
    
    article .fusion-single-sharing-box h4 {
    	padding: 0;
    	margin: 0!important;
    	color: #313131;
    	display: block;
    	top: 100%;
    	font-size: 13px;
    	font-weight: 700;
    	text-align: center
    }
    
    article .fusion-single-sharing-box h4 .social-share-ctrl {
    	padding: 4px;
    	cursor: pointer;
    	transition: .3s;
    	font-size: 16px
    }
    
    article .fusion-single-sharing-box .fusion-social-networks .fusion-social-network-icon {
    	fill: rgba(0,0,0,.6);
    	display: table;
    	font-size: 20px;
    	line-height: 31px;
    	text-align: center;
    	border-radius: 0!important;
    	margin: 0 auto 10px!important;
    	padding: 0!important;
    	transition: .15s
    }
    
    article .fusion-single-sharing-box .fusion-social-networks .fusion-social-network-icon:hover {
    	fill: rgba(0,0,0,.8)
    }
    
    @media screen and (max-width:480px) {
    	article .fusion-single-sharing-box .fusion-social-networks .fusion-social-network-icon {
    		font-size: 14px;
    		line-height: 28px;
    		width: 28px;
    		height: 28px
    	}
    }
    
    article .fusion-sharing-box .fusion-social-networks {
    	overflow: visible;
    	display: block;
    	position: relative;
    	top: 0;
    	left: 0;
    	transition: .5s
    }
    
    article .fusion-sharing-box .fusion-social-networks.close {
    	left: -100%
    }
    
    .blog-social-share .facebook-link {
    	background-color: #3b5998
    }
    
    .blog-social-share .twitter-link {
    	background-color: #1da1f2
    }
    
    .blog-social-share .google-link {
    	background-color: #dc4e41
    }
    
    .blog-social-share .pinterest-link {
    	background-color: #cb2027
    }
    
    .blog-social-share .linkedin-link {
    	background-color: #0077b5
    }
    
    .forumBackBtn {
    	display: inline-block;
    	padding: 8px 20px;
    	font-size: 16px;
    	border: 1px solid #dadada
    }
    
    .forumBackBtn:hover {
    	color: #fff;
    	background-color: #b7648b;
    	border-color: #b7648b
    }
    
    .forumBackBtn i {
    	margin-right: 5px
    }
    
    .topic-title {
    	background: #eaeaea;
    	color: #4e4e4e;
    	padding: 20px 13%;
    	text-align: center;
    	position: relative;
    	clear: both
    }
    
    .topic-status {
    	position: absolute;
    	width: 130px;
    	height: 27px;
    	background: #ca3232;
    	top: 0;
    	right: -8px;
    	text-align: center;
    	line-height: 26px;
    	font-size: 13px;
    	border-radius: 3px 0 0 3px;
    	color: #fff;
    	margin-top: 20px
    }
    
    .topic-status:before {
    	content: '';
    	position: absolute;
    	margin: 27px 0 0;
    	width: 0;
    	height: 0;
    	top: 0;
    	border-top: 8px solid #772323;
    	border-right: 8px solid transparent;
    	right: 0
    }
    
    .topic-status.closed {
    	background: #66af40
    }
    
    .topic-status.closed:before {
    	border-top-color: #45752b
    }
    
    #bbpress-forums {
    	overflow: visible
    }
    
    .forum-pagination {
    	float: right;
    	clear: both;
    	margin: 0
    }
    
    .forum-title,.no-topic-title {
    	float: left;
    	padding-left: 8px;
    	border-left: solid 2px #b7648b
    }
    
    .no-topic-title {
    	margin: 7px 0 0
    }
    
    .bbp-topic-tags {
    	margin-bottom: 25px
    }
    
    .bbp-topic-tags a {
    	background: #ececec;
    	padding: 3px 5px;
    	border-radius: 3px;
    	border: 1px solid #c7c7c7!important;
    	margin: 0 5px
    }
    
    .bbp-topic-tags a:hover {
    	background: #b7648b;
    	border-color: #b7648b!important
    }
    
    #bbpress-forums .fusion-bbp-header {
    	clear: none;
    	float: right
    }
    
    #bbpress-forums .bbp-pagination {
    	width: auto
    }
    
    #bbpress-forums .top-pagination+.fusion-clearfix {
    	display: none
    }
    
    @media screen and (max-width:830px) {
    	.topic-status {
    		width: 75px;
    		height: 22px;
    		line-height: 22px;
    		top: 0;
    		font-size: 12px;
    		bottom: auto;
    		margin-top: 6px
    	}
    
    	.topic-title {
    		padding-top: 24px
    	}
    
    	.topic-status:before {
    		margin: 21px 0 0
    	}
    }
    
    #search-result {
    	width: 438px;
    	padding: 0;
    	margin: 0;
    	max-width: 100%
    }
    
    #kbe_content .kbe_leftcol span {
    	margin-bottom: 0
    }
    
    .kbe_content_txt img {
    	border: 1px solid #eaeaea;
    	margin-top: 25px;
    	margin-bottom: 25px
    }
    
    .limited-offer {
    	position: absolute;
    	left: 0;
    	top: 0;
    	padding: 0 15px;
    	height: 100%;
    	background: #1b1b1b
    }
    
    .limited-text {
    	margin: 0!important;
    	font-size: 17px
    }
    
    #demo_count_down_timer {
    	margin-top: 1px;
    	font-size: 26px
    }
    
    @media screen and (max-width:1060px) {
    	.limited-offer {
    		height: auto;
    		margin: 0 auto;
    		left: 0;
    		right: 0
    	}
    
    	#demo_count_down_timer,.limited-text {
    		display: inline-block;
    		margin: 0 5px
    	}
    }
    
    @media screen and (max-width:360px) {
    	#demo_count_down_timer {
    		font-size: 21px
    	}
    }
    
    .full-pack-content .fap-type.offer-ftr {
    	background: #fff;
    	margin: -1px 0 0!important;
    	border-top: 0;
    	padding-top: 0;
    	display: block
    }
    
    .fap-type.offer-ftr span {
    	color: #c64c86
    }
    
    .limited-offer-wrap {
    	position: fixed;
    	width: 100%;
    	height: 100%;
    	background-color: rgba(0,0,0,.9);
    	z-index: 99999;
    	top: 0;
    	left: 0;
    	display: none;
    	overflow: auto
    }
    
    .limited-offer-wrap .offer-content {
    	position: absolute;
    	width: 550px;
    	max-width: 100%;
    	height: auto;
    	top: 50%;
    	right: 0;
    	left: 0;
    	margin: auto;
    	overflow-y: auto;
    	background: #b7648b;
    	padding: 20px;
    	text-align: center;
    	transform: translateY(-50%);
    	color: #fff
    }
    
    .limited-offer-wrap .offer-content a {
    	display: inline-block;
    	margin-top: 10px
    }
    
    .offer-btn {
    	width: 85%;
    	padding: 12px 5px;
    	background: #78c3e6;
    	color: #fff;
    	font-size: 23px;
    	border-radius: 3px
    }
    
    .offer-btn:hover {
    	background: #6eb6d8;
    	color: #fff
    }
    
    .close-popup {
    	color: #fff;
    	font-size: 15px
    }
    
    .close-popup:hover {
    	color: #e6e6e6
    }
    
    .limited-offer-wrap .offer-content h1 {
    	font-size: 29px
    }
    
    .ribbon {
    	font-size: 22px!important;
    	width: 50%;
    	position: relative;
    	background: purple;
    	color: #fff;
    	text-align: center;
    	padding: 1em 2em;
    	margin: 1em auto 3em
    }
    
    .ribbon:after,.ribbon:before {
    	content: "";
    	position: absolute;
    	display: block;
    	bottom: -1em;
    	border: 1.5em solid #520352;
    	z-index: -1
    }
    
    .ribbon:before {
    	left: -2em;
    	border-right-width: 1.5em;
    	border-left-color: transparent
    }
    
    .ribbon:after {
    	right: -2em;
    	border-left-width: 1.5em;
    	border-right-color: transparent
    }
    
    .ribbon .ribbon-content:after,.ribbon .ribbon-content:before {
    	content: "";
    	position: absolute;
    	display: block;
    	border-style: solid;
    	border-color: #804f7c transparent transparent;
    	bottom: -1em
    }
    
    .ribbon .ribbon-content:before {
    	left: 0;
    	border-width: 1em 0 0 1em
    }
    
    .ribbon .ribbon-content:after {
    	right: 0;
    	border-width: 1em 1em 0 0
    }
    
    @media screen and (max-width:480px) {
    	.limited-offer-wrap .offer-content h1 {
    		font-size: 19.5px;
    		line-height: 29.31px
    	}
    
    	.ribbon {
    		font-size: 16px!important;
    		padding: 10px
    	}
    }
    
    .current-plugin-status_holder {
    	height: 300px;
    	text-align: center!important
    }
    
    @media only screen and (max-width:1024px) {
    	.current-plugin-status_holder {
    		height: 250px;
    		right: -39px
    	}
    
    	.version-detail {
    		padding-top: 40px!important
    	}
    
    }
    
    @media only screen and (max-width:768px) {
    	.current-plugin-status_holder {
    		height: 200px;
    		right: -39px;
    		margin-left: -107px!important
    	}
    
    	.current-plugin-status_holder .version-detail {
    		width: 140px;
    		height: 140px
    	}
    
    	.version-detail {
    		padding-top: 33px!important
    	}
    
    	.current-plugin-status_holder .version-detail p {
    		font-size: 13px!important;
    		line-height: 17px!important
    	}
    }
    
    @media only screen and (max-width:640px) {
    	.current-plugin-status_holder {
    		display: none!important
    	}
    
    	.responsive-link {
    		padding: 5px 13px!important;
    		font-size: 12px!important;
    		margin-top: 7px!important
    	}
    }
    
    @media screen and (max-width:479px) {
    	.responsive-center {
    		text-align: center!important
    	}
    }
    
    .tp-parallax-wrap.versionWrap {
    	top: 0!important
    }
    
    .shortcode-holder h3 {
    	margin: 0 0 12px;
    	padding-bottom: 12px;
    	position: relative;
    	color: #b7648b
    }
    
    .shortcode-holder h3:after {
    	content: '';
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100px;
    	height: 2px;
    	background-color: #904568
    }
    
    .knowledgebase-with-code-snippet pre,.shortcode-holder pre {
    	padding: 30px 20px;
    	border: 1px solid #d4d4d4;
    	background: #fbfbfb;
    	margin: 0 0 20px;
    	transition: all .3s;
    	font-family: monospace;
    	font-size: 15px;
    	overflow-x: auto;
    	overflow: -moz-scrollbars-horizontal;
    	position: relative
    }
    
    .knowledgebase-with-code-snippet pre::-webkit-scrollbar-thumb,.shortcode-holder pre::-webkit-scrollbar-thumb {
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    	background: rgba(0,0,0,.4)
    }
    
    .knowledgebase-with-code-snippet pre::-webkit-scrollbar,.shortcode-holder pre::-webkit-scrollbar {
    	-webkit-appearance: none;
    	width: 10px
    }
    
    .knowledgebase-with-code-snippet pre:hover,.shortcode-holder pre:hover {
    	box-shadow: inset 0 0 8px rgba(0,0,0,.1);
    	border-radius: 3px
    }
    
    .shortcode-clm {
    	margin-bottom: 50px!important
    }
    
    .post-content .shortcode-holder p {
    	margin-top: 0;
    	margin-bottom: 10px
    }
    
    .single-post article .post-content,.single-post article .post-content ol {
    	color: #43464b;
    	line-height: 1.6em;
    	font-size: 18px
    }
    
    .single-post article .post-content img.aligncenter {
    	margin: 20px auto;
    	padding: 5px
    }
    
    .single-post article.post {
    	position: relative;
    	padding: 70px 200px;
    	box-shadow: inset 0 -3px 5px rgba(64,64,64,.2)
    }
    
    .normal-page-blog .about-author,.normal-page-blog .fusion-meta-info,.normal-page-blog .fusion-sharing-box h4 {
    	display: none!important
    }
    
    .single-post #main .section-padding {
    	padding-top: 0!important;
    	padding-bottom: 0!important;
    	margin-bottom: -4px
    }
    
    .single-post #main .post-content .nonhundred-percent-fullwidth {
    	margin-left: 0;
    	margin-right: 0
    }
    
    @media screen and (max-width:767px) {
    	article .fusion-single-sharing-box {
    		width: 100%;
    		left: 0;
    		right: 0;
    		bottom: 0;
    		top: auto;
    		background: #f4f4f4;
    		margin: 0!important;
    		z-index: 9999
    	}
    
    	article .fusion-single-sharing-box .fusion-social-networks .fusion-social-network-icon {
    		display: inline-block;
    		margin: 0!important;
    		padding: 0!important;
    		width: 25%;
    		height: 44px;
    		line-height: 21px;
    		border-left: 1px solid #dbdbdb;
    		float: left;
    		position: relative
    	}
    
    	.fusion-social-networks-wrapper a svg {
    		position: absolute;
    		top: 0;
    		bottom: 0;
    		margin: auto;
    		left: 0;
    		right: 0
    	}
    
    	.fusion-sharing-box .fusion-icon-mail::before {
    		vertical-align: inherit
    	}
    
    	.fusion-social-networks-wrapper .fusion-social-network-icon::before {
    		margin-top: 12px
    	}
    
    	.single-post article.post {
    		padding: 30px 0;
    		box-shadow: none
    	}
    
    	.single-post .fusion-footer #footer {
    		z-index: 9999
    	}
    }
    
    .service-clm-holder .fusion-column.content-box-column {
    	position: relative
    }
    
    .service-clm-holder .content-wrapper-background {
    	border: 1px solid #e8e8e8
    }
    
    .service-clm-holder .content-container {
    	margin-bottom: 0
    }
    
    .service-clm-holder .service-description {
    	min-height: 130px;
    	margin-bottom: 20px
    }
    
    .service-detail-btn {
    	background: #d4d4d4;
    	color: #4e4e4e;
    	vertical-align: top
    }
    
    .service-btn-wrap {
    	position: absolute;
    	bottom: -15px;
    	left: 0;
    	right: 0
    }
    
    .service-btn-wrap .fusion-button {
    	vertical-align: top;
    	margin: 0 15px
    }
    
    .serveice-detail-list {
    	padding: 0;
    	list-style: none;
    	min-height: 182px
    }
    
    .serveice-detail-list li {
    	margin-bottom: 3px;
    	font-size: 15px;
    	border-bottom: dashed 1px #ccc;
    	padding: 6px 7px 10px 23px;
    	line-height: 17px;
    	position: relative
    }
    
    .serveice-detail-list li:before {
    	content: '\f058';
    	font-family: 'Font Awesome 5 Free';
    	font-weight: 400;
    	position: absolute;
    	left: 0;
    	margin-top: 1px;
    	font-size: 16px;
    	color: #b7648b
    }
    
    .service-price {
    	background: #757575;
    	padding: 10px;
    	margin: 0 -36px 12px;
    	color: #fff;
    	font-size: 25px
    }
    
    .service-price del {
    	color: #ccc;
    	font-size: 18px
    }
    
    .service-price ins {
    	text-decoration: none;
    	margin-left: 10px
    }
    
    .free-goodies .fusion-column-content p {
    	font-size: 18px
    }
    
    .service-refund .lisence_terms {
    	margin: 0
    }
    
    .free-goodies .fusion-builder-row {
    	display: flex
    }
    
    .free-goodies .fusion-builder-row .fusion-layout-column .fusion-column-wrapper {
    	height: 100%
    }
    
    .free-goodies .fusion-builder-row .fusion-layout-column.order {
    	order: 1
    }
    
    @media screen and (max-width:1023px) {
    	.free-goodies {
    		margin-top: 10px!important
    	}
    
    	.free-goodies .fusion-column-wrapper .fusion-builder-row:nth-child(2) {
    		padding-top: 35px;
    		position: relative;
    		margin-top: 35px
    	}
    
    	.free-goodies .fusion-column-wrapper .fusion-builder-row:nth-child(2):before {
    		position: absolute;
    		width: 80%;
    		height: 1px;
    		border-top: 1px solid #ccc;
    		top: 0;
    		left: 0;
    		right: 0;
    		margin: auto
    	}
    
    	.free-goodies .fusion-column-wrapper {
    		background-color: transparent!important;
    		padding-top: 5px!important
    	}
    
    	.free-goodies .fusion-builder-row .fusion-one-half.fusion-column-last {
    		padding-top: 0
    	}
    }
    
    @media screen and (max-width:640px) {
    	.free-goodies .fusion-builder-row .fusion-one-half.fusion-column-last {
    		padding: 25px 25px 0
    	}
    
    	.free-goodies .fusion-builder-row .fusion-one-half.fusion-column-last .fusion-column-wrapper {
    		padding: 0!important
    	}
    
    	.paid-service {
    		margin-top: 0!important
    	}
    
    	.service-clm-holder {
    		margin-top: 30px!important;
    		margin-bottom: 0!important
    	}
    
    	.service-refund .lisence_terms {
    		margin: 0 auto;
    		display: table;
    		float: none
    	}
    
    	.service-btn-wrap a {
    		width: auto!important
    	}
    
    	.intro-service {
    		padding-left: 15px;
    		padding-right: 15px
    	}
    }
    
    @media screen and (max-width:800px) {
    	.free-goodies .fusion-builder-row {
    		display: block
    	}
    
    	.free-goodies .fusion-builder-row .fusion-layout-column .fusion-column-wrapper {
    		height: 300px
    	}
    }
    
    #wcmp_service_form fieldset.half {
    	width: 48%;
    	margin-right: 4%;
    	float: left
    }
    
    @media screen and (max-width:640px) {
    	#wcmp_service_form fieldset.half {
    		width: 100%;
    		margin-right: 0
    	}
    }
    
    #wcmp_service_form fieldset.half.last {
    	margin-right: 0
    }
    
    #wcmp_service_form fieldset {
    	margin-top: 30px
    }
    
    #wcmp_service_form fieldset label {
    	display: block;
    	font-size: 16px;
    	margin-bottom: 2px
    }
    
    #wcmp_service_form fieldset label strong {
    	margin-right: 2px;
    	color: #f30707;
    	font-weight: 400
    }
    
    #order_no_section .err_msg,#wcmp_service_form label.error {
    	color: #ea2424;
    	font-size: 13px;
    	margin: 2px 0 0;
    	width: auto
    }
    
    #wcmp_service_form fieldset input,#wcmp_service_form fieldset textarea {
    	display: block;
    	width: 100%;
    	border: 1px solid #c7c7c7!important;
    	height: 35px;
    	padding: 7px 10px;
    	font-size: 15px;
    	color: #737373
    }
    
    #wcmp_service_form fieldset input:focus,#wcmp_service_form fieldset textarea:focus,.order-input input:focus {
    	border-bottom: 1px solid #b7648b!important;
    	box-shadow: none;
    	outline: 0
    }
    
    #wcmp_service_form fieldset textarea {
    	height: 80px
    }
    
    #wcmp_service_form fieldset [type=file] {
    	font-size: 13px;
    	max-width: 250px;
    	margin: 0 0 10px;
    	height: auto
    }
    
    #order_no_section {
    	margin-top: 30px
    }
    
    #order_no_section label {
    	font-size: 17px
    }
    
    #wcmp_service_form fieldset.order-no-wrap {
    	margin-top: 0
    }
    
    fieldset#service_selection {
    	font-size: 15px;
    	min-width: 252px;
    	padding: 8px;
    	max-width: 100%;
    	margin: 0 0 10px
    }
    
    fieldset#service_selection label {
    	display: inline-block;
    	cursor: pointer;
    	margin: 0 17px 15px;
    	vertical-align: top
    }
    
    #service_selection input[type=radio] {
    	visibility: hidden;
    	display: none
    }
    
    #service_selection i:before {
    	content: '\f111';
    	font-family: 'Font Awesome 5 Free';
    	font-weight: 400;
    }
    
    #service_selection label input:checked+i:before {
    	content: '\f192'
    }
    
    #service_selection label span {
    	margin-left: 6px;
    	font-size: 18px
    }
    
    .service_type_msg {
    	margin: 0;
    	border: 1px solid #f5f5f5;
    	border-top: 4px solid #b7648b;
    	padding: 7px 7px 7px 16px;
    	font-size: 17px;
    	background-color: #f7f7f7;
    	box-shadow: 2px 2px 4px #e6e6e6
    }
    
    .advance-fm-link {
    	width: auto;
    	padding: 0 20px;
    	background: #78c3e6
    }
    
    .advance-fm-link:hover {
    	color: #000
    }
    
    .order-input {
    	position: relative
    }
    
    .order-input input {
    	padding-right: 40px;
    	border-color: #b9b7b7!important
    }
    
    .order-input .order-loader {
    	position: absolute;
    	right: 5px;
    	top: 3px;
    	margin: auto
    }
    
    .order-input .order-loader i {
    	font-size: 15px
    }
    
    .success-service-form {
    	width: 100%;
    	padding: 10px;
    	background: #51cd80;
    	color: #fff;
    	font-size: 16px;
    	text-align: center;
    	margin-bottom: 25px
    }
    
    .btn-holder .fusion-button {
    	vertical-align: top
    }
    
    .btn-holder a.fusion-button {
    	float: right;
    	margin: 0;
    	background: #e4e4e4;
    	color: #585757;
    	border: 1px solid #e0e0e0
    }
    
    .btn-holder a.fusion-button:hover {
    	background-color: #dcdcdc
    }
    
    .or-wraper {
    	padding: 15px;
    	background: #f7f7f7;
    	margin-top: 4px
    }
    
    label[for=order_no] {
    	position: relative
    }
    
    .oder-info-wrap {
    	position: absolute;
    	top: -14px;
    	z-index: 1;
    	left: 111px;
    	padding: 10px 10px 10px 7px
    }
    
    .oder-info-wrap span {
    	width: 17px;
    	height: 17px;
    	background: #b7648b;
    	border-radius: 50%;
    	display: inline-block;
    	text-align: center;
    	color: #fff;
    	font-size: 13px
    }
    
    .order-des {
    	position: absolute;
    	background: #fff;
    	border: 1px solid #777;
    	bottom: 6px;
    	left: 38px;
    	color: #312b2b;
    	padding: 7px 10px;
    	width: 320px;
    	display: none
    }
    
    .order-des a,.servcDes a {
    	color: #b7648b
    }
    
    .order-des:after,.order-des:before {
    	content: '';
    	display: block;
    	position: absolute;
    	width: 0;
    	transform: rotate(-90deg);
    	height: 0
    }
    
    .order-des:before {
    	left: -18px;
    	bottom: 6px;
    	border: 9px solid transparent;
    	border-bottom-color: #000
    }
    
    .order-des:after {
    	left: -16px;
    	bottom: 7px;
    	border: 8px solid transparent;
    	border-bottom-color: #fff
    }
    
    .order-des a {
    	margin-top: 5px;
    	display: table
    }
    
    .order-des a:after {
    	content: '\f07a';
    	font-family: 'Font Awesome 5 Free';
    	font-weight: 900;
    	margin: 0 0 0 5px;
    	display: inline-block;
    	vertical-align: middle;
    	color: #b7648b;
    	transition: all .3s
    }
    
    .order-des a:hover:after {
    	content: '\f218'
    }
    
    .oder-info-wrap:hover .order-des {
    	display: block
    }
    
    .suggested-product-wrap {
    	margin-top: 30px
    }
    
    .sugested-content {
    	background-color: #fff;
    	border: 1px solid #e8e8e8;
    	padding: 20px;
    	display: flex
    }
    
    .sugested-content p span.price_txt {
    	font-size: 0
    }
    
    .sugested-content p ins {
    	text-decoration: none;
    	margin-left: 5px
    }
    
    .sugested-content button {
    	height: auto!important
    }
    
    .servcDes {
    	margin: 6px 0 0 25px
    }
    
    .servcDes p {
    	margin: 7px 0 19px
    }
    
    #kbe_content .kbe_leftcol h3:first-of-type {
    	margin-top: 25px;
    	border: 0;
    	padding-top: 0
    }
    
    #kbe_content .kbe_leftcol h3 {
    	color: #373e42;
    	font-size: 22px;
    	margin-top: 50px;
    	margin-bottom: 9px;
    	line-height: 30px;
    	padding-top: 50px;
    	border-top: 1px solid #e0e0e0
    }
    
    #kbe_content .kbe_content_txt hr {
    	margin: 50px 0;
    	border: none;
    	border-top: 1px solid #e0e0e0
    }
    
    #kbe_content .kbe_content_txt hr+h3 {
    	margin-top: -1px
    }
    
    #kbe_content .kbe_content_txt blockquote {
    	background-color: rgba(0,153,229,.2);
    	margin: 25px 0;
    	border: none
    }
    
    .kbe_content_txt blockquote:nth-of-type(odd) {
    	background-color: rgba(156,94,145,.2)!important
    }
    
    #kbe_content .kbe_content_txt blockquote p:last-child {
    	margin-bottom: 0
    }
    
    #kbe_content .kbe_leftcol a:hover {
    	color: #0e99e5
    }
    
    #kbe_content .kbe_content_txt li {
    	margin-bottom: 18px
    }
    
    #kbe_content .kbe_content_txt ol {
    	list-style: none;
    	counter-reset: my-counter;
    	padding: 0
    }
    
    #kbe_content .kbe_content_txt ol li {
    	position: relative;
    	padding-left: 33px
    }
    
    #kbe_content .kbe_content_txt ol li:before {
    	content: counter(my-counter);
    	counter-increment: my-counter;
    	position: absolute;
    	left: 0;
    	top: 4px;
    	width: 20px;
    	height: 20px;
    	border: 1px solid;
    	text-align: center;
    	font-size: 13px;
    	font-weight: 700;
    	border-radius: 50%;
    	line-height: 21px
    }
    
    .heding-underline:after,.service-banner-content:after,.service-form-wrap:after {
    	content: ''
    }
    
    #kbe_content .kbe_content_txt ol li ul {
    	padding: 15px 0 0 20px
    }
    
    #kbe_content .kbe_content_txt ol li li {
    	padding: 0
    }
    
    #kbe_content .kbe_content_txt ol li li:before {
    	display: none
    }
    
    #jquery-live-search {
    	background-color: #fff
    }
    
    #kbe_content .kbe_content_txt ol li p:not(.centerP) {
    	margin-top: 10px
    }
    
    .kbe_leftcol ol li p.centerP strong,.kbe_leftcol ol li strong {
    	margin: -8px auto 30px;
    	display: table;
    	font-size: 15px;
    	line-height: 1.4;
    	font-weight: 400
    }
    
    #kbe_content .kbe_content_txt blockquote strong,.kbe_leftcol ol li p strong {
    	margin: initial;
    	display: initial
    }
    
    .kbe_content_txt mark {
    	background: #ff0;
    	margin: 0 2px 0 0;
    	padding: 0 4px
    }
    
    .ilightbox-toolbar.metro-black {
    	right: 8px;
    	left: auto
    }
    
    .feat_image {
    	width: 46px;
    	float: left;
    	margin-right: 10px
    }
    
    .wrap_image_text .kbe_content_title {
    	margin-top: 5px!important
    }
    
    .centerP {
    	text-align: center
    }
    
    @media screen and (max-width:1024px) {
    	#kbe_content .kbe_leftcol h3 {
    		margin-top: 30px;
    		padding-top: 30px
    	}
    
    	#kbe_content .kbe_content_txt hr {
    		margin: 30px 0
    	}
    }
    
    @media screen and (max-width:640px) {
    	#kbe_content .kbe_content_txt hr {
    		margin: 15px 0
    	}
    
    	#kbe_content .kbe_leftcol h3 {
    		margin-top: 15px;
    		padding-top: 15px;
    		font-size: 17px;
    		line-height: 21px
    	}
    
    	#kbe_content .icons_beside {
    		float: none;
    		margin: 0 auto 6px;
    		display: table
    	}
    
    	#kbe_container h1 {
    		width: 100%;
    		font-size: 20px;
    		line-height: 22px
    	}
    
    	#kbe_content .kbe_leftcol .kbe_content_txt li,#kbe_content .kbe_leftcol .kbe_content_txt p,#kbe_content .kbe_leftcol .kbe_content_txt span {
    		line-height: 25px;
    		font-size: 16px
    	}
    
    	.was-this-helpful {
    		padding: 30px 16px 10px!important
    	}
    
    	.kbe_leftcol ol li p.centerP strong,.kbe_leftcol ol li strong {
    		margin: -8px auto 20px;
    		line-height: 20px
    	}
    
    	.wrap_image_text .kbe_content_title {
    		float: left;
    		width: calc(100% - 60px)!important;
    		display: inline-block;
    		text-align: left!important
    	}
    }
    
    @media screen and (max-width:360px) {
    	.was-this-helpful a {
    		margin: 5px 0
    	}
    }
    
    @media print {
    	.entire_leftside,.icons_beside,.top-left-content,.was-this-helpful {
    		display: none
    	}
    
    	.kbe-left-title-bar h1 {
    		width: 100%
    	}
    
    	#kbe_container .content-pannel {
    		margin: 0
    	}
    
    	#kbe_content .kbe_content_txt hr {
    		margin: 20px 0
    	}
    }
    
    .how-it-works-wrap .link-area-link-icon {
    	padding: 0
    }
    
    .how-it-works-wrap .heading.heading-with-icon {
    	width: 370px;
    	margin-bottom: 0;
    	max-width: 100%;
    	display: flex;
    	align-items: center
    }
    
    .how-it-works-wrap .fusion-content-boxes.content-boxes-icon-on-side .icon {
    	position: relative;
    	z-index: 2
    }
    
    .how-it-works-wrap .fusion-content-boxes.content-boxes-icon-on-side h2 {
    	padding: 0!important;
    	text-align: left;
    	width: calc(100% - 84px)
    }
    
    .how-it-works-wrap .fusion-column-wrapper .fusion-content-boxes .content-container {
    	margin-bottom: 0
    }
    
    .how-it-works-wrap .fusion-column-wrapper .fusion-content-boxes {
    	position: relative
    }
    
    .how-it-works-wrap .fusion-column-wrapper .fusion-content-boxes:before {
    	content: '';
    	position: absolute;
    	top: 30px;
    	width: 1px;
    	height: calc(100% - 111px);
    	left: 47px;
    	border-left: 2px dashed #e6e6e6;
    	z-index: 1
    }
    
    .how-it-works-wrap .fusion-content-boxes .fusion-column {
    	margin-bottom: 65px
    }
    
    .how-it-works-wrap .fusion-content-boxes .fusion-column:nth-last-of-type(1) {
    	margin-bottom: 0
    }
    
    .how-it-works-wrap h3 {
    	text-align: center;
    	width: 350px;
    	max-width: 100%;
    	margin-top: 6px
    }
    
    .custom-form-wrapper form {
    	padding-top: 15px
    }
    
    .custom-form-wrapper form p {
    	font-size: 17px;
    	line-height: 1.6;
    	color: #666
    }
    
    .custom-form-wrapper form input,textarea {
    	border-color: #e6e6e6!important
    }
    
    @media screen and (min-width:801px) {
    	.custom-form-wrapper {
    		padding-left: 3%
    	}
    }
    
    @media screen and (max-width:800px) {
    	.how-it-works-wrap .fusion-content-boxes .heading-with-icon .fontawesome-icon {
    		font-size: 23px!important;
    		height: 54px!important;
    		width: 54px!important;
    		line-height: 54px!important;
    		margin-right: 10px
    	}
    
    	.how-it-works-wrap .fusion-content-boxes.content-boxes-icon-on-side h2 {
    		font-size: 18px!important
    	}
    
    	.how-it-works-wrap .fusion-column-wrapper .fusion-content-boxes::before {
    		left: 41px
    	}
    
    	.how-it-works-wrap .fusion-content-boxes .fusion-column {
    		margin-bottom: 45px
    	}
    
    	.custom-form-wrapper h2 {
    		font-size: 19px!important;
    		margin-bottom: .7em;
    		text-align: left
    	}
    }
    
    .bbp-topics {
    	word-break: keep-all;
    	word-break: break-word
    }
    
    #bbpress-forums .bbp-user-section {
    	overflow: initial
    }
    
    @media screen and (max-width:767px) {
    	#bbpress-forums p.bbp-topic-meta span {
    		white-space: normal
    	}
    
    	#bbpress-forums p.bbp-topic-meta span.bbp-topic-freshness-author {
    		display: inline-flex
    	}
    
    	#bbpress-forums p.bbp-topic-meta {
    		line-height: 17px
    	}
    
    	#bbpress-forums div.bbp-search-form,.bbp-topic-freshness .bbp-topic-meta a.bbp-author-name {
    		margin-bottom: 20px
    	}
    
    	.bbp-pagination-count {
    		margin-bottom: 10px
    	}
    }
    
    @media screen and (max-width:480px) {
    	#bbpress-forums li.bbp-body ul.forum .bbp-forum-freshness,li.bbp-topic-freshness {
    		width: 37%
    	}
    
    	#bbpress-forums li.bbp-body ul.forum,#bbpress-forums li.bbp-body ul.topic,#bbpress-forums li.bbp-header {
    		padding: 12px 10px
    	}
    
    	#bbpress-forums li.bbp-forum-freshness,#bbpress-forums li.bbp-header ul {
    		font-size: 14px!important
    	}
    
    	.bbp-forum-freshness a {
    		line-height: 16px
    	}
    
    	.bbp-topic-meta {
    		margin: 6px 0 0 -3px!important
    	}
    
    	#bbpress-forums li.bbp-body ul.forum,#bbpress-forums li.bbp-body ul.topic {
    		font-size: 15px
    	}
    
    	.bbp-body .ico {
    		display: block
    	}
    
    	.bbp-reply-author {
    		width: 100%!important;
    		border: 1px solid #e6e5e6;
    		border-bottom: none;
    		margin: 0 0 -1px
    	}
    
    	#bbpress-forums div.bbp-reply-content {
    		clear: both;
    		margin-left: 0
    	}
    
    	#bbpress-forums li {
    		margin-bottom: 18px
    	}
    
    	.bbp-reply-author .bbps-post-count {
    		padding-bottom: 5px
    	}
    
    	#bbpress-forums div.bbp-reply-content .bbp-reply-entry p:last-of-type {
    		margin-bottom: 0
    	}
    
    	#bbpress-forums div.bbp-reply-content .bbp-reply-entry {
    		padding: 15px
    	}
    
    	#bbpress-forums .topic-title {
    		font-size: 19px;
    		margin: 0
    	}
    
    	#bbpress-forums ul.bbp-replies {
    		margin-top: 10px;
    		border: none
    	}
    
    	#bbpress-forums div.bbp-topic-tags {
    		margin: 20px 0 0!important
    	}
    }
    
    .page-id-12568 #main>.fusion-row {
    	max-width: 100%
    }
    
    .full-width-banner {
    	margin-bottom: 20px
    }
    
    .service-banner h4 {
    	font-family: Lato;
    	font-size: 30px;
    	font-weight: 300;
    	line-height: 1.6;
    	margin-bottom: 0
    }
    
    .service-banner p.service-banner-large-text {
    	color: #b7648b;
    	font-family: Lato;
    	font-size: 60px;
    	font-weight: 700;
    	line-height: 56px;
    	padding: 0 15px;
    	text-transform: uppercase;
    	background: #e6e6e6;
    	z-index: 1
    }
    
    .service-banner>.fusion-column-wrapper {
    	text-align: center
    }
    
    .service-banner-content h1.heding-underline:after {
    	bottom: -21px;
    	background: #3d3d3d;
    	width: 200px
    }
    
    .service-banner-content:after {
    	position: absolute;
    	width: 100%;
    	height: 77%;
    	top: -23px;
    	left: 0;
    	border: 1px solid #b7648b
    }
    
    .service-banner-content {
    	display: inline-block;
    	padding: 15px 35px;
    	position: relative;
    	max-width: 95%
    }
    
    .service-row {
    	padding: 50px 0 65px!important
    }
    
    .post-content .service-row:first-of-type {
    	padding-top: 70px!important
    }
    
    .service-row p {
    	margin-bottom: 30px
    }
    
    .service-form-wrap h1,.service-row h1 {
    	font-size: 38px;
    	color: #5b5b5b;
    	font-weight: 300;
    	margin-bottom: 40px
    }
    
    .service-form-wrap h1 span,.service-row h1 span {
    	color: #b7648b;
    	font-weight: 700
    }
    
    .service-row a.fusion-button {
    	background-color: #b7658c
    }
    
    .right-text {
    	text-align: right
    }
    
    .breakspan {
    	display: block
    }
    
    .benifits-list {
    	list-style: none;
    	padding: 0;
    	margin: 0 0 25px -41px
    }
    
    .benifits-list li {
    	display: inline-block
    }
    
    .benifits-list li p {
    	width: 43px;
    	text-align: left;
    	display: inline-block;
    	margin: auto;
    	vertical-align: middle;
    	font-size: 18px;
    	line-height: 21px
    }
    
    .benifits-list .benifits-icon-holder {
    	display: inline-block;
    	vertical-align: middle;
    	margin-right: 10px;
    	border: 1px solid #b7658c;
    	border-radius: 50%;
    	width: 81px;
    	height: 81px;
    	position: relative
    }
    
    .benifits-list .benifits-icon-holder img {
    	position: absolute;
    	left: 0;
    	right: 0;
    	top: 0;
    	bottom: 0;
    	margin: auto;
    	width: auto
    }
    
    .benifits-list li:nth-child(3n+2) {
    	margin: 0 76px 0 40px
    }
    
    .design-list {
    	padding: 0;
    	list-style: none;
    	margin: 35px 0
    }
    
    .design-list li {
    	margin-bottom: 20px;
    	position: relative;
    	padding-left: 28px
    }
    
    .design-list i {
    	font-size: 20px;
    	color: #b7648b;
    	position: absolute;
    	top: 6px;
    	left: 0
    }
    
    .service-form-wrap {
    	background-color: #f8f8f8;
    	padding: 80px 0 35px;
    	clear: both;
    	margin: 0 -30px;
    	position: relative
    }
    
    .service-form-wrap:after {
    	position: absolute;
    	left: 0;
    	right: 0;
    	top: 0;
    	margin: auto;
    	width: 0;
    	height: 0;
    	border-left: 30px solid transparent;
    	border-right: 30px solid transparent;
    	border-top: 28px solid #fff
    }
    
    .service-form-wrap h1 {
    	text-align: center;
    	margin-bottom: 77px
    }
    
    .heding-underline {
    	position: relative
    }
    
    .heding-underline:after {
    	position: absolute;
    	width: 97px;
    	height: 1px;
    	background-color: #6a6a6a;
    	left: 0;
    	right: 0;
    	margin: auto;
    	bottom: -12px
    }
    
    .service-row h1.disclaimer-text {
    	font-size: 35px;
    	margin-top: 45px
    }
    
    .service-form-wrapper {
    	width: 605px;
    	max-width: 100%;
    	margin: 0 auto;
    	padding: 0 25px
    }
    
    .service-form-wrapper .form-group {
    	margin-bottom: 35px
    }
    
    .service-form-wrapper .form-group label {
    	display: inline-block;
    	vertical-align: top;
    	color: #868686;
    	font-size: 15px;
    	font-weight: 400;
    	line-height: 22px;
    	width: 80px;
    	margin-top: 14px
    }
    
    .service-form-wrapper .input-wrap {
    	margin-left: 5px;
    	display: inline-block;
    	vertical-align: middle;
    	width: calc(100% - 93px)
    }
    
    .service-form-wrapper .form-group input[type=text],.service-form-wrapper .form-group input[type=password],.service-form-wrapper .form-group input[type=email],.service-form-wrapper .form-group input[type=url] {
    	width: 100%;
    	height: 44px;
    	background-color: #fbfbfb;
    	border: 1px solid #dedede!important;
    	border-radius: 2px;
    	padding: 5px 12px
    }
    
    .service-form-wrapper .form-group .fusion-button {
    	max-width: 100%;
    	border-radius: 3px 2px 2px 3px;
    	background-color: #b7658c;
    	margin: 0 auto;
    	display: table
    }
    
    .service-right-img {
    	float: right;
    	margin-right: 0!important;
    	order: 1
    }
    
    .service-img {
    	position: relative
    }
    
    .service-img .fusion-column-wrapper {
    	position: absolute;
    	bottom: 0
    }
    
    .fusion-builder-row.fusion-row.service-clm {
    	display: flex
    }
    
    input[type=url] {
    	color: #686767
    }
    
    @media screen and (max-width:1170px) {
    	.service-row.nonhundred-percent-fullwidth {
    		margin-left: 0;
    		margin-right: 0
    	}
    }
    
    @media screen and (max-width:1024px) {
    	.service-banner>.fusion-column-wrapper {
    		padding: 100px 0!important
    	}
    
    	.service-form-wrap h1,.service-row h1,.service-row p {
    		margin-bottom: 20px
    	}
    
    	.service-row {
    		padding: 30px 0 35px!important
    	}
    
    	.benifits-list li:nth-child(3n+2) {
    		margin: 0 60px 0 40px
    	}
    
    	.benifits-list li:nth-child(3n+3) {
    		margin-left: 20px
    	}
    }
    
    @media screen and (max-width:800px) {
    	.service-row .right-text {
    		text-align: left
    	}
    
    	.service-img {
    		text-align: center
    	}
    
    	.service-img img {
    		max-height: 250px;
    		height: auto;
    		width: auto
    	}
    
    	.benifits-list {
    		margin: 0 0 25px
    	}
    
    	.service-img .fusion-imageframe {
    		float: none!important;
    		margin: 0!important
    	}
    
    	.service-row {
    		border-bottom: 1px solid #bababa
    	}
    
    	.post-content .service-row:last-of-type {
    		border: none
    	}
    
    	.service-row h1.disclaimer-text {
    		margin-top: 0
    	}
    
    	.service-row h1 {
    		margin-bottom: 10px;
    		line-height: 30px!important;
    		font-size: 23px!important
    	}
    
    	.design-list {
    		margin: 25px 0
    	}
    
    	.service-row .fusion-layout-column {
    		margin-bottom: 0!important
    	}
    
    	.fusion-builder-row.fusion-row.service-clm {
    		display: block
    	}
    
    	.service-img .fusion-column-wrapper {
    		position: initial;
    		bottom: auto
    	}
    
    	.service-banner p.service-banner-large-text {
    		font-size: 42px;
    		line-height: 47px
    	}
    
    	.service-banner-content:after {
    		top: -14px
    	}
    
    	.service-banner>.fusion-column-wrapper {
    		padding: 36px 0 24px!important
    	}
    
    	.service-img+.fusion-layout-column .fusion-column-wrapper {
    		padding: 0!important
    	}
    
    	.service-row {
    		margin-top: 0!important
    	}
    }
    
    .kbe_categories .kbe_category,.pujo-banner,.upcoming_3 {
    	text-align: center
    }
    
    @media screen and (max-width:600px) {
    	.benifits-list li {
    		display: block;
    		margin: 0 auto 21px!important
    	}
    
    	.post-content .service-row.fullwidth-box.first {
    		padding-top: 0!important
    	}
    
    	.service-row p br {
    		display: none
    	}
    
    	.service-form-wrapper .input-wrap {
    		margin-left: 0;
    		width: 100%
    	}
    
    	.service-form-wrapper .form-group {
    		margin-bottom: 15px
    	}
    
    	.service-img>.fusion-column-wrapper {
    		padding: 0 0 15px!important
    	}
    
    	.service-banner-content h4 {
    		font-size: 16px!important;
    		line-height: 1.6!important
    	}
    
    	.service-banner p.service-banner-large-text {
    		line-height: 31px;
    		font-size: 21px
    	}
    
    	.service-banner-content h1.heding-underline:after {
    		bottom: -7px;
    		width: 100px
    	}
    
    	.service-banner-content {
    		padding: 0 15px
    	}
    
    	.service-banner-content:after {
    		top: -13px
    	}
    
    	.service-img img {
    		max-height: 200px;
    		height: auto;
    		width: auto;
    		max-width: 80%
    	}
    
    	.button-large {
    		font-size: 14px
    	}
    
    	.service-form-wrap {
    		padding: 40px 0 25px
    	}
    
    	.service-form-wrap:after {
    		border-left: 20px solid transparent;
    		border-right: 20px solid transparent;
    		border-top: 19px solid #fff
    	}
    
    	.design-list {
    		margin: 15px 0
    	}
    
    	#service-form-wrap h1 {
    		font-size: 23px;
    		line-height: 30px
    	}
    }
    
    @media screen and (max-width:360px) {
    	.service-banner p.service-banner-large-text {
    		font-size: 21px
    	}
    }
    
    .pre-wrap {
    	position: relative
    }
    
    @media screen and (max-width:800px) {
    	.fusion-contact-info,.inter-link {
    		display: none!important
    	}
    }
    
    .fusion-widget-cart-number {
    	background-color: #b7648b;
    	color: #fff;
    	font-weight: 700
    }
    
    .fusion-main-menu .fusion-widget-cart-counter>a .menu-text {
    	position: relative
    }
    
    .fusion-main-menu .fusion-widget-cart-counter>a .fusion-widget-cart-number {
    	height: 10px;
    	width: 10px;
    	line-height: 9px;
    	position: absolute;
    	top: calc(50% - 21px);
    	color: #fff;
    	right: -8px;
    	font-size: 11px
    }
    
    .fusion-main-menu .fusion-widget-cart-counter>a::before {
    	background: #fff;
    	padding: 6px 7px;
    	font-size: 19px;
    	border-radius: 0
    }
    
    .fusion-menu-cart a {
    	width: 50px
    }
    
    .fusion-menu-cart .fusion-menu-cart-item a {
    	width: auto
    }
    
    .slider_beta_txt {
    	font-size: 12px!important;
    	position: absolute;
    	top: -7px;
    	width: 32px;
    	text-align: right!important
    }
    
    .special_cta_block {
    	margin: 6px 0 30px
    }
    
    .special_cta_block .cta_to_contribute {
    	font-size: 17px;
    	background: #01b5d0;
    	transition: .5;
    	margin: 0 0 30px
    }
    
    .special_cta_block .cta_to_contribute:hover {
    	background: #01b5d0;
    	transition: .5
    }
    
    .footer_sticky_holder {
    	background: #666!important;
    	padding: 0!important;
    	position: fixed;
    	bottom: 0!important;
    	width: 100%;
    	z-index: 100000
    }
    
    .footer_sticky_holder .fusion-layout-column.fusion-column-last {
    	margin-bottom: 10px!important
    }
    
    .footer_sticky_in {
    	display: flex;
    	flex-wrap: nowrap
    }
    
    .footer_sticky_in div {
    	font-size: 19px;
    	padding: 0 10px;
    	color: #fff;
    	margin: 0;
    	align-items: center;
    	display: flex
    }
    
    .chris_promo {
    	width: 180px;
    	height: 40px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	background: #e9acc9;
    	border-radius: 3px;
    	color: #444;
    	cursor: grab;
    	cursor: -webkit-grab;
    	font-size: 17px;
    	font-weight: 600;
    	border: 2px dashed #a73269
    }
    
    .offer_terms {
    	position: absolute;
    	bottom: 5px;
    	right: 10px;
    	color: #fff;
    	font-size: 12px
    }
    
    .close_sticky_footer {
    	position: absolute;
    	top: 8px;
    	right: 8px;
    	background: #ddd;
    	border-radius: 100%;
    	width: 20px;
    	height: 20px;
    	line-height: 20px;
    	text-align: center;
    	font-weight: 400;
    	cursor: pointer
    }
    
    div#demo_count_down_timer p {
    	display: inline-block;
    	padding: 1px!important;
    	color: #fff;
    	font-weight: 700;
    	width: 33px!important;
    	text-align: center;
    	margin: 0!important;
    	font-size: 18px!important;
    	background: 0 0!important
    }
    
    div#demo_count_down_timer .sale {
    	display: inline-block;
    	width: 100%;
    	font-size: 17px
    }
    
    div#demo_count_down_timer p span {
    	display: block;
    	font-weight: 400;
    	font-size: 12px;
    	margin-top: 0
    }
    
    #demo_count_down_timer {
    	margin: 0 20px 0 0!important;
    	width: 180px!important;
    	display: inline-block!important;
    	background: #da669d;
    	color: #fff;
    	line-height: 1!important;
    	text-align: center;
    	padding: 2px 0 0!important
    }
    
    .footer_sticky_in .promo_container {
    	height: 52px;
    	padding: 4px;
    	margin: 4px
    }
    
    .footer_sticky_in div:nth-of-type(2) {
    	font-weight: 300!important
    }
    
    .figCaption,.figCaption strong {
    	font-weight: 400!important
    }
    
    @media (max-width:767px) {
    	.footer_sticky_holder .container {
    		width: auto
    	}
    
    	.footer_sticky_in {
    		display: block;
    		text-align: center
    	}
    
    	#demo_count_down_timer {
    		width: 100%
    	}
    
    	#demo_count_down_timer,.footer_sticky_in div {
    		display: inline-block!important;
    		font-size: 16px
    	}
    
    	.footer_sticky_in div:nth-of-type(2) {
    		width: 174px
    	}
    
    	#demo_count_down_timer p {
    		font-size: 22px!important
    	}
    
    	div#demo_count_down_timer p span {
    		font-size: 11px!important
    	}
    
    	.promo_container {
    		transform: translateY(-15px)
    	}
    }
    
    @media (max-width:600px) {
    	.footer_sticky_in div {
    		display: inline-block!important;
    		width: 124px;
    		font-size: 13px;
    		padding: 2px
    	}
    
    	.footer_sticky_in div:nth-of-type(2) {
    		width: 100%
    	}
    
    	.promo_container {
    		transform: translateY(0)
    	}
    
    	.chris_promo {
    		width: 114px
    	}
    }
    
    .shipping-coupon {
    	visibility: hidden!important
    }
    
    .post-content .cart_totals .shop_table th {
    	background: #ededed;
    	color: #333
    }
    
    .post-content .cart_totals .shop_table tr:nth-child(2n) td,.post-content .checkout .shop_table tfoot tr.tax-rate td {
    	background: #fff
    }
    
    .woocommerce .checkout #customer_details .col-1,.woocommerce .checkout #customer_details .col-2 {
    	margin-bottom: 40px
    }
    
    .post-content .checkout .shop_table tfoot tr.cart-subtotal th,.post-content .checkout .shop_table tfoot tr.order-total th,.post-content .checkout .shop_table tfoot tr.tax-rate th {
    	background: #ededed;
    	padding: 10px;
    	color: #333
    }
    
    .figCaption {
    	text-align: center
    }
    
    #kbe_content i.spl_design {
    	margin-top: 4px
    }
    
    #kbe_content .form-fields-desc {
    	color: #999!important;
    	font-size: 21px!important;
    	background: #f8f8f8;
    	padding: 4px 10px
    }
    
    .wpcf7-form-control.budget {
    	margin-top: 3px;
    	display: inline-block
    }
    
    .wpcf7-form-control.budget .wpcf7-list-item {
    	border: 2px solid #666;
    	display: inline-block;
    	margin: 0 3px 3px 0;
    	position: relative
    }
    
    .wpcf7-list-item-label {
    	color: #666;
    	font-size: 1rem;
    	font-weight: 800;
    	margin-bottom: 15px;
    	text-transform: uppercase;
    	z-index: 2;
    	position: relative
    }
    
    .wpcf7-form-control.budget .wpcf7-list-item input[type=radio] {
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
    	background: 0 0;
    	border-radius: 0;
    	height: 100%;
    	left: 0;
    	position: absolute;
    	top: 0;
    	width: 100%;
    	z-index: -1;
    	margin: 0
    }
    
    .wpcf7-form-control.budget .wpcf7-list-item label {
    	display: inline-block;
    	height: 100%;
    	width: 100%;
    	cursor: pointer;
    	padding: 10px 18px
    }
    
    .halfofform1,.halfofform2 {
    	float: left;
    	padding: 0 10px 0 0
    }
    
    .wpcf7-form-control.budget .wpcf7-list-item input[type=radio]:checked+.wpcf7-list-item-label,.wpcf7-form-control.budget .wpcf7-list-item input[type=radio]:focus+.wpcf7-list-item-label {
    	color: #fff
    }
    
    .wpcf7-form-control.budget .wpcf7-list-item input[type=radio]:checked,.wpcf7-form-control.budget .wpcf7-list-item input[type=radio]:focus {
    	background: #2f2f2f;
    	outline: 0;
    	z-index: 1
    }
    
    .halfofform1 {
    	width: 75%
    }
    
    .halfofform2 {
    	width: 25%
    }
    
    .availability-indicator {
    	padding: 0;
    	margin: 0;
    	list-style: square
    }
    
    .availability-indicator li {
    	color: #666;
    	font-size: 1rem;
    	font-weight: 800;
    	margin-bottom: 3px
    }
    
    .availability-indicator li span.booked {
    	color: #c43730
    }
    
    .availability-indicator li span.available {
    	color: #16a085
    }
    
    .form_wrapper {
    	overflow: hidden;
    	padding: 20px 0;
    	border-top: 1px solid #d2d2d2;
    	border-bottom: 1px solid #d2d2d2;
    	margin-bottom: 20px
    }
    
    @media (max-width:990px) {
    	.halfofform1,.halfofform2 {
    		width: 100%
    	}
    }
    
    .single-post .fusion-sharing-box .social-share-ctrl {
    	display: none
    }
    
    .fusion-secondary-header {
    	padding: 13px 30px 10px
    }
    
    .single-post .fusion-carousel-title a {
    	font-size: 13px;
    	font-weight: 600
    }
    
    /*contributer*/
    .contributors-wrap {
    	overflow: hidden;
    	margin-bottom: 40px;
    }
    
    .contributors-wrap .fusion-person {
    	position: relative;
    	padding: 0 20px 20px;
    }
    
    .contributors-wrap .person-shortcode-image-wrapper {
    	text-align: left;
    	width: 99px;
    	display: inline-block;
    	vertical-align: top;
    }
    
    .contributors-wrap .person-shortcode-image-wrapper img {
    	border: solid 1px #e0e0e0;
    }
    
    .contributors-wrap .person-desc {
    	display: inline-block;
    	vertical-align: text-bottom;
    	margin: 0;
    	width: calc(100% - 100px);
    	padding-left: 25px;
    }
    
    .contributors-wrap .person-desc .person-content, .contributors-wrap .fusion-person .person-desc .person-author .person-title {
    	display: none;
    }
    
    .contributors-wrap .person-desc .fusion-social-network-icon {
    	margin: 0 19px 0 0;
    	font-size: 19px !important;
    	color: #9d9d9d !important;
    }
    
    .contributors-wrap .fusion-social-networks-wrapper .fusion-social-network-icon:last-child {
    	margin: 0;
    }
    
    .contributors-wrap .person-desc .person-name {
    	font-size: 17px;
    	cursor: pointer;
    	font-weight: 700;
    	line-height: 19px;
    	color: #5b5b5b;
    	margin-top: 0px;
    }
    
    .contributors-wrap .person-desc .person-name:hover {
    	color: #826dad;
    }
    
    .contributors-wrap .fusion-person:after {
    	content: '';
    	width: 100%;
    	height: 85px;
    	border: 1px solid #d6d6d6;
    	left: 0;
    	bottom: 0;
    	position: absolute;
    	z-index: -1;
    }
    
    .contributors-wrap .fusion-column-wrapper {
    	position: relative;
    }
    
    .contributors-wrap .fusion-button-wrapper {
    	position: absolute;
    	bottom: 48px;
    	left: 146px;
    }
    
    .contributors-wrap .author-url {
    	font-size: 13px;
    	background: transparent;
    	padding: 0;
    	width: 100%;
    	text-align: left;
    }
    
    .contributors-wrap .author-url span {
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	width: auto;
    	max-width: calc(100% - 2px);
    	display: inline-block;
    }
    
    .contributors-wrap .author-url .fusion-button-text {
    	color: #4876eb !important;
    	text-decoration: underline;
    }
    
    .contributors-wrap .fusion-person-icon-bottom .fusion-social-networks {
    	margin-top: 43px;
    }
    
    .contributors-wrap .fusion-person .person-desc .person-author {
    	height: 47px;
    	vertical-align: middle;
    }
    /*popup*/
    .contributor-popup-wrap {
    	position: fixed;
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	background: rgba(0,0,0,0.3);
    	z-index: 99999;
    	display: none;
    }
    
    .contributor-popup-outer {
    	width: 660px;
    	background: #fff;
    	position: absolute;
    	right: 0;
    	left: 0;
    	top: 50%;
    	transform: translateY(-50%);
    	padding: 38px;
    	margin: auto;
    	max-height: 90%;
    	max-width: 94%;
    	overflow-y: auto;
    }
    
    .admin-bar .contributor-popup-outer {
    	top: calc(50% + 13px);
    }
    
    .contributor-popup-inner {
    	max-height: 100%;
    	padding: 15px;
    }
    
    .contributor-popup-close {
    	position: absolute;
    	top: 11px;
    	right: 18px;
    	color: #2a3b47;
    	font-size: 24px;
    	font-weight: normal;
    	z-index: 9;
    	padding: 5px;
    	cursor: pointer;
    	text-align: center;
    	line-height: 22px;
    }
    
    .contributor-popup-close:hover {
    	color: #0d1013;
    }
    
    .contributer-img {
    	display: inline-block;
    	vertical-align: top;
    	max-width: 120px;
    }
    
    .contributer-img img {
    	max-height: 150px;
    }
    
    .contributer-info {
    	display: inline-block;
    	vertical-align: top;
    	margin: 0 0 0 25px;
    	width: calc(100% - 160px);
    }
    
    .name {
    	font-size: 18px;
    	font-weight: 700;
    	line-height: 23px;
    	color: #2a3b47;
    }
    
    .position {
    	font-size: 16px;
    	font-weight: 400;
    	color: #959595;
    	line-height: 15px;
    	margin: -1px 0 7px 0;
    }
    
    .contributer-description {
    	color: #727272;
    	font-size: 15px;
    	font-weight: 400;
    	line-height: 25px;
    	max-height: 200px;
    	overflow: auto;
    	margin: 0 0 30px 0;
    }
    
    .contributer-url {
    	float: left;
    	margin: 7px 0 0 0;
    }
    
    .contributer-url a {
    	font-size: 15px;
    	padding: 0;
    	background: transparent !important;
    }
    
    .contributer-url a span {
    	color: #005dab !important;
    }
    
    .contributer-url a:hover span {
    	color: #3d3d3d !important;
    }
    
    .contributer-social {
    	list-style: none;
    	float: left;
    	padding: 0;
    	margin-right: 15px;
    }
    
    .contributer-social {
    	display: inline-block;
    }
    
    .contributor-fotter {
    	overflow: hidden;
    }
    
    .contributer-social a:hover:before {
    	color: #fff;
    }
    
    .badge {
    	background-image: url('images/badges-sprite.png');
    	background-repeat: no-repeat;
    	display: none;
    }
    
    .badges-wrap .badge {
    	display: block;
    }
    
    .bug-badge {
    	width: 29px;
    	height: 29px;
    	background-position: -1px -1px;
    }
    
    .code-badge {
    	width: 29px;
    	height: 29px;
    	background-position: -32px -1px;
    }
    
    .idea-badge {
    	width: 29px;
    	height: 29px;
    	background-position: -63px -1px;
    }
    
    .translation-badge {
    	width: 29px;
    	height: 29px;
    	background-position: -94px -1px;
    }
    
    .badges-wrap {
    	margin-top: 10px;
    }
    
    .badges-wrap .badge {
    	display: inline-block;
    	vertical-align: top;
    }
    
    .contributor-content {
    	margin-bottom: 20px;
    	font-size: 17px;
    	line-height: 25px;
    }
    
    .contributor-content h3 {
    	margin: 0 0 5px;
    	color: #2a3b47;
    }
    
    .contributor-content h3:not(:first-child) {
    	margin-top: 15px;
    }
    
    @media screen and (max-width: 1100px) {
    	.contributors-wrap .person-desc .fusion-social-network-icon {
    		margin: 0 13px 0 0;
    		font-size: 14px !important;
    	}
    
    	.contributors-wrap .person-desc .person-name {
    		font-size: 16px;
    	}
    
    	.contributors-wrap .person-desc {
    		padding-left: 15px;
    	}
    
    	.contributors-wrap .fusion-button-wrapper {
    		left: 136px;
    	}
    
    	.contributors-wrap .fusion-person {
    		padding: 0 10px 20px 15px;
    	}
    }
    
    @media screen and (max-width: 977px) {
    	.contributors-wrap .author-url {
    		width: 108px !important;
    	}
    }
    
    @media only screen and (max-width: 800px) {
    	.contributors-wrap .fusion-builder-row .fusion-layout-column {
    		width: 47% !important;
    		margin-right: 3% !important;
    		margin-left: 1% !important;
    		clear: initial;
    	}
    
    	.contributors-wrap .fusion-builder-row .fusion-layout-column:nth-child(even) {
    		margin-right: 0 !important;
    	}
    }
    
    @media only screen and (max-width: 600px) {
    	.contributors-wrap .fusion-builder-row .fusion-layout-column, .contributors-wrap .fusion-builder-row .fusion-layout-column:nth-child(even) {
    		width: 85% !important;
    		margin-right: 3% !important;
    		margin-left: 1% !important;
    		clear: both;
    		margin: 0 auto 30px !important;
    		float: none !important;
    		display: table !important;
    	}
    }
    /*contributor End*/
    .contributor-person {
    	width: 30%;
    	float: left;
    	margin: 25px 0 25px 5%;
    	position: relative;
    	padding: 20px;
    	word-wrap: break-word;
    	z-index: 1;
    }
    
    .contributors-wrap .contributor-person:nth-of-type(3n+1) {
    	margin-left: 0;
    	clear: both;
    }
    
    @media screen and (max-width: 1055px) {
    	.contributtor-desc .person-name {
    		font-size: 16px;
    	}
    
    	.contributor-person {
    		width: 41%;
    		margin: 25px 0 25px 18%;
    	}
    
    	.contributors-wrap .contributor-person:nth-of-type(3n+1) {
    		margin-left: 18%;
    		clear: none;
    	}
    
    	.contributors-wrap .contributor-person:nth-of-type(2n+1) {
    		margin-left: 0;
    		clear: both;
    	}
    }
    
    @media screen and (max-width: 768px) {
    	.contributor-person {
    		width: 48%;
    		margin: 25px 0 25px 4%;
    	}
    
    	.contributors-wrap .contributor-person:nth-of-type(3n+1) {
    		margin-left: 4%;
    		clear: none;
    	}
    
    	.contributors-wrap .contributor-person:nth-of-type(2n+1) {
    		margin-left: 0;
    		clear: both;
    	}
    }
    
    @media screen and (max-width: 690px) {
    	.contributor-person {
    		width: 350px;
    		max-width: 100%;
    		margin: 0 auto 10px !important;
    		float: none;
    		clear: both;
    	}
    }
    
    @media screen and (max-width: 480px) {
    	.contributer-info {
    		margin: 28px 0 0;
    		width: 100%;
    	}
    
    	.contributor-fotter .contributer-social a {
    		width: 41px;
    		height: 40px;
    	}
    }
    
    .contributor-person:after {
    	content: '';
    	width: 100%;
    	height: 85px;
    	border: 1px solid #d6d6d6;
    	left: 0;
    	bottom: 0;
    	position: absolute;
    	z-index: -1;
    	box-sizing: border-box;
    }
    
    .contributors-wrap .contributtor-image-wrap {
    	text-align: left;
    	width: 99px;
    	min-height: 128px;
    	display: inline-block;
    	vertical-align: top;
    	cursor: pointer;
    }
    
    .contributors-wrap .contributtor-desc {
    	display: inline-block;
    	vertical-align: text-bottom;
    	margin: 0;
    	width: calc(100% - 104px);
    	padding-left: 25px;
    }
    
    .contributtor-name-wrap {
    	margin-bottom: 20px;
    	height: 55px;
    	display: table-cell;
    	vertical-align: middle;
    }
    
    .contributtor-name-wrap span {
    	display: block;
    }
    
    .contributtor-name-wrap .person-title, .contributtor-content {
    	display: none;
    }
    
    .contributtor-desc .person-name {
    	font-size: 17px;
    	cursor: pointer;
    	font-weight: 700;
    	line-height: 19px;
    	color: #5b5b5b;
    	margin-top: 0px;
    	cursor: pointer;
    }
    
    .contributtor-desc .person-name:hover {
    	color: #826dad;
    }
    
    .contributtor-social-networks {
    	margin-top: 5px;
    }
    
    .contributtor-social-networks a {
    	display: inline-block;
    	vertical-align: middle;
    	margin-right: 8px;
    	font-size: 16px;
    	color: #9c9b9b;
    }
    
    .contributtor-website {
    	margin-top: 13px;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	min-height: 26px;
    }
    
    .contributtor-website a {
    	font-size: 13px;
    }
    
    .contributor-header {
    	margin-bottom: 20px;
    	overflow: hidden;
    }
    
    .contributtor-social-networks a:hover .fa-facebook-f {
    	color: #3B5998;
    }
    
    .contributtor-social-networks a:hover .fa-twitter {
    	color: #00B6F1;
    }
    
    .contributtor-social-networks a:hover .fa-instagram {
    	color: #2C6A93;
    }
    
    .contributtor-social-networks a:hover .fa-google-plus-g {
    	color: #C20806;
    }
    
    .contributtor-social-networks a:hover .fa-youtube {
    	color: #C31A1E;
    }
    
    .contributtor-social-networks a:hover .fa-wordpress-simple {
    	color: #04769C;
    }
    
    .contributtor-social-networks a:hover .fa-linkedin-in {
    	color: #04669A;
    }
    /**/
    
    .contributer-social a:hover .fa-facebook-f {
    	background: #3B5998;
    	border-color: #3B5998;
    }
    
    .contributer-social a:hover .fa-twitter {
    	background: #00B6F1;
    	border-color: #00B6F1;
    }
    
    .contributer-social a:hover .fa-instagram {
    	background: #2C6A93;
    	border-color: #2C6A93;
    }
    
    .contributer-social a:hover .fa-google-plus-g {
    	background: #C20806;
    	border-color: #C20806;
    }
    
    .contributer-social a:hover .fa-youtube {
    	background: #C31A1E;
    	border-color: #C31A1E;
    }
    
    .contributer-social a:hover .fa-wordpress-simple {
    	background: #04769C;
    	border-color: #04769C;
    }
    
    .contributer-social a:hover .fa-linkedin-in {
    	background: #04669A;
    	border-color: #04669A;
    }
    
    .contributer-social i.fab {
    	border: 1px solid #d6d6d6;
    	display: block;
    	width: 60px;
    	height: 47px;
    	line-height: 46px;
    	border-left: 0;
    	float: left;
    	text-align: center;
    	font-size: 20px;
    }
    
    .contributer-social a:first-child i.fab {
    	border-left: 1px solid #d6d6d6;
    }
    
    .contributer-social a:hover {
    	color: #fff;
    }
    
    .product-grid-view .fusion-product-content {
    	padding: 0px !important;
    }
    
    .fusion-body .fusion-content-sep.sep-solid, .fusion-body .fusion-separator.sep-solid {
    	border: none;
    }
    
    .single-tech-blog .fusion-content-container h3 {
    	text-align: center;
    	padding-top: 25px;
    	padding-bottom: 10px;
    	border-bottom: 1px solid #eee;
    }
    
    .single-tech-blog .entry-title {
    	text-align: center;
    }
    
    .single-tech-blog .comments-container {
    	margin-top: 55px;
    	clear: both;
    	background: #f5f5f5b5;
    	padding-top: 20px;
    	padding-left: 20px;
    }
    
    .single-tech-blog .comments-container .title-heading-left {
    	font-weight: 800 !important;
    	font-size: 20px !important;
    }
    
    .single-tech-blog .fusion-single-page-excerpt {
    	line-height: 27px;
    }
    
    .single-tech-blog #main .fusion-row {
    	max-width: 1420px;
    }
    
    .order_details_of_user {
    	font-size: 14px;
    	float: right;
    	clear: both;
    }
    
    .order_details_of_user span {
    	display: block;
    	font-weight: bold;
    }
    
    .banner-after-text {
    	margin-top: 15px;
    }
    诗语
    管理员
    • 文章数量: 5,866
    @feibisi

    断断续续的测试到现在差不多个把月时间,从原来的 3000 多款主题挑选到 300 款,再到 150 款,然后再到 50 款,直到现在留下了 30 款初始打包主题。

    这些主题都有一个共同特点——简单,纯粹是为了写作而生。而且都是完全响应式的,手机各类设备访问效果都是相当不错。

    基于这些主题,我们下一部就是制作子主题,30 款新的子主题产品将会上架至数字商城进行销售,均价也就是 ¥99 元,算是非常的划算的。

    中文翻译的话,我们会提交到 WordPress 翻译系统中,之后再逐步的补齐相关翻译语言包。

    主题列表如下:

    主题名称 别名 特点
    Allium allium 葱属是一个干净而简约的主题,它使您的读者可以专注于您的内容。葱属专为新闻社,旅游网站,商业杂志,食品食谱,健康杂志,技术网站以及所有类型的发布或评论网站而设计。Allium主题与Gutenberg内容编辑器完全兼容。易于使用,无需编码!
    BasePress basepress BasePress是一个快速加载的WordPress主题,主要关注简洁的设计和精美的版式,以确保您的内容正确地提供给读者。立即与Basepress开始一个干净的设计,快速加载和SEO优化的WordPress网站。通过使用Basepress的最新主题选项(可提供无限的字体和颜色选项以及非常灵活的广告管理系统等),可以省去自定义网站的麻烦。
    Baskerville baskerville 巴斯克维尔(Baskerville)是beautiful积者的美丽,反应灵敏且适合视网膜的砖石主题。这是展示您的文章,视频,图像和画廊以及分享您喜欢的报价和链接的理想方法。具有响应式设计,可用于视网膜的资产,全幅标题图像,区块编辑器支持,对所有文章格式的支持,自定义徽标上载,FlickrDribbble的自定义小工具,四个页面模板(包括贡献者模板),编辑器样式,例如通过ZillaLikes插件和可翻译的代码实现功能。
    Davis davis Davis是一个很小的WordPress主题,可以用作入门主题或非常轻量级的博客主题。它由三个PHP文件组成,大小仅为36 KB(不包括screenshot.png)。它具有旁注格式,区块编辑器支持,特色图像和响应式设计。
    Fukasawa fukasawa 深泽是摄影师和收藏家的最小的砖石风格博客主题。它具有响应式和视网膜就绪设计,区块编辑器支持,对图像,画廊和视频文章格式的支持,四个自定义小工具,存档页面模板,画廊幻灯片,自定义重点色支持,自定义徽标支持,编辑器样式以及多得多。
    Lingonberry lingonberry Lingonberry致力于以合乎逻辑,有用且具有视觉吸引力的方式组织和呈现大量内容。 Lingonberry 一个干净,简单且响应迅速的主题,适合博客作者。 具有响应式设计,视网膜就绪,所有文章格式的自定义样式,自定义页面模板,自定义小工具(视频,Flickr 和 Dribbble),区块编辑器 / 古藤堡支持,自定义重点色和编辑器样式。
    Hamilton hamilton 汉密尔顿是一个干净的WordPress作品集主题,适用于广告素材。它以漂亮的图像网格显示文章,可以将其设置为两列或三列,这使其非常适合为其主题寻找主题的摄影师,插图画家或图形设计师。它还具有Block Editor / Gutenberg支持,暗模式,自定义背景颜色支持,简历页面模板,响应式设计,Jetpack无限滚动支持,编辑器样式等等。
    Hoffman hoffman 对于博主来说,霍夫曼(Hoffman)是一个极小巧,响应迅速且适合视网膜的主题。它具有社交图标菜单,Jetpack支持无限滚动,Block Editor / Gutenberg支持,三个自定义小工具,两个页面模板,编辑器样式,可翻译代码,自定义重点色支持,自定义背景支持,对画廊文章格式的支持, 以及更多。
    Iwata iwata 岩田是博客作者的干净,多彩,轻便的主题。它具有响应式设计,出色的版式,对旁白,报价和图像文章格式的支持,区块编辑器支持,编辑器样式,Jetpack Infinite Scroll,自定义强调色,自定义背景色和自定义标题图像。
    Koji koji Koji是博客作者的干净轻巧的主题。它具有存档页面上的砖石网格,精美而简约的设计,Block Editor / Gutenberg支持,侧边栏和页脚中的小工具区域,可设置为无限滚动加载,可以在单击按钮或访问者到达时加载更多文章页面底部,在归档页面和单个文章上显示哪些文章元的设置,社交媒体页面的图标链接,自定义徽标支持,可从任何页面访问的搜索覆盖图等等。
    Lovecraft lovecraft Lovecraft是博主的一个美丽的两栏主题。它具有响应式设计,出色的排版,Block Editor / Gutenberg支持,全角标题图片(已替换为单个文章/页面上的文章缩略图),自定义强调色支持,自定义徽标支持,编辑器样式支持, Flickr小工具,带有缩略图的最新文章和最新评论小工具以及全角模板。
    McLuhan mcluhan McLuhan是一个干净,简单且轻巧的WordPress主题,其首页具有按年份排列的完整文章存档,而不是传统的博客流。它还为侧边栏和内容提供了完全可自定义的背景颜色,Block Editor / Gutenberg支持,响应式设计,带有图标的社交网络链接,具有即时结果的AJAX驱动的移动搜索,简历页面模板和全角模板。
    Neila neila 对于想要建立生活方式,时尚,旅行,手工艺者或个人博客网站的人来说,Neila是完美的WordPress主题。优雅,整洁,完全响应且适合移动设备使用的主题在设计和功能方面给人一种非常可爱和吸引人的冲击,同时仍保持简洁外观,不会拖累您的网站。
    Noto Simple noto-simple 使用Noto Sans的简单WordPress主题。
    NS Minimal ns-minimal NS Minimal是博客作者的WordPress主题。轻量级主题,非常快速,响应迅速,RTL和翻译就绪以及最佳SEO实践。在每台设备(移动设备,平板电脑和台式机)上,此主题都很棒。
    Rams rams 一个干净,极简且响应迅速的主题,适合博客作者。具有响应式和视网膜就绪设计,支持画廊和报价发布格式,支持Block Editor / Gutenberg,自定义强调色支持,Jetpack无限滚动集成,以及编辑器样式。
    Rowling rowling 罗琳(Rowling)是WordPress的简洁,简洁,优雅的杂志主题。它具有响应式设计,出色的版式,Block Editor支持,社交菜单支持,自定义强调色支持,自定义徽标支持,图库文章格式支持以及编辑器样式。
    Twenty Fifteen twentyfifteen 我们2015年的默认主题简洁明了,以博客为中心,并且为了清晰起见而设计。二十一十五的简单,直接的排版可以在各种屏幕尺寸上读取,并且适用于多种语言。我们采用移动优先的方法进行设计,这意味着无论访问者是通过智能手机,平板电脑,笔记本电脑还是台式机到达的,您的内容都处于中心位置。
    Twenty Seventeen twentyseventeen 二十七岁通过标题视频和身临其境的特色图像使您的网站栩栩如生。它着重于商务站点,在首页上具有多个部分,以及小工具,导航和社交菜单,徽标等。使用自定义的配色方案个性化其不对称网格,并以邮政格式展示您的多媒体内容。我们2017年的默认主题适用于多种语言,任何功能以及在任何设备上使用。
    Twenty Sixteen twentysixteen 二十十六是一种流行的WordPress布局的现代化代表水平标头,带有可选的右侧栏,非常适合博客和网站。它具有自定义颜色选项,具有漂亮的默认配色方案,采用移动优先方法的和谐流体网格以及每一个细节都无可挑剔的抛光效果。二十六岁将使您的WordPress到处看起来都很漂亮。
    Twenty Twelve twentytwelve WordPress2012年主题是完全响应的主题,在任何设备上看起来都很棒。功能包括带有自己的窗口小工具的首页模板,可选的显示字体,索引视图和单一视图上的文章格式样式以及可选的无边栏页面模板。使用自定义菜单,标题图像和背景将其设为您自己。
    Garfunkel garfunkel Garfunkel 是一个时尚且反应迅速的 Pinterest 风格主题,具有瀑布流结构。 它具有响应式和视网膜就绪设计,支持六种文章格式(包括画廊幻灯片放映),区块编辑器 / 古藤堡支持,六个自定义小工具,两个页面模板,Jetpack Infinite Scroll 支持和编辑器样式。
    Wilson wilson Wilson是针对个人网站和博客的简洁,响应式的主题。具有响应式设计,可用于视网膜的资产,区块编辑器/ Gutenberg支持,自定义强调色支持,自定义徽标支持,用于视频和Flickr嵌入的自定义小工具,页面模板和编辑器样式。
    WordStar wordstar 这个主题简洁,以博客为中心,并且设计简洁明了,具有简单明了的字体设计,可以在各种屏幕尺寸上读取,并且适用于多种语言。使用它可以使事情变得有趣,有趣并与他人分享您学到的知识。
    Write write 对于专注于写作的用户,是最小的WordPress主题。它旨在将装饰减至最少,并使您的作品成为人们关注的焦点。WriteWordPress 5.0兼容。
    XSimply xsimply XSimply是一种多功能轻便的主题,具有不同的配色方案,可以实现更好,更有效的自定义设置:浅色(白色),金属(灰色),海洋(蓝色),夜晚(黑色)。颜色与个性化背景图像的结合可以使您的网站独特而独特。
    Xtron xtron 该主题是多功能个人博客主题。如果您喜欢在个人博客世界中分享经验,技能和撰写文章。这个主题更有趣。侧面弹出菜单使您的菜单更酷。自定义徽标,自定义小工具,例如专业版中的多个功能。专业版元设置开始发现专业版中的许多功能。该主题与所有插件兼容。扫描仪没有。与所有设备兼容
    zuari zuari A stream of your life
    Twentynineteen twentynineteen 我们的2019年默认主题旨在展示区块编辑器的强大功能。它具有所有默认区块的自定义样式,并且经过构建,以使您在编辑器中看到的内容看起来像在网站上看到的内容。二十十九旨在适应各种网站,无论您是经营照片博客,开展新业务还是支持非营利组织。具有充足的空白和现代的San-Serif标题,再加上经典的衬线体文本,使其在所有屏幕尺寸上均美观。
    Twentytwenty twentytwenty 2020年的默认主题旨在充分利用区块编辑器的灵活性。组织和企业可以使用组和列区块创建具有无限布局的动态登录页面。居中的内容列和经过微调的版式也使其非常适合传统博客。完整的编辑器样式使您即使在发布之前也可以很好地了解内容的外观。您可以通过在定制器中更改背景颜色和强调色来使您的网站更具个性。网站上所有元素的颜色都是根据您选择的颜色自动计算得出的,从而确保访问者获得较高的,可访问的颜色对比度。
    诗语
    管理员
    • 文章数量: 5,866
    @feibisi

    两个月前测试了 3000 多款 WordPress 主题然后留下来了 160 多款主题, 今天把全部提示通知更新的主题都更新了一遍,然后又把这一百多款主题测试了下,算是找到了真正符合要求的几十款主题。

    列表如下,免费增值的因为不符合要求就全部都已经在上次筛选中剔除掉了,再来就是已经是子主题的我们也得去掉。

    主题名称 启用通知 免费增值 特点 古藤堡 企业 子主题
    AeMi no
    Allium no
    Altar no
    Alves no yes Varia
    Arba yes no
    Arke yes no
    Augusta no
    Balasana no yes Varia
    Barnsbury no yes Varia
    BasePress no
    Baskerville no
    Calm Business no yes Twentynineteen
    Cartel no
    Dalston no yes Varia
    Davis no
    Divine Spa no
    Dogma no
    Elegant Business no yes Twentynineteen
    Exford no yes Varia
    Friendly Business no yes Twentynineteen
    Fukasawa no
    Gazette no
    Gillian no
    Hamilton no
    Hever no
    Hoffman no
    Ignites no
    Illustratr no
    Iwata no
    Ixion no
    Karuna no
    Koji no
    Less Reloaded no
    Libre 2 no
    Lodestar no
    Lovecraft no
    Mayland no yes Varia
    Maywood no
    McLuhan no
    M Corporate no yes
    Morden no yes Varia
    Neila no
    Noto Simple no
    NS Minimal no
    Obulma no
    Professional Business no
    Rams no
    Photos no
    Rebalance no
    Reblog yes-bad no
    Redhill no yes Varia
    Rowling no
    Shoreditch no
    Sophisticated Business no Twentynineteen
    Stratford no Varia
    Twenty Fifteen no
    Twenty Seventeen no
    Twenty Sixteen no
    Twenty Twelve no
    Varia —— —— —— —— —— ——
    Voice Blog no
    Wilson no
    WordStar no
    Write no
    XSimply no
    Xtron no
    zuari no
    Twentynineteen no
    Twentytwenty no
    风间
    参与者
    • 文章数量: 670
    @fengjian

    收藏一下SEO模板说明;

    基本变数:

    变量 描述
    %%date%% 被取代为文章/页面的日期
    %%title%% 被取代为文章/页面的标题
    %%parent_title%% 被取代为目前页面的父页面标题
    %%sitename%% 网站的名称
    %%sitedesc%% 网站的标签行/描述
    %%excerpt%% 被取代为文章/页面的摘要(或者若不存在的话则自动产生)
    %%excerpt_only%% 被取代为文章/页面的摘要(不会自动产生)
    %%tag%% 被取代为目前的标签/标签组
    %%category%% 被取代为文章分类(以逗号分隔)
    %%primary_category%% 替换为文章/页面的主要分类
    %%category_description%% 被取代为分类描述
    %%tag_description%% 被取代为标签描述
    %%term_description%% 被取代为项目描述
    %%term_title%% 被取代为项目名称
    %%searchphrase%% 被取代为目前的搜索字词
    %%sep%% 在主题的 wp_title() 标记的分隔符定义。

     

    高级变数:

     

    变量 描述
    %%pt_single%% 由单一文章类型取代
    %%pt_plural%% 取代文章中重复的标签
    %%modified%% 被取代为文章/页面的最后修改时间
    %%id%% 被取代为文章/页面的 ID
    %%name%% 被取代为文章/页面作者的『暱称』
    %%user_description%% 被取代为文章/页面作者的『个人信息』
    %%userid%% 被取代为文章/页面的作者用户 ID
    %%currenttime%% 被取代为目前的时间
    %%currentdate%% 被取代为目前的日期
    %%currentday%% 被取代为目前的日
    %%currentmonth%% 被取代为目前的月
    %%currentyear%% 被取代为目前的年
    %%page%% 被取代为目前分页内容中的页面编号(例如:4 页中的第 2 页)
    %%pagetotal%% 被取代为目前的总页数
    %%pagenumber%% 被取代为目前的页面号码
    %%caption%% 附件说明
    %%focuskw%% 被取代为文章的焦点关键字
    %%term404%% 被取代为引起 404 错误的代称
    %%cf_<custom-field-name>%% 被取代为文章自订字段的值
    %%ct_<custom-tax-name>%% 被取代为文章的自订分类法,以逗号分隔。
    %%ct_desc_<custom-tax-name>%% 被取代为自订分类法的描述
    诗语
    管理员
    • 文章数量: 5,866
    @feibisi

    能用代码的就尽量不用插件,为新的 WooCommerce 客户申请优惠券 ,请遵循以下步骤: –

    1、在应用下面​​的代码前,你必须创建一个新的优惠券。我创建了一个新的优惠券名称’firstlove“

    2、现在,您可以下面复制并粘贴代码到你的主题的functions.php

    /**
    * Frontend validate new customer only coupon code
    * hook: woocommerce_after_checkout_validation
    */
    add_action('woocommerce_after_checkout_validation','check_new_customer_coupon', 0);
    
    function check_new_customer_coupon(){
    global $woocommerce;
    // you might change the firstlove to your coupon
    $new_cust_coupon_code = 'firstlove';
    
    $has_apply_coupon = false;
    
    foreach ( WC()->cart->get_coupons() as $code => $coupon ) {
    if($code == $new_cust_coupon_code) {
    $has_apply_coupon = true;
    }
    }
    
    if($has_apply_coupon) {
    
    if(is_user_logged_in()) {
    $user_id = get_current_user_id();
    
    // retrieve all orders
    $customer_orders = get_posts( array(
    'meta_key' => '_customer_user',
    'meta_value' => $user_id,
    'post_type' => 'shop_order',
    'numberposts'=> -1
    ) );
    
    if(count($customer_orders) > 0) {
    $has_ordered = false;
    
    $statuses = array('wc-failed', 'wc-cancelled', 'wc-refunded');
    
    // loop thru orders, if the order is not falled into failed, cancelled or refund then it consider valid
    foreach($customer_orders as $tmp_order) {
    
    $order = wc_get_order($tmp_order->ID);
    if(!in_array($order->get_status(), $statuses)) {
    $has_ordered = true;
    }
    }
    
    // if this customer already ordered, we remove the coupon
    if($has_ordered == true) {
    WC()->cart->remove_coupon( $new_cust_coupon_code );
    wc_add_notice( sprintf( "Coupon code: %s is only applicable for new customer." , $new_cust_coupon_code), 'error' );
    return false;
    }
    } else {
    // customer has no order, so valid to use this coupon
    return true;
    }
    
    } else {
    // new user is valid
    return true;
    }
    }
    
    }

    3、如果你添加成功了,那么现在可以尝试注册一个新用户然后去后台下单试试。

    如果上面的代码不能满足您的要求,您可以随意修改。

    原文:https://www.techiecorner.com/3421/woocommerce-coupon-for-new-customer-first-order-only/

    风间
    参与者
    • 文章数量: 670
    @fengjian

    公共模板文件夹 ./template/default/common/

    common.css 公共CSS文件
    faq.htm 帮助模板文件
    footer.htm 系统总底部模板
    footer_ajax.htm ajax模式是使用到的系统总底部模板,ajax模式大部分为浮动框登录、注册、发帖等。
    forum_calendar.css 广场社区使用到的日历日期样式
    forum_moderator.css 版主管理面板样式
    header.htm 系统总头显示内容文件
    header_common.htm 系统总头公共标签文件
    header_ajax.htm ajax模式时使用到的系统总头部文件
    header_diy.htm DIY面板模板文件
    invite.htm 邀请好友模板文件
    module.css 模块样式文件,用于模块的拆分并生成相应的CSS样式。
    preview.htm 预览的模板文件
    showmessage.htm 系统提示信息模板文件
    userabout.htm 我的中心面板模板文件
    widthauto.css 宽屏模式追加的css

    论坛模板文件夹 ./template/default/forum/

    activity_applylist.htm 活动列表模板文件
    activity_export.htm 活动资料内容模板文件
    announcement.htm 广场公告模板文件
    attachpay.htm 附件金币积分支付模板文件
    attachpay_view.htm 附件金币积分支付查看模板文件
    ajax_attachlist.htm ajax获取附件列表模板文件
    collection_add.htm 淘帖创建淘专辑页面模板
    collection_all.htm 淘帖所有专辑页面
    collection_comment.htm 淘帖专辑评论列表页
    collection_mycollection.htm 淘帖我所创建专辑
    collection_index.htm 淘帖首页推荐专辑
    collection_nav.htm 淘帖面包屑下淘帖导航部分
    collection_view.htm 淘帖具体专辑页面
    comment.htm 评论模板文件
    comment_more.htm 更多评论模板文件
    debate_umpire.htm 辩论模板文件
    discuz.htm 论坛首页模板文件
    forumdisplay.htm 论坛版块主题列表总模板文件
    forumdisplay_list.htm 论坛版块具体主题列表模板文件
    forumdisplay_passwd.htm 论坛需要密码访问的版块模板文件
    forumdisplay_subforum.htm 论坛子版块列表模板文件
    index_navbar.htm 邀请模板文件
    modcp.htm 管理面板模板文件
    pay.htm 支付页面模板文件
    pay_view.htm 支付结果查看模板文件
    post.htm 发帖模板总文件
    post_activity.htm 活动发布页面模板文件
    post_debate.htm 辩论发布模板文件
    post_poll.htm 投票贴发布模板文件
    post_reward.htm 悬赏帖发布模板文件
    post_sortoption.htm 主题分类选择模板文件
    post_trade.htm 交易帖发布模板文件
    rate.htm 主题评分模板文件
    rate_view.htm 主题评分查看模板文件
    recommend.htm 主题推荐模板文件
    trade.htm 商品交易主题模板文件
    trade_displayorder.htm 商品排序模板文件
    trade_info.htm 商品交易详细资料模板文件
    trade_view.htm 商品交易浏览页面模板文件
    viewthread.htm 看帖页面模板文件
    viewthread_activity.htm 查看活动页面模板文件
    viewthread_debate.htm 查看辩论页面模板文件
    viewthread_fastpost.htm 快速回复模板文件
    viewthread_from_node.htm 特殊主题回复模板文件
    viewthread_mod.htm 主题操作记录模板文件
    viewthread_node.htm 复节主体内容模板文件
    viewthread_node_body.htm 主题回复节点模板文件
    viewthread_pay.htm 主题支付模板文件
    viewthread_poll.htm 投票主题查看模板文件
    viewthread_poll_voter.htm 投票主题参与者查看模板文件
    viewthread_reward.htm 悬赏主题查看模板文件
    viewthread_trade.htm 查看交易主题模板文件

    群组模板文件夹 ./template/default/group/

    group.htm 浏览群组时的模板文件
    group_create.htm 群组创建时使用到的模板文件
    group_index.htm 浏览群组时首页内容模板文件
    group_invite.htm 邀请参与群组的模板文件
    group_list.htm 群组列表文件
    group_manage.htm 管理群组的模板文件
    group_memberlist.htm 群组中参与用户的列表文件
    group_right.htm 群组右侧边栏
    index.htm 群组首页模板文件

    空间家园模板文件夹 ./template/default/home/

    invite.htm 空间邀请页面
    magic_call.htm 通知好友魔法道具模板文件
    magic_doodle.htm 涂鸦魔法道具模板文件
    network.css 随便看看页CSS样式文件
    space_album_list.htm 空间相册列表页面模板文件
    space_album_pic.htm 空间相册图片模板文件
    space_album_view.htm 空间相册浏览模板文件
    space_blog_list.htm 空间日志列表模板文件
    space_blog_view.htm 空间日志浏览模板文件
    space_click.htm 表态模板文件
    space_comment_li.htm 评论模板文件
    space_debate.htm 辩论模板文件
    space_diy.htm 空间DIY模板文件
    space_doing.htm 心情记录模板文件
    space_doing_form.htm 心情记录发送的模板文件
    space_doing_li.htm 心情记录的列表模板文件
    space_favorite.htm 空间收藏模板文件
    space_feed_li.htm feed事件列表模板文件
    space_footer.htm 空间底部模板文件
    space_friend.htm 空间好友模板文件
    space_group.htm 空间群组模板文件
    space_header.htm 空间头部模板文件
    space_home.htm 空间home页模板文件
    space_index.css 个人空间首页CSS样式文件
    space_index.htm 个人空间首页模板文件
    space_list.htm 空间列表页模板文件
    space_magic.htm 空间魔法道具模板文件
    space_magic_mybox.htm 本人所拥有的魔法道具模板文件
    space_magic_shop.htm 魔法道具商城模板文件
    space_medal.htm 空间勋章模板文件
    space_menu.htm 空间菜单项模板文件
    space_notice.htm 空间公告模板文件
    space_pm.htm 空间短消息模板文件
    space_poll.htm 空间投票模板文件
    space_profile.htm 空间用户资料页模板文件
    space_share_form.htm 空间分享来源模板文件
    space_share_li.htm 空间分享模板文件
    space_share_list.htm 空间分享列表模板文件
    space_share_view.htm 空间分享查看模板文件
    space_thread.htm 空间的主题帖模板文件
    space_top.htm 空间头部模板文件
    space_trade.htm 空间商品交易主题模板文件
    space_userabout.htm 空间用户面板模板文件
    space_videophoto.htm 视频相册模板文件
    space_wall.htm 个人空间留言板
    spacecp_click.htm 空间表态页模板文件
    spacecp_search.htm 空间搜索页模板文件
    spacecp_share.htm 空间分享管理页模板文件
    spacecp_space.htm 空间管理页模板文件
    spacecp_userapp.htm 用户应用页模板文件

    会员模板文件夹 ./template/default/member/

    getpasswd.htm 找回密码模板文件
    groupexpiry.htm 用户组期限模板文件
    login.htm 用户登录模板文件
    login_simple.htm 用户登录模块文件
    register.htm 用户注册模板文件

    首页模板文件夹 ./template/default/portal/

    comment.htm 评论页面模板文件
    comment_li.htm 评论操作模板文件
    index.htm 门户首页模板文件
    list.htm 门户新闻列表页面
    portal_topic_content.htm 门户专题页面模板,如果添加新专题请创建portal_topic_xxx.htm的页面,即可在专题创建时自动的看到。
    portalcp_article.htm 门户文章管理页面
    portalcp_block.htm 门户模块页面
    portalcp_category.htm 门户分类页面
    portalcp_comment.htm 门户管理评论操作模板文件
    portalcp_diy.htm 门户DIY模板文件
    portalcp_index.htm 门户管理首页模板文件
    portalcp_portalblock.htm 门户管理模块模板文件
    portalcp_topic.htm 门户管理话题模板文件
    topic_footer.htm 话题底部模板
    topic_head.htm 话题顶部模板
    view.htm 查看页面

    搜索结果模板文件夹 ./template/default/search/

    album.htm 搜索相册结果
    album_list.htm 搜索相册列表结果
    blog.htm 搜索日志结果
    blog_list.htm 搜索日志列表结果
    footer.htm 页面底部
    forum.htm 论坛搜索页
    group.htm 群组搜索结果页面
    group_list.htm 群组搜索结果列表页面
    header.htm 页面头部
    portal.htm 门户搜索结果
    portal_list.htm 门户搜索结果列表页面
    sortoption.htm 分类信息页面
    thread_list.htm 主题列表页面
    trade.htm 商品页面

    会员应用模块模板文件夹 ./template/default/userapp/

    userapp_app.htm 用户应用
    userapp_index.htm 应用频道首页
    userapp_manage.htm 应用管理
    userapp_menu_list.htm 应用菜单列表
    风间
    参与者
    • 文章数量: 670
    @fengjian

    在默认模板基础上简单的修改、附加扩展 CSS 时只需在对应的模板套系下添加一个对应的扩展 CSS 文件即可, 例如修改或扩展 common.css 中的代码, 只需在创建的模板套系目录对应位置:common/ 文件夹下新建一个 extend_common.css 文件, 然后追加需要修改或者扩展的 CSS 代码。在生成缓存 CSS 时, 扩展代码会追加到默认模板的 CSS 文件 tmplate/default/common/common.css 解析成当前的模板 id 缓存样式文件。

      CSS 继承规范:

    • Discuz! X系列产品中 CSS 文件会在缓存时按照以下顺序进行合并:
      • template/default/*.css 文件。
      • 当前模板是非默认模板时, template/当前模板目录/extend_*.css 文件 或 template/当前模板目录/*.css。
      • 当某插件启用时, source/plugin/插件目录/template/extend_*.css 文件。
    • 因此非默认模板目录中的 CSS 属性将继承默认模板中的 CSS 属性, 插件目录中的 CSS 文件将继承前二者的 CSS 属性。
    • CSS 自身的集成顺序为:当 CSS 属性名称相同时, CSS 文件中, 写在后面的替换前面的代码。

     

      CSS书写规范:

    • 属性写在一行内, 属性之间、属性名和值之间以及属性与“{}”之间须有空格, 例如:.class { width: 400px; height: 300px; } 。
    • 属性的书写顺序:
      • 针对特殊浏览器的属性, 应写在标准属性之前, 例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
      • 按照元素模型由外及内, 由整体到细节书写, 大致分为五组:
        • 位置:position, left, right, float
        • 盒模型属性:display, margin, padding, width, height
        • 边框与背景:border, background
        • 段落与文本:line-height, text-indent, font,color, text-decoration,…
        • 其他属性:overflow, cursor, visibility,…
    • 谨慎添加新的选择符规则, 尤其不可滥用 id, 尽可能继承和复用已有样式
    • 选择符、属性、值均用小写(格式的颜色值除外), 缩写的选择符名称须说明缩写前的全称, 例如 .cl -> Clearfix
    • 勿使用冗余低效的 CSS 写法, 例如:ul li a span { … }
    • 慎用 !important
    • 建议使用在 class/id 名称中的词语
      • 表示状态:a->active
      • 表示结构:h->header,c->content,f->footer
      • 表示区域:mn->main,sd->side,nv-navigation,mu->menu
      • 表示样式:l-list,tab,p_pop

     

      常用css实例:

    • 兼容IE浏览器 css hack
      所有 IE浏览器适用: .ie_all .foo { … }
      IE6 专用: .ie6 .foo { … }
      IE7 专用: .ie7 .foo { … }
      IE8 专用: .ie8 .foo { … }
    • 浮动样式及浮动元素父元素高度自适应样式代码: .z/.y 浮动 left/right .z { float: left; } .y { float: right; }
      .cl:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
    • 大标题字体: .wx, .ph { font-family: “Microsoft YaHei”, “Hiragino Sans GB”, STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; }
    • 外边距样式: .mtn { margin-top: 5px !important; }
      .mbn { margin-bottom: 5px !important; }
      .mtm { margin-top: 10px !important; }
      .mbm { margin-bottom: 10px !important; }
      .mtw { margin-top: 20px !important; }
      .mbw { margin-bottom: 20px !important; }
    • 文字字体大小: .xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; }
      .xs1 { font-size: 12px !important; }
      .xs2 { font-size: 14px !important; }
      .xs3 { font-size: 16px !important; }
    • 内边距样式: .ptn { padding-top: 5px !important; }
      .pbn { padding-bottom: 5px !important; }
      .ptm { padding-top: 10px !important; }
      .pbm { padding-bottom: 10px !important; }
      .ptw { padding-top: 20px !important; }
      .pbw { padding-bottom: 20px !important; }
    • module.css 文件架构解析(此文件必须按照格式编写): /** group::index **/
      /* 群组 index 模块使用的CSS */
      /** end **//** group::index,forum::index **/
      /* 群组 index 和 论坛 index 模块使用的CSS */
      /** end **/

      /** forum **/
      /* 论坛 所有模块使用的CSS */
      /** end **/

      实现模块化css分部加载!格式固定多个模块用”, “隔开例如:
      /** misc::invite,group,forum::viewthread,portal::view,home::space **/

      这个文件的分部加载是对应程序地址例如:forum.php?mod=forumdisplay, 应当按照 CURSCRIPT:mod 格式写即:forum::forumdisplay。
    风间
    参与者
    • 文章数量: 670
    @fengjian
    1. 取消ip认证

    config_global.php 中找到
    $_config[‘admincp’][‘checkip’] = 0

    2.管理员用户组变为普通用户组了 进入不了后台

    3. 后台设置了ip列表导致访问不了后台

    进入数据库 common_setting 表中搜索 skey 为 adminipaccess ,然后删除svalue中的值
    <ignore_js_op>

    4.有其它用户在同时登录 同一个帐号后台也是进入不了后台的 (只要取消ip认证 就能同时多点登录)

    5.密码丢失

    如果能够登录uc ,在uc中更改管理员帐号、如果uc和管理员帐号都忘记了。用tools(tools有论坛版 和 uc版 。详细下载请看:https://www.discuz.net/thread-1877098-1-1.html )工具重置管理员帐号

    风间
    参与者
    • 文章数量: 670
    @fengjian
    应用与 UCenter 通信失败是站长们经常遇见的问题之一,通信失败会造成的后果也很多,如上传头像时报错、新会员无法注册、登录密码不正确等一系列的问题,下面把 UCenter 通信失败的解决方法总结并与大家分享。

    UCenter 通信异常,一般有下面的一些症状:
    1、头像无法上传出现了错误提示:access denied for agent changed;
    2、网站登录提示密码不正确或者没响应;
    3、会员无法注册;
    4、各应用不能同步登录和退出;
    5、UCenter后台提示通信失败;
    6、头像显示红X;
    7、登录站点后台 => 点击 UCenter 显示 404 或者其它错误。

    还有很多各种各样的情况,这里就不一一列举了。

    解决方法总结如下:

    1、检查站点配置文件中的 UC_APPID 与 UCenter 中的应用ID是否一致
    以Discuz! X2.5为例,配置文件的目录为:./config/config_ucenter.php 找到如下图所示的位置

    <ignore_js_op>

    这里的值必须与 UCenter 后台中应用ID的值保持一致,如下图所示。

    <ignore_js_op>

    2、应用的主 URL 地址即站点地址必须与 UCenter 后台的应用地址相同
    比如站点的访问地址为:http: //www.discuz.net ,那么 UCenter 后台该应用的地址也必须是 http: //www.discuz.net。

    <ignore_js_op>

    3、配置文件中的通信密钥必须与 UCenter 后台的通信密钥保持一致
    配置文件的通信密钥可以在./config/config_ucenter.php 中看到。

    <ignore_js_op>
    这里的密钥必须和 UCenter 后台的保持一致。

    <ignore_js_op>

    4、UCenter IP 地址要与服务器的 ip 地址相同
    可以在配置文件中修改 IP 地址,如图

    <ignore_js_op>
    同理,UCenter 后台的应用 IP 地址也要和配置文件中的一致。
    应用管理中,编辑站点应用即可看到如下图所示:
    <ignore_js_op>
    5、检查配置文件中的表前缀是否填写正确
    位置在./config/config_ucenter.php 中

    <ignore_js_op>
    6、fsockopen函数被禁用
    检查 php 环境,是否禁用了 fsockopen 函数,可以通过 php.ini 来查看该函数的情况,在这个文件中查找

    1. allow_url_fopen

    复制代码

    将其改为

    1. allow_url_fopen = On

    复制代码

    7、应用域名301重定向的情况
    301重定向可以用fsockopen函数进行测试:用下面的代码

    1. <?php
    2. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$fp = fsockopen(“[url=https://www.example.com]www.example.com[/url]”, 80, $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$errno, $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$errstr, 30);
    3. if (!$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$fp) {
    4.     echo “$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$errstr ($$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$errno)
    5. n”;
    6. } else {
    7.     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$out = “GET / HTTP/1.1rn”;
    8.     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$out .= “Host: [url=https://www.example.comrn]www.example.comrn[/url]”;
    9.     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$out .= “Connection: Closernrn”;
    10.     fwrite($$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$fp, $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$out);
    11.     while (!feof($$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$fp)) {
    12.         echo fgets($$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$fp, 128);
    13.     }
    14.     fclose($$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$fp);
    15. }
    16. ?>

    复制代码

    将对应的域名更改为 UCenter 应用中的域名,然后访问此测试脚本,返回的内容有 301 permanently 内容,通信也会失败。
    您只要取消重定向即可,一般是 301 跳转规则有问题。

    通过以上方法,便可以解决通信失败的问题。通常只要目录权限正确,配置文件和后台设置按照上面方法操作通信就不会出现问题了。

正在查看 9 结果:1-9 (共 9 个结果)

未找到对应子版块?请直接在 [疑难杂症] 版块中发帖提问。

收藏纪念品


有奖活动

参与论坛社区问答,有机会获赠文派瓦普(Wapuu.com)手办模型。