User:Spectrazzz/sandbox: Difference between revisions

From GRAY RAVENS
Content added Content deleted
VisualWikitext
No edit summary
Tag: Manual revert
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 16: Line 16:
<hr style="border-color: #921131">
<hr style="border-color: #921131">
{{#css:
{{#css:
<!-- NO SHORT DESCRIPTION -->
.no-history-tabber-panel .oo-ui-optionWidget {
#siteSub.ext-shortdesc {
⚫
color: black;
display: none;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: 700;
⚫
padding: 3px .5em;
}
}

.no-history-tabber-panel .oo-ui-optionWidget:hover {
<!-- CUSTOM CODE -->
⚫
background-color: #e4e4e4 !important;
⚫
.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
⚫
}
⚫
padding: 0;
.no-history-tabber-panel .oo-ui-optionWidget.oo-ui-widget-enabled {
border: 1px solid #e0e0e0;
}
⚫
.no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
⚫
border: 1px solid black;
cursor: pointer;
}
⚫
.no-history-tabber-panel .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
⚫
border: 0 !important;
margin: 0;
⚫
padding: 0;
line-height: normal;
}
}
<!---
REPLACE THE ABOVE CODE WITH THE ONE BELOW FOR SKILL SKILLS



.no-history-tabber-panel .oo-ui-tabSelectWidget-framed {
.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
⚫
background-color: inherit;
⚫
padding: 0 0 0 5px !important;
⚫
background-color: #09090B !important;
border-left-width: 1px;
⚫
border-left-color: #141416;
⚫
border-left-style: solid;
}
}
-->


.no-history-tabber-panel .oo-ui-optionWidget {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
color: black;
background-color: #09090B;
border-bottom: 0;
font-family: 'Lato',sans-serif !important;
<!-- border-right-color: black;
font-size: 14px;
font-weight: 700;
border-right-width: 1em;
border-right-style: solid;
padding: 3px .5em;
⚫
border-left-color: black;
background: linear-gradient(to right, #d7e9fb 50%, white 50%);
border-left-width: 1em;
background-size: 200% 100%;
border-left-style: solid;-->
background-position: right bottom;
transition: all .25s ease-out;
}
}
⚫
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
.no-history-tabber-panel .oo-ui-optionWidget:hover {
background-position: left bottom;
background-color: #921131;
border-bottom: 0;
<!-- border-right-color: #921131;
border-right-width: 1em;
border-right-style: solid;
border-left-color: #921131;
border-left-width: 1em;
border-left-style: solid;-->
}
}
.no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
border: 1px solid #000;
margin: 0;
⚫
padding: 0 7px 0 0;
}
}
⚫
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
⚫
.00-ui-indexLayout-stackLayout > .00-ui-panelLayout {
padding-bottom: 0 !important;
border-bottom: 0;
padding-left: 0 !important;
padding: 5px 1.3em 5px 1.3em;
padding-right: 0 !important;
padding-top: 0 !important;
}
}

.oo-ui-tabOptionWidget {
-webkit-transition: background-color 5s,color 5s,border-color 5s;
transition: background-color 5s, color 5s, border-color 5s;
⚫
}

}}
}}
== Hovering Text ==
<span title="Hover">Regular</span>


{{tab/start}}
{{tab/start}}
{{tab/header|tab name 1}}
{{tab/header|Tabber 1, Tab 1}}
tab content 1
tab content 1
{{tab/header| tab name 2}}
{{tab/header|Tabber 2, Tab 2}}
tab content 2
tab content 2
{{tab/end}}
{{tab/end}}

Latest revision as of 14:02, 15 October 2022

Hovering Text

Regular

Tabber 1, Tab 1

tab content 1

Tabber 2, Tab 2

tab content 2

Bacon ipsum dolor amet turkey

Retrieved from "https://grayravens.com/wiki/User:Spectrazzz/sandbox?oldid=19190"