Chào mừng đã đến với văn phòng của tôi, nó có hơi bừa bộn nhỉ? Không sao? Bừa bộn là tốt, phải không? Tôi không thích vừa phải làm việc, vừa phải đi lấy cái này, lấy cái kia, nó sẽ làm tôi mất tập trung mất, ngồi đợi tôi nhé, tôi đi lấy trà đây, không có gì tuyệt hơn là giờ uống trà, phải không?
Tên: [KHÔNG CÓ DỮ LIỆU]
Biệt danh: Jack Trương
Ngày sinh: 11/07/2███
Giới tính: Nam
Chức vụ: Nhân sự Phòng ban Dịch thuật
Nơi làm việc: Điểm 26-VN
Quyền hạn: II
Chà, bạn nhanh tay thật, tôi sơ ý để quên tệp hồ sơ ở đây rồi, dù gì thì cũng cảm ơn bạn đã "tìm" nó cho tôi, vậy thì bạn xem cho hết đi, rồi nhớ trả lại tôi nhé, nồi trà sắp sôi rồi.
CÁC DỰ ÁN CỦA TÔI:
[[collapsible show="+ Show component code" hide="- Hide component code"]]
@supports(display: grid) { :root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; } }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.25rem; left: 0.5rem; width: 3rem; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
:root { --header-title: "TỔ CHỨC SCP"; --dark-color: 20, 22, 24; --medium-accent: var(--light-accent); --dark-accent: var(--gray-monochrome); --light-gray-monochrome: 84, 84, 84; --tab-border-color: var(--dark-accent); --black-monochrome: 20, 22, 24; --light-accent: 228, 228, 228; --dark-accent: var(--dark-color); --bright-accent: var(--light-accent); --rating-module-button-color: var(--light-accent); --rating-module-button-credit-color: var(--light-accent); --swatch-background: var(--dark-color); /* Background and Header Colors */ --background-color: var(--dark-color); /* Primary Text Colors */ --swatch-text-light: var(--light-accent); --swatch-text-general: var(--light-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--dark-color); /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */ --swatch-secondary-color: var(--swatch-menubg-dark-color); --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color); /* Primary Header Colors */ --swatch-topmenu-border-color: var(--swatch-menubg-black-color); --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color); --rating-module-text-color: var(--light-accent); --rating-module-button-cancel-color: var(--gray-monochrome);; --gradient-header: linear-gradient( to bottom, rgb(var(--header-gradient-color-bottom)) 0%, rgb(var(--header-gradient-color-middle)) 90%, rgb(var(--header-gradient-color-top)) 100% ); --diagonal-stripes: repeating-linear-gradient( 45deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 0.25vh, rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh, rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh ); --toggle-button-bg: rgb(var(--dark-accent)); --toggle-border-color: rgb(var(--dark-gray-monochrome)); --toggle-icon-color: rgb(var(--bright-accent)); } .modalbox { background: rgb(var(--dark-accent))!important; box-shadow: none!important; border-color: transparent!important; border-radius: 0px!important; padding: 4px; pointer-events: auto !important; } #skrollr-body > a { display: none; } body { color: rgb(var(--bright-accent)); } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { color: rgb(var(--dark-gray-monochrome)); } a, a:visited { padding: 0 2px; background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-color)); } a:hover { text-decoration: none; background-color: transparent; color: var(--bright-accent); } a.close-menu { background-color: transparent; } a.newpage { color: rgb(var(--dark-accent)); background-color: rgb(var(--bright-accent)); } a.newpage:hover { text-decoration: none; background-color: transparent; color: var(--bright-accent); } ::selection { background: rgb(148, 148, 148); } .creditButton p a { background-color: rgb(var(--black-accent)); } #page-content .rate-box-with-credit-button { display: inline-flex; margin-bottom: .75rem; border: .0625rem solid rgba(12,12,12,.25); border: .0625rem solid rgba(var(--gray-monochrome)); border-radius: 0; background: rgb(var(--dark-accent)); background-color: #fcfcfc; background-color: rgb(var(--dark-accent)); padding: 0 .125rem; height: var(--rating-module-height); overflow: hidden; } #top-bar div.mobile-top-bar>ul>li>ul>li:hover>a, #top-bar div.top-bar>ul>li>ul>li:hover>a { text-decoration: none; color: rgb(var(--dark-color)); } #side-bar .side-block { background-color: rgb(var(--swatch-menubg-medium-dark-color)); } #side-bar div.menu-item>a { color: rgb(var(--bright-accent)); } #side-bar div.menu-item>a:visited { color: rgb(var(--bright-accent)); } .side-block.media a { background: transparent } #search-top-box-input { background-color: rgb(var(--swatch-menubg-extra-dark-color)); } #account-options { background: var(--dark-color); color: var(--light-accent); border-color: var(--light-accent); } #login-status { color: rgba(var(--swatch-menutxt-light-color),0.5); } #login-status ul a { color: rgb(var(--light-accent)); } span.printuser { color: rgb(var(--swatch-menutxt-light-color)); } #login-status .printuser { background-color: transparent; color: rgb(var(--bright-accent)); } .page-rate-widget-box { background: rgb(var(--dark-color)); border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color)); } #top-bar div.mobile-top-bar { background: rgb(var(--dark-accent)); } #top-bar div.top-bar > ul > li:hover { background: rgb(var(--swatch-menubg-black-color)); } #top-bar div.mobile-top-bar > ul > li.sfhover > ul, #top-bar div.mobile-top-bar > ul > li:hover > ul, #top-bar div.top-bar > ul > li.sfhover > ul, #top-bar div.top-bar > ul > li:hover > ul { color: rgb(var(--dark-accent)); } blockquote, div.blockquote { border: none; background-color: rgb(var(--dark-gray-monochrome)); --swatch-border-color: var(--gray-monochrome); box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-color)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { box-shadow: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { --box-shadow: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav hover a { border-color: rgb(var(--dark-accent)); } .yui-navset .yui-nav .selected a { color: rgb(var(--dark-accent))!important; border-color: rgb(var(--bright-accent)); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { color: rgb(var(--light-accent)); background: rgb(var(--dark-accent)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background: rgb(var(--dark-accent)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--dark-accent)); } .yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a { color: rgb(var(--bright-accent)); background: rgb(var(--dark-gray-monochrome)); } table.wiki-content-table th { background: rgb(var(--dark-gray-monochrome)); border: 1px solid rgb(var(--dark-gray-monochrome))!important; } table.wiki-content-table tr { border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25); } textarea, input.text, input.checkbox, div.note, #lock-info { border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25); background-color: rgb(var(--swatch-menubg-extra-dark-color)); color: rgb(var(--swatch-text-light)); } .code pre span[class*="hl-"] { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .owindow .modal-body img { background-color: transparent !important; } .hovertip { border: .0625rem solid rgb(var(--dark-gray-monochrome)); color: rgb(var(--swatch-text-light)); } .hovertip .content { padding: 0; } #footer { color: rgb(var(--bright-accent)); } .scpnet-interwiki-wrapper { -webkit-filter: initial; filter: initial; margin-top: 1em; } .scpnet-interwiki-frame { -webkit-filter: invert(0.92) grayscale(1) contrast(1); filter: invert(0.92) grayscale(1) contrast(1); } .scp-image-block { border: none; --box-shadow: none; padding: 0; min-width: 100%; display: inherit; } .scp-image-block a { background-color: transparent; } .footnote { background-color: rgb(var(--dark-gray-monochrome)); padding: .625em; } .footnotes-footer { border-left: none; background-color: rgba(var(--dark-gray-monochrome)); } .licensebox .collapsible-block-link { background: none; } .printuser img.small { vertical-align: -0.4em; width: 20px; height: 20px; } #who-rated-page-area .printuser a { font-size: 100%; } #license-area { color: rgb(var(--light-monochrome)); } #search-top-box input.empty { color: rgba(var(--bright-accent)); } .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link { background: rgb(var(--bright-accent))!important; } .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link { background: rgb(var(--dark-accent))!important; } .acs-hybrid-text-bar > a { background-color: transparent } .acs-hybrid-text-bar > .acs-clear > .clearance-level-text::before { padding-top: 0.1rem; color: rgba(var(--bright-accent),1)!important; } .acs-hybrid-text-bar > .acs-risk .risk-class-number::before { color: rgba(var(--bright-accent))!important; } .acs-hybrid-text-bar > .acs-disrupt .disruption-class-number::before { color: rgba(var(--bright-accent),1)!important; } .danger-diamond a, .danger-diamond a:hover { background-color: transparent; color: rgba(0,0,0,0); } .printuser { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } .printuser a { margin-right: -1px; font-size: 14px; background-color: none; } .printuser img.small { vertical-align: -0.4em; width: 19px; height: 18.5px; } .printuser:hover { background-color: transparent; } .page-tags a { background-color: transparent; color: rgb(var(--bright-accent)); } .contain-class .class-text::before { color: rgb(228 228 228) !important; } .anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::before { color: #e4e4e4; }
Trà ngon chứ? Tôi biết rằng mình sẽ phải cố gắng hơn….Tôi có việc đột xuất rồi, đi ra nhớ đóng cửa lại nhé, nghe chút nhạc để thư thả đầu óc nhé