Файловый менеджер - Редактировать - /www/wwwroot/gamenworld.store/themes/gamefancy/css/style.css
�азад
.carousel-inner{ position: relative; overflow: hidden; max-height: 260px; } .carousel-img{ object-fit: contain; object-position: center; } .game-wall{ background-color: rgba(255, 255, 255, 0.6); padding: 10px; border-radius: 5px; } .title-bar{ background-color: white; line-height: 2.5rem; border-radius: 5px; overflow: hidden; padding-right: 10px; } .title-bar .title-bg{ width: 200px; color: white; font-weight: 700; padding-left: 20px; text-transform: uppercase; background-image: url("/static/images/tophead.png"); background-repeat: no-repeat; background-position: right center; } a[class="more-btn"]{ text-decoration: none; } .game-list{ display: grid; grid-template-columns: repeat(6, minmax(150px, 300px)); grid-gap: 10px; border-radius: 5px; background-color: #e9e9e9; padding: 10px; margin-bottom: 20px; } .game-card{ background-color: aliceblue; padding: 5px; border-radius: 5px; overflow: hidden; font-size: .8rem; text-decoration: none; } .game-img > img{ width: 100%; max-width: 300px; height: 150px; border-radius: 5px; overflow: hidden; transition: .3s ease all; } .game-img > img:hover{ transform: scale(1.1); } .game-score > img{ display: inline-block; width: 100px; } .small-title{ width: 100%; line-height: 2rem; color: white; background-color: rgba(255, 255, 255, 0.15); border-radius: 5px; padding: 5px; box-shadow: 0 10px 10px -5px #3c3c3c; } @media screen and (max-width: 1200px){ .game-list{ grid-template-columns: repeat(3, 1fr); } .game-card{ font-size: .75rem; } .game-score > img{ width: 60px; } .game-img > img{ height: 100px; } } .category-games{ width: 100%; min-height: 200px; background-color: rgba(255, 255, 255, 0.5); border-radius: 15px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0,0,0,0.2); } .category-games .head{ line-height: 30px; width: 100%; overflow: hidden; padding: 10px; color: white; background-color: #004dff; text-align: center; font-weight: bold; font-size: 1.5rem } .category-games .games{ display: grid; grid-template-columns: repeat(4, minmax(150px, 300px)); grid-gap: 10px; padding: 10px; } .game-card{ color: black; background-color: aliceblue; padding: 5px; border-radius: 5px; overflow: hidden; font-size: .8rem; text-decoration: none; } .game-img > img{ width: 100%; max-width: 300px; height: 150px; border-radius: 5px; overflow: hidden; transition: .3s ease all; } .game-img > img:hover{ transform: scale(1.1); } .game-score > img{ display: inline-block; width: 100px; } .small-title{ width: 100%; line-height: 2rem; color: white; background-color: rgba(255, 255, 255, 0.15); border-radius: 5px; padding: 5px; box-shadow: 0 10px 10px -5px #3c3c3c; } @media screen and (max-width: 576px){ .game-list{ grid-template-columns: repeat(2, 1fr); } .category-games .games{ grid-template-columns: repeat(2, 1fr); } .game-card{ font-size: .75rem; } .game-score > img{ width: 60px; } } /* From Uiverse.io by AqFox */ .custom-btn { width: 150px; height: 40px; color: #fff; border-radius: 5px; padding: 10px 25px; font-family: 'Lato', sans-serif; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; font-size: 15px; } .btn-2 { background: #004dff; background: linear-gradient(0deg, #004dff 0%, #004dff 100%); border: none; } .btn-2:before { height: 0%; width: 2px; } .btn-2:hover { box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4); } .play-cover { position: relative; width: 100%; max-height: 400px; overflow: hidden; border-radius: 10px; } .game-cover { width: 100%; object-fit: cover; border-radius: 10px; transition: ease-in 0.1s; overflow: hidden; } .game-cover:hover { transform: scale(0.95); } .desc-card{ width: 100%; min-height: 200px; padding: 20px; border-radius: 10px; background-color: white; } .desc-card .label{ display: inline-block; width: 120px; text-align: right; font-weight: 800; font-size: 1.2rem; color: #cc168d; } .small-title{ width: 100%; line-height: 2rem; color: white; background-color: rgba(255, 255, 255, 0.15); border-radius: 5px; padding: 5px; box-shadow: 0 10px 10px -5px #3c3c3c; } /* From Uiverse.io by barisdogansutcu */ .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; height: 50px; padding: 0 20px; font-size: 18px; text-transform: uppercase; border: 0; box-shadow: hsl(210deg 87% 36%) 0px 7px 0px 0px; background-color: hsl(210deg 100% 44%); border-radius: 12px; overflow: hidden; transition: 31ms cubic-bezier(.5, .7, .4, 1); } .play-btn:before { content: attr(alt); display: flex; align-items: center; justify-content: center; position: absolute; inset: 0; font-size: 15px; font-weight: bold; color: white; letter-spacing: 4px; opacity: 1; } .play-btn:active { box-shadow: none; transform: translateY(7px); transition: 35ms cubic-bezier(.5, .7, .4, 1); } .play-btn:hover:before { transition: all .0s; transform: translateY(100%); opacity: 0; } .play-btn i { color: white; font-size: 15px; font-weight: bold; letter-spacing: 4px; font-style: normal; transition: all 2s ease; transform: translateY(-20px); opacity: 0; } .play-btn:hover i { transition: all .2s ease; transform: translateY(0px); opacity: 1; } .play-btn:hover i:nth-child(1) { transition-delay: 0.045s; } .play-btn:hover i:nth-child(2) { transition-delay: calc(0.045s * 3); } .play-btn:hover i:nth-child(3) { transition-delay: calc(0.045s * 4); } .play-btn:hover i:nth-child(4) { transition-delay: calc(0.045s * 5); } .play-btn:hover i:nth-child(6) { transition-delay: calc(0.045s * 6); } .play-btn:hover i:nth-child(7) { transition-delay: calc(0.045s * 7); } .play-btn:hover i:nth-child(8) { transition-delay: calc(0.045s * 8); } :root{ --page-bg-color: #d062dc; --title-color-1: #b95107; --title-color-2: #288f28; --title-color-3: rgb(96, 138, 243); --title-color-4: #613a6e; --title-color-5: rgb(227, 161, 121); --nav-link-color: #7a1959; } body{ background-color: var(--page-bg-color); min-height: 100vh; } .nav-item{ padding: 0 1rem; } .nav-link{ padding-bottom: 2px; border-bottom: 2px solid var(--nav-link-color); } .nav-item:hover{ background-color: rgb(248, 244, 244); } .nav-item:hover .nav-link{ color: white; } .ad-cover{ width: 100%; height: 260px; } .carousel-control-prev, .carousel-control-next{ background-color: #dedede; } .title-color-1{ background-color: var(--title-color-1); } .title-color-2{ background-color: var(--title-color-2); } .title-color-3{ background-color: var(--title-color-3); } .title-color-4{ background-color: var(--title-color-4); } .title-color-5{ background-color: var(--title-color-5); } .ranking{ column-count: 2; } .ranking img{ margin-bottom: 5px; width: 100%; border-radius: 5px; } footer{ margin-top: auto; color: #ccc; } /* 锚定样式 */ .anchor-ad { position: fixed; bottom: 0; left: 0; width: 100%; height: 100px; background-color: #f8f9fa; /* 更加接近 Google 常见广告的颜色 */ box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); text-align: center; line-height: 100px; font-size: 16px; color: #333; z-index: 1000; transition: transform 0.5s ease; transform: translateY(0); } .anchor-ad.ad-hidden { transform: translateY(100%); } .drawer-handle { position: absolute; top: -15px; left: 10px; width: 40px; height: 15px; background-color: #4285f4; /* Google 蓝色 */ color: #fff; text-align: center; line-height: 15px; font-size: 12px; cursor: pointer; border-radius: 10px 10px 0 0; } .top-anchor-ad { position: fixed; top: 0; left: 0; width: 100%; height: 100px; background-color: #f8f9fa; /* 更加接近 Google 常见广告的颜色 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); text-align: center; line-height: 100px; font-size: 16px; color: #333; z-index: 1000; transition: transform 0.5s ease; transform: translateY(0); } .top-anchor-ad.ad-hidden { transform: translateY(-100%); } .top-drawer-handle { position: absolute; bottom: -15px; left: 10px; width: 40px; height: 15px; background-color: #4285f4; /* Google 蓝色 */ color: #fff; text-align: center; line-height: 15px; font-size: 12px; cursor: pointer; border-radius: 0 0 10px 10px; } .anchor-ad img { margin-top: 60px; }
| ver. 1.4 |
Github
|
.
| PHP 8.0.26 | Генераци� �траницы: 0 |
proxy
|
phpinfo
|
�а�тройка