User:Bluhen/style.css: Difference between revisions

From Elwiki
No edit summary
No edit summary
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
.job-change-collapsible {
.job-change-collapsible {
    border:none;
  border:none;
}
}


.job-change-collapsible .segment-headers {
.job-change-collapsible .segment-headers {
    background-color:unset;
  background-color:unset;
}
}


.mw-content-ltr .job-change-collapsible > .section > .mw-collapsible-toggle {
.mw-content-ltr .job-change-collapsible > .section > .mw-collapsible-toggle {
    top:14px;right:20px;
  top:16px;right:20px;
}
}


.job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
.job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
    display: block;
  display: block;
    content: "Open";
  content: "Open";
    text-shadow: none;
  text-shadow: none;
    padding-top: 4px;
  padding-top: 0px !important;
    color:#cfcfcf;
  color:#cfcfcf;
}
}


.job-change-collapsible .mw-collapsible-toggle::after {
.job-change-collapsible .mw-collapsible-toggle::after {
    display: block;
  display: block;
    content: "Close";
  content: "Close";
    text-shadow: none;
  text-shadow: none;
    padding-top: 4px;
  padding-top: 0px !important;
    color:#cfcfcf;
  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;
}
}


  .job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
.nomobile .wrap {
    display: block;
  width:50%;
    content: "Open";
    text-shadow: none;
    padding-top: 4px;
    color:#cfcfcf;
}
}


   .job-change-collapsible .mw-collapsible-toggle::after:not(.dark-mode div) {
.header {
    display: block;
   font-size:20px;
    content: "Close";
  font-weight:500;
    text-shadow: none;
  text-align:center;
    padding-top: 4px;
  color:#cfcfcf;
    color:#cfcfcf;
  border-radius:15px 15px 0 0;
  background:#262626;
  display:flex;
  justify-content:center;
  padding: 15px;
  margin-right:10px;
}
}


  .wrap {
.sub-header {
    width:50%;
  font-size: 17px;
display:flex;
  font-weight:500;
flex-direction:column;
  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;
}
}


  .header {
.boxy {
    font-size:20px;
  font-size: 17px;
    font-weight:500;
  font-weight:300;
    text-align:center;
  padding: 20px 40px 40px 40px;
    color:#cfcfcf;
  opacity: 1;
    border-radius:15px 15px 0 0;
  background-color: #333333;
    background:#262626;
  opacity: 1;
    display:flex;
  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%);
    justify-content:center;
  background-position: 9px 0, 9px 0, 0 0, 0 0;
    padding: 15px;
  background-size: 9px 9px;
    margin-right:10px;
  background-repeat: repeat;
  border-radius:0 0 15px 15px;
  display:flex;
  margin-bottom:10px;
  color:#cfcfcf;
  margin-right:10px;
  flex-direction: column;
}
}


  .sub-header {
.mobileonly .boxy {
    font-size: 17px;
  padding: 10px 20px 20px 20px;
    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 {
.boxy a {
    font-size: 17px;
  font-weight:500;
    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;
}
}


  .boxy a {
.neon {
    font-weight:500;
  border-right: solid 5px #006ea0;
  -webkit-box-shadow: inset -60px 0px 44px -46px #006ea061;
}
}


  .neon {
.pic {
    border-right: solid 5px #006ea0;
  /*float: right;*/
    -webkit-box-shadow: inset -60px 0px 44px -46px #006ea061;
  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;
}
}


  .pic {
.char a {
    /*float: right;*/
color:#1d2020;
    background:#262626;
    border-radius:15px;
    display: flex;
    justify-content: center;
    padding:15px 0;
    /*-webkit-box-shadow: inset 0px -500px 200px -100px #00000061;*/
    margin-bottom:10px;
}
}

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;
}