mi8

  1. FLICKA_044

    Mission Impossible 7 (2021) y 8 (2022)

    Si se cumplen los plazos de estreno fijados, tendríamos el estreno de ambas películas solo separados por un año. Razón por la cual se me ocurrió hacerle un solo tema a ambos. Mision Imposible 7 - 23 de julio de 2021 Misión imposible 8 - 05 de agosto de 2022 *Los títulos oficiales aún no han...
/* ---------------- xenfocus styles ---------------- */ //@focus-fluid-width: 96; @focus-fluid-margin: 100px; // Content width @focus-width: ~"calc(100vw - (@xf-pageEdgeSpacer * 2))"; @content-padding: 15px; // Blocks // Move the block wrap from the container to the body /*@block-container-shift: false; @block-container: ~'.block-container, .block--messages .message'; @block-header: ~'.block-header'; @block-body: ~'.block-body'; @block-minor-header: ~'#XF .block-minorHeader'; // When a wallpaper design is used, these blocks will be wrapped with the normal block styles @focus-wallpaper-elements: ~'.p-body-header';*/ @sticky-top: @xf-xenfocus_navHeight; // Nodes @node-icon-read-filter: grayscale(1); @node-icon-read-opacity: 0.4; @node-extra-padding: 4px; @node-grid-padding: 15px; @node-bold-title: true; @subforum-grid: true; @node-alt-stats: true; @node-zebra: true; @node-zebra-color: xf-intensify(@xf-contentBg, 2%); @subforum-width: 150px; @subforum-icon: '\f0fe'; @grid-node-width: 380px; @grid-node-gap: 5px; @grid-node-wrapper: @xf-contentAltBg; @grid-hover-inset: 0px; @hide-node-statsMeta-mobile: true; // Assign a background and border to grid wrapper? @reset-grid-wrapper:false; /* ---------------- - Translate ---------------- */ [data-focus-text]::after{ content: attr(data-focus-text); } /*.node--unread .node-title::before{ content: "NEW" }*/ .focus-editor-wrap{ content: "Theme Editor" } /*.focus-guest .focus-guest-header::before{ content: "Welcome to " } .structItemContainer-group--sticky::before{ content: "Sticky threads" } .structItemContainer-group--sticky::after{ content: "Regular threads" }*/ // Spanish /*.node--unread .node-title::before{ content: "RECIENTE" }*/ .focus-editor-wrap{ content: "Editor de temas" } /*.focus-guest .focus-guest-header::before{ content: "Bienvenido a " }*/ /*.structItemContainer-group--sticky::before{ content: "Hilos Pegajosos" } .structItemContainer-group--sticky::after{ content: "Hilos Normales" } [data-focus-text="Background Picker"]::after{ content: "Selector de fondo" } [data-focus-text="Customize layout"]::after{ content: "Personalizar diseño" }*/ [data-focus-text="Save"]::after{ content: "Salvar" } /*[data-focus-text="Choose color"]::after{ content: "Elegir color" }*/ /*[data-setting="focus-fluid"] .focus-editor-text{ &::before{ content: "¿Ancho de fluido?" } &::after{ content: "Habilitar esto aumentará el ancho del sitio para que ocupe el ancho de su navegador. Útil para pantallas más grandes." } }*/ [data-setting="focus-grid"] .focus-editor-text{ &::before{ content: "¿Diseño de cuadrícula?" } &::after{ content: "Si está habilitado, los foros se mostrarán como una cuadrícula en lugar de una tabla." } } /* [data-setting="focus-sidebar-sticky"] .focus-editor-text{ &::before{ content: "Barra lateral pegajosa?" } &::after{ content: "Si está habilitado, la barra lateral se pegará a la parte superior de la pantalla para facilitar el acceso." } } [data-setting="focus-dimension-parallax"] .focus-editor-text{ &::before{ content: "¿Habilitar el efecto de paralaje?" } &::after{ content: "Si está habilitado, se aplicará un efecto de paralaje al encabezado." } } [data-setting="focus-sidebar-flip"] .focus-editor-text{ &::before{ content: "Voltear la barra lateral?" } &::after{ content: "Gira la barra lateral entre los lados izquierdo y derecho." } } [data-setting="focus-snow"] .focus-editor-text{ &::before{ content: "¿Habilitar efecto de nieve?" } &::after{ content: "Si está habilitado, la nieve animada caerá en tu navegador." } } [data-setting="focus-confetti"] .focus-editor-text{ &::before{ content: "Habilitar confeti?" } &::after{ content: "Si está habilitado, el confeti animado caerá en tu navegador." } } [data-setting="focus-countdown"] .focus-editor-text{ &::before{ content: "Mostrar cuenta regresiva?" } &::after{ content: "Si está habilitado, aparecerá una cuenta regresiva en la parte superior de la página." } } [data-setting="focus-aperture-background"] .focus-editor-text{ &::before{ content: "Fondo de paralaje?" } &::after{ content: "Si está habilitada, la imagen de fondo se animará y se desenfocará cuando la página se desplace." } } .focus-timer [data-countdown-text="week,"]::before{ content: "semana,"; } .focus-timer [data-countdown-text="weeks,"]::before{ content: "semanas,"; } .focus-timer [data-countdown-text="days and"]::before{ content: "días y"; } .focus-timer [data-countdown-text="day and"]::before{ content: "día y"; }*/ /* xenfocus Editor */ /* ---------------- - xenfocus Editor ---------------- */ @focus-fluid-margin: 100px; @focus-editor-icon: "\f205"; @focus-editor-save: #ac2121; @focus-editor-width: 1000px; @focus-editor-overlay: rgba(0,0,0,0.88); @focus-editor-transition: 0.25s; [data-xenfocus-editor] .fa-toggle-on::before{ content: @focus-editor-icon; } .p-footer .xenfocus-footer-icon{ a{ min-width: 40px; text-align: center; } i{ margin: 0; } } [data-xenfocus-editor]{ cursor: pointer; } .focus-editor-wrap{ display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 910; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: all @focus-editor-transition ease-in-out; .focus-editor-open &{ visibility: visible; opacity: 1; } } .focus-editor-overlay{ background: @focus-editor-overlay; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: auto; } .focus-editor{ box-shadow: rgba(0,0,0,0.3) 0px 10px 10px, rgba(0,0,0,0.4) 0px 15px 50px; border-radius: 4px; background: fadein(@xf-contentBg, 100%); position: relative; width: 98%; max-width: @focus-editor-width; transition: all @focus-editor-transition ease-in-out; transform: translateY(-50px); .focus-editor-open &{ transform: translateY(0); } } .focus-editor-panel{ padding: 20px; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; // Remove tap background from iOS -webkit-tap-highlight-color: transparent; @media (hover:hover){ &:hover{ background: fade(@xf-contentAltBg, 80%); } } } .focus-editor__title{ font-weight: bold; background: @xf-contentAltBg; border: 1px solid xf-intensify(@xf-contentAltBg, 10%); border-width: 1px 0; padding: 20px; position: sticky; top: 0px; z-index: 10; &:only-child{ display: none; } .focus-editor-scroll > :first-child > &{ border-top-width: 0px; } } .focus-editor-save{ padding: 20px; text-align: right; background: @xf-contentAltBg; border-top: 1px solid xf-intensify(@xf-contentAltBg, 10%); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; button{ display: inline-flex; border: 0; box-shadow: inset rgba(255,255,255,0.16) 0px 1px 0px; border-radius: 3px; background-color: @focus-editor-save; color: #fff; font-weight: bold; padding: 0; line-height: 44px; position: relative; transition: background-color 0.2s linear; &::before{ flex: 0 0 auto; .m-faBase(); .m-faContent(@fa-var-check); font-size: 14px; padding: 0 12px; background: rgba(255,255,255,0.18); background-clip: padding-box; border-top-left-radius: inherit; border-bottom-left-radius: inherit; border: 1px solid rgba(0,0,0,0.12); border-width: 0 1px 0 0; } &::after{ flex: 0 0 auto; padding: 0 18px; } &:hover{ background-color: lighten(@focus-editor-save, 5%); } &:active{ top: 1px; } } } .focus-editor-scroll{ max-height: ~"calc(100vh - 200px)"; overflow: auto; border-radius: inherit; > div:first-of-type h4{ border-top: 0; } } // Hide certain settings from mobiles @media (max-width: @xf-responsiveWide){ .focus-editor-panel[data-setting="focus-sidebar-sticky"], .focus-editor-panel[data-setting="focus-sidebar-flip"], .focus-editor-panel[data-setting="setting_latest_posts_short"]{ display: none; } } @media (max-width: (@xf-pageWidthMax + @focus-fluid-margin)){ .focus-editor-panel[data-setting="focus-fluid"]{ display: none; } } @focus-toggle-height: 30px; @focus-toggle-width: 50px; @focus-toggle-transform: @focus-toggle-width - @focus-toggle-height; @focus-toggle-goo: 10px; @focus-toggle-border: 2px; .focus-editor-toggle{ position: relative; flex: 0 0 auto; margin-right: 20px; } .focus-toggle{ background: xf-intensify(@xf-contentBg, 10%); display: block; border-radius: 15px; position: relative; z-index: 0; width: @focus-toggle-width; height: @focus-toggle-height; // Background &::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: @focus-editor-save; border-radius: inherit; opacity: 0; transition: opacity 0.25s linear; } i{ position: absolute; border-radius: inherit; overflow: hidden; // Fix iOS glitchy animation transform: translate3d(0,0,0); top: @focus-toggle-border + 2px; right: @focus-toggle-border + 2px; bottom: @focus-toggle-border + 2px; left: @focus-toggle-border + 2px; &::before{ content: ''; background: rgba(255,255,255,0.5); box-shadow: rgba(0,0,0,0.25) 0px 3px 6px; border-radius: inherit; display: block; height: 100%; width: @focus-toggle-height + @focus-toggle-goo - @focus-toggle-border - @focus-toggle-border - 4px; transition: transform 0.25s ease-in-out; transform: translateX(@focus-toggle-goo * -1); } } &::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; border: 2px solid rgba(0,0,0,0.15); border-color: rgba(255,255,255,0.2); } [data-setting-status='on'] &{ &::before{ opacity: 1; } i::before{ transform: translateX(@focus-toggle-transform); } } } .focus-editor-text{ flex: 1 1 auto; &::before{ content: attr(data-setting-title); display: block; font-weight: bold; margin-bottom: 4px; } &::after{ content: attr(data-setting-desc); opacity: 0.6; display: block; } } /* ---------------- - Sticky sidebar ---------------- */ .focus-editor-panel[data-setting="focus-sidebar-sticky"]{ display: none; } // Recode sidebar into flex layout @media (min-width: (@xf-responsiveWide + 1px)){ .p-body-main--withSidebar{ display: flex; align-items: flex-start; .p-body-content{ padding-right: @content-padding; // These values are all necessary to ensure the media slider works. Do not change flex: 0 1 auto; display: block; width: ~"calc(100% - @xf-sidebarWidth)"; } .p-body-sideNav, .p-body-sidebar{ flex: 0 0 auto; // IE fix display: block; } } // Switch sidebar to left side if enabled .focus-sidebar-flip .p-body-sidebar{ order: -1; } // And adjust padding .focus-sidebar-flip{ .p-body-main--withSidebar .p-body-content{ padding-right: 0; padding-left: @content-padding; } } // Sticky side blocks @supports ((position: sticky) or (position: -webkit-sticky)){ .focus-sidebar-sticky .p-body-sidebar{ position: -webkit-sticky; position: sticky; top: @sticky-top * 1px + 10px; } .focus-editor-panel[data-setting="focus-sidebar-sticky"]{ display: flex; } } } /* ---------------- - Grid layout for nodes ---------------- */ // Hide the grid panel for old browsers, and show it using @supports .focus-editor-panel[data-setting="focus-grid"]{ display: none; @supports (display: grid){ display: flex; } } @supports (display: grid){ .focus-grid{ --grid-node-icon-width: @node-grid-padding + @node-grid-padding + (@xf-xenfocus_iconWidth*1px); @media (max-width: @xf-responsiveNarrow){ --grid-node-icon-width: @node-grid-padding + @node-grid-padding + (@xf-xenfocus_iconWidth*0.7px); } .block--category { .block-body{ display: flex; flex-wrap: wrap; padding: @grid-node-gap; // Add a background and padding to the grid wrapper if no background exists on the main content wrapper background: @grid-node-wrapper; .reset-grid-wrapper(@debug) when (@debug = true) { background: none; border: 0; box-shadow: none; padding: 0px; margin-top: @grid-node-gap; @media (min-width: (@xf-responsiveMedium + 1px)){ margin: @grid-node-gap [email protected] [email protected] [email protected]; } } .reset-grid-wrapper(@reset-grid-wrapper); } .node{ flex: 1 0 var(--grid-node-width, @grid-node-width); margin: @grid-node-gap; max-width: 100%; border: 0; // Overwrite the inline-styles from the minimal layout @media (max-width: @xf-responsiveMedium){ max-width: ~"calc(100% - @{grid-node-gap} - @{grid-node-gap})"; } &::before{ top: @grid-hover-inset; left: @grid-hover-inset; right: @grid-hover-inset; bottom: @grid-hover-inset; z-index: 5; pointer-events: none; } } .node-body{ width: auto; height: 100%; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr; grid-template-areas: "nodeicon nodetitle" "nodelatest nodelatest"; align-items: center; border-radius: @xf-blockBorderRadius; position: relative; padding: 0; } .node--link .node-body, .node--page .node-body{ grid-template-rows: 1fr; } .node-icon{ grid-area: nodeicon; padding: @node-grid-padding; padding: var(--node-grid-padding, @node-grid-padding); padding-right: 0px; /* i{ color: inherit !important; } */ } .node-main{ grid-area: nodetitle; padding: @node-grid-padding; padding: var(--node-grid-padding, @node-grid-padding); } .node-subNodeMenu{ display: block; margin-top: 5px; } .node-extra{ display: none; .node-extra-icon{ position: absolute; left: 0; width: @node-grid-padding + @node-grid-padding + (@xf-xenfocus_iconWidth*1px); width: var(--grid-node-icon-width); padding: 0; text-align: center; // Ensure the avatar is shown on mobiles display: block; } .node-extra-row{ flex: 0 0 auto; width: 100%; white-space: normal; height: @xf-lineHeightDefault*1em; position: relative; } .node-extra-row:first-child{ font-weight: bold; } .node-extra-user a{ color: inherit; } // Truncate long topic titles using ellipsis .node-extra-row .node-extra-title{ position: absolute; left: 0; right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .node-statsMeta{ // Hide the node stats in grid view if setting is enabled display: none; } .node-stats{ display: none; } // Colour scheme: normal or wallpaper .node-body{ .xf-contentBase(); .xf-blockBorder(); .reset-grid-wrapper-2(@debug) when (@debug = true) { .focus-block-container(); } .reset-grid-wrapper-2(@reset-grid-wrapper); &::before{ background: xf-intensify(@xf-contentBg, 1%); border-top: 1px solid xf-intensify(@xf-contentBg, 7%); } } } } } // Assign node wallpapers /**/ // Hide node stats on smaller screens for a cleaner look /*.hide-node-statsMeta-mobile(@debug) when (@debug = true) { @media (max-width: @xf-responsiveNarrow){ .node-statsMeta, .focus-grid .block--category .node-statsMeta{ display: none; } } } .hide-node-statsMeta-mobile(@hide-node-statsMeta-mobile);*/ /* Solo para desktop */ @media (min-width: (@xf-responsiveWide + 1px)){ // Sticky side blocks html[data-template="forum_list"].setting_latest_posts_short .contentRow-minor.contentRow-minor--hideLinks { display: none; } }
Arriba Pie