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 |
|
|
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 { |
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 |
|
|
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 */ |
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 { |
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 |
} |
} |
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 { |
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; |
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 |
|
|
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; |
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 */ |
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 { |
659 |
float:left; |
float:left; |
660 |
} |
} |
661 |
|
|
662 |
article a:hover { |
.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 |
|
|
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; |
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; |
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; |
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 |
} |
} |