/[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 2831 by schoenebeck, Fri Jul 24 12:26:01 2015 UTC revision 3270 by schoenebeck, Fri Jun 2 18:31:00 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 117  nav { Line 122  nav {
122      box-shadow: 0px 10px 8px rgba(15,15,15,0.25);      box-shadow: 0px 10px 8px rgba(15,15,15,0.25);
123  }  }
124    
125    nav > div.foldbtn {
126        display:block;
127        position:fixed;
128        top:34;
129        left:10;
130        color:#998952;
131        font-weight:200;
132        font-size:28px;
133    }
134    
135  nav > ul {  nav > ul {
136      list-style:none;      list-style:none;
137      padding:0;      padding:0;
# Line 162  nav > ul > li::before { Line 177  nav > ul > li::before {
177      padding-right:5px;      padding-right:5px;
178  }  }
179    
180    .iOS
181    nav > ul > li::before {
182        font-family:"Hiragino Mincho ProN";
183    }
184    
185  nav > ul > li:first-child::before {  nav > ul > li:first-child::before {
186      content: "";      content: "";
187  }  }
# Line 301  aside { Line 321  aside {
321      -webkit-border-bottom-left-radius: 11px;      -webkit-border-bottom-left-radius: 11px;
322      -moz-border-radius-bottomleft: 11px;      -moz-border-radius-bottomleft: 11px;
323      border-bottom-left-radius: 11px;      border-bottom-left-radius: 11px;
324    
325        -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease;
326             -o-transition:      -o-transform 0.16s ease, width 0.2s ease;
327            -ms-transition:     -ms-transform 0.16s ease, width 0.2s ease;
328           -moz-transition:    -moz-transform 0.16s ease, width 0.2s ease;
329                transition:         transform 0.16s ease, width 0.2s ease;
330    }
331    
332    .no-toc aside {
333        overflow:hidden;
334        width:0;
335    
336        -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease;
337             -o-transition:      -o-transform 0.16s ease, width 0.2s ease;
338            -ms-transition:     -ms-transform 0.16s ease, width 0.2s ease;
339           -moz-transition:    -moz-transform 0.16s ease, width 0.2s ease;
340                transition:         transform 0.16s ease, width 0.2s ease;
341  }  }
342    
343  aside > div.toc {  aside > div.toc {
# Line 384  aside > div.toc > ul > li > ul > li.curr Line 421  aside > div.toc > ul > li > ul > li.curr
421      text-shadow: 0px 0px 8px #fbf1f1;      text-shadow: 0px 0px 8px #fbf1f1;
422  }  }
423    
424  aside > div.toc > ul > li:hover {  
425    .no-touch aside > div.toc > ul > li:hover,
426    .touch aside > div.toc > ul > li:focus,
427    .touch aside > div.toc > ul > li:active
428    {
429      background-color:rgba(255,0,0,0.22);      background-color:rgba(255,0,0,0.22);
430      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
431         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 393  aside > div.toc > ul > li:hover { Line 434  aside > div.toc > ul > li:hover {
434              transition: background-color 0.25s linear;              transition: background-color 0.25s linear;
435  }  }
436    
437  aside > div.toc > ul > li > ul > li:hover {  .no-touch aside > div.toc > ul > li > ul > li:hover,
438    .touch aside > div.toc > ul > li > ul > li:focus,
439    .touch aside > div.toc > ul > li > ul > li:active
440    {
441      list-style-type:disc;      list-style-type:disc;
442  }  }
443    
# Line 470  aside > div.toc > div.buttons > *:last-c Line 514  aside > div.toc > div.buttons > *:last-c
514      border-bottom-right-radius: 11px;      border-bottom-right-radius: 11px;
515  }  }
516    
517  aside > div.toc > div.buttons > *:not(.disabled):hover {  .no-touch aside > div.toc > div.buttons > *:not(.disabled):hover,
518    .touch aside > div.toc > div.buttons > *:not(.disabled):focus,
519    .touch aside > div.toc > div.buttons > *:not(.disabled):active
520    {
521      background-color:rgba(255,0,0,0.21);      background-color:rgba(255,0,0,0.21);
522      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
523         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 484  aside > div.toc > div.buttons .arrow { Line 531  aside > div.toc > div.buttons .arrow {
531      font-size:15px;      font-size:15px;
532  }  }
533    
534    .iOS
535    aside > div.toc > div.buttons .arrow {
536        font-family:"Hiragino Mincho ProN";
537    }
538    
539    
540    
541  /* Article */  /* Article */
# Line 503  article { Line 555  article {
555      border-left-style:solid;      border-left-style:solid;
556      border-left-width:1px;      border-left-width:1px;
557      border-left-color:#898989;      border-left-color:#898989;
558    
559        -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease;
560             -o-transition:      -o-transform 0.16s ease, margin-left 0.2s ease;
561            -ms-transition:     -ms-transform 0.16s ease, margin-left 0.2s ease;
562           -moz-transition:    -moz-transform 0.16s ease, margin-left 0.2s ease;
563                transition:         transform 0.16s ease, margin-left 0.2s ease;
564    }
565    
566    .no-toc article {
567        margin-left:0px;
568    
569        -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease;
570             -o-transition:      -o-transform 0.16s ease, margin-left 0.2s ease;
571            -ms-transition:     -ms-transform 0.16s ease, margin-left 0.2s ease;
572           -moz-transition:    -moz-transform 0.16s ease, margin-left 0.2s ease;
573                transition:         transform 0.16s ease, margin-left 0.2s ease;
574  }  }
575    
576  article h1 {  article h1 {
# Line 551  article p { Line 619  article p {
619      clear:both;      clear:both;
620  }  }
621    
622    /* automatically center the 1st paragraph (block) directly after a h1 type header (since that header type is centered as well) */
623    article h1 + p {
624        display:table; /*HACK: "block" would stretch the entire page width */
625        margin-left:auto;
626        margin-right:auto;
627    }
628    
629  article a {  article a {
630      font-weight:400;      font-weight:400;
631      color:#1ba1dd;      color:#1ba1dd;
# Line 568  article li img { Line 643  article li img {
643      float:left;      float:left;
644  }  }
645    
646  article a:hover {  .no-touch article a:hover,
647    .touch article a:focus,
648    .touch article a:active
649    {
650      text-decoration:underline;      text-decoration:underline;
651  }  }
652    
# Line 746  article tr { Line 824  article tr {
824  }  }
825    
826  article th {  article th {
827      background-color:#e8e2e2;      background-color:#e0e0ff;
828      padding:0px 8px 0px 8px;      padding:0px 8px 0px 8px;
829      margin:0 0 0 0;      margin:0 0 0 0;
830      border:3px solid white;      border:3px solid white;
# Line 795  article note { Line 873  article note {
873      max-width:         calc(100% - 145px);      max-width:         calc(100% - 145px);
874  }  }
875    
876    article td > note {
877        display:block; /*HACK: override "table" default value assigned above in the context of a table cell, otherwise padding will be ignored */
878    }
879    
880  article note.important {  article note.important {
881      border-left:solid 10px #ff4141;      border-left:solid 10px #ff4141;
882  }  }
# Line 929  article > ul.docpager > li:nth-child(1) Line 1011  article > ul.docpager > li:nth-child(1)
1011      content: "◀ ";      content: "◀ ";
1012  }  }
1013    
1014    .iOS
1015    article > ul.docpager > li:nth-child(1) > a:before {
1016        font-family:"Hiragino Mincho ProN";
1017    }
1018    
1019  article > ul.docpager > li:nth-child(2) {  article > ul.docpager > li:nth-child(2) {
1020      text-align:center;      text-align:center;
1021      padding-left:10px;      padding-left:10px;
# Line 939  article > ul.docpager > li:nth-child(2) Line 1026  article > ul.docpager > li:nth-child(2)
1026      content: "▲ ";      content: "▲ ";
1027  }  }
1028    
1029    .iOS
1030    article > ul.docpager > li:nth-child(2) > a:before {
1031        font-family:"Hiragino Mincho ProN";
1032    }
1033    
1034  article > ul.docpager > li:nth-child(3) {  article > ul.docpager > li:nth-child(3) {
1035      text-align:right;      text-align:right;
1036      padding-left:10px;      padding-left:10px;
# Line 948  article > ul.docpager > li:nth-child(3) Line 1040  article > ul.docpager > li:nth-child(3)
1040      content: " ▶";      content: " ▶";
1041  }  }
1042    
1043    .iOS
1044    article > ul.docpager > li:nth-child(3) > a:after {
1045        font-family:"Hiragino Mincho ProN";
1046    }
1047    
1048  article > .endline {  article > .endline {
1049      font-family:CRDSans;      font-family:CRDSans;
1050      font-size:16px;      font-size:16px;
# Line 994  footer a { Line 1091  footer a {
1091      border:0;      border:0;
1092  }  }
1093    
1094  footer a:hover {  .no-touch footer a:hover,
1095    .touch footer a:focus,
1096    .touch footer a:active
1097    {
1098      text-decoration:underline;      text-decoration:underline;
1099  }  }
Legend:
Removed from v.2831  
changed lines
  Added in v.3270
  ViewVC Help
Powered by ViewVC