Файловый менеджер - Редактировать - /www/wwwroot/gamenworld.store/themes/gamedreamile/css/style.css
�азад
body { margin: 0px; background: #F4F1E4; font-family: "Roboto", Arial, sans-serif; } ul { padding: 0px; } ul li, a { list-style: none; text-decoration: none; } img { border: 0px; width: 100%; } .header { height: 64px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .25); background-color: #ffffff; } .headerLogo { float: left; } .headerMenu { cursor: pointer; float: right; } .headerMenu span, .headerLogo a { display: block; height: 64px; line-height: 64px; font-size: 25px; } .navUl { float: right; color: #ffffff; display: flex; height: 64px; font-size: 0; } .navLi { position: relative; vertical-align: middle; display: flex; align-items: center; margin-left: 32px; box-sizing: border-box; cursor: pointer; } .categoryNav { height: 0%; display: none; } .categoryNav .category { display: flex; flex-direction: row; flex-wrap: wrap; } .listsLi img { float: left; border-radius: 3px; margin-right: 8px; width: 50px; height: 50px; margin-left: 3px; } #searchGames::placeholder { color: black; font-size: 15px; } .gameDetail { margin-top: 100px; background: #f8f8f8; padding: 10px; display: flex; flex-direction: column; align-items: center; } .gamesBox { margin-top: 20px; } .gamesUl { display: flex; flex-direction: row; flex-wrap: wrap; } .gamesLl { width: 15.6%; margin-top: 20px; padding-right: 16px; box-sizing: border-box; background: #fff; border-radius: 6px; overflow: hidden; border-bottom: 3px solid #d4d8de; padding: 10px; margin: 5px; position: relative; } .gamesLlDiv { border-radius: 8px; overflow: hidden; text-align: center; } .gamesLlDiv img { width: 100%; height: 160px; border-radius: 8px; } .gameName { /*background-color: #ffffff;*/ display: block; text-align: center; } .leftImg { text-align: center; } .leftImg a { display: block; margin: 0 auto; } .leftImg img { width: 300px; height: 300px; margin-bottom: 20px; } .leftDescript { text-align: center; } .playNow { width: 180px; height: 40px; background-color: #293b5a; border-radius: 20px; font-family: "Roboto Slab"; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #fff; text-align: center; animation: fades infinite 1.5s; } @keyframes fades { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .mainBox p { color: #444444; } .content { max-width: 1300px; margin: 0 auto; } .clearBoth { clear: both; } @media (max-width:1300px) { .content { width: 100%; } } li, a { list-style: none; text-decoration: none; } @media (min-width:800px) { .showNav { display: block; overflow: hidden; animation: 1s 1 showNavFrames; height: 210px; background-color: #ffffff; padding: 5px 10px; margin-top: 10px; border-radius: 5px; } @keyframes showNavFrames { from { height: 0px; } to { height: 210px; } } } @media (min-width:769px) and (max-width:800px) { .listsLi { width: 45% !important; } .leftImg, .leftDescript { float: none; } .leftImg img { width: 400px; height: 400px; } .showNav { display: block; overflow: hidden; animation: 1s 1 showNavFrames; height: 270px; background-color: #ffffff; padding: 5px 10px; margin-top: 10px; border-radius: 5px; } @keyframes showNavFrames { from { height: 0px; } to { height: 270px; } } } @media (min-width:768px) and (max-width:992px) { .listsLi { width: 100% } } .menu { display: none; } @media (max-width:768px) { .l-searchs { width: 100%; margin-bottom: 20px; margin-top: 30px; justify-content: center; border-top: 1px solid #f1f1f1; padding-top: 10px; display: flex !important; } .menu { display: block !important; } .l-header { background-color: transparent !important; } .l-header { width: 80% !important; background-color: #4e535e !important; margin: auto; } .l-nav { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .listsLi { display: flex; align-items: center; justify-content: center; margin: 10px 20px !important; } .l-searchs input { border: 1px solid #2b2e34 !important; background-color: #2b2e34; color: #fff; width: 70%; } .l-searchs button { background-color: #2b2e34 !important; border: none !important; } .l-searchs .icon path { fill: #fff !important; } .l-nav a { font-family: FontAwesome; font-weight: 600 !important; color: #fff !important; } .l-search { display: none !important; } .more { padding: 5px !important; font-size: 24px !important; } .gamesLl { width: 47%; } .leftImg, .leftDescript { float: none; } .leftImg img { max-width: 400px; max-height: 400px; } footer { display: block !important; } .gamesLlDiv img { width: 100%; height: 160px; } .showNav { display: block; overflow: hidden; animation: 1s 1 showNavFrames; height: 450px; background-color: #ffffff; padding: 5px 10px; margin-top: 10px; border-radius: 5px; } @keyframes showNavFrames { from { height: 0px; } to { height: 450px; } } .leftImg { width: auto !important; } .leftDescript { width: 90%; margin: auto; } } .mainBox { padding: 10px; } #searchGames { width: 80%; margin: 10px 0px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #fff; background-color: #999999; background-clip: padding-box; border: 1px solid #6BF8FF; appearance: none; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } footer { background-color: #FFDADB; padding: 20px 0px; text-align: center; } footer .link a { font-weight: 600; color: #fff; } footer .company { color: #fff; } .gamesLlDiv a { width: 100%; height: 100%; position: relative; } .gamesLlDiv .text { position: absolute; bottom: 0; color: #fff; left: 0; font-weight: 600; font-size: 12px; display: block; display: flex; align-items: center; opacity: 0; justify-content: space-around; width: 100%; transition: all 0.3s; border-radius: 0 0 8px 8px; } .gamesLlDiv a { display: block; width: 100%; height: 100%; } .text span:nth-child(1) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xingxing { display: flex; align-items: center; } .gamesLl:hover .text { opacity: 1 !important; background-image: linear-gradient(-180deg, rgba(30, 30, 30, 0), rgba(0, 0, 0, .78) 98%); } .gamesLl:hover .gamesLlDiv { transform: scale(1.1); transition: all 0.3s; } .gamesLl:hover .HOT { left: 0 !important; top: 0 !important; } .gamesLl:hover .new { left: 0 !important; top: 0 !important; } .gamesLl:hover .svg { left: 0 !important; top: 0 !important; } .gamesLl:hover .three { left: 0 !important; top: 0 !important; } .header { width: 100%; height: 80px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); background-color: #4e535e; } .l-nav { display: flex; align-items: center; } .listsLi { display: flex; align-items: center; margin: 0 20px; } .listsLi a { color: #2F2525; } .l-header { width: 80%; display: flex; align-items: center; justify-content: space-between; margin: auto; height: 100%; color: #2F2525; font-weight: 600; font-size: 30px; } .tag { display: flex; align-items: center; flex-wrap: wrap; background-color: #fff; padding: 30px; border-radius: 10px; } .tags { max-width: 1300px; max-width: 1300px; margin: 100px auto 0; display: flex; align-items: center; flex-wrap: wrap; box-sizing: border-box; width: 100%; padding: 10px; } .tag .taglist { padding: 10px; margin: 5px; border-radius: 4px; color: #fff; cursor: pointer; font-size: 14px; transition: all 0.3s; } .gamesbox { padding: 10px; } .common_title { background-color: #26292e; padding: 10px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } .tags h3 { display: block; background-color: #26292e; padding: 10px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); width: 100%; color: #fff; font-weight: 600; font-size: 30px; } .common_title a { color: #fff; font-size: 30px; font-weight: 600; } .taglist:hover { transform: translateY(-2px); } .more { padding: 10px; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; border-radius: 8px; color: #fff; font-weight: 600; cursor: pointer; animation: gradientShift 2s linear infinite; background-color: #FFDADB; } @keyframes gradientShift { 0% { background-position: 0%; transform: scale(0.8); } 50% { background-position: 100%; transform: scale(0.9); } 100% { background-position: 0%; transform: scale(0.8); } } .common_title { display: flex; align-items: center; justify-content: space-between; } @media (max-width:768px) { .svg { top: 0 !important; left: 0 !important; } .three { top: 0 !important; left: 0 !important; } .new { left: 0 !important; top: 0 !important; } .HOT { top: 0 !important; left: 0 !important; } .m-headerlist { flex-direction: column; height: auto !important; margin-bottom: 20px !important; } .content { min-width: 100% !important; box-sizing: border-box; } .m-search input { min-width: auto !important; } .m-headerlist { width: 90% !important; } } .common_title .more { color: #fff; } .m-header { width: 100%; background-color: #FFDADB; } .m-headerlist { display: flex; width: 70%; margin: auto; align-items: center; justify-content: space-between; height: 60px; } .m-nav { width: 70%; justify-content: center; align-items: center; margin: auto; background: #FFDADB; border-radius: 6px; padding: 11px 10px; } .m-search input { font-size: 1rem; padding: 9px 25px 9px; line-height: 1; border-radius: 4px; background-color: #F4F1E4; min-width: 300px; border: 0; color: black; outline: none; } .m-search { background-color: #F4F1E4; border-radius: 8px; display: flex; align-items: center; } .m-search button { padding: 9px 25px 9px; background-color: #ece8e8; outline: none; border: none; cursor: pointer; } .content { max-width: 70%; margin-bottom: 20px; padding: 10px; } .common_title { background-color: transparent; } .common_title a:nth-child(1) { font-size: 1.885rem; text-transform: uppercase; line-height: 30px; color: #FFDADB; padding: 0; margin: 0; font-weight: 900; margin-bottom: 15px; text-shadow: 0 0 1px currentColor, /*highlight*/ -1px -1px 1px hsl(0, 33%, 98%), 0 -1px 1px hsl(195, 12%, 93%), 1px -1px 1px hsl(0, 0%, 100%), /*light shadow*/ 1px 1px 1px hsl(184, 80%, 10%), 0 1px 1px hsl(184, 80%, 10%), -1px 1px 1px hsl(184, 80%, 10%), /*outline*/ -2px -2px 1px hsl(184, 85%, 42%), -1px -2px 1px hsl(184, 81%, 55%), 0 -2px 1px hsl(184, 80%, 15%), 1px -2px 1px hsl(184, 80%, 15%), 2px -2px 1px hsl(184, 80%, 15%), 2px -1px 1px hsl(184, 80%, 15%), 2px 0 1px hsl(184, 80%, 15%), 2px 1px 1px hsl(184, 80%, 15%), -2px 0 1px hsl(184, 80%, 15%), -2px -1px 1px hsl(184, 80%, 15%), -2px 1px 1px hsl(184, 80%, 15%), /*dark shadow*/ 2px 2px 2px hsl(184, 80%, 5%), 1px 2px 2px hsl(184, 80%, 5%), 0 2px 2px hsl(184, 80%, 5%), -1px 2px 2px hsl(184, 80%, 5%), -2px 2px 2px hsl(184, 80%, 5%); text-shadow: 0 0 1px currentColor, -1px -1px 1px #ffffff, 0 -1px 1px #000, 1px -1px 1px #000, 1px 0 1px #000, 1px 1px 1px #000, 0 1px 1px #000, -1px 1px 1px #000, -1px 0 1prgb(102, 99, 89) } .gamesBox { margin: 0; } .HOT { position: absolute; top: 5px; left: 10px; font-size: .875rem; border-radius: 5px; color: #fff; line-height: 1; font-weight: 700; text-transform: uppercase; z-index: 2; background: #66CD00; padding: 3px; transition: all 0.3s; } .new { position: absolute; top: 5px; left: 10px; font-size: .875rem; border-radius: 5px; color: #fff; line-height: 1; font-weight: 700; text-transform: uppercase; z-index: 2; background: red; padding: 3px; transition: all 0.3s; } .svg { position: absolute; top: 5px; left: 10px; font-size: .875rem; border-radius: 5px; color: #fff; line-height: 1; font-weight: 700; text-transform: uppercase; z-index: 2; padding: 3px; transition: all 0.3s; } .three { position: absolute; top: 5px; left: 10px; font-size: .875rem; border-radius: 5px; color: #fff; line-height: 1; font-weight: 700; text-transform: uppercase; z-index: 2; background: rgb(236, 47, 75); padding: 3px; transition: all 0.3s; } .m-logo img { width: 200px; } .common_title { font-size: 1.385rem; text-transform: uppercase; line-height: 30px; color: #293b5a !important; padding: 0; margin: 0; font-weight: 900; margin-bottom: 15px; } .common_title { margin-top: 10px; color: #fff; font-size: 30px; } h3 { margin: 0; } .gameDetail { margin-top: 20px; } /* 锚定样式 */ .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
|
�а�тройка