%PDF- %PDF-
Direktori : /home/eirtvhdf/cloudsslamllc.com/wp-content/plugins/wp-ulike/admin/assets/css/ |
Current File : //home/eirtvhdf/cloudsslamllc.com/wp-content/plugins/wp-ulike/admin/assets/css/plugins.css |
.wp-ulike-container { width: 100%; margin-left: auto; margin-right: auto; } .wp-ulike-container .notice { display: none; } .wp-ulike-row { position: relative; width: 100%; } .wp-ulike-flex { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding: 10px 0; } .wp-ulike-flex.wp-ulike-flex-end { justify-content: flex-end; } .wp-ulike-flex.wp-ulike-flex-start { justify-content: flex-start; } .wp-ulike-flex.wp-ulike-flex-space-between { justify-content: space-between; } .wp-ulike-row [class^="col"] { float: left; margin: 2%; } .rtl .wp-ulike-row [class^="col"] { float: right; } .wp-ulike-row::after { content: ""; display: table; clear: both; } .wp-ulike-row .col-1, .wp-ulike-row .col-2, .wp-ulike-row .col-3, .wp-ulike-row .col-4, .wp-ulike-row .col-5, .wp-ulike-row .col-6, .wp-ulike-row .col-7, .wp-ulike-row .col-8, .wp-ulike-row .col-9, .wp-ulike-row .col-10, .wp-ulike-row .col-11, .wp-ulike-row .col-12 { width: 96%; } .wp-ulike-row .col-1-sm { width: 4.33333%; } .wp-ulike-row .col-2-sm { width: 12.66667%; } .wp-ulike-row .col-3-sm { width: 21%; } .wp-ulike-row .col-4-sm { width: 29.33333%; } .wp-ulike-row .col-5-sm { width: 37.66667%; } .wp-ulike-row .col-6-sm { width: 46%; } .wp-ulike-row .col-7-sm { width: 54.33333%; } .wp-ulike-row .col-8-sm { width: 62.66667%; } .wp-ulike-row .col-9-sm { width: 71%; } .wp-ulike-row .col-10-sm { width: 79.33333%; } .wp-ulike-row .col-11-sm { width: 87.66667%; } .wp-ulike-row .col-12-sm { width: 96%; } @media only screen and (min-width: 45em) { .wp-ulike-row .col-1 { width: 4.33333%; } .wp-ulike-row .col-2 { width: 12.66667%; } .wp-ulike-row .col-3 { width: 21%; } .wp-ulike-row .col-4 { width: 29.33333%; } .wp-ulike-row .col-5 { width: 37.66667%; } .wp-ulike-row .col-6 { width: 46%; } .wp-ulike-row .col-7 { width: 54.33333%; } .wp-ulike-row .col-8 { width: 62.66667%; } .wp-ulike-row .col-9 { width: 71%; } .wp-ulike-row .col-10 { width: 79.33333%; } .wp-ulike-row .col-11 { width: 87.66667%; } .wp-ulike-row .col-12 { width: 96%; } .wp-ulike-row .hidden-sm { display: block; } } @media only screen and (max-width: 45em) { .wp-ulike-flex { text-align: center; } } /** * Statistics Page */ .wp-ulike-page-title { font-size: 38px; line-height: 50px; font-weight: 400; margin: 0; } .wp-ulike-header { margin: 0 2% 10px; padding: 0 20px 35px; display: flex; justify-content: space-between; position: relative; align-items: center; flex-wrap: wrap; } .wp-ulike-header:after { content: ""; position: absolute; bottom: 0; height: 1px; background: #dde3e7; right: 20px; left: 20px; } .wp-ulike-header .wp-ulike-widget-title { text-transform: capitalize; font-size: 22px; font-weight: 500; line-height: normal; color: #3d3d3d; margin: 0; } .wp-ulike-button { background-color: #f9faff; padding: 10px 25px; text-decoration: none; text-transform: uppercase; color: #7e8996; border: 1px solid #dde3e7; border-radius: 50em; font-size: 14px; line-height: 20px; } .wp-ulike-button:hover { background-color: #fff; color: #42484e; } .wp-ulike-inner { position: relative; padding: 35px 20px; border: 1px solid #e4e6eb; background: #fff; border-radius: 4px; } .wp-ulike-logs-count { margin: 0 auto; text-align: center; } .wp-ulike-logs-count .wp-ulike-icon { font-size: 5vw; color: #8B93A6; line-height: 5vh; } .wp-ulike-logs-count .wp-ulike-var { font-size: 3vw; line-height: 4vw; display: block; } .wp-ulike-logs-count .wp-ulike-text { display: block; color: #8B93A6; font-size: 1.5vw; line-height: 2.5vw; } .wp-ulike-is-loading { padding: 10px 0; } .wp-ulike-is-loading:before { content: ""; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background-color: white; background-image: url(../../../assets/img/svg/statistics.svg); background-repeat: no-repeat; background-position: center center; z-index: 9; } .wp-ulike-btn-is-loading { position: relative; } .wp-ulike-btn-is-loading .wp-ulike-text { visibility: hidden; } .wp-ulike-btn-is-loading:before { content: ""; position: absolute; top: 50%; left: 50%; width: 25px; height: 25px; transform: translateX(-50%) translateY(-50%); background-image: url(../../../assets/img/svg/button-spinner.svg); z-index: 9; } .wp-ulike-pro-stats-banner .wp-ulike-inner { padding: 20px 40px; } .wp-ulike-pro-stats-banner .wp-ulike-inner:before { content: ""; position: absolute; right: 5%; left: 40%; bottom: 0; height: 100%; background-image: url(../../../assets/img/pro-stats-banner.svg); background-size: contain; background-repeat: no-repeat; background-position: bottom right; } .wp-ulike-pro-stats-banner .wp-ulike-inner h3 { margin: 0.5em 0; font-size: 32px; max-width: 360px; line-height: 1.4; font-weight: 500; color: #017e52; } .wp-ulike-pro-stats-banner .wp-ulike-inner p { max-width: 540px; font-size: 15px; line-height: 1.4em; color: #8B93A6; } .wp-ulike-pro-stats-banner .wp-ulike-inner .wp-ulike-button-group { margin: 2em 0 1em; } .wp-ulike-pro-stats-banner .wp-ulike-inner .wp-ulike-button-group .wp-ulike-btn { margin: 0 5px; } .wp-ulike-table { display: table; } .wp-ulike-table .wp-ulike-table-cell { display: table-cell; vertical-align: middle; } .wp-ulike-summary-charts .wp-ulike-info { flex-basis: 35%; } .wp-ulike-summary-charts .wp-ulike-icon { font-size: 3vw; color: #8B93A6; line-height: normal; flex-basis: 25%; } .wp-ulike-summary-charts .wp-ulike-var { font-size: 1.8vw; line-height: normal; display: block; } .wp-ulike-summary-charts .wp-ulike-text { display: block; color: #8B93A6; font-size: 1vw; line-height: normal; } .wp-ulike-top-likers { margin: 0 2%; } .wp-ulike-top-likers .wp-ulike-users-list { border-bottom: 1px solid #dde3e7; font-size: 15px; padding: 20px 0px; margin: 5px; } .wp-ulike-top-likers .wp-ulike-users-list i { color: #8B93A6; margin: 0 5px; } .wp-ulike-top-likers .wp-ulike-info { width: 60%; } .wp-ulike-top-likers .wp-ulike-counter { width: 20%; } .wp-ulike-top-likers .wp-ulike-total { width: 20%; } .wp-ulike-empty-stats { text-align: center; height: 50em; position: relative; } .wp-ulike-empty-stats > div { position: relative; top: 50%; transform: translateY(-50%); } .wp-ulike-empty-stats .wp-ulike-icon { font-size: 110px; color: #8B93A6; } .wp-ulike-empty-stats .wp-ulike-info { font-size: 28px; line-height: 42px; font-weight: 300; margin-top: 50px; } .wp-ulike-tops-list { padding: 0 20px; } .wp-ulike-tops-list > ul { font-size: 16px; font-weight: 300; line-height: 26px; color: #3d3d3d; margin: 0; } .wp-ulike-tops-list > ul > li { display: flex; justify-content: space-between; border-bottom: 1px solid #dde3e7; padding: 8px 0; } .wp-ulike-tops-list > ul > li .wp_ulike_item_counter .wp_ulike_up_vote_count { margin: 0 5px; color: green; } .wp-ulike-tops-list > ul > li .wp_ulike_item_counter .wp_ulike_down_vote_count { margin: 0 5px; color: red; } .wp-ulike-tops-list > ul > li a { text-decoration: none; color: #3d3d3d; } .ulf-about { /* Section backgrounds */ --about-background: #fff; --about-subtle-background: #fff4f4; /* Main text color */ --about-text: #00131c; --about-text-light: #fff; /* Accent colors: used in header, on special classes. */ --about-accent-1: #fff4f4; /* Accent background */ --about-accent-2: #6C757D; /* Heading subtitle */ /* Navigation colors. */ --about-nav-background: var(--about-background); --about-nav-border: #ffb6a4; --about-nav-color: var(--about-text); --about-nav-current: #ff6d6f; max-width: 1000px; margin: 24px auto; clear: both; line-height: 1.4; color: #00131c; color: var(--about-text); /* 1.1 - Layout */ /* Section header is alone in a container. */ /* Any columns following a section header need to be expicitly put into the second row, for IE support. */ /* 1.3 - Header */ } .ulf-about .alignleft { float: left; } .ulf-about .alignright { float: right; } .ulf-about .aligncenter { text-align: center; } .ulf-about .is-vertically-aligned-top { -ms-grid-row-align: start; align-self: start; } .ulf-about .is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center; } .ulf-about .is-vertically-aligned-bottom { -ms-grid-row-align: end; align-self: end; } .ulf-about .ulf-about-section { background: #fff; background: var(--about-background); clear: both; } .ulf-about .has-accent-background-color { background-color: #fff4f4; background-color: var(--about-accent-1); color: #fff; color: var(--about-text); } .ulf-about .has-accent-background-color a { color: #fff; color: var(--about-text); } .ulf-about .has-transparent-background-color { background-color: transparent; } .ulf-about .has-accent-color { color: #00131c; color: var(--about-text); font-weight: bold; } .ulf-about .has-border { border: 3px solid currentColor; } .ulf-about .has-subtle-background-color { background-color: #fde4bf; background-color: var(--about-subtle-background); } .ulf-about .has-background-image { background-size: contain; background-repeat: no-repeat; background-position: center; } .ulf-about .ulf-about-section { margin: 0; } .ulf-about .ulf-about-section .column { padding: 32px; } .ulf-about .ulf-about-section.ulf-box { margin-top: 2em; text-align: center; grid-gap: 30px; } .ulf-about .ulf-about-section.ulf-box a { text-decoration: none; } .ulf-about .ulf-about-section.ulf-box .column { box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); padding: 0; display: flex; justify-content: center; flex-wrap: wrap; } .ulf-about .ulf-about-section.ulf-box .column-header { width: 100%; padding: 30px 50px; color: #6C757D; color: var(--about-accent-2); } .ulf-about .ulf-about-section.ulf-box .column-header img { max-width: 100px; margin-bottom: 2em; } .ulf-about .ulf-about-section.ulf-box .column-header h2 { color: #00131c; color: var(--about-text); } .ulf-about .ulf-about-section.ulf-box .column-footer { width: 100%; background-color: #fbfbfb; padding: 20px 0; } .ulf-about .ulf-about-section.ulf-box .wp-ulike-btn.green { background-color: #26c6da; } .ulf-about .ulf-about-section.ulf-box .wp-ulike-btn.yellow { background-color: #ffd200; } .ulf-about .ulf-about-section.ulf-box .wp-ulike-btn.purple { background-color: #be63f9; } .ulf-about .ulf-about-section .ulf-about-section + .ulf-about-section .column { padding-top: 0; } .ulf-about .ulf-about-section + .ulf-about-section .is-section-header { padding-bottom: 32px; } .ulf-about .ulf-about-section .column[class*="background-color"], .ulf-about .ulf-about-section .column.has-border { padding-top: 32px; } .ulf-about .ulf-about-section .column.is-edge-to-edge { padding: 0; } .ulf-about .ulf-about-section .column p:first-of-type { margin-top: 0; } .ulf-about .ulf-about-section .column p:last-of-type { margin-bottom: 0; } .ulf-about .ulf-about-section .has-text-columns { columns: 2; column-gap: 64px; } .ulf-about .ulf-about-section .is-section-header { margin-bottom: 0; padding: 32px 32px 0; } .ulf-about .ulf-about-section .is-section-header p:last-child { margin-bottom: 0; } .ulf-about .ulf-about-section .is-section-header:first-child:last-child { padding: 0; } .ulf-about .ulf-about-section.is-feature { padding: 32px; } .ulf-about .ulf-about-section.is-feature p { margin: 0; } .ulf-about .ulf-about-section.is-feature p + p { margin-top: 1rem; } .ulf-about .ulf-about-section.has-1-column { margin-left: auto; margin-right: auto; max-width: 36em; } .ulf-about .ulf-about-section.has-2-columns, .ulf-about .ulf-about-section.has-3-columns, .ulf-about .ulf-about-section.has-4-columns, .ulf-about .ulf-about-section.has-overlap-style { display: -ms-grid; display: grid; } .ulf-about .ulf-about-section.has-gutters { gap: 16px; } .ulf-about .ulf-about-section.has-2-columns { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .ulf-about .ulf-about-section.has-2-columns.is-wider-right { -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; } .ulf-about .ulf-about-section.has-2-columns.is-wider-left { -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; } .ulf-about .ulf-about-section.has-2-columns .is-section-header { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: span 2; } .ulf-about .ulf-about-section.has-2-columns .column:nth-of-type(2n+1) { -ms-grid-column: 1; grid-column-start: 1; } .ulf-about .ulf-about-section.has-2-columns .column:nth-of-type(2n) { -ms-grid-column: 2; grid-column-start: 2; } .ulf-about .ulf-about-section.has-3-columns { grid-template-columns: repeat(3, 1fr); } .ulf-about .ulf-about-section.has-3-columns .is-section-header { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 3; grid-column-end: span 3; } .ulf-about .ulf-about-section.has-3-columns .column:nth-of-type(3n+1) { -ms-grid-column: 1; grid-column-start: 1; } .ulf-about .ulf-about-section.has-3-columns .column:nth-of-type(3n+2) { -ms-grid-column: 2; grid-column-start: 2; } .ulf-about .ulf-about-section.has-3-columns .column:nth-of-type(3n) { -ms-grid-column: 3; grid-column-start: 3; } .ulf-about .ulf-about-section.has-4-columns { grid-template-columns: repeat(4, 1fr); } .ulf-about .ulf-about-section.has-4-columns .is-section-header { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 4; grid-column-end: span 4; } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(4n+1) { -ms-grid-column: 1; grid-column-start: 1; } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(4n+2) { -ms-grid-column: 2; grid-column-start: 2; } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(4n+3) { -ms-grid-column: 3; grid-column-start: 3; } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(4n) { -ms-grid-column: 4; grid-column-start: 4; } .ulf-about .ulf-about-section.has-2-columns .is-section-header ~ .column, .ulf-about .ulf-about-section.has-3-columns .is-section-header ~ .column, .ulf-about .ulf-about-section.has-4-columns .is-section-header ~ .column, .ulf-about .ulf-about-section.has-overlap-style .is-section-header ~ .column { -ms-grid-row: 2; grid-row-start: 2; } .ulf-about .ulf-about-section.has-overlap-style { grid-template-columns: repeat(7, 1fr); } .ulf-about .ulf-about-section.has-overlap-style .column { -ms-grid-row: 1; grid-row-start: 1; } .ulf-about .ulf-about-section.has-overlap-style .column:nth-of-type(2n+1) { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 3; grid-column-end: span 3; } .ulf-about .ulf-about-section.has-overlap-style .column:nth-of-type(2n) { -ms-grid-column: 4; grid-column-start: 4; -ms-grid-column-span: 3; grid-column-end: span 3; } .ulf-about .ulf-about-section.has-overlap-style .column.is-top-layer { z-index: 1; } @media screen and (max-width: 782px) { .ulf-about { /* At this size, the two columns fully overlap */ } .ulf-about .ulf-about-section.has-2-columns.is-wider-right, .ulf-about .ulf-about-section.has-2-columns.is-wider-left, .ulf-about .ulf-about-section.has-3-columns { display: block; padding-bottom: 16px; } .ulf-about .ulf-about-section.has-2-columns.has-gutters .column, .ulf-about .ulf-about-section.has-2-columns.has-gutters .column, .ulf-about .ulf-about-section.has-3-columns.has-gutters .column { margin-bottom: 16px; } .ulf-about .ulf-about-section.has-2-columns.has-gutters .column:last-child, .ulf-about .ulf-about-section.has-2-columns.has-gutters .column:last-child, .ulf-about .ulf-about-section.has-3-columns.has-gutters .column:last-child { margin-bottom: 0; } .ulf-about .ulf-about-section.has-3-columns .column:nth-of-type(n) { padding-top: 16px; padding-bottom: 16px; } .ulf-about .ulf-about-section.has-4-columns { grid-template-columns: repeat(2, 1fr); } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(2n+1) { -ms-grid-column: 1; grid-column-start: 1; } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(2n) { -ms-grid-column: 2; grid-column-start: 2; } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(4n+3), .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(4n) { -ms-grid-row: 2; grid-row-start: 2; } .ulf-about .ulf-about-section.has-4-columns .is-section-header { -ms-grid-column-span: 2; grid-column-end: span 2; } .ulf-about .ulf-about-section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3), .ulf-about .ulf-about-section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) { -ms-grid-row: 3; grid-row-start: 3; } .ulf-about .ulf-about-section.has-overlap-style { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .ulf-about .ulf-about-section.has-overlap-style .column.column { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } } @media screen and (max-width: 600px) { .ulf-about .ulf-about-section.has-2-columns { display: block; padding-bottom: 16px; } .ulf-about .ulf-about-section.has-2-columns.has-gutters .column { margin-bottom: 16px; } .ulf-about .ulf-about-section.has-2-columns.has-gutters .column:last-child { margin-bottom: 0; } .ulf-about .ulf-about-section.has-2-columns .column:nth-of-type(n) { padding-top: 16px; padding-bottom: 16px; } } @media screen and (max-width: 480px) { .ulf-about .ulf-about-section.is-feature .column { padding: 0; } .ulf-about .ulf-about-section.has-4-columns { display: block; padding-bottom: 16px; } .ulf-about .ulf-about-section.has-4-columns.has-gutters .column { margin-bottom: 16px; } .ulf-about .ulf-about-section.has-4-columns.has-gutters .column:last-child { margin-bottom: 0; } .ulf-about .ulf-about-section.has-4-columns .column:nth-of-type(n) { padding-top: 16px; padding-bottom: 16px; } } .ulf-about h1 { margin: 0 0 1em; padding: 0; font-weight: 600; color: inherit; } .ulf-about h1, .ulf-about h2, .ulf-about h3.is-larger-heading { margin-top: 0; margin-bottom: 0.5em; font-size: 2.9em; line-height: 1.2; font-weight: 400; } .ulf-about h3, .ulf-about h1.is-smaller-heading, .ulf-about h2.is-smaller-heading { margin-top: 0; font-size: 1.5em; font-weight: 700; } .ulf-about p { font-size: inherit; line-height: inherit; } .ulf-about .ulf-about-section a { color: #0a5b89; color: var(--about-accent-1); text-decoration: underline; } .ulf-about .ulf-about-section a:hover, .ulf-about .ulf-about-section a:active, .ulf-about .ulf-about-section a:focus { color: #0a5b89; color: var(--about-accent-1); text-decoration: none; } .ulf-about .wp-credits-list a { text-decoration: none; } .ulf-about .wp-credits-list a:hover, .ulf-about .wp-credits-list a:active, .ulf-about .wp-credits-list a:focus { text-decoration: underline; } .ulf-about ul { list-style: disc; margin-left: 16px; } .ulf-about img { margin: 0; max-width: 100%; vertical-align: middle; } .ulf-about .ulf-about-image { margin: 0; } .ulf-about .ulf-about-image img { max-width: 100%; width: 100%; height: auto; } .ulf-about .ulf-about-image figcaption { margin-top: 0.5em; text-align: center; } .ulf-about .ulf-about-image .wp-video { margin-left: auto; margin-right: auto; } .ulf-about .ulf-about-image-comparison { position: relative; display: inline-block; max-width: 100%; } .ulf-about .ulf-about-image-comparison img { user-select: none; width: auto; max-width: none; max-height: 100%; } .ulf-about .ulf-about-image-comparison > img { max-width: 100%; } .ulf-about .ulf-about-image-comparison-resize { position: absolute !important; /* Needed to override inline style on ResizableBox */ top: 0; bottom: 0; left: 0; width: 50%; max-width: 100%; } .ulf-about .ulf-about-image-comparison.no-js .ulf-about-image-comparison-resize { overflow: hidden; border-right: 2px solid #007cba; border-right: 2px solid var(--about-wp-admin-theme-color); } .ulf-about .ulf-about-image-comparison-resize .components-resizable-box__side-handle::before { width: 4px; right: calc(50% - 2px); transition: none; animation: none; opacity: 1; } .ulf-about .ulf-about-image + h3 { margin-top: 1.5em; } .ulf-about hr { margin: 0; height: 32px; border: none; } .ulf-about hr.is-small { height: 8px; } .ulf-about hr.is-large { height: 64px; margin: 16px auto; } .ulf-about div.updated, .ulf-about div.error, .ulf-about .notice { display: none !important; } .ulf-about .ulf-about-section { font-size: 1.2em; } .ulf-about .ulf-about-section.is-feature { font-size: 1.6em; } @media screen and (max-width: 480px) { .ulf-about .ulf-about-section.is-feature { font-size: 1.4em; } .ulf-about h1, .ulf-about h2, .ulf-about h3.is-larger-heading { font-size: 2em; } } .ulf-about .ulf-about-header { margin-bottom: 32px; padding-top: 3em; background-color: #fff4f4; background-color: var(--about-accent-1); color: #fff; color: var(--about-text); } .ulf-about .ulf-about-header-image { margin: 0 32px 3em; position: relative; } .ulf-about .ulf-about-header-image img { position: absolute; left: 0; top: 0; } .ulf-about .ulf-about-header-title { padding: 1em 0; margin: 0 32px; text-align: center; } .ulf-about .ulf-about-header-title p { margin: 0; padding: 0; font-size: 6em; line-height: 1; font-weight: 900; text-transform: uppercase; } .ulf-about .ulf-about-header-text { max-width: 25em; margin: 0 auto 4em; padding: 0 16px; font-size: 1.5em; line-height: 1.4; color: #fde4bf; color: var(--about-accent-2); text-align: center; } .ulf-about .ulf-about-header-navigation { clear: both; padding-top: 0; background: #fff; background: var(--about-nav-background); color: #00131c; color: var(--about-nav-color); border-bottom: 3px solid #fcc36f; border-bottom: 3px solid var(--about-nav-border); } .ulf-about .ulf-about-header-navigation .nav-tab { position: relative; margin-left: 0; padding: 24px 32px; font-size: 1.4em; line-height: 1; border-width: 0 0 3px; border-style: solid; border-color: transparent; background: transparent; color: inherit; } .ulf-about .ulf-about-header-navigation .nav-tab.go-pro img { position: absolute; right: -30px; bottom: -3px; } .ulf-about .ulf-about-header-navigation .nav-tab:hover, .ulf-about .ulf-about-header-navigation .nav-tab:active { background-color: #ff6d6f; background-color: var(--about-nav-current); color: #fff; color: var(--about-text-light); } .ulf-about .ulf-about-header-navigation .nav-tab-active { margin-bottom: -3px; color: #ff6d6f; color: var(--about-nav-current); border-width: 0 0 6px; border-color: #ff6d6f; border-color: var(--about-nav-current); } .ulf-about .ulf-about-header-navigation .nav-tab-active:hover, .ulf-about .ulf-about-header-navigation .nav-tab-active:active { background-color: #ff6d6f; background-color: var(--about-nav-current); color: #fff; color: var(--about-text-light); border-color: #ff6d6f; border-color: var(--about-nav-current); } @media screen and (max-width: 960px) { .ulf-about .ulf-about-header-title p { font-size: 4.8em; } } @media screen and (max-width: 782px) { .ulf-about .ulf-about-header-text { font-size: 1.4em; } .ulf-about .ulf-about-header-container { display: block; } .ulf-about .ulf-about-header-title, .ulf-about .ulf-about-header-image { margin-left: 16px; margin-right: 16px; } .ulf-about .ulf-about-header-navigation .nav-tab { margin-top: 0; margin-right: 0; padding: 24px 16px; } } @media screen and (max-width: 480px) { .ulf-about .ulf-about-header { background-image: none; } .ulf-about .ulf-about-header-title p { font-size: 2.4em; } .ulf-about .ulf-about-header-text { margin-bottom: 1em; } .ulf-about .ulf-about-header-navigation .nav-tab { float: none; display: block; margin-bottom: 0; padding: 16px 16px; border-left-width: 6px; border-bottom: none; } .ulf-about .ulf-about-header-navigation .nav-tab.go-pro img { display: none; } .ulf-about .ulf-about-header-navigation .nav-tab-active { border-bottom: none; border-left-width: 6px; } } .wp-ulike_page_wp-ulike-about, .wp-ulike-pro_page_wp-ulike-about { background: white; } .wp-ulike_page_wp-ulike-about #wpcontent, .wp-ulike-pro_page_wp-ulike-about #wpcontent { background: white; padding: 0 24px; } /** * Go Pro Page */ .wp-ulike-go-pro-page .has-1-columns, .wp-ulike-go-pro-page .has-2-columns, .wp-ulike-go-pro-page .has-3-columns, .wp-ulike-go-pro-page .has-4-columns { max-width: 1400px; margin-left: 0; margin-right: 0; } .wp-ulike-go-pro-page h1 { margin-bottom: 1em; } .wp-ulike-go-pro-page h2 { text-align: left; } .wp-ulike-go-pro-page .is-section-header { padding-top: 20px; margin-left: 20px; margin-right: 20px; } .wp-ulike-go-pro-page .wp-ulike-btn { margin-top: 5px; margin-right: 15px; } /** * Logs Page */ .wp_ulike_logs .button { line-height: 20px; } .wp_ulike_logs i { font-size: 1.9em; } .wp_ulike_logs i.wp-ulike-icons-thumb_up:before { color: #4caf50; } .wp_ulike_logs i.wp-ulike-icons-thumb_down:before { color: #f44336; }