You are viewing a plain text version of this content. The canonical link for it is here.
Posted to svn@forrest.apache.org by cr...@apache.org on 2005/04/11 16:30:07 UTC
svn commit: r160885 [2/2] - in forrest/site/0.7: images/ skin/ skin/css/
skin/images/ skin/scripts/ skins/
Added: forrest/site/0.7/skin/screen.css
URL: http://svn.apache.org/viewcvs/forrest/site/0.7/skin/screen.css?view=auto&rev=160885
==============================================================================
--- forrest/site/0.7/skin/screen.css (added)
+++ forrest/site/0.7/skin/screen.css Mon Apr 11 07:30:03 2005
@@ -0,0 +1,535 @@
+/*
+* Copyright 2002-2004 The Apache Software Foundation or its licensors,
+* as applicable.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+body { margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; }
+
+h1 { font-size : 160%; margin: 0px 0px 0px 0px; padding: 0px; }
+h2 { font-size : 140%; margin: 0.9em 0px 0px 0px; padding: 0px; font-weight : bold;}
+h3 { font-size : 130%; margin: 0.8em 0px 0px 0px; padding: 0px; font-weight : bold; }
+.h3 { margin: 22px 0px 3px 0px; }
+h4 { font-size : 120%; margin: 0.7em 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
+.h4 { margin: 18px 0px 0px 0px; }
+h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; text-align: left; }
+h5 { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
+
+/**
+* table
+*/
+table .title { background-color: #000000; }
+.ForrestTable {
+ color: #ffffff;
+ background-color: #7099C5;
+ width: 100%;
+ font-size : 100%;
+ empty-cells: show;
+}
+table caption {
+ padding-left: 5px;
+ color: white;
+ text-align: left;
+ font-weight: bold;
+ background-color: #000000;
+}
+.ForrestTable td {
+ color: black;
+ background-color: #f0f0ff;
+}
+.ForrestTable th { text-align: center; }
+/**
+ * Page Header
+ */
+
+#top {
+ position: relative;
+ float: left;
+ width: 100%;
+ background: #294563; /* if you want a background in the header, put it here */
+}
+
+#top .breadtrail {
+ background: #CFDCED;
+ color: black;
+ border-bottom: solid 1px white;
+ padding: 3px 10px;
+ font-size: 75%;
+}
+#top .breadtrail a { color: black; }
+
+#top .header {
+ float: left;
+ width: 100%;
+ background: url("images/header_white_line.gif") repeat-x bottom;
+}
+
+#top .grouplogo {
+ padding: 7px 0 10px 10px;
+ float: left;
+ text-align: left;
+}
+#top .projectlogo {
+ padding: 7px 0 10px 10px;
+ float: left;
+ width: 33%;
+ text-align: right;
+}
+#top .projectlogoA1 {
+ padding: 7px 0 10px 10px;
+ float: right;
+}
+html>body #top .searchbox {
+ bottom: 0px;
+}
+#top .searchbox {
+ position: absolute;
+ right: 10px;
+ height: 42px;
+ font-size: 70%;
+ white-space: nowrap;
+ text-align: right;
+ color: white;
+ background-color: #000000;
+ z-index:0;
+ background-image: url(images/rc-t-l-5-1header-2searchbox-3searchbox.png);
+ background-repeat: no-repeat;
+ background-position: top left;
+ bottom: -1px; /* compensate for IE rendering issue */
+}
+
+#top .searchbox form {
+ padding: 5px 10px;
+ margin: 0;
+}
+#top .searchbox p {
+ padding: 0 0 2px 0;
+ margin: 0;
+}
+#top .searchbox input {
+ font-size: 100%;
+}
+
+#tabs {
+ clear: both;
+ padding-left: 10px;
+ margin: 0;
+ list-style: none;
+}
+/* background: #CFDCED url("images/tab-right.gif") no-repeat right top;*/
+#tabs li {
+ float: left;
+ background-image: url(images/rc-t-r-5-1header-2tab-unselected-3tab-unselected.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+ background-color: #000000;
+ margin: 0 3px 0 0;
+ padding: 0;
+}
+
+/*background: url("images/tab-left.gif") no-repeat left top;*/
+#tabs li a {
+ float: left;
+ display: block;
+ font-family: verdana, arial, sans-serif;
+ text-decoration: none;
+ color: black;
+ white-space: nowrap;
+ background-image: url(images/rc-t-l-5-1header-2tab-unselected-3tab-unselected.png);
+ background-repeat: no-repeat;
+ background-position: top left;
+ padding: 5px 15px 4px;
+ width: .1em; /* IE/Win fix */
+}
+
+#tabs > li a { width: auto; } /* Rest of IE/Win fix */
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#tabs a { float: none; }
+/* End IE5-Mac hack */
+
+#top .header .current {
+ background-color: #4C6C8F;
+ background-image: url(images/rc-t-r-5-1header-2tab-selected-3tab-selected.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+#top .header .current a {
+ font-weight: bold;
+ padding-bottom: 5px;
+ color: white;
+ background-image: url(images/rc-t-l-5-1header-2tab-selected-3tab-selected.png);
+ background-repeat: no-repeat;
+ background-position: top left;
+}
+#publishedStrip {
+ padding-right: 10px;
+ padding-left: 20px;
+ padding-top: 3px;
+ padding-bottom:3px;
+ color: #ffffff;
+ font-size : 60%;
+ font-weight: bold;
+ background-color: #4C6C8F;
+ text-align:right;
+}
+
+#level2tabs {
+margin: 0;
+float:left;
+position:relative;
+}
+
+/*
+* border-top: solid #4C6C8F 15px;
+*/
+#main {
+ position: relative;
+ background: white;
+ clear:both;
+}
+#main .breadtrail {
+ clear:both;
+ position: relative;
+ background: #CFDCED;
+ color: black;
+ border-bottom: solid 1px black;
+ border-top: solid 1px black;
+ padding: 0px 180px;
+ font-size: 75%;
+ z-index:10;
+}
+/**
+* Round corner
+*/
+#roundtop {
+ background-image: url(images/rc-t-r-15-1body-2menu-3menu.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
+#roundbottom {
+ background-image: url(images/rc-b-r-15-1body-2menu-3menu.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
+img.corner {
+ width: 15px;
+ height: 15px;
+ border: none;
+ display: block !important;
+}
+
+.roundtopsmall {
+ background-image: url(images/rc-t-r-5-1header-2searchbox-3searchbox.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
+#roundbottomsmall {
+ background-image: url(images/rc-b-r-5-1header-2tab-selected-3tab-selected.png);
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
+img.cornersmall {
+ width: 5px;
+ height: 5px;
+ border: none;
+ display: block !important;
+}
+/**
+ * Side menu
+ */
+#menu a { font-weight: normal;}
+#menu a:visited { font-weight: normal; }
+#menu a:active { font-weight: normal; }
+#menu a:hover { font-weight: normal; }
+
+#menuarea { width:10em;}
+#menu {
+ position: relative;
+ float: left;
+ width: 160px;
+ padding-top: 0px;
+ top:-18px;
+ left:10px;
+ z-index: 20;
+ background-color: #f90;
+ font-size : 70%;
+}
+
+.menutitle {
+ cursor:pointer;
+ padding: 3px 12px;
+ margin-left: 10px;
+ background-image: url('images/chapter.gif');
+ background-repeat: no-repeat;
+ background-position: center left;
+ font-weight : bold;
+}
+
+#menu .menuitemgroup {
+ margin: 0px 0px 6px 8px;
+ padding: 0px;
+ font-weight : bold; }
+
+#menu .selectedmenuitemgroup{
+ margin: 0px 0px 6px 8px;
+ padding: 0px;
+ font-weight : bold; }
+
+#menu .menuitem {
+ padding: 0px 0px 2px 12px;
+ background-image: url('images/page.gif');
+ background-repeat: no-repeat;
+ background-position: center left;
+ font-weight : normal;
+ margin-left: 10px;
+}
+
+#menu .menupage {
+ margin: 5px 0px 5px 10px;
+ padding: 0px 3px 0px 12px;
+ background-image: url('images/current.gif');
+ background-repeat: no-repeat;
+ background-position: top left;
+ font-style : normal;
+}
+#menu .menupagetitle {
+ padding: 0px 0px 0px 6px;
+ font-style : normal;
+ border-style: solid;
+ border-width: 1px;
+ margin-right: 10px;
+}
+#menu .menupageitemgroup {
+ padding: 3px 0px 4px 6px;
+ font-style : normal;
+ border-bottom: 1px solid ;
+ border-left: 1px solid ;
+ border-right: 1px solid ;
+ margin-right: 10px;
+}
+#menu .menupageitem {
+ font-style : normal;
+ font-weight : normal;
+ border-width: 0px;
+ font-size : 90%;
+}
+#menu #credit {
+ text-align: center;
+}
+
+#content {
+ padding: 20px 20px 20px 180px;
+ margin: 0;
+ font : small Verdana, Helvetica, sans-serif;
+ font-size : 80%;
+}
+
+#content ul {
+ margin: 0;
+ padding: 0 25px;
+}
+#content li {
+ padding: 0 5px;
+}
+#feedback {
+ color: black;
+ background: #CFDCED;
+ text-align:center;
+ margin-top: 5px;
+}
+#feedback #feedbackto {
+ font-size: 90%;
+ color: black;
+}
+#footer {
+ clear: both;
+ position: relative; /* IE bugfix (http://www.dracos.co.uk/web/css/ie6floatbug/) */
+ width: 100%;
+ background: #CFDCED;
+ border-top: solid 1px #4C6C8F;
+ color: black;
+}
+#footer .copyright {
+ position: relative; /* IE bugfix cont'd */
+ padding: 5px;
+ margin: 0;
+ width: 45%;
+}
+#footer .lastmodified {
+ position: relative; /* IE bugfix cont'd */
+ float: right;
+ width: 45%;
+ padding: 5px;
+ margin: 0;
+ text-align: right;
+}
+#footer a { color: white; }
+
+#footer #logos {
+ text-align: left;
+}
+
+
+/**
+ * Misc Styles
+ */
+
+acronym { cursor: help; }
+.boxed { background-color: #a5b6c6;}
+.underlined_5 {border-bottom: solid 5px #4C6C8F;}
+.underlined_10 {border-bottom: solid 10px #4C6C8F;}
+/* ==================== snail trail ============================ */
+
+.trail {
+ position: relative; /* IE bugfix cont'd */
+ font-size: 70%;
+ text-align: right;
+ float: right;
+ margin: -10px 5px 0px 5px;
+ padding: 0;
+}
+
+#motd-area {
+ position: relative; /* IE bugfix cont'd */
+ float: right;
+ width: 35%;
+ background-color: #f0f0ff;
+ border-top: solid 1px #4C6C8F;
+ border-bottom: solid 1px #4C6C8F;
+ margin-bottom: 15px;
+ margin-left: 15px;
+ margin-right: 10%;
+ padding-bottom: 5px;
+ padding-top: 5px;
+}
+
+#minitoc-area {
+ border-top: solid 1px #4C6C8F;
+ border-bottom: solid 1px #4C6C8F;
+ margin-bottom: 15px;
+ margin-left: 15px;
+ margin-right: 10%;
+ padding-bottom: 5px;
+ padding-top: 5px;
+}
+.minitoc {
+ list-style-image: url('images/current.gif');
+ font-weight: normal;
+}
+
+li p {
+ margin: 0;
+ padding: 0;
+}
+
+.pdflink {
+ position: relative; /* IE bugfix cont'd */
+ float: right;
+ margin: 0px 5px;
+ padding: 0;
+}
+.pdflink br {
+ margin-top: -10px;
+ padding-left: 1px;
+}
+.pdflink a {
+ display: block;
+ font-size: 70%;
+ text-align: center;
+ margin: 0;
+ padding: 0;
+}
+
+.pdflink img {
+ display: block;
+ height: 16px;
+ width: 16px;
+}
+.xmllink {
+ position: relative; /* IE bugfix cont'd */
+ float: right;
+ margin: 0px 5px;
+ padding: 0;
+}
+.xmllink br {
+ margin-top: -10px;
+ padding-left: 1px;
+}
+.xmllink a {
+ display: block;
+ font-size: 70%;
+ text-align: center;
+ margin: 0;
+ padding: 0;
+}
+
+.xmllink img {
+ display: block;
+ height: 16px;
+ width: 16px;
+}
+.podlink {
+ position: relative; /* IE bugfix cont'd */
+ float: right;
+ margin: 0px 5px;
+ padding: 0;
+}
+.podlink br {
+ margin-top: -10px;
+ padding-left: 1px;
+}
+.podlink a {
+ display: block;
+ font-size: 70%;
+ text-align: center;
+ margin: 0;
+ padding: 0;
+}
+
+.podlink img {
+ display: block;
+ height: 16px;
+ width: 16px;
+}
+
+.printlink {
+ float: right;
+}
+.printlink br {
+ margin-top: -10px;
+ padding-left: 1px;
+}
+.printlink a {
+ display: block;
+ font-size: 70%;
+ text-align: center;
+ margin: 0;
+ padding: 0;
+}
+.printlink img {
+ display: block;
+ height: 16px;
+ width: 16px;
+}
+
+p.instruction {
+ display: list-item;
+ list-style-image: url('../images/instruction_arrow.png');
+ list-style-position: outside;
+ margin-left: 2em;
+}
\ No newline at end of file
Propchange: forrest/site/0.7/skin/screen.css
------------------------------------------------------------------------------
svn:eol-style = native
Added: forrest/site/0.7/skin/skinconf.xsl
URL: http://svn.apache.org/viewcvs/forrest/site/0.7/skin/skinconf.xsl?view=auto&rev=160885
==============================================================================
--- forrest/site/0.7/skin/skinconf.xsl (added)
+++ forrest/site/0.7/skin/skinconf.xsl Mon Apr 11 07:30:03 2005
@@ -0,0 +1,153 @@
+<?xml version="1.0"?>
+<!--
+ Copyright 2002-2004 The Apache Software Foundation or its licensors,
+ as applicable.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+
+ <xsl:template match="skinconfig">
+
+ <xsl:if test="not(colors)">
+ <colors>
+<!-- Lenya -->
+ <color name="header" value="#ffffff"/>
+
+ <color name="tab-selected" value="#4C6C8F" link="#ffffff" vlink="#ffffff" hlink="#ffffff"/>
+ <color name="tab-unselected" value="#E5E4D9" link="#000000" vlink="#000000" hlink="#000000"/>
+ <color name="subtab-selected" value="#4C6C8F" link="#ffffff" vlink="#ffffff" hlink="#ffffff"/>
+ <color name="subtab-unselected" value="#E5E4D9" link="#000000" vlink="#000000" hlink="#000000"/>
+
+ <color name="heading" value="#E5E4D9"/>
+ <color name="subheading" value="#E5E4D9"/>
+ <color name="published" value="#4C6C8F" font="#FFFFFF"/>
+ <color name="feedback" value="#4C6C8F" font="#FFFFFF" align="center"/>
+ <color name="navstrip" value="#E5E4D9" font="#000000"/>
+
+ <color name="toolbox" value="#CFDCED" font="#000000"/>
+
+ <color name="border" value="#999999"/>
+ <color name="menu" value="#4C6C8F" font="#ffffff" link="#ffffff" vlink="#ffffff" hlink="#ffffff" />
+ <color name="menuheading" value="#cfdced" font="#000000" />
+ <color name="searchbox" value="#E5E4D9" font="#000000"/>
+
+ <color name="dialog" value="#E5E4D9" font="#000000"/>
+ <color name="body" value="#ffffff" />
+
+ <color name="table" value="#ccc"/>
+ <color name="table-cell" value="#ffffff"/>
+ <color name="highlight" value="#ffff00"/>
+ <color name="fixme" value="#cc6600"/>
+ <color name="note" value="#006699"/>
+ <color name="warning" value="#990000"/>
+ <color name="code" value="#003366"/>
+
+ <color name="footer" value="#E5E4D9"/>
+ </colors>
+ </xsl:if>
+
+ <xsl:copy>
+ <xsl:copy-of select="@*"/>
+ <xsl:copy-of select="node()[not(name(.)='colors')]"/>
+ <xsl:apply-templates select="colors"/>
+ </xsl:copy>
+
+ </xsl:template>
+
+ <xsl:template match="colors">
+ <xsl:copy>
+ <xsl:copy-of select="@*"/>
+ <xsl:copy-of select="node()[name(.)='color']"/>
+
+ <xsl:if test="not(color[@name='header'])">
+ <color name="header" value="#FFFFFF"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='tab-selected'])">
+ <color name="tab-selected" value="#4C6C8F" link="#ffffff" vlink="#ffffff" hlink="#ffffff"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='tab-unselected'])">
+ <color name="tab-unselected" value="#E5E4D9" link="#000000" vlink="#000000" hlink="#000000"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='subtab-selected'])">
+ <color name="subtab-selected" value="#4C6C8F" link="#ffffff" vlink="#ffffff" hlink="#ffffff"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='subtab-unselected'])">
+ <color name="subtab-unselected" value="#E5E4D9" link="#000000" vlink="#000000" hlink="#000000"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='heading'])">
+ <color name="heading" value="#E5E4D9"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='subheading'])">
+ <color name="subheading" value="#E5E4D9"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='published'])">
+ <color name="feedback" value="#4C6C8F" font="#FFFFFF" align="center"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='published'])">
+ <color name="published" value="#4C6C8F" font="#FFFFFF"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='navstrip'])">
+ <color name="navstrip" value="#E5E4D9" font="#000000"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='toolbox'])">
+ <color name="toolbox" value="#CFDCED" font="#000000"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='border'])">
+ <color name="border" value="#999999"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='menu'])">
+ <color name="menu" value="#4C6C8F" font="#ffffff" link="#ffffff" vlink="#ffffff" hlink="#ffffff" />
+ </xsl:if>
+ <xsl:if test="not(color[@name='menuheading'])">
+ <color name="menuheading" value="#cfdced" font="#000000" />
+ </xsl:if>
+ <xsl:if test="not(color[@name='searchbox'])">
+ <color name="searchbox" value="#E5E4D9" font="#000000"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='dialog'])">
+ <color name="dialog" value="#E5E4D9" font="#000000" link="#000000" vlink="#000000" hlink="#000000"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='body'])">
+ <color name="body" value="#ffffff" />
+ </xsl:if>
+ <xsl:if test="not(color[@name='table'])">
+ <color name="table" value="#ccc"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='table-cell'])">
+ <color name="table-cell" value="#ffffff"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='highlight'])">
+ <color name="highlight" value="#ffff00"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='fixme'])">
+ <color name="fixme" value="#c60"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='note'])">
+ <color name="note" value="#069"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='warning'])">
+ <color name="warning" value="#900"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='code'])">
+ <color name="code" value="#a5b6c6"/>
+ </xsl:if>
+ <xsl:if test="not(color[@name='footer'])">
+ <color name="footer" value="#E5E4D9"/>
+ </xsl:if>
+
+ </xsl:copy>
+
+ </xsl:template>
+
+</xsl:stylesheet>
Propchange: forrest/site/0.7/skin/skinconf.xsl
------------------------------------------------------------------------------
svn:eol-style = native
Added: forrest/site/0.7/skins/skins.xml
URL: http://svn.apache.org/viewcvs/forrest/site/0.7/skins/skins.xml?view=auto&rev=160885
==============================================================================
--- forrest/site/0.7/skins/skins.xml (added)
+++ forrest/site/0.7/skins/skins.xml Mon Apr 11 07:30:03 2005
@@ -0,0 +1,51 @@
+<?xml version="1.0"?>
+<!--
+ Copyright 2002-2004 The Apache Software Foundation or its licensors,
+ as applicable.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<!DOCTYPE skins [
+ <!ENTITY % links.att 'name CDATA #REQUIRED'>
+ <!ENTITY % link.att 'name CDATA #REQUIRED href CDATA #REQUIRED'>
+ <!ELEMENT skins (skin*)>
+ <!ELEMENT skin (description)>
+ <!ATTLIST skin name CDATA #REQUIRED
+ url CDATA #REQUIRED
+ author CDATA #REQUIRED
+ website CDATA #IMPLIED>
+ <!ELEMENT description (#PCDATA)>
+ ]>
+
+<skins>
+ <skin name="testskin"
+ author="Nicola Ken Barozzi"
+ website="http://www.nicolaken.com"
+ url="http://www.apache.org/~nicolaken/whiteboard/forrestskins/">
+ <description>
+ Based on the standard forrest-site skin.
+ (Note: This is only a test skin, with trivial changes to demonstrate
+ the concept.)
+ </description>
+ </skin>
+ <skin name="testskin2"
+ author="Nicola Ken Barozzi"
+ website="http://www.nicolaken.com"
+ url="http://www.apache.org/~nicolaken/whiteboard/forrestskins/">
+ <description>
+ Based on the standard forrest-site skin.
+ (Note: This is only a test skin, with trivial changes to demonstrate
+ the concept.)
+ </description>
+ </skin>
+</skins>
Propchange: forrest/site/0.7/skins/skins.xml
------------------------------------------------------------------------------
svn:eol-style = native