Skyloom Skin
This topic is for storing images and styles for custom branding of Skyloom Wiki.
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
SkyloomSkinStyle.css
Saved file:
SkyloomSkinStyle.css
/*SkyloomSkinStyle*/
@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'
}
};
1;
Files
- skyloom_logo_small.png:
- skyloom_logo_med_tan.png:
- sl_logo_header.png: