User:Bluhen/style.css: Difference between revisions

← Older edit

User:Bluhen/style.css (view source)

Revision as of 10:11, 30 January 2023

1,548 bytes added , 30 January 2023

no edit summary

Bluhen

ElEditors

8,317

edits

@@ Line 1: / Line 1: @@
-.test {
+.job-change-collapsible {
-background: url(https://elwiki.net/wiki/images/thumb/9/95/Portrait_-_Adventurer.png/420px-Portrait_-_Adventurer.png) !important;
+  border:none;
 }
-.dark-mode .test {
+.job-change-collapsible .segment-headers {
-background: url(https://elwiki.net/wiki/images/thumb/c/c7/Portrait_-_Bluhen.png/420px-Portrait_-_Bluhen.png) !important;
+  background-color:unset;
 }
-  .job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
+.mw-content-ltr .job-change-collapsible > .section > .mw-collapsible-toggle {
-    display: block;
+  top:16px;right:20px;
-    content: "Open";
-    text-shadow: none;
-    padding-top: 4px;
-    color: #2D3C42
 }
-  .job-change-collapsible .mw-collapsible-toggle::after:not(.dark-mode div, .skin-minerva div) {
+.job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
-    display: block;
+  display: block;
-    content: "Close";
+  content: "Open";
-    text-shadow: none;
+  text-shadow: none;
-    padding-top: 4px;
+  padding-top: 0px !important;
-    color: #2D3C42
+  color:#cfcfcf;
 }
-  .segment-header:not(.dark-mode div, .skin-minerva div) {
+.job-change-collapsible .mw-collapsible-toggle::after {
-    color: #2D3C42 !important;
+  display: block;
+  content: "Close";
+  text-shadow: none;
+  padding-top: 0px !important;
+  color:#cfcfcf;
 }
-  .welcome {
+.job-change-collapsible .mw-collapsed .mw-collapsible-toggle::after {
-    font-size:30px;
+  display: block;
-    font-weight:1000;
+  content: "Open";
-    text-align:center;
+  text-shadow: none;
+  padding-top: 0px !important;
+  color:#cfcfcf;
 }
-  .welcome:not(.dark-mode span, .skin-minerva span) {
+.job-change-collapsible .mw-collapsible-toggle::after:not(.dark-mode div) {
-    color: #2D3C42;
+  display: block;
+  content: "Close";
+  text-shadow: none;
+  padding-top: 0px !important;
+  color:#cfcfcf;
 }
-   .intro {
+.wrap {
-    font-weight: 300;
+  display: flex;
-    font-size: 18px;
+  flex-direction: column;
-    text-align: center;
+}
-    padding: 20px;
+.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;
 }