{"code":200,"data":{"id":291,"name":"Pinterest - Christmas Snow Cabin Theme","enabled":false,"update":false,"source":{"domain":"pinterest.com","code":"\/*\r\n * Pinterest \u2014 Christmas Snow Cabin\r\n * SOURCE_DERIVED \/ UNVERIFIED: selectors are limited to the supplied\r\n * Pinterest reference styles. Pin images and video are intentionally untouched.\r\n *\/\r\n\r\n:root {\r\n  --pinterest-snow: #dcecf5;\r\n  --pinterest-frost: #dcecf5;\r\n  --pinterest-mist: #b9d1dc;\r\n  --pinterest-pine-950: #102d2c;\r\n  --pinterest-pine-900: #16413c;\r\n  --pinterest-pine-800: #20564e;\r\n  --pinterest-holly: #a92735;\r\n  --pinterest-holly-hover: #861f2a;\r\n  --pinterest-gold: #d7a84d;\r\n  --pinterest-ink: #183331;\r\n  --pinterest-muted: #4d6866;\r\n  --pinterest-focus: #2d7d72;\r\n\r\n  \/* Pinterest source-2 semantic tokens *\/\r\n  --color-background-default: var(--pinterest-snow);\r\n  --color-background-light: #ffffff;\r\n  --color-background-dark: var(--pinterest-pine-950);\r\n  --color-background-elevation-accent: #edf5f5;\r\n  --color-background-elevation-floating: #ffffff;\r\n  --color-background-elevation-raised: #ffffff;\r\n  --color-background-primary-base: var(--pinterest-holly);\r\n  --color-background-primary-strong: var(--pinterest-holly-hover);\r\n  --color-background-primary-weak: #f8dfe2;\r\n  --color-background-secondary-base: #e8f1f1;\r\n  --color-background-secondary-strong: #c8dcdc;\r\n  --color-background-secondary-weak: #f2f7f7;\r\n  --color-background-selected-base: #d9ece8;\r\n  --color-background-selected-strong: #c1dfd9;\r\n  --color-background-selected-weak: #edf7f4;\r\n  --color-background-formfield-primary: #ffffff;\r\n  --color-background-popover-primary: #ffffff;\r\n  --color-background-popover-secondary: #edf5f4;\r\n  --color-background-tabs-default-base: #ffffff;\r\n  --color-background-tabs-default-hover: #edf5f4;\r\n  --color-background-tabs-default-active: #d9ece8;\r\n  --color-background-button-primary-default: var(--pinterest-holly);\r\n  --color-background-button-primary-hover: var(--pinterest-holly-hover);\r\n  --color-background-button-primary-active: #69151f;\r\n  --color-background-button-secondary-default: #e8f1f1;\r\n  --color-background-button-secondary-hover: #d6e7e4;\r\n  --color-background-button-secondary-active: #c3dcd7;\r\n  --color-text-default: var(--pinterest-ink);\r\n  --color-text-subtle: var(--pinterest-muted);\r\n  --color-text-link: #1d625a;\r\n  --color-text-formfield-default: var(--pinterest-ink);\r\n  --color-text-formfield-placeholder: #66807d;\r\n  --color-text-inverse: #ffffff;\r\n  --color-icon-default: var(--pinterest-pine-900);\r\n  --color-icon-subtle: var(--pinterest-muted);\r\n  --color-icon-brand-primary: var(--pinterest-holly);\r\n  --color-icon-inverse: #ffffff;\r\n  --color-border-container: #bdd3d0;\r\n  --color-border-default: #9dbab6;\r\n  --color-border-focus: var(--pinterest-focus);\r\n  --color-border-popover-primary: #bdd3d0;\r\n  --color-red-pushpin-450: var(--pinterest-holly);\r\n  --color-red-pushpin-500: var(--pinterest-holly-hover);\r\n  --color-green-matchacado-500: var(--pinterest-pine-800);\r\n}\r\n\r\n\/* Page and persistent navigation \u2014 source-1 header hooks. *\/\r\nbody,\r\ndiv[data-test-id=\"app-content-wrapper\"],\r\ndiv[data-test-id=\"pin-builder\"] {\r\n  background-color: var(--color-background-default) !important;\r\n  color: var(--color-text-default);\r\n}\r\n\r\n\/* Live DOM-confirmed Pinterest Masonry canvas. *\/\r\ndiv.Masonry_P.relative_K {\r\n  background-color: var(--pinterest-snow) !important;\r\n  background-image: radial-gradient(rgba(255, 255, 255, 0.76) 1px, transparent 1px);\r\n  background-size: 18px 18px;\r\n  border-radius: 24px;\r\n}\r\n\r\n\/* Live DOM-confirmed vertical navigation: decorative only, with intact controls. *\/\r\nnav#VerticalNavContent {\r\n  background: linear-gradient(180deg, #ffffff 0%, #edf5f4 100%) !important;\r\n  border: 1px solid #bdd3d0;\r\n  border-radius: 20px;\r\n  box-shadow:\r\n    inset 3px 0 0 var(--pinterest-pine-800),\r\n    0 8px 24px rgba(16, 45, 44, 0.1);\r\n  padding: 8px;\r\n}\r\n\r\nnav#VerticalNavContent :is(a, button, [role=\"button\"]) {\r\n  border-radius: 14px;\r\n  transition: background-color 160ms ease, box-shadow 160ms ease;\r\n}\r\n\r\nnav#VerticalNavContent :is(a, button, [role=\"button\"]):hover {\r\n  background-color: #d9ece8 !important;\r\n  box-shadow: inset 0 0 0 1px rgba(32, 86, 78, 0.2);\r\n}\r\n\r\nnav#VerticalNavContent [aria-current=\"page\"] {\r\n  background-color: var(--pinterest-pine-800) !important;\r\n  color: #ffffff !important;\r\n  box-shadow: 0 3px 8px rgba(16, 45, 44, 0.18);\r\n}\r\n\r\nnav#VerticalNavContent :is(a, button, [role=\"button\"]):focus-visible {\r\n  outline: 3px solid var(--pinterest-focus) !important;\r\n  outline-offset: 2px;\r\n}\r\n\r\n\/* Live DOM-confirmed navbar menu shell. *\/\r\ndiv.pog_U.rounding400_U.transparent_U {\r\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(222, 239, 237, 0.82)) !important;\r\n  border: 1px solid rgba(189, 211, 208, 0.96);\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.9),\r\n    0 7px 18px rgba(16, 45, 44, 0.12);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;\r\n}\r\n\r\ndiv.pog_U.rounding400_U.transparent_U:hover {\r\n  background: linear-gradient(135deg, #ffffff, #c9e4df) !important;\r\n  border-color: var(--pinterest-gold);\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.94),\r\n    0 10px 24px rgba(16, 45, 44, 0.16);\r\n}\r\n\r\ndiv.pog_U.rounding400_U.transparent_U:focus-within {\r\n  outline: 3px solid var(--pinterest-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n\/* Live DOM-confirmed navbar anchor spacing. *\/\r\na.noOutline_1h.inheritColor_1h.noUnderline_1h.tapTransition_1f.rounding4_j.hideOutline_y.inlineBlock_K.pointer_1f.pointer_t {\r\n  margin: 0 15px;\r\n}\r\n\r\n\/* Live DOM-confirmed toolbar and tab row. *\/\r\ndiv.tabsIsolation_1b {\r\n  background: linear-gradient(135deg, #ffffff 0%, #edf5f4 100%) !important;\r\n  border: 1px solid #bdd3d0;\r\n  border-radius: 18px;\r\n  box-shadow: 0 5px 16px rgba(16, 45, 44, 0.08);\r\n  padding: 6px;\r\n}\r\n\r\ndiv.tabsIsolation_1b > div.Flex_x.rowGap0_x.columnGap0_x.xsDirectionColumn_k.xsItemsCenter_K {\r\n  gap: 10px;\r\n  padding: 3px;\r\n}\r\n\r\ndiv.tabsIsolation_1b :is([role=\"tab\"], a, button) {\r\n  border-radius: 12px;\r\n  background-color: rgba(255, 255, 255, 0.72);\r\n  color: #1d625a;\r\n  font-family: \"Avenir Next\", Avenir, \"Trebuchet MS\", system-ui, sans-serif;\r\n  font-size: 0.94rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.015em;\r\n  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);\r\n  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;\r\n}\r\n\r\ndiv.tabsIsolation_1b :is([role=\"tab\"], a, button):hover {\r\n  background-color: #c9e4df !important;\r\n  color: #102d2c !important;\r\n  box-shadow: 0 3px 8px rgba(16, 45, 44, 0.12);\r\n  transform: translateY(-1px);\r\n}\r\n\r\ndiv.tabsIsolation_1b [role=\"tab\"][aria-selected=\"true\"],\r\ndiv.tabsIsolation_1b [aria-current=\"page\"] {\r\n  background-color: var(--pinterest-pine-800) !important;\r\n  color: #ffffff !important;\r\n  font-weight: 800;\r\n  letter-spacing: 0.025em;\r\n  text-shadow: none;\r\n  box-shadow: 0 3px 8px rgba(16, 45, 44, 0.18);\r\n}\r\n\r\ndiv.tabsIsolation_1b :is([role=\"tab\"], a, button):focus-visible {\r\n  outline: 3px solid var(--pinterest-focus) !important;\r\n  outline-offset: 2px;\r\n}\r\n\r\nheader[role=\"banner\"],\r\ndiv[data-test-id=\"header-background\"],\r\ndiv[data-test-id=\"header-container\"] {\r\n  background-color: rgba(247, 251, 255, 0.96) !important;\r\n  border-color: #c5dbd8 !important;\r\n  box-shadow: 0 2px 14px rgba(16, 45, 44, 0.08);\r\n}\r\n\r\ndiv[data-test-id=\"header-logo\"] a,\r\ndiv[data-test-id=\"header-logo\"] svg,\r\na[href=\"\/\"] svg {\r\n  color: var(--pinterest-holly) !important;\r\n  fill: var(--pinterest-holly) !important;\r\n}\r\n\r\ndiv[data-test-id=\"user-menu\"],\r\ndiv[data-test-id=\"search-container\"],\r\ndiv[data-test-id=\"search-tab-bar\"],\r\ndiv[data-root-margin=\"more-ideas-tabs\"] {\r\n  background-color: #ffffff !important;\r\n  border-color: #c5dbd8 !important;\r\n}\r\n\r\ndiv[data-test-id=\"header-search-bar\"],\r\ndiv[data-test-id=\"search-container\"] {\r\n  background-color: #edf5f4 !important;\r\n  border: 1px solid transparent;\r\n  border-radius: 18px;\r\n}\r\n\r\ndiv[data-test-id=\"header-search-bar\"]:focus-within,\r\ndiv[data-test-id=\"search-container\"]:focus-within {\r\n  border-color: var(--pinterest-focus);\r\n  box-shadow: 0 0 0 3px rgba(45, 125, 114, 0.2);\r\n}\r\n\r\n\/* Pins remain media-first; only their surrounding UI gains the cabin treatment. *\/\r\ndiv[data-test-id=\"pin-card\"],\r\ndiv[data-test-id=\"pin-container\"],\r\ndiv[data-test-id=\"board-card\"],\r\ndiv[data-grid-item] {\r\n  background-color: transparent !important;\r\n}\r\n\r\ndiv[data-test-id=\"card-actions\"] {\r\n  background-color: rgba(16, 45, 44, 0.82) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.52);\r\n  box-shadow: 0 4px 18px rgba(16, 45, 44, 0.2);\r\n}\r\n\r\ndiv[data-test-id=\"pin-card\"]:hover,\r\ndiv[data-test-id=\"board-card\"]:hover {\r\n  filter: none;\r\n}\r\n\r\n\/* Live DOM-confirmed Masonry item shell: preserves Pinterest positioning and Pin media. *\/\r\ndiv[data-grid-item=\"true\"][role=\"listitem\"] {\r\n  box-sizing: border-box;\r\n  background: linear-gradient(145deg, #ffffff 0%, #edf5f4 100%);\r\n  border: 1px solid rgba(189, 211, 208, 0.92);\r\n  border-radius: 18px;\r\n  box-shadow:\r\n    0 2px 5px rgba(16, 45, 44, 0.06),\r\n    0 10px 22px rgba(16, 45, 44, 0.1);\r\n  outline: 1px solid rgba(255, 255, 255, 0.78);\r\n  outline-offset: -2px;\r\n  transition: border-color 160ms ease, box-shadow 160ms ease;\r\n}\r\n\r\ndiv[data-grid-item=\"true\"][role=\"listitem\"]:hover {\r\n  border-color: var(--pinterest-gold);\r\n  box-shadow:\r\n    0 3px 8px rgba(16, 45, 44, 0.1),\r\n    0 14px 30px rgba(16, 45, 44, 0.16);\r\n}\r\n\r\n\/* Profile and board text containers from the supplied source map. *\/\r\ndiv[data-test-id=\"profile-header\"],\r\ndiv[data-test-id=\"saved-feed-container\"],\r\ndiv[data-test-id=\"closeup-lego-container\"] > div {\r\n  background-color: #ffffff !important;\r\n  border: 1px solid #c5dbd8;\r\n  border-radius: 20px;\r\n  box-shadow: 0 10px 28px rgba(16, 45, 44, 0.09);\r\n}\r\n\r\ndiv[data-test-id=\"profile-avatar\"] {\r\n  border: 3px solid var(--pinterest-gold) !important;\r\n  box-shadow: 0 0 0 3px #ffffff;\r\n}\r\n\r\ndiv[data-test-id=\"profile-name\"] {\r\n  color: var(--pinterest-pine-950) !important;\r\n}\r\n\r\n\/* Closeup, menu, reaction, creation, and login surfaces. *\/\r\ndiv[data-test-id=\"closeup-lego-container\"] {\r\n  background-color: transparent !important;\r\n  box-shadow: 0 16px 42px rgba(16, 45, 44, 0.22);\r\n  border-radius: 20px;\r\n}\r\n\r\ndiv[aria-label=\"reaction\"],\r\nbutton[data-test-id=\"board-dropdown-select-button\"],\r\ndiv[role=\"list\"],\r\n.react-datepicker,\r\ndiv[data-test-id=\"login-modal-default\"] {\r\n  background-color: #ffffff !important;\r\n  color: var(--pinterest-ink) !important;\r\n  border-color: #bdd3d0 !important;\r\n}\r\n\r\ndiv[aria-label=\"reaction\"]:hover,\r\nbutton[data-test-id=\"board-dropdown-select-button\"]:hover,\r\n.react-datepicker__day:hover {\r\n  background-color: #d9ece8 !important;\r\n}\r\n\r\nbutton[data-test-id=\"board-dropdown-select-button\"] {\r\n  border: 1px solid #9dbab6;\r\n}\r\n\r\n\/* Text and links are scoped to known component modules, not global elements. *\/\r\ndiv[data-test-id=\"profile-header\"] a,\r\ndiv[data-test-id=\"saved-feed-container\"] a,\r\ndiv[data-test-id=\"closeup-lego-container\"] a,\r\ndiv[data-test-id=\"search-tab-bar\"] a,\r\ndiv[data-root-margin=\"more-ideas-tabs\"] a {\r\n  color: #1d625a !important;\r\n}\r\n\r\ndiv[data-test-id=\"profile-header\"] a:hover,\r\ndiv[data-test-id=\"saved-feed-container\"] a:hover,\r\ndiv[data-test-id=\"closeup-lego-container\"] a:hover,\r\ndiv[data-test-id=\"search-tab-bar\"] a:hover,\r\ndiv[data-root-margin=\"more-ideas-tabs\"] a:hover {\r\n  color: var(--pinterest-holly) !important;\r\n}\r\n\r\ndiv[data-test-id=\"closeup-lego-container\"] h1,\r\ndiv[data-test-id=\"closeup-lego-container\"] h2,\r\ndiv[data-test-id=\"closeup-lego-container\"] h3,\r\ndiv[data-test-id=\"closeup-lego-container\"] h4,\r\ndiv[data-test-id=\"closeup-lego-container\"] p,\r\ndiv[data-test-id=\"closeup-lego-container\"] span {\r\n  color: var(--pinterest-ink);\r\n}\r\n\r\n\/* Keyboard focus stays prominent even when Pinterest tokens are not consumed. *\/\r\ndiv[data-test-id=\"app-content-wrapper\"] a:focus-visible,\r\ndiv[data-test-id=\"app-content-wrapper\"] button:focus-visible,\r\ndiv[data-test-id=\"app-content-wrapper\"] input:focus-visible,\r\ndiv[data-test-id=\"app-content-wrapper\"] [role=\"button\"]:focus-visible {\r\n  outline: 3px solid var(--pinterest-focus) !important;\r\n  outline-offset: 3px;\r\n}\r\n\r\n*::-webkit-scrollbar {\r\n  width: 11px;\r\n  height: 11px;\r\n  background: #edf5f4;\r\n}\r\n\r\n*::-webkit-scrollbar-thumb {\r\n  background: var(--pinterest-pine-800);\r\n  border: 3px solid #edf5f4;\r\n  border-radius: 999px;\r\n}\r\n\r\n*::-webkit-scrollbar-thumb:hover {\r\n  background: var(--pinterest-holly);\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    scroll-behavior: auto !important;\r\n    transition-duration: 0.01ms !important;\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n  }\r\n}"},"thumbnail":"https:\/\/coolstyles.org\/storage\/3517\/conversions\/pinterest-christmas-snow-cabin-screen_shot_conversion.webp","checksum":"c46b69bdc2fe6c173f0c28c4b6ab018c","total_installed":0,"website":{"id":13,"name":"Pinterest","slug":"pinterest","domain":"pinterest.com"},"author":{"id":1,"full_name":"admin","email":"ngaongan@gmail.com"},"category":"hot","url":"https:\/\/coolstyles.org\/style\/pinterest-christmas-snow-cabin-theme.html","url_style":"https:\/\/coolstyles.org\/api\/extension\/style\/291.json"}}