/* ================================================ LIGHT MODE OVERRIDES ================================================ */ /* Body & Background */ [data-mode="light"] body { background-color: #ffffff; color: #1a1a1a; } /* Navigation */ nav { position: fixed; top: 0; width: 100%; z-index: 50; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-white); transition: all 0.3s; } [data-mode="light"] nav { background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .nav-container { max-width: 1400px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 80px; } .logo img { height: 50px; width: auto; filter: drop-shadow(0 0 10px var(--accent-purple)); } [data-mode="light"] .logo img { filter: drop-shadow(0 0 10px var(--accent-purple)); } .nav-menu { display: flex; list-style: none; gap: 35px; align-items: center; } .nav-menu a { color: var(--text-white-70); text-decoration: none; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s; position: relative; } .nav-menu a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--accent-purple); transition: width 0.3s; box-shadow: 0 0 10px var(--accent-purple); } .nav-menu a:hover { color: var(--accent-purple); text-shadow: 0 0 10px var(--goth-glow); } .nav-menu a:hover::after { width: 100%; } .btn-primary { background: transparent; color: var(--text-white); padding: 12px 30px; border: 1px solid var(--text-white); border-radius: 0; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.2s; text-decoration: none; display: inline-block; } .btn-primary:hover { background: var(--text-white); color: var(--bg-dark); } /* Hamburger Menu Button */ .hamburger { display: none; flex-direction: column; gap: 5px; background: transparent; border: none; cursor: pointer; padding: 12px; z-index: 10000; position: relative; min-width: 44px; min-height: 44px; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; } .hamburger span { display: block; width: 28px; height: 2px; background: var(--text-white); transition: all 0.3s ease; box-shadow: 0 0 5px var(--goth-glow); } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); } .hamburger:hover span { background: var(--accent-purple); box-shadow: 0 0 10px var(--accent-purple); } /* Light Mode - Navbar Text and Hamburger */ [data-mode="light"] .nav-menu a { color: #000000; } [data-mode="light"] .nav-menu a:hover { color: var(--accent-purple); } [data-mode="light"] .hamburger span { background: #000000 !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } [data-mode="light"] .hamburger:hover span { background: var(--accent-purple) !important; box-shadow: 0 0 10px var(--accent-purple); } [data-mode="light"] .btn-primary { color: #000000; border-color: #000000; } [data-mode="light"] .btn-primary:hover { background: #000000; color: #ffffff; } /* Mobile Menu Overlay */ .mobile-menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; height: 100dvh; background: rgba(0, 0, 0, 0.98); backdrop-filter: blur(20px); z-index: 9999; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; overflow: hidden; } .mobile-menu-overlay.active { opacity: 1; pointer-events: all; } .mobile-menu { display: none; flex-direction: column; list-style: none; padding: 80px 20px 40px; gap: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mobile-menu li { border-bottom: 1px solid var(--border-white); } .mobile-menu li:last-child { border-bottom: none; } .mobile-menu a { display: flex; align-items: center; color: var(--text-white-70); text-decoration: none; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; padding: 18px 0; transition: all 0.3s; position: relative; min-height: 56px; width: 100%; } .mobile-menu a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--accent-purple); transition: width 0.3s; box-shadow: 0 0 10px var(--accent-purple); } .mobile-menu a:hover, .mobile-menu a:active, .mobile-menu a:focus { color: var(--accent-purple); text-shadow: 0 0 10px var(--goth-glow); padding-left: 16px; background: rgba(139, 92, 246, 0.05); } .mobile-menu a:hover::after, .mobile-menu a:active::after { width: 100%; } .mobile-menu .btn-primary { margin-top: 24px; text-align: center; border-color: var(--accent-purple); color: var(--accent-purple); padding: 16px 24px; font-size: 16px; justify-content: center; border-width: 2px; } .mobile-menu .btn-primary:hover, .mobile-menu .btn-primary:active, .mobile-menu .btn-primary:focus { background: var(--accent-purple); color: var(--bg-dark); padding-left: 24px; } /* Light Mode - Mobile Menu */ [data-mode="light"] .mobile-menu-overlay { background: rgba(255, 255, 255, 0.98); } [data-mode="light"] .mobile-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } [data-mode="light"] .mobile-menu a { color: #000000; } [data-mode="light"] .mobile-menu a:hover, [data-mode="light"] .mobile-menu a:active, [data-mode="light"] .mobile-menu a:focus { color: var(--accent-purple); background: rgba(139, 92, 246, 0.05); } [data-mode="light"] .mobile-menu .btn-primary { border-color: var(--accent-purple); color: var(--accent-purple); } [data-mode="light"] .mobile-menu .btn-primary:hover, [data-mode="light"] .mobile-menu .btn-primary:active, [data-mode="light"] .mobile-menu .btn-primary:focus { background: var(--accent-purple); color: #ffffff; } /* Hide profile tabs when mobile menu is active */ body:has(.mobile-menu-overlay.active) .profile-tabs { display: none !important; visibility: hidden !important; } /* Responsive - 1100px and below - Switch to hamburger menu */ @media (max-width: 1100px) { .hamburger { display: flex; } .nav-menu { display: none; } .mobile-menu-overlay { display: block; } .mobile-menu { display: flex; } } /* Profile Header */ [data-mode="light"] .profile-header { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .profile-username { color: #1a1a1a; } [data-mode="light"] .profile-name { color: #1a1a1a; } [data-mode="light"] .profile-description { color: rgba(0, 0, 0, 0.7); } /* Profile Stats */ [data-mode="light"] .stat-number { color: #1a1a1a; } [data-mode="light"] .stat-label { color: rgba(0, 0, 0, 0.6); } /* Profile Action Buttons */ [data-mode="light"] .profile-actions .book-btn { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .profile-actions .book-btn:hover { background: #1a1a1a; color: #ffffff; } [data-mode="light"] .follow-btn { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .follow-btn:hover { background: #1a1a1a; color: #ffffff; } /* Profile Tabs */ [data-mode="light"] .profile-tabs { background: #f8f8f8; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .profile-tabs.stuck { background: rgba(255, 255, 255, 0.95); } [data-mode="light"] .tab-btn { color: rgba(0, 0, 0, 0.6); } [data-mode="light"] .tab-btn.active { color: var(--accent-purple); } /* About Section */ [data-mode="light"] .about-bio h3, [data-mode="light"] .about-qa h3 { color: var(--accent-purple); } [data-mode="light"] .bio-text { color: rgba(0, 0, 0, 0.7); } /* QA Accordion */ [data-mode="light"] .qa-accordion { border-color: rgba(0, 0, 0, 0.15); } [data-mode="light"] .qa-item { border-bottom-color: rgba(0, 0, 0, 0.1); } [data-mode="light"] .qa-toggle { color: #1a1a1a; } [data-mode="light"] .qa-toggle:hover { background: rgba(0, 0, 0, 0.05); } [data-mode="light"] .qa-question { color: #1a1a1a; } [data-mode="light"] .qa-answer { color: rgba(0, 0, 0, 0.7); } /* Artist QA Section */ [data-mode="light"] .artist-qa { background: rgba(139, 92, 246, 0.05); border-color: var(--accent-purple); } [data-mode="light"] .artist-qa h4 { color: var(--accent-purple); } [data-mode="light"] .artist-qa p { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .artist-bio { color: rgba(0, 0, 0, 0.7); } /* Reviews */ [data-mode="light"] .review-post { background: #ffffff; border-color: rgba(0, 0, 0, 0.1); } [data-mode="light"] .review-author { color: #1a1a1a; } [data-mode="light"] .review-content { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .review-time { color: rgba(0, 0, 0, 0.5); } [data-mode="light"] .action-btn { color: rgba(0, 0, 0, 0.5); } [data-mode="light"] .review-item { background: rgba(139, 92, 246, 0.05); color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .artist-reviews { background: rgba(139, 92, 246, 0.05); border-color: var(--accent-purple); } /* Specialty Tags */ [data-mode="light"] .specialty-tag { background: rgba(139, 92, 246, 0.1); } /* Portfolio Section */ [data-mode="light"] .portfolio-section { background: #f5f5f5; } [data-mode="light"] .section-heading { color: #1a1a1a; } [data-mode="light"] .portfolio-item { border-color: rgba(0, 0, 0, 0.1); } /* Book Section */ [data-mode="light"] .book-section { background: #ffffff; } [data-mode="light"] .book-btn-large { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .book-btn-large:hover { background: #1a1a1a; color: #ffffff; } /* Footer */ [data-mode="light"] footer { background: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .footer-links a { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .footer-links a:hover { color: #1a1a1a; } [data-mode="light"] .footer-copyright { color: rgba(0, 0, 0, 0.5); }
Tim
20 Posts
3 Styles
5+ Years

TIM

Professional Tattoo Artist at CB Ink Tattoo Brisbane

Black & Grey RealismFine LineFloral
Tim Tattoo Work
❤️ 24
Tim Tattoo Work
❤️ 49
Tim Tattoo Work
❤️ 35
Tim Tattoo Work
❤️ 14
Tim Tattoo Work
❤️ 30
Tim Tattoo Work
❤️ 50
Tim Tattoo Work
❤️ 45
Tim Tattoo Work
❤️ 18
Tim Tattoo Work
❤️ 28
Tim Tattoo Work
❤️ 20
Tim Tattoo Work
❤️ 10
Tim Tattoo Work
❤️ 52
Tim Tattoo Work
❤️ 26
Tim Tattoo Work
❤️ 38
Tim Tattoo Work
❤️ 40
Tim Tattoo Work
❤️ 52
Tim Tattoo Work
❤️ 40
Tim Tattoo Work
❤️ 27
Tim Tattoo Work
❤️ 16
Tim Tattoo Work
❤️ 30

About Tim

Specialising in black and grey realism, Tim excels at creating designs that many wouldn’t dare attempt. He showcases incredible precision and depth in every piece he creates.

His tattoos are known for their lifelike details, intricate shading, and how they seem alive on the skin, making each design a true statement piece.

Tim’s designs often evoke a sense of the surreal, sometimes dark or provocative, but always grounded in realism. Each tattoo looks as though it could step right out from the skin.

In addition to his stunning realism work, Tim is a go-to for floral tattoos. Whether it’s a single petal or a bouquet, Tim’s ability to capture true-to-life essence in ink is unmatched.

Bunnings didn't have a position for Junior Vice President.

Haven't done this but I want to do B + G, Angels vs Demons battle scene.

I teach and train MMA, Muay Thai and BJJ. I also enjoy riding motorcycles.

Apart from an awesome tattoo, interesting chats, a selection of sugar to consume and staff bickering about what songs to play.

With 20+ of Brisbane's best tattoo artists, we've got someone who specialises in exactly what you're looking for!

Q&A

Bunnings didn't have a position for Junior Vice President.
Haven't done this but I want to do B + G, Angels vs Demons battle scene.
They age well over time.
I teach and train MMA, Muay Thai and BJJ. I also enjoy riding motorcycles.
Apart from an awesome tattoo, interesting chats, a selection of sugar to consume and staff bickering about what songs to play.
Client
Client Happy Client 16w ago
★★★★★
Amazing work by Tim! The attention to detail is incredible. Highly recommend for anyone looking for quality tattoos.
Client
Client Happy Client 9w ago
★★★★★
Professional, clean studio and Tim is incredibly talented. My tattoo turned out better than I imagined. Will definitely be back!
Client
Client Happy Client 6w ago
★★★★★
Tim made me feel completely comfortable throughout the whole process. The tattoo looks amazing and healed perfectly. 5 stars!
Client
Client Happy Client 10w ago
★★★★★
Outstanding artistry! Tim's work is some of the best I've seen. Clean, professional, and the results speak for themselves.
Client
Client Happy Client 25w ago
★★★★★
From consultation to finished tattoo, Tim was amazing. Great communication, professional service, and beautiful work.