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 63 60d5d3f81e19
parent 62 2cb99a0b3709
equal deleted inserted replaced
62:2cb99a0b3709 63:60d5d3f81e19 
     1 /* $Id$ */
 
     1 /* $Id$ */
 
     2 
     2 
     3 *::comment { display: none; }
 
     3 *::comment { display: none; }
 
     4 
     4 
     5 publidoc {
 
     5 publidoc {
 
     6   display: block; 
     6   display: block;
 
     7   font-family: sans-serif;
 
     7   font-family: sans-serif;
 
     8   padding: 0;
 
     8   padding: 0;
 
     9 }
 
     9 }
 
    10 
    10 
    11 
    11 
    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: #fafafa;
 
    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;
 
    24  display: marker;
 
    24  display: marker;
 
    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 { display: none; }
 
    30 head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; }
 
    30 head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; }
 
    31 head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; }
 
    31 head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; }
 
    32 head > language:before { content: insert-before-button() " Langue :"; }
 
    32 head > language:before { content: insert-before-button() " Langue :"; }
 
    33 head > copyright:before { content: insert-before-button() " Copyright :"; }
 
    33 head > copyright:before { content: insert-before-button() " Copyright :"; }
 
    34 head > author:before { content: insert-before-button() " Auteur :"; }
 
    34 head > author:before { content: insert-before-button() " Auteur :"; }
 
    45 head > * {
 
    45 head > * {
 
    46  display: block;
 
    46  display: block;
 
    47  margin: 0 0 .5em 7em;
 
    47  margin: 0 0 .5em 7em;
 
    48 }
 
    48 }
 
    49 head > title {
 
    49 head > title {
 
    50   font-size: 110%;
 
    50   font-size: 120%;
 
    51   font-weight: bold;
 
    51   font-weight: bold;
 
    52   color: #004080;
 
    52   color: #004080;
 
    53   margin: .3em 0 .3em 0;
 
    53   margin: .2em 0 .2em 0;
 
    54 }
 
    54 }
 
    55 publidoc > * > head > title {
 
    55 head > subtitle {
 
    56   font-size: 140%;
 
    56   font-weight: bold;
 
       
    57   color: #004080;
 
       
    58   margin: 0 0 .2em 0;
 
    57 }
 
    59 }
 
    58 
    60 
    59 head > *:after {
 
    61 head > *:after {
 
    60   color:  #7f7f7f;
 
    62   color:  #7f7f7f;
 
    61   content: " " insert-after-button();
 
    63   content: " " insert-after-button();
 
    69 }
 
    71 }
 
    70 
    72 
    71 /* Division level ========================================================== */
 
    73 /* Division level ========================================================== */
 
    72 
    74 
    73 division:before {
 
    75 division:before {
 
       
    76   display: block;
 
    74   color: #7f7f7f;
 
    77   color: #7f7f7f;
 
    75   content: collapser() " " insert-before-button() insert-after-button()
 
    78   content: collapser() " " insert-before-button() insert-after-button()
 
    76            " Division"
 
    79            " Division"
 
    77 }
 
    80 }
 
    78 
    81 
    99 
   102 
   100 topic:before {
 
   103 topic:before {
 
   101   display: block;
 
   104   display: block;
 
   102   color: #7f7f7f;
 
   105   color: #7f7f7f;
 
   103   background-color: #ddddcc;
 
   106   background-color: #ddddcc;
 
       
   107   border: 1px solid #aeaea0;
 
   104   font-weight: bold;
 
   108   font-weight: bold;
 
   105   padding: .5em 5px .5em 5px;
 
   109   padding: .5em 5px .5em 5px;
 
   106   content: collapser() " " insert-before-button() insert-after-button()
 
   110   content: collapser() " " insert-before-button() insert-after-button()
 
   107            " " add-attribute-button() " Topic";
 
   111            " " add-attribute-button() " Topic";
 
   108 }
 
   112 }
 
   122            " – ID = " text-field(attribute, "xml:id", columns, 15, color, black)
 
   126            " – ID = " text-field(attribute, "xml:id", columns, 15, color, black)
 
   123            " – Type = " text-field(attribute, type, columns, 10, color, black);
 
   127            " – Type = " text-field(attribute, type, columns, 10, color, black);
 
   124 }
 
   128 }
 
   125 
   129 
   126 topic {
 
   130 topic {
 
   127   display: block; 
   131   display: block;
 
   128   border: 1px solid #ddddcc;
 
   132   border: 1px solid #aeaea0;
 
   129   margin-bottom: .5em;
 
   133   margin-bottom: .5em;
 
   130   padding: 5px;
 
   134   padding: 5px;
 
   131   collapsible: yes;
 
   135   collapsible: yes;
 
   132 }
 
   136 }
 
   133 topic:last-child {
 
   137 topic:last-child {
 
   164            " – Type = " text-field(attribute, type, columns, 10, color, white);
 
   168            " – Type = " text-field(attribute, type, columns, 10, color, white);
 
   165 }
 
   169 }
 
   166 
   170 
   167 
   171 
   168 publidoc > * {
 
   172 publidoc > * {
 
   169   display: block; 
   173   display: block;
 
   170   margin: 5px;
 
   174   margin: 5px;
 
   171   padding: 0;
 
   175   padding: 0;
 
   172   border: 0;
 
   176   border: 0;
 
   173 }
 
   177 }
 
   174 
   178 
   176   background-color: #ffffee;
 
   180   background-color: #ffffee;
 
   177   padding: .3em .5em .3em .5em;
 
   181   padding: .3em .5em .3em .5em;
 
   178   border-radius: 0.5em;
 
   182   border-radius: 0.5em;
 
   179 }
 
   183 }
 
   180 
   184 
       
   185 publidoc > * > head > title {
 
       
   186   font-size: 140%;
 
       
   187 }
 
       
   188 
   181 
   189 
   182 /* Section level =========================================================== */
 
   190 /* Section level =========================================================== */
 
   183 
   191 
   184 section:before {
 
   192 section:before {
 
   185   color: #7f7f7f;
 
   193   display: block;
 
   186   content: insert-before-button() insert-button()
 
   194   color: #7f7f7f;
 
   187            add-attribute-button(icon, icon(plus-box));
 
   195   padding-bottom: 3px;
 
       
   196   text-align: left;
 
       
   197   content: insert-before-button() add-attribute-button(icon, icon(plus-box));
 
   188 }
 
   198 }
 
   189 section[type]:before {
 
   199 section[type]:before {
 
   190   content: insert-before-button() insert-button()
 
   200   content: insert-before-button()
 
   191            text(" Type = ", font-size, 75%)
 
   201            text(" Type = ", font-size, 75%)
 
   192            text-field(attribute, type, columns, 10, color, black, font-size, 75%);
 
   202            text-field(attribute, type, columns, 10, color, black, font-size, 75%);
 
   193 }
 
   203 }
 
       
   204 section section:before {
 
       
   205   margin-left: 1em;
 
       
   206 }
 
   194 
   207 
   195 section {
 
   208 section {
 
   196   display: block;
 
   209   display: block;
 
   197 }
 
   210 }
 
   198 section[type="box"] {
 
   211 section[type="box"] {
 
   199   margin: .5em 0 .5em 0;
 
   212   margin-bottom: .5em;
 
   200   padding: 5px;
 
   213   padding: 5px;
 
   201   background-color: #e8f0f7;
 
   214   background-color: #e8f0f7;
 
   202   border-radius: 0.2em;
 
   215   border-radius: 0.2em;
 
   203 }
 
   216 }
 
       
   217 section[type="ex"] { font-style: italic; }
 
   204 section[type="sign"] { text-align: right; }
 
   218 section[type="sign"] { text-align: right; }
 
   205 
   219 
   206 section section {
 
   220 section section {
 
   207   margin-left: 1em;  
   221   margin-left: 1em;
 
   208 }
 
   222 }
 
   209 
   223 
   210 section:after {
 
   224 section:after {
 
   211   color: #7f7f7f;
 
   225   color: #7f7f7f;
 
   212   content: insert-after-button();
 
   226   content: insert-after-button();
 
   215 
   229 
   216 /* Block level ============================================================= */
 
   230 /* Block level ============================================================= */
 
   217 
   231 
   218 p:before, speech:before, list:before,
 
   232 p:before, speech:before, list:before,
 
   219 blockquote:before, table:before, media:before {
 
   233 blockquote:before, table:before, media:before {
 
   220   display: marker;  
   234   display: marker;
 
   221   content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
 
   235   content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
 
   222            insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
 
   236            insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
 
   223 }
 
   237 }
 
   224 
   238 
   225 p, speech, list, blockquote, table, media {
 
   239 p, speech, list, blockquote, table, media {
 
   226   display: block;
 
   240   display: block;
 
   227   margin-left: 24px;
 
   241   margin-left: 24px;
 
   228   font-size: 110%;
 
   242   font-size: 115%;
 
   229   font-family: serif;
 
   243   font-family: serif;
 
   230 }
 
   244 }
 
   231 
   245 
   232 /* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
   246 /* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
   233 
   247 
   234 list {
 
   248 list {
 
   235   margin: .3em 0 .3em 24px;
 
   249   margin: .3em 0 .3em 24px;
 
   236 }
 
   250 }
 
   237 
   251 
       
   252 list > head {
 
       
   253   font-size: 75%;
 
       
   254 }
 
       
   255 
   238 item {
 
   256 item {
 
   239   display: list-item;
 
   257   display: list-item;
 
   240 }
 
   258 }
 
   241 list[type="ordered"] > item {
 
   259 list[type="ordered"] > item {
 
   242   list-style-type: decimal;
 
   260   list-style-type: decimal;
 
   243 }
 
   261 }
 
   244 
   262 
       
   263 item:after {
 
       
   264   content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc));
 
       
   265 }
 
       
   266 
   245 list[type="glossary"] > item > label {
 
   267 list[type="glossary"] > item > label {
 
   246   font-weight: bold;
 
   268   font-weight: bold;
 
   247 }
 
   269 }
 
   248 
   270 
   249 /* Blockquote ~~~~~~~~~~~~~~~~~~~~~~ */
 
   271 /* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */
 
   250 
   272 
   251 attribution { font-style: italic; }
 
   273 attribution { font-style: italic; }
 
   252 
   274 
   253 
   275 
   254 /* Inline level ============================================================ */
 
   276 /* Inline level ============================================================ */
 
   255 
   277 
   256 sup { vertical-align: super; font-size: 75%; }
 
   278 /* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */
 
   257 sub { vertical-align: sub;   font-size: 75%; }
 
   279 
   258 
   280 sup { font-family: sans-serif; vertical-align: super; font-size: 75%; }
 
   259 note:before { content: "("; }
 
   281 sub { font-family: sans-serif; vertical-align: sub;   font-size: 75%; }
 
   260 note { color: #7f7f7f; font-size: 85%; font-family: sans-serif; }
 
   282 var { font-family: sans-serif; font-style: italic; }
 
   261 note:after { content: ")"; }
 
   283 
       
   284 /* note ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
       
   285 
       
   286 note:before { font-size: 75%; content: "(Note : "; }
 
       
   287 note { font-family: sans-serif; color: #004080; font-size: 75%; }
 
       
   288 note:after { font-size: 75%; content: ")"; }
 
   262 note p { display:inline; }
 
   289 note p { display:inline; }
 
   263 
   290 
       
   291 /* highlight ~~~~~~~~~~~~~~~~~~~~~~~ */
 
       
   292 
   264 highlight { font-weight: bold; }
 
   293 highlight { font-weight: bold; }
 
       
   294 
       
   295 /* link ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
       
   296 
       
   297 link:before {
 
       
   298   color: #7f7f7f;
 
       
   299   font-family: sans-serif;
 
       
   300   content: "["
 
       
   301 }
 
       
   302 
       
   303 media link {
 
       
   304   display: block;
 
       
   305 }
 
       
   306 
       
   307 link:after {
 
       
   308   color: #7f7f7f;
 
       
   309   font-family: sans-serif;
 
       
   310 }
 
       
   311 link[uri]:after {
 
       
   312   content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]";
 
       
   313 }
 
       
   314 link[idref]:after {
 
       
   315   content: " ‣ " label(attribute, idref, color, black)
 
       
   316            set-attribute-button(attribute, idref) "]";
 
       
   317 }
 
       
   318
Publidoc