User:Bluhen/style.css: Difference between revisions
From Elwiki
No edit summary |
No edit summary |
||
(21 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.job-change-collapsible { | |||
border:none; | |||
} | } | ||
.job-change-collapsible .segment-headers { | |||
background-color:unset; | |||
} | } | ||
.mw-content-ltr .job-change-collapsible > .section > .mw-collapsible-toggle { | |||
top:16px;right:20px; | |||
} | } | ||
.job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after { | |||
display: block; | |||
content: "Open"; | |||
text-shadow: none; | |||
padding-top: 0px !important; | |||
color:#cfcfcf; | |||
} | } | ||
.job-change-collapsible .mw-collapsible-toggle::after { | |||
display: block; | |||
content: "Close"; | |||
text-shadow: none; | |||
padding-top: 0px !important; | |||
color:#cfcfcf; | |||
} | } | ||
. | .job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after { | ||
display: block; | |||
content: "Open"; | |||
text-shadow: none; | |||
padding-top: 0px !important; | |||
color:#cfcfcf; | |||
} | |||
.job-change-collapsible .mw-collapsible-toggle::after:not(.dark-mode div) { | |||
display: block; | |||
content: "Close"; | |||
text-shadow: none; | |||
padding-top: 0px !important; | |||
color:#cfcfcf; | |||
} | |||
.wrap { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.nomobile .wrap { | |||
width:50%; | |||
} | |||
.header { | |||
font-size:20px; | |||
font-weight:500; | |||
text-align:center; | |||
color:#cfcfcf; | |||
border-radius:15px 15px 0 0; | |||
background:#262626; | |||
display:flex; | |||
justify-content:center; | |||
padding: 15px; | |||
margin-right:10px; | |||
} | |||
.sub-header { | |||
font-size: 17px; | |||
font-weight:500; | |||
text-align:center; | |||
color:#cfcfcf; | |||
background:#2D2D2D; | |||
display:flex; | |||
justify-content:center; | |||
padding: 15px; | |||
border-color:#4a4a4a; | |||
border-style:solid; | |||
border-width:2px 0 2px 0; | |||
margin-right:10px; | |||
} | |||
.boxy { | |||
font-size: 17px; | |||
font-weight:300; | |||
padding: 20px 40px 40px 40px; | |||
opacity: 1; | |||
background-color: #333333; | |||
opacity: 1; | |||
background-image: linear-gradient(135deg, #303030 25%, transparent 25%), linear-gradient(225deg, #303030 25%, transparent 25%), linear-gradient(45deg, #303030 25%, transparent 25%), linear-gradient(315deg, #303030 25%, #333333 25%); | |||
background-position: 9px 0, 9px 0, 0 0, 0 0; | |||
background-size: 9px 9px; | |||
background-repeat: repeat; | |||
border-radius:0 0 15px 15px; | |||
display:flex; | |||
margin-bottom:10px; | |||
color:#cfcfcf; | |||
margin-right:10px; | |||
flex-direction: column; | |||
} | |||
.mobileonly .boxy { | |||
padding: 10px 20px 20px 20px; | |||
} | |||
.boxy a { | |||
font-weight:500; | |||
} | |||
.neon { | |||
border-right: solid 5px #006ea0; | |||
-webkit-box-shadow: inset -60px 0px 44px -46px #006ea061; | |||
} | |||
.pic { | |||
/*float: right;*/ | |||
background:#262626; | |||
border-radius:15px; | |||
display: flex; | |||
justify-content: center; | |||
padding:15px 10px; | |||
/*-webkit-box-shadow: inset 0px -500px 200px -100px #00000061;*/ | |||
margin-bottom:10px; | |||
} | |||
.char a { | |||
color:#1d2020; | |||
} | } |
Latest revision as of 10:11, 30 January 2023
.job-change-collapsible {
border:none;
}
.job-change-collapsible .segment-headers {
background-color:unset;
}
.mw-content-ltr .job-change-collapsible > .section > .mw-collapsible-toggle {
top:16px;right:20px;
}
.job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
display: block;
content: "Open";
text-shadow: none;
padding-top: 0px !important;
color:#cfcfcf;
}
.job-change-collapsible .mw-collapsible-toggle::after {
display: block;
content: "Close";
text-shadow: none;
padding-top: 0px !important;
color:#cfcfcf;
}
.job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
display: block;
content: "Open";
text-shadow: none;
padding-top: 0px !important;
color:#cfcfcf;
}
.job-change-collapsible .mw-collapsible-toggle::after:not(.dark-mode div) {
display: block;
content: "Close";
text-shadow: none;
padding-top: 0px !important;
color:#cfcfcf;
}
.wrap {
display: flex;
flex-direction: column;
}
.nomobile .wrap {
width:50%;
}
.header {
font-size:20px;
font-weight:500;
text-align:center;
color:#cfcfcf;
border-radius:15px 15px 0 0;
background:#262626;
display:flex;
justify-content:center;
padding: 15px;
margin-right:10px;
}
.sub-header {
font-size: 17px;
font-weight:500;
text-align:center;
color:#cfcfcf;
background:#2D2D2D;
display:flex;
justify-content:center;
padding: 15px;
border-color:#4a4a4a;
border-style:solid;
border-width:2px 0 2px 0;
margin-right:10px;
}
.boxy {
font-size: 17px;
font-weight:300;
padding: 20px 40px 40px 40px;
opacity: 1;
background-color: #333333;
opacity: 1;
background-image: linear-gradient(135deg, #303030 25%, transparent 25%), linear-gradient(225deg, #303030 25%, transparent 25%), linear-gradient(45deg, #303030 25%, transparent 25%), linear-gradient(315deg, #303030 25%, #333333 25%);
background-position: 9px 0, 9px 0, 0 0, 0 0;
background-size: 9px 9px;
background-repeat: repeat;
border-radius:0 0 15px 15px;
display:flex;
margin-bottom:10px;
color:#cfcfcf;
margin-right:10px;
flex-direction: column;
}
.mobileonly .boxy {
padding: 10px 20px 20px 20px;
}
.boxy a {
font-weight:500;
}
.neon {
border-right: solid 5px #006ea0;
-webkit-box-shadow: inset -60px 0px 44px -46px #006ea061;
}
.pic {
/*float: right;*/
background:#262626;
border-radius:15px;
display: flex;
justify-content: center;
padding:15px 10px;
/*-webkit-box-shadow: inset 0px -500px 200px -100px #00000061;*/
margin-bottom:10px;
}
.char a {
color:#1d2020;
}