Server : nginx/1.20.2 System : Linux VM-4-4-centos 3.10.0-1160.66.1.el7.x86_64 #1 SMP Wed May 18 16:02:34 UTC 2022 x86_64 User : www ( 1000) PHP Version : 5.6.40 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv Directory : /www/wwwroot/greatapp.cn/public/app_support/css/ |
/* CSS Reset http://meyerweb.com/eric/tools/css/reset/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* particleground demo */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%; height: 100%; overflow: hidden; } body { background: #16a085; font-family: 'Montserrat', sans-serif; color: #fff; line-height: 1.3; -webkit-font-smoothing: antialiased; } #particles { width: 100%; height: 100%; overflow: hidden; } .intro { position: absolute; left: 0; top: 50%; padding: 0 20px; width: 100%; text-align: center; } h1 { text-transform: uppercase; font-size: 85px; font-weight: 700; letter-spacing: 0.015em; } h1::after { content: ''; width: 80px; display: block; background: #fff; height: 10px; margin: 30px auto; line-height: 1.1; } p { margin: 0 0 30px 0; font-size: 24px; } .btn { display: inline-block; padding: 15px 30px; border: 2px solid #fff; text-transform: uppercase; letter-spacing: 0.015em; font-size: 18px; font-weight: 700; line-height: 1; color: #fff; text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn:hover { color: #005544; border-color: #005544; } @media only screen and (max-width: 1000px) { h1 { font-size: 70px; } } @media only screen and (max-width: 800px) { h1 { font-size: 48px; } h1::after { height: 8px; } } @media only screen and (max-width: 568px) { .intro { padding: 0 10px; } h1 { font-size: 30px; } h1::after { height: 6px; } p { font-size: 18px; } .btn { font-size: 16px; } } @media only screen and (max-width: 320px) { h1 { font-size: 28px; } h1::after { height: 4px; } }