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 18:11] – restlesswiki:css [2025/06/06 16:38] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +@font-face {
 +    font-family: 'Alegreya';
 +    src: url('/fonts/Alegreya-Bold.woff2') format('woff2'),
 +         url('/fonts/Alegreya-Bold.woff') format('woff');
 +    font-weight: bold;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Alegreya';
 +    src: url('/fonts/Alegreya-BoldItalic.woff2') format('woff2'),
 +         url('/fonts/Alegreya-BoldItalic.woff') format('woff');
 +    font-weight: bold;
 +    font-style: italic;
 +}
 +
 +@font-face {
 +    font-family: 'Alegreya';
 +    src: url('/fonts/Alegreya-Italic.woff2') format('woff2'),
 +         url('/fonts/Alegreya-Italic.woff') format('woff');
 +    font-weight: normal;
 +    font-style: italic;
 +}
 +
 +@font-face {
 +    font-family: 'Alegreya';
 +    src: url('/fonts/Alegreya-Regular.woff2') format('woff2'),
 +         url('/fonts/Alegreya-Regular.woff') format('woff');
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Roboto Serif';
 +    src: url('/fonts/RobotoSerif-Light.woff2') format('woff2'),
 +         url('/fonts/RobotoSerif-Light.woff') format('woff');
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Roboto Serif';
 +    src: url('/fonts/RobotoSerif-Medium.woff2') format('woff2'),
 +         url('/fonts/RobotoSerif-Medium.woff') format('woff');
 +    font-weight: bold;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Roboto Serif';
 +    src: url('/fonts/RobotoSerif-MediumItalic.woff2') format('woff2'),
 +         url('/fonts/RobotoSerif-MediumItalic.woff') format('woff');
 +    font-weight: bold;
 +    font-style: italic;
 +}
 +
 +@font-face {
 +    font-family: 'Roboto Serif';
 +    src: url('/fonts/RobotoSerif-LightItalic.woff2') format('woff2'),
 +         url('/fonts/RobotoSerif-LightItalic.woff') format('woff');
 +    font-weight: normal;
 +    font-style: italic;
 +}
 +
 @font-face { @font-face {
     font-family: 'grenze';     font-family: 'grenze';
Line 274: Line 338:
     font-family: 'Overlock';     font-family: 'Overlock';
     src: url('/lib/plugins/fontface/fonts/Overlock-Regular.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/Overlock-Regular.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/Overlock-Regular.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/Overlock-Regular.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/Overlock-Regular.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/Overlock-Regular.ttf') format('truetype');
     font-weight: normal;     font-weight: normal;
     font-style: normal;     font-style: normal;
Line 283: Line 347:
     font-family: 'Overlock';     font-family: 'Overlock';
     src: url('/lib/plugins/fontface/fonts/Overlock-Italic.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/Overlock-Italic.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/Overlock-Italic.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/Overlock-Italic.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/Overlock-Italic.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/Overlock-Italic.ttf') format('truetype');
     font-weight: normal;     font-weight: normal;
     font-style: italic;     font-style: italic;
Line 292: Line 356:
     font-family: 'Overlock';     font-family: 'Overlock';
     src: url('/lib/plugins/fontface/fonts/Overlock-BoldItalic.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/Overlock-BoldItalic.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/Overlock-BoldItalic.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/Overlock-BoldItalic.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/Overlock-BoldItalic.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/Overlock-BoldItalic.ttf') format('truetype');
     font-weight: bold;     font-weight: bold;
     font-style: italic;     font-style: italic;
Line 301: Line 365:
     font-family: 'Overlock';     font-family: 'Overlock';
     src: url('/lib/plugins/fontface/fonts/Overlock-Bold.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/Overlock-Bold.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/Overlock-Bold.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/Overlock-Bold.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/Overlock-Bold.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/Overlock-Bold.ttf') format('truetype');
     font-weight: bold;     font-weight: bold;
     font-style: normal;     font-style: normal;
Line 310: Line 374:
     font-family: 'LobsterTwo';     font-family: 'LobsterTwo';
     src: url('/lib/plugins/fontface/fonts/LobsterTwo.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/LobsterTwo.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/LobsterTwo.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/LobsterTwo.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/LobsterTwo.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/LobsterTwo.ttf') format('truetype');
     font-weight: normal;     font-weight: normal;
     font-style: normal;     font-style: normal;
Line 319: Line 383:
     font-family: 'LobsterTwo';     font-family: 'LobsterTwo';
     src: url('/lib/plugins/fontface/fonts/LobsterTwo-Italic.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/LobsterTwo-Italic.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/LobsterTwo-Italic.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/LobsterTwo-Italic.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/LobsterTwo-Italic.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/LobsterTwo-Italic.ttf') format('truetype');
     font-weight: normal;     font-weight: normal;
     font-style: italic;     font-style: italic;
Line 328: Line 392:
     font-family: 'LobsterTwo';     font-family: 'LobsterTwo';
     src: url('/lib/plugins/fontface/fonts/LobsterTwo-BoldItalic.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/LobsterTwo-BoldItalic.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/LobsterTwo-BoldItalic.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/LobsterTwo-BoldItalic.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/LobsterTwo-BoldItalic.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/LobsterTwo-BoldItalic.ttf') format('truetype');
     font-weight: bold;     font-weight: bold;
     font-style: italic;     font-style: italic;
Line 337: Line 401:
     font-family: 'LobsterTwo';     font-family: 'LobsterTwo';
     src: url('/lib/plugins/fontface/fonts/LobsterTwo-Bold.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/LobsterTwo-Bold.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/LobsterTwo-Bold.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/LobsterTwo-Bold.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/LobsterTwo-Bold.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/LobsterTwo-Bold.ttf') format('truetype');
     font-weight: bold;     font-weight: bold;
     font-style: normal;     font-style: normal;
Line 346: Line 410:
     font-family: 'Souvenir';     font-family: 'Souvenir';
     src: url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.ttf') format('truetype');
     font-weight: normal;     font-weight: normal;
     font-style: italic;     font-style: italic;
Line 356: Line 420:
     font-family: 'Souvenir';     font-family: 'Souvenir';
     src: url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.ttf') format('truetype');
     font-weight: bold;     font-weight: bold;
     font-style: normal;     font-style: normal;
Line 366: Line 430:
     font-family: 'Souvenir';     font-family: 'Souvenir';
     src: url('/lib/plugins/fontface/fonts/SouvenirStd-Light.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/SouvenirStd-Light.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/SouvenirStd-Light.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/SouvenirStd-Light.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/SouvenirStd-Light.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/SouvenirStd-Light.ttf') format('truetype');
     font-weight: normal;     font-weight: normal;
     font-style: normal;     font-style: normal;
Line 376: Line 440:
     font-family: 'Souvenir';     font-family: 'Souvenir';
     src: url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.woff2') format('woff2'),     src: url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.woff2') format('woff2'),
-        url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.woff') format('woff'), +         url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.woff') format('woff'), 
-        url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.ttf') format('truetype');+         url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.ttf') format('truetype');
     font-weight: bold;     font-weight: bold;
     font-style: italic;     font-style: italic;
Line 425: Line 489:
   background-attachment: fixed, fixed;   background-attachment: fixed, fixed;
   background-position: bottom, top left;   background-position: bottom, top left;
-  font-size: 85% !important; +  font-size: 10pt; 
-  font-family:  Souvenir, serif; +  font-family:  Alegreya, serif;
-  font-size-adjust: none; +
-  font-stretch: 75%;+
 } }
 +
 +div#bodyContent div.li,
 +div#bodyContent li a,
 +div#bodyContent p {
 +  font-size: 18px;
 +}
 +
  
 /* Section editing button */ /* Section editing button */
Line 445: 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 473: 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 516: 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 558: Line 626:
 .portlet { .portlet {
   width: 11.5em;   width: 11.5em;
-  background-size: 190px 150px; +  background-size: 150px 150px; 
-  object-fit: scale-down;+  object-fit: contain;
   padding-left: 4px;   padding-left: 4px;
   image-rendering: -webkit-optimize-contrast;   image-rendering: -webkit-optimize-contrast;
Line 566: Line 634:
 p.mpbTagline { p.mpbTagline {
   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: 85%;+  font-size: 12pt;
 } }
  
Line 577: Line 646:
 h3, h3,
 h4, h4,
-h5, +h5 {
-h6 {+
   font-family: Grenze;   font-family: Grenze;
   background-color: inherit;   background-color: inherit;
Line 591: Line 659:
   font-size: 260% !important;   font-size: 260% !important;
   font-weight: bold !important;   font-weight: bold !important;
-  color: #cc0000 !important; +  color: #804800 !important; 
-  border-bottom: 2px ridge #CCA899 !important; +  text-shadow: 2px 2px 3px #888; 
-  text-shadow: -1px 0 #e0e0e0, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc, 1.5px 1.5px 1.5px #cca8a8;+  border-bottom: 3px groove rgba(153, 102, 0, 0.8) !important;
 } }
  
Line 599: Line 667:
   font-size: 225% !important;   font-size: 225% !important;
   font-weight: bold !important;   font-weight: bold !important;
-  color: #b40000 !important; +  color: #885000 !important; 
-  text-shadow: 1.5px 1.5px 2px #a89999;+  text-shadow: 1.5px 1.5px 2px #989898; 
 +  border-bottom: 2px double #668899 !important; 
 +  border-image: linear-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: #a80000 !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: #940000 !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: #880000 !important;+  color: #a06600 !important;
   text-shadow: 1px 1px 1px #a8a8a8;   text-shadow: 1px 1px 1px #a8a8a8;
 } }
Line 648: 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 660: Line 739:
 a.interwiki, a.interwiki,
 a.interwiki:visited { a.interwiki:visited {
 +  background-size: 16px 16px;
   color: #002bb8 !important;   color: #002bb8 !important;
 } }
Line 687: Line 767:
  
 #bodyContent div div.catlinks.noprint { #bodyContent div div.catlinks.noprint {
-  font-family: Overlock; +  font-family: Alegreya; 
-  font-size: 12.5px; +  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 696: 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; 
 +  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 { 
 +  border-width: 2px; 
 +  background-color: transparent; 
 +  opacity: 0.9; 
 +  padding-top: 1px; 
 +  padding-bottom: 1px; 
 +  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 781: 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;
 +}
 +

Trace:

Never trust a smiling Dungeon Master