/[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 2738 by schoenebeck, Tue Apr 28 17:24:16 2015 UTC revision 3271 by schoenebeck, Fri Jun 2 18:56:03 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 115  nav { Line 120  nav {
120      background:    -moz-linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* For Firefox 3.6 to 15 */      background:    -moz-linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* For Firefox 3.6 to 15 */
121      background:         linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* Standard syntax */      background:         linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* Standard syntax */
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        -webkit-transition: -webkit-transform 0.16s ease, padding-left 0.2s ease;
125             -o-transition:      -o-transform 0.16s ease, padding-left 0.2s ease;
126            -ms-transition:     -ms-transform 0.16s ease, padding-left 0.2s ease;
127           -moz-transition:    -moz-transform 0.16s ease, padding-left 0.2s ease;
128                transition:         transform 0.16s ease, padding-left 0.2s ease;
129    }
130    
131    .no-toc nav {
132        padding-left:56px;
133    
134        -webkit-transition: -webkit-transform 0.16s ease, padding-left 0.2s ease;
135             -o-transition:      -o-transform 0.16s ease, padding-left 0.2s ease;
136            -ms-transition:     -ms-transform 0.16s ease, padding-left 0.2s ease;
137           -moz-transition:    -moz-transform 0.16s ease, padding-left 0.2s ease;
138                transition:         transform 0.16s ease, padding-left 0.2s ease;
139    }
140    
141    nav > div.foldbtn {
142        display:block;
143        position:fixed;
144        top:33;
145        left:10;
146        color:#998952;
147        font-weight:200;
148        font-size:28px;
149  }  }
150    
151  nav > ul {  nav > ul {
# Line 162  nav > ul > li::before { Line 193  nav > ul > li::before {
193      padding-right:5px;      padding-right:5px;
194  }  }
195    
196    .iOS
197    nav > ul > li::before {
198        font-family:"Hiragino Mincho ProN";
199    }
200    
201  nav > ul > li:first-child::before {  nav > ul > li:first-child::before {
202      content: "";      content: "";
203  }  }
# Line 301  aside { Line 337  aside {
337      -webkit-border-bottom-left-radius: 11px;      -webkit-border-bottom-left-radius: 11px;
338      -moz-border-radius-bottomleft: 11px;      -moz-border-radius-bottomleft: 11px;
339      border-bottom-left-radius: 11px;      border-bottom-left-radius: 11px;
340    
341        -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease;
342             -o-transition:      -o-transform 0.16s ease, width 0.2s ease;
343            -ms-transition:     -ms-transform 0.16s ease, width 0.2s ease;
344           -moz-transition:    -moz-transform 0.16s ease, width 0.2s ease;
345                transition:         transform 0.16s ease, width 0.2s ease;
346    }
347    
348    .no-toc aside {
349        overflow:hidden;
350        width:0;
351    
352        -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease;
353             -o-transition:      -o-transform 0.16s ease, width 0.2s ease;
354            -ms-transition:     -ms-transform 0.16s ease, width 0.2s ease;
355           -moz-transition:    -moz-transform 0.16s ease, width 0.2s ease;
356                transition:         transform 0.16s ease, width 0.2s ease;
357  }  }
358    
359  aside > div.toc {  aside > div.toc {
# Line 384  aside > div.toc > ul > li > ul > li.curr Line 437  aside > div.toc > ul > li > ul > li.curr
437      text-shadow: 0px 0px 8px #fbf1f1;      text-shadow: 0px 0px 8px #fbf1f1;
438  }  }
439    
440  aside > div.toc > ul > li:hover {  
441    .no-touch aside > div.toc > ul > li:hover,
442    .touch aside > div.toc > ul > li:focus,
443    .touch aside > div.toc > ul > li:active
444    {
445      background-color:rgba(255,0,0,0.22);      background-color:rgba(255,0,0,0.22);
446      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
447         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 393  aside > div.toc > ul > li:hover { Line 450  aside > div.toc > ul > li:hover {
450              transition: background-color 0.25s linear;              transition: background-color 0.25s linear;
451  }  }
452    
453  aside > div.toc > ul > li > ul > li:hover {  .no-touch aside > div.toc > ul > li > ul > li:hover,
454    .touch aside > div.toc > ul > li > ul > li:focus,
455    .touch aside > div.toc > ul > li > ul > li:active
456    {
457      list-style-type:disc;      list-style-type:disc;
458  }  }
459    
# Line 470  aside > div.toc > div.buttons > *:last-c Line 530  aside > div.toc > div.buttons > *:last-c
530      border-bottom-right-radius: 11px;      border-bottom-right-radius: 11px;
531  }  }
532    
533  aside > div.toc > div.buttons > *:not(.disabled):hover {  .no-touch aside > div.toc > div.buttons > *:not(.disabled):hover,
534    .touch aside > div.toc > div.buttons > *:not(.disabled):focus,
535    .touch aside > div.toc > div.buttons > *:not(.disabled):active
536    {
537      background-color:rgba(255,0,0,0.21);      background-color:rgba(255,0,0,0.21);
538      -webkit-transition: background-color 0.25s; /* Safari */      -webkit-transition: background-color 0.25s; /* Safari */
539         -moz-transition: background-color 0.25s;         -moz-transition: background-color 0.25s;
# Line 484  aside > div.toc > div.buttons .arrow { Line 547  aside > div.toc > div.buttons .arrow {
547      font-size:15px;      font-size:15px;
548  }  }
549    
550    .iOS
551    aside > div.toc > div.buttons .arrow {
552        font-family:"Hiragino Mincho ProN";
553    }
554    
555    
556    
557  /* Article */  /* Article */
# Line 503  article { Line 571  article {
571      border-left-style:solid;      border-left-style:solid;
572      border-left-width:1px;      border-left-width:1px;
573      border-left-color:#898989;      border-left-color:#898989;
574    
575        -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease;
576             -o-transition:      -o-transform 0.16s ease, margin-left 0.2s ease;
577            -ms-transition:     -ms-transform 0.16s ease, margin-left 0.2s ease;
578           -moz-transition:    -moz-transform 0.16s ease, margin-left 0.2s ease;
579                transition:         transform 0.16s ease, margin-left 0.2s ease;
580    }
581    
582    .no-toc article {
583        margin-left:0px;
584    
585        -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease;
586             -o-transition:      -o-transform 0.16s ease, margin-left 0.2s ease;
587            -ms-transition:     -ms-transform 0.16s ease, margin-left 0.2s ease;
588           -moz-transition:    -moz-transform 0.16s ease, margin-left 0.2s ease;
589                transition:         transform 0.16s ease, margin-left 0.2s ease;
590  }  }
591    
592  article h1 {  article h1 {
# Line 547  article h3 { Line 631  article h3 {
631      font-weight:300;      font-weight:300;
632  }  }
633    
634    article p {
635        clear:both;
636    }
637    
638    /* automatically center the 1st paragraph (block) directly after a h1 type header (since that header type is centered as well) */
639    article h1 + p {
640        display:table; /*HACK: "block" would stretch the entire page width */
641        margin-left:auto;
642        margin-right:auto;
643    }
644    
645  article a {  article a {
646      font-weight:400;      font-weight:400;
647      color:#1ba1dd;      color:#1ba1dd;
# Line 560  article a img { Line 655  article a img {
655      text-decoration:none;      text-decoration:none;
656  }  }
657    
658  article a:hover {  article li img {
659        float:left;
660    }
661    
662    .no-touch article a:hover,
663    .touch article a:focus,
664    .touch article a:active
665    {
666      text-decoration:underline;      text-decoration:underline;
667  }  }
668    
# Line 738  article tr { Line 840  article tr {
840  }  }
841    
842  article th {  article th {
843      background-color:#e8e2e2;      background-color:#e0e0ff;
844      padding:0px 8px 0px 8px;      padding:0px 8px 0px 8px;
845      margin:0 0 0 0;      margin:0 0 0 0;
846      border:3px solid white;      border:3px solid white;
# Line 787  article note { Line 889  article note {
889      max-width:         calc(100% - 145px);      max-width:         calc(100% - 145px);
890  }  }
891    
892    article td > note {
893        display:block; /*HACK: override "table" default value assigned above in the context of a table cell, otherwise padding will be ignored */
894    }
895    
896  article note.important {  article note.important {
897      border-left:solid 10px #ff4141;      border-left:solid 10px #ff4141;
898  }  }
# Line 805  article > img, example > img { Line 911  article > img, example > img {
911  article p img {  article p img {
912      display:inline-block;      display:inline-block;
913      float:left;      float:left;
914      margin:4px 20px 0px 0px;      margin:4px 20px 19px 0px;
915      padding:0 0 0 0;      padding:0 0 0 0;
916      /*border:solid 1px #8e8e8e;*/      /*border:solid 1px #8e8e8e;*/
917      border:none;      border:none;
# Line 868  article dir { Line 974  article dir {
974      padding:0px;      padding:0px;
975      margin:0px;      margin:0px;
976      font-family:CRDCour;      font-family:CRDCour;
977        font-size:15px;
978      color:#000000;      color:#000000;
979  }  }
980    
981  article > dir {  article > dir, example > dir {
982      padding-left:66px;      padding-left:66px;
983      background-position:36px top;      background-position:36px top;
984  }  }
# Line 889  article dir file { Line 996  article dir file {
996      background-repeat:no-repeat;      background-repeat:no-repeat;
997      background-position:2px top;      background-position:2px top;
998      font-family:CRDCour;      font-family:CRDCour;
999        font-size:15px;
1000      color:#6f6f6f;      color:#6f6f6f;
1001  }  }
1002    
# Line 919  article > ul.docpager > li:nth-child(1) Line 1027  article > ul.docpager > li:nth-child(1)
1027      content: "◀ ";      content: "◀ ";
1028  }  }
1029    
1030    .iOS
1031    article > ul.docpager > li:nth-child(1) > a:before {
1032        font-family:"Hiragino Mincho ProN";
1033    }
1034    
1035  article > ul.docpager > li:nth-child(2) {  article > ul.docpager > li:nth-child(2) {
1036      text-align:center;      text-align:center;
1037      padding-left:10px;      padding-left:10px;
# Line 929  article > ul.docpager > li:nth-child(2) Line 1042  article > ul.docpager > li:nth-child(2)
1042      content: "▲ ";      content: "▲ ";
1043  }  }
1044    
1045    .iOS
1046    article > ul.docpager > li:nth-child(2) > a:before {
1047        font-family:"Hiragino Mincho ProN";
1048    }
1049    
1050  article > ul.docpager > li:nth-child(3) {  article > ul.docpager > li:nth-child(3) {
1051      text-align:right;      text-align:right;
1052      padding-left:10px;      padding-left:10px;
# Line 938  article > ul.docpager > li:nth-child(3) Line 1056  article > ul.docpager > li:nth-child(3)
1056      content: " ▶";      content: " ▶";
1057  }  }
1058    
1059    .iOS
1060    article > ul.docpager > li:nth-child(3) > a:after {
1061        font-family:"Hiragino Mincho ProN";
1062    }
1063    
1064  article > .endline {  article > .endline {
1065      font-family:CRDSans;      font-family:CRDSans;
1066      font-size:16px;      font-size:16px;
# Line 984  footer a { Line 1107  footer a {
1107      border:0;      border:0;
1108  }  }
1109    
1110  footer a:hover {  .no-touch footer a:hover,
1111    .touch footer a:focus,
1112    .touch footer a:active
1113    {
1114      text-decoration:underline;      text-decoration:underline;
1115  }  }
Legend:
Removed from v.2738  
changed lines
  Added in v.3271
  ViewVC Help
Powered by ViewVC