Log inRegister
You are here: Main » Skyloom Skin

Skyloom Skin

This topic is for storing images and styles for custom branding of Skyloom Wiki.

Other Skin-Related topics

Skin Templates

There are a few skin template files located in the {foswiki root}/templates directory that are used to over-ride specific elements of the underlying NatSkin templates. These files all include skyloom in their title.

Style Definitions


Saved file: SkyloomSkinStyle.css

@import url(../../System/JazzyNoteTheme/JazzyNoteStyle.css); 
/* Add Menu Styling */
@import url(../SiteMenu/MenuStyle.css); 
/* Start of Modified Default styles */ 
.natTopBar, .natTopLeft, .natTopRight {
    height: 10em;
.natMiddle {
  border-color: #FEE2C3;
.natBodyBordered.natViewBody div.natMiddle, .natBodyBordered.natViewBody div.natWebMenu, .natBodyBordered.natViewBody div.natTopBar { 
  -webkit-box-shadow: 5px 5px 9px 0px #6B6969;
  -moz-box-shadow: 5px 5px 9px 0px #6B6969;
  box-shadow: 5px 5px 9px 0px #6B6969;
.natTopBar {
    background: url('%PUBURLPATH%/Main/SkyloomSkin/grandfather_header.jpg') repeat-x scroll -250px -10px transparent;
    margin-left: 0px;
    padding-left: 25px;
    max-height: 10em;
.natTopLeft {
    margin-left: -25px;
    background: none;
.natSideBarHeader, .natWebMenu {
    border-bottom: 1px solid #FFCC99;
    border-top: 1px solid #FFCC99;
.natBreadCrumbs a {
    color: #E6A249;
h1, h2, h3, h4, h5, h6 {
    color: #3D3330;
.natSideBar .treeview a:hover, .treeview a:hover, a:hover .foswikiAlert, a:hover {
    color: #FFF;
    background: none repeat scroll 0% 0% #66493B;
    text-decoration: none;
.natTopicActions .natUserAction:hover, .natTopicActions .natTopicAction:hover {
    background-color: #66493B;
    border: 1px solid #66493B;
    color: #FFF;
    border-radius: 2px;
.natTopicActions .natMoreActionsMenu ul li a:hover, .natTopicActions .natMoreActionsMenu ul li .natTopicAction:hover, .natTopicActions .natMoreActionsMenu ul li .natTopicAction:hover span {
    background-color: #66493B;
    color: #FFF;
.foswikiEmulatedLink, .wysiwyg_link, a {
    color: #6E9699;
    text-decoration: underline;
.flip-horizontal { 
    -moz-transform: scaleX(-1); 
    -webkit-transform: scaleX(-1); 
    -o-transform: scaleX(-1); 
    transform: scaleX(-1); 
    -ms-filter: fliph; /*IE*/ 
    filter: fliph; /*IE*/ 
.flip-vertical { 
    -moz-transform: scaleY(-1); 
    -webkit-transform: scaleY(-1); 
    -o-transform: scaleY(-1); 
    transform: scaleY(-1); 
    -ms-filter: flipv; /*IE*/ 
    filter: flipv; /*IE*/ 

NatSkin config settings to enable local skin

In order to enable the local variation of NatSkin, there must be the following .spec file in /foswiki-root/lib/Foswiki/Contrib/NatSkin. This file is current stored there as Config.local which can be used to replace the default .spec file in the case that NatSkin is upgraded and that file is over-written. However, this text is stored as additional security.
# ---+ Extensions
# ---++ NatSkin
# ---+++ Themes
# **PERL**
$Foswiki::cfg{NatSkin}{Themes}{JazzyNote} = {
  baseUrl => '%PUBURLPATH%/%SYSTEMWEB%/JazzyNoteTheme',
  styles => {
    jazzynote => 'JazzyNoteStyle.css'
  variations => {
    green => 'GreenVariation.css',
    red => 'RedVariation.css'
# **PERL**
$Foswiki::cfg{NatSkin}{Themes}{Seaquencia} = {
   baseUrl => '%PUBURLPATH%/%MAINWEB%/SkyloomSkin',
   styles => {
     seaquencia => 'SkyloomSkinStyle.css'



  • skyloom_logo_small.png:
    skyloom logo small.png

  • skyloom_logo_med_tan.png:
    skyloom logo med tan.png

  • sl_logo_header.png:
    sl logo header.png
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Skyloom Wiki? Send feedback
Syndicate this site RSS