#if($portalMode == "standard")## standard mode
#set($_actions = $layoutDecoration.actions)
Added: pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/.styles.css.swp
===================================================================
(Binary files differ)
Property changes on: pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/.styles.css.swp
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/styles.css
===================================================================
--- pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/styles.css 2007-12-29 13:37:38 UTC (rev 770)
+++ pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/styles.css 2008-01-03 12:42:43 UTC (rev 771)
@@ -0,0 +1,454 @@
+/*
+Copyright 2008 Portal Application Laboratory
+
+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.layout-default {
+ height: auto;
+ background-color: #ffffff;
+ color: #000000;
+ font-family: Arial, sans-serif;
+ font-size: 10pt;
+ margin: 0;
+ padding: 0;
+}
+
+div.layout-default {
+ margin: 0;
+ padding: 0;
+}
+
+.layout-default #container {
+ width: 100%;
+ height: auto;
+ margin: 0;
+ padding: 0;
+ text-align: left;
+}
+
+.layout-default #header {
+ margin: 0;
+ padding: 0;
+}
+
+.layout-default #header-topbar {
+ margin: 0;
+ padding: 0;
+}
+
+.layout-default #header-topbar a:link {
+ color: #0000ee;
+}
+
+.layout-default #header-topbar a:visited {
+ color: #0000ee;
+}
+
+.layout-default #header-topbar a:hover {
+ color: #0000ee;
+}
+
+.layout-default #header-topbar .breadcrumbs {
+ float: left;
+}
+
+.layout-default #header-topbar .breadcrumbs .list {
+ margin: 0;
+ padding: 5px;
+}
+
+.layout-default #header-topbar .folder {
+ float: right;
+}
+
+.layout-default #header-topbar .folder ul {
+ margin: 0;
+ padding: 0;
+}
+
+.layout-default #header-topbar .folder ul li {
+ list-style: none;
+ margin:0px;
+ padding:5px;
+ float: left;
+}
+
+.layout-default #header-topbar .folder span.title {
+ font-weight: bold;
+}
+
+.layout-default #header-topbar .folder ul li #new-folder-link img {
+ vertical-align: middle;
+ margin-right: 2px;
+}
+
+
+.layout-default #header-body {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ border-top: 1px solid #a9a9a9;
+}
+
+.layout-default #header-body a:link {
+ color: #0000ee;
+}
+
+.layout-default #header-body a:hover {
+ color: #0000ee;
+}
+
+.layout-default #header-body a:visited {
+ color: #0000ee;
+}
+
+.layout-default #header-body .content {
+ margin: 0px 30px;
+ padding: 0;
+}
+
+.layout-default #header-body .content .logo {
+ margin: 0;
+ padding: 0;
+ float: left;
+}
+
+.layout-default #header-body .content .logo img {
+ border:0px;
+ padding: 5px;
+}
+
+.layout-default #header-body .info {
+ float: right;
+ padding: 10px 0px;
+ text-align: right;
+}
+
+.layout-default #header-body .info .login {
+}
+
+.layout-default #header-body .info .login a {
+ text-decoration: none;
+}
+
+.layout-default #header-body .info .login a:hover {
+ text-decoration: underline;
+}
+
+.layout-default #header-bottombar {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 25px;
+ line-height: 23px;
+}
+
+.layout-default #header-bottombar ul {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+.layout-default #header-bottombar ul li {
+ list-style: none;
+ float: left;
+ height: 25px;
+ line-height: 23px;
+}
+
+.layout-default #header-bottombar ul li.first {
+ width: 20px;
+ border-bottom: 1px solid #a9a9a9;
+}
+
+.layout-default #header-bottombar ul li.selected {
+ display: block;
+ border-top: 1px solid #a9a9a9;
+ border-left: 1px solid #a9a9a9;
+ border-right: 1px solid #a9a9a9;
+}
+
+.layout-default #header-bottombar ul li.selected span {
+ display: inline;
+ white-space: pre;
+ padding: 0px 10px;
+}
+
+.layout-default #header-bottombar ul li.selected span a {
+ text-decoration: none;
+ color: #0000ee;
+}
+
+.layout-default #header-bottombar ul li.selected span a:visited {
+ color: #0000ee;
+}
+
+.layout-default #header-bottombar ul li.selected span a:hover {
+}
+
+.layout-default #header-bottombar ul li.selectable {
+ display: block;
+ border: 1px solid #a9a9a9;
+ height: 24px;
+ background-color: #dcdcdc;
+}
+
+.layout-default #header-bottombar ul li.selectable span {
+ display: inline;
+ white-space: pre;
+ padding: 0px 10px;
+}
+
+.layout-default #header-bottombar ul li.selectable span a {
+ text-decoration: none;
+ color: #0000ee;
+}
+
+.layout-default #header-bottombar ul li.selectable span a:visited {
+ color: #0000ee;
+}
+
+.layout-default #header-bottombar ul li.selectable span a:hover {
+}
+
+.layout-default #header-bottombar ul li.new-page {
+ display: block;
+ border-bottom: 1px solid #a9a9a9;
+ padding-left: 5px;
+ margin-right: -5px;
+}
+
+.layout-default #header-bottombar #new-page-link img {
+ vertical-align: middle;
+ margin-right: 2px;
+}
+
+.layout-default #header-bottombar #add-portlet-link img {
+ vertical-align: middle;
+ margin-right: 2px;
+}
+
+.layout-default #header-bottombar #edit-page-link img {
+ vertical-align: middle;
+ margin-right: 2px;
+}
+
+.layout-default #header-bottombar ul li.menu {
+ float: none;
+ border-bottom: 1px solid #a9a9a9;
+ text-align: right;
+ padding-right: 10px;
+}
+
+.layout-default #header-bottombar ul li.spacer {
+ width: 5px;
+ border-bottom: 1px solid #a9a9a9;
+}
+
+.layout-default #core {
+ clear: both;
+ padding: 20px 0px;
+}
+
+.layout-default #core-content {
+ margin-left: 2%;
+ width: 96%;
+}
+
+.layout-default #core-content .portal-layout-column {
+ min-height: 400px;
+}
+
+.layout-default #core-content .sortHelper {
+ border: 3px dashed #666;
+ width: auto !important;
+}
+
+* html .layout-default #core-content .portal-layout-column {
+ height:400px;
+}
+
+.layout-default #new-page-dialog {
+ position: absolute;
+ left: 50%;
+ top: 20%;
+ margin-left: -250px;
+ margin-top: -50px;
+ text-align: center;
+ width: 500px;
+ background-color: #eeeeee;
+ padding: 3px;
+ z-index: 9000;
+ display: none;
+}
+
+.layout-default #new-page-dialog form {
+ padding: 0;
+ margin: 0;
+}
+
+.layout-default #new-page-dialog h3.title {
+ text-align: left;
+ color: #333333;
+ font-size: 11pt;
+ padding: 3px;
+ margin: 0;
+}
+
+.layout-default #new-page-dialog .content {
+ text-align: left;
+ background-color: #ffffff;
+ padding: 5px 3px;
+ margin: 0px;
+}
+
+.layout-default #new-page-dialog .content .data {
+ height: 30px;
+}
+
+.layout-default #new-page-dialog .content .data .label {
+ float: left;
+ text-align: right;
+ width: 200px;
+ padding-right: 10px;
+}
+
+.layout-default #new-page-dialog .content .action {
+ text-align: center;
+}
+
+.layout-default #new-folder-dialog {
+ position: absolute;
+ left: 50%;
+ top: 20%;
+ margin-left: -250px;
+ margin-top: -50px;
+ text-align: center;
+ width: 500px;
+ background-color: #eeeeee;
+ padding: 3px;
+ z-index: 9000;
+ display: none;
+}
+
+.layout-default #new-folder-dialog form {
+ padding: 0;
+ margin: 0;
+}
+
+.layout-default #new-folder-dialog h3.title {
+ text-align: left;
+ color: #333333;
+ font-size: 11pt;
+ padding: 3px;
+ margin: 0;
+}
+
+.layout-default #new-folder-dialog .content {
+ text-align: left;
+ background-color: #ffffff;
+ padding: 5px 3px;
+ margin: 0px;
+}
+
+.layout-default #new-folder-dialog .content .data {
+ height: 30px;
+}
+
+.layout-default #new-folder-dialog .content .data .label {
+ float: left;
+ text-align: right;
+ width: 200px;
+ padding-right: 10px;
+}
+
+.layout-default #new-folder-dialog .content .action {
+ text-align: center;
+}
+
+.layout-default #add-portlet-dialog {
+ position: absolute;
+ left: 50%;
+ top: 20%;
+ margin-left: -250px;
+ margin-top: -50px;
+ text-align: center;
+ width: 500px;
+ background-color: #eeeeee;
+ padding: 3px;
+ z-index: 9000;
+ display: none;
+}
+
+.layout-default #add-portlet-dialog form {
+ padding: 0;
+ margin: 0;
+}
+
+.layout-default #add-portlet-dialog h3.title {
+ text-align: left;
+ color: #333333;
+ font-size: 11pt;
+ padding: 3px;
+ margin: 0;
+}
+
+.layout-default #add-portlet-dialog .content {
+ text-align: left;
+ background-color: #ffffff;
+ padding: 5px 3px;
+ margin: 0px;
+}
+
+.layout-default #add-portlet-dialog .content .data {
+ height: 30px;
+}
+
+.layout-default #add-portlet-dialog .content .data .label {
+ float: left;
+ text-align: right;
+ width: 200px;
+ padding-right: 10px;
+}
+
+.layout-default #add-portlet-dialog .content .action {
+ text-align: center;
+}
+
+.layout-default #footer {
+ border-top: 1px solid #a9a9a9;
+ width: 100%;
+ padding: 20px 0px;
+ margin: 0;
+ text-align: center;
+}
+
+.layout-default #dialog-overlay {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 100%;
+ width: 100%;
+ opacity: 0.6;
+ filter: Alpha(opacity=60);
+ visibility: visible;
+ background-color: #000000;
+ padding: 0;
+ margin: 0;
+ z-index: 8000;
+}
+
+
+
Property changes on: pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/styles.css
___________________________________________________________________
Name: svn:eol-style
+ native
Added: pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/styles.css.orig
===================================================================
--- pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/styles.css.orig 2007-12-29 13:37:38 UTC (rev 770)
+++ pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/css/styles.css.orig 2008-01-03 12:42:43 UTC (rev 771)
@@ -0,0 +1,302 @@
+/*
+Copyright 2008 Portal Application Laboratory
+
+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 {
+ height: auto;
+ background: #ffffff;
+ color: #000000;
+ font-family: Arial, sans-serif;
+ font-size: 10pt;
+ margin: 0;
+ padding: 0;
+}
+
+.layout-default #container {
+ width: 100%;
+ height: auto;
+ margin: 0;
+ padding: 0;
+ text-align:left;
+}
+
+.layout-default #header {
+ margin: 0;
+ padding: 0;
+}
+
+.layout-default #header-topbar {
+ margin: 0;
+ padding: 0;
+ border-bottom: 1px solid #b6d5eb;
+}
+
+.layout-default #header-body {
+ margin: 0;
+ padding: 0;
+}
+
+.layout-default #header-bottombar {
+ margin: 0;
+ padding: 0;
+}
+
+
+
+
+
+/**
+ This white-space setting is VERY important as it keeps content from "spilling"
+ outside of portlets.
+ */
+
+a:link, a:visited {
+ color: #335599;
+ text-decoration: underline;
+}
+
+a:hover {
+ color: #4466aa;
+}
+
+body.layout-default
+{
+ margin: 0;
+ padding: 0;
+}
+
+
+#portal-page-actions A img
+{
+ display: inline;
+}
+
+#portal-page-actions
+{
+ text-align:right;
+}
+
+.layout-default .layout-edit-bar
+{
+ width: 100%;
+ padding-top: 5px;
+ font-size: 8pt;
+ color: blue;
+ overflow:hidden;
+ clip:auto;
+}
+
+.layout-default .layout-edit-bar label,
+.layout-default .layout-edit-bar input,
+.layout-default .layout-edit-bar select
+{
+ font-size: 8pt;
+ color: blue;
+}
+
+.layout-default .layout-edit-bar input
+{
+ font-size: 8pt;
+}
+
+.layout-default .layout-edit-bar-left
+{
+ display:inline;
+ float:left;
+}
+
+.layout-default .layout-edit-bar-right
+{
+ display:inline;
+ float:right;
+ padding-right: 5px;
+}
+
+.layout-default .portlet-edit-bar select
+{
+ font-size: 8pt;
+ color: blue;
+}
+
+
+
+.layout-default #navbar {
+ position:relative;
+ top:25px;
+ margin:0px;
+ padding:0px;
+ width:800px;
+ height:30px;
+ background-image: url(../images/tab_bg.gif);
+}
+
+/* the links in the navigationbar are an unordered list */
+.layout-default #navbar ul {
+ margin:0px;
+ padding:0px;
+}
+
+.layout-default #navbar li {
+ list-style: none;
+ margin:0px;
+ padding:0px;
+ height:30px;
+ float: left;
+}
+.layout-default #navbar a {
+ float: left;
+ text-decoration: none;
+ margin:0px;
+ padding: 8px 5px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ font-weight: bold;
+ color: #ffffff;
+}
+.layout-default #navbar a:hover {
+ background: #71758a;
+ color: #ffffff;
+}
+.layout-default #navbar span {
+ float: left;
+ text-decoration: none;
+ margin:0px;
+ padding: 8px 5px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ font-weight: bold;
+ color: #ffffff;
+}
+
+.layout-default #navbar img {
+ background-color:#ffffff;
+ float:right;
+ margin:0px;
+ padding: 0px;
+}
+
+/* the core contains all the site contents */
+.layout-default #core {
+ clear:both;
+ position:relative;
+ top:30px;
+ width: 800px;
+ height: auto;
+ margin-top: 5px;
+ padding:0px 1px;
+}
+
+.layout-default #breadcrumbs {
+ border-top: 1px dotted #666;
+ border-bottom: 1px dotted #666;
+ voice-family: "\"}\"";
+ voice-family: inherit;
+ font-size: x-small;
+ padding: 3px 8px;
+ margin: 3px;
+}
+
+.layout-default #breadcrumbs a {
+ text-decoration: none;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 10px;
+ color:#12248d;
+}
+
+/* the navigationbar in the header */
+.layout-default #subnavbar {
+ position:relative;
+ top:25px;
+ margin:0px;
+ padding:0px;
+ width:800px;
+ height:30px;
+}
+
+/* the links in the navigationbar are an unordered list */
+.layout-default #subnavbar ul {
+ margin:0px;
+ padding:0px;
+}
+
+.layout-default #subnavbar li {
+ list-style: none;
+ margin:0px;
+ padding:0px;
+ height:30px;
+ float: left;
+}
+.layout-default #subnavbar span {
+ float: left;
+ text-decoration: none;
+ margin:0px;
+ padding: 5px 2px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ font-weight: bold;
+ color: #666666;
+}
+.layout-default #subnavbar a {
+ text-decoration: none;
+}
+.layout-default #subnavbar a:hover {
+ color: #0000ff;
+}
+
+/* the corecenter contains the center part of the core */
+.layout-default #corecenter {
+ margin:2px;
+ width: 796px;
+ height: auto;
+}
+.layout-default #corecenter .portlet {
+ margin:1px;
+}
+
+/* the footer contains all copyright info etcetera */
+.layout-default #footer {
+ clear: both;
+ width: 800px;
+ height: 30px;
+ vertical-align: middle;
+ text-align: right;
+ font-family: Arial Black, Verdana, Arial, Helvetica, sans-serif;
+ font-size: 10px;
+ background-image: url(../images/footer_bg.gif);
+ border: 1px solid #dedede;
+ margin-bottom:10px;
+ margin-top:10px;
+ /*position:relative;*/
+ /*top:30px;*/
+}
+.layout-default #footer div {
+ color: #666666;
+ padding: 5px 20px;
+}
+.layout-default #footer a {
+ color: #666666;
+}
+
+.layout-default .sortHelper {
+ border: 3px dashed #666;
+ width: auto !important;
+}
+
+.layout-default .portal-layout-column {
+ min-height: 400px;
+}
+* html .layout-default .portal-layout-column {
+ height:400px;
+}
Added: pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/decorator-macros.vm
===================================================================
--- pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/decorator-macros.vm 2007-12-29 13:37:38 UTC (rev 770)
+++ pal-portal/trunk/portal/files/src/webapp/decorations/layout/default/decorator-macros.vm 2008-01-03 12:42:43 UTC (rev 771)
@@ -0,0 +1,309 @@
+
+
+
+
+
+
+
+
+
+#* define navigation constants *#
+#macro (defineNavigationConstants)
+ #set($LEFT_TO_RIGHT = "LeftToRight")
+ #set($RIGHT_TO_LEFT = "RightToLeft")
+ #set($TOP_TO_BOTTOM = "TopToBottom")
+ #set($BOTTOM_TO_TOP = "BottomToTop")
+ #set($TITLE_FIRST = "TitleFirst")
+ #set($TITLE_LAST = "TitleLast")
+ #set($BREADCRUMBS_STYLE = "BreadcrumbsStyle")
+#end
+
+#* include tabs navigation component *#
+#macro (includeTabsNavigation $_menu $_orientation)
+
+ #foreach($element in $_menu.elements.iterator())
+ #if($element.elementType == "option")
+ #set($tabTitle = $element.getTitle($preferedLocale))
+ #set($tabName = $element.getShortTitle($preferedLocale))
+ #if($_orientation == $LEFT_TO_RIGHT)
+ #if($element.isSelected($site))
+ - ${tabName}
+ #else
+ #set($tabUrl = $jetspeed.getAbsoluteUrl($element.url))
+ - ${tabName}
+ #end
+ #end
+ #end
+ #end
+
+
+#end
+
+#macro (includeMenuNavigation $_menu $_orientation)
+ #set($sepa="")
+
+ #foreach($element in $_menu.elements.iterator())
+ #if($element.elementType == "option")
+ #set($tabTitle = $element.getTitle($preferedLocale))
+ #set($tabName = $element.getShortTitle($preferedLocale))
+ #if($_orientation == $TOP_TO_BOTTOM)
+ #if($element.isSelected($site))
+ ? ${tabName}
- ${tabName}
+ #else
+ #set($tabUrl = $jetspeed.getAbsoluteUrl($element.url))
+ - ${tabName}
+ #end
+ #end
+ #end
+ #set($sepa="- |
")
+ #end
+
+#end
+
+#* include links navigation component *#
+#macro (includeLinksNavigation $_menu $_orientation $_title $_style $_delimiter)
+ #if(!$_delimiter || $_delimiter == "")
+ #if($_style != $BREADCRUMBS_STYLE)
+ #set($_delimiter = " ")
+ #else
+ #set($_delimiter = " >> ")
+ #end
+ #end
+ #set($menuTitle = $_menu.getTitle($preferedLocale))
+ #set($menuName = $_menu.getShortTitle($preferedLocale))
+
+
+ #if($_title == $TITLE_FIRST)
+ #if($_orientation == $LEFT_TO_RIGHT)
+
+
${menuName}
+ #elseif($_orientation == $TOP_TO_BOTTOM)
+
+
${menuName}
+ #end
+ #end
+ #foreach($element in $_menu.elements.iterator())
+ #if($element.elementType == "option")
+ #set($linkTitle = $element.getTitle($preferedLocale))
+ #set($linkName = $element.getShortTitle($preferedLocale))
+ #set($linkUrl = $jetspeed.getAbsoluteUrl($element.url))
+ #if($_style != $BREADCRUMBS_STYLE || $element.type != "page" || $velocityCount < $_menu.elements.size())
+ #if($_orientation == $LEFT_TO_RIGHT)
+
+
+ #elseif($_orientation == $TOP_TO_BOTTOM)
+
+
+ #end
+ #if($element.type == "page")
+
+
${linkName}
+ #elseif($element.type == "link")
+
+
${linkName}
+ #elseif($element.type == "folder")
+
+
${linkName}
+ #else
+
+
${linkName}
+ #end
+ #if($_orientation == $LEFT_TO_RIGHT)
+ ${_delimiter}
+ #elseif($_orientation == $TOP_TO_BOTTOM)
+
+
${linkName}
+ #end
+ #end
+ #elseif($element.elementType == "separator")
+ #set($separatorTitle = $element.getTitle($preferedLocale))
+ #set($separatorText = $element.getText($preferedLocale))
+ #if($_orientation == $LEFT_TO_RIGHT)
+
+ ${separatorText}${_delimiter}
+ #elseif($_orientation == $TOP_TO_BOTTOM)
+
+ ${separatorText}
+ #end
+ #end
+ #end
+ #if($_title == $TITLE_LAST)
+ #if($_orientation == $LEFT_TO_RIGHT)
+
+ ${menuName}
+ #elseif($_orientation == $TOP_TO_BOTTOM)
+
+ ${menuName}
+ #end
+ #end
+
+
+#end
+
+#* include nested menu links navigation component *#
+#macro (includeNestedLinksWithIconNavigation $_menu $_orientation)
+ #set($menuTitle = $_menu.getTitle($preferedLocale))
+ #set($menuName = $_menu.getShortTitle($preferedLocale))
+ #if($menuName)
+
${menuName}
+ #end
+
+ #foreach($element in $_menu.elements.iterator())
+ #if($element.elementType == "option")
+ #set($linkTitle = $element.getTitle($preferedLocale))
+ #set($linkName = $element.getShortTitle($preferedLocale))
+ #set($linkUrl = $jetspeed.getAbsoluteUrl($element.url))
+ #if($element.type == "page")
+
+ #elseif($element.type == "link")
+ #set($linkTarget = $element.target)
+
+ #elseif($element.type == "folder")
+
+ #end
+ #elseif($element.elementType == "menu")
+ #includeNestedLinksWithIconNavigation($element $_orientation)
+ #elseif($element.elementType == "separator")
+ #set($separatorTitle = $element.getTitle($preferedLocale))
+ #set($separatorText = $element.getText($preferedLocale))
+
${separatorText}
+ #end
+ #end
+
+#end
+
+#* include top level menu links navigation component *#
+#macro (includeLinksWithIconNavigation $_menu $_orientation)
+ #set($itemIndex = 1)
+ #set($rowStarted = false)
+ #set($elementsStarted = false)
+
+
+ #foreach($element in $_menu.elements.iterator())
+ #if($element.elementType == "option")
+ #if(!$rowStarted)
+
+#*
+
+ |
+ |