/*! * elFinder-Material-Theme (Gray) v2.1.15 (https://github.com/RobiNN1/elFinder-Material-Theme) * Copyright 2016-2023 Róbert Kelčák * Licensed under MIT (https://github.com/RobiNN1/elFinder-Material-Theme/blob/master/LICENSE) */ .elfinder { color: #546e7a; font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .elfinder.ui-widget.ui-widget-content { font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6); border-radius: 0; border: 0; } .elfinder * { outline: 0 !important; } /** * Loading */ .elfinder-info-spinner, .elfinder-navbar-spinner, .elfinder-button-icon-spinner { background: url("../../material/images/loading.svg") center center no-repeat !important; width: 16px; height: 16px; } /** * Progress Bar */ @-webkit-keyframes progress-animation { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-animation { from { background-position: 1rem 0; } to { background-position: 0 0; } } .elfinder-notify-progressbar { border: 0; } .elfinder-notify-progress, .elfinder-notify-progressbar { border-radius: 0; } .elfinder-notify-progress, .elfinder-resize-spinner { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; -webkit-animation: progress-animation 1s linear infinite; animation: progress-animation 1s linear infinite; background-color: #0275d8; height: 1rem; } /** * Toast Notification */ .elfinder .elfinder-toast > div { background-color: #323232 !important; color: #d6d6d6; box-shadow: none; opacity: inherit; padding: 10px 60px; } .elfinder .elfinder-toast > div button.ui-button { color: #fff; } .elfinder .elfinder-toast > .toast-info button.ui-button { background-color: #3498db; } .elfinder .elfinder-toast > .toast-error button.ui-button { background-color: #f44336; } .elfinder .elfinder-toast > .toast-success button.ui-button { background-color: #4caf50; } .elfinder .elfinder-toast > .toast-warning button.ui-button { background-color: #ff9800; } .elfinder-toast-msg { font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; font-size: 17px; } /** * For Ace Editor */ #ace_settingsmenu { font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6) !important; background-color: #1d2736 !important; color: #e6e6e6 !important; } #ace_settingsmenu, #kbshortcutmenu { padding: 0; } .ace_optionsMenuEntry { padding: 5px 10px; } .ace_optionsMenuEntry:hover { background-color: #111721; } .ace_optionsMenuEntry label { font-size: 13px; } #ace_settingsmenu input[type="text"], #ace_settingsmenu select { margin: 1px 2px 2px; padding: 2px 5px; border-radius: 3px; border: 0; background: rgba(9, 53, 121, 0.75); color: white !important; } /** * Icons */ @font-face { font-family: material; src: url("../../material/icons/material.eot?91804974"); src: url("../../material/icons/material.eot?91804974#iefix") format("embedded-opentype"), url("../../material/icons/material.woff2?91804974") format("woff2"), url("../../material/icons/material.woff?91804974") format("woff"), url("../../material/icons/material.ttf?91804974") format("truetype"), url("../../material/icons/material.svg?91804974#material") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: material; src: url("../../material/icons/material.svg?91804974#material") format("svg"); } } .elfinder .ui-icon, .elfinder-button-icon, .ui-widget-header .ui-icon, .ui-widget-content .ui-icon { font: normal normal normal 14px/1 material; background-image: inherit; text-indent: inherit; } .elfinder .ui-button-icon-only .ui-icon { font: normal normal normal 14px/1 material; background-image: inherit !important; text-indent: 0; font-size: 16px; } .elfinder-button-icon { background: inherit; } .elfinder-button-icon-home:before { content: '\e800'; } .elfinder-button-icon-back:before { content: '\e801'; } .elfinder-button-icon-forward:before { content: '\e802'; } .elfinder-button-icon-up:before { content: '\e803'; } .elfinder-button-icon-dir:before { content: '\e804'; } .elfinder-button-icon-opendir:before { content: '\e805'; } .elfinder-button-icon-reload:before { content: '\e806'; } .elfinder-button-icon-open:before { content: '\e807'; } .elfinder-button-icon-mkdir:before { content: '\e808'; } .elfinder-button-icon-mkfile:before { content: '\e809'; } .elfinder-button-icon-rm:before { content: '\e80a'; } .elfinder-button-icon-trash:before { content: '\e80b'; } .elfinder-button-icon-restore:before { content: '\e80c'; } .elfinder-button-icon-copy:before { content: '\e80d'; } .elfinder-button-icon-cut:before { content: '\e80e'; } .elfinder-button-icon-paste:before { content: '\e80f'; } .elfinder-button-icon-getfile:before { content: '\e810'; } .elfinder-button-icon-duplicate:before { content: '\e811'; } .elfinder-button-icon-rename:before { content: '\e812'; } .elfinder-button-icon-edit:before { content: '\e813'; } .elfinder-button-icon-quicklook:before { content: '\e814'; } .elfinder-button-icon-upload:before { content: '\e815'; } .elfinder-button-icon-download:before { content: '\e816'; } .elfinder-button-icon-info:before { content: '\e817'; } .elfinder-button-icon-extract:before { content: '\e818'; } .elfinder-button-icon-archive:before { content: '\e819'; } .elfinder-button-icon-view:before { content: '\e81a'; } .elfinder-button-icon-view-list:before { content: '\e81b'; } .elfinder-button-icon-help:before { content: '\e81c'; } .elfinder-button-icon-resize:before { content: '\e81d'; } .elfinder-button-icon-link:before { content: '\e81e'; } .elfinder-button-icon-search:before { content: '\e81f'; } .elfinder-button-icon-sort:before { content: '\e820'; } .elfinder-button-icon-rotate-r:before { content: '\e821'; } .elfinder-button-icon-rotate-l:before { content: '\e822'; } .elfinder-button-icon-netmount:before { content: '\e823'; } .elfinder-button-icon-netunmount:before { content: '\e824'; } .elfinder-button-icon-places:before { content: '\e825'; } .elfinder-button-icon-chmod:before { content: '\e826'; } .elfinder-button-icon-accept:before { content: '\e827'; } .elfinder-button-icon-menu:before { content: '\e828'; } .elfinder-button-icon-colwidth:before { content: '\e829'; } .elfinder-button-icon-fullscreen:before { content: '\e82a'; } .elfinder-button-icon-unfullscreen:before { content: '\e82b'; } .elfinder-button-icon-empty:before { content: '\e82c'; } .elfinder-button-icon-undo:before { content: '\e82d'; } .elfinder-button-icon-redo:before { content: '\e82e'; } .elfinder-button-icon-preference:before { content: '\e82f'; } .elfinder-button-icon-mkdirin:before { content: '\e830'; } .elfinder-button-icon-selectall:before { content: '\e831'; } .elfinder-button-icon-selectnone:before { content: '\e832'; } .elfinder-button-icon-selectinvert:before { content: '\e833'; } .elfinder-button-icon-logout:before { content: '\e85a'; } .elfinder-button-icon-opennew:before { content: '\e85b'; } .elfinder-button-icon-hide:before { content: '\e85d'; } .elfinder-button-search .ui-icon.ui-icon-search { font-size: 17px; } .elfinder-button-search .ui-icon:hover { opacity: 1; } .elfinder-navbar-icon { font: normal normal normal 16px/1 material; background-image: inherit !important; } .elfinder-navbar-icon:before { content: '\e804'; } .elfinder-droppable-active .elfinder-navbar-icon:before, .elfinder .ui-state-active .elfinder-navbar-icon:before, .elfinder .ui-state-hover .elfinder-navbar-icon:before { content: '\e805'; } .elfinder-navbar-root-local .elfinder-navbar-icon:before { content: '\e83d' !important; } .elfinder-navbar-root-ftp .elfinder-navbar-icon:before { content: '\e823' !important; } .elfinder-navbar-root-sql .elfinder-navbar-icon:before { content: '\e83e' !important; } .elfinder-navbar-root-dropbox .elfinder-navbar-icon:before { content: '\e83f' !important; } .elfinder-navbar-root-googledrive .elfinder-navbar-icon:before { content: '\e840' !important; } .elfinder-navbar-root-onedrive .elfinder-navbar-icon:before { content: '\e841' !important; } .elfinder-navbar-root-box .elfinder-navbar-icon:before { content: '\e842' !important; } .elfinder-navbar-root-trash .elfinder-navbar-icon:before { content: '\e80b' !important; } .elfinder-navbar-root-zip .elfinder-navbar-icon:before { content: '\e85c' !important; } .elfinder-navbar-root-network .elfinder-navbar-icon:before { content: '\e823' !important; } .elfinder-places .elfinder-navbar-root .elfinder-navbar-icon:before { content: '\e825' !important; } .elfinder-navbar-arrow { background-image: inherit !important; font: normal normal normal 14px/1 material; font-size: 10px; padding-top: 3px; padding-left: 2px; color: #a9a9a9; } .elfinder .ui-state-active .elfinder-navbar-arrow { color: #fff; } .elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow:before { content: '\e857'; } .elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow:before { content: '\e858'; } .elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow:before, .elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow:before { content: '\e851'; } .elfinder .elfinder-cwd table thead td.ui-state-hover{ color: #000 !important; } .elfinder .elfinder-cwd table thead td.ui-state-active { background: #737f86 !important; color: #fff !important; } .elfinder .elfinder-cwd table thead td { padding: 6px 12px !important; background: #d7d7d7 !important; } .elfinder-ltr .elfinder-cwd table td { text-align: left; } .elfinder .elfinder-cwd table td { padding: 4px 12px !important; } .elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-filename { padding-left: 23px; } div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon { font-size: 8px; margin-top: 5px; margin-right: 5px; } div.elfinder-cwd-wrapper-list .ui-icon-grip-dotted-vertical { margin: 2px; } .elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon, .elfinder-navbar-root-local .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon, .elfinder-navbar-root-ftp .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon, .elfinder-navbar-root-sql .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon, .elfinder-navbar-root-dropbox .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon, .elfinder-navbar-root-googledrive .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon, .elfinder-navbar-root-onedrive .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon, .elfinder-navbar-root-box .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon, .elfinder-navbar-root-trash .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon, .elfinder-navbar-root-zip .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon, .elfinder-navbar-root-network .elfinder-cwd-icon { background-image: inherit; } .elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before, .elfinder-navbar-root-local .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before, .elfinder-navbar-root-ftp .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before, .elfinder-navbar-root-sql .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon:before, .elfinder-navbar-root-dropbox .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon:before, .elfinder-navbar-root-googledrive .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon:before, .elfinder-navbar-root-onedrive .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon:before, .elfinder-navbar-root-box .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before, .elfinder-navbar-root-trash .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before, .elfinder-navbar-root-zip .elfinder-cwd-icon:before, .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before, .elfinder-navbar-root-network .elfinder-cwd-icon:before { font-family: material; background-color: transparent; color: #525252; font-size: 55px; position: relative; top: -10px !important; padding: 0; display: contents !important; } .elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before, .elfinder-navbar-root-local .elfinder-cwd-icon:before { content: '\e83d'; } .elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before, .elfinder-navbar-root-ftp .elfinder-cwd-icon:before { content: '\e823'; } .elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before, .elfinder-navbar-root-sql .elfinder-cwd-icon:before { content: '\e83e'; } .elfinder-cwd-view-list .elfinder-navbar-roor-dropbox td .elfinder-cwd-icon:before, .elfinder-navbar-roor-dropbox .elfinder-cwd-icon:before { content: '\e83f'; } .elfinder-cwd-view-list .elfinder-navbar-roor-googledrive td .elfinder-cwd-icon:before, .elfinder-navbar-roor-googledrive .elfinder-cwd-icon:before { content: '\e840'; } .elfinder-cwd-view-list .elfinder-navbar-roor-onedrive td .elfinder-cwd-icon:before, .elfinder-navbar-roor-onedrive .elfinder-cwd-icon:before { content: '\e841'; } .elfinder-cwd-view-list .elfinder-navbar-roor-box td .elfinder-cwd-icon:before, .elfinder-navbar-roor-box .elfinder-cwd-icon:before { content: '\e842'; } .elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before, .elfinder-navbar-root-trash .elfinder-cwd-icon:before { content: '\e80b'; } .elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before, .elfinder-navbar-root-zip .elfinder-cwd-icon:before { content: '\e85c'; } .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before, .elfinder-navbar-root-network .elfinder-cwd-icon:before { content: '\e823'; } .elfinder-dialog-icon { font: normal normal normal 14px/1 material; background: inherit; color: #524949; font-size: 37px; } .elfinder-dialog-icon:before { content: '\e843'; } .elfinder-dialog-icon-mkdir:before { content: '\e808'; } .elfinder-dialog-icon-mkfile:before { content: '\e809'; } .elfinder-dialog-icon-copy:before { content: '\e80d'; } .elfinder-dialog-icon-prepare:before, .elfinder-dialog-icon-move:before { content: '\e844'; } .elfinder-dialog-icon-upload:before, .elfinder-dialog-icon-chunkmerge:before { content: '\e815'; } .elfinder-dialog-icon-rm:before { content: '\e80a'; } .elfinder-dialog-icon-open:before, .elfinder-dialog-icon-readdir:before, .elfinder-dialog-icon-file:before { content: '\e807'; } .elfinder-dialog-icon-reload:before { content: '\e806'; } .elfinder-dialog-icon-download:before { content: '\e816'; } .elfinder-dialog-icon-save:before { content: '\e845'; } .elfinder-dialog-icon-rename:before { content: '\e812'; } .elfinder-dialog-icon-zipdl:before, .elfinder-dialog-icon-archive:before { content: '\e819'; } .elfinder-dialog-icon-extract:before { content: '\e818'; } .elfinder-dialog-icon-search:before { content: '\e81f'; } .elfinder-dialog-icon-loadimg:before { content: '\e846'; } .elfinder-dialog-icon-url:before { content: '\e81e'; } .elfinder-dialog-icon-resize:before { content: '\e81d'; } .elfinder-dialog-icon-netmount:before { content: '\e823'; } .elfinder-dialog-icon-netunmount:before { content: '\e824'; } .elfinder-dialog-icon-chmod:before { content: '\e826'; } .elfinder-dialog-icon-preupload:before, .elfinder-dialog-icon-dim:before { content: '\e847'; } .elfinder-contextmenu .elfinder-contextmenu-item span.elfinder-contextmenu-icon { font-size: 16px; } .elfinder-contextmenu .elfinder-contextmenu-item .elfinder-contextsubmenu-item .ui-icon { font-size: 15px; } .elfinder-contextmenu .elfinder-contextmenu-item .elfinder-button-icon-link:before { content: '\e837'; } .elfinder .elfinder-contextmenu-extra-icon { margin-top: -6px; } .elfinder .elfinder-contextmenu-extra-icon a { padding: 5px; margin: -16px; } .elfinder-button-icon-link:before { content: '\e81e' !important; } .elfinder .elfinder-contextmenu-arrow { font: normal normal normal 14px/1 material; background-image: inherit; font-size: 10px !important; padding-top: 3px; } .elfinder .elfinder-contextmenu-arrow:before { content: '\e857'; } .elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image: inherit; } .elfinder-quicklook .ui-resizable-se { background: inherit; } .elfinder-quicklook-navbar-icon { background: transparent; font: normal normal normal 14px/1 material; font-size: 24px; width: 24px; height: 24px; color: #fff; } .elfinder-quicklook-titlebar-icon { margin-top: -8px; } .elfinder-quicklook-titlebar-icon .ui-icon { border: 0; opacity: 0.8; font-size: 15px; padding: 1px; } .elfinder-quicklook-titlebar .ui-icon-circle-close, .elfinder-quicklook .ui-icon-gripsmall-diagonal-se { color: #f1f1f1; } .elfinder-quicklook-navbar-icon-prev:before { content: '\e848'; } .elfinder-quicklook-navbar-icon-next:before { content: '\e849'; } .elfinder-quicklook-navbar-icon-fullscreen:before { content: '\e84a'; } .elfinder-quicklook-navbar-icon-fullscreen-off:before { content: '\e84b'; } .elfinder-quicklook-navbar-icon-close:before { content: '\e84c'; } .elfinder .ui-button-icon { background-image: inherit; } .elfinder .ui-icon-search:before { content: '\e81f'; } .elfinder .ui-icon-closethick:before, .elfinder .ui-icon-close:before { content: '\e839'; } .elfinder .ui-icon-circle-close:before { content: '\e84c'; } .elfinder .ui-icon-gear:before { content: '\e82f'; } .elfinder .ui-icon-gripsmall-diagonal-se:before { content: '\e838'; } .elfinder .ui-icon-locked:before { content: '\e834'; } .elfinder .ui-icon-unlocked:before { content: '\e836'; } .elfinder .ui-icon-arrowrefresh-1-n:before { content: '\e821'; } .elfinder .ui-icon-plusthick:before { content: '\e83a'; } .elfinder .ui-icon-arrowreturnthick-1-s:before { content: '\e83b'; } .elfinder .ui-icon-minusthick:before { content: '\e83c'; } .elfinder .ui-icon-pin-s:before { content: '\e84d'; } .elfinder .ui-icon-check:before { content: '\e84e'; } .elfinder .ui-icon-arrowthick-1-s:before { content: '\e84f'; } .elfinder .ui-icon-arrowthick-1-n:before { content: '\e850'; } .elfinder .ui-icon-triangle-1-s:before { content: '\e851'; } .elfinder .ui-icon-triangle-1-n:before { content: '\e852'; } .elfinder .ui-icon-grip-dotted-vertical:before { content: '\e853'; } .elfinder-lock, .elfinder-perms, .elfinder-symlink { background-image: inherit; font: normal normal normal 18px/1 material; color: #4d4d4d; } .elfinder-na .elfinder-perms:before { content: '\e824'; } .elfinder-ro .elfinder-perms:before { content: '\e835'; } .elfinder-wo .elfinder-perms:before { content: '\e854'; } .elfinder-group .elfinder-perms:before { content: '\e800'; } .elfinder-lock:before { content: '\e84d'; } .elfinder-symlink:before { content: '\e837'; } .elfinder .elfinder-toast > div { font: normal normal normal 14px/1 material; } .elfinder .elfinder-toast > div:before { font-size: 45px; position: absolute; left: 5px; top: 15px; } .elfinder .elfinder-toast > .toast-info, .elfinder .elfinder-toast > .toast-error, .elfinder .elfinder-toast > .toast-success, .elfinder .elfinder-toast > .toast-warning { background-image: inherit !important; } .elfinder .elfinder-toast > .toast-info:before { content: '\e817'; color: #3498db; } .elfinder .elfinder-toast > .toast-error:before { content: '\e855'; color: #f44336; } .elfinder .elfinder-toast > .toast-success:before { content: '\e84e'; color: #4caf50; } .elfinder .elfinder-toast > .toast-warning:before { content: '\e856'; color: #ff9800; } .elfinder-drag-helper-icon-status { font: normal normal normal 14px/1 material; background: inherit; } .elfinder-drag-helper-icon-status:before { content: '\e824'; } .elfinder-drag-helper-move .elfinder-drag-helper-icon-status { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .elfinder-drag-helper-move .elfinder-drag-helper-icon-status:before { content: '\e854'; } .elfinder-drag-helper-plus .elfinder-drag-helper-icon-status { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .elfinder-drag-helper-plus .elfinder-drag-helper-icon-status:before { content: '\e84c'; } /** * MIME Types */ .elfinder-cwd-view-list td .elfinder-cwd-icon { background-image: url("../../material/images/icons-small.svg"); } .elfinder-cwd-icon { background: url("../../material/images/icons-big.svg") 0 0 no-repeat; border-radius: 0; } .elfinder-cwd-icon:before { font-size: 10px; position: relative; top: 27px; left: inherit; padding: 1px; background-color: transparent; } .elfinder-cwd-icon-directory { background-position: 0 -50px; } .elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon { background-position: 0 -100px; } .elfinder-cwd-icon-group { background-position: 0 -150px; } .elfinder-cwd-icon-application { background-position: 0 -200px; } .elfinder-cwd-icon-rtf, .elfinder-cwd-icon-rtfd, .elfinder-cwd-icon-text { background-position: 0 -250px; } .elfinder-cwd-icon-image { background-position: 0 -300px; } .elfinder-cwd-icon-audio { background-position: 0 -350px; } .elfinder-cwd-icon-video, .elfinder-cwd-icon-flash-video, .elfinder-cwd-icon-dash-xml, .elfinder-cwd-icon-vnd-apple-mpegurl, .elfinder-cwd-icon-x-mpegurl { background-position: 0 -400px; } .elfinder-cwd-icon-plain, .elfinder-cwd-icon-x-empty { background-position: 0 -450px; } .elfinder-cwd-icon-pdf { background-position: 0 -500px; } .elfinder-cwd-icon-vnd-ms-office { background-position: 0 -550px; } .elfinder-cwd-icon-x-msaccess { background-position: 0 -600px; } .elfinder-cwd-icon-x-msaccess:before { content: none !important; } .elfinder-cwd-icon-ms-excel, .elfinder-cwd-icon-vnd-ms-excel, .elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12 { background-position: 0 -650px; } .elfinder-cwd-icon-ms-excel:before, .elfinder-cwd-icon-vnd-ms-excel:before, .elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12:before { content: none !important; } .elfinder-cwd-icon-vnd-ms-powerpoint, .elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12 { background-position: 0 -700px; } .elfinder-cwd-icon-vnd-ms-powerpoint:before, .elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12:before { content: none !important; } .elfinder-cwd-icon-msword, .elfinder-cwd-icon-vnd-ms-word, .elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12 { background-position: 0 -750px; } .elfinder-cwd-icon-msword:before, .elfinder-cwd-icon-vnd-ms-word:before, .elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12:before, .elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12:before { content: none !important; } .elfinder-cwd-icon-vnd-oasis-opendocument-base, .elfinder-cwd-icon-vnd-oasis-opendocument-chart, .elfinder-cwd-icon-vnd-oasis-opendocument-database, .elfinder-cwd-icon-vnd-oasis-opendocument-formula, .elfinder-cwd-icon-vnd-oasis-opendocument-graphics, .elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template, .elfinder-cwd-icon-vnd-oasis-opendocument-image, .elfinder-cwd-icon-vnd-openofficeorg-extension { background-position: 0 -800px; } .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet, .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template { background-position: 0 -850px; } .elfinder-cwd-icon-vnd-oasis-opendocument-presentation, .elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template { background-position: 0 -900px; } .elfinder-cwd-icon-vnd-oasis-opendocument-text, .elfinder-cwd-icon-vnd-oasis-opendocument-text-master, .elfinder-cwd-icon-vnd-oasis-opendocument-text-template, .elfinder-cwd-icon-vnd-oasis-opendocument-text-web, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template { background-position: 0 -950px; } .elfinder-cwd-icon-zip, .elfinder-cwd-icon-x-zip, .elfinder-cwd-icon-x-xz, .elfinder-cwd-icon-x-7z-compressed, .elfinder-cwd-icon-x-gzip, .elfinder-cwd-icon-x-tar, .elfinder-cwd-icon-x-bzip, .elfinder-cwd-icon-x-bzip2, .elfinder-cwd-icon-x-rar, .elfinder-cwd-icon-x-rar-compressed { background-position: 0 -1000px; } .elfinder-cwd-icon-postscript { background-position: 0 -1050px; } .elfinder-cwd-icon-vnd-adobe-photoshop { background-position: 0 -1100px; } .elfinder-cwd-icon-vnd-adobe-photoshop:before { content: none !important; } .elfinder-cwd-icon-x-shockwave-flash { background-position: 0 -1150px; } .elfinder-cwd-icon-vnd-android-package-archive { background-position: 0 -1200px; } .elfinder-cwd-icon-vnd-android-package-archive:before { content: none !important; } .elfinder-cwd-icon-x-c, .elfinder-cwd-icon-x-csrc, .elfinder-cwd-icon-x-chdr, .elfinder-cwd-icon-x-c--, .elfinder-cwd-icon-x-c--src, .elfinder-cwd-icon-x-c--hdr { background-position: 0 -1250px; } .elfinder-cwd-icon-css { background-position: 0 -1300px; } .elfinder-cwd-icon-html { background-position: 0 -1350px; } .elfinder-cwd-icon-x-jar, .elfinder-cwd-icon-x-java, .elfinder-cwd-icon-x-java-source { background-position: 0 -1400px; } .elfinder-cwd-icon-x-jar:before, .elfinder-cwd-icon-x-java:before, .elfinder-cwd-icon-x-java-source:before { content: none !important; } .elfinder-cwd-icon-javascript, .elfinder-cwd-icon-x-javascript { background-position: 0 -1450px; } .elfinder-cwd-icon-json { background-position: 0 -1500px; } .elfinder-cwd-icon-json:before { content: none !important; } .elfinder-cwd-icon-markdown, .elfinder-cwd-icon-x-markdown { background-position: 0 -1550px; } .elfinder-cwd-icon-markdown:before, .elfinder-cwd-icon-x-markdown:before { content: none !important; } .elfinder-cwd-icon-x-perl { background-position: 0 -1600px; } .elfinder-cwd-icon-x-php { background-position: 0 -1650px; } .elfinder-cwd-icon-x-python:after, .elfinder-cwd-icon-x-python { background-position: 0 -1700px; } .elfinder-cwd-icon-x-ruby { background-position: 0 -1750px; } .elfinder-cwd-icon-x-sh, .elfinder-cwd-icon-x-shellscript { background-position: 0 -1800px; } .elfinder-cwd-icon-sql, .elfinder-cwd-icon-x-sql, .elfinder-cwd-icon-x-sqlite3 { background-position: 0 -1850px; } .elfinder-cwd-icon-x-eps, .elfinder-cwd-icon-svg, .elfinder-cwd-icon-svg-xml { background-position: 0 -1900px; } .elfinder-cwd-icon-xml:after, .elfinder-cwd-icon-xml { background-position: 0 -1950px; } .elfinder-cwd-icon-zip:before, .elfinder-cwd-icon-x-zip:before { content: 'zip' !important; } .elfinder-cwd-icon-x-xz:before { content: 'xz' !important; } .elfinder-cwd-icon-x-7z-compressed:before { content: '7z' !important; } .elfinder-cwd-icon-x-gzip:before { content: 'gzip' !important; } .elfinder-cwd-icon-x-tar:before { content: 'tar' !important; } .elfinder-cwd-icon-x-bzip:before, .elfinder-cwd-icon-x-bzip2:before { content: 'bzip' !important; } .elfinder-cwd-icon-x-rar:before, .elfinder-cwd-icon-x-rar-compressed:before { content: 'rar' !important; } /** * Toolbar */ .elfinder-toolbar { background: #3b4047; border-radius: 0; border: 0; padding: 5px 0; } .elfinder-toolbar .elfinder-button-icon { font-size: 20px; color: #ddd; margin-top: -2px; } .elfinder-buttonset { border-radius: 0; border: 0; margin: 0 5px; height: 24px; } .elfinder .elfinder-button { background: transparent; border-radius: 0; cursor: pointer; color: #efefef; } .elfinder .elfinder-button-text { top: -3px; margin-left: 6px; } .elfinder-toolbar-button-separator { border: 0; } .elfinder-button-menu { border-radius: 2px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); border: none; margin-top: 5px; } .elfinder-button-menu-item { color: #666; padding: 6px 19px; } .elfinder-button-menu-item.ui-state-hover { color: #141414; background-color: #f5f4f4; } .elfinder-button-menu-item-separated { border-top: 1px solid #e5e5e5; } .elfinder-button-menu-item-separated.ui-state-hover { border-top: 1px solid #e5e5e5; } .elfinder .elfinder-button-search { margin: 0 10px; min-height: inherit; overflow: hidden; } .elfinder .elfinder-button-search .ui-icon { color: #fff !important; } .elfinder .elfinder-button-search input { background: rgba(40, 42, 45, 0.79); border-radius: 2px; box-sizing: content-box; border: 0; margin: 0; padding: 0 23px; height: 24px !important; color: #fff; } .elfinder .elfinder-button-search .elfinder-button-menu { margin-top: 4px; border: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } .elfinder .elfinder-button-search-menu { border-radius: 0; top: 30px !important; } .elfinder .elfinder-button-search-menu .ui-button { padding: 0.4em 1em !important; } /** * Navbar */ .elfinder .elfinder-navbar { background: #535e64; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6); border: none; } .elfinder .elfinder-navbar .elfinder-lock, .elfinder .elfinder-navbar .elfinder-perms, .elfinder .elfinder-navbar .elfinder-symlink { color: #1d1d1d; opacity: 0.8; } .elfinder-navbar-dir { color: #e6e6e6; cursor: pointer; border-radius: 2px; padding: 5px; border: none; } .elfinder-navbar-dir .elfinder-navbar-icon { color: #fff; } .elfinder-navbar-dir.ui-state-hover, .elfinder-navbar-dir.ui-state-active.ui-state-hover { background: #3c4448; color: #e6e6e6; border: none; } .elfinder-navbar-dir.ui-state-hover .elfinder-navbar-icon, .elfinder-navbar-dir.ui-state-active.ui-state-hover .elfinder-navbar-icon { color: #fff; } .elfinder-navbar .ui-state-active, .elfinder-disabled .elfinder-navbar .ui-state-active { background: #41494e; color: #e8e8e8 !important; border: none; } .elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon, .elfinder-disabled .elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon { color: #e8e8e8 !important; } /** * Workzone */ .elfinder-workzone { background: #cdcfd4; } .elfinder-cwd-file { color: #555; } .elfinder-cwd-file.ui-state-hover, .elfinder-cwd-file.ui-selected.ui-state-hover { background: #4c5961; color: #ddd; } .elfinder-cwd-file.ui-selected { background: #455158; color: #555; } .elfinder-cwd-filename input, .elfinder-cwd-filename textarea { padding: 2px; border-radius: 2px !important; background: #fff; color: #222; } .elfinder-cwd-filename input:focus, .elfinder-cwd-filename textarea:focus { outline: none; border: 1px solid #555; } .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover, .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover, .elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover, .elfinder-disabled .elfinder-cwd table td.ui-state-hover, .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active { background: transparent; color: #ddd; } .elfinder-cwd table { padding: 0; } .elfinder-cwd table thead td { padding: 5px 14px !important; } .elfinder-cwd table tr { border: 0 !important; } .elfinder-cwd table tr.ui-state-default, .elfinder-cwd table tr.ui-widget-content .ui-state-default { background: none; } .elfinder-cwd table tr .ui-state-hover { background: #4c5961; color: #ddd; } .elfinder-cwd.elfinder-table-header-sticky table { border: 0; } .elfinder-cwd .elfinder-lock, .elfinder-cwd .elfinder-perms, .elfinder-cwd .elfinder-symlink { color: #4d4d4d; } .elfinder-cwd-view-icons .elfinder-lock { top: 0; } .elfinder-cwd-view-list thead td .ui-resizable-handle { top: 3px; } .elfinder-cwd-view-list .elfinder-lock, .elfinder-cwd-view-list .elfinder-perms, .elfinder-cwd-view-list .elfinder-symlink { font-size: 14px; opacity: 0.7; } .elfinder-cwd-view-list .elfinder-perms { left: inherit; } #elfinder-elfinder-cwd-thead td, .elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td { background: #353b42; color: #ddd !important; height: 18px; } #elfinder-elfinder-cwd-thead td.ui-state-hover, .elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-hover, #elfinder-elfinder-cwd-thead td.ui-state-active, .elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-active { background: #2a2e34 !important; } #elfinder-elfinder-cwd-thead td.ui-state-active.ui-state-hover, .elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-active.ui-state-hover { background: #2e333a !important; } .elfinder .ui-selectable-helper { border: 1px solid #3b4047; background-color: rgba(104, 111, 121, 0.5); } .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash { background-color: #e4e4e4; } .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file { color: #333; } .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-state-hover, .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected.ui-state-hover { background: #4c5961; color: #ddd; } .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected { background: #455158; color: #555; } .elfinder-info-title .elfinder-cwd-icon:before { top: 32px; display: block; margin: 0 auto; } .elfinder-info-title .elfinder-cwd-icon.elfinder-cwd-bgurl:before { background-color: #313131 !important; } .elfinder-cwd-view-icons .elfinder-cwd-icon.elfinder-cwd-bgurl:before { left: inherit; background-color: #313131; } .elfinder-cwd-icon:before, .elfinder-quicklook .elfinder-cwd-icon:before, .elfinder-cwd-size1 .elfinder-cwd-icon:before, .elfinder-cwd-size2 .elfinder-cwd-icon:before, .elfinder-cwd-size3 .elfinder-cwd-icon:before, .elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before, .elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before, .elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before { top: 35px; left: 50% !important; position: relative !important; display: block !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 52px; color: #fff; } .elfinder .elfinder-cwd-view-icons .elfinder-cwd-bgurl:after, .elfinder .elfinder-quicklook-info-wrapper .elfinder-cwd-bgurl:after { display: none; } .elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before { top: 53px; -webkit-transform: scale(1.32) translateX(-50%); transform: scale(1.32) translateX(-50%); } .elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before { top: 74px; -webkit-transform: scale(1.53) translateX(-50%); transform: scale(1.53) translateX(-50%); } .elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before { top: 87px; -webkit-transform: scale(2.22) translateX(-50%); transform: scale(2.22) translateX(-50%); } /** * Status Bar */ .elfinder .elfinder-statusbar { background: #3b4047; border-radius: 0; border: 0; color: #cfd2d4; padding-top: 5px; } .elfinder-path, .elfinder-stat-size { margin: 0 15px; } /** * Input & Select */ .elfinder input, .elfinder select { padding: 4px; color: #666; background: #fff; border-radius: 3px; font-weight: normal; border-color: #888; box-shadow: none !important; } .elfinder input.ui-state-hover, .elfinder select.ui-state-hover { background: #fff !important; color: #666 !important; } .elfinder input[type="checkbox"] { position: relative; height: initial; } .elfinder input[type="checkbox"]:after, .elfinder input[type="checkbox"]:focus:after { content: ""; display: block; width: 12px; height: 12px; border: 1px solid #707070; background-color: #fff; border-radius: 2px; } .elfinder input[type="checkbox"]:checked:before { content: ""; position: absolute; top: -3px; left: 6px; display: table; width: 4px; height: 12px; border: 2px solid #707070; border-top-width: 0; border-left-width: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /** * Buttons */ .elfinder .ui-button, .elfinder .ui-button:active, .elfinder .ui-button.ui-state-default { display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; border-radius: 3px; text-transform: uppercase; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) !important; transition: all 0.4s; background: #fff; color: #222; border: none; padding: 7px 6px; } .elfinder .ui-button .ui-icon, .elfinder .ui-button:active .ui-icon, .elfinder .ui-button.ui-state-default .ui-icon { color: #222; } .elfinder .ui-button:hover, .elfinder a.ui-button:active, .elfinder .ui-button:active, .elfinder .ui-button:focus, .elfinder .ui-button.ui-state-hover, .elfinder .ui-button.ui-state-active { background: #3498db !important; color: #fff !important; border: none; } .elfinder .ui-button:hover .ui-icon, .elfinder a.ui-button:active .ui-icon, .elfinder .ui-button:active .ui-icon, .elfinder .ui-button:focus .ui-icon, .elfinder .ui-button.ui-state-hover .ui-icon, .elfinder .ui-button.ui-state-active .ui-icon { color: #fff; } .elfinder .ui-button.ui-state-active:hover { background: #217dbb; color: #fff; border: none; } .elfinder .ui-button:focus { outline: none !important; } .elfinder .ui-controlgroup-horizontal .ui-button { border-radius: 0; border: 0; } .elfinder input:not([type="checkbox"]), .elfinder .elfinder-resize-preset-container .ui-button { height: 21px; } /** * Context Menu */ .elfinder .elfinder-contextmenu, .elfinder .elfinder-contextmenu-sub { border-radius: 2px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); border: none; } .elfinder .elfinder-contextmenu-separator, .elfinder .elfinder-contextmenu-sub-separator { border-top: 1px solid #e5e5e5; } .elfinder .elfinder-contextmenu-item { color: #666; padding: 5px 30px; } .elfinder .elfinder-contextmenu-item.ui-state-hover { background-color: #f5f4f4; color: #141414; } .elfinder .elfinder-contextmenu-item.ui-state-active { background-color: #2196f3; color: #fff; } /** * Dialogs */ .elfinder .elfinder-dialog { border-radius: 0; border: 0; box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6); } .elfinder .elfinder-dialog .ui-dialog-content[id*="edit-elfinder-elfinder-"] { padding: 0; } .elfinder .elfinder-dialog .ui-tabs { border-radius: 0; border: 0; padding: 0; } .elfinder .elfinder-dialog .ui-tabs-nav { border-radius: 0; border: 0; background: transparent; border-bottom: 1px solid #ddd; } .elfinder .elfinder-dialog .ui-tabs-nav li { border: 0; font-weight: normal; background: transparent; margin: 0; padding: 0; } .elfinder .elfinder-dialog .ui-tabs-nav li a { padding: 7px 9px; } .elfinder .elfinder-dialog .ui-tabs-nav .ui-tabs-selected a, .elfinder .elfinder-dialog .ui-tabs-nav .ui-state-active a, .elfinder .elfinder-dialog .ui-tabs-nav li:hover a { box-shadow: inset 0 -2px 0 #3498db; color: #3498db; } .elfinder .elfinder-dialog .ui-tabs .elfinder-tabstop.ui-state-hover { background: transparent; box-shadow: inset 0 -2px 0 #3498db; color: #3498db; } .elfinder .elfinder-dialog label.ui-state-hover { background: transparent; } .elfinder .elfinder-dialog .ui-resizable-se { display: none; } .std42-dialog .ui-dialog-titlebar { background: #353b44; border-radius: 0; border: 0; } .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon { border-color: inherit; transition: 0.2s ease-out; opacity: 0.8; color: #fff; width: auto; height: auto; font-size: 12px; padding: 3px; } .std42-dialog, .std42-dialog .ui-dialog-content, .std42-dialog.elfinder-bg-translucent, .std42-dialog.elfinder-bg-translucent .ui-widget-content { background-color: #fff; } .std42-dialog .ui-dialog-buttonpane button { margin: -1px 2px 2px; padding: 7px 6px; } .std42-dialog .ui-dialog-buttonpane button span.ui-icon { padding: 0; } .std42-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras select { margin-top: 0; } .std42-dialog, .std42-dialog .ui-widget-content { background-color: #fff; } .elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon, .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon { background-color: #f44336; } .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon, .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon { background-color: #4caf50; } .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon, .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon { background-color: #ff9800; } .elfinder-dialog-title { color: #f1f1f1; } .elfinder .ui-widget-content { font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; color: #546e7a; } .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect { width: inherit; height: inherit; padding: 7px; margin-left: 5px; color: #222; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); background: #fff; bottom: 4px; border-radius: 2px; } .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect.ui-state-hover { background: #3498db !important; color: #fff !important; outline: none; } .elfinder-upload-dialog-wrapper .ui-button { padding: 0.4em 3px; margin: 0 -15px 0 19px; } .elfinder-upload-dropbox { border: 2px dashed #bbb; } .elfinder-upload-dropbox:focus { outline: none; } .elfinder-upload-dropbox.ui-state-hover { background: #f1f1f1; border: 2px dashed #bbb; } .elfinder-dialog-resize .elfinder-resize-control-panel { margin-left: -5px; } .elfinder-dialog-resize .elfinder-resize-control-panel .ui-button { height: inherit; margin-bottom: 5px; } .elfinder-help * { color: #546e7a; } .elfinder-help a { color: #3498db; } .elfinder-help a:hover { color: #217dbb; } .elfinder .ui-slider.ui-slider-horizontal { height: 2px; border: 0; background-color: #bababa !important; } .elfinder .ui-slider .ui-slider-handle { background-image: none; background-color: #5d5858; border-radius: 50%; border: 0; margin-top: -3px; } .elfinder .ui-slider .ui-slider-handle.ui-state-hover { background: #5d5858 !important; box-shadow: none !important; border-radius: 50%; cursor: pointer; } /** * Quick Look */ .elfinder-quicklook { background: #232323; border-radius: 2px; } .elfinder-quicklook-navbar { height: 27px; } .elfinder-quicklook-titlebar { background: inherit; } .elfinder-quicklook-titlebar-icon, .elfinder-quicklook-titlebar-icon .ui-icon { background: transparent; color: #fff; } .elfinder-quicklook-fullscreen .elfinder-quicklook-navbar { border: inherit; opacity: inherit; border-radius: 4px; background: rgba(66, 66, 66, 0.73); } .elfinder .elfinder-navdock { border: 0; } .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon, .elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon, .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close:hover, .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close, .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon, .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon, .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize:hover, .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize, .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon, .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon, .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full:hover, .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full { background-image: none; } ทำไมเรื่องเพศของวัยรุ่นจึงสำคัญกว่าที่คิด – Crafted Web Campus

ทำไมเรื่องเพศของวัยรุ่นจึงสำคัญกว่าที่คิด

ช่วงวัยรุ่นเป็นช่วงที่ร่างกายและอารมณ์เปลี่ยนแปลงอย่างรวดเร็ว ทำให้เรื่องเพศเป็นเรื่องที่หลายคนสงสัยและอยากเข้าใจมากขึ้น การพูดคุยเรื่องเพศอย่างเปิดใจจึงช่วยให้วัยรุ่นตัดสินใจได้อย่างปลอดภัยและรับผิดชอบต่อตัวเอง เพศสัมพันธ์ในวัยรุ่นไม่ใช่เรื่องน่าอาย แต่ควรมาพร้อมความรู้และการป้องกันที่ถูกต้อง

ทำความเข้าใจพัฒนาการทางเพศของวัยรุ่นในสังคมไทย

ในค่ำคืนที่แสงไฟในตลาดกลางคืนสาดส่อง ครูแนนสังเกตเห็นเด็กสาววัยมัธยมคนหนึ่งยืนหน้าแดงอยู่หน้าร้านหนังสือ เธอกำลังเลือกหนังสือที่พูดถึง พัฒนาการทางเพศของวัยรุ่น อย่างลังเล ครูแนนจึงนั่งลงข้างๆ แล้วเล่าว่าเมื่อสิบปีก่อนเธอเองก็เคยสับสนแบบนี้ การเข้าใจการเปลี่ยนแปลงของร่างกาย อารมณ์ และความสัมพันธ์ในบริบทสังคมไทยที่เต็มไปด้วยขนบธรรมเนียมและความเงียบ เป็นก้าวสำคัญที่ทำให้วัยรุ่นกล้าถาม กล้าเรียนรู้ และรู้จักขอบเขตของตัวเองมากขึ้น เมื่อเด็กสาวพยักหน้าและยิ้ม ครูแนนรู้ว่านี่คือจุดเริ่มต้นของการเติบโตที่ปลอดภัย

ถาม: ทำไมการพูดคุยเรื่องเพศในสังคมไทยจึงสำคัญ?
ตอบ: เพราะช่วยให้วัยรุ่นเข้าใจตัวเอง มีภูมิคุ้มกันทางใจ และลดความเสี่ยงจากข้อมูลผิดๆ

การเปลี่ยนแปลงทางร่างกายและฮอร์โมนในช่วงวัยรุ่น

การทำความเข้าใจพัฒนาการทางเพศของวัยรุ่นในสังคมไทย เป็นเรื่องที่ผู้ใหญ่ควรใส่ใจเพราะวัยนี้เป็นช่วงเปลี่ยนผ่านทั้งร่างกายและจิตใจ วัยรุ่นไทยต้องรับมือกับทั้งขนบธรรมเนียมเดิมและสื่อออนไลน์ที่เปิดกว้างมากขึ้น การคุยกันอย่างเปิดใจ ไม่ตัดสิน และให้ข้อมูลที่ถูกต้องจะช่วยให้พวกเขาตัดสินใจได้อย่างปลอดภัย ลองเริ่มจากสิ่งที่ทำได้ง่าย ๆ:

  • ฟังมากกว่าพูด เพื่อเข้าใจความรู้สึกจริง ๆ
  • ให้ความรู้เรื่องเพศที่ถูกต้องตามวัย
  • สร้างพื้นที่ปลอดภัยให้ถามได้ทุกเรื่อง

ปัจจัยทางจิตใจที่ส่งผลต่อความสนใจเรื่องเพศ

การทำความเข้าใจพัฒนาการทางเพศของวัยรุ่นในสังคมไทยต้องมองทั้งมิติชีววิทยา จิตสังคม และวัฒนธรรมที่เปลี่ยนแปลงอย่างรวดเร็ว ผู้เชี่ยวชาญแนะนำให้ผู้ปกครองและครูเปิดพื้นที่สนทนาแบบไม่ตัดสิน รับฟังอย่างตั้งใจ และให้ข้อมูลที่ถูกต้องเรื่องการเปลี่ยนแปลงของร่างกาย อารมณ์ และขอบเขตความสัมพันธ์ ควบคู่กับการปลูกฝังทักษะการตัดสินใจและการป้องกันตนเอง การสื่อสารอย่างเปิดใจเป็นเครื่องมือสำคัญที่ช่วยลดความเสี่ยงและเสริมสร้างสุขภาวะทางเพศอย่างยั่งยืน

อิทธิพลของครอบครัวและวัฒนธรรมไทยต่อทัศนคติเรื่องเพศ

การทำความเข้าใจพัฒนาการทางเพศของวัยรุ่นในสังคมไทยเป็นสิ่งสำคัญที่ต้องพิจารณาทั้งปัจจัยทางชีววิทยา สังคม และวัฒนธรรม วัยรุ่นไทยเผชิญการเปลี่ยนแปลงทางร่างกายและอารมณ์ควบคู่กับค่านิยมเรื่องเพศที่เคร่งครัดและการเปิดรับสื่อออนไลน์มากขึ้น การสื่อสารที่เปิดกว้างจากครอบครัว โรงเรียน และชุมชนช่วยลดความเสี่ยงพฤติกรรมทางเพศที่ไม่ปลอดภัย ทั้งนี้ การให้ความรู้เรื่องเพศศึกษาที่เหมาะสมกับวัย ควรเริ่มตั้งแต่ก่อนวัยรุ่น เพื่อส่งเสริมการตัดสินใจอย่างมีความรับผิดชอบและลดปัญหาท้องไม่พร้อมในกลุ่มเยาวชนไทย

บทบาทของสถาบันการศึกษากับการให้ความรู้เพศศึกษา

สถาบันการศึกษามีบทบาทสำคัญในการเป็นแหล่งเรียนรู้ที่ปลอดภัยและเป็นระบบสำหรับเพศศึกษา โดยไม่จำกัดเพียงการสอนเรื่องชีววิทยา แต่ต้องครอบคลุมมิติทางสังคม อารมณ์ และจริยธรรม เพื่อให้นักเรียนรู้เท่าทันตนเองและผู้อื่น การบูรณาการ เพศศึกษาในหลักสูตร ตั้งแต่ระดับประถมศึกษาช่วยสร้างพื้นฐานเรื่องการยินยอม ความเคารพ และการป้องกันความเสี่ยงได้อย่างเหมาะสม ครูควรได้รับการฝึกอบรมด้านทักษะการสื่อสารและความละเอียดอ่อนทางวัฒนธรรม เพื่อลดความเขินอายและเปิดพื้นที่สนทนาเชิงบวก นอกจากนี้ การมีส่วนร่วมของผู้ปกครองและชุมชนจะเสริมความต่อเนื่องของบทเรียน ส่งผลให้ การเรียนรู้เพศศึกษาที่มีประสิทธิภาพ นำไปสู่พฤติกรรมสุขภาพที่ดีและความสัมพันธ์ที่ปลอดภัยในระยะยาว

หลักสูตรเพศศึกษาในโรงเรียนไทยปัจจุบัน

สถาบันการศึกษามีบทบาทสำคัญในการให้เพศศึกษาที่รอบด้าน ไม่ใช่เพียงการสอนเรื่องชีววิทยา แต่ต้องครอบคลุมทักษะชีวิต การเคารพตนเองและผู้อื่น รวมถึงการตัดสินใจอย่างปลอดภัย ครูควรเป็น facilitator ที่เปิดพื้นที่ปลอดภัยให้นักเรียนถามได้โดยไม่ตัดสิน ควรร่วมมือกับผู้ปกครองและบุคลากรสุขภาพเพื่อความต่อเนื่อง แนวทางที่ได้ผลคือ

  • บูรณาการเพศศึกษาในทุกช่วงวัยอย่างเหมาะสม
  • ใช้ข้อมูลอิงหลักฐานและไม่ตีตรา
  • เปิดช่องทางปรึกษาเป็นความลับ

Q: ควรเริ่มเพศศึกษาตั้งแต่เมื่อไหร่? A: เริ่มได้ตั้งแต่อนุบาลด้วยคำที่ถูกต้องเรื่องร่างกาย และต่อยอดตามพัฒนาการ

ช่องว่างระหว่างความรู้และการนำไปใช้จริง

สถาบันการศึกษามีบทบาทสำคัญยิ่งในการให้ความรู้เพศศึกษา ที่ต้องมากกว่าการสอนสรีรวิทยา แต่ต้องสร้างทักษะชีวิต ทัศนคติเคารพ และความยินยอมอย่างรอบด้าน ครูควรเป็นผู้อำนวยความสะดวกที่เปิดพื้นที่ปลอดภัยให้นักเรียนซักถามโดยไม่ตัดสิน เพื่อให้เพศศึกษารอบด้านในโรงเรียนกลายเป็นเกราะป้องกันการตั้งครรภ์ไม่พร้อม โรคติดต่อทางเพศสัมพันธ์ และความรุนแรงทางเพศอย่างได้ผลจริง

แนวทางสอนที่เหมาะสมกับวัยและบริบทไทย

เมื่อครูสมศรีเปิดชั้นเรียนเพศศึกษาให้นักเรียนมัธยม เธอไม่เพียงสอนเรื่องสรีระ แต่เล่าถึงความยินยอมและความเคารพในความหลากหลายทางเพศ สถาบันการศึกษาจึงมีบทบาทสำคัญในการให้ความรู้เพศศึกษาที่รอบด้าน เพื่อสร้างภูมิคุ้มกันให้เยาวชนเผชิญโลกจริงอย่างเข้าใจ ไม่ใช่แค่ท่องจำ ครูต้องสร้างพื้นที่ปลอดภัยให้เด็กกล้าถาม กล้าคุย และไม่ตัดสิน เพราะบทเรียนเพศศึกษาที่ดีอาจเปลี่ยนชีวิตเด็กคนหนึ่งไปตลอดกาล โรงเรียนจึงต้องร่วมมือกับครอบครัวและชุมชน ผลักดันหลักสูตรที่ทันสมัย สอนเรื่องสุขภาวะทางเพศ ความสัมพันธ์ที่ดี และการป้องกันตนเองอย่างเป็นองค์รวม

สื่อออนไลน์กับพฤติกรรมทางเพศของเยาวชน

สื่อออนไลน์มีบทบาทสำคัญอย่างยิ่งต่อพฤติกรรมทางเพศของเยาวชนในยุคปัจจุบัน การเข้าถึงเนื้อหาที่เกี่ยวข้องกับเพศอย่างเสรีและไร้การควบคุมส่งผลโดยตรงต่อทัศนคติ ค่านิยม และการตัดสินใจของวัยรุ่น สื่อออนไลน์กับพฤติกรรมทางเพศของเยาวชน จึงเป็นประเด็นที่ทุกฝ่ายต้องให้ความสำคัญ เพราะหากขาดการแนะแนวที่ถูกต้อง เยาวชนอาจเกิดพฤติกรรมเสี่ยง ทั้งการมีเพศสัมพันธ์ก่อนวัยอันควร การขาดทักษะป้องกันตนเอง และการเลียนแบบสิ่งที่เห็นโดยไม่รู้เท่าทัน ดังนั้น พ่อแม่ ครู และสังคมต้องร่วมกันสร้างภูมิคุ้มกันทางดิจิทัลให้เยาวชนรู้จักวิเคราะห์ แยกแยะ และเลือกบริโภคสื่ออย่างมีวิจารณญาณ

ถาม: ทำไมสื่อออนไลน์จึงส่งผลต่อพฤติกรรมทางเพศของเยาวชน?
ตอบ: เพราะเยาวชนเข้าถึงเนื้อหาได้ตลอดเวลา ขาดการกรองจากผู้ใหญ่ และยังไม่มีทักษะวิเคราะห์สื่อเพียงพอ จึง容易被ชักจูงและเลียนแบบได้ง่าย

การเข้าถึงเนื้อหาสำหรับผู้ใหญ่ได้ง่ายเกินไป

สื่อออนไลน์มีบทบาทมหาศาลต่อพฤติกรรมทางเพศของเยาวชนในยุคดิจิทัล เพราะแพลตฟอร์มโซเชียล ซีรีส์ และคลิปสั้น частоนำเสนอเนื้อหาทางเพศแบบเข้าถึงง่ายและไร้การกรอง idade ทำให้วัยรุ่นซึมซับค่านิยมผิดๆ เช่น การมีเซ็กส์ก่อนวัยอันควร หรือการมองเรื่องเพศเป็นเรื่องเล่นๆ

  • ขาดการพูดคุยเรื่องเพศอย่างถูกต้องจากผู้ใหญ่
  • เชื่อตามอินฟลูเอนเซอร์หรือเพื่อนในออนไลน์มากเกินไป
  • เสี่ยงต่อการถูกล่อลวงหรือแชร์ภาพส่วนตัวโดยไม่รู้ตัว

ผลลัพธ์คืออัตราการตั้งครรภ์ไม่พร้อมและโรคติดต่อทางเพศเพิ่มขึ้น ดังนั้นพ่อแม่และโรงเรียนต้องสอนทักษะเท่าทันสื่อและเปิดพื้นที่คุยเรื่องเพศอย่างจริงใจ

ผลกระทบของโซเชียลมีเดียต่อความสัมพันธ์วัยรุ่น

สื่อออนไลน์มีบทบาทสำคัญต่อพฤติกรรมทางเพศของเยาวชนในยุคดิจิทัล เพราะเยาวชนสามารถเข้าถึงเนื้อหาเกี่ยวกับเพศได้ง่ายและรวดเร็ว ทั้งคลิป วิดีโอ และบทสนทนาบนแพลตฟอร์มต่าง ๆ ซึ่งบางครั้งขาดการกลั่นกรอง ทำให้เกิดความเข้าใจคลาดเคลื่อนเรื่องเพศสัมพันธ์และความยินยอม การเลียนแบบพฤติกรรมจากสื่อจึงเพิ่มความเสี่ยงต่อการมีเพศสัมพันธ์ก่อนวัยอันควร โรคติดต่อทางเพศสัมพันธ์ และการตั้งครรภ์ไม่พร้อม ดังนั้นพ่อแม่ ครู และสังคมต้องสร้างทักษะการรู้เท่าทันสื่อและเปิดพื้นที่พูดคุยเรื่องเพศอย่างปลอดภัย เพื่อให้เยาวชนตัดสินใจได้อย่างรับผิดชอบ

วิธีสร้างภูมิคุ้มกันทางดิจิทัลให้ลูกหลาน

สื่อออนไลน์มีบทบาทสำคัญต่อพฤติกรรมทางเพศของเยาวชนในยุคดิจิทัล เพราะเยาวชนเข้าถึงคลิป วิดีโอ และบทสนทนาเกี่ยวกับเพศได้ง่ายขึ้นโดยไม่มีผู้ใหญ่คอยชี้แนะ ทำให้เกิดการเรียนรู้แบบผิด ๆและเลียนแบบพฤติกรรมเสี่ยง เช่น การมีเพศสัมพันธ์ก่อนวัยอันควรหรือการส่งภาพส่วนตัว

  • ขาดการคิดวิเคราะห์เนื้อหา
  • ถูกกดดันจากสังคมออนไลน์
  • ขาดทักษะการป้องกันตนเอง

ดังนั้น พ่อแม่ ครู และสื่อควรให้ความรู้เรื่องเพศศึกษาและทักษะดิจิทัลอย่างจริงจัง เพื่อให้เยาวชนใช้สื่อออนไลน์อย่างปลอดภัยและรับผิดชอบต่อตนเองและผู้อื่น

ความเสี่ยงและผลกระทบจากการมีเพศสัมพันธ์ก่อนวัยอันควร

การมีเพศสัมพันธ์ก่อนวัยอันควรนำมาซึ่งความเสี่ยงหลายประการ ทั้งการตั้งครรภ์ไม่พร้อมในวัยเรียน ซึ่งส่งผลกระทบต่อการศึกษา อนาคต และเศรษฐกิจของครอบครัว รวมถึงความเสี่ยงจากโรคติดต่อทางเพศสัมพันธ์ เช่น เอชไอวี ซิฟิลิส และหนองใน ที่อาจก่อให้เกิดภาวะแทรกซ้อนเรื้อรัง นอกเหนือจากผลกระทบทางร่างกายแล้ว ยังมี ผลกระทบทางจิตใจและสังคม เช่น ความรู้สึกผิด ความวิตกกังวล ภาวะซึมเศร้า และการถูกตีตราจากสังคม ดังนั้น การให้ความรู้เรื่องเพศศึกษาที่ถูกต้อง การปลูกฝังทักษะการปฏิเสธ และการสร้าง ภูมิคุ้มกันทางใจในวัยรุ่น จึงเป็นแนวทางสำคัญที่พ่อแม่ ผู้ปกครอง และสถานศึกษาควรให้ความใส่ใจอย่างจริงจัง

ปัญหาการตั้งครรภ์ไม่พร้อมในวัยเรียน

การมีเพศสัมพันธ์ก่อนวัยอันควรเป็นความเสี่ยงต่อสุขภาพวัยรุ่นที่ส่งผลกระทบทั้งด้านร่างกาย จิตใจ และสังคม วัยรุ่นอาจขาดความรู้เรื่องการป้องกันที่ถูกต้อง นำไปสู่การตั้งครรภ์ไม่พร้อม โรคติดต่อทางเพศสัมพันธ์ เช่น เอชไอวี และซิฟิลิส รวมถึงภาวะแทรกซ้อนจากการทำแท้งที่ไม่ปลอดภัย ด้านจิตใจอาจเกิดความวิตกกังวล ซึมเศร้า และสูญเสียความมั่นใจ ขณะที่ด้านสังคมมักเผชิญการตัดสินจากคนรอบข้างและโอกาสทางการศึกษาที่ลดลง

  • ตั้งครรภ์ไม่พร้อม
  • โรคติดต่อทางเพศสัมพันธ์
  • ผลกระทบทางจิตใจและสังคม

โรคติดต่อทางเพศสัมพันธ์ที่พบได้บ่อย

เมื่อเด็กสาวคนหนึ่งต้องเผชิญกับ ความเสี่ยงและผลกระทบจากการมีเพศสัมพันธ์ก่อนวัยอันควร เธอไม่รู้เลยว่าชีวิตกำลังเปลี่ยนไปตลอดกาล ทั้งการตั้งครรภ์ไม่พร้อม โรคติดต่อทางเพศสัมพันธ์ และแรงกดดันทางสังคมที่ถาโถมเข้ามา จนบางครั้งเธอต้องออกจากโรงเรียนกลางคัน

  • การตั้งครรภ์ไม่พร้อมและความเสี่ยงต่อสุขภาพแม่วัยรุ่น
  • โรคติดต่อทางเพศสัมพันธ์ เช่น เอชไอวี ซิฟิลิส และหนองใน
  • ผลกระทบทางจิตใจ ความเครียด และการถูกตีตราจากสังคม
  • โอกาสทางการศึกษาและอาชีพที่ลดลงอย่างถาวร

ผลกระทบทางอารมณ์และสังคมระยะยาว

เมื่อ “ความเสี่ยงและผลกระทบจากการมีเพศสัมพันธ์ก่อนวัยอันควร” กลายเป็นบทเรียนราคาแพงของเด็กสาววัย 15 ที่คิดว่าความรักคือการยอมให้ทุกอย่าง แต่เมื่อท้องขึ้นมา ฝ่ายชายกลับหายเงียบ เธอต้องเผชิญทั้งการถูกไล่ออกจากโรงเรียน ความอับอายของครอบครัว และโรคติดต่อที่ตรวจพบภายหลัง

การมีเพศสัมพันธ์ก่อนวัยอันควรไม่ใช่แค่เรื่องของศีลธรรม แต่คือความเสี่ยงต่อสุขภาพกาย ใจ และอนาคตที่แก้ไขยาก

  • เสี่ยงตั้งครรภ์ไม่พร้อมและต้องยุติการเรียน
  • เสี่ยงโรคติดต่อทางเพศสัมพันธ์ เช่น เอชไอวี ซิฟิลิส
  • ผลกระทบทางจิตใจ เช่น ซึมเศร้า วิตกกังวล
  • ขาดโอกาสในอาชีพและคุณภาพชีวิตระยะยาว

การสื่อสารในครอบครัวเรื่องเพศอย่างสร้างสรรค์

การสื่อสารในครอบครัวเรื่องเพศอย่างสร้างสรรค์เริ่มจากการสร้างพื้นที่ปลอดภัยที่สมาชิกทุกคนสามารถพูดคุยได้โดยไม่ถูกตัดสิน parents ควรเปิดโอกาสให้เด็กตั้งคำถามและแสดงความรู้สึก โดยใช้ภาษาที่เหมาะสมกับวัยและให้ข้อมูลที่เป็นข้อเท็จจริง การสื่อสารเรื่องเพศในครอบครัวไม่จำกัดเพียงเรื่องเพศสัมพันธ์ แต่รวมถึงการเคารพขอบเขตส่วนตัว ความยินยอม และความหลากหลายทางเพศ การฟังอย่างตั้งใจและตอบตามความจริงช่วยลดความเข้าใจผิดและเสริมสร้างความไว้วางใจ ซึ่งเป็นพื้นฐานสำคัญของความสัมพันธ์ที่ดีในครอบครัวและส่งผลให้เด็กเติบโตอย่างมีสุขภาพทางเพศที่มั่นคง

วิธีเปิดบทสนทนากับลูกวัยรุ่นโดยไม่ทำให้อึดอัด

การสื่อสารในครอบครัวเรื่องเพศอย่างสร้างสรรค์ เริ่มจากการสร้างพื้นที่ปลอดภัยให้ลูกกล้าเปิดใจ พ่อแม่ควรฟังมากกว่าตำหนิ ใช้คำถามปลายเปิดและภาษาที่เป็นมิตร เพื่อให้เรื่องเพศไม่ใช่เรื่องน่าอายอีกต่อไป การสื่อสารเรื่องเพศในครอบครัวที่ดีช่วยป้องกันความเสี่ยงและเสริมทักษะชีวิตให้ลูกอย่างยั่งยืน

  • เลือกจังหวะผ่อนคลาย ไม่บังคับ
  • ตอบตามวัยด้วยข้อมูลจริง
  • เปิดโอกาสให้ลูกถามกลับ
  • สะท้อนคุณค่าและความยินยอม

การฟังอย่างไม่ตัดสินและให้ข้อมูลที่ถูกต้อง

การสื่อสารในครอบครัวเรื่องเพศอย่างสร้างสรรค์ เป็นการเปิดพื้นที่ให้สมาชิกทุกวัยได้พูดคุยเรื่องเพศด้วยความไว้วางใจ โดยไม่ตัดสินหรือทำให้อับอาย ผู้ปกครองควรเริ่มจากฟังอย่างตั้งใจ ใช้ภาษาที่เข้าใจง่าย และปรับเนื้อหาให้เหมาะกับวัยของเด็ก

การเปิดใจรับฟังโดยไม่ตำหนิ คือหัวใจของการสร้างความไว้วางใจเรื่องเพศในครอบครัว

แนวทางปฏิบัติที่ช่วยให้การสื่อสารราบรื่น ได้แก่

  • เลือกจังหวะและสถานที่ที่เป็นส่วนตัว
  • ถามความรู้สึกก่อนให้ข้อมูล
  • ใช้สื่อหรือหนังสือเป็นตัวช่วยเปิดบทสนทนา

วิธีนี้ช่วยลดความเสี่ยงและสร้างภูมิคุ้มกันทางใจให้เด็กอย่างยั่งยืน

การสอนเรื่องการให้ความยินยอมและขอบเขตส่วนตัว

การสื่อสารในครอบครัวเรื่องเพศอย่างสร้างสรรค์เริ่มจากการสร้างพื้นที่ปลอดภัยที่ลูกกล้าถามโดยไม่ถูกตัดสิน ผู้ปกครองควรใช้โอกาสในชีวิตประจำวัน เช่น ข่าวหรือละคร เป็นจุดเริ่มบทสนทนา ฟังมากกว่าพูด และตอบตามวัยอย่างตรงไปตรงมา หลีกเลี่ยงการขู่หรือทำให้เรื่องเพศเป็นเรื่องน่าอาย เพราะทัศนคติเชิงบวกต่อเรื่องเพศช่วยให้ลูกตัดสินใจอย่างรับผิดชอบ สิ่งสำคัญคือความสม่ำเสมอ ไม่ใช่การพูดครั้งเดียวจบ เมื่อพ่อแม่เปิดใจ ลูกจะไว้วางใจและหันมาปรึกษาแทนที่จะไปหาข้อมูลผิด ๆ จากที่อื่น

แนวทางป้องกันและส่งเสริมพฤติกรรมทางเพศที่ปลอดภัย

การสร้าง แนวทางป้องกันและส่งเสริมพฤติกรรมทางเพศที่ปลอดภัย เริ่มต้นจากการให้ความรู้เรื่องเพศศึกษาอย่างถูกต้องและเปิดกว้าง ตั้งแต่การเข้าใจการเปลี่ยนแปลงของร่างกาย การป้องกันโรคติดต่อทางเพศสัมพันธ์ การใช้ถุงยางอนามัยอย่างถูกวิธี ไปจนถึงการเคารพ consent ของตนเองและผู้อื่น ส่งเสริมการสื่อสารในครอบครัวและโรงเรียน เพื่อให้วัยรุ่นกล้าถามกล้าปรึกษาโดยไม่ถูกตัดสิน พร้อมสร้างพื้นที่ปลอดภัยในการเข้าถึงบริการสุขภาพทางเพศที่เป็นมิตร ไม่ตีตรา สิ่งเหล่านี้จะช่วยลดความเสี่ยงและสร้าง พฤติกรรมทางเพศที่ปลอดภัย อย่างยั่งยืนในสังคมไทย

การเข้าถึงบริการสุขภาพทางเพศที่เป็นมิตรสำหรับวัยรุ่น

แนวทางป้องกันและส่งเสริมพฤติกรรมทางเพศที่ปลอดภัย เริ่มจากการให้ความรู้เรื่องเพศศึกษารอบด้านอย่างตรงไปตรงมา เปิดโอกาสให้พูดคุยเรื่องความยินยอม การป้องกันโรคติดต่อทางเพศสัมพันธ์ และการคุมกำเนิดที่มีประสิทธิภาพอย่างไม่ตัดสิน พฤติกรรมทางเพศที่ปลอดภัยคือสิทธิและความรับผิดชอบของทุกคน ควรส่งเสริมการตรวจสุขภาพสม่ำเสมอ การใช้ถุงยางอนามัยทุกครั้ง และการเคารพขอบเขตของกันและกัน ทั้งนี้ ครอบครัว โรงเรียน และชุมชนต้องร่วมมือสร้างบรรยากาศที่ไว้ใจได้ เพื่อให้ทุกคนกล้าถาม กล้าปฏิเสธ และตัดสินใจอย่างมั่นใจ

บทบาทของชุมชนและองค์กรท้องถิ่นในการให้คำปรึกษา

แนวทางป้องกันและส่งเสริมพฤติกรรมทางเพศที่ปลอดภัยในวัยรุ่น เริ่มจากการให้ความรู้เรื่องเพศศึกษาอย่างถูกต้องและเปิดกว้าง ทั้งการป้องกันโรคติดต่อทางเพศสัมพันธ์ การคุมกำเนิด และการเคารพความยินยอมของกันและกัน ครอบครัวและโรงเรียนควรสร้างพื้นที่ปลอดภัยให้พูดคุยเรื่องเพศโดยไม่ตัดสิน พร้อมส่งเสริมทักษะการปฏิเสธและการตัดสินใจอย่างมีสติ เพื่อให้เยาวชนมีพฤติกรรมทางเพศที่รับผิดชอบและปลอดภัย

  • สื่อสารกับคู่อย่างชัดเจนเรื่องขอบเขตและความยินยอม
  • ใช้ถุงยางอนามัยทุกครั้งเพื่อลดความเสี่ยง
  • ตรวจสุขภาพทางเพศสม่ำเสมอ

คำถามที่พบบ่อย: ถามว่า “ควรเริ่มพูดคุยเรื่องเพศกับบุตรหลานเมื่อใด” ตอบว่า เริ่มได้ตั้งแต่วัยประถมด้วยภาษาที่เหมาะสม child porn และต่อเนื่องเมื่อเข้าสู่วัยรุ่น

กิจกรรมเสริมทักษะชีวิตและการตัดสินใจอย่างมีสติ

แนวทางป้องกันและส่งเสริมพฤติกรรมทางเพศที่ปลอดภัย เริ่มจากการให้ความรู้เรื่องเพศศึกษาที่ถูกต้องและเหมาะสมกับวัย เปิดโอกาสให้สอบถามและปรึกษาผู้ใหญ่ที่ไว้วางใจได้ นอกจากนี้ควรส่งเสริมการใช้ถุงยางอนามัยอย่างถูกวิธี การตรวจสุขภาพทางเพศเป็นประจำ และการเคารพขอบเขตของตนเองและผู้อื่น การสื่อสารความยินยอมอย่างชัดเจนเป็นหัวใจสำคัญ ช่วยลดความเสี่ยงจากโรคติดต่อทางเพศสัมพันธ์และการตั้งครรภ์ไม่พร้อม

  • ให้ความรู้เพศศึกษาตามวัย
  • ใช้ถุงยางอนามัยทุกครั้ง
  • ตรวจสุขภาพทางเพศสม่ำเสมอ
  • สื่อสารความยินยอมชัดเจน

สิทธิทางเพศและกฎหมายที่วัยรุ่นไทยควรรู้

วัยรุ่นไทยยุคนี้ต้องรู้ไว้เลยว่า สิทธิทางเพศและกฎหมายที่เกี่ยวข้อง ไม่ใช่เรื่องไกลตัวอีกต่อไป เพราะกฎหมายไทยกำหนดอายุยินยอมไว้ที่ 15 ปีบริบูรณ์ แต่ถ้าอายุต่ำกว่านั้น การมีเพศสัมพันธ์ถือว่าผิดกฎหมายแม้จะยินยอมก็ตาม นอกจากนี้ยังมี พ.ร.บ.คุ้มครองเด็กฯ และกฎหมายเกี่ยวกับการคุกคามทางเพศที่ครอบคลุมทั้งการลวนลาม การส่งข้อความอนาจาร และการแชร์ภาพส่วนตัวโดยไม่ได้รับอนุญาต สิทธิในการตัดสินใจเกี่ยวกับร่างกายตัวเอง เป็นเรื่องพื้นฐานที่ทุกคนต้องรู้และเคารพซึ่งกันและกัน ถ้าใครฝ่าฝืนหรือละเมิดสิทธิของเรา เราสามารถแจ้งความได้ทันทีโดยไม่ต้องรอให้เกิดความเสียหายร้ายแรง จำไว้ว่ารู้กฎหมายไว้ก่อน คือเกราะป้องกันตัวเองที่ดีที่สุด

อายุความยินยอมตามกฎหมายไทย

สิทธิทางเพศและกฎหมายที่วัยรุ่นไทยควรรู้เป็นเรื่องที่ต้องเข้าใจอย่างจริงจัง เพราะ สิทธิทางเพศของวัยรุ่นไทย เกี่ยวข้องทั้งการป้องกันการล่วงละเมิด การคุมกำเนิด และการเข้าถึงบริการสุขภาพที่ปลอดภัย ตามประมวลกฎหมายอาญาและ พ.ร.บ.คุ้มครองเด็กฯ วัยรุ่นมีสิทธิปฏิเสธการมีเพศสัมพันธ์ และมีสิทธิร้องขอความช่วยเหลือหากถูกละเมิด อายุยินยอมในไทยคือ 15 ปี แต่การมีเพศสัมพันธ์กับผู้เยาว์อาจมีโทษทางกฎหมายหากอีกฝ่ายไม่ยินยอมหรืออยู่ในอำนาจปกครอง วัยรุ่นควรรู้ว่าการส่งภาพโป๊ของตนเองหรือผู้อื่นอาจผิดกฎหมาย และควรกล้าใช้สิทธิของตนอย่างมั่นใจ

  • สิทธิปฏิเสธการมีเพศสัมพันธ์
  • สิทธิเข้าถึงถุงยางอนามัยและบริการสุขภาพ
  • สิทธิร้องเรียนเมื่อถูกล่วงละเมิด

สิทธิในการเข้าถึงข้อมูลและบริการสุขภาพ

รู้ไหมว่า สิทธิทางเพศและกฎหมายที่วัยรุ่นไทยควรรู้ ไม่ได้ไกลตัวเลย แค่เข้าใจก็ป้องกันตัวเองได้ วัยรุ่นควรรู้ว่า

  • อายุยินยอมทางเพศคือ 15 ปีบริบูรณ์ แต่ถ้าอายุต่ำกว่านั้นถือว่าผิดกฎหมาย
  • การมีเพศสัมพันธ์กับคนอายุต่ำกว่า 15 แม้สมยอมก็เป็นความผิด
  • วัยรุ่นมีสิทธิ์ปฏิเสธและต้องได้รับการเคารพ
  • หากถูกคุกคามทางเพศ สามารถแจ้งความได้ทันที

รู้ไว้เพื่อ自我保护 และไม่ละเมิดสิทธิ์ผู้อื่นด้วย

ช่องทางร้องเรียนเมื่อถูกละเมิดทางเพศ

วัยรุ่นไทยต้องตระหนักว่า สิทธิทางเพศและกฎหมายที่วัยรุ่นไทยควรรู้ คือเกราะป้องกันตัวเองจากความรุนแรงและการเอาเปรียบ กฎหมายกำหนดอายุยินยอมที่ 15 ปี แต่การมีเพศสัมพันธ์กับผู้เยาว์อาจเข้าข่ายความผิดฐานพรากผู้เยาว์หรืออนาจาร แม้ยินยอมก็ตาม สิทธิในการปฏิเสธ การเข้าถึงถุงยางอนามัย และการรักษาพยาบาลโดยไม่ถูกตัดสิน ล้วนเป็นสิ่งที่วัยรุ่นพึงได้รับ การรู้กฎหมายไม่ใช่แค่ป้องกันคุก แต่คือการปกป้องศักดิ์ศรีและอนาคตของตัวเอง

  • อายุยินยอม 15 ปี แต่พรากผู้เยาว์ผิดกฎหมาย直至 18 ปี
  • สิทธิปฏิเสธการมีเพศสัมพันธ์โดยไม่ถูกบังคับ
  • สิทธิเข้าถึงบริการสุขภาพทางเพศอย่างเป็นความลับ

มุมมองทางศาสนาและวัฒนธรรมต่อเพศสัมพันธ์ของวัยรุ่น

ในหมู่บ้านเล็กๆ แห่งหนึ่ง ครูสอนศาสนามักเล่าว่าเพศสัมพันธ์ไม่ใช่แค่เรื่องร่างกาย แต่เป็นพันธสัญญาต่อพระเจ้าและชุมชน มุมมองทางศาสนาและวัฒนธรรมต่อเพศสัมพันธ์ของวัยรุ่นจึงมักถูกกำหนดด้วยกรอบศีลธรรมที่เข้มงวด วัยรุ่นถูกสอนให้รอจนแต่งงาน เพราะถือเป็นการรักษาเกียรติของครอบครัว ขณะที่บางวัฒนธรรมกลับเปิดกว้างเรื่องการพูดคุย แต่ยังคงเน้นความรับผิดชอบและการป้องกัน ค่านิยมทางสังคมและศาสนาเหล่านี้หล่อหลอมความคิดของวัยรุ่น ทำให้พวกเขาต้องต่อรองระหว่างความเชื่อส่วนตัว แรงกดดันจากเพื่อน และคำสอนของผู้ใหญ่ πουometimesขัดแย้งกับความเป็นจริงในยุคดิจิทัล

คำสอนพุทธและความเข้าใจที่คลาดเคลื่อน

ในหลายสังคมไทย มุมมองทางศาสนาและวัฒนธรรมต่อเพศสัมพันธ์ของวัยรุ่น ยังคงเป็นเรื่องละเอียดอ่อนและเต็มไปด้วยข้อห้าม ตามหลักพุทธศาสนา เพศสัมพันธ์ก่อนแต่งงานถือเป็นการผิดศีลข้อสาม ขณะที่วัฒนธรรมดั้งเดิมมักเน้นการรักษาพรหมจรรย์และชื่อเสียงครอบครัว แต่ในยุคดิจิทัล วัยรุ่นเผชิญแรงกดดันและข้อมูลที่ขัดแย้งกันเอง ทำให้ช่องว่างระหว่างคำสอนกับชีวิตจริงกว้างขึ้น

การปรับใช้หลักศีลธรรมในโลกสมัยใหม่

ในสังคมไทย มุมมองทางศาสนาและวัฒนธรรมต่อเพศสัมพันธ์ของวัยรุ่น มักถูกหล่อหลอมด้วยหลักพุทธศาสนาที่สอนให้ละเว้นจากกาเมสุมิจฉาจาร และค่านิยมเรื่องการรักษาพรหมจรรย์ก่อนแต่งงาน ขณะที่บางชุมชนเปิดกว้างขึ้นตามสมัยนิยม แต่โดยรวมยังคงมองว่าการมีเพศสัมพันธ์ก่อนวัยอันควรเป็นเรื่องน่าละอาย ครอบครัวและสถาบันการศึกษาจึงมีบทบาทกดดันให้วัยรุ่นยับยั้งชั่งใจ ส่งผลให้หลายคนขาดความรู้ที่ถูกต้องและเข้าถึงบริการสุขภาพทางเพศได้ยากขึ้น

  • ถาม: ทำไมวัยรุ่นไทยยังถูกกดดันเรื่องเพศ?
  • ตอบ: เพราะศาสนาและวัฒนธรรมให้คุณค่ากับการรอจนแต่งงาน ทำให้การพูดคุยเรื่องเพศเป็นเรื่องต้องห้าม

ความหลากหลายทางความเชื่อและความเข้าใจซึ่งกันและกัน

ในหมู่บ้านเล็กๆ แห่งหนึ่ง หญิงชราเล่าให้หลานฟังว่าสมัยเธอเป็นวัยรุ่น มุมมองทางศาสนาและวัฒนธรรมต่อเพศสัมพันธ์ของวัยรุ่น ถูกกำหนดโดยพระธรรมคำสอนและจารีตประเพณีที่เข้มงวด พ่อแม่มักสอนให้รอจนแต่งงาน ขณะที่วัดและชุมชนช่วยจับตาดู поведение แต่วันนี้โลกเปลี่ยนไป อินเทอร์เน็ตและสังคมเมืองทำให้วัยรุ่นเผชิญทางเลือกมากมาย ความขัดแย้งระหว่างคำสอนเก่ากับความอยากรู้ใหม่จึงเกิดขึ้น ท้าทายทุกฝ่ายให้หาสมดุลระหว่างศรัทธาและเสรีภาพ

แหล่งสนับสนุนและความช่วยเหลือสำหรับวัยรุ่นและผู้ปกครอง

การสร้าง แหล่งสนับสนุนและความช่วยเหลือสำหรับวัยรุ่นและผู้ปกครอง ที่เข้มแข็งเริ่มจากการเปิดช่องทางสื่อสารที่ปลอดภัย ทั้งสายด่วนสุขภาพจิต 1323 ศูนย์ให้คำปรึกษาในโรงเรียน และบริการของนักจิตวิทยาเด็กและวัยรุ่น ผู้ปกครองควรเรียนรู้การฟังอย่างไม่ตัดสิน และสังเกตสัญญาณเตือนด้านอารมณ์ พฤติกรรม และการเรียน ส่วนวัยรุ่นควรได้รับข้อมูลเรื่องการจัดการความเครียด การกลั่นกรองสื่อออนไลน์ และทักษะขอความช่วยเหลือเมื่อรู้สึกไม่ปลอดภัย การทำงานร่วมกันระหว่างบ้าน โรงเรียน และบุคลากรสาธารณสุขจะช่วยลดความเสี่ยงและเสริม ความ resilient ให้วัยรุ่นเติบโตอย่างมั่นคง

สายด่วนและศูนย์ให้คำปรึกษาที่น่าเชื่อถือ

วัยรุ่นและผู้ปกครองสามารถเข้าถึงแหล่งสนับสนุนและความช่วยเหลือสำหรับวัยรุ่นและผู้ปกครองได้หลากหลายช่องทาง ทั้งสายด่วนสุขภาพจิต 1323 สายด่วนเด็กและเยาวชน 1387 ศูนย์ให้คำปรึกษาในโรงเรียน โรงพยาบาล และหน่วยงานรัฐ เช่น กรมสุขภาพจิต กรมกิจการเด็กและเยาวชน ตลอดจนบริการออนไลน์ที่ตอบสนองรวดเร็วและเป็นความลับ การขอความช่วยเหลือตั้งแต่เนิ่นๆ ช่วยลดความเครียด ความขัดแย้งในครอบครัว และเสริมสร้างความสัมพันธ์ที่ดีขึ้น จึงควรเลือกใช้บริการที่เหมาะสมและติดต่อทันทีเมื่อต้องการคำแนะนำ

คลินิกวัยรุ่นและบริการสุขภาพเชิงรุก

เมื่อลูกวัยรุ่นเริ่มเงียบและปิดประตูห้อง นี่คือจุดที่ผู้ปกครองหลายคนรู้สึกหมดหนทาง แต่จริง ๆ แล้ว แหล่งสนับสนุนและความช่วยเหลือสำหรับวัยรุ่นและผู้ปกครอง มีอยู่รอบตัวทั้งในโรงเรียน โรงพยาบาล และชุมชนออนไลน์ ครูแนะแนวเปิดพื้นที่ให้พูดคุย สายด่วนสุขภาพจิตให้คำปรึกษาฟรี ส่วนผู้ปกครองเองก็เข้าร่วมกลุ่มพ่อแม่เพื่อแลกเปลี่ยนวิธีรับมือได้ เช่น กรมสุขภาพจิต และศูนย์ให้คำปรึกษาสายด่วน 1323 ที่เปิดตลอด 24 ชั่วโมง

  • ครูแนะแนวในโรงเรียน
  • สายด่วน 1323 กรมสุขภาพจิต
  • กลุ่มพ่อแม่ในชุมชนออนไลน์

Q: ถ้าลูกไม่ยอมคุยกับใครเลย ควรเริ่มตรงไหน? A: ลองโทร 1323 เพื่อขอคำแนะนำก่อน แล้วค่อยชวนลูกคุยอย่างไม่กดดัน

หนังสือและสื่อการเรียนรู้ที่เหมาะสมกับบริบทไทย

วัยรุ่นและผู้ปกครองสามารถเข้าถึงแหล่งสนับสนุนและความช่วยเหลือสำหรับวัยรุ่นได้หลากหลายช่องทาง ทั้งสายด่วนสุขภาพจิต 1323 สายด่วนเด็กและเยาวชน 1387 การปรึกษานักจิตวิทยาโรงเรียน ศูนย์สุขภาพจิตชุมชน และแอปพลิเคชันให้คำปรึกษาออนไลน์ ตัวอย่างเช่น

  • สายด่วนสุขภาพจิต 1323
  • สายด่วนเด็ก 1387
  • ครูแนะแนวหรือนักจิตวิทยาโรงเรียน
  • โรงพยาบาลและคลินิกจิตเวชใกล้บ้าน

Q: ถ้าวัยรุ่นไม่กล้าพูดกับผู้ปกครองควรทำอย่างไร?
A: สามารถโทรสายด่วนหรือปรึกษาครูแนะแนวที่ไว้ใจได้ก่อน เพื่อขอคำแนะนำอย่างปลอดภัย