Mercurial Mercurial > Publidoc / comparison
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Xxe/publidoc.css
changeset 62 2cb99a0b3709
parent 61 0a73f3369312
child 63 60d5d3f81e19
equal deleted inserted replaced
61:0a73f3369312 62:2cb99a0b3709 
    12 /* Head level ============================================================== */
 
    12 /* Head level ============================================================== */
 
    13 
    13 
    14 head {
 
    14 head {
 
    15   display: block; 
    15   display: block; 
    16   margin-bottom: .5em;
 
    16   margin-bottom: .5em;
 
    17   background-color: #ffffee;
 
    17   background-color: #fafafa;
 
    18   padding: 0 .2em 0 .2em;
 
    18   padding: 0 .2em 0 .2em;
 
    19   border: 1px solid #bbbbbb;
 
    19   border: 1px solid #bbbbbb;
 
    20   border-radius: 0.2em;
 
    20   border-radius: 0.2em;
 
    21 }
 
    21 }
 
    22 
    22 
    25  content: element-label();
 
    25  content: element-label();
 
    26  color:  #7f7f7f;
 
    26  color:  #7f7f7f;
 
    27 }
 
    27 }
 
    28 head > title:before { display: none; }
 
    28 head > title:before { display: none; }
 
    29 head > subtitle:before { content: "Sous-titre :"; }
 
    29 head > subtitle:before { content: "Sous-titre :"; }
 
    30 head > identifier:before { content: insert-before-button() " Identifiant :"; }
 
    30 head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; }
 
       
    31 head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; }
 
    31 head > language:before { content: insert-before-button() " Langue :"; }
 
    32 head > language:before { content: insert-before-button() " Langue :"; }
 
    32 head > copyright:before { content: insert-before-button() " Copyright :"; }
 
    33 head > copyright:before { content: insert-before-button() " Copyright :"; }
 
    33 head > author:before { content: insert-before-button() " Auteur :"; }
 
    34 head > author:before { content: insert-before-button() " Auteur :"; }
 
    34 head > publisher:before { content: insert-before-button() " Éditeur :"; }
 
    35 head > publisher:before { content: insert-before-button() " Éditeur :"; }
 
    35 head > date:before { content: insert-before-button() " Date :"; }
 
    36 head > date:before { content: insert-before-button() " Date :"; }
 
    59   color:  #7f7f7f;
 
    60   color:  #7f7f7f;
 
    60   content: " " insert-after-button();
 
    61   content: " " insert-after-button();
 
    61 }
 
    62 }
 
    62 head > annotation:after { content: ""; }
 
    63 head > annotation:after { content: ""; }
 
    63 
    64 
       
    65 language {
 
       
    66   content: combo-box(attribute, "xml:lang", font-size, 75%,
 
       
    67              labels, "Anglais\A Français\A Français (France)\A Espagnol",
 
       
    68              values, "en\A fr\A fr-FR\A, es");
 
       
    69 }
 
    64 
    70 
    65 /* Division level ========================================================== */
 
    71 /* Division level ========================================================== */
 
    66 
    72 
    67 division:before {
 
    73 division:before {
 
    68   color: #7f7f7f;
 
    74   color: #7f7f7f;
 
    81 division:last-child {
 
    87 division:last-child {
 
    82   margin-bottom: 0;
 
    88   margin-bottom: 0;
 
    83 }
 
    89 }
 
    84 
    90 
    85 division > head {
 
    91 division > head {
 
       
    92   background-color: #ffffee;
 
    86   padding: .3em .5em .3em .5em;
 
    93   padding: .3em .5em .3em .5em;
 
    87   border-radius: 0.5em;
 
    94   border-radius: 0.5em;
 
    88 }
 
    95 }
 
    89 
    96 
    90 
    97 
    99   content: collapser() " " insert-before-button() insert-after-button()
 
   106   content: collapser() " " insert-before-button() insert-after-button()
 
   100            " " add-attribute-button() " Topic";
 
   107            " " add-attribute-button() " Topic";
 
   101 }
 
   108 }
 
   102 topic[xml|id]:before {
 
   109 topic[xml|id]:before {
 
   103   content: collapser() " " insert-before-button() insert-after-button()
 
   110   content: collapser() " " insert-before-button() insert-after-button()
 
   104            " " add-attribute-button() " Topic – "
 
   111            " " add-attribute-button() " Topic"
 
   105            " ID = " text-field(attribute, "xml:id", columns, 15, color, black);
 
   112            " – ID = " text-field(attribute, "xml:id", columns, 15, color, black);
 
   106 }
 
   113 }
 
   107 topic[type]:before {
 
   114 topic[type]:before {
 
   108   content: collapser() " " insert-before-button() insert-after-button()
 
   115   content: collapser() " " insert-before-button() insert-after-button()
 
   109            " " add-attribute-button() " Topic – "
 
   116            " " add-attribute-button() " Topic"
 
   110            " Type = " text-field(attribute, type, columns, 10, color, black);
 
   117            " – Type = " text-field(attribute, type, columns, 10, color, black);
 
   111 }
 
   118 }
 
   112 topic[xml|id][type]:before {
 
   119 topic[xml|id][type]:before {
 
   113   content: collapser() " " insert-before-button() insert-after-button()
 
   120   content: collapser() " " insert-before-button() insert-after-button()
 
   114            " Topic – "
 
   121            " Topic"
 
   115            " ID = " text-field(attribute, "xml:id", columns, 15, color, black)
 
   122            " – ID = " text-field(attribute, "xml:id", columns, 15, color, black)
 
   116            "  " icon(diamond)
 
   123            " – Type = " text-field(attribute, type, columns, 10, color, black);
 
   117            " Type = " text-field(attribute, type, columns, 10, color, black);
 
       
   118 }
 
   124 }
 
   119 
   125 
   120 topic {
 
   126 topic {
 
   121   display: block; 
   127   display: block; 
   122   border: 1px solid #ddddcc;
 
   128   border: 1px solid #ddddcc;
 
   127 topic:last-child {
 
   133 topic:last-child {
 
   128   margin-bottom: 0;
 
   134   margin-bottom: 0;
 
   129 }
 
   135 }
 
   130 
   136 
   131 topic > head {
 
   137 topic > head {
 
       
   138   background-color: #ffffee;
 
   132   padding: .3em .5em .3em .5em;
 
   139   padding: .3em .5em .3em .5em;
 
   133   border-radius: 0.5em;
 
   140   border-radius: 0.5em;
 
   134 }
 
   141 }
 
   135 
   142 
   136 
   143 
   137 /* Top level =============================================================== */
 
   144 /* Top level =============================================================== */
 
   138 
   145 
   139 /* Topic ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
       
   140 
       
   141 publidoc > *:before {
 
   146 publidoc > *:before {
 
   142   display: block;
 
   147   display: block;
 
   143   color: #bbbbbb;
 
   148   color: #bbbbbb;
 
   144   background-color: #993333;
 
   149   background: #993333 url('top.png') repeat-x top left;
 
   145   font-weight: bold;
 
   150   font-weight: bold;
 
   146   padding: 1em 5px 1em 5px;
 
   151   padding: 1.2em 5px 1em 5px;
 
   147 }
 
   152 }
 
   148 publidoc > document:before {
 
   153 publidoc > document:before {
 
   149   content: "Document – "
 
   154   content: "Document – "
 
   150            "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
 
   155            "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
 
   151 }
 
   156 }
 
   152 publidoc > topic[xml|id]:before {
 
   157 publidoc > topic[xml|id]:before {
 
   153   content: add-attribute-button() " Topic – "
 
   158   content: add-attribute-button() " Topic – "
 
   154            "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
 
   159            "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
 
   155 }
 
   160 }
 
   156 publidoc > topic[xml|id][type]:before {
 
   161 publidoc > topic[xml|id][type]:before {
 
   157   content: "Topic – "
 
   162   content: "Topic"
 
   158            " ID = " text-field(attribute, "xml:id", columns, 15, color, white)
 
   163            " – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
 
   159            "  " icon(diamond)
 
   164            " – Type = " text-field(attribute, type, columns, 10, color, white);
 
   160            " Type = " text-field(attribute, type, columns, 10, color, white);
 
       
   161 }
 
   165 }
 
   162 
   166 
   163 
   167 
   164 publidoc > * {
 
   168 publidoc > * {
 
   165   display: block; 
   169   display: block; 
   166   margin: 5px;
 
   170   margin: 5px;
 
   167 }
 
   171   padding: 0;
 
   168 
       
   169 publidoc > topic {
 
       
   170   border: 0;
 
   172   border: 0;
 
   171   padding: 0;
 
       
   172 }
 
   173 }
 
   173 
   174 
   174 publidoc > * > head {
 
   175 publidoc > * > head {
 
       
   176   background-color: #ffffee;
 
   175   padding: .3em .5em .3em .5em;
 
   177   padding: .3em .5em .3em .5em;
 
   176   border-radius: 0.5em;
 
   178   border-radius: 0.5em;
 
   177 }
 
   179 }
 
   178 
   180 
   179 
   181 
   180 /* Section level =========================================================== */
 
   182 /* Section level =========================================================== */
 
   181 
   183 
       
   184 section:before {
 
       
   185   color: #7f7f7f;
 
       
   186   content: insert-before-button() insert-button()
 
       
   187            add-attribute-button(icon, icon(plus-box));
 
       
   188 }
 
       
   189 section[type]:before {
 
       
   190   content: insert-before-button() insert-button()
 
       
   191            text(" Type = ", font-size, 75%)
 
       
   192            text-field(attribute, type, columns, 10, color, black, font-size, 75%);
 
       
   193 }
 
       
   194 
   182 section {
 
   195 section {
 
   183   display: block;
 
   196   display: block;
 
   184   margin-bottom: .5em;
 
   197 }
 
   185 }
 
   198 section[type="box"] {
 
   186 section:last-child {
 
   199   margin: .5em 0 .5em 0;
 
   187   margin-bottom: 0;
 
   200   padding: 5px;
 
       
   201   background-color: #e8f0f7;
 
       
   202   border-radius: 0.2em;
 
       
   203 }
 
       
   204 section[type="sign"] { text-align: right; }
 
       
   205 
       
   206 section section {
 
       
   207   margin-left: 1em;  
       
   208 }
 
       
   209 
       
   210 section:after {
 
       
   211   color: #7f7f7f;
 
       
   212   content: insert-after-button();
 
   188 }
 
   213 }
 
   189 
   214 
   190 
   215 
   191 /* Block level ============================================================= */
 
   216 /* Block level ============================================================= */
 
   192 
   217 
   193 p, speech, blockquote, table, media {
 
   218 p:before, speech:before, list:before,
 
   194   display: block;
 
   219 blockquote:before, table:before, media:before {
 
       
   220   display: marker;  
       
   221   content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
 
       
   222            insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
 
       
   223 }
 
       
   224 
       
   225 p, speech, list, blockquote, table, media {
 
       
   226   display: block;
 
       
   227   margin-left: 24px;
 
       
   228   font-size: 110%;
 
       
   229   font-family: serif;
 
   195 }
 
   230 }
 
   196 
   231 
   197 /* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
   232 /* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
   198 
   233 
   199 list {
 
   234 list {
 
   200   display: block;
 
   235   margin: .3em 0 .3em 24px;
 
   201   margin: .3em 0 .3em 0;
 
       
   202 }
 
   236 }
 
   203 
   237 
   204 item {
 
   238 item {
 
   205   display: list-item;
 
   239   display: list-item;
 
   206 }
 
   240 }
 
   210 
   244 
   211 list[type="glossary"] > item > label {
 
   245 list[type="glossary"] > item > label {
 
   212   font-weight: bold;
 
   246   font-weight: bold;
 
   213 }
 
   247 }
 
   214 
   248 
   215 item > p {
 
   249 /* Blockquote ~~~~~~~~~~~~~~~~~~~~~~ */
 
   216     
   250 
   217 }
 
   251 attribution { font-style: italic; }
 
       
   252 
   218 
   253 
   219 /* Inline level ============================================================ */
 
   254 /* Inline level ============================================================ */
 
   220 
   255 
   221 sup { vertical-align: super; font-size: 75%; }
 
   256 sup { vertical-align: super; font-size: 75%; }
 
   222 sub { vertical-align: sub;   font-size: 75%; }
 
   257 sub { vertical-align: sub;   font-size: 75%; }
 
       
   258 
       
   259 note:before { content: "("; }
 
       
   260 note { color: #7f7f7f; font-size: 85%; font-family: sans-serif; }
 
       
   261 note:after { content: ")"; }
 
       
   262 note p { display:inline; }
 
       
   263 
       
   264 highlight { font-weight: bold; }
Publidoc