whoami7 - Manager
:
/
home
/
qbizpnmr
/
public_html
/
wp-content
/
themes
/
crio
/
css
/
Upload File:
files >> /home/qbizpnmr/public_html/wp-content/themes/crio/css/pro-features.css
#toplevel_page_crio div.wp-menu-image img { width: 20px; } .bgtfw-welcome-panel-column .crio-welcome-button.button.button-hero { display: block; text-align: center; margin: 2em 0; } .bgtfw-welcome-panel-column-container .learning-item { display: grid; grid-template-columns: 79px 1fr; grid-gap: 10px; align-items: flex-start; } .bgtfw-welcome-panel-column-container .learning-item .learning-image { margin: 1.33em 0 0; } .bgcrio-about-wrap .bgtfw-welcome-panel { padding: 30px 10px; } .bgcrio-about-wrap .bgtfw-welcome-panel { position: relative; overflow: auto; margin: 16px 0; border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgb(0 0 0 / 4%); background: #fff; font-size: 13px; line-height: 1.7; } .bgcrio-about-wrap .bgtfw-welcome-panel h2 { margin: 0; font-size: 21px; font-weight: 400; line-height: 1.2; } .bgtfw-welcome-panel-content { margin-right: 13px; margin-left: 13px; max-width: 1500px; } .bgtfw-welcome-panel-content { margin-top: 1em; } .bgtfw-welcome-panel-column-container .wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; background-color: #fff; } .bgtfw-welcome-panel-column-container .wrapper p.box { margin-top: 0; margin-left: 89px; /* 79px image grid width + 10px grid padding. */ } .bgtfw-welcome-panel-column-container .box { border-radius: 5px; padding: 0 20px; } .bgcrio-about-wrap > div:first-child { background-image: url(../images/welcome/bg-crio-gradient.webp), -webkit-gradient(linear, left top, right top, from(#f95c27), to(#9d7770)); background-image: url(../images/welcome/bg-crio-gradient.webp), linear-gradient(to right, #f95c27, #9d7770); color: #fff; margin: -25px 0px 0px -40px; padding: 15px 160px 15px 45px; background-size: cover; background-repeat: no-repeat; } .bgcrio-about-wrap > div:first-child h1 { color: #fff; margin: 0px; } .bgcrio-about-wrap > div:first-child p { margin-bottom: 0px; } .bgcrio-about-wrap .wp-badge { background: url(../images/welcome/bg-crio-logo.png) no-repeat; background-size: 100px 100px; background-position: center 10px; -webkit-box-shadow: none; box-shadow: none; padding-top: 115px; margin-top: 0px; } .bgtfw-welcome-panel-column h2 { text-align: left; margin: 0; font-size: 21px; font-weight: 400; line-height: 1.2; } .bgcrio-about-wrap .bgtfw-welcome-panel .two-col .bgtfw-welcome-panel-column { float: left; } .bgcrio-about-wrap .bgtfw-welcome-panel .two-col .bgtfw-welcome-panel-column:first-of-type { width: calc( 50% - 15px); padding-right: 15px; } .bgcrio-about-wrap .bgtfw-welcome-panel .two-col .bgtfw-welcome-panel-column:nth-of-type(2) { width: 50%; } .bgcrio-about-wrap .two-col .col { margin-top: 0px; } .bgcrio-about-wrap .two-col .col h2 { text-align: left; } .bgcrio-about-wrap .four-col .bgtfw-welcome-panel-column { min-width: unset; width: 21%; padding: 2%; text-align: center; } .nowrap { white-space: nowrap; margin-top: 10px; display: inline-block; } .bgtfw-welcome-panel > .bgtfw-welcome-panel-content:not(:first-child) { margin-top: 15px; } /* When primary button is active, it causes sibling text to jump (happens in core too). */ .wp-core-ui .button-primary:first-child.active, .wp-core-ui .button-primary:first-child.active:focus, .wp-core-ui .button-primary:first-child.active:hover, .wp-core-ui .button-primary:first-child:active { vertical-align: baseline; } /** * Starter Content Messages. * * This section includes styles for the starter content messages container. By default, when a user * is installing starter content, no status messages are shown to the user. However, if there is an * error, the .starter-content-messages container will be shown and filled with error messages. */ .starter-content-messages { border-top: 1px solid #ddd; margin-top: 10px; } .starter-content-messages .starter-content-error div.error { display: block !important; } .pro-cards-container { display: flex; justify-content: space-around; margin-left:-20px; margin-right:20px; max-width: 100%; flex-wrap: wrap; } .pro-cards-container .card { padding: 0; flex-basis: 0; } .pro-cards-container .card .title, .pro-cards-container .card .subtitle { padding-left: 10px; padding-right: 10px; } .pro-cards-container .card .icon span { width: 100%; font-size: 4em; display: flex; min-height: 2em; justify-content: center; align-items: center; } .pro-feature-image { width: 100%; margin-left:-20px; margin-top:20px; position: relative; } .pro-cards-container .card .action-links { padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; } .pro-cards-container .card .action-links a { margin-left: 10px; margin-right: 10px; text-decoration: none; } .pro-cards-container .card .action-links a span { width: 30px; font-size: 30px; } .cta { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); text-align: center; } h2.cta-heading { font-weight: 400; color: #f95b26; margin-top: 0px; } a.cta-button { background-color: #f95b26; border: none; color: #fff; text-decoration: none; font-size: 1em; font-weight: 600; padding: 10px 40px; margin: 0 auto; } a.cta-button:hover { background-color: #fa8158; } a.cta-button:active { background-color: #ee6131; border-color: #ee6131; color: #ee6131; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: none; } a.cta-button:focus { box-shadow: none; } .sticky-headers-card .icon span { transform: rotate(180deg); } .new-ribbon-wrapper { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .new-ribbon { font: bold 15px Sans-Serif; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #f95b26; background-image: -webkit-gradient(linear, left top, left bottom, from(#f95b26), to(#fa8158)); background-image: -webkit-linear-gradient(top, #f95b26, #fa8158); background-image: -moz-linear-gradient(top, #f95b26, #fa8158); background-image: -ms-linear-gradient(top, #f95b26, #fa8158); background-image: -o-linear-gradient(top, #f95b26, #fa8158); color: #FFF; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .new-ribbon:before, .new-ribbon:after { content: ""; border-top: 3px solid #f95b26; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; } .new-ribbon:before { left: 0; } .new-ribbon:after { right: 0; } /** * Styles for the mini connect prompt. */ div#container_boldgrid_api_key_notice { max-width: 100%; } p#boldgrid_api_key_notice_message { margin-left: 0px; } @media only screen and (min-width: 501px) and (max-width: 989px) { .bgcrio-about-wrap .two-col .col { max-width: calc( 50% - 25px) !important; min-width: calc( 50% - 25px) !important; } } @media only screen and (max-width: 782px) { .bgcrio-about-wrap .four-col .bgtfw-welcome-panel-column { width: 46%; } div.bgcrio-about-wrap .bgtfw-welcome-panel .two-col .bgtfw-welcome-panel-column:first-of-type, div.bgcrio-about-wrap .bgtfw-welcome-panel .two-col .bgtfw-welcome-panel-column:nth-of-type(2) { width: 100%; padding: inherit; } .bgcrio-about-wrap .two-col .col { /* max-width: 100%; */ } } @media only screen and (max-width: 500px) { .bgcrio-about-wrap > div:first-child { margin: -25px -20px 0px -20px; padding: 20px; } .bgcrio-about-wrap > div:first-child h1 { text-align: center; } .bgcrio-about-wrap .wp-badge { margin-top: 15px; margin-bottom: -20px; } div.bgcrio-about-wrap .bgtfw-welcome-panel .two-col .bgtfw-welcome-panel-column:first-of-type, div.bgcrio-about-wrap .bgtfw-welcome-panel .two-col .bgtfw-welcome-panel-column:nth-of-type(2) { width: 100%; padding: inherit; } .bgcrio-about-wrap .four-col .bgtfw-welcome-panel-column { width: 100%; } .bgcrio-about-wrap .four-col img { float: left; width: 40px; margin-top: 8px; } .bgcrio-about-wrap .four-col p { text-align: left; float: right; width: calc( 100% - 55px); } }
Copyright ©2021 || Defacer Indonesia