/* ========================================================================== Automotive Icons for Club 306 phpBB Forum Replaces generic folder/envelope GIFs with car-themed SVG icons. 4 base shapes: Car (forums), Speedometer (topics/PMs), Wrench (stickies), Checkered flag (announce/global) ========================================================================== */ /* -------------------------------------------------------------------------- SVG Helper: All status icons share these base properties -------------------------------------------------------------------------- */ .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum, .global_read, .global_read_mine, .global_read_locked, .global_read_locked_mine, .global_unread, .global_unread_mine, .global_unread_locked, .global_unread_locked_mine, .announce_read, .announce_read_mine, .announce_read_locked, .announce_read_locked_mine, .announce_unread, .announce_unread_mine, .announce_unread_locked, .announce_unread_locked_mine, .sticky_read, .sticky_read_mine, .sticky_read_locked, .sticky_read_locked_mine, .sticky_unread, .sticky_unread_mine, .sticky_unread_locked, .sticky_unread_locked_mine, .topic_moved, .pm_read, .pm_unread, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine, .topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine { background-size: contain; background-position: center; background-repeat: no-repeat; } /* ========================================================================== LIGHT MODE — Forum icons (Car / Hatchback silhouette) ========================================================================== */ /* forum_link — grey car with arrow */ .forum_link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M6 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%239ca3af'/%3E%3Ccircle cx='11' cy='25' r='2.5' fill='%236b7280'/%3E%3Ccircle cx='25' cy='25' r='2.5' fill='%236b7280'/%3E%3Cpath d='M12 14l-2.5 4h17l-2.5-4c-.8-1-2-1.5-3.5-1.5h-5c-1.5 0-2.7.5-3.5 1.5z' fill='%23b0b8c4' opacity='.6'/%3E%3Cpath d='M28 17l5-3m0 6l-5 0' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); } /* forum_read — grey car */ .forum_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%239ca3af'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%236b7280'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%236b7280'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%23b0b8c4' opacity='.6'/%3E%3C/svg%3E"); } /* forum_read_locked — grey car + padlock */ .forum_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%239ca3af'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%236b7280'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%236b7280'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%23b0b8c4' opacity='.6'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%236b7280'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3C/svg%3E"); } /* forum_read_subforum — grey car + small dot */ .forum_read_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%239ca3af'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%236b7280'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%236b7280'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%23b0b8c4' opacity='.6'/%3E%3Ccircle cx='30' cy='8' r='3' fill='%239ca3af'/%3E%3C/svg%3E"); } /* forum_unread — blue Peugeot car */ .forum_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%23002f6c'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%23001d44'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%23001d44'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%23a0c4e8' opacity='.5'/%3E%3C/svg%3E"); } /* forum_unread_locked — blue car + padlock */ .forum_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%23002f6c'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%23001d44'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%23001d44'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%23a0c4e8' opacity='.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23001d44'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23001d44' stroke-width='1.5'/%3E%3C/svg%3E"); } /* forum_unread_subforum — blue car + dot */ .forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%23002f6c'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%23001d44'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%23001d44'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%23a0c4e8' opacity='.5'/%3E%3Ccircle cx='30' cy='8' r='3' fill='%23002f6c'/%3E%3C/svg%3E"); } /* ========================================================================== LIGHT MODE — Topic / PM icons (Speedometer dial) ========================================================================== */ /* topic_read, pm_read — grey speedometer */ .pm_read, .topic_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%239ca3af' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23b0b8c4' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23b0b8c4' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%239ca3af'/%3E%3C/svg%3E"); } /* topic_read_mine — grey speedometer + star top-right */ .topic_read_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%239ca3af' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23b0b8c4' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23b0b8c4' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%239ca3af'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* topic_read_hot — red speedometer + heat lines */ .topic_read_hot { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23c8102e' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23c8102e' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23c8102e'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23c8102e' stroke-width='1' fill='none' opacity='.6'/%3E%3Cpath d='M14 3c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23c8102e' stroke-width='1' fill='none' opacity='.6'/%3E%3C/svg%3E"); } /* topic_read_hot_mine — red speedometer + heat + star */ .topic_read_hot_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23c8102e' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23c8102e' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23c8102e'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23c8102e' stroke-width='1' fill='none' opacity='.6'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* topic_read_locked — grey speedometer + padlock */ .topic_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%239ca3af' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%239ca3af'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%236b7280'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3C/svg%3E"); } /* topic_read_locked_mine — grey speedometer + padlock + star */ .topic_read_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%239ca3af' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%239ca3af'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%236b7280'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* topic_unread, pm_unread — blue speedometer */ .pm_unread, .topic_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23002f6c' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23a0c4e8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23a0c4e8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23002f6c'/%3E%3C/svg%3E"); } /* topic_unread_mine — blue speedometer + star */ .topic_unread_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23002f6c' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23a0c4e8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23a0c4e8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23002f6c'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* topic_unread_hot — red speedometer + heat */ .topic_unread_hot { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23c8102e' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23c8102e' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23c8102e'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23c8102e' stroke-width='1' fill='none' opacity='.6'/%3E%3Cpath d='M14 3c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23c8102e' stroke-width='1' fill='none' opacity='.6'/%3E%3C/svg%3E"); } /* topic_unread_hot_mine — red speedometer + heat + star */ .topic_unread_hot_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23c8102e' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23e57388' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23c8102e' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23c8102e'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23c8102e' stroke-width='1' fill='none' opacity='.6'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* topic_unread_locked — blue speedometer + padlock */ .topic_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23002f6c' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23002f6c'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23001d44'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23001d44' stroke-width='1.5'/%3E%3C/svg%3E"); } /* topic_unread_locked_mine — blue speedometer + padlock + star */ .topic_unread_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23002f6c' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23002f6c'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23001d44'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23001d44' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* topic_moved — grey speedometer + redirect arrow */ .topic_moved { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%239ca3af' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%239ca3af'/%3E%3Cpath d='M25 8l4 4-4 4' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M29 12h-8' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); } /* ========================================================================== LIGHT MODE — Sticky icons (Wrench) ========================================================================== */ /* sticky_read — grey wrench */ .sticky_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23b0b8c4' stroke-width='1.5'/%3E%3C/svg%3E"); } /* sticky_read_mine — grey wrench + star */ .sticky_read_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23b0b8c4' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* sticky_read_locked — grey wrench + padlock */ .sticky_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23b0b8c4' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%236b7280'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3C/svg%3E"); } /* sticky_read_locked_mine — grey wrench + padlock + star */ .sticky_read_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23b0b8c4' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%236b7280'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* sticky_unread — blue wrench */ .sticky_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%23002f6c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23a0c4e8' stroke-width='1.5'/%3E%3C/svg%3E"); } /* sticky_unread_mine — blue wrench + star */ .sticky_unread_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%23002f6c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23a0c4e8' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* sticky_unread_locked — blue wrench + padlock */ .sticky_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%23002f6c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23a0c4e8' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23001d44'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23001d44' stroke-width='1.5'/%3E%3C/svg%3E"); } /* sticky_unread_locked_mine — blue wrench + padlock + star */ .sticky_unread_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%23002f6c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23a0c4e8' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23001d44'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23001d44' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* ========================================================================== LIGHT MODE — Announce / Global icons (Checkered flag) ========================================================================== */ /* announce_read — grey checkered flag */ .announce_read, .global_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%239ca3af'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23fff'/%3E%3C/svg%3E"); } /* announce_read_mine — grey flag + star */ .announce_read_mine, .global_read_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%239ca3af'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23fff'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* announce_read_locked — grey flag + padlock */ .announce_read_locked, .global_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%239ca3af'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23fff'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%236b7280'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3C/svg%3E"); } /* announce_read_locked_mine — grey flag + padlock + star */ .announce_read_locked_mine, .global_read_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%239ca3af'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23fff'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23fff'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23fff'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23fff'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%236b7280'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* announce_unread — blue checkered flag */ .announce_unread, .global_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%23002f6c'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3C/svg%3E"); } /* announce_unread_mine — blue flag + star */ .announce_unread_mine, .global_unread_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%23002f6c'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* announce_unread_locked — blue flag + padlock */ .announce_unread_locked, .global_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%23002f6c'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23001d44'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23001d44' stroke-width='1.5'/%3E%3C/svg%3E"); } /* announce_unread_locked_mine — blue flag + padlock + star */ .announce_unread_locked_mine, .global_unread_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%23002f6c' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%23002f6c'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%23a0c4e8'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23001d44'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23001d44' stroke-width='1.5'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* ========================================================================== DARK MODE ========================================================================== */ /* -------------------------------------------------------------------------- Dark — Forum icons (Car) -------------------------------------------------------------------------- */ html.dark .forum_link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M6 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%234b5563'/%3E%3Ccircle cx='11' cy='25' r='2.5' fill='%23374151'/%3E%3Ccircle cx='25' cy='25' r='2.5' fill='%23374151'/%3E%3Cpath d='M12 14l-2.5 4h17l-2.5-4c-.8-1-2-1.5-3.5-1.5h-5c-1.5 0-2.7.5-3.5 1.5z' fill='%236b7280' opacity='.5'/%3E%3Cpath d='M28 17l5-3m0 6l-5 0' stroke='%234b5563' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); } html.dark .forum_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%234b5563'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%23374151'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%23374151'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%236b7280' opacity='.5'/%3E%3C/svg%3E"); } html.dark .forum_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%234b5563'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%23374151'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%23374151'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%236b7280' opacity='.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23374151'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .forum_read_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%234b5563'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%23374151'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%23374151'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%236b7280' opacity='.5'/%3E%3Ccircle cx='30' cy='8' r='3' fill='%234b5563'/%3E%3C/svg%3E"); } html.dark .forum_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%235a9fd9'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%234080b8'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%234080b8'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%2395c4e8' opacity='.4'/%3E%3C/svg%3E"); } html.dark .forum_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%235a9fd9'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%234080b8'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%234080b8'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%2395c4e8' opacity='.4'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%234080b8'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M4 22c0-2 1-3 2-4l4-6c1-1.5 3-2 5-2h6c2 0 3.5.5 5 2l4 6c1 1 2 2 2 4v3c0 1-1 2-2 2h-2c-1 0-2-1-2-2h-12c0 1-1 2-2 2h-2c-1 0-2-1-2-2v-3z' fill='%235a9fd9'/%3E%3Ccircle cx='10' cy='25' r='2.5' fill='%234080b8'/%3E%3Ccircle cx='26' cy='25' r='2.5' fill='%234080b8'/%3E%3Cpath d='M11 14l-2.5 4h19l-2.5-4c-.8-1-2-1.5-3.5-1.5h-7c-1.5 0-2.7.5-3.5 1.5z' fill='%2395c4e8' opacity='.4'/%3E%3Ccircle cx='30' cy='8' r='3' fill='%235a9fd9'/%3E%3C/svg%3E"); } /* -------------------------------------------------------------------------- Dark — Topic / PM icons (Speedometer) -------------------------------------------------------------------------- */ html.dark .pm_read, html.dark .topic_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%234b5563' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%234b5563'/%3E%3C/svg%3E"); } html.dark .topic_read_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%234b5563' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%234b5563'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .topic_read_hot { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23e7475f' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23e7475f' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23e7475f'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23e7475f' stroke-width='1' fill='none' opacity='.6'/%3E%3Cpath d='M14 3c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23e7475f' stroke-width='1' fill='none' opacity='.6'/%3E%3C/svg%3E"); } html.dark .topic_read_hot_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23e7475f' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23e7475f' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23e7475f'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23e7475f' stroke-width='1' fill='none' opacity='.6'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .topic_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%234b5563' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%234b5563'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23374151'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .topic_read_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%234b5563' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%234b5563'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23374151'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .pm_unread, html.dark .topic_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%235a9fd9' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%234080b8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%234080b8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%235a9fd9'/%3E%3C/svg%3E"); } html.dark .topic_unread_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%235a9fd9' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%234080b8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%234080b8' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%235a9fd9'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .topic_unread_hot { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23e7475f' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23e7475f' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23e7475f'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23e7475f' stroke-width='1' fill='none' opacity='.6'/%3E%3Cpath d='M14 3c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23e7475f' stroke-width='1' fill='none' opacity='.6'/%3E%3C/svg%3E"); } html.dark .topic_unread_hot_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%23e7475f' stroke-width='2.5'/%3E%3Cpath d='M8 26a13 13 0 0 1 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M28 26a13 13 0 0 0 0-14' stroke='%23b83a4e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='19' x2='24' y2='11' stroke='%23e7475f' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%23e7475f'/%3E%3Cpath d='M10 4c0 2-1.5 3-1.5 5s1.5 3 1.5 5' stroke='%23e7475f' stroke-width='1' fill='none' opacity='.6'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .topic_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%235a9fd9' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%235a9fd9'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%234080b8'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .topic_unread_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%235a9fd9' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%235a9fd9'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%234080b8'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .topic_moved { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='19' r='14' fill='none' stroke='%234b5563' stroke-width='2.5'/%3E%3Cline x1='18' y1='19' x2='13' y2='13' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='19' r='2' fill='%234b5563'/%3E%3Cpath d='M25 8l4 4-4 4' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M29 12h-8' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); } /* -------------------------------------------------------------------------- Dark — Sticky icons (Wrench) -------------------------------------------------------------------------- */ html.dark .sticky_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%234b5563' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .sticky_read_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%234b5563' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .sticky_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%234b5563' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23374151'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .sticky_read_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%234b5563' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23374151'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .sticky_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%235a9fd9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .sticky_unread_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%235a9fd9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .sticky_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%235a9fd9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%234080b8'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .sticky_unread_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M22 6a8 8 0 0 0-7.5 10.5L7 24l-1 5 5-1 7.5-7.5A8 8 0 1 0 22 6z' fill='none' stroke='%235a9fd9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='14' r='3' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%234080b8'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='7' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } /* -------------------------------------------------------------------------- Dark — Announce / Global icons (Checkered flag) -------------------------------------------------------------------------- */ html.dark .announce_read, html.dark .global_read { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%234b5563'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231f2937'/%3E%3C/svg%3E"); } html.dark .announce_read_mine, html.dark .global_read_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%234b5563'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231f2937'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .announce_read_locked, html.dark .global_read_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%234b5563'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231f2937'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23374151'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .announce_read_locked_mine, html.dark .global_read_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%234b5563' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%234b5563'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231f2937'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231f2937'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231f2937'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231f2937'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%23374151'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%23374151' stroke-width='1.5'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .announce_unread, html.dark .global_unread { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%235a9fd9'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3C/svg%3E"); } html.dark .announce_unread_mine, html.dark .global_unread_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%235a9fd9'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); } html.dark .announce_unread_locked, html.dark .global_unread_locked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%235a9fd9'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%234080b8'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3C/svg%3E"); } html.dark .announce_unread_locked_mine, html.dark .global_unread_locked_mine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cline x1='6' y1='4' x2='6' y2='34' stroke='%235a9fd9' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='8' y='4' width='24' height='16' rx='1' fill='%235a9fd9'/%3E%3Crect x='8' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='4' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='8' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='8' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='20' y='12' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='14' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='26' y='16' width='6' height='4' fill='%231a3a5c'/%3E%3Crect x='25' y='26' width='8' height='6' rx='1' fill='%234080b8'/%3E%3Cpath d='M27 26v-2a2 2 0 0 1 4 0v2' fill='none' stroke='%234080b8' stroke-width='1.5'/%3E%3Ccircle cx='33' cy='3' r='3' fill='%23f59e0b'/%3E%3C/svg%3E"); }