| Server IP : 39.106.62.82 / Your IP : 216.73.216.193 Web Server : nginx/1.14.1 System : Linux iz2ze1m0zmp2dk5c3j5ap5z 3.10.0-1127.19.1.el7.x86_64 #1 SMP Tue Aug 25 17:23:54 UTC 2020 x86_64 User : www ( 1000) PHP Version : 7.4.33 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 MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /webdata/90atelier.com/static/css/ |
Upload File : |
.main{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding-bottom:6.5vw;background:#fff}.main,.work-list{display:-webkit-box;display:-ms-flexbox;display:flex}.work-list{width:62.5vw;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work-item{position:relative;width:19.5vw;height:19.5vw;margin-bottom:2vw;background-size:cover;background-position:50%;overflow:hidden}.work-item-left{position:absolute;color:#fff;background:#8ba6a6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;left:-50%;width:50%;top:0;bottom:0;opacity:.3;overflow:hidden;white-space:nowrap;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.work-item:hover .work-item-left{left:0;top:0;bottom:0;opacity:1}.work-item-right{position:absolute;color:#fff;background:#8ba6a6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:-50%;width:50%;top:0;bottom:0;opacity:.3;overflow:hidden;white-space:nowrap;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.work-item:hover .work-item-right{right:0;top:0;bottom:0;opacity:1}.item-title{font-size:1vw;font-weight:700;border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:5px}.item-desc{font-size:12px;color:#f2ebde}.play-pagination{margin-top:2vw;width:62.5vw;display:-webkit-box;display:-ms-flexbox;display:flex}.play-pagination .el-pagination{padding:0}.play-pagination .el-pagination.is-background .el-pager li{margin:0;margin-right:10px;border:1px solid #d6d6d6;color:#999;background:#fff}.play-pagination .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#8ba6a6;border:1px solid #8ba6a6}.play-pagination .el-pagination.is-background .el-pager li:not(.disabled).active:hover{color:#fff}.play-pagination .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#8ba6a6}.work-title{position:absolute;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.14rem;color:#fff;-webkit-transition:opacity .4s;transition:opacity .4s;opacity:0}.work-item:hover .work-title{opacity:1}