File manager - Edit - /home/vblioqus/y999-game.pro/wp-content/themes/stcustom-6-new/style.css
Back
/* Theme Name: Custom App Theme Author URI: https://stylothemes.com Description: Custom WordPress Theme For Apps Download website (Version 6) Version: 1.1.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: stcustom Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&family=Roboto:wght@400;500;700;900&display=swap'); /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Roboto', sans-serif; -webkit-appearance: none !important; } body { margin: 0; padding-top: 80px; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: 'Roboto', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Roboto', sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Roboto', sans-serif; } p { margin-bottom: 1.5em; font-family: 'Roboto', sans-serif; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #ffffff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } @media all and (max-width: 768px) { body { padding-top: 70px; } } @media all and (min-width: 1400px) { .container { width: 1370px; } } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } textarea { width: 100%; } /*-------------------------------------------------------------- # Margins and Paddings --------------------------------------------------------------*/ .pl-0 {padding-left: 0 !important} .pr-0 {padding-right: 0 !important} .pt-0 {padding-top: 0 !important} .pb-0 {padding-bottom: 0 !important} .pl-5 {padding-left: 5px !important} .pr-5 {padding-right: 5px !important} .pt-5 {padding-top: 5px !important} .pb-5 {padding-bottom: 5px !important} .pl-10 {padding-left: 10px !important} .pr-10 {padding-right: 10px !important} .pt-10 {padding-top: 10px !important} .pb-10 {padding-bottom: 10px !important} .pl-15 {padding-left: 15px !important} .pr-15 {padding-right: 15px !important} .pt-15 {padding-top: 15px !important} .pb-15 {padding-bottom: 15px !important} .pl-20 {padding-left: 20px !important} .pr-20 {padding-right: 20px !important} .pt-20 {padding-top: 20px !important} .pb-20 {padding-bottom: 20px !important} .ml-0 {margin-left: 0 !important} .mr-0 {margin-right: 0 !important} .mt-0 {margin-top: 0 !important} .mb-0 {margin-bottom: 0 !important} .ml-5 {margin-left: 5px !important} .mr-5 {margin-right: 5px !important} .mt-5 {margin-top: 5px !important} .mb-5 {margin-bottom: 5px !important} .ml-10 {margin-left: 10px !important} .mr-10 {margin-right: 10px !important} .mt-10 {margin-top: 10px !important} .mb-10 {margin-bottom: 10px !important} .ml-20 {margin-left: 20px !important} .mr-20 {margin-right: 20px !important} .mt-20 {margin-top: 20px !important} .mb-20 {margin-bottom: 20px !important} @media all and (max-width: 990px) { .pl-sm-0 {padding-left: 0 !important} .pr-sm-0 {padding-right: 0 !important} .pt-sm-0 {padding-top: 0 !important} .pb-sm-0 {padding-bottom: 0 !important} } @media all and (max-width: 768px) { .pl-xs-0 {padding-left: 0 !important} .pr-xs-0 {padding-right: 0 !important} .pt-xs-0 {padding-top: 0 !important} .pb-xs-0 {padding-bottom: 0 !important} } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #00A6ED; font-family: 'Roboto', sans-serif; } a:visited { color: #333333; } a:hover, a:focus, a:active { color: #00A6ED; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .site-header { height: 70px; background: #ffffff; position: fixed; width: 100%; z-index: 999; border-bottom: 1px solid #dddddd; top: 0; } .desktop-header, .mobile-header { height: 70px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.22); background-color: #00ced1; padding: 10px 0; } .mobile-header { height: 75px; } .site-header .container { height: 100%; position: relative; } .site-branding , .nav-col, .search-col { height: 100%; } .site-branding { padding-top: 0px; padding-bottom: 0px; color: #fff; text-align: left; } .site-branding a { color: yellow; display: inline-block; height: 100%; padding-top: 10px; } .desktop-header .site-branding a { padding-top: 10px; } .site-branding a img { max-height: 100%; } .header-search { background: transparent; font-size: 30px; color: #fff; line-height: 60px; } .header-search a { color: #ffffff; line-height: 0; } .header-search-box { position: absolute; top: 60px; left: 0; width: 100%; padding: 10px; background: #fff; margin-top: 1px; z-index: 9999; display: none; } .header-search-box .input-group { width: 100%; } .header-search-box .searchinput { width: 100%; border-radius: 0px; padding: 10px; font-size: 16px; height: 40px; } .header-search-box button { position: absolute; top: 0px; right: 0px; font-size: 16px; background: #1FBDC4; color: #ffffff; border: none; height: 40px; border-radius: 0; } .search-col .searchform, .search-col .searchform > div { display: block; height: 100%; } .search-col .searchform .input-group { height: 40px; margin: 10px 0; width: 100%; position: relative; } .search-col .searchform .input-group .searchinput { width: 100%; height: 40px; padding: 10px 40px 10px 15px; font-size: 14px; border-radius: 10px; } .search-col .searchform .input-group .searchinput:focus { border-color: yellow; box-shadow: none; outline: none; } .search-col .searchform .input-group button { position: absolute; top: 50%; right: 0; height: 40px; margin-top: -20px; background: transparent; border: none; font-size: 16px; padding: 0 15px; } .social-icons-header { margin: 0; padding: 0; list-style: none; display: block; width: 100%; text-align: right; } .social-icons-header li { display: inline-block; } .social-icons-header li a { display: inline-block; color: #ffffff; font-size: 28px; padding: 10px; margin: 0 10px; } .social-icons-header li:last-child a { margin-right: 0; } @media all and (max-width: 768px) { .site-header { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 60px; } } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation ul { list-style: none; margin: 0; padding: 0; text-align: left; } .main-navigation ul li { display: inline-block; } .main-navigation ul li a { display: block; padding: 10px 20px; font-size: 20px; color: #ffffff; font-weight: bold; } .main-navigation ul li a > span { margin-left: 5px; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } #toggleNav { font-size: 30px; color: #ffffff; max-width: 80px; line-height: 60px; } @media all and (max-width: 768px) { #content { padding: 10px; } .mobile-menu { display: none; } #mobile-navigation { padding: 10px; background-color: #000000; } #mobile-navigation li { width: 100%; } #mobile-navigation li a { color: #ffffff; text-align: center; border-bottom: 1px solid #333333; } #mobile-navigation li:last-child a { border-bottom: none; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .site-main .page-header { margin-top: 0; } .home-search-apps { height: 450px; background: #a0a0a0; } .home-apps-block { margin-top: 20px !important; } .home-apps-block, .featured-app-block, .archive-main, .search-main, .blog-posts-block { margin: 0 0 1.5em; background: #fff; } .home-apps-block .block-body, .featured-app-block .block-body, .archive-main, .search-main, .download-page-content, .home-apps-block { border-radius: 0px; } .home-apps-block .block-header, .blog-posts-block .block-header { padding: 15px; background-color: #34706d; border-radius: 10px; } .home-apps-block .block-header h2, .blog-posts-block .block-header h2 { font-size: 22px; margin-bottom: 20px !important; text-align: center; margin: 0 !important; text-transform: uppercase; font-weight: bold; color: #ffffff; } .home-apps-block .block-header h2 span, .blog-posts-block .block-header h2 span { color: yellow; } .home-apps-block .block-header h2 .see-more-cat { float: right; color: #ffffff; } .download-page-content { padding: 50px 20px; text-align: center; } .relted-apps-row { margin-top: 50px; } .home-footer-textarea { margin-bottom: 30px; text-align: left; font-size: 14px; font-weight: 300; color: #777777; } .similar-apps-block { padding: 20px; border-radius: 5px; } .similar-apps-block, .post-content, .post-banner, .search-content { background: #fff; } .similar-apps-block .block-body, .news-container { padding: 10px; } .post-block { margin-bottom: 20px; } .app-block .app-block-inner, .post-block .post-block-inner { border: 2px solid #ededed; height: auto; overflow: hidden; padding: 15px 5px; transition: 0.3s all; width: 100%; max-width: 350px; margin: 0 auto; text-align: center; border-radius: 5px; height: 100%; } .post-block .post-block-inner { max-width: 100%; height: 100%; } .app-block .app-block-inner:hover, .post-block .post-block-inner:hover { border-color: red; border-radius: 10px; } .app-block .app-block-inner .kksr-legend { display: none; } .app-block .app-block-inner .app-thumbnail, .post-block .post-block-inner .post-thumbnail { background: #ffffff; } .app-block .app-block-inner .app-thumbnail > a, .post-block .post-block-inner .post-thumbnail > a{ display: block; position: relative; z-index: 10; width: 100%; height: 100%; } .post-block .post-block-inner .post-thumbnail { margin-bottom: 15px; } .app-block .app-block-inner .app-thumbnail img { max-width: 150px; border-radius: 15px; } .post-block .post-block-inner .post-thumbnail img { max-width: 100%; } .app-block .app-block-inner .app-info, .post-block .post-block-inner .post-info { text-align: center; } .app-block .app-block-inner .app-info a, .search-app-block .app-info a, .post-block .post-block-inner .post-info a{ color: #555555; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 16px; } .app-block .app-block-inner .app-meta { color: #555555; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; } .app-block .app-block-inner .app-meta span { margin: 0 5px; } .search-app-block .app-info p { font-size: 14px; } .post-banner { padding: 5px; } .archive-main .page-header, .search-header, .search-main .page-header { margin: 0; padding: 20px 15px; background: #fbfbfb; font-size: 18px; display: block; border-bottom: 1px solid #e8e8e8; } .block-toggle { text-align: center; font-size: 18px; border-bottom: 1px solid #e8e8e8; } .block-toggle .tab { display: inline-block; padding: 15px 20px 20px 20px; color: #333333; font-weight: 600; font-size: 16px; } .block-toggle .tab.active { border-bottom: 3px solid #1FBDC4; } .block-head { margin-bottom: 20px; } .block-head h3, .archive-main .page-header h3, .search-header h1, .search-main .page-header h1 { margin: 0 0 15px 0; line-height: 1; clear: both; width: 100%; font-weight: 600; } .search-header h1 { font-size: 22px; font-weight: 300; color: #666666; text-transform: uppercase; } .block-head h3 .title-text { font-size: 20px; text-transform: uppercase; display: inline-block; } .block-head-more { font-size: 14px; font-weight: 600; padding: 10px 20px; color: #333333; border: 2px solid #ddd; float: right; } .block-head .more-btn { font-size: 14px; } .block-head .more-btn i { font-size: 12px; } .block-body, .apps-container { padding: 10px; background: #ffffff; } .block-body .tab-content { display: none; } .block-body .tab-content.active { display: block; } .app-block .app-info { position: relative; } .app-block .app-thumbnail img { width: 100%; } .app-block .app-info .app-title, .app-title-large { width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; color: #444444; display: inline-block; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Roboto', sans-serif; margin-top: 10px; } .app-block .app-info .app-info-row { display: inline-block; width: 100%; padding: 1px; color: #777777; font-size: 12px; } .app-block .app-info .app-download-link { font-size: 14px; } .app-block .app-info .app-info-row.app-rating .glsr-summary [class*=glsr-star-] { width: 16px !important; height: 16px !important; background-size: 14px !important; } .app-block .app-info .app-info-row.app-rating .glsr-summary { margin-bottom: 1px !important; } #apps24body, #appsLUbody, #appsUpdatedBody, #appsWidgetBody { display: none; } .app-block .app-info .app-icon { display: inline-block; width: 80px; padding: 3px; background: #f0f0f0; border-radius: 5px; margin-top: -10px; } .app-block .app-info .app-icon img { width: 100%; } .block-tabs a { display: inline-block; padding: 12px 30px; color: #666; font-weight: 300; font-size: 14px; margin-bottom: -1px; } .block-tabs a.active, .block-tabs a:hover { background: #fff; border-top: 3px solid #78B943; text-decoration: none; } .block-tabs a.active { border-right: solid 1px #f2f2f2; border-left: solid 1px #f2f2f2; } .app-screenshots { height: 400px; width: 100%; text-align:left; white-space: nowrap; overflow-y:hidden; } .app-screenshots .screenshot { display: inline-block; margin-right: 10px; height: 95%; } .app-screenshots .screenshot img { height: 100%; } .app-download-btn { padding: 10px 30px; color: #fff !important; background: #78B943; font-size: 14px; } .download-btn-row { margin-top: 10px; } .download-btn-small { color: #fff !important; background: transparent; font-size: 12px !important; padding: 5px 15px; border-radius: 5px; font-weight: 300 !important; text-align: center; } .download-btn-small:hover { text-decoration: none; } .app-block .download-btn { background-color: #34706d; padding: 10px 20px !important; color: #fff !important; margin-top: 10px; border-radius: 10px; display: block; font-size: 14px !important; } .app-block:hover .download-btn-small { background: #1FBDC4; display: inline-block; } .app-download-btn:hover { text-decoration: none; color: #fff; } .featured-app-block .app-block:hover { background: transparent; } .app-title-large { color: #666666; font-size: 30px; height: 35px; } .app-title-large:hover { text-decoration: none; } #appScreenshots { height: 300px; position: relative; overflow: hidden; } #appScreenshots .owl-item, #appScreenshots .owl-item .fapp-slide-thumb { height: 100%; } #appScreenshots .owl-item img { height: 100%; } @media screen and (max-width: 768px) { .featured-heading-row h1 { font-size: 24px; } .featured-heading-row h4 { font-size: 16px; } .featured-search-row { padding: 5px; } .app-block .app-block-inner .app-info { text-align: center; padding: 0; } .app-block .app-block-inner .app-info .app-title { margin-top: 5px; } .home .container { padding-left: 0 !important; padding-right: 0 !important; } } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .single-app-page { max-width: 1130px; } #breadcrumbs{ list-style:none; margin:0; overflow:hidden; padding-left: 0; } #breadcrumbs li{ display:inline-block; vertical-align:middle; margin-right:15px; } #breadcrumbs .separator{ font-size:18px; font-weight:100; color:#ccc; } .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .post-main { margin-bottom: 20px; } .box-shadow { box-shadow: 0px 0px 3px #ddd; border-radius: 5px; } .blog-post-inner { padding: 10px; background: #fff; text-align: center; height: 100%; } .blog-post-inner p { font-size: 12px; } .post-breadcrumbs { padding: 10px 20px; font-size: 13px; border: 1px solid #f0f0f0; margin-bottom: 10px; } .page-main .post-breadcrumbs { margin-top: -20px; } .post-breadcrumbs a, .post-breadcrumbs i { color: #777 !important; } .post-sharing-single { text-align: center; padding: 10px; background: #ddd; } .at-style-responsive .at-share-btn { margin-bottom: 0 !important; } .single-app-header { padding-bottom: 10px; } .single-news-header { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; } .app-icon-single { padding: 10px 10px;; background: #ffffff; text-align: center; } .app-icon-single img { max-width: 90%; } .app-title-single { padding: 20px 10px; text-align: left; } .post-title-single h1{ font-size: 32px; font-weight: bold; } .app-title-single h1 { margin: 0; font-size: 30px; font-weight: bold; } .app-title-single .app-category { font-size: 16px; color: #00D578; } .app-title-single .app-category i { margin-right: 5px; font-size: 18px; position: relative; top: 3px; } .app-title-single .app-category .cat-links { color: #ffffff; } .app-title-single .app-category .cat-links a:first-child { display: none; } .app-title-single .app-trusted-label { font-size: 16px; } .app-title-single .app-trusted-label i { color: green; } .single-app-rating .glsr-summary .glsr-summary-rating, .single-app-rating .glsr-summary .glsr-review-rating, .single-app-rating .glsr-summary .glsr-summary-text { display: inline-block; float: left !important; } .single-app-rating .glsr-summary .glsr-summary-text { padding-top: 0px; font-weight: bold; font-size: 20px; } .single-app-info { background: #fff; padding: 0; } .app-header-row { padding-bottom: 0px; border: 1px solid #f0f0f0; } .app-info-row.bottom-row { border: none; } .app-info-box { text-align: left; font-size: 12px; padding-top: 10px; padding-bottom: 10px; border-left: none; vertical-align: middle; padding-left: 0px; padding-right: 0px; } .app-info-box-inner { border: 1px solid #f0f0f0; padding: 10px 20px; } .app-info-box a { color: #00A6ED; } .app-info-box label { width: 100%; font-size: 14px; font-family: 'Roboto', sans-serif; text-transform: capitalize; font-weight: 600 !important; } .app-info-box img { max-width: 60%; } .post-info-box { font-size: 14px; display: inline-block; margin-right: 10px; } .single-app-info.compact { padding: 0; background: #fff; } .single-app-info-row { position: relative; } .single-app-info-row:last-child { border-bottom: none; } .single-app-info.compact .single-app-info-row span { font-size: 13px; } .single-app-info-row.bottom-row { border: none; } .bottom-row .single-app-info-row .app-info-box { border: 1px solid #f0f0f0; } .single-app-info-row label { font-weight: 500; margin-bottom: 5px; color: #333333; } .single-app-info-flex { display: flex; } .single-app-info-flex .single-app-info-col { flex: 1; } .single-app-info-flex .single-app-info-col span { display: inline-block; width: 100%; clear: both; padding: 5px; font-size: 14px; } .single-app-info-flex .single-app-info-col span .cat-links { padding: 0; } .single-app-info-flex .single-app-info-col .single-app-info-label { font-weight: bold; } .single-app-info-flex .single-app-info-col .single-app-info-text img { max-width: 150px; } .single-app-info-flex .single-app-info-col .single-app-info-text a { color: #79b84a; } .post-extra-info { border: 1px solid #f0f0f0; } .post-extra-info.sharing-row { background-color: #f0f0f0; } .post-extra-info .post-extra-col { padding-top: 10px; padding-bottom: 10px; font-size: 16px; } .post-extra-info .post-extra-col > i { margin-right: 5px; } #shareBox { background-color: #f0f0f0; border-radius: 5px; width: 100%; } #closeShareBox { display: inline-block; width: 25px; height: 25px; text-align: center; font-size: 18px; line-height: 25px; border-radius: 5px; background-color: red; color: #ffffff; position: absolute; right: -5px; top: -5px; } .social-sharing { margin: 0; padding: 0; list-style: none; display: block; width: 100%; height: 100%; text-align: center; } .social-sharing li { display: inline-block; } .social-sharing li a { display: inline-block; text-align: center; font-size: 22px; color: #FFFFFF; width: 40px; height: 40px; border-radius: 5px; line-height: 40px; margin: 0 5px; } .social-sharing li a.fb-icon {background-color: #3b5998;} .social-sharing li a.tw-icon {background-color: #55acee;} .social-sharing li a.wa-icon {background-color: #25d366;} .social-sharing li a.in-icon {background-color: #2a7ab9;} .social-sharing li a.pin-icon {background-color: #ca2028;} .social-sharing li a.rd-icon {background-color: #ff4500;} .social-sharing li a.em-icon {background-color: #222222; line-height: 34px;} .star-rating-block { display: inline-block; font-size: 20px; } .star-rating-block .gdrts-stars-current, .star-rating-block .gdrts-stars-active { font-size: 20px !important; } .star-rating-block .gdrts-block-stars, .star-rating-block .gdrts-rating-text { float: left; } .star-rating-block .gdrts-rating-text { margin-left: 10px; font-size: 14px; } .rating-block-label { float: left; margin-top: 5px; } .star-rating-block .gdrts-rating-block, .gdrts-rating-block.gdrts-align-left .gdrts-inner-wrapper { margin: 5px 0 0 0 !important; } .download-btn-single { background: #34706d; line-height: 60px; height: 60px; color: white !important; padding: 0 22px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 10px; text-align: center; font-size: 20px; font-weight: 600; border: none; position: relative; } .download-btn-single .dl-btn-file-size { position: absolute; top: 0; right: 0; height: 100%; background-color: rgba(0, 0, 0, 0.22); border-radius: 10px; padding: 0 20px; } .post-main .review-form .glsr-field .button { background-color: #78B943; display: block; margin: 0 auto; color: #fff; font-size: 24px; line-height: 25px; padding: 20px 0; width: 60%; position: relative; border-radius: 4px; text-shadow: 0 0 5px rgba(0, 0, 0, .49); transition: all .3s ease-in-out; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; } .single-app-download-cache a { background-color: #C32424; display: block; color: #fff; font-size: 13px!important; line-height: 15px; padding: 5px; text-shadow: 0 0 5px rgba(0, 0, 0, .49); position: relative; padding: 15px 10px !important; width: 80%; margin: 0 auto; text-align: center; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: 300; transition: all .3s ease-in-out; } .single-app-download-cache.torrent-link a { background-color: #00A24C; } .single-app-download a:hover { text-decoration: none; background-color: rgb(166, 224, 99); } .single-app-download-cache a:hover { background-color: #CA5A5A; } .single-app-download a:hover { text-decoration: none; } .post-main .review-form, .post-main .user-reviews, .page-main, .download-post-row { padding: 20px; background: #ffffff; } .download-post-row { box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15); } .news-post { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; } .news-thumb { position: relative; } .news-detail-thumb img, .news-thumb img { width: 100%; } .news-thumb .news-meta { position: absolute; display: inline-block; padding: 5px; background: rgba(0, 0, 0, .8); color: #fff; left: 0; bottom: 0; } .news-detail-row h1 { font-size: 28px; margin-top: 0; } .news-detail-row h1 a { color: #333333; font-weight: normal; font-family: 'Roboto', sans-serif; } .news-detail-title h1 { font-size: 32px; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-weight: normal; padding-left: 5px; } .news-detail-row h5 { font-size: 17px; font-weight: 300; } .news-detail-meta { color: #666666; font-size: 14px; font-weight: 300; } @keyframes blink { /** * At the start of the animation the dot * has an opacity of .2 */ 0% { opacity: .2; } /** * At 20% the dot is fully visible and * then fades out slowly */ 20% { opacity: 1; } /** * Until it reaches an opacity of .2 and * the animation can start again */ 100% { opacity: .2; } } .download-post-row h1 { font-size: 40px; margin-bottom: 10px; } .download-post-row h1 span { /** * Use the blink animation, which is defined above */ animation-name: blink; /** * The animation should take 1.4 seconds */ animation-duration: 1.4s; /** * It will repeat itself forever */ animation-iteration-count: infinite; /** * This makes sure that the starting style (opacity: .2) * of the animation is applied before the animation starts. * Otherwise we would see a short flash or would have * to set the default styling of the dots to the same * as the animation. Same applies for the ending styles. */ animation-fill-mode: both; } .download-post-row h1 span:nth-child(2) { /** * Starts the animation of the third dot * with a delay of .2s, otherwise all dots * would animate at the same time */ animation-delay: .2s; } .download-post-row h1 span:nth-child(3) { /** * Starts the animation of the third dot * with a delay of .4s, otherwise all dots * would animate at the same time */ animation-delay: .4s; } .dl-page-head-icon { color: #1FBDC4; font-size: 28px; } .dl-page-heading { font-weight: 600; } .download-desc-row { font-size: 14px; } .page-content { padding: 10px 20px; } .post-content .entry-footer { border-top: 1px solid #f0f0f0; padding-top: 10px; } .reviewFormToggleBtn { padding: 15px; text-align: center; display: inline-block; width: 100%; font-size: 18px; background: #78B943; color: #fff !important; } .reviewFormToggleBtn:hover { text-decoration: none; color: #fff; background: #2c985d; } .review-form-body { display: none; } .post-main .review-form .glsr-field label { font-size: 14px; } .post-main .review-form .glsr-field .regular-text, .post-main .review-form .glsr-field .large-text { width: 100%; font-size: 14px; padding: 10px; } .post-main .user-reviews .glsr-review { position: relative; } .review-data-head .review-author { float: left; width: 100px; height: 100px; text-align: center; background: #f8f8f8; border-radius: 50%; } .review-data-head .review-author .glsr-review-avatar, .review-data-head .review-author .glsr-review-author { display: inline-block; width: 100%; float: none !important; clear: both; } .review-data-head .review-author .glsr-review-avatar { margin: 20px 0 0 0; } .review-data-head .review-author .glsr-review-author { padding: 0 10px; } .review-data-head .review-meta-info { float: left; margin-left: 15px; } .review-data-head .review-meta-info .glsr-review-title { margin-top: 15px; } .post-main .user-reviews .glsr-review-excerpt { float: none; clear: both; margin-left: 120px; font-size: 14px; padding: 20px 10px 15px 20px; background: #f8f8f8; border-radius: 10px; position: relative; } /* Right triangle, left side slightly down */ .post-main .user-reviews .glsr-review-excerpt:before { content: ' '; position: absolute; width: 0; height: 0; left: -30px; right: auto; top: 15px; bottom: auto; border: 15px solid; border-color: #f8f8f8 #f8f8f8 transparent transparent; } .single .entry-content { padding: 20px; margin-top: 0 !important; border: 1px solid #ededed; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; font-size: 14px; padding: 10px; } .page-content a, .entry-content a, .entry-summary a { color: dodgerblue; } .page-links { clear: both; margin: 0 0 1.5em; } .pagination { width: 100%; clear: both; margin: 0; padding: 10px; background: #fbfbfb; } .pagination ul { width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; } .pagination ul li { display: inline-block; } .pagination ul li a { padding: 10px 15px; color: #333; background: #dddddd; } .pagination ul li .current { display: inline-block; padding: 10px 15px; color: #fff; } .pagination ul li .current, .pagination ul li a:hover { background: #78B943; color: #fff; } .pagination-row .page-numbers { display: inline-block; padding: 5px 10px; border: 2px solid #dddddd; border-radius: 5px; margin: 0 2px; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 600; color: #666666; } .pagination-row .page-numbers.current, .pagination-row .page-numbers:hover { background-color: #dddddd; color: #333333; } @media all and (max-width: 990px) { .app-info-box { padding-left: 5px; padding-right: 5px; } } @media all and (max-width: 768px) { .post-main { padding-right: 0; } .content-area { padding: 0; } .single-app-info-row label { width: auto; float: left; margin: 0; } .single-app-download { padding: 0px; } .single-app-download a, .post-main .review-form .glsr-field .button { font-size: 14px; font-weight: normal; width: 100%; } .download-btn-single { font-size: 20px; text-align: center; } .download-btn-single .dl-btn-file-size { padding: 0 10px; } .app-info-box { padding: 5px; } .app-info-box label { width: 100%; } .app-info-box img { max-width: 100px; } .blocks-col { padding: 0 !important; } .home-apps-block .block-body, .featured-app-block .block-body, .archive-main, .search-main, .download-page-content { padding: 0 !important; box-shadow: none !important; } .app-block, .sidebar-col, .owl-item .app-thumbnail, .owl-item .app-info { padding: 0 !important; } .app-block .app-block-inner { padding: 10px; border-radius: 16px; } .block-toggle { border-top: 1px solid #e8e8e8; } .block-head h3 { font-size: 18px; } .block-head h3 span { position: relative; top: 5px; } .similar-apps-block, .similar-apps-block .block-body { padding: 0 !important; } .single .entry-content { padding: 0 10px 10px 10px; margin-top: 0 !important; } .yasr-total-average-container { display: block !important; } .post-title-single h1{ font-size: 20px; font-weight: bold; } } .comments-area { padding: 10px 30px; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-respond { padding: 10px; } .comments-title { margin-bottom: 20px; text-align: center; } .comment-list { margin: 0; padding-left: 0; } .comment-list li { padding: 20px; border: 1px solid #ededed; margin-bottom: 20px; position: relative; border-radius: 10px; } .comment-list .children li { margin-bottom: 10px; } .comment-meta { display: flex; line-height: 40px; } .comment-metadata { margin-left: 10px; font-size: 12px; } .comment-author.vcard img { border-radius: 50%; position: absolute; top: 64px; left: -30px; border: 2px solid #ededed; } .comment-author .says { display: none; } .comment-content { padding: 20px 20px 20px 30px; font-size: 20px; background: #f6f6f6; border-radius: 10px; } .comment-content p { margin-bottom: 0; } .comment-list li .reply { text-align: right; margin-bottom: 0px; font-size: 12px; } .comment-list li .reply a { position: relative; top: -25px; right: 10px; } .comment-respond .submit { padding: 10px 30px; font-size: 18px; color: #fff; background: #059E97; border: 2px solid #059E97; transition: 0.5s all; } .comment-respond .submit:hover { background: rgb(5, 141, 134); border: 2px solid rgb(5, 141, 134); } .comment-form p label { width: 100%; } @media all and (max-width: 768px) { .comments-area { padding: 10px 0 !important; } .comment-list { padding-left: 20px; } .comment-list .children { margin-left: 0; padding-left: 15px; } .comment-meta { line-height: 1; margin-bottom: 10px; } .comment-author.vcard { line-height: 1; font-size: 16px; } .comment-author.vcard img { top: 52px; } .comments-title { font-size: 20px; } } @media all and (max-width: 1400px) { .comment-list { padding-left: 20px; } } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; background: #fff; padding: 10px 10px 20px 10px; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.15); border-radius: 5px; } .widget_media_image { text-align: center; } .banner-widget { text-align: center; } .banner-widget img, .banner-widget-img { width: 100%; } .banner-widget-img { margin-top: 10px; } .widget ul { list-style: none; margin: 0 0 0 10px; padding: 0; } .widget .widget-title, .widget-apps-block .block-head { margin: 0 0 15px 0; padding: 10px 20px 20px 20px; font-size: 18px; margin-left: -10px; margin-right: -10px; display: block; border-bottom: 1px solid #e8e8e8; } .home-footer-textarea .widget-title { font-size: 28px; } .widget-apps-block .block-head h3 { font-size: 18px; color: #666666; } .widget-apps-block .block-body { padding: 0; } .widget-apps-block .app-block { border: none !important; border-bottom: 1px solid #f0f0f0 !important; margin-bottom: 0; position: relative; } .widget-apps-block .app-block .download-btn-small { left: 90px; bottom: 15px; } .widget-app-label span { margin-top: 20px; display: inline-block; padding: 5px 10px; background: #e7e7e7; color: #666666; font-weight: bold; font-size: 13px; } .widget-apps-block .app-block:first-child .widget-app-label span { background: #de2630; color: #fff; } .widget-apps-block .app-block:nth-child(2) .widget-app-label span { background: #f37431; color: #fff; } .widget-apps-block .app-block:nth-child(3) .widget-app-label span { background: orange; color: #fff; } #popular-cats-menu { margin: 0; } #popular-cats-menu li { display: inline-block; width: 50%; float: left; padding: 5px; } #popular-cats-menu li a { display: inline-block; width: 100%; padding: 10px; color: #333333; font-size: 13px; } #popular-cats-menu li a:hover { text-decoration: none; color: #38baf9; } #popular-cats-menu li a i { display: inline-block; width: 35px; height: 35px; border: 2px solid #f0f0f0; text-align: center; line-height: 30px; border-radius: 50%; font-size: 16px; } #popular-cats-menu li a span { display: inline-block; margin-left: 5px; } #popular-cats-menu li.orange a i {background: orange; color: #fff} #popular-cats-menu li.green a i {background: #32cc7a; color: #fff} #popular-cats-menu li.blue a i {background: #38baf9; color: #fff} #popular-cats-menu li.pink a i {background: #f87a97; color: #fff} #popular-cats-menu li.purple a i {background: #851bc5; color: #fff} #popular-cats-menu li.brown a i {background: #724024; color: #fff} #popular-cats-menu li.red a i {background: #bd0711; color: #fff} /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-form .submit { background: red; line-height: 48px; height: 48px; color: white; padding: 0 22px; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 3px; text-align: center; font-size: 14px; font-weight: 600; border: none; } .comment-form .submit:hover { background-color: #1888c5; border: none; } .comment-form-url { display: none; } .comment-form-field-input { padding: 10px !important; font-size: 14px; } .comment-form-email .comment-form-field-input, .comment-form-author .comment-form-field-input { width: 50%; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33333%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66667%; } .gallery-columns-7 .gallery-item { max-width: 14.28571%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11111%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .site-footer { text-align: center; background-color: #f0f0f0; } #footer-menu { display: inline-block; margin: 0; padding: 0; list-style: none; } #footer-menu li { display: inline-block; } #footer-menu li a { padding: 15px 15px; font-size: 12px; font-weight: 600 !important; color: #333; display: block; text-transform: uppercase; text-shadow: none; border-right: 1px solid #dddddd; } #footer-menu li:last-child a { border: none; } .site-info { font-size: 12px; background: #ffffff; } .site-info p { margin-bottom: 0; display: inline-block; color: #333333; } .site-info ul { list-style: none; margin: 0 0 0 20px; padding: 0; display: inline-block; } .site-info ul li { display: inline-block; } .site-info ul li a { color: #333333; display: inline-block; padding: 0 10px; border-left: 1px solid #cccccc; } /* Homepage App Grid */ .app-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; padding: 20px; } .app-card { background: #fff; border-radius: 16px; padding: 15px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.2s ease; position: relative; } .app-card:hover { transform: translateY(-5px); } .app-icon img { width: 80px; height: 80px; border-radius: 20%; margin-bottom: 10px; } .app-label { position: absolute; top: 10px; left: 10px; background: #eee; color: #333; font-size: 12px; font-weight: bold; padding: 2px 8px; border-radius: 10px; } .app-title { font-size: 18px; margin: 8px 0 4px; color: #222; } .app-title a { text-decoration: none; color: inherit; } .app-category { font-size: 14px; color: #28a745; margin-bottom: 10px; } .app-meta { display: flex; justify-content: space-around; font-size: 13px; color: #555; } .meta-item { display: flex; align-items: center; }
| ver. 1.4 |
Github
|
.
| PHP 8.2.30 | Generation time: 0.2 |
proxy
|
phpinfo
|
Settings