|
Метки: очистка ручная отмена |
| (не показано 9 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| /* =========================================================
| |
| CRYPTOWIKI — COMMON.CSS EXTENSION
| |
| Дополнительные стили интерфейса MediaWiki
| |
| ========================================================= */
| |
|
| |
|
|
| |
| /* ---------- 36. VECTOR DROPDOWNS ---------- */
| |
|
| |
| .vector-dropdown,
| |
| .vector-menu-dropdown {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .vector-dropdown-label,
| |
| .vector-menu-dropdown .vector-menu-heading {
| |
| color: var(--cw-muted) !important;
| |
| }
| |
|
| |
| .vector-dropdown-label:hover,
| |
| .vector-menu-dropdown .vector-menu-heading:hover {
| |
| color: var(--cw-accent) !important;
| |
| }
| |
|
| |
| .vector-dropdown-content,
| |
| .vector-menu-dropdown .vector-menu-content {
| |
| background: var(--cw-panel) !important;
| |
| border: 1px solid var(--cw-line) !important;
| |
| border-radius: var(--cw-radius) !important;
| |
| box-shadow: 0 12px 35px rgba(0, 0, 0, .35) !important;
| |
| padding: 6px !important;
| |
| }
| |
|
| |
| .vector-dropdown-content a,
| |
| .vector-menu-dropdown .vector-menu-content a {
| |
| display: block;
| |
| color: var(--cw-muted) !important;
| |
| border-radius: 4px;
| |
| padding: 8px 12px !important;
| |
| }
| |
|
| |
| .vector-dropdown-content a:hover,
| |
| .vector-menu-dropdown .vector-menu-content a:hover {
| |
| background: var(--cw-accent-soft) !important;
| |
| color: var(--cw-accent) !important;
| |
| }
| |
|
| |
|
| |
| /* ---------- 37. PERSONAL MENU ---------- */
| |
|
| |
| #p-personal,
| |
| .vector-user-links,
| |
| .vector-user-menu {
| |
| color: var(--cw-muted) !important;
| |
| }
| |
|
| |
| #p-personal a,
| |
| .vector-user-links a,
| |
| .vector-user-menu a {
| |
| color: var(--cw-muted) !important;
| |
| }
| |
|
| |
| #p-personal a:hover,
| |
| .vector-user-links a:hover,
| |
| .vector-user-menu a:hover {
| |
| color: var(--cw-accent) !important;
| |
| }
| |
|
| |
|
| |
| /* ---------- 38. LOGIN / ACCOUNT ---------- */
| |
|
| |
| .mw-htmlform,
| |
| .mw-htmlform-field-HTMLTextField,
| |
| .mw-htmlform-field-HTMLTextAreaField,
| |
| .mw-htmlform-field-HTMLSelectField {
| |
| color: var(--cw-text);
| |
| }
| |
|
| |
| .mw-htmlform fieldset {
| |
| background: var(--cw-panel);
| |
| border: 1px solid var(--cw-line);
| |
| border-radius: var(--cw-radius);
| |
| padding: 20px;
| |
| }
| |
|
| |
| .mw-htmlform legend {
| |
| color: var(--cw-accent);
| |
| font-family: var(--cw-heading);
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .mw-htmlform label {
| |
| color: var(--cw-muted);
| |
| }
| |
|
| |
| .mw-htmlform input {
| |
| max-width: 100%;
| |
| }
| |
|
| |
|
| |
| /* ---------- 39. SEARCH RESULTS ---------- */
| |
|
| |
| .mw-search-results {
| |
| color: var(--cw-text);
| |
| }
| |
|
| |
| .mw-search-result {
| |
| padding: 16px 0;
| |
| border-bottom: 1px solid var(--cw-line);
| |
| }
| |
|
| |
| .mw-search-result-heading {
| |
| font-family: var(--cw-heading);
| |
| font-size: 1.15rem;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .mw-search-result-heading a {
| |
| color: var(--cw-accent);
| |
| }
| |
|
| |
| .mw-search-result-data,
| |
| .searchresult {
| |
| color: var(--cw-muted);
| |
| }
| |
|
| |
| .mw-search-result-data {
| |
| font-family: var(--cw-mono);
| |
| font-size: .75rem;
| |
| }
| |
|
| |
|
| |
| /* ---------- 40. RECENT CHANGES ---------- */
| |
|
| |
| .mw-changeslist,
| |
| .mw-changeslist-line {
| |
| color: var(--cw-text);
| |
| }
| |
|
| |
| .mw-changeslist-line {
| |
| padding: 5px 8px;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .mw-changeslist-line:hover {
| |
| background: var(--cw-accent-soft);
| |
| }
| |
|
| |
| .mw-plusminus-pos {
| |
| color: var(--cw-success);
| |
| }
| |
|
| |
| .mw-plusminus-neg {
| |
| color: var(--cw-danger);
| |
| }
| |
|
| |
| .mw-tag {
| |
| background: var(--cw-panel-active);
| |
| color: var(--cw-accent);
| |
| border: 1px solid var(--cw-line);
| |
| border-radius: 4px;
| |
| padding: 2px 6px;
| |
| font-family: var(--cw-mono);
| |
| font-size: .7rem;
| |
| }
| |
|
| |
|
| |
| /* ---------- 41. PAGINATION ---------- */
| |
|
| |
| .mw-pager-navigation-bar,
| |
| .mw-pager-navigation-bar a {
| |
| color: var(--cw-muted);
| |
| }
| |
|
| |
| .mw-pager-navigation-bar a {
| |
| padding: 5px 9px;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .mw-pager-navigation-bar a:hover {
| |
| color: var(--cw-accent);
| |
| background: var(--cw-accent-soft);
| |
| }
| |
|
| |
|
| |
| /* ---------- 42. CATEGORY PAGES ---------- */
| |
|
| |
| .mw-category-generated {
| |
| background: transparent;
| |
| }
| |
|
| |
| .mw-category-group {
| |
| background: var(--cw-panel);
| |
| border: 1px solid var(--cw-line);
| |
| border-radius: var(--cw-radius);
| |
| padding: 15px 20px;
| |
| margin: 15px 0;
| |
| }
| |
|
| |
| .mw-category-group h3 {
| |
| color: var(--cw-accent);
| |
| font-family: var(--cw-heading);
| |
| border-bottom: 1px solid var(--cw-line);
| |
| padding-bottom: 8px;
| |
| }
| |
|
| |
| .mw-category-group ul {
| |
| columns: 2;
| |
| column-gap: 30px;
| |
| }
| |
|
| |
| @media (max-width: 600px) {
| |
| .mw-category-group ul {
| |
| columns: 1;
| |
| }
| |
| }
| |
|
| |
|
| |
| /* ---------- 43. FILE PAGES ---------- */
| |
|
| |
| .fullImageLink,
| |
| .filehistory,
| |
| .fileinfo {
| |
| color: var(--cw-muted);
| |
| }
| |
|
| |
| .filehistory {
| |
| background: var(--cw-panel);
| |
| border: 1px solid var(--cw-line);
| |
| border-radius: var(--cw-radius);
| |
| padding: 15px;
| |
| }
| |
|
| |
| .filehistory th,
| |
| .filehistory td {
| |
| border-color: var(--cw-line);
| |
| }
| |
|
| |
| .mw-filepage-other-resolutions {
| |
| color: var(--cw-muted);
| |
| }
| |
|
| |
|
| |
| /* ---------- 44. COLLAPSIBLE ELEMENTS ---------- */
| |
|
| |
| .mw-collapsible {
| |
| border: 1px solid var(--cw-line);
| |
| border-radius: var(--cw-radius);
| |
| background: var(--cw-panel);
| |
| padding: 12px 16px;
| |
| }
| |
|
| |
| .mw-collapsible-toggle {
| |
| font-family: var(--cw-mono);
| |
| font-size: .8rem;
| |
| }
| |
|
| |
| .mw-collapsible-toggle a {
| |
| color: var(--cw-accent) !important;
| |
| }
| |
|
| |
|
| |
| /* ---------- 45. TOOLTIP ---------- */
| |
|
| |
| .mw-tooltip,
| |
| .oo-ui-popupWidget-popup {
| |
| background: var(--cw-panel) !important;
| |
| color: var(--cw-text) !important;
| |
| border: 1px solid var(--cw-line) !important;
| |
| border-radius: var(--cw-radius) !important;
| |
| box-shadow: 0 10px 30px rgba(0, 0, 0, .3) !important;
| |
| }
| |
|
| |
|
| |
| /* ---------- 46. MODALS ---------- */
| |
|
| |
| .oo-ui-window-frame,
| |
| .oo-ui-dialog,
| |
| .oo-ui-processDialog-content {
| |
| background: var(--cw-panel) !important;
| |
| color: var(--cw-text) !important;
| |
| border: 1px solid var(--cw-line) !important;
| |
| border-radius: var(--cw-radius) !important;
| |
| }
| |
|
| |
| .oo-ui-window-head,
| |
| .oo-ui-dialog-content {
| |
| background: var(--cw-panel) !important;
| |
| color: var(--cw-text) !important;
| |
| }
| |
|
| |
| .oo-ui-window-head {
| |
| border-bottom: 1px solid var(--cw-line) !important;
| |
| }
| |
|
| |
|
| |
| /* ---------- 47. NOTICES AND WARNINGS ---------- */
| |
|
| |
| .mw-message-box {
| |
| background: var(--cw-panel) !important;
| |
| color: var(--cw-text) !important;
| |
| border: 1px solid var(--cw-line) !important;
| |
| border-radius: var(--cw-radius);
| |
| padding: 14px 18px;
| |
| }
| |
|
| |
| .mw-message-box-warning {
| |
| border-left: 3px solid var(--cw-warning) !important;
| |
| }
| |
|
| |
| .mw-message-box-error {
| |
| border-left: 3px solid var(--cw-danger) !important;
| |
| }
| |
|
| |
| .mw-message-box-success {
| |
| border-left: 3px solid var(--cw-success) !important;
| |
| }
| |
|
| |
| .mw-message-box-info {
| |
| border-left: 3px solid var(--cw-info) !important;
| |
| }
| |
|
| |
|
| |
| /* ---------- 48. TAGS / STATUS LABELS ---------- */
| |
|
| |
| .mw-tag,
| |
| .mw-rcfilters-ui-chip,
| |
| .oo-ui-labelElement-label {
| |
| font-family: var(--cw-mono);
| |
| }
| |
|
| |
| .mw-rcfilters-ui-chip {
| |
| background: var(--cw-panel) !important;
| |
| color: var(--cw-accent) !important;
| |
| border: 1px solid var(--cw-line) !important;
| |
| border-radius: 4px !important;
| |
| }
| |
|
| |
|
| |
| /* ---------- 49. ACCESSIBILITY ---------- */
| |
|
| |
| :focus-visible {
| |
| outline: 2px solid var(--cw-accent) !important;
| |
| outline-offset: 3px;
| |
| }
| |
|
| |
| a:focus-visible,
| |
| button:focus-visible {
| |
| border-radius: 3px;
| |
| }
| |
|
| |
|
| |
| /* ---------- 50. PRINT ---------- */
| |
|
| |
| @media print {
| |
| body,
| |
| #content,
| |
| .mw-body {
| |
| background: white !important;
| |
| color: black !important;
| |
| box-shadow: none !important;
| |
| }
| |
|
| |
| a,
| |
| a:visited {
| |
| color: black !important;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .vector-header-container,
| |
| #mw-panel,
| |
| #mw-navigation,
| |
| #footer,
| |
| .mw-editsection {
| |
| display: none !important;
| |
| }
| |
|
| |
| .mw-body {
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| }
| |
| }
| |
