Jump to content

Main Page: Difference between revisions

← Older edit
VisualWikitext
Tag: Reverted
 
(67 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[File:Wiki Main Page Banner.svg|center|frameless|1153x1153px]]
[[File:Wiki Main Page Banner.svg|center|frameless|1153x1153px]]


Line 25: Line 27:
[[File:ATLAS.svg|frameless|106x106px|class=product-image|link=SENSBLUE ATLAS]]
[[File:ATLAS.svg|frameless|106x106px|class=product-image|link=SENSBLUE ATLAS]]
'''[[SENSBLUE ATLAS]]'''
'''[[SENSBLUE ATLAS]]'''
<span class="product-subtitle">Gateways</span>
<span class="product-subtitle">SBC</span>
</div>
</div>
<!--
<!--
Line 80: Line 82:
<div class="mw-collapsible" data-collapsetext="Collapse" data-expandtext="Expand">
<div class="mw-collapsible" data-collapsetext="Collapse" data-expandtext="Expand">


<div class="products-grid" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
<div class="products-grid">


    <div class="product-item" style="text-align: center; width: 220px; vertical-align: top;">
<div class="product-item">
        [[File:Dissolved Oxygen.svg|center|frameless|106x106px|class=product-image|link=Dissolved Oxygen]]
    [[File:Dissolved Oxygen.svg|center|frameless|106x106px|class=product-image|link=Dissolved Oxygen]]
         <div style="margin-top: 10px;">'''[[Dissolved Oxygen]]'''</div>
         '''[[Dissolved Oxygen]]'''
        <div class="mw-customtoggle-1 variations-toggle" style="cursor: pointer;">
    <div class="mw-customtoggle-1 variations-toggle" style="cursor: pointer; display: inline-block;height:2rem;">
            <div style="display: flex; align-items: center; justify-content: center; font-weight: bold;">
<div style="display: flex; flex-direction: row; justify-content: center;" class="product-subtitle">
                Variations <span class="material-symbols-rounded arrow-icon">keyboard_arrow_down</span>
  All Models
            </div>
            <span class="material-symbols-rounded arrow-icon">
        </div>
                  keyboard_arrow_down
        <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-1">
            </span>
            <div class="variations-list">
                [[Dissolved Oxygen Probe AT-SB-PROBE-DO-P-C1|DO Probe C1]]<br>
                [[Link_Pagina_2|DO Probe C2]]<br>
                [[Link_Pagina_3|DO Probe C3]]
            </div>
         </div>
         </div>
     </div>
     </div>
    <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-1" style="line-height: 1.8 rem; font-size: 0.85em; ">
          <div class="variations-list" style="overflow: visible !important;">
        [[Dissolved Oxygen Probe AT-SB-PROBE-DO-P-C1|DO Probe]]
        [[Dissolved Oxygen Probe AT-SB-PROBE-DO-T-C1|DO Titanium]]
          </div>
    </div>
</div>


    <div class="product-item" style="text-align: center; width: 220px; vertical-align: top;">
<div class="product-item">[[File:Conductivity.svg|center|frameless|106x106px|class=product-image|link=Low Conductivity Probe AT-SB-PROBE-LC-P-C1]]
        [[File:Conductivity.svg|center|frameless|106x106px|class=product-image|link=Low Conductivity Probe AT-SB-PROBE-LC-P-C1]]
 
        <div style="margin-top: 10px;">'''[[Conductivity]]'''</div>
'''[[Conductivity]]'''
        <div class="mw-customtoggle-2 variations-toggle" style="cursor: pointer;">
<span class="product-subtitle">Probes</span>
            <div style="display: flex; align-items: center; justify-content: center; font-weight: bold;">
</div>
                Variations <span class="material-symbols-rounded arrow-icon">keyboard_arrow_down</span>
 
            </div>
<div class="product-item">[[File:Multiparameter.svg|center|frameless|106x106px|class=product-image|link=Multiparameter Probe AT-SB-PROBE-MP-P-C1]]
        </div>
 
        <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-2">
'''[[Multiparameter]]'''
            <div class="variations-list">
<span class="product-subtitle">Probes</span>
                [[Low Conductivity Probe AT-SB-PROBE-LC-P-C1|LC Probe C1]]<br>
</div>
                [[Outra_Variacao|LC Probe C2]]
 
            </div>
<div class="product-item">[[File:NO3-.svg|center|frameless|106x106px|class=product-image|link=RS-485 Nitrates (NO3) Probe AT-SB-PROBE-NO3-P]]
        </div>
 
    </div>
'''[[RS-485 Nitrates (NO3) Probe AT-SB-PROBENO3-P|Nitrates(NO3-)]]'''
<span class="product-subtitle">Probes</span>
</div>


    <div class="product-item" style="text-align: center; width: 220px; vertical-align: top;">
<div class="product-item">[[File:PH.svg|center|frameless|106x106px|class=product-image|link=RS-485 pH Probe AT-SB-PROBE-pH-P]]
        [[File:Multiparameter.svg|center|frameless|106x106px|class=product-image|link=Multiparameter Probe AT-SB-PROBE-MP-P-C1]]
        <div style="margin-top: 10px;">'''[[Multiparameter]]'''</div>
        <div class="mw-customtoggle-3 variations-toggle" style="cursor: pointer;">
            <div style="display: flex; align-items: center; justify-content: center; font-weight: bold;">
                Variations <span class="material-symbols-rounded arrow-icon">keyboard_arrow_down</span>
            </div>
        </div>
        <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-3">
            <div class="variations-list">
                [[Multiparameter Probe AT-SB-PROBE-MP-P-C1|MP Probe C1]]
            </div>
        </div>
    </div>


    <div class="product-item" style="text-align: center; width: 220px; vertical-align: top;">
'''[[RS-485 pH Probe AT-SB-PROBE-pH-P|pH]]'''
        [[File:NO3-.svg|center|frameless|106x106px|class=product-image|link=RS-485 Nitrates (NO3) Probe AT-SB-PROBENO3-P]]
<span class="product-subtitle">Probes</span>
        <div style="margin-top: 10px;">'''[[Nitrates(NO3-)]]'''</div>
</div>
        <div class="mw-customtoggle-4 variations-toggle" style="cursor: pointer;">
            <div style="display: flex; align-items: center; justify-content: center; font-weight: bold;">
                Variations <span class="material-symbols-rounded arrow-icon">keyboard_arrow_down</span>
            </div>
        </div>
        <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-4">
            <div class="variations-list">
                [[RS-485 Nitrates (NO3) Probe AT-SB-PROBENO3-P|NO3 Probe]]
            </div>
        </div>
    </div>


    <div class="product-item" style="text-align: center; width: 220px; vertical-align: top;">
<div class="product-item">[[File:PH.svg|center|frameless|106x106px|class=product-image|link=RS-485 ORP Probe POM AT-SB-PROBE-ORP-P]]
        [[File:PH.svg|center|frameless|106x106px|class=product-image|link=RS-485 pH Probe AT-SB-PROBE-pH-P]]
        <div style="margin-top: 10px;">'''[[pH Probe]]'''</div>
        <div class="mw-customtoggle-5 variations-toggle" style="cursor: pointer;">
            <div style="display: flex; align-items: center; justify-content: center; font-weight: bold;">
                Variations <span class="material-symbols-rounded arrow-icon">keyboard_arrow_down</span>
            </div>
        </div>
        <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-5">
            <div class="variations-list">
                [[RS-485 pH Probe AT-SB-PROBE-pH-P|pH Probe P]]
            </div>
        </div>
    </div>


</div> </div> ```
'''[[RS-485 ORP Probe POM AT-SB-PROBE-ORP-P|ORP]]'''
<span class="product-subtitle">Probes</span>
</div>


---
<div class="product-item">[[File:Turbidity.svg|center|frameless|106x106px|class=product-image|link=RS-485 Turbidity Probe AT-SB-PROBE-T-P]]


### 2. O CSS Final (Common.css)
'''[[RS-485 Turbidity Probe AT-SB-PROBE-T-P|Turbidity]]'''
Para que a seta rode em todos os itens e o fundo cinzento desapareça de vez, usa este bloco:
<span class="product-subtitle">Probes</span>
</div>


```css
<div class="product-item">[[File:Salinity.svg|center|frameless|106x106px|class=product-image|link=Salinity Conductivity TDS Probe AT-SB-PROBE-S-P-C1]]
/* Limpeza de estilos padrão do MediaWiki */
.product-item .mw-collapsible,
.product-item .mw-collapsible-content {
    background: transparent !important;
    border: none !important;
}


/* Estilo da Seta */
'''[[Salinity Conductivity TDS Probe AT-SB-PROBE-S-P-C1|Salinity]]'''
.arrow-icon {
<span class="product-subtitle">Probes</span>
    transition: transform 0.3s ease;
</div>
    display: inline-block;
    vertical-align: middle;
}


/* Rotação da seta baseada no estado do toggle */
</div>
/* Este seletor atinge o toggle quando ele está "ativo" */
.variations-toggle.mw-collapsible-toggle-expanded .arrow-icon,
[aria-expanded="true"] .arrow-icon {
    transform: rotate(180deg);
}


/* Estilo opcional para os links da lista */
</div>
.variations-list {
    padding-top: 5px;
    font-size: 0.95em;
    line-height: 1.6em;
}


== Accessories ==
== Accessories ==
Retrieved from "https://wiki.atronia.eu/Main_Page"