User:Spectrazzz/sandbox: Difference between revisions
From GRAY RAVENS
Content added Content deleted
Spectrazzz (talk | contribs) No edit summary |
Spectrazzz (talk | contribs) No edit summary |
||
(9 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 { |
|||
⚫ | |||
display: none; |
|||
font-family: Verdana, sans-serif; |
|||
font-size: 12px; |
|||
font-weight: 700; |
|||
⚫ | |||
} |
} |
||
.no-history-tabber-panel .oo-ui-optionWidget:hover { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
.no-history-tabber-panel .oo-ui-optionWidget.oo-ui-widget-enabled { |
|||
border: 1px solid #e0e0e0; |
|||
} |
|||
⚫ | |||
⚫ | |||
cursor: pointer; |
|||
} |
|||
⚫ | |||
⚫ | |||
margin: 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 { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
border-left-width: 1px; |
|||
⚫ | |||
⚫ | |||
} |
} |
||
--> |
|||
. |
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { |
||
color: |
background-color: #09090B; |
||
border-bottom: 0; |
|||
font-family: 'Lato',sans-serif !important; |
|||
<!-- border-right-color: black; |
|||
font-size: 14px; |
|||
border-right-width: 1em; |
|||
border-right-style: solid; |
|||
⚫ | |||
⚫ | |||
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; |
|||
} |
} |
||
⚫ | |||
.no-history-tabber-panel .oo-ui-optionWidget:hover { |
|||
background- |
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;--> |
|||
} |
} |
||
. |
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget { |
||
margin: 0; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
border-bottom: 0; |
|||
⚫ | |||
} |
} |
||
.oo-ui-tabOptionWidget { |
|||
⚫ | |||
-webkit-transition: background-color 5s,color 5s,border-color 5s; |
|||
⚫ | |||
transition: background-color 5s, color 5s, border-color 5s; |
|||
padding: 0; |
|||
} |
} |
||
}} |
}} |
||
== Hovering Text == |
|||
<span title="Hover">Regular</span> |
|||
{{tab/start}} |
{{tab/start}} |
||
{{tab/header| |
{{tab/header|Tabber 1, Tab 1}} |
||
tab content 1 |
tab content 1 |
||
{{tab/header| |
{{tab/header|Tabber 2, Tab 2}} |
||
tab content 2 |
tab content 2 |
||
{{tab/end}} |
{{tab/end}} |