Anonymous

User:Bluhen/Sandbox: Difference between revisions

From Elwiki
removed unnecesary bits
(left only New 2 - Version A)
(removed unnecesary bits)
Line 6: Line 6:


.flag-tab-content:not(.skin-minerva div) {
.flag-tab-content:not(.skin-minerva div) {
border:none !important;
    border: none !important;
padding-top:20px !important;
    padding-top: 20px !important;
/*width:100% !important;
position:absolute !important;
z-index:1 !important; */
}
}


.flag-tab-box {
.flag-tab-box {
position:relative !important;
    position: relative !important;
box-shadow: none !important;
    box-shadow: none !important;
padding: 8px !important;
    padding: 8px !important;
line-height: 0px !important;
    line-height: 0px !important;
height: max-content !important;
    height: max-content !important;
background-color:#dce0e6 !important;
    background-color: #dce0e6 !important;
border-color:#d3dcdd !important;
    border: solid 1px #d3dcdd !important;
border-radius:4px !important;
    border-radius: 4px !important;
border-style: solid !important;
border-width: 1px !important;
}
}


Line 38: Line 33:
     cursor: pointer;
     cursor: pointer;
     background-color: white;
     background-color: white;
     border:solid 2px #d3dcdd;
     border: solid 2px #d3dcdd;
     color: #f7812b;
     color: #f7812b;
}
}
Line 48: Line 43:
.dark-mode .info-box {
.dark-mode .info-box {
     background-color: #e8e8e8;
     background-color: #e8e8e8;
     border: solid 2px #D8d8d8 !important;
     border: solid 2px #d8d8d8 !important;
     color: #B96120;
     color: #b96120;
}
}


Line 64: Line 59:
}
}


.invert {
.tabdiv .flag-tab-box {
     background-color: #f7812b;
    margin-right: 6px !important;
     border: solid 2px #f7812b;
     background-color: #dce0e6 !important;
     color: white;
     border-color: #d3dcdd !important;
     margin-top: 0px;
}
}


.dark-mode .invert {
.dark-mode .tabdiv .flag-tab-box:not(.active, :hover) {
     background-color: #B96120;
     background: unset !important;
    border: solid 2px #B96120 !important;
    color: #e8e8e8;
}
}


.invert:hover {
.tabdiv .flag-tab-box:not(.active, :hover) {
    background-color: white;
     background: unset !important;
    border-color: #f7812b !important;
    color: #f7812b;
}
 
.dark-mode .invert:hover {
    background-color: #e8e8e8;
    border-color: #B96120 !important;
    color: #B96120;
}
 
.grayscale {
    background-color: grey;
    border: solid 2px grey;
    color: white;
 
}
 
.dark-mode .grayscale {
    background-color: #D8d8d8;
    border: solid 2px #4e4e4e;
    color: #4e4e4e;
}
 
.grayscale:hover {
    background-color: white;
    border-color: grey !important;
    color: grey;
}
 
.dark-mode .grayscale:hover {
     background-color: #4e4e4e;
    border-color: #e8e8e8 !important;
    color: #e8e8e8;
}
}


.tabdiv .flag-tab-box  {
.dark-mode .tabdiv .flag-tab-box {
margin-right: 6px !important;
     background-color: #4c4f53 !important;
background-color:#dce0e6 !important;
    border-color: #444444 !important;
border-color:#d3dcdd !important;
margin-top:0px;
}
 
.dark-mode .tabdiv .flag-tab-box:not(.active, :hover) {
     background:unset !important;
  }
 
.tabdiv .flag-tab-box:not(.active, :hover) {
    background:unset !important;
  }
 
.dark-mode .tabdiv .flag-tab-box  {
background-color:#4c4f53 !important;
border-color:#444444 !important;
}
}


.flag-tab-box:not(.skin-minerva li) {
.flag-tab-box:not(.skin-minerva li) {
width:fit-content;
    width: fit-content;
}
}


.dark-mode .title-box {
.dark-mode .title-box {
box-shadow: inset 0 6px 0px 0px #b96120;
    box-shadow: inset 0 6px 0px 0px #b96120;
}
}


.title-box {
.title-box {
box-shadow: inset 0 6px 0px 0px #f7812b;
    box-shadow: inset 0 6px 0px 0px #f7812b;
border-right: none !important;
    border-right: none !important;
}
}


.title-box:not(.skin-minerva td) {
.title-box:not(.skin-minerva td) {
padding-top:5px !important;
    padding-top: 5px !important;
border-top-width:4px;
    border-top-width: 4px;
border-right: none !important;
    border-right: none !important;
}
}


.dark-mode .title-title {
.dark-mode .title-title {
background-color:#b96120 !important;
    background-color: #b96120 !important;
}
}


.title-title {
.title-title {
background-color:#f7812b !important;
    background-color: #f7812b !important;
color:white !important;
    color: white !important;
}
 
.wikitable .dark-mode .title-title-new-5 {
padding:8px;
border-bottom: solid 3px #b96120 !important;
}
 
.wikitable .title-title-new-5 {
padding:8px;
border-bottom: solid 3px #f7812b !important;
}
}


.title-title:not(.skin-minerva th) {
.title-title:not(.skin-minerva th) {
border-left:none;
    border-left: none;
border-top-width:4px;
    border-top-width: 4px;
padding:7px;
    padding: 7px;
color:white !important;
    color: white !important;
}
}


.dark-mode .caption {
.dark-mode .caption {
color:inherit;
    color: inherit;
}
}


.caption {
.caption {
color:#303030;
    color: #303030;
text-align:center;
    text-align: center;
font-style:italic;
    font-style: italic;
padding:5px;
    padding: 5px;
width:100%;
    width: 100%;
position: relative;
    position: relative;
z-index: 4 !important;
    z-index: 4 !important;
}
}


.skin-minerva .tabber-tab-wrap {
.skin-minerva .tabber-tab-wrap {
width:100%
    width: 100%;
}
}


Line 212: Line 148:


}}
}}
{{#vardefine:lorem|<div style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
*Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
*Dius aer irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
*Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>}}{{#vardefine:info-box|{{tt|NOTES|{{#var:lorem}}|pos=bottom|line=false|span=span|text-align=left|class=info-box}}}}
<tabber class="tabber-border">
<tabber class="tabber-border">
\\design=
\\design=
ElEditors
8,317

edits