home *** CD-ROM | disk | FTP | other *** search
/ PC Professionell 2004 December / PCpro_2004_12.ISO / files / webserver / xampp / xampp-cocoon-addon-1.4.9-installer.exe / document.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-07-12  |  9.6 KB  |  465 lines
  1. /*
  2. * Copyright 1999-2004 The Apache Software Foundation
  3. *
  4. * Licensed under the Apache License, Version 2.0 (the "License");
  5. * you may not use this file except in compliance with the License.
  6. * You may obtain a copy of the License at
  7. *
  8. *     http://www.apache.org/licenses/LICENSE-2.0
  9. *
  10. * Unless required by applicable law or agreed to in writing, software
  11. * distributed under the License is distributed on an "AS IS" BASIS,
  12. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. * See the License for the specific language governing permissions and
  14. * limitations under the License.
  15. */
  16. /*===============================================================
  17.   A CSS stylesheet for the document DTD, version 1.0
  18.   
  19.   $Id: document.css,v 1.2 2004/03/06 06:16:50 antonio Exp $
  20.  
  21.   PURPOSE:
  22.     This CSS allows wysiwyg edition of xdocs with a CSS2-enabled
  23.     XML editor.
  24.  
  25.   TYPICAL INVOCATION:
  26.     <?xml-stylesheet type="text/css" href="css/document.css"?>
  27.  
  28.   AUTHORS:
  29.     Sylvain Wallez <sylvain@apache.org>
  30.     Fabien Tregan
  31.   ===============================================================*/
  32.  
  33. /*===============================================================
  34.   General definitions
  35.   ===============================================================*/
  36. /* A person is a general human entity */
  37. person {
  38.     content: paragraph(attr(name) ' <' attr(email) '>');
  39. }
  40.  
  41. /*===============================================================
  42.   General definitions
  43.   ===============================================================*/
  44.   
  45.     /*====================================================
  46.        Phrase Markup
  47.       ====================================================*/
  48.  
  49. /* Code (typically monospaced) */
  50. code { 
  51.     font-family: monospace;
  52. }
  53.  
  54. /* Strong (typically bold) */
  55. strong { 
  56.     font-weight: bold; 
  57. }
  58.  
  59. /* Emphasis (typically italic) */
  60. em { 
  61.     font-style: italic; 
  62. }
  63.  
  64. /* Superscript (typically smaller and higher) */
  65. sup {
  66.     font-size: .83em;
  67.     vertical-align: super;
  68. }
  69.  
  70. /* Subscript (typically smaller and lower) */
  71. sub { 
  72.     font-size: .83em;
  73.     vertical-align: sub;
  74. }
  75.  
  76.     /*====================================================
  77.        Hypertextual Links
  78.       ====================================================*/
  79. /* Hard replacing link (equivalent of <a ...>) */
  80. link {
  81.     color: #0086b2;
  82.     text-decoration: underline;
  83. }
  84.  
  85. link:after {
  86.     font-style: italic;
  87.     content: ' [' attr(href) '] '
  88. }
  89.  
  90. /* Hard window replacing link (equivalent of <a ... target="_top">) */
  91. jump {
  92.     color: #0086b2;
  93.     text-decoration: underline;
  94. }
  95.  
  96. jump:after {
  97.     font-style: italic;
  98.     content: ' [jump:' attr(href) '] '
  99. }
  100.  
  101. /* Hard window forking link (equivalent of <a ... target="_new">) */
  102. fork {
  103.     color: #0086b2;
  104.     text-decoration: underline;
  105. }
  106.  
  107. fork:after {
  108.     font-style: italic;
  109.     content: ' [fork:' attr(href) '] '
  110. }
  111.  
  112. /* Anchor point (equivalent of <a name="...">) */
  113. anchor:after { 
  114.     content: icon(right-target); 
  115.     color: olive;
  116.     vertical-align: text-top;
  117. }
  118.  
  119. /* Soft link between processed pages (no equivalent in HTML) */
  120. connect {
  121.     color: #0086b2;
  122.     text-decoration: underline;
  123. }
  124.  
  125. connect:after {
  126.     font-style: italic;
  127.     content: ' [connect:' attr(href) '] '
  128. }
  129.  
  130.     /*====================================================
  131.        Specials
  132.       ====================================================*/
  133.  
  134. /* Breakline Object (typically forces line break) */
  135. br:before { 
  136.     content: "\A"; 
  137.     color: olive;
  138. }
  139.  
  140. /* Image Object (typically an inlined image) */
  141. img {
  142.     content: image(attr(src), attr(width), attr(height)) ' [' attr(src) ' - ' attr(alt) ']';
  143. }
  144.  
  145. /* Image Icon (typically an inlined image placed as graphical item) */
  146. icon {
  147.     content: image(attr(src), attr(width), attr(height));
  148. }
  149.  
  150. /*===============================================================
  151.    Blocks definitions
  152.   ===============================================================*/
  153.  
  154.     /*====================================================
  155.        Paragraphs
  156.       ====================================================*/
  157.  
  158. /* Text Paragraph (normally vertically space delimited) */
  159. p {
  160.     display: block;
  161.     margin-top: 1.33ex;
  162.     margin-bottom: 1.33ex;
  163. }
  164.  
  165. /* Source Paragraph (normally space is preserved) */
  166. /* need to center this block !! */
  167. source { 
  168.     display: block;
  169.     white-space: pre;
  170.     background-color: white;
  171.     border: thin solid #0086b2;
  172.     font-family: monospace;
  173.     margin-left: 10ex;
  174.     margin-right: 10ex;
  175. }
  176.  
  177. /* Note Paragraph (normally shown encapsulated) */
  178. note {
  179.     display: block;
  180.     font-style: italic;
  181. }
  182.  
  183. note:before {
  184.     font-weight: bold;
  185.     content: 'Note : ';
  186. }
  187.  
  188. /* Fixme Paragraph (normally not shown) */
  189. fixme {
  190.     display: block;
  191.     font-style: italic;
  192.     color: green;
  193. }
  194.  
  195. fixme:before {
  196.     font-weight: bold;
  197.     font-style: italic;
  198.     color: green;
  199.     content: 'FIXME [' attr(author) '] ';
  200. }
  201.  
  202.     /*====================================================
  203.        Tables
  204.       ====================================================*/
  205.  
  206. /* Table element */
  207. table { 
  208.     display: table;
  209.     border: 1 outset gray;
  210.     margin-top: 1.33ex;
  211.     margin-bottom: 1.33ex;
  212. }
  213.  
  214. /* The table title */
  215. caption { 
  216.     display: table-caption;
  217.     font-style: italic;
  218.     text-align: center;
  219.     margin-left: 2ex;
  220.     margin-right: 2ex;
  221.     margin-top: 2;
  222.     margin-bottom: 2;
  223. }
  224.  
  225. /* The table row element */
  226. tr { 
  227.     display: table-row;
  228.     /*text-align: eval(attr(align));*/
  229. }
  230.  
  231. /* The table row header element */
  232. /* The table row description element */
  233. th, td {
  234.     display: table-cell;
  235.     text-align: eval(attr(align));
  236.     vertical-align: eval(attr(valign));
  237.     row-span: eval(attr(rowspan));
  238.     column-span: eval(attr(colspan));    
  239.     border: 1 inset gray;
  240.     padding: 2;
  241. }
  242. th {
  243.     font-weight: bold;
  244. }
  245.  
  246.     /*====================================================
  247.        Lists
  248.       ====================================================*/
  249.  
  250. /* Unordered list (typically bulleted) */
  251. /* Ordered list (typically numbered) */
  252. /* Simple list (typically with no mark) */
  253. ul, ol, sl { 
  254.     display: block;
  255.     margin-top: 1.33ex;
  256.     margin-bottom: 1.33ex;
  257. }
  258.  
  259. /* List item */
  260. li {
  261.     display: block;
  262. }
  263.  
  264. ul > li {
  265.     margin-left: 2.5ex;
  266. }
  267. ul > li:before {
  268.     display: marker;
  269.     content: disc;
  270. }
  271.  
  272. ol > li {
  273.     margin-left: 6ex;
  274. }
  275. ol > li:before {
  276.     display: marker;
  277.     content: counter(n, decimal);
  278.     font-weight: bold;
  279. }
  280.  
  281. /* Nested lists */
  282. ul ul, ul ol, ul sl,
  283. ol ul, ol ol, ol sl,
  284. sl ul, sl ol, sl sl { 
  285.     margin-top: 0; 
  286.     margin-bottom: 0; 
  287. }
  288.  
  289. /* Definition list (typically two-column) */
  290. dl {
  291.     display: block;
  292.     margin-left: 2ex;
  293.     margin-top: 1.33ex;
  294.     margin-bottom: 1.33ex;
  295. }
  296.  
  297. /* Definition term */
  298. dt {
  299.     display: block;
  300.     font-weight: bold; 
  301. }
  302.  
  303. /* Definition description */
  304. dd { 
  305.     display: block;
  306.     margin-left: 4ex;
  307. }
  308.  
  309.     /*====================================================
  310.        Special Blocks
  311.       ====================================================*/
  312.  
  313. /* Image Block (typically a separated and centered image) */
  314. figure {
  315.     display: block;
  316.     text-align: center;
  317.     /* XXE can display images, but unfortunaltely not concatenate strings to
  318.        handle the organisation of images in the documentation directory
  319.       content: url('../'attr(src), attr(width), attr(height)) '\A[' attr(alt) ']';
  320.     */
  321.     content: '[' attr(alt) ' - ' attr(src) ']';
  322. }
  323.  
  324. /*===============================================================
  325.    Document
  326.   ===============================================================*/
  327. document {
  328.     display: block;
  329. }
  330.  
  331.     /*====================================================
  332.        Header
  333.       ====================================================*/
  334.  
  335. header {
  336.     border: thin solid #0086b2;
  337.     display: block;
  338.     margin-top: .5ex;
  339. }
  340.  
  341. title { 
  342.     display: block;
  343.     color: #ffffff;
  344.     background-color: #0086b2;
  345.     text-align: right;
  346.     font-weight: bold;
  347.     font-size: 2em;
  348. }
  349.  
  350. subtitle {
  351.     display: block;
  352.     color: #ffffff;
  353.     background-color: #0086b2;
  354.     text-align: right;
  355.     font-weight: bold;
  356.     font-size: 1.5em;
  357.     margin-bottom: .8ex;
  358. }
  359.  
  360. version {
  361.     display: block;
  362.     margin-bottom: .8ex;
  363. }
  364. version:before {
  365.     content: 'Version : ';
  366. }
  367.  
  368. type {
  369.     display: block;
  370.     margin-bottom: .8ex;
  371. }
  372. type:before {
  373.     content: 'Type : ';
  374. }
  375.  
  376. authors {
  377.     display: block;
  378.     margin-bottom: .8ex;
  379. }
  380. authors:before {
  381.     text-align: left;
  382.     content: paragraph('Authors : ');
  383. }
  384. /* 'person' in 'authors' */
  385. authors > person {
  386.     display: block;
  387.     margin-left: 5ex;
  388. }
  389.  
  390. notice {
  391.     display: block;
  392.     margin-left: 5ex;
  393.     margin-bottom: .8ex;
  394. }
  395. notice:before {
  396.     display: block;
  397.     content: 'Notice :';
  398. }
  399.  
  400. abstract {
  401.     display: block;
  402.     margin-left: 5ex;
  403.     margin-bottom: .8ex;
  404. }
  405. abstract:before {
  406.     display: block;
  407.     content: 'Abstract :';
  408. }
  409.  
  410.     /*====================================================
  411.        Body
  412.       ====================================================*/
  413. body {
  414.     display: block;
  415.     font-family: sans-serif;
  416. }
  417.  
  418. s1, s2, s3, s4 {
  419.     display:block;
  420. }
  421. s2, s3, s4 {
  422.     margin-left:10pt;
  423. }
  424. s1:before, s2:before, s3:before, s4:before { 
  425.     margin-top:0.5em;
  426.     display: block;
  427.     text-align: left;
  428.     font-weight: bold; 
  429.     color: #0086b2;
  430.     content: paragraph(attr(title));
  431. }
  432. s2:before, s3:before, s4:before {
  433.     margin-left:10pt;
  434. }
  435.  
  436. s1:before {
  437.     font-size:2em;
  438.     border: thin solid white;
  439.     border-bottom-color: #0086b2;
  440. }
  441.  
  442. s2:before {
  443.     font-size:1.6em;
  444. }
  445.  
  446. s3:before {
  447.     font-size:1.2em;
  448. }
  449.  
  450.     /*====================================================
  451.        Footer
  452.       ====================================================*/
  453. footer {
  454.     display: block;
  455.     border: thin solid white;
  456.     border-top-color: #0086b2;
  457.     text-align: center;
  458.     margin-top: 2em;
  459. }
  460.  
  461. legal {
  462.     color: #0086b2;
  463. }
  464.  
  465.