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 [2025/06/07 19:23] – restlesswiki:css [2025/06/26 02:04] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +@font-face {
 +    font-family: 'MedievalSharp’;
 +    src: url('/fonts/medievalsharp-bold-webfont.woff2’) format('woff2’),
 +         url('/fonts/medievalsharp-bold-webfont.woff’) format('woff’);
 +    font-weight: bold;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'MedievalSharp’;
 +    src: url('/fonts/medievalsharp-boldoblique-webfont.woff2’) format('woff2’),
 +         url('/fonts/medievalsharp-boldoblique-webfont.woff’) format('woff’);
 +    font-weight: bold;
 +    font-style: italic;
 +}
 +
 +@font-face {
 +    font-family: 'MedievalSharp’;
 +    src: url('/fonts/medievalsharp-oblique-webfont.woff2’) format('woff2’),
 +         url('/fonts/medievalsharp-oblique-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: italic;
 +}
 +
 +@font-face {
 +    font-family: 'MedievalSharp’;
 +    src: url('/fonts/medievalsharp-webfont.woff2’) format('woff2’),
 +         url('/fonts/medievalsharp-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 @font-face { @font-face {
     font-family: 'Alegreya’;     font-family: 'Alegreya’;
Line 32: Line 64:
  
 @font-face { @font-face {
-    font-family: 'Roboto Serif'; +    font-family: 'Jorvik'; 
-    src: url('/fonts/RobotoSerif-Light.woff2’) format('woff2’), +    src: url('/fonts/angkordynasty-thin-webfont.woff2’) format('woff2’), 
-         url('/fonts/RobotoSerif-Light.woff’) format('woff’);+         url('/fonts/angkordynasty-thin-webfont.woff’) format('woff’);
     font-weight: normal;     font-weight: normal;
     font-style: normal;     font-style: normal;
Line 40: Line 72:
  
 @font-face { @font-face {
-    font-family: 'Jorvik'; +    font-family: 'GRLW'; 
-    src: url('/fonts/jorvik.woff2’) format('woff2’), +    src: url('/fonts/grwl-webfont.woff2’) format('woff2’), 
-         url('/fonts/jorvik.woff’) format('woff’);+         url('/fonts/grlw-webfont.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-weight: normal;
     font-style: normal;     font-style: normal;
Line 417: Line 457:
 @font-face { @font-face {
     font-family: 'Souvenir’;     font-family: 'Souvenir’;
-    src: url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.woff2’) format('woff2’), +    src: url('/fonts/SouvenirStd-LightItalic.woff2’) format('woff2’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.woff’) format('woff’), +         url('/fonts/SouvenirStd-LightItalic.woff’) format('woff’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-LightItalic.ttf’) format('truetype’);+         url('/fonts/SouvenirStd-LightItalic.ttf’) format('truetype’);
     font-weight: normal;     font-weight: normal;
     font-style: italic;     font-style: italic;
Line 427: Line 467:
 @font-face { @font-face {
     font-family: 'Souvenir’;     font-family: 'Souvenir’;
-    src: url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.woff2’) format('woff2’), +    src: url('/fonts/SouvenirStd-Demi.woff2’) format('woff2’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.woff’) format('woff’), +         url('/fonts/SouvenirStd-Demi.woff’) format('woff’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-Medium.ttf’) format('truetype’);+         url('/fonts/SouvenirStd-Demi.ttf’) format('truetype’);
     font-weight: bold;     font-weight: bold;
     font-style: normal;     font-style: normal;
Line 437: Line 477:
 @font-face { @font-face {
     font-family: 'Souvenir’;     font-family: 'Souvenir’;
-    src: url('/lib/plugins/fontface/fonts/SouvenirStd-Light.woff2’) format('woff2’), +    src: url('/fonts/SouvenirStd-Light.woff2’) format('woff2’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-Light.woff’) format('woff’), +         url('/fonts/SouvenirStd-Light.woff’) format('woff’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-Light.ttf’) format('truetype’);+         url('/fonts/SouvenirStd-Light.ttf’) format('truetype’);
     font-weight: normal;     font-weight: normal;
     font-style: normal;     font-style: normal;
Line 447: Line 487:
 @font-face { @font-face {
     font-family: 'Souvenir’;     font-family: 'Souvenir’;
-    src: url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.woff2’) format('woff2’), +    src: url('/fonts/SouvenirStd-DemiItalic.woff2’) format('woff2’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.woff’) format('woff’), +         url('/fonts/SouvenirStd-DemiItalic.woff’) format('woff’), 
-         url('/lib/plugins/fontface/fonts/SouvenirStd-DemiItalic.ttf’) format('truetype’);+         url('/fonts/SouvenirStd-DemiItalic.ttf’) format('truetype’);
     font-weight: bold;     font-weight: bold;
     font-style: italic;     font-style: italic;
Line 486: Line 526:
     font-style: italic;     font-style: italic;
 } }
 +
 +@font-face {
 +    font-family: 'Norse’;
 +    src: url('/fonts/norse-webfont.woff2’) format('woff2’),
 +         url('/fonts/norse-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Norse’;
 +    src: url('/fonts/norsebold-webfont.woff2’) format('woff2’),
 +         url('/fonts/norsebold-webfont.woff’) format('woff’);
 +    font-weight: bold;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Kingthings Petrock’;
 +    src: url('/fonts/kingthings_petrock-light-webfont.woff2’) format('woff2’),
 +         url('/fonts/kingthings_petrock-light-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Kingthings Petrock’;
 +    src: url('/fonts/kingthings_petrock-webfont.woff2’) format('woff2’),
 +         url('/fonts/kingthings_petrock-webfont.woff’) format('woff’);
 +    font-weight: bold;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Texturina’;
 +    src: url('/fonts/texturina-webfont.woff2’) format('woff2’),
 +         url('/fonts/texturina-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Texturina’;
 +    src: url('/fonts/texturina-italic-webfont.woff2’) format('woff2’),
 +         url('/fonts/texturina-italic-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: italic;
 +}
 +
 +@font-face {
 +    font-family: 'CharakternyC’;
 +    src: url('/fonts/charakternyc-webfont.woff2’) format('woff2’),
 +         url('/fonts/charakternyc-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Piedra’;
 +    src: url('/fonts/piedra-regular-webfont.woff2’) format('woff2’),
 +         url('/fonts/piedra-regular-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Protest Revolution’;
 +    src: url('/fonts/protestrevolution-regular-webfont.woff2’) format('woff2’),
 +         url('/fonts/protestrevolution-regular-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Motrhead’;
 +    src: url('/fonts/motrg___-webfont.woff2’) format('woff2’),
 +         url('/fonts/motrg___-regular-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: ‘PR Viking’;
 +    src: url('/fonts/pr_viking_01-webfont.woff2’) format('woff2’),
 +         url('/fonts/pr_viking_01-regular-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Witches’;
 +    src: url('/fonts/witches-webfont.woff2’) format('woff2’),
 +         url('/fonts/witches-regular-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Rianti’;
 +    src: url('/fonts/rianti-regular-webfont.woff2’) format('woff2’),
 +         url('/fonts/rianti-regular-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Rianti’;
 +    src: url('/fonts/rianti-bold-webfont.woff2’) format('woff2’),
 +         url('/fonts/rianti-bold-webfont.woff’) format('woff’);
 +    font-weight: bold;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: ‘Ace Attitude’;
 +    src: url('/fonts/AceAttitude-Bold.woff2’) format('woff2’),
 +         url('/fonts/AceAttitude-Bold.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
 +@font-face {
 +    font-family: 'Shrunken Head’;
 +    src: url('/fonts/shrunken-head-bb-webfont.woff2’) format('woff2’),
 +         url('/fonts/shrunken-head-bb-webfont.woff’) format('woff’);
 +    font-weight: normal;
 +    font-style: normal;
 +}
 +
  
 html { html {
Line 492: Line 661:
  
 body { body {
-  background: linear-gradient(rgba(255, 255, 255, 0.33) 300px, #fff 600px),+  background: linear-gradient(rgba(255, 255, 255, 0.33) 300px, #f8f8f8 900px),
               url(user/bkgrnd.png);               url(user/bkgrnd.png);
   background-repeat: repeat-x, repeat-x;   background-repeat: repeat-x, repeat-x;
   background-attachment: fixed, fixed;   background-attachment: fixed, fixed;
   background-position: bottom, top left;   background-position: bottom, top left;
-  font-size: 10pt; +  font-size: 12px; 
-  font-family:  Alegreya, serif;+  font-family:  Souvenir, serif;
 } }
  
 div#bodyContent div.li, div#bodyContent div.li,
 div#bodyContent li a, div#bodyContent li a,
-div#bodyContent p { +div#bodyContent a, 
-  font-size: 18px;+div#bodyContent p, 
 +a.wikilink { 
 +  font-size: 16px; 
 +} 
 + 
 +div#column-one .portlet .pBody ul { 
 +  font-size: 13px;
 } }
  
Line 533: Line 708:
   border-radius: 4px;   border-radius: 4px;
 } }
- 
  
 /* SVG printing button */ /* SVG printing button */
Line 559: Line 733:
   background: rgba(0, 0, 0, 0.1);   background: rgba(0, 0, 0, 0.1);
 } }
- 
  
 .ns-0 #p-cactions li, .ns-0 #p-cactions li,
Line 567: Line 740:
 .ns-0 #p-cactions .selected span { .ns-0 #p-cactions .selected span {
   background-color: rgb(255, 255, 241);   background-color: rgb(255, 255, 241);
 +  font-size: 14px;
 } }
  
 div.pBody, div.pBody,
 .ns-0 #content { .ns-0 #content {
-  background-color: rgba(255, 255, 241, 0.75);+  /* background-color: rgba(255, 255, 241, 0.75); */ 
 +  background: linear-gradient(rgba(255, 255, 241, 0.75), rgba(255, 255, 241, 1.0) 900px);
 } }
  
Line 591: Line 766:
   margin: 0 0 1em 2em;   margin: 0 0 1em 2em;
   background: linear-gradient(to right, rgba(204, 153, 0, 0.2), rgba(204, 153, 0, 0.15), rgba(255, 255, 255, 0) 100%) no-repeat,   background: linear-gradient(to right, rgba(204, 153, 0, 0.2), rgba(204, 153, 0, 0.15), rgba(255, 255, 255, 0) 100%) no-repeat,
-              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 612: Line 786:
   border-image-width: 16px 16px 16px 16px;   border-image-width: 16px 16px 16px 16px;
   border-image-repeat: repeat round;   border-image-repeat: repeat round;
 +  border-top-width: 20px;
 +  border-left-width: 20px;
 +  border-right-width: 20px;
 +  border-bottom-width: 3px;
 } }
  
Line 618: Line 796:
   margin: 1em 1em 1em 1.5em;   margin: 1em 1em 1em 1.5em;
   border: 15px solid khaki;   border: 15px solid khaki;
- 
   border-image-source: url('/lib/tpl/monobook/user/parchbd.png’);   border-image-source: url('/lib/tpl/monobook/user/parchbd.png’);
   border-image-slice: 30;   border-image-slice: 30;
Line 636: Line 813:
   background-size: 150px 150px;   background-size: 150px 150px;
   object-fit: contain;   object-fit: contain;
-  padding-left: 4px; 
   image-rendering: -webkit-optimize-contrast;   image-rendering: -webkit-optimize-contrast;
 +}
 +
 +#p-logo a,
 +#p-logo a:hover {
 +  margin-left: 11px;
 } }
  
Line 647: Line 828:
   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: 12pt;+  font-size: 14px;
 } }
  
Line 655: Line 836:
 h4, h4,
 h5 { h5 {
-  font-family: Jorvik;+  font-family: Protest Revolution;
   background-color: inherit;   background-color: inherit;
   padding: 0;   padding: 0;
   padding-top: 12px !important;   padding-top: 12px !important;
   padding-bottom: 0 !important;   padding-bottom: 0 !important;
-  word-spacing: 2px; +  line-height: 85%;
-  line-height: 90%;+
   clear: left; /* ideally 'both’, but problems with toc */   clear: left; /* ideally 'both’, but problems with toc */
 } }
  
 h1 { h1 {
-  font-size: 260% !important; +  font-size: 250% !important; 
-  font-weight: bold !important; +  /* font-weight: bold !important; */ 
-  color: #804800 !important; +  text-shadow: 1.25px 1.25px 1.5px #888; 
-  text-shadow: 2px 2px 3px #888;+  color: #883300 !important;
   border-bottom: 3px groove rgba(153, 102, 0, 0.8) !important;   border-bottom: 3px groove rgba(153, 102, 0, 0.8) !important;
 } }
Line 675: Line 855:
 h2 { h2 {
   font-size: 225% !important;   font-size: 225% !important;
-  font-weight: bold !important; +  /* font-weight: bold !important; */ 
-  color: #885000 !important; +  color: #8b3300 !important; 
-  text-shadow: 1.5px 1.5px 2px #989898;+  font-style: normal; 
 +  text-shadow: 1.0px 1.0px 1.25px #989898;
   border-bottom: 2px double #668899 !important;   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: 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));
Line 685: Line 866:
 h3 { h3 {
   font-size: 200% !important;   font-size: 200% !important;
-  font-weight: bold !important;+  /* font-weight: bold !important; */ 
 +  color: #903300 !important;
   font-style: normal !important;   font-style: normal !important;
-  color: #905800 !important; +  text-shadow: 0.75px 0.75px 0.75px #aaa;
-  text-shadow: 1.25px 1.25px 1px #aaa;+
   border-bottom: 1px solid rgba(102, 136, 153, 0.6) !important;   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: 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));
Line 695: Line 876:
  
 h4 { h4 {
-  font-size: 180% !important; +  font-size: 175% !important; 
-  font-weight: bold !important;+  /* font-weight: bold !important; */
   font-style: normal !important;   font-style: normal !important;
-  color: #996000 !important; +  color: #943300 !important; 
-  text-shadow: 1px 1px 1px #a8a8a8; +  line-height: 95%; 
-/* +  text-shadow: 0.5px 0.5px 0.5px #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: 150% !important;   font-size: 150% !important;
-  font-weight: bold !important;+  /* font-weight: bold !important; */
   font-style: normal !important;   font-style: normal !important;
-  color: #a06600 !important; +  color: #993300 !important; 
-  text-shadow: 1px 1px 1px #a8a8a8;+  line-height: 95%; 
 +  text-shadow: 0.35px 0.35px 0.35px #c0c0c0; 
 +} 
 + 
 +#p-toc { 
 +  padding-top: 1.2em;
 } }
  
Line 736: Line 918:
  
 a:hover { a:hover {
-  text-shadow: 0px 0px 4px rgba(51, 168, 240, 0.35);+  text-shadow: 0px 0px 4px rgba(51, 168, 240, 0.50);
   text-decoration: underline !important;   text-decoration: underline !important;
  
Line 776: Line 958:
  
 #bodyContent div div.catlinks.noprint { #bodyContent div div.catlinks.noprint {
-  font-family: Alegreja; +  font-family: Souvenir; 
-  font-size: 60%;+  font-size: 16px !important;
   background-color: #f9f9ff;   background-color: #f9f9ff;
   background-color: rgba(249, 249, 249, 0.75);   background-color: rgba(249, 249, 249, 0.75);
Line 920: Line 1102:
 a.idx_dir, a.idx_dir,
 div#bodyContent a { div#bodyContent a {
-  font-size: 18px;+  font-size: 16px;
 } }
  
 div#bodyContent td { div#bodyContent td {
-  font-size: 18px;+  font-size: 16px;
 } }
  
Line 951: Line 1133:
 div.catlinks.noprint p, div.catlinks.noprint p,
 div.catlinks.noprint a.breadcrumbs { div.catlinks.noprint a.breadcrumbs {
-  font-size: 10px !important;+  font-size: 12px !important;
 } }
  
 div.tags a div.tags a
  {  {
-  font-size: 16px !important;+  font-size: 18px !important;
 } }
  
Line 1019: Line 1201:
 .ppt { .ppt {
   font-style: italic;   font-style: italic;
-  font-size: 180% !important;+  font-size: 160% !important;
   filter: drop-shadow(2px 2px 2px #000000) !important;   filter: drop-shadow(2px 2px 2px #000000) !important;
 } }
Line 1027: Line 1209:
 } }
  
 +div#bodyContent a.mediafile.mf_pdf {
 +  padding-left: 25px;
 +}
 +
 +li#tab-export-text {
 +  margin-left: 1.6em;
 +}
 +
 +/* To fix the space between the tabs and the top of the content */
 +#p-cactions {
 +  top: 1.3em;
 +}
 +
 +
 +div#p-cactions.portlet ul li {
 +  font-size: 16px;
 +}

Trace:

That which does not kill you gives you XP