Déplacement pour eggification.
[Plinn.git] / Products / Plinn / skins / custom_generic / zpt_stylesheet.css.dtml
diff --git a/Products/Plinn/skins/custom_generic/zpt_stylesheet.css.dtml b/Products/Plinn/skins/custom_generic/zpt_stylesheet.css.dtml
new file mode 100644 (file)
index 0000000..7e67391
--- /dev/null
@@ -0,0 +1,523 @@
+/* <dtml-with base_properties> */
+
+body {  
+  background-color: &dtml-backgroundColor;;
+  color: &dtml-fontColor;;
+  font-family: &dtml-fontFamily;;
+  font-size : &dtml-fontBaseSize;;
+  margin: 0;
+  padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: &dtml-headingFontFamily;;
+}
+
+h1 { 
+  font-size:120%;
+}
+
+h2 { 
+  font-size:110%;
+}
+
+h3 { 
+  font-size:100%;
+}
+
+h4 {
+  font-style: italic;
+}
+
+a:link,
+a:visited,
+a:active { 
+  color: &dtml-linkColor;;
+  text-decoration: none;
+}
+
+a:hover {
+  color: &dtml-linkHoverColor;;
+  text-decoration: none;
+}
+
+form {
+       margin:0;
+}
+
+table.ContentsList tr td {  }
+
+table.ContentsList tr td img {
+  border: 0;
+}
+
+table.FormLayout {
+    width: 99% }
+  
+table.FormLayout dl.FieldHelp dd {
+  font-size : 90% ;
+  font-style : italic}
+  
+table.FormLayout td.ListDefinition {
+  font-style: italic }
+  
+table.FormLayout td.ListName {
+  color: &dtml-fontColor;;
+  font-weight: bold;
+  vertical-align: middle;
+  padding-left: 2px;
+}
+  
+table.FormLayout th {
+  font-weight: bold;
+  text-align: right }
+  
+table.FormLayout tr {
+    vertical-align: top }
+    
+table.FormLayout tr td.TextField {
+  vertical-align: top }
+  
+table.FormLayout tr th.TextField {
+    vertical-align: top }
+    
+table.NewsItems {
+  border: 0 }
+
+table.SearchResults {
+  width: auto }
+
+table.SearchResults tr td img {
+  border: 0 }
+
+table.SearchResults tr th {
+  text-align: left }
+
+table.Wizard {
+  width: auto }
+
+table.Wizard tr {
+  vertical-align: top }
+
+table.Wizard tr th {
+  text-align: right }
+
+td {
+  vertical-align: top }
+
+td.NewsBorder {
+  background-color: #369 }
+
+td.NewsByLine {
+  color: #369;
+  background-color: #ccc;
+  text-align: left;
+  vertical-align: top }
+
+td.NewsListing {
+  color: #fff;
+  font-weight: bold;
+  background-color: #369 }
+
+td.NewsTitle {
+  color: #fff;
+  font-weight: bold;
+  background-color: #369;
+  text-align: center }
+  
+/*
+textarea {
+  width : 99%
+}
+*/
+
+
+/* Top bar */
+
+#Masthead {
+  background-color: &dtml-topbarBackgroundColor;;
+  width: 100%;
+}
+
+#Masthead td {
+  vertical-align: middle;
+  padding:0;
+}
+
+#PortalLogo  {
+  vertical-align: middle;
+}
+
+#PortalLogo img {
+  border: none;
+}
+
+
+#PortalTitle {
+  font-family: &dtml-headingFontFamily;;
+  font-size: 120%;
+  font-weight: bold;
+}
+
+#NavBar { 
+  font-size: &dtml-fontSmallSize;;
+  font-weight: bold;
+}
+
+#NavBar a,
+#NavBar a:link,
+#NavBar a:visited,
+#NavBar a:active {
+  color: &dtml-specialLinkColor;;
+}
+
+#NavBar a:hover {
+  color: &dtml-specialLinkHoverColor;;
+}
+
+
+/* User menu bar */
+
+#MemberActionsBox {
+  width: 100%;
+  background-color: &dtml-memberActionsBoxBackground;;
+  color: &dtml-fontColor;;
+  font-weight: bold ;
+  font-size: &dtml-fontSmallSize;;
+  padding : 0 2px ;
+}
+#MemberActionsBox td {
+       vertical-align: middle;
+}
+
+.ActionTitle {
+  color: &dtml-fontColor;
+}
+
+.ActionLink a:link,
+.ActionLink a:visited,
+.ActionLink a:active { 
+  color: &dtml-specialLinkColor;;
+  text-decoration: none 
+}
+
+.ActionLink a:hover { color: &dtml-specialLinkHoverColor;}
+
+
+/* Breadcrumbs + Search form */  
+#Breadcrumbs {
+  background: &dtml-breadcrumbsBackground;;
+  font-size: &dtml-fontSmallSize;;
+  padding: 0 2px 1px 2px;
+
+}
+
+/* 
+ Main column
+ */
+
+   
+/* Status messages */
+#DesktopStatusBar, .DesktopStatusBar  {
+  background-color: &dtml-messageBackgroundColor;;
+  border: 1px solid &dtml-messageBorderColor;;
+  color: &dtml-messageFontColor;;
+  font-size: &dtml-fontSmallSize;;
+  font-weight: bold;
+  padding-left : 1em;
+  margin-bottom : 6px;
+  vertical-align: middle;
+}
+
+#DesktopStatusBar img, .DesktopStatusBar img {
+  vertical-align: middle; 
+}
+
+/* Content tabs */
+.contentTabs {
+  border-bottom : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
+  border-collapse: collapse;
+  white-space: nowrap;
+  padding-left: 1em;
+  margin: 0;
+}
+
+.contentTabs li, .additionalTabs li { 
+  display: inline;
+  font-size: &dtml-fontSmallSize;;
+}
+
+.contentTabs a,
+.contentTabs a:visited {
+  background-color: &dtml-tabsBackgroundColor;;
+  color: &dtml-tabsFontColor;;
+  margin-right: 0.5em;
+  padding: 0 1em;
+  border-left : 1px dashed &dtml-tabsBorderColor;;
+  border-top : 1px dashed &dtml-tabsBorderColor;;
+  border-right : 1px dashed &dtml-tabsBorderColor;;
+  border-radius:7px 7px 0 0;
+}
+
+.contentTabs a:hover, .contentTabs a:active {
+  background-color: &dtml-tabsBorderColor;;
+  color: &dtml-tabsFontColor;;
+}
+
+.contentTabs .selected a,
+.contentTabs .selected a:visited,
+.contentTabs .selected a:hover {
+  border-left : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
+  border-right : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
+  border-top : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
+  border-bottom : &dtml-tabsBottomBorderSelectedWidth; solid &dtml-selectedTabBackgroundColor;;
+  color: &dtml-tabsFontColor;;
+  background-color : &dtml-selectedTabBackgroundColor;;
+}
+
+.additionalTabs {
+  padding-right : 2em ;
+  text-align : right ;
+  margin : 0 ;
+}
+
+.additionalTabs a, .additionalTabs a:visited {
+  color: &dtml-tabsFontColor;;
+  padding: 0 1em;
+  border-left : 1px dashed &dtml-tabsBorderColor;;
+}
+
+.additionalTabs .selected a {
+  background-color : &dtml-tabsBorderColor;;
+  }
+
+
+#mainCell {
+  padding: 12px 5px;
+}
+#ForematterCell {
+  background: &dtml-contentBackgroundColor;;
+  padding-bottom : 1px ;
+}
+
+/* Header */
+.header {
+  font-family: &dtml-headingFontFamily;;
+  padding: 0 0.5em;
+}
+
+/* Title */
+#DesktopTitle {
+  font-size: 120%;
+  font-weight: bold;
+  color: &dtml-fontColor;;
+  margin : 0 ;
+  padding: 2px;
+  vertical-align : bottom ;
+}
+
+#DesktopTitle img {
+  vertical-align:middle;
+  padding-right: 2px;
+}
+/* Description */
+#DesktopDescription {
+  font-size: &dtml-fontSmallSize;;
+  color: &dtml-descriptionColor;;
+}
+
+/* Content Byline */
+#ContentByLine {
+       color : &dtml-descriptionColor;;
+  background-color: &dtml-bylineBackgroundColor;;
+  font-size: &dtml-fontSmallSize;;
+  text-align: right;
+  padding: 0 1em;
+}
+
+#ContentByLine a {
+
+}
+
+/* Main content */
+#Desktop {
+  padding: 0 0.5em;
+  text-align: justify ;
+}
+
+/* Search form */
+
+#search_form {
+  font-size: &dtml-fontSmallSize;;
+}
+#Footer {
+  background-color : &dtml-footerBackgroundColor;;
+  color: &dtml-fontColor;;
+  font-size: 80%;
+  text-align: center;
+  padding : 3px;
+}
+
+/* Folder contents */
+
+.listing {
+  font-size: &dtml-fontSmallSize;;
+}
+
+.listing th { 
+  background-color: &dtml-listingHeaderBackgroundColor;;
+  text-align: left;
+  padding: 2px 0 1px 4px;
+}
+
+.listing th a,
+.listing a:link,
+.listing a:visited,
+.listing a:active { 
+  color: &dtml-linkColor;;
+}
+
+.listing th a:hover {
+       color: &dtml-linkHoverColor;;
+}
+
+.listing td {
+  padding : 2px ;
+  vertical-align : middle ; 
+}
+
+.listing .odd {
+  background-color: &dtml-oddRowBackgroundColor;;
+}
+.listing .even {
+  background-color: &dtml-evenRowBackgroundColor;;
+}
+
+.listing span.upload-progress {
+  display: block;
+  position:absolute;
+  background:#ef8e32;
+  height:4px;
+  border-radius:2px;
+  width:0;
+  top:3px;
+}
+
+
+/* Batched navigation */
+
+.listingBar {
+  background-color: &dtml-tabsBackgroundColor;;
+  font-size: &dtml-fontSmallSize;;
+  border: 1px solid &dtml-listingBarBorderColor;;
+  padding: 0em 1em;
+  margin:1em 0;
+  text-align: center;
+  vertical-align: top;
+}
+
+.listingBar a,
+.listingBar a:link,
+.listingBar a:visited,
+.listingBar a:active {
+       color : &dtml-linkColor;;
+}
+
+.listingBar a:hover {
+       color : &dtml-linkHoverColor;;
+}
+
+.listingBar a.previous {
+    text-align: left;
+    float: left;
+}
+
+.listingBar a.next {
+    text-align: right;
+    float: right;
+} 
+
+/* Recent news */
+
+.newsItem {
+  font-size:90%;
+  background-color: &dtml-contentBackgroundColor;;
+  margin: 1em 0;
+}
+
+.newsTitle {
+  color: &dtml-fontColor;;
+  font-weight: bold;
+  padding: 0 2px;
+  border: &dtml-tabsBorderWidth; solid &dtml-newsTitleBorderColor;;
+}
+
+.newsTitle a {
+  color: &dtml-fontColor;;
+}
+
+.newsDescription {
+  margin: 0 0.5em;
+}
+
+.newsContent {
+  padding: 0 1em 1em 1em;
+}
+
+.newsContent ul,
+.newsContent li {
+    display: block; 
+    list-style: none;
+    list-style-image: none;
+    margin: 0;
+    padding: 0;
+}
+
+.newsAbout {
+    display: block;
+    color: &dtml-fontColor;;
+    font-size: &dtml-fontSmallSize;;
+    list-style: none;
+    list-style-image: none;
+    float: right;
+    text-align: right;
+}
+
+.newsAbout li {
+    display: inline;
+}
+
+.newsFooter {
+    font-size: &dtml-fontSmallSize;;    
+}
+
+.newsFooter li {
+    display: inline;
+    margin: 0 1em 0 0;
+}
+
+<dtml-comment>
+
+/* Not used */
+
+.ObjectStatus {
+  font-style: italic }
+
+.ContextActionsRow {
+  color: white;
+  background-color: #aaa }
+
+#ContextActionsBox {
+  background-color: #aaa;
+  padding: 0;
+  border: dotted 2px #ffa500 }
+
+#DiscussionAbove {
+  font-style: italic;
+  margin: 8pt 8pt 8pt 16pt;
+  border: dashed 2px #f00 }
+
+</dtml-comment>
+
+/* </dtml-with> */