/[svn]/doc/tmpl/css/main.css
ViewVC logotype

Diff of /doc/tmpl/css/main.css

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 2784 by schoenebeck, Sat Jul 4 14:36:38 2015 UTC revision 3268 by schoenebeck, Thu Jun 1 18:54:52 2017 UTC
# Line 1  Line 1 
1  /*  /*
2    CrudeDoc CSS Style    CrudeDoc CSS Style
3    Copyright (c) 2015 Christian Schoenebeck. All rights reserved.    Copyright (c) 2015 - 2017 Christian Schoenebeck. All rights reserved.
4    http://www.crudebyte.com    http://www.crudebyte.com
5   */   */
6    
# Line 12  html { Line 12  html {
12      font-weight:200;      font-weight:200;
13      font-size:17px;      font-size:17px;
14      line-height:1.2;      line-height:1.2;
15        background-color:#c1b5b5;
16  }  }
17    
18  body {  body {
# Line 24  body { Line 25  body {
25      background:         linear-gradient(to left, #cbc3c2, #bfb2b0); /* Standard syntax */      background:         linear-gradient(to left, #cbc3c2, #bfb2b0); /* Standard syntax */
26      counter-reset:oli;      counter-reset:oli;
27      counter-reset:codeline;      counter-reset:codeline;
28        -webkit-text-size-adjust:100%;
29  }  }
30    
31    
# Line 82  header > menu a { Line 84  header > menu a {
84              transition: text-shadow 0.9s linear, color 0.9s linear;              transition: text-shadow 0.9s linear, color 0.9s linear;
85  }  }
86    
87  header > menu a:hover {  .no-touch header > menu a:hover,
88    .touch header > menu a:focus,
89    .touch header > menu a:active
90    {
91      color:#ffffff;      color:#ffffff;
92      text-shadow: 0px 0px 13px #ff9999;      text-shadow: 0px 0px 13px #ff9999;
93      -webkit-transition: text-shadow 0.31s, color 0.31s; /* Safari */      -webkit-transition: text-shadow 0.31s, color 0.31s; /* Safari */
# Line 162  nav > ul > li::before { Line 167  nav > ul > li::before {
167      padding-right:5px;      padding-right:5px;
168  }  }
169    
170    .iOS
171    nav > ul > li::before {
172        font-family:"Hiragino Mincho ProN";
173    }
174    
175  nav > ul > li:first-child::before {  nav > ul > li:first-child::before {
176      content: "";      content: "";
177  }  }
# Line 384  aside > div.toc > ul > li > ul > li.curr Line 394  aside > div.toc > ul > li > ul > li.curr
394      text-shadow: 0px 0px 8px #fbf1f1;      text-shadow: 0px 0px 8px #fbf1f1;
395  }  }
396    
397  aside > div.toc > ul > li:hover {  
398    .no-touch aside > div.toc > ul > li:hover,
399    .touch aside > div.toc > ul > li:focus,
400    .touch aside > div.toc > ul > li:active
401    {
402      background-color:rgba(255,0,0,0.22);      background-color:rgba(255,0,0,0.22);
403      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
404         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 393  aside > div.toc > ul > li:hover { Line 407  aside > div.toc > ul > li:hover {
407              transition: background-color 0.25s linear;              transition: background-color 0.25s linear;
408  }  }
409    
410  aside > div.toc > ul > li > ul > li:hover {  .no-touch aside > div.toc > ul > li > ul > li:hover,
411    .touch aside > div.toc > ul > li > ul > li:focus,
412    .touch aside > div.toc > ul > li > ul > li:active
413    {
414      list-style-type:disc;      list-style-type:disc;
415  }  }
416    
# Line 470  aside > div.toc > div.buttons > *:last-c Line 487  aside > div.toc > div.buttons > *:last-c
487      border-bottom-right-radius: 11px;      border-bottom-right-radius: 11px;
488  }  }
489    
490  aside > div.toc > div.buttons > *:not(.disabled):hover {  .no-touch aside > div.toc > div.buttons > *:not(.disabled):hover,
491    .touch aside > div.toc > div.buttons > *:not(.disabled):focus,
492    .touch aside > div.toc > div.buttons > *:not(.disabled):active
493    {
494      background-color:rgba(255,0,0,0.21);      background-color:rgba(255,0,0,0.21);
495      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
496         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 484  aside > div.toc > div.buttons .arrow { Line 504  aside > div.toc > div.buttons .arrow {
504      font-size:15px;      font-size:15px;
505  }  }
506    
507    .iOS
508    aside > div.toc > div.buttons .arrow {
509        font-family:"Hiragino Mincho ProN";
510    }
511    
512    
513    
514  /* Article */  /* Article */
# Line 551  article p { Line 576  article p {
576      clear:both;      clear:both;
577  }  }
578    
579    /* automatically center the 1st paragraph (block) directly after a h1 type header (since that header type is centered as well) */
580    article h1 + p {
581        display:table; /*HACK: "block" would stretch the entire page width */
582        margin-left:auto;
583        margin-right:auto;
584    }
585    
586  article a {  article a {
587      font-weight:400;      font-weight:400;
588      color:#1ba1dd;      color:#1ba1dd;
# Line 564  article a img { Line 596  article a img {
596      text-decoration:none;      text-decoration:none;
597  }  }
598    
599  article a:hover {  article li img {
600        float:left;
601    }
602    
603    .no-touch article a:hover,
604    .touch article a:focus,
605    .touch article a:active
606    {
607      text-decoration:underline;      text-decoration:underline;
608  }  }
609    
# Line 742  article tr { Line 781  article tr {
781  }  }
782    
783  article th {  article th {
784      background-color:#e8e2e2;      background-color:#e0e0ff;
785      padding:0px 8px 0px 8px;      padding:0px 8px 0px 8px;
786      margin:0 0 0 0;      margin:0 0 0 0;
787      border:3px solid white;      border:3px solid white;
# Line 791  article note { Line 830  article note {
830      max-width:         calc(100% - 145px);      max-width:         calc(100% - 145px);
831  }  }
832    
833    article td > note {
834        display:block; /*HACK: override "table" default value assigned above in the context of a table cell, otherwise padding will be ignored */
835    }
836    
837  article note.important {  article note.important {
838      border-left:solid 10px #ff4141;      border-left:solid 10px #ff4141;
839  }  }
# Line 809  article > img, example > img { Line 852  article > img, example > img {
852  article p img {  article p img {
853      display:inline-block;      display:inline-block;
854      float:left;      float:left;
855      margin:4px 20px 0px 0px;      margin:4px 20px 19px 0px;
856      padding:0 0 0 0;      padding:0 0 0 0;
857      /*border:solid 1px #8e8e8e;*/      /*border:solid 1px #8e8e8e;*/
858      border:none;      border:none;
# Line 925  article > ul.docpager > li:nth-child(1) Line 968  article > ul.docpager > li:nth-child(1)
968      content: "◀ ";      content: "◀ ";
969  }  }
970    
971    .iOS
972    article > ul.docpager > li:nth-child(1) > a:before {
973        font-family:"Hiragino Mincho ProN";
974    }
975    
976  article > ul.docpager > li:nth-child(2) {  article > ul.docpager > li:nth-child(2) {
977      text-align:center;      text-align:center;
978      padding-left:10px;      padding-left:10px;
# Line 935  article > ul.docpager > li:nth-child(2) Line 983  article > ul.docpager > li:nth-child(2)
983      content: "▲ ";      content: "▲ ";
984  }  }
985    
986    .iOS
987    article > ul.docpager > li:nth-child(2) > a:before {
988        font-family:"Hiragino Mincho ProN";
989    }
990    
991  article > ul.docpager > li:nth-child(3) {  article > ul.docpager > li:nth-child(3) {
992      text-align:right;      text-align:right;
993      padding-left:10px;      padding-left:10px;
# Line 944  article > ul.docpager > li:nth-child(3) Line 997  article > ul.docpager > li:nth-child(3)
997      content: " ▶";      content: " ▶";
998  }  }
999    
1000    .iOS
1001    article > ul.docpager > li:nth-child(3) > a:after {
1002        font-family:"Hiragino Mincho ProN";
1003    }
1004    
1005  article > .endline {  article > .endline {
1006      font-family:CRDSans;      font-family:CRDSans;
1007      font-size:16px;      font-size:16px;
# Line 990  footer a { Line 1048  footer a {
1048      border:0;      border:0;
1049  }  }
1050    
1051  footer a:hover {  .no-touch footer a:hover,
1052    .touch footer a:focus,
1053    .touch footer a:active
1054    {
1055      text-decoration:underline;      text-decoration:underline;
1056  }  }
Legend:
Removed from v.2784  
changed lines
  Added in v.3268
  ViewVC Help
Powered by ViewVC