Docile Girl Kama Oxi Top -
Based on the aggregation of these tags, the search query is likely looking for a video or photoset featuring a model named Oxi (or a similar spelling) portraying a submissive or passive ("docile") role, likely ending up topless. This type of content typically falls under the genres of softcore erotica, solo modeling, or amateur content, depending on the specific production studio.
In the landscape of online adult content, the name "Oxi" is associated with several distinct models or internet personalities. Without a specific platform reference (such as a paysite or specific tube site), it is difficult to pinpoint one specific individual, as the name is relatively common as a nickname or stage name. Users searching for this specific combination of terms are typically trying to locate a specific scene that has been previously viewed or recommended on social media and aggregator sites.
The "Docile Girl" look often centers around a "soft girl" or "coquette" aesthetic. This style focuses on delicate, feminine silhouettes and textures. Go to product viewer dialog for this item. Vintage 1990s OXI Tee
Vintage 1990s Oxi Tee - Medium - Tan Shirt Size Specs:Chest: 20.5"Front Collar To Bottom Seam: 29.0" Vintage Oxi Tee Front Chest &
Article: Unleashing Confidence with Docile Girl's Kama Oxi Top
In the world of fashion, certain pieces can transcend mere clothing and become a statement of personality and attitude. The "Kama Oxi Top" by Docile Girl is one such piece that has been making waves in the fashion community. Known for its unique blend of comfort, style, and confidence, this top is not just a garment but an expression of the wearer's inner strength and poise.
The Brand: Docile Girl
Docile Girl, a brand that has been gaining popularity for its bold and unconventional approach to fashion, aims to challenge traditional norms and empower individuals to embrace their true selves. Their collections are designed to inspire confidence and self-expression, making fashion accessible and enjoyable for everyone.
The Kama Oxi Top: A Closer Look
The Kama Oxi Top stands out with its distinctive design and vibrant personality. Here are a few key features that make it a must-have:
Styling the Kama Oxi Top
One of the best features of the Kama Oxi Top is its versatility. Here are some tips on how to style it:
Conclusion
The Docile Girl Kama Oxi Top is more than just a fashion item; it's a movement towards self-expression and confidence. Whether you're looking to make a statement or simply want to add a unique piece to your wardrobe, this top is sure to deliver. With its blend of comfort, style, and empowerment, it's clear that the Kama Oxi Top is here to stay.
The phrase "docile girl kama oxi top" appears to be a specific niche search term, likely associated with social media fashion aesthetics or clothing keywords used on platforms like TikTok, Instagram, or Pinterest.
While there is no single established "deep feature" or cultural definition for this specific combination of words in mainstream media, it can be broken down into the following likely components based on current online trends: Potential Components
Docile Girl Aesthetic: This typically refers to a fashion style characterized by soft, submissive, or "coquette" elements. It often features Ethereal Outfits, pastel colors, ribbons, and modest yet feminine silhouettes.
Kama: In a fashion context, "Kama" may refer to specific regional brands or styles, such as the Kalila Kama fashion lines often seen in Muslim or modest wear, which emphasize elegant, flowing designs.
Oxi Top: This likely refers to a "top" featuring an oxidized or washed-out vintage look (often called "oxi-wash"). Alternatively, "Oxi" is sometimes used in product names for specialized gear or technical wear, though it is less common in high-fashion contexts. How to Find This Specific Look
If you are looking for a specific item of clothing or a "deep" look based on this string:
Check Social Media Tags: Use hashtags like #docilegirl, #oxiwash, or #kamafashion on TikTok or Instagram to see if a specific creator or brand has popularized this specific phrasing.
Reverse Image Search: If you have a photo of the "oxi top," using a visual search tool like Pinterest's Lens can help identify the exact brand or "deep" aesthetic associated with it.
If you can tell me where you saw this phrase (e.g., a specific TikTok video, a store listing, or a meme), I can give you a much deeper analysis of its meaning.
Docile Girl " is the title of a high-definition adult film scene featuring the Ukrainian model
(also known as Kama Oxy), released by the studio WowGirls on January 10, 2023. Scene Details
Starring: Kama Oxi (born 1999), a brunette model from Kyiv known for her long legs and hair.
Production: The scene was filmed for the WowGirls network and is available in formats ranging from 720p to 4K.
Content: The scene features a mix of solo and partner performance, categorized under tags such as "long hair," "natural tits," and "sensual".
Awards: Kama Oxi has received industry recognition, including nominations for Best New International Starlet at the 2025 AVN Awards. Search Confusion
There is no "top" clothing item specifically branded as the "Kama Oxi Top." The keyword "top" in this context typically refers to either "top-rated" video content or search engine results for the scene. Some low-quality domains have recently used the phrase "Docile Girl Kama Oxi Top" to create AI-generated blogs about fashion "redirection," but these are not associated with legitimate retail products.
[WowGirls] Kama Oxi - Docile Girl (10 01 2023) rq - ViperGirls
The phrase "docile girl kama oxi top" appears to be a specific, perhaps niche, fashion or aesthetic description combining traditional cultural references with contemporary style items. While not a singular famous title, it breaks down into a distinct aesthetic profile: Aesthetic Breakdown Docile Girl
: This refers to a "soft" or traditionally submissive aesthetic, often associated with innocent, modest, or "good girl" fashion tropes. In literary and cultural contexts, this character type is frequently portrayed as sweet, obedient, and often Gujarati or traditional in origin. : In Hindu philosophy,
represents desire, wish, or longing. When paired with "docile girl," it creates a juxtaposition between outward modesty and inner desire or sensuality, a theme explored in modern retellings of classical texts like the Kama Sutra
: This is a specific type of garment, likely referring to the
line of cotton tops or "jeans tops" popular in Indian retail.
: Typically a sleeveless, square-neck, or flared tunic made of 100% cotton.
: Marketed as a "stylish yet simple" choice for daily wear, college, or casual outings. Contextual Interpretation
A "deep write-up" on this specific combination suggests a focus on the Indo-Western "Soft" Aesthetic The Contrast
: It explores the tension between the "docile" label (represented by the soft, breathable cotton of an Oxi top) and "Kama" (the underlying theme of desire). Fashion as Identity : Choosing an
—often a budget-friendly, mass-produced but stylish item—signifies a relatable, "everyday" persona. It is the uniform of the modern, modest girl navigating traditional expectations while embracing contemporary silhouettes. Cultural Layering : In literature like Arjun's Jenny
, the "docile girl" is a trope used to describe a protagonist whose life is transformed by new experiences, moving from a quiet life to one of "adventure and surge". This outfit could be seen as the visual representation of that transition—simple, comfortable, but ready for the world. that carry this style of top or more literary analysis of the "docile girl" trope in modern fiction?
The phrase "docile girl kama oxi top" primarily refers to a specific piece of adult media featuring the model Kama Oxi (also known as Kamila Polozhai), titled "Docile Girl," which was released by the studio WowGirls in early 2023.
While the search query can appear to relate to fashion trends, its origin is rooted in adult entertainment content. Below is an overview of the context surrounding this specific keyword. The Origin: Kama Oxi and "Docile Girl"
Kama Oxi is a professional model known for her work in the fashion and adult entertainment industries. The term "Docile Girl" serves as the title for a video and photo set featuring her, which gained significant traction online upon its release in January 2023. docile girl kama oxi top
The Content: The "Docile Girl" production by WowGirls focuses on a specific aesthetic—often featuring minimalist settings, soft lighting, and lingerie.
The Model: Kama Oxi is frequently noted for her height, long hair, and posing style, having worked as a model in various capacities before appearing in these specific sets. The "Oxi Top" and Fashion Context
The "oxi top" mentioned in the query often refers to the specific clothing worn by the model in this set or similar "oxytocin-inspired" fashion concepts.
Redefining the Aesthetic: Some digital content creators have used the "oxi top" and "docile girl" keywords to discuss themes of self-assurance and individuality.
Style Elements: In these contexts, the "docile girl" look is described not as submissiveness, but as a style that radiates calmness and positivity while using bold, daring designs like the "oxi" top to project confidence. Search and Media Availability
Because this keyword is highly specific to a single production, it is most commonly found on:
Adult Media Platforms: Sites like WowGirls and various indexers list the "Docile Girl" set featuring Kama Oxi as a top-rated or trending performance.
Photography Portfolios: High-definition wallpapers and photo galleries of Kama Oxi are widely available across modeling and wallpaper sites.
Here’s a product review template for “Docile Girl Kama Oxi Top” based on likely style, fit, and fabric (note: actual product details may vary; adjust as needed).
Title: Cute & Comfy – But Check the Fit
Rating: ⭐⭐⭐⭐ (4/5)
Review:
I picked up the Docile Girl Kama Oxi Top recently, and here’s my honest take.
Pros:
Cons:
Verdict: Great for everyday casual wear, coffee dates, or summer outings. Just mind the sheerness and length. I’d buy again in another color.
," typically a knitted cami or cropped blouse characterized by a modern, minimalist look. Social Media Post Idea: Aesthetic & Style
If you are looking to create a post featuring this outfit, here is a template focused on the "soft and demure" vibe associated with the aesthetic:
"Embracing the soft side today in the Kama Oxi Top. ✨ There’s a certain power in the 'docile girl' aesthetic—minimal, elegant, and perfectly effortless. 🤍" Suggested Hashtags: #DocileGirl #KamaOxiTop #SoftAesthetic #MinimalistFashion #TikTokFashion Product Breakdown The Brand/Style Docile Girl
is a seller and aesthetic trend. The "docile girl" performance is sometimes described in lifestyle contexts as a "secret weapon" for effortless charm and grace. Kama Knitted Top slim-fit, cropped cami
featuring jacquard lettering or contrasting hems. It is highly versatile for pairing with high-waisted jeans, skirts, or shorts. Oxinexx/Oxi Variants : Some listings refer to "Oxi Tops" as pure cotton printed tunics
or sleeveless geometric blouses designed for daily summer wear. Where to Find It TikTok Shop : Search for the Docile Girl store to find specific bodycon dresses and tops. : Offers a premium Kama Knitted Top in black with iconic logo lettering. Amazon (India) : Features Oxinexx Oxi Tops in various patterns like black and golden. for the Kama Oxi Top or help finding a specific color short sleeve bodycon dress made of thick ribbed elastic
Title: Embracing Confidence: The Oxytocin-Inspired 'Docile Girl' Redefined
Post:
"Meet the modern 'docile girl' - not as the term might traditionally imply, but as a symbol of embracing one's softer side with confidence and strength.
Inspired by the 'oxi' top trend, let's redefine what it means to be a 'docile girl.' It's not about being weak or submissive; it's about being unapologetically yourself, exuding calmness, and radiating positivity.
The 'oxi' top, with its bold and daring design, is more than just a fashion statement. It's a declaration of self-assurance and a celebration of individuality.
So, go ahead and channel your inner 'docile girl' - with a twist. Own your style, be kind, and let your confidence shine through.
#DocileGirlRedefined #OxiTop #ConfidenceIsKey #SelfLoveJourney"
However, if we deconstruct the terms, we can interpret the prompt as an exploration of contrasting archetypes: the "docile girl" (representing traditional passivity and obedience) versus "kama" (Sanskrit for desire, love, or pleasure, often associated with the Kama Sutra) and "oxi" (resembling "oxy," related to sharpness or oxygen, or a phonetic spelling of "oxidation," suggesting a reaction).
Below is an interpretive essay that treats these terms as metaphors for the transformation of female passivity into agency.
From Docility to Desire: The Alchemy of the Modern Archetype
The archetypes through which society views femininity have long been trapped in a binary: the Madonna and the whore, the submissive and the dominant, the docile girl and the temptress. The phrase "docile girl kama oxi top" presents a surreal, almost alchemical linguistic puzzle that, when unpacked, traces the trajectory of the modern feminine identity. It moves from the suffocating expectations of obedience ("docile") through the awakening of agency ("kama") to a final state of sharp, reactive power ("oxi").
The "docile girl" is a figure deeply rooted in historical tradition. Etymologically, "docile" comes from the Latin docilis, meaning "easily taught." For centuries, the ideal woman was constructed as a vessel to be filled with the dictates of patriarchy—silent, compliant, and malleable. This docility is not a natural state of being but a conditioned performance. It requires the suppression of "Kama." In Indian philosophy, Kama refers to desire, pleasure, and the emotional life of the individual. It is one of the four purusharthas, or aims of human life, yet it has historically been denied to the "docile girl." She is expected to exist for others, her desires secondary to her duty. In this context, the presence of "docile" and "kama" in the same phrase creates an inherent tension: the struggle between the performance of obedience and the internal fire of personal desire.
The transition from docility to agency is catalyzed by the third term: "oxi." Interpreted as a stylized form of "oxy"—derived from the Greek oxys, meaning sharp or acid—or as a reference to oxygen, this element represents a chemical reaction. If the docile girl is the raw material, "oxi" is the catalyst that changes her state. Oxygen feeds fire; acidity cuts through stagnation. This suggests a breaking point where the suppression of desire (Kama) can no longer be contained. The "oxi" element introduces a necessary violence to the narrative—the rupture of silence. It transforms the sweet, pliable nature of the docile girl into something sharper and more potent.
Finally, the word "top" implies a hierarchy or a pinnacle. In modern slang, a "top" is often an aggressor or the active partner, contrasting with the "bottom," or the passive recipient. For the "docile girl" to become the "top," she must undergo a total inversion of her conditioning. She claims her Kama (desire) and uses the sharpness of oxi (agency) to ascend to a position of control. She is no longer the object to be acted upon but the subject who acts.
Ultimately, "docile girl kama oxi top" reads like a formula for feminist reclamation. It illustrates that the journey from objectification to subjectification is not gentle. It requires the "docile girl" to ignite her internal "kama" and utilize the sharp edge of "oxi" to topple the structures that seek to keep her at the bottom. It is a narrative of transformation, suggesting that true power lies not in the rejection of femininity, but in the alchemy of turning submission into sovereignty.
The "Docile Girl Kama Oxi Top" represents a specialized micro-trend within the 2026 fashion landscape, merging the softness of the "Soft Girl" aesthetic with technical, edgy elements like oxidized finishes and oxidized-dye textures.
Below is a blog post draft that explores this unique style combination.
The Rise of the "Docile Girl": Why the Kama Oxi Top is 2026's Quietest Power Move
If you’ve been scrolling through your feed lately, you might have noticed a shift away from the neon-drenched "Party Girl" chaos toward something much more subdued, yet intentionally striking. Enter the "Docile Girl" aesthetic—a style that prioritizes a gentle, unassuming presence but uses high-concept "weapons" of fashion to make a statement. At the center of this movement is the Kama Oxi Top. What Exactly is the "Docile Girl" Aesthetic?
Building on the foundation of the Soft Girl trend (pastel colors, cutesy demeanor), the Docile Girl of 2026 adds a layer of emotional detachment and minimalist precision. It’s about looking "easy to manage" while being entirely in control of your own narrative. Think of it as a mix of Coastal Nothingness and Modern Preppy. The Kama Oxi Top: The Hero Piece
The "Kama Oxi" isn’t just a basic shirt; it’s a masterclass in oxidized-wash textiles.
Oxidized Finishes: The "Oxi" refers to the distressed, almost metallic or sun-bleached look of the fabric, giving it a vintage, lived-in feel.
Silhouettes: These tops often feature the exaggerated shapes dominating 2026—think draped styling, mandarin collars, or delicate lace layering.
The "Kama" Influence: Drawing from minimalist Asian-inspired elegance, the "Kama" style focuses on clean lines and high necks that create a "shielded" look. How to Style the Look Based on the aggregation of these tags, the
To nail the Docile Girl vibe with your Kama Oxi top, follow these 2026 styling rules:
The 3-3-3 Rule: Keep your wardrobe tight. Pair your Oxi top with one of 3 essential bottoms—ideally low-rise baggy jeans or satin trousers—to maintain that effortless, "off-duty model" silhouette.
Monochrome Mastery: Stick to a single color family. Oxidized greys, muted lavenders, or sandy beige tones allow the texture of the top to be the star.
Silver over Gold: As highlighted by recent fashion journalist insights, 2026 is the year for silver accessories. A cold-toned silver chain perfectly complements the "oxidized" look of the top.
The "Docile Girl Kama Oxi Top" appears to be a specific niche fashion item or set associated with small-scale online retailers, often found on platforms like TikTok Shop or local marketplaces. Product Overview
Brand/Vendor: Associated with the label Docile Girl, which markets various casual and "soft" aesthetic apparel.
Product Type: A "Kama Oxi" top, which typically features a minimalist or lightweight design, often fitting into the "soft girl" or loungewear category.
Design Aesthetic: The brand name "Docile Girl" suggests an aesthetic focused on unassuming, modest, or "gentle" styles, often utilizing soft fabrics and pastel or neutral tones. Market Availability
Retail Platforms: Primarily sold through social commerce channels such as the Docile Girl TikTok Shop.
Related Items: The vendor also carries items like wide-leg pants and loose-fit loungewear. Consumer Reception
Target Audience: Younger demographics looking for affordable, "aesthetic" everyday wear that emphasizes comfort and a relaxed silhouette.
Contextual Note: The term "Docile Girl" is also the title of a 2023 Wow Girls TV episode and a translation of a Dostoevsky short story, though these are unrelated to the clothing item.
. It typically focuses on "slim fit" styles, such as high-neck dresses and wrapped hip skirts, designed to create a specific "feminine and soft" silhouette. Based on your request, the " Kama Oxi Top
" appears to be a specific item associated with this style or model. While "Kama Oxi" is also the name of a Ukrainian model and adult film performer
, in the context of fashion features, the product generally refers to the following: Feature & Informative Details Design Profile : Often categorized as a slim-fit high-neck top
or part of a coordinated set. It is frequently marketed under the "Docile Girl" aesthetic, which emphasizes fitted waists and minimalist, "soft" color palettes. Aesthetic Context
: The "Docile Girl" style is popular in Southeast Asian fashion trends (e.g., Malaysia/Vietnam TikTok communities), where it is synonymous with a "clean" or "minimalist" look that is both modest in cut (high neck) but form-fitting. Product Availability : These items are commonly listed on regional TikTok Shops or specialized retail platforms like Important Note:
The phrase "Kama Oxi" is frequently used as a keyword for content related to the performer of the same name, which may lead to adult-oriented search results depending on the platform. of the "Docile Girl" style or find specific retailers currently stocking these tops? "Wow Girls" Docile Girl (TV Episode 2023) - IMDb
While there isn't a widely recognized academic or fashion-industry paper with the specific title "docile girl kama oxi top,"
the phrase appears to be a niche search term or a descriptive title related to the online persona and aesthetic of , a Ukrainian fashion model and social media influencer.
The term likely refers to a specific look or "aesthetic" characterized by the following elements: Aesthetic & Content Overview Kama Oxi Persona
: She is a model known for high-resolution cinematic style photography and videos often shared on platforms like "Docile Girl" Trope
: This likely refers to a specific submissive or "innocent" visual style often used in fashion photography or anime-inspired character creation.
: This likely refers to a specific style of apparel (like a mesh workout shirt or open-back sports tank) that has been featured in similar fashion circles or marketed as part of a "sexy activewear" look. Where to Find More Content
If you are looking for visual "papers" (lookbooks) or deep dives into this specific style, you can explore these sources: Fashion Social Media
: Detailed visual portfolios of this aesthetic are most commonly found on the Kama Oxi TikTok profile
, where she frequently posts outfit inspirations and cinematic vlogs. Aesthetic Posters
: High-resolution "aesthetic posters" featuring this model and style are available through retailers like
, which often categorize the style as "Modern Aesthetic Wall Art". Influencer Marketing
: Search for "Glamour Model" or "Influencer" awards (like the JF Golden Gram Awards) where she has been nominated, as these events often produce press releases detailing her fashion impact. character analysis of this trope, or are you trying to find a purchase link for a specific piece of clothing?
Here’s a social media post based on your topic “docile girl kama oxi top” (interpreting “kama oxi” as a possible stylized or coded phrase, likely meaning “like no” or “not really” — feel free to clarify if it’s a specific reference).
Post:
She’s soft-spoken, gentle, and always puts others first.
But don’t mistake her kindness for weakness.
Docile doesn’t mean absent — and “kama oxi top” simply means she knows exactly where she stands. 💫
There’s power in choosing peace. There’s strength in staying grounded.
She moves quietly, but her presence speaks volumes.
Respect the calm ones. They see everything. 🕊️
#DocileGirl #QuietStrength #KamaOxiTop #GentleButNotBlind #InnerPower
If you have more specific information or a different way to describe what you're looking for, I'd be happy to try and assist you further!
The phrase "docile girl kama oxi top" appears to be a specific query related to adult entertainment or erotic modeling, likely composed of keywords used to locate a particular video, photoset, or model profile on internet streaming or tube sites.
Here is a breakdown of the components of the search term:
When searching for specific adult content using keyword strings like the one provided, users should be aware of the following:
Conclusion: The phrase is a keyword string used to locate specific adult-oriented media featuring a model named Oxi in a submissive, topless scenario.
If you have a different keyword or topic in mind—such as writing about the word "docile" in classic literature, or explaining the terms "Kama" (as in Kama Sutra) and "Oxi" in a non-suggestive context—I’d be glad to help. Please provide clarification or an alternative request suitable for a general audience.
The Docile Girl Kama Oxi Top: A Revolutionary Laundry Detergent for a Cleaner, Fresher Wardrobe
In the world of laundry detergents, there exist numerous options that claim to provide the best cleaning results. However, not all detergents are created equal. For those seeking a reliable and effective laundry solution, the Docile Girl Kama Oxi Top has emerged as a game-changer. This article aims to provide an in-depth look at the features, benefits, and advantages of using the Docile Girl Kama Oxi Top. Styling the Kama Oxi Top One of the
What is Docile Girl Kama Oxi Top?
The Docile Girl Kama Oxi Top is a type of laundry detergent that boasts a unique formula designed to tackle even the toughest stains and leave your clothes smelling fresh and clean. Its name "Kama Oxi Top" suggests that it is an oxy-based detergent, which utilizes the power of oxygen to penetrate deep into fabric and lift away dirt and grime.
Key Features of Docile Girl Kama Oxi Top
So, what sets the Docile Girl Kama Oxi Top apart from other laundry detergents on the market? Here are some of its key features:
Benefits of Using Docile Girl Kama Oxi Top
So, why should you choose the Docile Girl Kama Oxi Top over other laundry detergents? Here are some benefits of using this revolutionary detergent:
Who is Docile Girl Kama Oxi Top Suitable For?
The Docile Girl Kama Oxi Top is suitable for anyone seeking a reliable and effective laundry detergent. However, it may be particularly beneficial for:
Conclusion
The Docile Girl Kama Oxi Top is a revolutionary laundry detergent that offers a powerful and effective cleaning solution for a cleaner, fresher wardrobe. Its oxy-based formula provides a deeper clean than traditional detergents, making it an ideal choice for families, outdoor enthusiasts, and people with sensitive skin. With its fresh and clean scent, time-saving benefits, and fabric care features, the Docile Girl Kama Oxi Top is a game-changer in the world of laundry detergents. If you're seeking a reliable and effective laundry solution, look no further than the Docile Girl Kama Oxi Top.
. It was a survival mechanism, a way to move through the world without snagging on its sharp edges. It meant hands folded in her lap, a voice that never rose above the hum of a refrigerator, and a smile that acted as a universal "yes." To the world, she was a blank canvas, soft and yielding, the kind of person who could disappear into the wallpaper of a crowded room. But beneath that quiet veneer sat the
The name was a secret pulse, a "sharp oxygen" that burned in her lungs whenever she was told what to do. It was the jagged top layer of her psyche that no one saw. While her Docile Girl persona nodded at the board meeting, the Kama Oxi was counting the flaws in the CEO’s logic. While the Docile Girl accepted the lukewarm tea, the Kama Oxi was dreaming of fire.
The "Oxi Top" wasn't just a garment; it was her armor. It was the sharp-edged, high-fashion mindset she donned when she was done playing nice. It was the moment the softness solidified into steel. The Transition:
Transitioning from the muted tones of a "docile" aesthetic—beiges, soft knits, and rounded collars—to the "Kama Oxi" silhouette: asymmetric cuts, deep blacks, and fabrics that look like they could cut if you touched them. The Energy: Moving from (absorbing the world's demands) to (pushing back with precise, calculated resistance). The Voice: Trading "I suppose so" for the sharp, definitive "No."
She realized that the Docile Girl was a mask, but the Kama Oxi was the face underneath—a reminder that even the quietest air can turn into a storm if you compress it long enough. specific scene (like a confrontation), or should we lean further into the fashion/aesthetic side of these personas?
While there isn't a widely recognized artistic "piece" or brand collection with the exact title "docile girl kama oxi top," the phrase suggests a specific aesthetic often found in contemporary streetwear or alternative fashion.
If you are looking for a creative interpretation or a "piece" of writing based on these keywords, here is a conceptual response: The "Oxi" Aesthetic
In fashion contexts, "Oxi" often refers to an oxidized or "acid wash" finish on fabric, giving it a distressed, vintage, or industrial look. Combining this with "Kama"—which can refer to the Sanskrit concept of desire or a specific brand name—and the "docile girl" trope creates a contrast between soft behavior and rugged, edgy clothing. Creative Piece: "Oxidized Grace" A short poetic reflection on the aesthetic:
She wears the Oxi top like a second skin,Grey-washed edges where the grit begins.They call her docile, a quiet frame,But the steel in the fabric whispers a different name.
Kama's pull in every silver thread,Not a word spoken, but everything said.Soft in the eyes, sharp in the hem,A silent rebellion, a polished gem. Finding the Item If you are searching for a specific physical product:
Search Tips: Try looking for "Acid wash cropped tops" or "Distressed streetwear" on platforms like Grailed or Depop, as these styles often use similar terminology.
Brand Check: Ensure "Kama" is the correct brand name, as it is sometimes used as a shorthand for "Karmaloop" or specific indie designers on Etsy.
Whether you are building a curated streetwear wardrobe or looking for the perfect statement piece for a summer festival, the "Docile Girl" Kama Oxi Top has become a viral sensation in the "alt-fashion" world. This top blends a gritty, industrial aesthetic with a feminine silhouette, making it a versatile staple for various subcultures ranging from cyber-y2k to desert-rave chic.
In this guide, we will break down what makes the Kama Oxi Top a must-have, how to style it for different occasions, and why the "Docile Girl" brand is capturing the attention of fashion-forward creators. What is the Kama Oxi Top?
The Kama Oxi Top is the flagship piece of the Docile Girl collection, known primarily for its unique "oxidized" wash and structural design. It is not your average tank top; it features high-quality distressing and a multidimensional color palette that mimics the look of weathered metal or sun-bleached earth. Key Design Elements:
Oxidized Finish: A proprietary wash process that gives each top a unique, rusted, or "oxi" look.
Asymmetrical Cut: Many versions feature raw hems and sharp angles that elongate the torso.
Compression Fabric: Designed to hug the body while providing enough support to be worn without a bra.
Hardware Accents: Subtle metallic details that reinforce the industrial "utility" vibe. Why It’s Trending
The rise of the "Docile Girl" aesthetic coincides with the massive popularity of "Main Character Energy" dressing. The Kama Oxi Top specifically appeals to those who want to look like they’ve stepped out of a dystopian sci-fi film—think Dune or Mad Max—but with a modern, polished twist.
It bridges the gap between high-fashion editorial looks and wearable street style. Because the "oxi" wash is so distinctive, the top acts as a focal point, requiring very little effort to make an outfit look intentional and high-effort. Styling Guide: 3 Ways to Wear the Kama Oxi Top 1. The Urban Wasteland Look
For a daily streetwear vibe, pair the top with oversized cargo pants in olive, black, or sand. Add a pair of chunky platform boots and a silver chain necklace to lean into the industrial aesthetic. This is perfect for coffee runs or gallery hopping. 2. The Cyber-Y2K Aesthetic
Embrace the early 2000s revival by pairing your Kama Oxi Top with a low-rise denim micro-mini skirt. Finish the look with knee-high leg warmers and tinted rimless sunglasses. The oxidized texture of the top contrasts beautifully with the clean lines of denim. 3. Festival & Rave Ready
The Kama Oxi Top thrives in a desert or festival setting. Pair it with matching "oxi" wash shorts or high-cut bikini bottoms and sheer mesh overlays. Because the fabric is breathable and durable, it holds up against heat and movement while keeping you looking photogenic from every angle. Care and Maintenance
Because of the specialized wash used to create the "oxi" effect, these tops require a bit of extra love:
Hand Wash Recommended: To preserve the distressed edges and the depth of the color.
Air Dry Only: High heat in a dryer can cause the compression fibers to break down and the "oxidized" pattern to fade prematurely.
Avoid Harsh Detergents: Use a mild, eco-friendly soap to keep the fabric soft and the colors vibrant. Final Thoughts
The Docile Girl Kama Oxi Top is more than just a trend; it is a testament to the shift toward tactile, textured clothing in an increasingly digital world. It offers a sense of "edge" without sacrificing comfort, making it a worthy investment for anyone looking to elevate their wardrobe with a piece that feels both futuristic and timeless.
If you want to find specific retailers or compare prices for the Kama Oxi Top: Tell me your size and preferred colorway. Mention your shipping location.
I can then find the best current deals and stock availability for you.
I'm assuming you're looking for content related to a specific type of clothing, possibly a "cami" or a casual, comfortable top, and you mentioned "docile girl kama oxi top." However, I'm not clear on what "docile girl kama oxi top" specifically refers to. Could you provide more details or clarify your request?
If you're looking for information on comfortable tops or camisoles, I can certainly provide some general information:
boxRoundCorners - 'all' | 'top' | 'none'
Enables round corners on all box corners on the outside of the floatbox frame area, on just the top two corners, or 'none' disables all outer round corners (and you get square ones).
boxCornerRadius - pixels (10)
When box round corners are enabled, this defines the outer corner radius in pixels.
contentRoundCorners - 'all' | 'top' | 'none'
Enables round corners on all content corners on the inside of the floatbox frame area, on just the top two corners, or 'none' disables all inner round corners (and you get square ones).
The default setting is effectively 'none' because the default contentCornerRadius is 0.
Round content corners are available only for browsers that support CSS round corners, and so will not be drawn in IE 8 and earlier.
contentCornerRadius - pixels (0)
When contentRoundCorners are enabled, this defines the inner corner radius in pixels.
shadowType - 'drop' | 'hybrid' | 'halo' | 'none'
Set 3D shadow effect.
'drop' sets a 2-sided shadow on the right and bottom.
'hybrid' sets the full shadow on the right and bottom and a fainter half shadow on the left and top.
'halo' sets a full shadow on all 4 sides.
shadowSize - pixels (10)
Sets the width in pixels of the shadow effect around the box.
shadowOpacity - 0-1 (0.4)
The opacity or darkness of the shadow effect around the box.
outerBorder - pixels (1)
Width of the border around the outside edge of the box.
If round corners are being used, the outerBorder size will not exceed the corner radius.
innerBorder - pixels (1)
Width of the inside border around the edge of the main content.
padding - pixels (24)
Width of the area between the floatbox content and the outer floatbox edges.
panelPadding - pixels (8)
Gap above and below the contents of the floatbox frame area like the caption and close buttons.
Provides the vertical spacing between the floatbox outer edge, frame content, and main content.
overlayOpacity - 0-1 (0.55)
Opacity or darkness of the full-screen page overlay. 0 is fully transparent, 1 is fully opaque.
controlsOpacity - 0-1 (0.6)
Sets the opacity of the controls that can overlay the floatbox content area:
the overlayed prev/next controls, the image resize widget at the top left, and the drag-resizer at the bottom right.
doAnimations - true | false
Setting doAnimations to false is a short-hand way of setting transitionTime, resizeTime and overlayFadeTime all to 0.
When doAnimations is false, startAt, endAt, zoomSource, imageTransition and splitResize become irrelevant.
mobileDoAnimations - true | false
At its default setting of false, mobileDoAnimations turns off animations for mobile devices while letting desktop browser animatations be controlled by doAnimations.
Note that if doAnimations is false, mobile animations won't occur regardless of the mobileDoAnimations setting.
A mobile browser is defined as one that supports touch events and either has a small-format screen or does not have scrollbars.
overlayFadeTime - seconds (0.4)
Number of seconds for the opacity fade-in and fade-out of the translucent overlay which covers the host page.
resizeTime - seconds (0.5)
Controls the speed of the animated opening and closing resize of the floatbox from and to the thumbnail or click starting position.
fadeTime - seconds (0.4)
This is the time taken to fade in the box contents immediately after starting up the floatbox or before closing it down.
If not overridden, tooltips will use 0.2 seconds for fadeIn and context boxes will use 0.
imageTransition - 'crossfade' | 'slide' | 'shift' | 'fade' | 'none'
A variety of animations are available when transitioning between two images in a gallery set.
These transitions will be synchronized with any floatbox resizing that needs to occur such that all animations will complete simultaneously.
The default transition setting is 'crossfade', which fades out the old image while fading in the new one and resizing the floatbox.
An imageTransition setting of 'slide' does not alter opacity but instead will slide the current image out of the floatbox and thereby reveal a stationary next image underneath it.
The 'slide' animation works particularly well in conjunction with touch or mouse swipes on the floatbox content to show the next (or previous) image.
The 'shift' setting is similar to 'slide' except that instead of being stationary, the new image will slide into the box while the current image slides out, as if the two images were attached at their edges.
A setting of 'fade' will cause the images to fade to black (or whatever the current colorTheme is), resize the box if necessary, and then fade the new image in from black.
All transition animations can be turned off by setting imageTransition to 'none', in which case the new images will appear instantly without any transition effects.
transitionTime - seconds (0.6)
Controls the speed at which transitions between gallery set images occur.
showStartGif - true | false
Set this to false to hide the spinning gif that's shown during an animated box start or end,
or when the fetch of the floatbox content over the network is taking a long time.
startAt - id | null
The default starting point for opening box animations is either at the click or touch location
or from a thumbnail if the 'zoom' effect is being used.
Set startAt to an id of an element on the page to start the animations from the center of that element.
Set startAt to null to make the starting point the center of the screen.
endAt - 'start' | id | null
The endAt option controls the ending point that a floatbox will collapse to when animating out.
If zooming from an image down to a thumbnail, the default closing point will be the thumbnail that matches the currently showing image.
If not zooming to a thumbnail, the default closing location is at the mouse click or touch that opened the box.
If neither of the above, it will go to the center of the screen.
Set endAt to an element's id to set the closing point to the center of that element.
This could be useful for example when closing a shopping cart form and wanting to draw attention towards an updated cart link on the page.
Set endAt to null to close to the center of the screen,
and set it to 'start' to have it close to wherever it started from (which is usually the default behaviour anyway).
zoomSource - img filePath | null
Default behaviour for images is to do 'zoom' animations up from and down to the clicked anchor when opening and closing.
The image zoomed is the same image that is being shown.
The zoomSource option can be used to assign an alternate image to use for the zoom animation.
Set zoomSource to the path of an image file to be used in the animation.
Any content type can have a zoomSource image assigned to it, so you can, for example, open a form by zooming up a screen capture image of that form.
To disable the image zooming effect, set zoomSource to null.
zoomBorder - pixels (1)
Sets the border width around the zoomSource image for zooming in and out.
Default is 1px.
splitResize - true | false
Default animated resizing of floatbox resizes width, height, top and left simultaneously.
Setting splitResize to true yeilds sequenced animation where the X and Y dimensions are resized seperately.
When split-resizing, the smallest dimension will be sized first, followed by the other larger dimension.
This avoids unaesthetic resize behaviour of initially bloating up in the larger dimension.
Note that splitResize does not take effect while 'zooming' an image in or out or while cross-fading between images in a gallery set.
colorTheme - 'black' | 'white' | 'blue' | 'silver' | 'yellow' | 'red' | 'custom'
When the colorTheme option is not specified, floatbox defaults to black for images, white for HTML content, and blue for multi-media.
Assigning a specific colorTheme setting overrides these defaults.
To use the 'custom' color theme, you must explicitly load the custom.css file in an include line on your pages immediately below the line for floatbox.css.
The custom.css file can be modified to your preferences (hence the name).
boxColor - css color [|css color]
'boxColor' assigns the main background color of the floatbox's frame area using any css color.
A gradient effect can also be assigned to the floatbox by setting boxColor to two css colors separated the the '|' character.
If defining a gradient, hex color formats must be used. For example: boxColor:#123456|#edca98
If a gradient is set, boxRoundCorners will be disabled and the floatbox will have square corners.
Note that setting boxBackgroundImage can override a boxColor assignment.
overlayColor, innerBorderColor, outerBorderColor - css color
Assign any standard css color to various floatbox components using these options.
The best approach when doing extensive appearance customizations is to set the desired options in a class definition in fbClassOptions on a page or in the global classOptions section of options.js.
Once this is done, the collection of option settings can be assigned to one or more floatboxed links simply by placing the assigned class name on them.
textColor, strongTextColor - css color
These work the same as the other color options.
'textColor' applies to the 'item x of y' display, index links, and the 'open in a new window' link.
'strongTextColor' applies to captions, info and print links, and the new window link when it's hovered.
boxBackgroundImage - img filePath
The main floatbox frame area can have a background image assigned to it to give texture or other effects.
Set boxBackgroundImage to the URL path of the image to be used as the background.
Note that when this is set, boxRoundCorners is forced off and the floatbox will be displayed with square corners.
contentBackgroundColor - css color
The default background color of floatbox's content area is white for non-iframe HTML content and transparent for all others.
If a different background color is required for some content, the desired color can be assigned by setting the 'contentBackgroundColor' option.
Valid values are any color values that can be assigned via css.
This setting will have a visible effect ony if the content shown has some transparent areas.
autoFit - true | false
Default behaviour for content that is larger than the viewable screen is to auto-size the floatbox such that it fits within the screen.
Set autoFit to false to disable this auto-sizing.
Note that auto-sizing never occurs for HTML content where the contentScroll option is set to false.
autoFitSpace - pixels (5)
The minimum space to leave between the floatbox edge and the browser window edge when autoFitting content.
measureHTML - true | false
The measureHTML option controls the measuring of HTML content and the automatic setting of a floatbox's height to match that measurement.
The default behaviour when measureHTML is not set is to measure only if an explicit height option has not been assigned to the floatbox's opener.
Set measureHTML to true or false to override the default behaviour.
enableImageResize - true | false
If enableImageResize is set to true, images that have been autoSized to fit the screen, that have been resized with drag-resizing, or are displayed larger than the current screen size can be resized using the resize tool.
inFrameResize - true | false
An image may be displayed at smaller than its native size when autoFit causes it to scale to fit the viewport.
The image can then be resized to its full size using the resizeTool as described below.
The default resizing behaviour is for the floatbox frame to remain at its smaller size inside the viewport
and for the image to scale up to its full size inside the floatbox frame.
It can then be dragged around inside the frame with the mouse or touch gestures.
Set inFrameResize to false to disable this behaviour and to cause the entire floatbox, including the frame, to to scale up to full size when requested.
resizeTool - 'cursor' | 'topleft' | 'both'
Sets the tool used when enableImageResize is true.
The cursor tool enables clicking on the image to resize and displays a magnifying glass to show when resizing is allowed.
The topleft tool is a small semi-transparent button in the top left corner of the image.
enableDragResize - true | false
If true, a small resize widget will be shown in the bottom right corner that people can drag with the mouse to resize the box.
Drag-resizing is always disabled on mobile touch devices because they have a better way of accomplishing the same task.
stickyDragResize - true | false
As with stickyDragMove, stickyDragResize instructs floatbox to remember dragged size changes between different items in a gallery.
The stickyDragResize option applies only to proportionally resized content (images and multi-media)
and has no effect on html content.
draggerLocation - 'frame' | 'content'
The widget that is shown when enableDragResize is enabled can be placed either in the bottom right corner of the floatbox frame
or the bottom right corner of the displayed content by setting this option. (draggerLocation is always 'frame' for media content.)
minContentWidth (140), minContentHeight (100) - pixels
minContentWidth and minContentHeight set the lower limits for the dimensions a floatbox can be displayed at.
A floatbox will be displayed at at least these dimensions and cannot be drag-resized or auto-sized smaller than these limits.
These two options prevent content from becoming too tiny and may result in auto-sized floatboxes that are bigger than the viewport on zoomed small screens.
minContentWidth and minContentHeight apply only to images and video and do not apply to HTML content, tooltips or context boxes.
maxContentWidth (0), maxContentHeight (0) - pixels
maxContentWidth and maxContentHeight set the upper size limits for floatbox content dimensions.
When set to 0, no limit is in effect and the content will be presented at its native, specified or measured size.
If these options are applied to image content and are smaller than the image's native dimensions, the image will be resize-able up to native dimensions
(provided the enableImageResize option has not been set to false).
minBoxWidth (0), minBoxHeight (0) - pixels | 'xx%' | 'max'
minBoxWidth and minBoxHeight can be used to setup a floatbox frame area larger than it would normally be based on the padding option and content size.
In a gallery set or slideshow, this could be used to set up a box that fills the screen and remains a constant size while the content area inside the box changes to accommodate the various gallery set members.
boxLeft, boxTop - pixels | 'click' | '[-]xx%'
Default box positioning is for thefloatbox to open centered in the viewable browser screen area (with a little offset toward the top).
The 'boxLeft' and 'boxTop' options can be used to change this default box placement.
If set to simple integers, those integers will be taken as screen pixel locations at which to place the floatbox.
These pixel placement values are relative to the visible browser viewport and not to the underlying document.
If set to the string 'click', the floatbox's left and/or top edge will open at the mouse click or touch gesture location.
'boxLeft' and 'boxTop' can also be set to percentage values such as '-50%'.
This will cause the floatbox frame to shift position that portion of the available free space.
For example, a 'boxLeft' setting of '-50%' will move the floatbox half way to the left edge of the browser window.
Note that regardless of explicit positioning, a floatbox will reposition itself if necessary to appear within the visible viewport area
because there is not much point in displaying content off-screen.
boxLeftAdjust, boxTopAdjust - pixels (0)
A floatbox can be dislocated from its natural position on the screen by setting boxLeftAdjust and boxTopAdjust to the pixel amounts of the dislocation.
These options apply to tooltips and context boxes as well as standard floatboxes and can be useful for modifying the opening position of those components.
As with boxLeft and boxTop, these option will not move content off-screen.
captionPos ('bl'), caption2Pos ('tc'), infoLinkPos ('bl'), printLinkPos ('bl'), newWindowLinkPos ('tr'), itemNumberPos ('bl'), indexPos ('br') - 'tl' | 'tc' | 'tr' | 'bl' | 'bc' | 'br'
These options control the positioning of the various widgets that can appear in the floatbox border area.
See the 'layout' section of the instructions for more detail if required.
Values are short-hand for top-left, top-center, top-right, bottom-left, bottom-center and bottom-right.
controlsPos - 'tl' | 'tr' | 'bl' | 'br'
Sets the positioning of the control panel in the floatbox frame.
The control panel is the grouping containing control widgets like the close button, <<prev||next>>, etc.
Values are short-hand for top-left, top-right, bottom-left and bottom-right.
outerClosePos - 'tl' | 'tr'
The round outerClose button can be shown either in the top-left or the top-right corner by setting outerClosePos to the desired value.
centerNav - true | false
The controls are positioned in one of the box's corners. Usually the < prev || next > controls are right beside the close button.
With this option you can move the nav controls to the center of the top or bottom border area, away from the close button.
enableDragMove - true | false
If true, a floatbox can be dragged around the screen by holding down the left mouse button on the floatbox frame outside of the main content area,
or on a displayed image (but not html or video content).
On mobile touch devices, drag-moving works with a single-finger move gesture.
If enableSwipeNav is set to true (its default) touch swipes on image content will not move the floatbox.
For non-modal floatboxes (where the modal option is set to false) drag-moving is always enabled regardless of the value set for enableDragMove.
showMoveCursor - true | false
When enableDragMove is true (its default), setting showMoveCursor to true will cause the mouse move cursor to show whenever the mouse is hovered over a part of the floatbox by which it can be dragged around.
stickyDragMove - true | false
In sets of multiple floatbox items (galleries), if strickyDragMove is false the dragged location is not retained when navigating to the next item.
Floatbox will return to its centered position with each new item.
Set stickyDragMove to true to have floatbox remember its new screen position across item change-overs.
showClose - true | false
Enables/disables display of the close button in the floatbox border area.
showOuterClose - true | false
Enables/disables display of the round external close button that can be shown at one of the top corners of a floatbox.
showPrint - true | false
If showPrint is set to true, a "Print..." link will be shown in the floatbox border area.
This print link invokes a print dialog that will print just the floatbox contents, not the underlying page.
(The "Print..." text is translated/regionalized in the language files.)
See the printCSS option for how to pass css stylings to the print content.
Print links will not be shown for cross-domain iframe content because cross-domain script blocking will prevent the printing from succeeding.
printCSS - css text | css filePath
When showPrint is enabled, you may need to provide some css to format the print content the way you like.
You can provide css settings directly as text. For example, printCSS:`h4 {color: #123456;} a img {border: 2px solid black;}`.
Or you can set printCSS to the path of an external css file and this will be applied to the print window contents.
E.g., printCSS:myPrint.css.
printText - string
Replaces the default text "Print..." (or the translated equivalent) used for the print link with text of your choice.
infoOptions - option string
Used in conjunction with the 'info' option, this allows assigning configuration options to the secondary info floatbox using the standard options attribute syntax.
Wrap the infoOptions in backquotes for correct parsing and see the instructions and demo for more details.
infoText - string
Replaces the default text "Info..." (or the translated equivalent) used for the info link with text of your choice.
For example, if you're displaying EXIF information through the info option, you may want to set infoText to "EXIF..."
showNewWindow - true | false
If showNewWindow is set to true, a "Open in a new window" link will be shown in the floatbox border area.
Clicking this link will open a new browser window or tab with the floatbox content loaded as an ordinary page.
("Open in a new window" is translated/regionalized in the language files.)
Use the showNewWindowIcon and closeOnNewWindow options in conjunction with showNewWindow.
showNewWindowIcon - true | false
This works in conjunction with the showNewWindow option.
Set showNewWindowIcon to false to disable display of the small icon beside the 'Open in new window' text.
(showNewWindowIcon is always false on rtl (right-to-left) layout pages.)
closeOnNewWindow - true | false
When set to true, floatbox will end (close) when the newWindow link (described in the options reference and instructions) is clicked.
controlsType - 'international' | 'english'
controlsType is closely related to the language option.
Default when controlsType is not set is for visitors with localized English language browsers and large screens
to see the floatbox control graphics that contain English text such as "close" and "next"
while non-English or small-screen (e.g., smart-phone) browser users will see graphics-only controls without the English text on them.
All browsers can be set to see the graphics-only controls by setting controlsType to 'international',
or force English controls by setting this to 'english'.
strongControls - true | false
Setting this to true makes the controls (close button, prev/next, etc) appear always in their on or hovered state.
This can be helpful when trying to match against a custom color that is set in the 'boxColor' option or in the css.
showHints - 'once' | true | false
Controls display of system tooltip messages on mouseover of the nav and control buttons.
These tooltip messages are intended to be used to inform users about keyboard navigation shortcuts.
With the default setting of 'once', each tooltip will deactivate after it has been displayed for sufficient time to be read.
A tooltip message will also be deactivated if the user navigates with the associated keyboard shortcut.
If enableKeyboardNav is set to false, showHints will be set to false.
outsideClickCloses - true | false
Default behaviour when outsideClickCloses is not set is for modal boxes, tooltips and context boxes to close when something outside the floatbox is clicked or touched.
Set this to true to make non-modal boxes close on an outside click, or false to make any box ignore outside clicks.
contentClickCloses - true | false
If set to true, floatbox will exit when the user clicks on the floatbox's displayed content.
This option is primarily useful for images and context boxes.
By default, a context box will close when the page outside of the floatbox is click or touched, but remains open if interaction occurs within it's content.
When set for images that have the navigation overlay active (navType = 'overlay' or 'both'),
the click-to-close area is down the center of the image in the space remaining between the left and right navigation areas.
enableKeyboardNav - true | false
Enables or disables the keyboard handler for previous/next, pause/play, resize and close actions.
enableSwipeNav - true | false
Enables or disables use of a touch swipe gesture to navigate to previous or next images in a gallery set.
This works especially well with 'imageTransition' set to 'slide'.
navType - 'overlay' | 'button' | 'both' | 'none'
Sets the type of navigation controls to display.
'overlay' is the "Prev/Next" image overlay.'
'button' gives "<<prev||next>>" in the controls area of the floatbox frame.
Overlay navigation is not available for html and multi-media content, just for images.
navOverlayWidth - 0-50 (30)
Sets the width in percentage of each of the left and right transparent overlay nav panels that provide navigation through mouse clicks on the displayed image.
If set to 50, each panel will be half the image width and so will meet without a gap in the middle.
40 leaves a 20% gap between panels, etc.
If enableImageResize or contentClickCloses are active, you'll want to leave a gap between the nav panels so that there's somewhere on the image that can be clicked.
navOverlayPos - 0-100 (30)
When the mouse is active over an image with navType 'overlay' or 'both' set, small prev/next graphics are displayed.
This setting is the percentage height from the image top that these graphics will appear.
0 puts them right at the top, and 100 places them at the bottom of the image.
showNavOverlay - 'once' | true | false
Controls display of the overlayed navigation 'prev' and 'next' graphics for image content.
The default showNavOverlay is not set is to show the overlayed graphics only if the the button-style prev/next controls in the frame area are not present.
If set to 'once', these graphics will be displayed only for the first image shown, and are turned off for other images once they have been seen..
When the overlay nav graphics are turned off overlay nav still works, it is just not displayed.
When both the overlay and button nav types are enabled, the button nav controls will highlight as the mouse moves over active image areas.
Use the 'navType' option to control whether the overlay and button navigation widgets are present or not.
showItemNumber - true | false
Setting showItemNumber to false will disable the display of the 'image/page x of y' text in gallery sets.
enableWrap - true | false
Enables gallery wrapping so that selecting 'next' on the last item wraps to the first, and selecting 'prev' on the first item wraps to the last.
Because gallery viewing can start anywhere in a series of images, it is probably a good idea to leave this set to true in most circumstances.
But if you are displaying something like a series of instructions that always starts with item #1 you may want to turn wrapping off.
The enableWrap option affects only mouse and keyboard navigation.
Even when enableWrap is set to false, a slideshow will wrap if started with an item other than #1 or if the afterSlideshow option is set to 'loop'.
numIndexLinks - number (0)
Index links are a grouping of numbered links that will jump floatbox to the selected item of a gallery set when clicked.
They look like this: "1 2 3 4 5 ..."
If set to 0, no index links will be shown.
If set to -1 or to a number greater than the number of items in a gallery set, all index links will be shown - one for each item in the gallery.
If set to a positive integer less than the number of gallery items, only that number of links will be shown.
For example, if maxIndexLinks = 9 for a 99 item gallery you get something like
"1 ... 12 13 14 15 16 17 18 ... 99"
showIndexThumbs - true | false
Controls the display of popup thumbnails in the indexLinks group.
If true, thumbnail popups will be displayed when an index link is hovered.
pipIndexThumbs - true | false
The default of true causes the popup thumbnails on index links to appear over-top of the content image in the corner closest to the index thumbs.
If set to false, the thumbnails will appear immediately above or below the clickable index link numbers.
maxIndexThumbSize - pixels (0)
The popup thumbnails used in the index links are taken from the img elements inside the associated anchor on your base page.
These thumbnails may be larger than you would like to see for the index links popup thumbnails.
You can limit the popup size by setting maxIndexThumbSize to the pixel size you want the thumbnail's largest dimension restricted to.
If maxIndexThumbSize is 0, the index link thumbnails will be shown at their native size.
indexThumbSource - img filePath | 'href'
When showIndexThumbs is true, the default index thumb source is the thumbnail image from a gallery item's associated anchor (link) element on the main page.
If there is no such thumbnail, or if an alternate thumbnail is desired, the path to the desired thumbnail image can be specified in the indexThumbSource option.
If indexThumbSource is assigned the value 'href', the main image linked to by the host anchor's href attribute will be used as the index thumb.
When using the 'href' setting, you'll almost always want to set maxIndexThumbSize as well.
randomOrder - true | false
Gallery sets of multiple items normally are ordered by their position in the html document.
By setting randomOrder to true, you can shuffle your gallery sets to a random order.
This can be a nice touch for some slideshows.
doSlideshow - true | false
If set to true, images in a gallery set will be launched as a slideshow.
slideInterval - seconds (4.5)
This is the number of seconds to display each image in a slideshow before moving on to the next one.
Per-item intervals can be assigned to the item options of individual slideshow members.
afterSlideshow - 'exit' | 'stop' | 'loop'
Describes what to do when all images in a slideshow have been seen.
Note that if a slideshow was started on other than the 1st image, it will wrap around until all images have been seen before acting on the afterSlideshow directive.
showPlayPause - true | false
Turns display of the slideshow play & pause controls on or off.
startPaused - true | false
If true, a slideshow will start in a paused state. If false, the slideshow will auto-play on start.
source - a content reference
Every tooltip and context box requires a 'source' reference to be defined either in data-fb-tooltip or data-fb-context.
This is the reference to the content that will be shown in the tooltip or context box.
Commonly, source will point to a hidden div on the page with a syntax like
"source:#myDivId", but it can also be a path to any type of floatbox content.
e.g., "source:`myContent.html`" to bring in an external page as the tooltip or context box content.
placement - 'bottom' | 'top' | 'left' | 'right' | 'center'
The placement option determines where an enhanced tooltip will open in relation to the hovered element or the mouse location.
If attachToHost is set to true, the tooltip placement is relative to the host element,
otherwise it is relative to the location of the mouse cursor at the time the tooltip is invoked.
If the requested placement would make the tooltip appear partially offscreen,
the placement will be moved so that the entire tooltip shows.
attachToHost - true | false
Applies only to tooltips and, if true, will place the tooltip immediately adjacent to the host element (either above or below)
and will not move with the mouse.
This allows the mouse to be active inside the open tooltip and thereby allows clickable links to be placed in the tooltip content.
(A tooltip can be assigned to an <area> element, but cannot be attached to it.)
moveWithMouse - true | false
Not surprisingly, if this is set to true for a tooltip, it will move with mouse movements.
The default of false leaves the tooltip positioned at its starting location regardless of subsequent mouse moves.
showOnce - true | false
If showOnce is set to true, a tooltip will be displayed only on the first mouse-over of the host element per browser session.
A session cookie will be set in the visitor's browser that will prevent the tooltip from re-appearing for that user until a subsequent visit.
delay - milliseconds (80)
Minimum delay in milliseconds between the element mouseover event and the display of the tooltip.
mouseSpeed - pixels per second (120)
The mouse must be moving at a speed less than mouseSpeed in order for the tooltip to appear.
fadeDuration - 0-10 (3)
This is a unitless setting (not seconds) that controls the duration of the opacity fade in and out of the tooltip when it starts and ends.
0 is no fade and 10 is very slow.
Note fadeDuration is always 0 for Internet Explorer pre version 9 because IE is atrociously bad at fading text and tooltips usually contain text.
contextMouseButton - 'both' | 'left' | 'right'
This option applies only to context boxes and sets which mouse buttons will be used to trigger the display of the context box.
Mobile devices will always respond to touch gestures regardless of the contextMouseButton setting.
Please see the note in the 'Context boxes' section of the instructions for information about the unreliability of right-clicks in some browsers.
cycleInterval - seconds (5)
The number of seconds between each turnover of the displayed image in a set of cycling images or thumbnails.
cycleInterval can be set on individual cycle set members to provide a different delay for different items in the set.
See the 'Cycling images and thumbnails' section of the instructions for details.
cycleFadeTime - seconds (1)
Controls the speed of the fade in/out of the images in a set of cycling images or thumbnails.
cycleEnableClick - true | false
If set to true, a cycling image or thumbnail set can be paused and resumed by clicking or touching an image.
cycleShowControls - true | false
When cycleEnableClick is true, a visible play/pause control will be shown on a cycler set unless cycleShowControls has been set to false.
cycleControlsPos - 'tl' | 'tc' | 'tr' | 'bl' | 'bc' | 'br'
Controls the position of a cycler's visible play/pause control when cycleEnableClick and cycleShowControls are active.
cycleStartPaused - true | false
If set to true, a cycler set will begin in the paused state at page load.
You'll want to set either cycleEnableClick or cycleResumeOnHover if starting paused.
cyclePauseOnHover - true | false
If set to true, image and thumbnail cyclers will pause and hold the current image while the mouse is hovered over the images.
This option is ignored on mouse-less Mobile devices where the cyclers will always cycle.
cycleResumeOnHover - true | false
If set to true, image and thumbnail cyclers will start in a paused state and cycle only while the mouse is hovered over the images.
This option is ignored on mouse-less Mobile devices where the cyclers will always cycle.
addVideoThumb - width | 'small' | 'medium' | 'large'
Floatbox can fetch video thumbnails from YouTube and Vimeo and can auto-insert these thumbnails into floatboxed anchors that reference videos from these services.
The fetched thumbnail will be displayed at the size specified in the addVideoThumb option which can be
an explicit pixel width, 120px for 'small', 480px for 'large', and a default of 240px for 'medium' or other non-numeric value (such as true).
Setting addVideoThumb on any anchor other than one that references a video from somewhere other than youtube or vimeo will have no effect.
addPlayButton - 'small' | 'medium' | 'large'
Any floatboxed anchor that contains a thumbnail can have a translucent play button displayed over top of it by setting the addPlayButton option to the desired button size (small, medium or large).
The default action is to add a medium-sized play button to thumbnails added by the addVideoThumb option and to do nothing with other thumbnails.
Use the addPlayButton to show a button on standard thumbnails or to change the button size for addVideoThumb thumbnails.
Note that the 'small', 'medium' and 'large' settings set a size relative to the host thumbnail, and not an absolute pixel size.
fetchVideoInfo - true | false
When videos from YouTube or Vimeo are configured to show in a floatbox,
the API services of those providers will be queried to fetch useful information about the video such as the title and default size.
(YouTube unfortunately does not provide size info.)
If you prefer to not incur the network overhead of these API queries and instead provide explicit size and caption info for your videos, set fetchVideoInfo to false.
This can be set per-item in data-fb-options and per-page or globally.
titleAsCaption - true | false | 'a' | 'img'
If a caption is not assigned directly with the caption option, titleAsCaption, when left at its default value of true, will pull a caption in from a title attribute found on the host anchor or on a thumbnail img element within that anchor.
A setting of 'a' instructs it to look at title attributes only on the anchor element and a setting of 'img' causes it to look for titles only on thumbnail img elements.
To disable the setting of captions from title attributes, set titleAsCaption to false.
See the 'caption' and 'caption2' options for details on how to set caption content directly.
The titleAsCaption option also applies to fbCycler sets and will cause the cycler captions shown below the images to be pulled from the img elements' title attributes.
altAsCaption - true | false
If altAsCaption is set to true and a caption has not been assigned either through the caption option or as a result of the titleAsCaption option, the caption will be pulled from the alt attribute on a thumbnail image inside the floatboxed anchor.
The altAsCaption option also applies to fbCycler sets and will cause the cycler captions shown below the images to be pulled from the img elements' alt attributes.
hideObjects - true | false
If true, objects and embeds (flash, quicktime, silverlight, etc.) on the host page will be hidden while a floatbox is being displayed.
This is generally a good idea as most objects will appear on top of the floatbox display if not hidden.
Flash objects using the default wmode of 'window' have this problem (feature?).
If you set your flash objects to have a wmode of 'opaque' or 'transparent' they will not appear over top of the other content
and you won't need to enable hideObjects.
hideJava - true | false
Just like hideObjects but for Java applets.
showMagCursor - 'once' | true | false
Changes the mouse cursor to a small magnifying glass when the mouse is hovered over a thumbnail in a floatboxed anchor.
If set to 'once', the cursor will change only for the first mouseover on the thumbnail image.
Note, that some browsers cannot and will not show the custom cursor regardless of this option's setting.
(Older Opera, most Mac browsers except Safari, and some Linux browsers are guilty of this.)
modal - true | false
When modal is true, floatbox will overlay the whole page with a translucent layer,
the underlying page will be unreachable until the box is closed,
and any secondary floatboxes will be stacked on top of any already-opened boxes.
Setting modal to false removes the translucent page overlay,
allows the underlying page to be accessed while one or more floatboxes are open,
and allows multiple open floatboxes to be re-arranged and restacked.
centerOnResize - true | false
When set to true, all open floatboxes will reposition themselves towards the center of the screen when the browser window is resized,
and will resize to fit the new window dimensions if autoFit behaviour is enabled.
boxScroll - true | false
If boxScroll is set to false, floatbox will use fixed positioning.
Fixed positioning locks the floatbox in a fixed screen location that will not move in response to scrollbar actions.
Because scrolling is not available when fixed positioning is used, boxScroll is ignored if the current displayed content is larger than the available screen dimensions.
Note that some browsers (IE 6 and a bunch of mobile devices) cannot do fixed positioning and boxScroll will have no effect on these platforms.
pageScroll - true | false
When fixed positioning has been assigned by the boxScroll:false option, the scrollbars on the main page can be removed by setting pageScroll to false.
This will prevent scrolling of the host page underneath the floatbox when the mouse wheel is used to scroll content inside a fixed-position floatbox.
minFlashVersion - version string ('9.0.115')
When direct-loading flash, you can require that a minimum version of flash is installed on the visitor's browser.
If the required version is not present, floatbox will show a language-localized message to that effect and present a link for getting the latest flash version.
The version string must include the major version number and may include the minor and revision numbers.
For example, 10, 10.1 and '10.1.23' are all valid version strings.
The default is version 9.0.115 because this is the oldest Flash player that can handle mp4 video content.
autoEndVideo - true | false
A floatbox showing video either with the built-in HTML5 video player or from YouTube or Vimeo will close automatically
when the video ends unless autoEndVideo is set to false.
(Doesn't always work in IE pre version 9.)
mobileNewWindow - true | false
When set to true, devices with small screens (generally, mobile phones) will open the target content in a new browser window while larger-screened browsers will open the content in a floatbox.
This is useful when the content to be displayed is too large to handle cleanly on the small device screens.
Default behaviour is to show all cross-domain iframes and direct-loaded pdf content in a new window on small-screen devices.
Set mobileNewWindow to false to force content to always show within a floatbox regardless of screen size.
instanceName - string
instanceName is used in conjunction with the API function fb.getInstance to programmatically reference
a particular floatbox when more than one is present.
If no instanceName is provided, the default instance name will be the filename of the opening content.
For example, if you show "/images/my_toys.jpg" in a floatbox, and don't assign a specific instanceName, the box's name will be "my_toys".
See the API Reference for fb.getInstance() details.
attachTo - 'click' | elementID
Use 'attachTo' to enhance accessibility of web pages by providing correct sequencing or placement of floatbox content in the HTML DOM hierarchy,
or to attach the floatbox to an ASP.NET form.
When set to 'click', the floatbox will attach in the document tree just after the element that was clicked to launch the floatbox.
To place the floatbox inside a particular element, such as a form, specify the id for that element.
More information is available in the 'Attach to a specific document element' section of the instructions.
zIndex - number (77777)
Floatbox's default z-indices begin at 77777.
If there is other content on a page that is set higher than this (such as maybe a navigation menu),
a larger zIndex can be assigned to the floatboxes by setting this option.
If you are having trouble with flash objects appearing above the floatbox regardless of zIndex,
please see the 'hideObjects' option.
framed - true | false
Use the framed option to attach floatbox to an iframe or frameset child window.
This will constrain floatbox to the frame area only instead of having it overlay the entire top document.
For frameset pages, floatbox.js must be included in a child frame document, not in the frameset document itself,
and the 'framed' option must be set.
The 'framed' option can be set either as a querystring on the floatbox.js include line,
or set to true in fbPageOptions that is defined prior to loading floatbox.js.
See the "Constraining Floatbox..." section in the instructions for details and examples.
preloadLimit ** - 'x|y' ('5|1')
Floatbox will preload images that are referenced by floatboxed anchors so that those images may be shown immediately when clicked
instead of the visitor possibly watching the spinning loader graphic while waiting for the image to be fetched across the network.
(Preloading starts shortly after the main page is fully rendered and window.onload fires).
preloadLimit sets the number of referenced images that will be preloaded.
Two values can be provided, separated by a '|' character, with the left-side value applying to non-touch devices and the right-side value applying to devices that support touch gestures.
If just a single number is provided, it will apply to all devices.
language ** - 'en' | ... (see the languages folder)
Floatbox provides international localization through the json files in the languages folder.
When the language option is not set, floatbox will detect the visitor's browser language preference and use that language for its system tooltips and other text.
You can force a particular language by assigning it here.
Doing this will set that language for everyone visiting your site, regardless of where they are coming from.
activateOnClick ** - true | false
Setting activateOnClick to true will cause Floatbox's fb.activate() API function to run every time a mouse click or touch event occurs on the main document.
This can be useful as an easy way to 'light up' floatboxed elements that have been dynamically added to a page some time after the page has loaded.
Note that activateOnClick doesn't help when bringing in new fbTooltip elements
because their mouseover behaviours won't be assigned until the user clicks something on the page.
See the 'Dynamically loading Floatbox content via AJAX, script or UpdatePanel' section of the instructions for more details.
floatboxClass ** ('floatbox'), cyclerClass ** ('fbCycler'), tooltipClass ** ('fbTooltip'), contextClass ** ('fbContext') - className
The class names that are used to activate floatbox elements can be changed in order to avoid conflicts with other html and css.
For example, if the 'floatbox' class is already used for other purposes, the floatboxClass option could be changed to 'floater' or any other unused class name.
The floatboxClass option can accept multiple class names by separating them with a '|' character (e.g., floatbox|foo|bar.
This can be helpful when working with CMS platforms that allow assignment of only one class to any particular element.