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

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

Назад
@import url('https://fonts.googleapis.com/css?family=Rubik:400,700\|PT+Sans'); * { -webkit-overflow-scrolling: touch; -webkit-appearance: none; } input { border-radius: 0; } body { background: #000; margin: 0; padding: 0; font-family: 'Rubik', 'PT Sans', sans-serif; } .app { max-width: 1100px; background: #111; min-height: 100vh; margin: 0px auto; border-left: 1px solid #212121; border-right: 1px solid #212121; } .header-web { } .header-mobile { display: none; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; background: #000; } .header-mobile-wrapper { height: 50px; border-bottom: 1px solid #333; display: flex; } .header-mobile-wrapper .menu-toggle { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; color: #ffae14; font-size: 25px; } .header-mobile-wrapper .search-toggle { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; color: #ffae14; font-size: 20px; } .header-mobile-wrapper .logo { flex: 1; padding: 15px; display: flex; align-items: center; justify-content: center; } .header-mobile-wrapper .logo img { height: 25px; } .header-mobile .blanket { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; background: rgba(0,0,0,0.8); } .header-mobile .sidebar { position: fixed; top: 0px; left: -70vw; bottom: 0px; width: 70vw; z-index: 1000; background: #000; border-right: 1px solid #333; transition: transform .5s; overflow: auto; } .header-mobile .sidebar.opened { transform: translateX(70vw); } .header-mobile .sidebar .sb-logo { flex: 1; padding: 15px; display: flex; align-items: center; justify-content: center; } .header-mobile .sidebar .sb-logo img { height: 25px; } .header-mobile .sidebar .sb-buttons { } .header-mobile .sidebar .sb-buttons a { display: block; color: #fff; height: 45px; line-height: 45px; border-bottom: 1px solid #111; padding: 0px 20px; text-decoration: none; } .header-mobile .sidebar .sb-buttons .divider { background: #111; height: 10px; } .header-mobile .search-slider { position: fixed; top: -50px; left: 0vw; right: 0px; height: 40px; z-index: 1000; background: #000; border-bottom: 1px solid #222; transition: transform .5s; } .header-mobile .search-slider.opened { transform: translateY(50px); } .header-mobile .search-slider { display: flex; padding: 5px; } .header-mobile .search-slider .bar { flex: 1; display: flex; padding: 0; margin: 0; } .header-mobile .search-slider .bar input { flex: 1; background: #333; color: #fff; font-size: 16px; height: 40px; border: 1px solid #333; border-radius: 5px; padding-left: 15px; } .header-mobile .search-slider .bar input:focus { outline: none; } .header-mobile .search-slider .bar .search-btn { height: 40px; padding: 0px 15px; background: #000; border: 1px solid #000; border-bottom-right-radius: 5px; display: flex; align-items: center; color: #fff; font-size: 20px; cursor: pointer; } .header-mobile .search-slider .bar .search-btn:hover { background: #222; } .header-mobile .search-slider .bar .search-btn:focus { outline: none; } .header-web-wrapper { height: 60px; border-bottom: 1px solid #333; display: flex; } .header-web-wrapper .logo { height: 30px; padding: 15px; margin: 0px 20px; } .header-web-wrapper .logo img { height: 30px; } .header-web-wrapper .search-wrapper { flex: 1; display: flex; align-items: center; } .header-web-wrapper .search-wrapper .bar { flex: 1; display: flex; padding: 0; margin: 0; } .header-web-wrapper .search-wrapper .bar input { flex: 1; background: #333; color: #fff; height: 30px; border: 1px solid #333; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 15px; } .header-web-wrapper .search-wrapper .bar input:focus { outline: none; } .header-web-wrapper .search-wrapper .bar .search-btn { height: 30px; padding: 0px 20px; background: #ffae14; border: 1px solid #ffae14; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: flex; align-items: center; color: #fff; cursor: pointer; } .header-web-wrapper .search-wrapper .bar .search-btn:hover { background: #222; } .header-web-wrapper .search-wrapper .bar .search-btn:focus { outline: none; } .header-web-wrapper .auth-buttons { padding: 0px 20px; display: flex; align-items: center; } .header-web-wrapper .auth-buttons a { color: #fff; font-size: 13px; text-decoration: none; margin: 0px 10px; } .header-web-categories { border-bottom: 1px solid #333; overflow: auto; white-space: nowrap; } .header-web-categories a { font-size: 13px; height: 40px; line-height: 40px; padding: 0px 20px; margin: 0px; text-align: center; display: inline-block; color: rgba(255,255,255,0.7); text-decoration: none; border-right: 1px solid #333; cursor: pointer; } .header-web-categories a:hover { background: #000; color: rgba(255,255,255,1); } .header-web-categories a:last-child{ border-right: none; } .theater { margin-top: 20px; margin-bottom: 20px; background: #000; border-radius: 10px; overflow: hidden; position: relative; } .theater video { width: 100%; max-height: 500px; background: #000; } .theater video:focus { outline: none; } .theater .loading_overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #000; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; display: none; } .theater .loading_overlay i { font-size: 50px; } .theater .loading_overlay span { font-size: 14px; display: block; margin-top: 20px; } .video-info { margin-bottom: 40px; background: #000; padding: 20px; border-radius: 10px; display: flex; } .video-info h2 { margin: 0px; font-size: 22px; } .video-info .views { color: rgba(255, 255, 255, 0.5); } .video-info .video-info-title { flex: 1; } .video-info-stats { display: flex; align-items: flex-end; flex-direction: column; justify-content: center; color: rgba(255, 255, 255, 0.5); } .video-info-stats .rating-bar { height: 3px; background: #e23c3c; width: 150px; margin-top: 10px; position: relative; border-radius: 5px; overflow: hidden; } .video-info-stats .rating-bar div{ background: #2cff8d; width: 0%; position: absolute; top: 0px; left: 0px; bottom: 0px; } .video-info-stats .ratings { display: flex; color: rgba(255, 255, 255, 0.5); } .video-info-stats .ratings .btn { padding: 5px 12px; border-radius: 5px; margin-left: 10px; cursor: pointer; background: #131313; font-size: 14px; border: 1px solid #131313; } .video-info-stats .ratings .btn:hover { border: 1px solid #ffae14; color: rgba(255, 255, 255, 1); } .video-info-stats .ratings .btn i { margin-right: 5px; } .video-info-stats .ratings .btn.green.active { background: #0bb95b; color: rgba(255, 255, 255, 1); } .video-info-stats .ratings .btn.red.active { background: #e23c3c; color: rgba(255, 255, 255, 1); } .page { padding: 30px; color: #fff; min-height: calc(100vh - 288px); display: flex; flex-direction: column; } .lc .page { min-height: calc(100vh - 165px); } .lc .rate_my_title, .lc .rate_my_slider { display: none; } .page .title { } .page .title h1, .page .title h2 { margin: 0px; padding: 0px; font-size: 20px; } .page .title h3 { margin: 0px; padding: 0px; font-size: 14px; font-weight: normal; color: rgba(255,255,255,0.6); } .page .title .premium-badge { padding: 3px 10px; font-size: 10px; background: #ffae14; color: #fff; border-radius: 5px; margin-top: 5px; display: inline-block; text-shadow: 0px 0px 5px rgba(0,0,0,0.4); box-shadow: 0px 0px 5px rgba(0,0,0,0.4); } .page .text-content { margin-bottom: 50px; } .page .text-content h2 { font-size: 16px; } .page .text-content p { font-size: 14px; font-weight: normal; color: rgba(255,255,255,0.6); } .page .text-content ol { font-size: 14px; font-weight: normal; color: rgba(255,255,255,0.6); text-align: left; } .page .text-content ul { font-size: 14px; font-weight: normal; color: rgba(255,255,255,0.6); text-align: left; } .page .text-content ul li { } .page .paging { text-align: center; margin-bottom: 40px; } .page .videos { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; padding-top: 20px; padding-bottom: 20px; } .page .videos .thumbnail-empty { border-radius: 5px; overflow: hidden; position: relative; display: block; text-decoration: none; background: #222; height: 160px; } .page .videos .thumbnail { border-radius: 5px; overflow: hidden; position: relative; display: block; text-decoration: none; background: #000; max-height: 200px; aspect-ratio: 1.4; box-shadow: 0px 0px 10px rgb(0 0 0 / 45%); } .page .videos .thumbnail .premium { background: #ffae14; color: #fff; z-index: 9999; box-shadow: 0px 0px 5px rgb(0 0 0 / 32%); text-shadow: 0px 0px 5px rgb(0 0 0 / 32%); position: absolute; top: 20px; font-size: 10px; right: -28px; padding: 4px; padding-left: 35px; padding-right: 35px; transform: rotate(45deg); text-transform: uppercase; font-weight: bold; } .page .videos .thumbnail img { width: 100%; transform: scale(1.5); } .page .videos .thumbnail .title { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px; color: #fff; font-weight: bold; font-size: 13px; text-align: left; padding-top: 50px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); text-shadow: 0px 0px 10px rgb(0 0 0 / 90%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page .videos .thumbnail .title .views { opacity: 0.9; font-size: 11px; font-weight: normal; } .page .videos .thumbnail .time { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; color: rgba(255,255,255,0.9); 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 rgb(0 0 0); } .premium-star { color: #ffae14; font-size: 12px; margin-right: 7px; } .live-chat-dot { font-size: 12px; color: #06f90e; margin-right: 7px; } .live_chat { flex: 1; display: flex; flex-direction: column; max-height: calc(100vh - 225px); margin-top: 20px; border-radius: 10px; overflow: hidden; } .live_chat .header { display: none; } .live_chat .messages { flex: 1; position: relative; background: #e9e9ef; background: #000000; overflow: scroll; padding-bottom: 10px; padding-top: 10px; display: table-cell; vertical-align: bottom; } .live_chat .messages .message:after, .new_line { display: block; content: ' '; clear: both; } .live_chat .time { color: #fff; display: block; clear: both; font-size: 8px; padding-left: 15px; margin-bottom: 4px; } .live_chat .time { color: rgba(255,255,255,0.6); } .live_chat .messages .fa-loading { color: #fff; font-size: 30px; } .live_chat .messages .message { background: #147bda; color: #fff; margin-bottom: 10px; padding: 7px; border-radius: 5px; font-size: 13px; margin: 5px 15px; margin-right: 25px; display: inline-block; float: left; } .live_chat .messages .message { padding: 9px; border-radius: 10px; box-shadow: 3px 4px 10px rgb(0 0 0 / 18%); } .live_chat .messages .message.male { background: #147bda; } .live_chat .messages .message.female { background: #fb216b; } .live_chat .messages .message span { display: block; font-size: 10px; font-weight: bold; margin-bottom: 3px; } .live_chat .messages .message img { height: 280px; } .live_chat .messages .message.right { margin-left: 25px; margin-right: 15px; background: #383838 !important; float: right; } .live_chat .time.right { text-align: right; padding-right: 15px; } .live_chat form { display: none; } .live_chat .lc_footer { display: flex; padding: 8px; background: #000; border-top: 1px solid #111; } .live_chat .lc_footer .lc_upload_photo { display: flex; justify-content: center; align-items: center; height: 35px; width: 35px; background: #111; border-radius: 20px; cursor: pointer; } .live_chat .lc_footer .lc_upload_photo:hover { background: #147bda; } .live_chat .lc_footer textarea { flex: 1; background: #111; border: 1px solid #111; border-radius: 17.5px; margin-left: 10px; color: #fff; max-height: 100px; min-height: 35px; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px; resize: none; } .live_chat .lc_footer textarea:focus { outline: none; } .app.lc .footer { display: none; } .login { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; } .signup { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; } .form .inner { width: 300px; padding-top: 30px; } .form input, .form select { height: 30px; background: #222; color: #fff; border-radius: 5px; border: 1px solid #333; padding: 0px 10px; display: block; margin-bottom: 15px; width: 100%; } .form textarea { background: #222; color: #fff; border-radius: 5px; border: 1px solid #333; padding: 10px; display: block; margin-bottom: 15px; width: 100%; max-width: 100%; min-width: 100%; min-height: 100px; max-height: 200px; } .form input:focus, .form select:focus, .form textarea { outline: none; } .form input[type="submit"] { height: 40px; cursor: pointer; margin-top: 20px; background: #ffae14; border: 1px solid #ffae14; font-weight: bold; font-size: 16px; } .form .label { margin-bottom: 3px; font-size: 14px; } .form .error { background: #f00; color: #fff; padding: 10px; border-radius: 5px; margin-bottom: 20px; font-size: 14px; text-align: center; } .form .signup_link { margin-top: 30px; text-align: center; } .form .signup_link a { color: rgba(255,255,255,0.8); } .rate_my_slider { border-top: 1px solid #333; overflow: auto; white-space: nowrap; } .rate_my_slider a { padding: 20px; display: inline-block; } .rate_my_slider a img { height: 30px; } .rate_my_title { color: rgba(255, 255, 255, 0.6); padding: 10px 30px; text-align: center; } .footer { background: #222; background: #080808; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; padding: 20px; padding: 50px 20px; } .footer-brand { display: flex; flex-direction: column; align-items: center; justify-content: center; } .footer-brand img { height: 26px; } .footer-brand div { font-size: 12px; font-weight: bold; color: #ffae14; margin-bottom: 10px; } .footer a { display: block; color: #fff; font-size: 14px; text-decoration: none; } .footer a:hover { color: #ffae14; } .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>li:last-child>a, .pagination>li:last-child>span { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-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; } .profile { flex-direction: row; display: flex; padding: 20px; } .profile_banner { height: 220px; background: #212121; } .profile_left { min-width: 250px; max-width: 300px; flex: 1; margin-right: 20px; } .profile_right { flex: 2; display: flex; flex-direction: column; } .profile_block { background: #212121; border-radius: 12px; padding: 20px; margin-bottom: 20px; } .profile_info_box { background: #212121; border-radius: 12px; padding: 50px 20px; display: flex; align-items: center; flex-direction: column; } .profile_info_box_image { width: 100px; height: 100px; border-radius: 50px; overflow: hidden; background: #111; margin-bottom: 20px; } .profile_info_box_image img { width: 100%; height: 100%; } .profile_info_box_username { margin-bottom: 20px; } .profile_info_box_bio { text-align: center; margin-top: 20px; width: 100%; color: #888; } .profile_info_box_follow_btn { height: 40px; padding: 0px 20px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: #ffae14; background-image: radial-gradient( circle 957px at 8.7% 50.5%, rgba(246,191,13,1) 0%, rgba(249,47,47,1) 90% ); text-shadow: 0px 0px 5px rgb(0 0 0 / 32%); color: #fff; font-weight: bold; margin-bottom: 20px; cursor: pointer; text-decoration: none; } .profile_info_box_follow_btn:hover { background: #444; } .profile_info_box_following_btn { height: 40px; padding: 0px 20px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: #333; text-shadow: 0px 0px 5px rgb(0 0 0 / 32%); color: #fff; font-weight: bold; margin-bottom: 20px; cursor: pointer; text-decoration: none; } .profile_info_box_following_btn:hover { background: #111; } .profile_info_box_stats { display: flex; width: 100%; margin-bottom: 20px; } .profile_info_box_stats div { flex: 1; } .profile_info_box_stats div b { display: block; text-align: center; } .profile_info_box_stats div span { display: block; font-size: 10px; text-align: center; } .no_data_uploaded_message { background: #333; padding: 30px; border-radius: 10px; text-align: center; margin-top: 20px; } .upload_wrap { width: 100%; max-width: 600px; margin: auto; margin-top: 40px; bottom: 40px; } .upload_video_wrap { width: 100%; height: 350px; background: #222; border-radius: 10px; margin-bottom: 20px; overflow: hidden; display: flex; } .upload_video_select { flex: 1; display: flex; justify-content: center; align-items: center; cursor: pointer; } .upload_input_wrap { display: flex; flex-direction: column; } .upload_input_wrap label { font-weight: bold; margin-bottom: 6px; color: #ccc; } .upload_input_wrap input { height: 50px; padding: 0px 20px; background: #333; border: 1px solid #333; border-radius: 10px; color: #fff; font-size: 20px; } .upload_input_wrap input:focus { outline: none; } .upload_legal { margin-top: 20px; margin-bottom: 20px; color: #555; font-size: 14px; text-align: justify; } .upload_btn { cursor: pointer; height: 50px; border: 1px solid #333; border-radius: 10px; color: #fff; font-size: 20px; display: flex; justify-content: center; align-items: center; transition: 0.5s; background-size: 200% auto; box-shadow: 0 0 20px #000; background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%); } .upload_btn:hover { background-position: right center; /* change the direction of the change here */ color: #fff; text-decoration: none; } .upload_btn.disabled { opacity: 0.1; cursor: not-allowed; } .success { background: green; color: #fff; padding: 20px; margin-top: 20px; border-radius: 4px; } .for-sale-banner { background: #f00; color: #fff; padding: 6px; text-align: center; display: block; text-decoration: none; } .error_page { width: 100vw; height: 100vh; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; } .error_page .code { font-size: 100px; font-weight: bold; } .error_page .status { font-size: 30px; } .error_page .info { margin-top: 15px; font-size: 15px; font-weight: normal; opacity: 0.5; text-align: center; } .error_page a { color: #fff; height: 40px; padding: 0px 20px; border: 1px solid #fff; border-radius: 5px; margin-top: 40px; display: flex; justify-content: center; align-items: center; text-decoration: none; } @media only screen and (max-width: 600px) { .error_page { width: 100%; color: #fff; } .error_page .code { font-size:60px; } .error_page .status { font-size: 20px; } .error_page .info { margin-top: 15px; font-size: 15px; } }

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