Continued work on new Appy GUI.
This commit is contained in:
Gaetan Delannay
parent
377a322faa
commit
7ff56a6520
38 changed files with 1179 additions and 1289 deletions
gen/plone25/templates
|
|
@ -1,82 +0,0 @@
|
|||
/* Appy-specific IE-fixes */
|
||||
.portletSearch { font-size: 85%; border-left: 1px solid #8cacbb; border-right: 1px solid #8cacbb; }
|
||||
|
||||
/* Stylesheet with Internet Explorer-specific workarounds. */
|
||||
* html #portal-columns { width: 100%; }
|
||||
* html*#portal-columns { width: auto; }
|
||||
|
||||
/* <dtml-with base_properties> */
|
||||
#topIcons { right: 238px; }
|
||||
#portal-globalnav { margin-top: -1px; }
|
||||
#portal-globalnav th { height: 32px; }
|
||||
.navTreeItem a, dd.portletItem .navTreeItem a { font-size: 105%; }
|
||||
#portlet-navigation-tree { margin-top: 8px; }
|
||||
.navigation-section-header { height: 28px; }
|
||||
#portal-globalnav a { font-size: 110%; }
|
||||
#portal-column-two .portletHeader { font-size:110%; padding-bottom:11px; }
|
||||
#portlet-hp-news .portletHeader { margin-top: 1px; }
|
||||
.section-ncp-home .portletHeader { font-size:110%; }
|
||||
input { margin-bottom: 1px; }
|
||||
table.listing td.top { position: relative; left: -1px; top: -1px; }
|
||||
div#portal-columns div.portlet { text-align: left; }
|
||||
div#portal-columns div#portal-column-one,
|
||||
div#portal-columns div#portal-column-two { overflow: hidden; }
|
||||
textarea { width: 97%; }
|
||||
.visualOverflow { width: 88%; }
|
||||
.visualGhosted { filter:alpha(opacity=20); }
|
||||
#portal-logo {
|
||||
height /**/: <dtml-var "_[logoName].height">px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#clear-space-before-wrapper-table { display: none };
|
||||
/* Fix bottom margin on tabs in IE */
|
||||
#portal-globalnav li.selected a { position: relative; }
|
||||
#portal-colophon .colophonIcon { height: 0px !important; height /**/: 15px; }
|
||||
.actionMenu .actionMenuHeader a { display: inline; }
|
||||
.actionMenu .actionMenuContent { top: 1.4em; }
|
||||
|
||||
/* Calendar fixes */
|
||||
.ploneCalendar { border-collapse:collapse; width:auto; height:1%; }
|
||||
.ploneCalendar td { width:1%; }
|
||||
.ploneCalendar .todaynoevent,
|
||||
.ploneCalendar .todayevent { position: relative; }
|
||||
.hiddenStructure { position: absolute; }
|
||||
|
||||
body { /* These work in IE only, changes the look of the scrollbar + textareas */
|
||||
scrollbar-base-color: &dtml-globalBackgroundColor;;
|
||||
scrollbar-highlight-color: &dtml-globalBackgroundColor;;
|
||||
scrollbar-track-color: &dtml-evenRowBackgroundColor;;
|
||||
scrollbar-darkshadow-color: &dtml-evenRowBackgroundColor;;
|
||||
scrollbar-3dlight-color: &dtml-globalBorderColor;;
|
||||
scrollbar-shadow-color: &dtml-globalBorderColor;;
|
||||
scrollbar-arrow-color: &dtml-globalFontColor;;
|
||||
}
|
||||
|
||||
#floatholder, #float { height: 1%; }
|
||||
* html .link-external,
|
||||
* html .link-external a,
|
||||
* html .link-mailto a,
|
||||
* html .link-mailto { height: 1%; }
|
||||
* html .visualIEFloatFix,
|
||||
* html h1,
|
||||
* html h2,
|
||||
* html h3,
|
||||
* html h4,
|
||||
* html h5,
|
||||
* html h6,
|
||||
* html dd,
|
||||
* html .documentDescription,
|
||||
* html .visualClear,
|
||||
* html .portalMessage,
|
||||
* html .portalWarningMessage,
|
||||
* html .portalStopMessage,
|
||||
* html .system-message,
|
||||
* html #error-handling,
|
||||
* html .documentContent { height: 0.1%; }
|
||||
* html p { position: relative; }
|
||||
* html h1.documentFirstHeading { height: auto; }
|
||||
* html #objectMenu.actionMenu .actionMenuContent li { height: auto; }
|
||||
#portal-searchbox { overflow: hidden; }
|
||||
|
||||
/* </dtml-with> */
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<html xmlns:tal="http://xml.zope.org/namespaces/tal"
|
||||
xmlns:metal="http://xml.zope.org/namespaces/metal"
|
||||
i18n:domain="<!applicationName!>">
|
||||
<body>
|
||||
<div metal:define-macro="portlet"
|
||||
tal:define="tool python: context.<!toolInstanceName!>;"
|
||||
tal:condition="python: tool.showPortlet(context)">
|
||||
<metal:block metal:use-macro="here/global_defines/macros/defines" />
|
||||
<metal:prologue use-macro="here/skyn/page/macros/prologue"/>
|
||||
<dl tal:define="rootClasses tool/getRootClasses;
|
||||
appName string:<!applicationName!>;
|
||||
appFolder tool/getAppFolder" class="portlet">
|
||||
<metal:content use-macro="here/skyn/portlet/macros/portletContent"/>
|
||||
</dl>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,20 +1,11 @@
|
|||
/* <dtml-var "enableHTTPCompression(request=REQUEST, debug=1, css=1)"> (this is for http compression) */
|
||||
/* <dtml-with base_properties> (do not remove this :) */
|
||||
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
|
||||
|
||||
textarea { width: 99%; }
|
||||
|
||||
#portal-breadcrumbs { display: none; }
|
||||
#importedElem { color: grey; font-style: italic; }
|
||||
label { font-weight: bold; font-style: italic; line-height: 1.4em; font-size: 92%;}
|
||||
.discreet { font-size: 94%; }
|
||||
.appyList { line-height: 1.1em; margin: 0 0 0.5em 1.2em; padding: 0; }
|
||||
.appyBullet { margin: 0; }
|
||||
.appyPod { float:right; }
|
||||
.appyNav { padding: 0.4em 0 0.4em 0; }
|
||||
.appyFocus { color: #900101; }
|
||||
.appyTitle { padding-top: 0.5em; font-size: 110%; }
|
||||
.appyWorkflow { text-align: center; background-color: &dtml-globalBackgroundColor;;}
|
||||
|
||||
.appyPlusImg {
|
||||
vertical-align: top;
|
||||
|
|
@ -23,12 +14,6 @@ label { font-weight: bold; font-style: italic; line-height: 1.4em; font-
|
|||
top: -0.55em;
|
||||
}
|
||||
|
||||
.appyPhase {
|
||||
border-style: dashed;
|
||||
border-width: thin;
|
||||
padding: 0 0.6em 0 1em;
|
||||
}
|
||||
|
||||
.appyState {
|
||||
font-size: 85%;
|
||||
font-style: normal;
|
||||
|
|
@ -61,54 +46,6 @@ label { font-weight: bold; font-style: italic; line-height: 1.4em; font-
|
|||
font-size: 105%;
|
||||
}
|
||||
|
||||
/* Following classes are used for displaying status of a phase or state. */
|
||||
.stepDone {
|
||||
background-color: #cde2a7;
|
||||
background-image: url(&dtml-portal_url;/skyn/done.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -1px 7px;
|
||||
}
|
||||
.stepDoneState {
|
||||
background-color: #cde2a7;
|
||||
background-image: url(&dtml-portal_url;/skyn/done.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -1px 4px;
|
||||
}
|
||||
|
||||
.stepCurrent {
|
||||
background-color: #eef3f5;
|
||||
background-image: url(&dtml-portal_url;/skyn/current.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -1px 7px;
|
||||
}
|
||||
.stepCurrentState {
|
||||
background-color: #eef3f5;
|
||||
background-image: url(&dtml-portal_url;/skyn/current.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -1px 4px;
|
||||
}
|
||||
|
||||
.stepFuture {
|
||||
background-color: #ffffff;
|
||||
color: #C8C8C8;
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.stepUnselected {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.appyCommonInfo {
|
||||
border-color: #ffa500;
|
||||
background-color: &dtml-evenRowBackgroundColor;;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* With fields layout in columns, standard error frame is too large */
|
||||
.odd { background-color: white; }
|
||||
|
||||
/* Tooltip */
|
||||
a.tooltip span {
|
||||
display:none;
|
||||
|
|
@ -126,18 +63,6 @@ a.tooltip:hover span {
|
|||
}
|
||||
|
||||
/* Table styles */
|
||||
.no-style-table {
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.no-style-table td {
|
||||
border: 0 !important;
|
||||
padding-left: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
line-height: 1em;
|
||||
border: 2px solid #8CACBB;
|
||||
|
|
@ -145,41 +70,6 @@ fieldset {
|
|||
padding: 0 0.7em 0.5em;
|
||||
}
|
||||
|
||||
th {
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.section1 {
|
||||
font-size: 120%;
|
||||
margin: 0.45em 0em 0.1em 0;
|
||||
padding: 0.3em 0em 0.2em 0.1em;
|
||||
background-color: #eef3f5;
|
||||
border-top: 1px solid #8CACBB;
|
||||
border-bottom: 1px solid #8CACBB;
|
||||
}
|
||||
|
||||
.section2 {
|
||||
font-size: 110%;
|
||||
font-style: italic;
|
||||
margin: 0.45em 0em 0.1em 0;
|
||||
border-bottom: 2px solid #8CACBB;
|
||||
}
|
||||
|
||||
.section3 {
|
||||
font-size: 100%;
|
||||
font-style: italic;
|
||||
margin: 0.45em 0em 0.1em 0;
|
||||
background-color: #efeae8;
|
||||
text-align: center;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.imageInput {
|
||||
border-width: 0px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.noPadding {
|
||||
padding-right: 0em !important;
|
||||
padding-left: 0em !important;
|
||||
|
|
@ -238,14 +128,6 @@ th {
|
|||
text-transform: none;
|
||||
padding: 1px 0.5em;
|
||||
}
|
||||
.portletAppyItem {
|
||||
margin: 0;
|
||||
padding: 1px 0.5em;
|
||||
border-left: 1px solid #8cacbb;
|
||||
border-right: 1px solid #8cacbb;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.portletSearch {
|
||||
padding: 0 0 0 0.6em;
|
||||
font-style: normal;
|
||||
|
|
@ -256,53 +138,10 @@ th {
|
|||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
.portletSep { border-top: 1px dashed #8cacbb; }
|
||||
|
||||
.portletGroupItem { padding-left: 0.8em; font-style: italic; }
|
||||
.portletPageItem { font-style: italic; }
|
||||
.portletCurrent { font-weight: bold; }
|
||||
.portletMenu { margin-bottom: 0.4em; }
|
||||
|
||||
div.appyGrey {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:gray;
|
||||
filter:alpha(Opacity=50);
|
||||
opacity:0.5;
|
||||
-moz-opacity:0.5;
|
||||
-khtml-opacity:0.5
|
||||
}
|
||||
div.appyPopup {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 35%;
|
||||
width: 350px;
|
||||
z-index : 100;
|
||||
background: white;
|
||||
padding: 8px;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
.translationLabel {
|
||||
background-color: #EAEAEA;
|
||||
border-bottom: 1px dashed grey;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* Uncomment this if you want to hide breadcrumbs */
|
||||
/*
|
||||
#portal-breadcrumbs {
|
||||
display: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/* </dtml-with> */
|
||||
|
||||
/* image-right, but without border */
|
||||
.image-right {
|
||||
border:0px solid Black;
|
||||
|
|
@ -311,47 +150,4 @@ div.appyPopup {
|
|||
margin:0.5em;
|
||||
}
|
||||
|
||||
/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */
|
||||
|
||||
/* You can insert colors and other variables from Plone's
|
||||
base_properties by doing:
|
||||
& dtml-variableName ; (without the spaces, excluded here to not make it render)
|
||||
|
||||
Example:
|
||||
myLink {
|
||||
color: & dtml-fontColor ; (again, without the spaces)
|
||||
}
|
||||
This means you can generate your own elements that use Plone's defaults,
|
||||
and respect any customizations people have done. See base_properties for
|
||||
the default values.
|
||||
|
||||
These are the available properties:
|
||||
logoName - the file name of the portal logo.
|
||||
fontFamily - the font family used for all text that is not headers
|
||||
fontBaseSize - the base font size that everything is calculated from
|
||||
fontColor - the main font color
|
||||
backgroundColor - the background color
|
||||
linkColor - the color used on normal links
|
||||
linkActiveColor - color used on active links
|
||||
linkVisitedColor - color used on visited links
|
||||
borderWidth - the width of most borders in Plone
|
||||
borderStyle - the style of the border lines, normally solid
|
||||
borderStyleAnnotations - style of border lines on comments etc
|
||||
globalBorderColor - the border color used on the main tabs, the portlets etc
|
||||
globalBackgroundColor - background color for the selected tabs, portlet headings etc
|
||||
globalFontColor - the color of the font in the tabs and in portlet headings
|
||||
headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines.
|
||||
headingFontBaseSize - the base size used when calculating the different headline sizes
|
||||
contentViewBorderColor - the content view tabs border color
|
||||
contentViewBackgroundColor - the content view tabs background color
|
||||
contentViewFontColor - the font color used in the content view tabs
|
||||
textTransform - whether to lowercase text in portlets, tabs etc.
|
||||
evenRowBackgroundColor - the background color of even rows in listings
|
||||
oddRowBackgroundColor - the background color of even rows in listings
|
||||
notifyBorderColor - border color of notification elements like the status message, the calendar focus
|
||||
notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
|
||||
discreetColor:string=#999999
|
||||
helpBackgroundColor:string=#ffffe1
|
||||
*/
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +0,0 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
|
||||
i18n:domain="<!applicationName!>">
|
||||
<body>
|
||||
<div id="portal-colophon" metal:define-macro="colophon">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -66,10 +66,8 @@ applicationGlobalRoles = [<!gRoles!>]
|
|||
grantableRoles = [<!grRoles!>]
|
||||
|
||||
# Configuration options
|
||||
showPortlet = <!showPortlet!>
|
||||
languages = [<!languages!>]
|
||||
languageSelector = <!languageSelector!>
|
||||
minimalistPlone = <!minimalistPlone!>
|
||||
appFrontPage = <!appFrontPage!>
|
||||
sourceLanguage = '<!sourceLanguage!>'
|
||||
# ------------------------------------------------------------------------------
|
||||
|
|
|
|||
|
|
@ -1,7 +0,0 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
|
||||
i18n:domain="<!applicationName!>">
|
||||
<body>
|
||||
<div id="portal-footer" metal:define-macro="portal_footer">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue