Файловый менеджер - Редактировать - /www/wwwroot/gamenworld.store/themes/wallpaper/css/style.css
�азад
* { padding: 0px; margin: 0px; font-size: 15px; } input, textarea, button { outline: none; border: none; } ul, ol { list-style: none; } a { color: #333; text-decoration: none; } .public { height: 100%; } body { background: #f4f4f4 ; } .header { position: fixed ; top: 0px ; left: 0px ; z-index: 999 ; width: 100% ; } .nav_Top { width: 100%; height: 62px; background: #FFF ; } .nav_Top .out { display: flex; justify-content: space-between; height: 100%; padding: 0px 2% ; box-sizing: border-box ; } .nav_Top .out .right { display: flex; align-items: center; height: 100%; } .nav_Top .out .right a { font-size: 14px; color: #999; } .nav_Top .out .right .zhuce { margin-left: 14px; padding: 0px 11px; height: 32px; background: #3cb46e; display: flex; align-items: center; justify-content: center; color: #fff; } .nav_Top .out .left { display: flex; align-items: center; height: 100%; width: 82%; } .nav_Top .out .left .logo { display: block; margin-right: 20px; height: 100%; } .nav_Top .out .left .logo img { display: block; height: 100%; object-fit: contain } .nav_Top .out .left form { width: 50%; height: 40px; background: #eee; border-radius: 20px; overflow: hidden; box-sizing: border-box; position: relative; padding-right: 20px ; margin-right: 50px ; } .nav_Top .out .left form input { width: 100%; height: 100%; background: none; padding: 0px 45px 0px 20px; box-sizing: border-box ; font-size: 14px ; } .nav_Top .out .left form button { width: 40px ; height: 40px ; display: flex ; align-items: center ; justify-content: center ; position: absolute ; top: 0px ; right: 10px ; background: none ; border: none ; cursor: pointer; } .nav_Top .out .left form button img { width: 100% ; height: 100% ; object-fit: contain ; transform: scale(0.5); } .nav_Top .out .left .text_out { display: flex ; align-items: center ; } .nav_Top .out .left .text_out .box { margin-right: 30px ; } .nav_Top .out .left .text_out .box:last-child { margin-right: 0px ; } .nav_Top .out .left .text_out .box a { color: #333 ; font-size: 14px ; display: flex ; align-items: center ; justify-content: center ; } .nav_Top .out .left .text_out .VipBox a { color: #e6b87c ; } .nav_Top .out .left .text_out .box a img { width: 18px ; } .nav_Top .out .left .text_out .box a span { font-size: 14px ; color: #333 ; display: block ; margin-left: 5px ; } .nav_Top .out .left .text_out .box:hover a { color: #3cb46e ; } .nav_Top .out .left .text_out .box:hover a span{ color: #3cb46e ; } .nav_Top .out .left .text_out .VipBox:hover a { color: #e6b87c ; } .Tap_Nav { display: flex ; align-items: center ; padding: 0px 2% ; box-sizing: border-box ; justify-content: space-between ; width: 100% ; height: 47px ; background: #FFF ; } .Tap_Nav .title { width: 50px ; height: 100% ; padding-top: 6px ; box-sizing: border-box ; } .Tap_Nav .title a { color: #333 ; font-size: 14px ; display: block ; } .Tap_Nav .Tap_Nav_swiper { width: calc(100% - 100px); height: 100% ; } .Tap_Nav .Tap_Nav_swiper .swiper-slide { width: auto ; height: 100% ; display: flex ; justify-content: center ; margin-right: 24px ; padding-top: 7px; box-sizing: border-box ; } .Tap_Nav .Tap_Nav_swiper .swiper-slide:last-child { margin-right: 0px ; } .Tap_Nav .Tap_Nav_swiper .swiper-slide a { color: #333 ; font-size: 14px ; } .Tap_Nav .Tap_Nav_swiper .swiper-horizontal>.swiper-scrollbar, .Tap_Nav .Tap_Nav_swiper .swiper-scrollbar.swiper-scrollbar-horizontal{ height: 4px ; left: 0px ; width: 100% ; bottom: 2px ; } .Tap_Nav .Tap_Nav_swiper .swiper-scrollbar-drag { background: rgba(0,0,0,0.3) ; } .Tap_Nav .Tap_Nav_swiper .swiper-slide a:hover { color: #3cb46e ; } #main { overflow: hidden; margin-top: 120px ; } #connter_out { position: relative; display: flex; -webkit-box-flex: 1; flex: 1; flex-wrap: wrap; } #connter_out li { /* width: 190px ; */ padding: 6px ; box-sizing: border-box ; transition: all 0.3s; } #connter_out li a { display: block ; width: 100% ; } #connter_out li.on{ } #connter_out li a { width: 100% ; display: block ; } #connter_out li img { width: 100%; max-width:178px; height: auto; min-height: 100%; display: block; border-radius: 7px ; } .LoadMore { width: 100% ; display: flex ; align-items: center ; justify-content: center ; margin: 40px 0px ; } .LoadMore a{ width: 140px ; height: 45px ; display: flex ; align-items: center ; justify-content: center ; font-size: 14px ; color: #333 ; border: 1px solid #333 ; transition: 0.5s ease ; } .LoadMore a:hover { background: #333 ; color: #fff ; } .footer { width: 100% ; background: #FFF ; padding: 20px 0px ; box-sizing: border-box ; } .footer p { display: flex ; align-items: center ; justify-content: center ; } .footer p a { margin: 0px 5px ; color: #333 ; font-size: 12px ; text-align: center ; } .friendLink { display: flex ; align-items: center ; justify-content: center ; margin-top: 10px ; } .friendLink a , .friendLink span { color: #333 ; font-size: 12px ; } .Tap_title_out { padding: 0px 2% ; box-sizing: border-box ; display: flex ; align-items: center ; margin-top: 130px ; margin-bottom: 30px ; } .Tap_title_out .buddha { display: flex ; align-items: center ; margin-right: 30px ; } .Tap_title_out .buddha img { width: 50px ; height: 50px ; border-radius: 50% ; display: block ; margin-right: 10px ; object-fit: contain; background: #FFF ; } .Tap_title_out .buddha span { color: #e6b87c ; font-size: 14px ; display: block ; } .Tap_title_out .title { color: #333 ; font-size: 18px ; font-weight: 500 ; } .Tap_title_out .button_out { display: flex ; align-items: center ; margin-left: 50px ; } .Tap_title_out .button_out a { padding: 5px 15px ; display: flex ; align-items: center ; border: 1px solid #66666643 ; box-sizing: border-box ; margin-right: 15px ; border-radius: 4px ; } .Tap_title_out .button_out a span { font-size: 13px ; } .Tap_title_out .button_out a img { width: 16px ; margin-right: 10px ; } .Tap_title_out .button_out a:hover span { color: #3cb46e ; } .mian_iamges { width: 100% ; display: flex; padding: 0px 2% ; box-sizing: border-box ; align-items: center ; justify-content: center ; } .mian_iamges img { width: auto ; max-width: 100% ; height: auto ; max-height: 100% ; display: block ; margin: 0 auto ; } .flip_over { display: flex ; width: 100% ; padding: 0px 2% ; box-sizing: border-box ; max-width: 60% ; display: flex ; align-items: center ; justify-content: space-between ; margin: 50px auto; } .flip_over .box { display: flex; align-items: center ; width: 50% ; } .flip_over .box span { color: #333 ; font-size: 14px ; } .flip_over .box a { color: #333 ; font-size: 14px ; margin-left: 5px ; display: block ; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; width: 73% ; } .flip_over .box a:hover { color: #3cb46e ; } .button_out_list { display: flex ; flex-direction: column ; align-items: center ; justify-content: center ; } .button_out_list .B_1 { background: linear-gradient(to right, #f5b868, #dcd180); width: 240px ; height: 45px ; display: flex ; align-items: center ; justify-content: center ; color: #FFF ; border-radius: 25px ; margin-bottom: 20px ; font-size: 14px ; } .button_out_list .B_3{ margin-bottom: 20px ; width: 150px ; height: 45px ; display: flex ; align-items: center ; justify-content: center ; background: linear-gradient(to right, #464646 , #4a4a4a) ; font-size: 14px ; color: #FFF ; border-radius: 25px ; } .button_out_list .B_text { display: flex ; align-items: center ; margin-bottom: 20px ; } .button_out_list .B_text span { font-size: 24px ; display: block ; margin-right: 8px ; color: #3cb46e ; } .button_out_list .B_text a { font-size: 14px ; color: #333 ; } .button_out_list p{ display: flex ; align-items: center ; justify-content: center ; flex-wrap: wrap ; line-height: 2em ; } .button_out_list p .b_4 { color: #333 ; padding: 6px 15px ; box-sizing: border-box ; font-size: 14px ; margin: 0px 5px ; background: #FFF; box-shadow: 0px 0px 10px 1px #eee ; border-radius: 30px ; border: 1px solid #eeee; } .button_out_list p .b_4:hover { border: 1px solid #3cb46e ; color: #3cb46e ; } .button_out_list p .b_txt { padding: 6px 20px ; background: #3cb46ee8 ; color: #FFF ; margin-left: 10px ; border-radius: 40px ; } .Similarwallpaper { width: 100% ; max-width: 85% ; margin: 60px auto ; } .Similarwallpaper #main { margin-top: 0px ; } .Similarwallpaper h5{ color: #333 ; font-size: 26px ; font-weight: 500 ; margin-bottom: 30px ; } .Dialog { width: 100% ; position: fixed ; bottom: 0px ; left: 0px ; height: 150px ; background: hsla(0, 0%, 100%, .3); backdrop-filter: blur(40px); display: flex ; align-items: center ; justify-content: center ; display: none ; } .Dialog.on { display: flex ; } .Dialog select { background: #fafdfe; height: 31px; width: 100px; line-height: 31px; border: 1px solid #9bc0dd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline: none ; } .Dialog button { display: inline-block; height: 32px; padding: 0 11px; font-size: 14px; line-height: 29px; background-color: #3cb46e; color: white; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgb(0 0 0 / 4%); transition: all .2s ease-in-out; text-align: center; cursor: pointer; } .Dialog .chahao{ position: absolute ; right: 5% ; top: 10% ; color: #333 ; font-size: 30px ; font-weight: bold; cursor: pointer; } .form_icon { display: none ; } .Form_Tanchucheng { position: fixed ; top: 0px ; left: 0px ; width: 100% ; display: flex ; align-items: center ; justify-content: center ; z-index: 9999; height: 100% ; display: none ; background: #00000099; } .Form_Tanchucheng.on { display: flex ; } .Form_Tanchucheng form { width: 91% ; padding: 20px 10px ; background: #FFF ; display: flex ; border-radius: 3px ; position: relative ; } .Form_Tanchucheng form input { width: 100%; height: 40px; border: 1px solid #eee; padding: 0px 10px; box-sizing: border-box; font-size: 14px ; } .Form_Tanchucheng form button { width: 40px ; height: 40px ; display: flex ; align-items: center ; justify-content: center ; flex: none ; cursor: pointer ; } .Form_Tanchucheng form button img { width: 100% ; height: 100% ; display: block ; transform: scale(0.6); } .Form_Tanchucheng .guanbi { position: absolute; right: 0px; top: -30px; font-size: 18px; font-weight: bold; width: 30px; height: 30px; background: #FFF; display: flex; align-items: center; justify-content: center; border: 1px solid #00000008; } @media (max-width:1200px) { .nav_Top .out .left form { width: 37% ; margin-right: 30px ; } .nav_Top .out .left .text_out .box a { font-size: 12px ; } .nav_Top .out .left .text_out .box { margin-right: 20px ; } } @media (max-width: 768px ) { .Tap_Nav .Tap_Nav_swiper { width: 87% ; } .nav_Top .out .left .text_out { display: none ; } .nav_Top .out .left form { display: none ; } .nav_Top .out .left { width: 50% ; } .Tap_title_out { flex-wrap: wrap ; } .Tap_title_out .button_out { width: 100% ; margin-left: 0px ; } .flip_over { max-width: 100% ; } .Similarwallpaper { max-width: 100% ; } .Similarwallpaper h5 { padding: 0px 2% ; box-sizing: border-box ; } .nav_Top .out .left .logo{ width: 52% ; } .nav_Top .out .left .logo img { width: 100% ; } .form_icon { width: 40px ; height: 40px ; border-radius: 50% ; display: flex ; align-items: center ; justify-content: center ; cursor: pointer ; margin-right: 7px ; } .form_icon img { width: 70% ; display: block ; } } @media (min-width:1200px) and (max-width:1400px) { .nav_Top .out .left form { width: 40% ; } } /*Customized*/ .testBox{ width: 100%; aspect-ratio: 4 / 1; min-height: 10px; background-color: red; display: flex; align-items: center; /* 垂直居中 */ border-radius:0 0 0.2rem 0.2rem; } .testBox img{ width: 100%; } .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
|
�а�тройка