芝麻web文件管理V1.00
编辑当前文件:/var/www/cognitio.in/wp-content/plugins/Ultimate_VC_Addons/assets/css/dual-button.css
.ult_dual_button { position: relative } a.ult_ivan_button { text-decoration: none; -webkit-box-sizing: initial; -moz-box-sizing: initial; -ms-box-sizing: initial; box-sizing: initial } .ult_dual_button.to-left { text-align: left } .ult_dual_button.to-right { text-align: right } .ult_dual_button.to-center { text-align: center; width: 100% } .ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper { float: left; position: relative } .ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-width: 4px 1px 4px 4px } .ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-width: 4px 4px 4px 1px } .ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-right-width: 1px } .ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-left-width: 1px } .ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button { border-width: 1px } .ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-width: 1px 1px 1px 0 } .ult_dual_button.thin-borders .middle-text { border-width: 1px; line-height: 23px } .ult_dual_button.no-borders .middle-text, .ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button, .ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button { border-width: 0 } .ult_dual_button .middle-text { display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); height: 26px; width: 26px; line-height: 1; text-align: center; background: #fff; color: #7f7f7f; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 100%; border-radius: 100%; font-size: 11px; border: 2px solid #e7e7e7; font-weight: 400; z-index: 12; -webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms; transition: border-color ease 500ms, background ease 500ms, color ease 500ms } .ult_dual_button .middle-text .middle-inner { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: .8em } .ult_dual_button .gray-bg .middle-text { border-color: #ddd; color: #bbb } .ult_dual_button .dark-bg .middle-text { border-color: #20262c; background: #20262c; color: #fff } .ult_dual_button .light-bg .middle-text { border-color: #fff; color: #444 } .ult_dual_button .primary-bg .middle-text { border-color: rgba(0, 0, 0, .2); background-color: rgba(0, 0, 0, .2); color: #fff } .ivan-button-align.to-left { text-align: left } .ivan-button-align.to-right { text-align: right } .ivan-button-align.to-center { text-align: center } .ult_dualbutton-wrapper { display: inline-block } .ult_dualbutton-wrapper.btn-block, .ult_dualbutton-wrapper.btn-block .ult_ivan_button { display: block } .ult_dualbutton-wrapper.btn-block .ult_ivan_button.btn-desc { text-align: left } .ult_ivan_button { display: block; vertical-align: middle; overflow: hidden; text-align: center; position: relative; -webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms; transition: border-color ease 500ms, background ease 500ms, color ease 500ms; font-size: 14px; font-weight: 400; line-height: 1.428571429; color: #7f7f7f; border: 2px solid #e7e7e7; background-color: #fff; padding: .5em 0 } .ult_ivan_button hr { background-color: #e7e7e7; border: none; -webkit-transition: background ease 150ms; transition: background ease 150ms } .ult_ivan_button:hover { color: #fff } .ult_ivan_button:hover hr { background-color: #fff; border: none } .ult_ivan_button.outline { border-width: 2px; background-color: transparent } .ult_ivan_button.outline:hover { border-color: #2ac56c; color: #2ac56c } .ult_ivan_button.outline:hover hr { background-color: #2ac56c } .ult_ivan_button.no-border { border-width: 0; background-color: #f7f7f7 } .ult_ivan_button.no-border:hover { background-color: #2ac56c; border-color: #2ac56c } .ult_ivan_button.square { -webkit-border-radius: 0; border-radius: 0 } .ult_ivan_button.round { -webkit-border-radius: 50px; border-radius: 50px } .ult_ivan_button.round-square { -webkit-border-radius: inherit; border-radius: inherit } .ult_ivan_button.circular { -webkit-border-radius: 100%; border-radius: 100%; padding: 0; width: 53px; height: 53px } .ult_ivan_button.circular .center-holder { display: table; width: 100%; height: 100% } .ult_ivan_button.circular .center-inner { display: table-cell; vertical-align: middle } .ult_ivan_button.circular .icon-simple { display: block; padding: 0 0 5px; width: auto } .ult_ivan_button.circular .text-btn { padding: 0; display: block } .ult_ivan_button.circular.only-icon { padding: 0 } .ult_ivan_button.circular.only-icon .icon-simple { padding: 0; font-size: 25px } .ult_ivan_button .text-btn { display: inline-block; vertical-align: middle; padding: 0 22px } .ult_ivan_button .icon-simple { display: inline-block; text-align: center; vertical-align: middle; padding: 0 10px 0 22px; font-size: 16px; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .ult_ivan_button .icon-simple.icon-text { width: auto } .ult_ivan_button.icon-before .icon-simple { padding: 0 10px } .ult_ivan_button.icon-before .text-btn { padding-left: 0 } .ult_ivan_button.icon-after .icon-simple { padding: 0 10px } .ult_ivan_button.icon-after .text-btn { padding-right: 0 } .ult_ivan_button.icon-cover.with-icon { padding: 0 } .ult_ivan_button.icon-cover.with-icon .icon-simple { display: inline-block; vertical-align: middle; padding: 13px; background-color: rgba(0, 0, 0, .2) } .ult_ivan_button.icon-cover.with-icon.icon-before .text-btn { padding-left: 13px } .ult_ivan_button.icon-cover.with-icon.icon-after .text-btn { padding-right: 13px } .ult_ivan_button.text-separator.with-icon.icon-before .text-btn { border-left: 1px solid rgba(255, 255, 255, .25); padding-left: 10px } .ult_ivan_button.text-separator.with-icon.icon-after .text-btn { border-right: 1px solid rgba(255, 255, 255, .25); padding-right: 10px } .ult_ivan_button.glow-icon .icon-simple i { text-shadow: rgba(255, 255, 255, .4)0 0 20px } .ult_ivan_button.button-zoom { -webkit-transition: all ease 300ms; transition: all ease 300ms; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .ult_ivan_button.button-zoom:hover { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15) } .ult_ivan_button.only-icon .icon-simple { padding-left: 16px; padding-right: 16px; line-height: 1 } .ult_ivan_button.btn-desc .text-btn-inner { display: block; vertical-align: middle; font-size: 13px } .ult_ivan_button.btn-desc .text-desc { display: block; vertical-align: middle; font-size: 11px; font-weight: 400 } .ult_ivan_button.btn-desc.with-icon .text-btn { text-align: left } .ult_ivan_button.large { font-size: 18px; padding: 16px 0 } .ult_ivan_button.large.circular { width: 67px; height: 67px } .ult_ivan_button.large.circular.only-icon .icon-simple { font-size: 28px } .ult_ivan_button.large .text-btn { padding: 0 24px } .ult_ivan_button.large .icon-simple { padding: 0 12px 0 24px; font-size: 22px } .ult_ivan_button.large.icon-before .icon-simple { padding: 0 12px 0 19px } .ult_ivan_button.large.icon-before .text-btn { padding-left: 0 } .ult_ivan_button.large.icon-after .icon-simple { padding: 0 19px 0 12px } .ult_ivan_button.large.icon-after .text-btn { padding-right: 0 } .ult_ivan_button.large.icon-cover.with-icon .icon-simple { padding: 16px 17px } .ult_ivan_button.large.icon-cover.with-icon.icon-before .text-btn { padding-left: 17px } .ult_ivan_button.large.icon-cover.with-icon.icon-after .text-btn { padding-right: 17px } .ult_ivan_button.large.text-separator.with-icon.icon-before .text-btn { padding-left: 12px } .ult_ivan_button.large.text-separator.with-icon.icon-after .text-btn { padding-right: 12px } .ult_ivan_button.large.only-icon .icon-simple { padding-left: 20px; padding-right: 20px } .ult_ivan_button.large.btn-desc .text-btn-inner, .ult_ivan_button.large.btn-desc .text-desc { font-size: 13px } .ult_ivan_button.x-large { font-size: 20px; padding: 22px 0 } .ult_ivan_button.x-large.circular { width: 85px; height: 85px } .ult_ivan_button.x-large.circular.only-icon .icon-simple { font-size: 34px } .ult_ivan_button.x-large .text-btn { padding: 0 36px } .ult_ivan_button.x-large .icon-simple { padding: 0 18px 0 36px; font-size: 26px } .ult_ivan_button.x-large.icon-before .icon-simple { padding: 0 18px 0 27px } .ult_ivan_button.x-large.icon-before .text-btn { padding-left: 0 } .ult_ivan_button.x-large.icon-after .icon-simple { padding: 0 27px 0 18px } .ult_ivan_button.x-large.icon-after .text-btn { padding-right: 0 } .ult_ivan_button.x-large.icon-cover.with-icon .icon-simple { padding: 22px 25px } .ult_ivan_button.x-large.icon-cover.with-icon.icon-before .text-btn { padding-left: 25px } .ult_ivan_button.x-large.icon-cover.with-icon.icon-after .text-btn { padding-right: 25px } .ult_ivan_button.x-large.text-separator.with-icon.icon-before .text-btn { padding-left: 18px } .ult_ivan_button.x-large.text-separator.with-icon.icon-after .text-btn { padding-right: 18px } .ult_ivan_button.x-large.only-icon .icon-simple { padding-left: 30px; padding-right: 30px } .ult_ivan_button.x-large.btn-desc .text-btn-inner { font-size: 14px } .ult_ivan_button.x-large.btn-desc .text-desc { font-size: 13px } .ult_ivan_button.compact { font-size: 14px; padding: 5px 0 } .ult_ivan_button.compact.circular { width: 36px; height: 36px } .ult_ivan_button.compact.circular.only-icon .icon-simple { font-size: 14px } .ult_ivan_button.compact .text-btn { padding: 0 10px } .ult_ivan_button.compact .icon-simple { padding: 0 10px; font-size: 16px } .ult_ivan_button.compact.icon-before .icon-simple { padding: 0 10px } .ult_ivan_button.compact.icon-before .text-btn { padding-left: 0 } .ult_ivan_button.compact.icon-after .icon-simple { padding: 0 10px } .ult_ivan_button.compact.icon-after .text-btn { padding-right: 0 } .ult_ivan_button.compact.icon-cover.with-icon .icon-simple { padding: 5px 10px } .ult_ivan_button.compact.icon-cover.with-icon.icon-before .text-btn { padding-left: 10px } .ult_ivan_button.compact.icon-cover.with-icon.icon-after .text-btn { padding-right: 10px } .ult_ivan_button.compact.text-separator.with-icon.icon-before .text-btn { padding-left: 10px } .ult_ivan_button.compact.text-separator.with-icon.icon-after .text-btn { padding-right: 10px } .ult_ivan_button.compact.only-icon .icon-simple { padding-left: 7px; padding-right: 7px } .ult_ivan_button.compact.btn-desc .text-btn-inner { font-size: 11px; line-height: 1 } .ult_ivan_button.compact.btn-desc .text-desc { font-size: 10px; line-height: 1 } .ult_ivan_button.circular-mega.circular { width: 160px; height: 160px } .ult_ivan_button.circular-mega.circular.only-icon .icon-simple { font-size: 34px } .ult_ivan_button.circular-mega.circular .text-btn { padding: 0 10px } .ult_ivan_button.circular-mega.circular hr { height: 2px; width: 20%; margin: 10px auto } .ult_ivan_button.circular-mega.circular hr:last-child { margin-bottom: 0 } .ult_ivan_button.gray-bg { background-color: #fff; border-color: #ddd; color: #ccc } .ulitmate_dual_buttons { display: inline-block } .ult-dual-btn3 .ult_dual1 { display: block; text-align: center; cursor: pointer; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-transition: all ease .8s; transition: all ease .8s } .ult-dual-btn3 .ult_dual2 { display: block; text-align: center; cursor: pointer; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; -webkit-transition: all ease .8s; transition: all ease .8s } .ult-dual-btn3 .aio-icon, .ult-dual-btn3 .aio-icon-img, .ult-dual-btn3 .icon-simple, .ult-dual-btn3 .ult-dual-button-title { -webkit-transition: all ease .8s; transition: all ease .8s } .ult-dual-btn4 .ult_dual1 { display: block; text-align: center; cursor: pointer; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-transition: all ease .8s; transition: all ease .8s; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0 } .ult-dual-btn4 .ult_dual2 { display: block; text-align: center; cursor: pointer; -webkit-box-shadow: inherit; box-shadow: inherit; -webkit-transition: all ease .8s; transition: all ease .8s } .ult-dual-btn4 .aio-icon, .ult-dual-btn4 .aio-icon-img, .ult-dual-btn4 .icon-simple, .ult-dual-btn4 .ult-dual-button-title { -webkit-transition: all ease .8s; transition: all ease .8s } .ult-dual-btn .ult_dual1, .ult-dual-btn .ult_dual2 { display: block; -webkit-transition: .5s; transition: .5s } .ult-dual-btn .ult-dual-button-title { -webkit-transition: .5s; transition: .5s } .ult-dual-btn .aio-icon, .ult-dual-btn .aio-icon-img, .ult-dual-btn .icon-simple { -webkit-transition: .5s; transition: .5s } .ult_dual_button .aio-icon { display: block!important } .icon-right1 { padding: 0 22px 0 10px!important } .icon-left2 { padding-left: 22px!important } .title_right { padding-right: 10px!important } .title_left { padding-left: 10px!important } .btn1icon { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transform: translateY(-50%); position: relative } .ult_btn1span { height: 100% }