Файловый менеджер

Файловый менеджер - Редактировать - /var/www/fetish/assets/css/style.css

Назад
@import url('https://fonts.googleapis.com/css?family=Rubik:400,700\|PT+Sans'); * { -webkit-overflow-scrolling: touch; } body { background: #040404; background: #161617; /background: #fbfdfe;/ margin: 0; padding: 0; font-family: 'Rubik', 'PT Sans', sans-serif; } .site { margin-right: 250px; } .live_chat { position: fixed; top:0px; bottom: 0px; right: 0px; width: 250px; z-index: 10; } header { height: 70px; background: #fff; } header .container { display: flex; flex-direction: row; } header .container .logo img { height: 25px; margin: 22px 0px; } header .container .nav-divide { height: 30px; margin: 20px; border-right: 1px solid #e6e6e6; } header .container .nav { flex: 1; } header.dark { background: #000; } header.mono { background: #f7f7f7; border-bottom: 1px solid #e4e4e4; } header .container .live_chat_toggle { width: 40px; height: 70px; justify-content: flex-end; align-items: center; display: none; } header .container .live_chat_toggle img { width: 25px; } .nav ul { list-style-type: none; height: 40px; margin: 15px 0px; padding: 0; overflow: hidden; } .nav li { float: left; } .nav li a { display: inline-block; color: white; text-align: center; padding: 12px 10px; text-decoration: none; font-size: 13px; } .nav li a:hover { border-radius: 5px; background-color: #383838; } header.mono .nav li a:hover { background-color: #fff; } header.mono .nav li a { color: black; } header .container .search { } header .container .search input { height: 40px; padding: 6px 15px; margin: 15px 0px; border-radius: 5px; font-size: 20px; border: 1px solid #eceff0; background: #eceff0; font-family: 'Hind Guntur', sans-serif; } header .container .search input:focus {outline:0;} header.dark .search input { border: 1px solid #3e3e3e; background: #000000; color: #fff; } header.mono .search input { border: 1px solid #e6e6e6; background: #ffffff; color: #000; } header.dark .container .nav-divide { border-right: 1px solid #383838; } .container { max-width: 1200px; margin: auto; padding: 0px 30px; color: #ffffff; } .row:after { display: block; content: ' '; clear: both; } .row .col-4 { width: 25%; float: left; } section .container .thumbnail { height: 200px; background: #ccc; margin: 5px; border-radius: 5px; overflow: hidden; position: relative; display: block; text-decoration: none; background: #000; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45); /border: 1px solid rgba(255, 255, 255, 0.35);/ } section .container .thumbnail img { min-height: 100%; display: flex; align-items: center; justify-content: center; min-width: 100%; height: 100%; object-fit: cover; width: 100%; } section .container .thumbnail .title_center { position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; color: #fff; font-size: 20px; text-align: left; padding: 30px; background: linear-gradient(to bottom, rgb(0 0 0 / 16%) 0%,rgb(0 0 0 / 86%) 100%); display: flex; justify-content: center; align-items: center; text-align: center; } section .container .thumbnail .title { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 15px; color: #fff; font-size: 13px; text-align: left; padding-top: 100px; padding-bottom: 10px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; } section .container .thumbnail .title .views { opacity: 0.7; font-size: 11px; } section .container .thumbnail .time { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; color: rgba(255,255,255,0.7); font-size: 11px; text-align: right; background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); } .theater .container { padding: 0; } .theater { background: #000; } .theater video { width: 100%; max-height: 500px } .theater video:focus { outline: none; } .video-info { background: #000000; border-bottom: 1px solid #2b2b2b; padding: 20px; } .video-info-title { display: flex; flex-direction: row; } .video-info-title .views { font-size: 20px; font-weight: bold; color: #000; color: #fff; } .video-info-stats { display: flex; color: rgba(255, 255, 255, 0.5); } .video-info-stats .views { flex: 1; display: flex; color: rgba(255, 255, 255, 0.5); } .video-info-stats .share .btn { padding: 5px; border-radius: 5px; margin-left: 10px; cursor: pointer; } .video-info-stats .share .btn { padding: 5px 15px; border-radius: 5px; margin-left: 10px; cursor: pointer; background: #222; display: none; } .video-info-stats .share .btn:hover { background: #333; } .video-info-stats .share .btn span { font-size: 14px; } .video-info-stats .ratings { display: flex; color: rgba(255, 255, 255, 0.5); } .video-info-stats .ratings .btn { padding: 5px; border-radius: 5px; margin-left: 10px; cursor: pointer; } .video-info-stats .ratings .btn:hover { background: #333; } .video-info-stats .ratings .btn.red:hover { color: #f34a4a; } .video-info-stats .ratings .btn.green:hover { color: #4ecc53; } .video-info h1 { font-size: 20px; flex: 1; color: #fff; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tags a { background: #e2e2e2; padding: 5px 10px; border-radius: 5px; text-decoration: none; color: #000; display: -webkit-inline-box; height: 26px; } .tags a:hover { background: #000; color: #fff; } .pages { margin-top: 100px; text-align: center; } .pages h2 { color: #fff; margin-bottom: 0; } .pages p { margin-top: 0; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .pagination>li { display: inline; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #fff; text-decoration: none; background-color: #151515; border: 1px solid #505050; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #fff; cursor: default; background-color: #017cff; border-color: #017cff; } section .title { margin: 40px 0px; } section .title h1, section .title p { margin: 0; color: #FFF; margin: 0; color: #c6ffcb; font-size: 13px; font-weight: normal; } section .title h2 { margin: 0; font-size: 20px; font-weight: normal; color: #FFF; margin: 0; margin-bottom: 10px; font-size: 28px; font-weight: bold; color: #FFF; } section .title div p { margin-bottom: 10px; } .live_chat { display: flex; flex-direction: column; border-left: 1px solid #c3c3c3; border-left: 1px solid #404040; background: #000000; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22); } .live_chat .header { height: 70px; background: #000; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; } .live_chat .header .close { display: none; } .live_chat .header .title { font-size: 20px; } .live_chat .header .sub_title { font-size: 13px; opacity: 0.5; } .live_chat .messages { flex: 1; position: relative; background: #e9e9ef; background: #000000; overflow: auto; padding-bottom: 10px; display: table-cell; vertical-align: bottom; } .live_chat .messages .message { background: #147bda; color: #fff; margin-bottom: 10px; padding: 7px; border-radius: 5px; font-size: 13px; margin: 5px 10px; margin-right: 25px; display: inline-block; float: left; } .live_chat .messages .message:after, .new_line { display: block; content: ' '; clear: both; } .live_chat .messages .message a img { width: 100%; border-radius: 5px; margin-top: 5px; } .live_chat .messages .message span { display: block; font-size: 10px; font-weight: bold; margin-bottom: 3px; } .live_chat .messages .message.male { background: #147bda; } .live_chat .messages .message.female { background: #fb216b; } .live_chat .messages .message.right { margin-left: 25px; margin-right: 10px; background: #383838 !important; float: right; } .live_chat .footer { display: none; background: #000; padding: 10px; margin-top: 0px; border-top: none; } .live_chat .footer textarea { border-radius: 5px; font-size: 14px; border: 1px solid #383838; background: #383838; color: #fff; font-family: sans-serif; box-sizing: border-box; width: 100%; padding: 5px; resize: none; max-height: 100px; } .live_chat .footer textarea:focus, .live_chat .footer input:focus { outline: none; } .live_chat .messages { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .live_chat .messages::-webkit-scrollbar { display: none; } .live_chat .image_wrap { height: 150px; border-radius: 5px; overflow: hidden; position: relative; display: block; } .live_chat .image_wrap img { min-height: 100%; display: flex; align-items: center; justify-content: center; min-width: 100%; height: 100%; object-fit: cover; width: 100%; } .live_chat .time { color: #fff; display: block; clear: both; font-size: 8px; padding-left: 15px; margin-bottom: 4px; } .live_chat .time.right { text-align: right; padding-right: 15px; } .live_chat .footer .users_online { text-align: center; font-size: 10px; margin-bottom: 5px; } .live_chat #photo_form { display: none; } .live_chat .register { border-top: 1px solid #333; padding: 25px; color: #fff; background: #171717; } .live_chat .register label { font-size: 13px; display: block; margin-bottom: 5px; } .live_chat .register input { border-radius: 5px; font-size: 14px; border: 1px solid #383838; background: #383838; color: #fff; font-family: sans-serif; box-sizing: border-box; width: 100%; padding: 10px; resize: none; max-height: 100px; margin-bottom: 20px; } .live_chat .register input:focus { outline: none; } .live_chat .register .gender { display: flex; flex-direction: row; } .live_chat .register .gender .half { flex: 1; } .live_chat .register .gender .half div { height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 5px; margin: 5px; background: #333; cursor: pointer; font-size: 13px; } .live_chat .register .gender .half div i { font-size: 20px; margin-bottom: 5px; } .live_chat .register .gender .half .male { background: rgba(20, 123, 218, 0.2); } .live_chat .register .gender .half .male:hover { background: #147bda; } .live_chat .register .gender .half .male.active { background: #147bda; } .live_chat .register .gender .half .female { background: rgba(251, 33, 107, 0.2); } .live_chat .register .gender .half .female:hover { background: #fb216b; } .live_chat .register .gender .half .female.active { background: #fb216b; } .live_chat .register .button { height: 35px; display: flex; justify-content: center; align-items: center; background: #2bc732; color: #fff; border-radius: 18px; cursor: pointer; text-decoration: none; } .live_chat .register .button:hover { background: #12d21a; } .live_chat .register .button.disabled { background: #2f2f2f; color: #616161; } .live_chat .upload_photo { background: #383838; padding: 7; margin-bottom: 10px; text-align: center; border-radius: 5px; color: #fff; } .footer { margin-top: 50px; border-top: 1px solid #3e3e3e; padding: 30px; font-size: 13px; color: #b1b1b1; } ::-webkit-scrollbar { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.7); background: rgba(97, 97, 97, 0.3); opacity: 0.7; filter: alpha(opacity=70); border-radius: 4px; } ::-webkit-scrollbar-corner { background-color: black; } ::-webkit-scrollbar-thumb { background: #A9A9A9; background: rgba(128, 127, 127, 0.52); opacity: 0.4; filter: alpha(opacity=40); border-radius: 4px; } .login { max-width: 400px; margin: auto; padding: 30px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); } .login .error { background: #f00; color: #fff; padding: 15px; border-radius: 5px; margin-bottom: 15px; } .login .label { margin-bottom: 5px; } .login input, .login select { height: 40px; width: 100%; box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; margin-bottom: 15px; padding: 0px 5px; } .login .button { height: 50px; border: 1px solid #2bc732; padding: 0px 5px; background: #2bc732; color: #fff; font-size: 17px; } .login .signup_link { } .login .signup_link a { color: #fff; } .signup { max-width: 400px; margin: auto; padding: 30px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); } .signup .error { background: #f00; color: #fff; padding: 15px; border-radius: 5px; margin-bottom: 15px; } .signup .label { margin-bottom: 5px; } .signup input, .signup select { height: 40px; width: 100%; box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; margin-bottom: 15px; padding: 0px 5px; } .signup .button { height: 50px; border: 1px solid #2bc732; padding: 0px 5px; background: #2bc732; color: #fff; font-size: 17px; } .signup .signup_link { } .signup .signup_link a { color: #fff; } #panel { position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0; box-shadow: 0px 0px 20px #000; background: #fff; border-radius: 5px; overflow: auto; } .slideout-menu { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 256px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; background: #2b2b2b; } .slideout-panel { position: relative; z-index: 1; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } .menu_slider { position: absolute; top: 0px; bottom: 0px; width: 256px; background: #000; color: #fff; border-right: 0.5px solid #1e1e1e; overflow: hidden; } .menu_profile { border-bottom: 0.5px solid rgba(255, 255, 255, 0.2); } .menu_scroll { flex: 1; overflow: auto; } .menu_slider .items .menu_scroll div { text-align: center; padding: 12px 10px; font-size: 14px; font-weight: bold; margin: 0px 15px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.2); } .menu_slider .items div span { display: block; color:#575757; font-size: 10px; margin-top: 2px; font-weight: normal; } .menu_slider .items div img { display: block; height: 110px; width: 110px; margin: 30px auto; border-radius: 50%; } .menu_slider .fade { opacity: 0.5; font-size: 12px !important; } .menu_slider .items { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; flex-direction: column; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); }

| ver. 1.4 | Github | . | PHP 7.0.33-0ubuntu0.16.04.16 | Генерация страницы: 0 | proxy | phpinfo | Настройка