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

This website is using cookies. More info. That's Fine