Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
wiki:css [2022/06/30 21:04] – external edit 127.0.0.1wiki:css [2025/06/06 16:38] (current) – external edit 127.0.0.1
Line 489: Line 489:
   background-attachment: fixed, fixed;   background-attachment: fixed, fixed;
   background-position: bottom, top left;   background-position: bottom, top left;
-  font-size: 80%;+  font-size: 10pt;
   font-family:  Alegreya, serif;   font-family:  Alegreya, serif;
 } }
Line 496: Line 496:
 div#bodyContent li a, div#bodyContent li a,
 div#bodyContent p { div#bodyContent p {
-  font-size: 115% !important;+  font-size: 18px;
 } }
 +
  
 /* Section editing button */ /* Section editing button */
Line 513: Line 514:
 .btn_secedit:hover button, .btn_secedit:hover button,
 .btn_incledit:hover button { .btn_incledit:hover button {
-  border: 1px solid #fcc;+  border: 1px solid #ccf;
   border-radius: 4px;   border-radius: 4px;
-  color: #f99;+  color: #88f;
 } }
  
Line 541: Line 542:
  
 .dokuwiki div.svgprintbutton_table:hover button { .dokuwiki div.svgprintbutton_table:hover button {
-  border-left: 1px solid #fcc+  border-left: 1px solid #ccf
-  border-right: 1px solid #fcc+  border-right: 1px solid #ccf
-  border-bottom: 1px solid #fcc;+  border-bottom: 1px solid #ccf;
   color: #f99;   color: #f99;
 } }
Line 584: Line 585:
               url(user/parchment.png) repeat-y,               url(user/parchment.png) repeat-y,
               url(user/parch_quotes.png) top left content-box no-repeat;               url(user/parch_quotes.png) top left content-box no-repeat;
- 
   border-radius: 1em;   border-radius: 1em;
 } }
Line 635: Line 635:
   padding: 2px;   padding: 2px;
   padding-bottom: 2px;   padding-bottom: 2px;
 +  margin-top: 18px;
   border-top: rgba(169, 153, 102, 0.6) 3px double;   border-top: rgba(169, 153, 102, 0.6) 3px double;
   border-bottom: rgba(169, 153, 102, 0.6) 3px double;   border-bottom: rgba(169, 153, 102, 0.6) 3px double;
   text-align: center;   text-align: center;
-  font-size: 100%;+  font-size: 12pt;
 } }
  
Line 658: Line 659:
   font-size: 260% !important;   font-size: 260% !important;
   font-weight: bold !important;   font-weight: bold !important;
-  color: #3030cc !important; +  color: #804800 !important; 
-  border-bottom: 3px groove #99A8CC !important+  text-shadow2px 2px 3px #888
-  text-shadow-1px 0 #0e0e0e0 1px #ccc1px #ccc, 0 -1px #ccc, 1.5px 1.5px 1.5px #cca8a8;+  border-bottom3px groove rgba(153102, 0, 0.8) !important;
 } }
  
Line 666: Line 667:
   font-size: 225% !important;   font-size: 225% !important;
   font-weight: bold !important;   font-weight: bold !important;
-  color: #3030b4 !important;+  color: #885000 !important
 +  text-shadow: 1.5px 1.5px 2px #989898;
   border-bottom: 2px double #668899 !important;   border-bottom: 2px double #668899 !important;
-  text-shadow1.5px 1.5px 2px #a89999;+  border-imagelinear-gradient(90deg, rgba(153, 102, 0, 0.75), rgba(153, 102, 0, 0.75), rgba(153, 102, 0, 0.5), rgba(153, 102, 0, 0.1)); 
 +  border-image-slice: 1;
 } }
  
 h3 { h3 {
   font-size: 200% !important;   font-size: 200% !important;
-  font-weight: normal !important; +  font-weight: bold !important; 
-  font-style: italic !important; +  font-style: normal !important; 
-  color: #3030a8 !important; +  color: #905800 !important; 
-  text-shadow: 1.25px 1.25px 1px #a8a8a8;+  text-shadow: 1.25px 1.25px 1px #aaa; 
 +  border-bottom: 1px solid rgba(102, 136, 153, 0.6) !important; 
 +  border-image: linear-gradient(90deg, rgba(153, 102, 0, 0.6), rgba(153, 102, 0, 0.45), rgba(153, 102, 0, 0.3), rgba(153, 102, 0, 0)); 
 +  border-image-slice: 1;
 } }
  
 h4 { h4 {
   font-size: 180% !important;   font-size: 180% !important;
-  font-weight: normal !important; +  font-weight: bold !important; 
-  font-style: italic !important; +  font-style: normal !important; 
-  color: #303094 !important;+  color: #996000 !important;
   text-shadow: 1px 1px 1px #a8a8a8;   text-shadow: 1px 1px 1px #a8a8a8;
 +/*
 +  border-bottom: 1px inset rgba(153, 184, 204, 0.3) !important;
 +  border-image: linear-gradient(90deg, rgba(153, 102, 0, 0.4), rgba(153, 102, 0, 0.2), rgba(153, 102, 0, 0));
 +  border-image-slice: 1;
 +*/
 } }
  
 h5 { h5 {
-  font-size: 160% !important; +  font-size: 150% !important; 
-  font-weight: normal !important; +  font-weight: bold !important; 
-  font-style: italic !important; +  font-style: normal !important; 
-  color: #181888 !important;+  color: #a06600 !important;
   text-shadow: 1px 1px 1px #a8a8a8;   text-shadow: 1px 1px 1px #a8a8a8;
 } }
Line 716: Line 727:
  
 a:hover { a:hover {
-  text-shadow: 0px 0px 4px rgba(240, 168, 51, 0.75);+  text-shadow: 0px 0px 4px rgba(51, 168, 240, 0.35);
   text-decoration: underline !important;   text-decoration: underline !important;
  
Line 728: Line 739:
 a.interwiki, a.interwiki,
 a.interwiki:visited { a.interwiki:visited {
 +  background-size: 16px 16px;
   color: #002bb8 !important;   color: #002bb8 !important;
 } }
Line 756: Line 768:
 #bodyContent div div.catlinks.noprint { #bodyContent div div.catlinks.noprint {
   font-family: Alegreya;   font-family: Alegreya;
-  font-size: 80%; +  font-size: 60%; 
-  background-color: #fff9f9;+  background-color: #f9f9ff;
   background-color: rgba(249, 249, 249, 0.75);   background-color: rgba(249, 249, 249, 0.75);
   margin-top: 0px;   margin-top: 0px;
Line 764: Line 776:
   padding-bottom: 2px;   padding-bottom: 2px;
   padding-left: 16px;   padding-left: 16px;
-  border-radius: 3px 7px 3px 7px;+  border-radius: 2px 4px 2px 4px;
   border-width: 1px;   border-width: 1px;
   opacity: 0.3;   opacity: 0.3;
 +
 +  -webkit-transition: opacity 0.05s ease-out;
 +  -moz-transition: opacity 0.05s ease-out;
 +  -ms-transition: opacity 0.05s ease-out;
 +  -o-transition: opacity 0.05s ease-out;
 +  transition: opacity 0.05s ease-out;
 } }
  
 #bodyContent div div.catlinks.noprint:hover { #bodyContent div div.catlinks.noprint:hover {
   border-width: 2px;   border-width: 2px;
 +  background-color: transparent;
   opacity: 0.9;   opacity: 0.9;
   padding-top: 1px;   padding-top: 1px;
   padding-bottom: 1px;   padding-bottom: 1px;
   padding-left: 15px;   padding-left: 15px;
 +
 +  -webkit-transition: opacity 0.05s ease-out;
 +  -moz-transition: opacity 0.05s ease-out;
 +  -ms-transition: opacity 0.05s ease-out;
 +  -o-transition: opacity 0.05s ease-out;
 +  transition: opacity 0.05s ease-out;
 } }
  
 div#footer.noprint { div#footer.noprint {
-  font-size: 50%;+  font-size: 75%;
 } }
  
Line 859: Line 884:
   border-radius: 4px;   border-radius: 4px;
 } }
 +
 +span.outkey {
 +  border: 1px solid #ccf;
 +  border-radius: 3px;
 +  padding: 0;
 +}
 +
 +span.outkey a {
 +  padding-left: 5px;
 +  padding-right: 5px;
 +}
 +
 +.ns-1 #content,
 +.ns-1 #p-cactions li,
 +.ns-1 #p-cactions li a,
 +.ns-2 #content,
 +.ns-2 #p-cactions li,
 +.ns-2 #p-cactions li a {
 +  background-color: rgba(208, 230, 197, 0.625);
 +}
 +
 +span.bchead {
 +  font-weight: bold;
 +}
 +
 +a.idx_dir,
 +div#bodyContent a {
 +  font-size: 18px;
 +}
 +
 +div#bodyContent td {
 +  font-size: 18px;
 +}
 +
 +div#bodyContent code,
 +div#bodyContent p code,
 +div#bodyContent pre.code {
 +  font-size: 16px !important;
 +  padding: 0 2px 0 2px;
 +}
 +
 +div#bodyContent a.mediafile.mf_php {
 +  font-size: 14px !important;
 +}
 +
 +div.footnotes a.interwiki,
 +div.footnotes .fn,
 +div.footnotes .fn_bot {
 +  display: inline !important;
 +  font-size: 12px !important;
 +}
 +
 +div.dokuwiki div.footnotes {
 +  border-top: 2px ridge rgba(144, 88, 0, 0.2);
 +}
 +
 +div.catlinks.noprint p,
 +div.catlinks.noprint a.breadcrumbs {
 +  font-size: 10px !important;
 +}
 +
 +div.tags a
 + {
 +  font-size: 16px !important;
 +}
 +
 +div.tags span {
 +  opacity: 0.25;
 +
 +  -webkit-transition: opacity 0.05s ease-out;
 +  -moz-transition: opacity 0.05s ease-out;
 +  -ms-transition: opacity 0.05s ease-out;
 +  -o-transition: opacity 0.05s ease-out;
 +  transition: opacity 0.05s ease-out;
 +}
 +
 +div.tags span:hover {
 +  opacity: 1;
 +
 +  -webkit-transition: opacity 0.05s ease-out;
 +  -moz-transition: opacity 0.05s ease-out;
 +  -ms-transition: opacity 0.05s ease-out;
 +  -o-transition: opacity 0.05s ease-out;
 +  transition: opacity 0.05s ease-out;
 +}
 +
 +div#p-x-navigation.portlet img.media {
 +  position: sticky;
 +  margin-top: -5px;
 +  margin-right: 3px;
 +}
 +
 +div#bodyContent div.tags {
 +  color: rgba(144, 88, 0, 0.4) !important;
 +  border-top: 2px double #668899 !important;
 +  border-image: linear-gradient(90deg, rgba(153, 102, 0, 0.0), rgba(153, 102, 0, 0.0), rgba(0, 0, 0, 0.05), rgba(153, 102, 0, 0.2));
 +  border-image-slice: 1;
 +}
 +
 +div.dokuwiki div.tags span,
 +div.dokuwiki div.tags a.wikilink1 {
 +  color: rgba(144, 88, 0, 0.6) !important;
 +}
 +
 +div.dokuwiki hr {
 +  border: none;
 +  color: none;
 +  background: none;
 +  height: 2px;
 +  background-color: none !important;
 +  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(144, 88, 0, 0.4), rgba(255, 0, 0, 0)) !important;
 +}
 +
 +/* Background of editor */
 +.ns-1 #content,
 +.ns-1 #p-cactions li,
 +.ns-1 #p-cactions li a,
 +.ns-2 #content,
 +.ns-2 #p-cactions li,
 +.ns-2 #p-cactions li a {
 +  background-color: rgba(240, 224, 192, 0.6);
 +}
 +
 +/* Components of lightbox */
 +.ppt {
 +  font-style: italic;
 +  font-size: 180% !important;
 +  filter: drop-shadow(2px 2px 2px #000000) !important;
 +}
 +
 +.pp_description {
 +  visibility: hidden;
 +}
 +

Never trust a smiling Dungeon Master