xref: /template/mikio/assets/mikio.css (revision 2a1d16034fbe12ff2c2d1040267aa8ce88c5e98f) 
1html {
2    font-size:90%;
3}
4
5body.mikio {
6  min-height: 100vh;
7  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
8}
9
10
11/* Navbar */
12.mikio .navbar {
13  z-index: 1020;
14  background-color: "#7952b3";
15  height: "auto";
16}
17
18.mikio #mikio-site-title {
19  flex:0 0 20rem;
20}
21
22.mikio .mikio-navbar-image {
23  background-position: center right;
24  background-repeat: no-repeat;
25  background-size: contain;
26}
27
28.mikio .nav-link {
29
30}
31
32.mikio .nav-link .fa {
33  padding-right: 0.8rem;
34}
35
36
37/* Sidebar */
38.mikio aside {
39  padding: 2rem 1.5rem;
40  background-color: #f8f9fa;
41  font-size:0.9rem;
42  flex:0 0 20rem;
43}
44
45.mikio aside ul {
46  list-style: none;
47  padding-left: 0;
48}
49
50.mikio aside li {
51  margin-bottom: 1rem;
52}
53
54.mikio div.li a.indexmenu_idx, .mikio div.li a.indexmenu_idx_head {
55  font-weight: 500;
56}
57
58.mikio div.li a.indexmenu_idx_head {
59  color: #222;
60}
61
62.mikio div.li a.indexmenu_idx_head:hover {
63  color: #000;
64  text-decoration: none;
65}
66
67
68/* Breadcrumb */
69.mikio .mikio-breadcrumbs {
70  padding: 0.8rem 2rem;
71  font-size: 0.9rem;
72  margin: 1rem 0;
73  border-color: #e7e8e9;
74  border-style: solid;
75  border-width: 1px 0 1px 0;
76}
77
78.mikio .mikio-hero .mikio-breadcrumbs {
79  margin: 0 0 1rem 0;
80  padding: 0;
81  border-width: 0;
82}
83
84.mikio main .mikio-breadcrumbs {
85  background-color: #e7e8e9;
86  border-width: 0;
87  padding: 0.8rem;
88  margin: 0;
89}
90
91/* Hero */
92.mikio .mikio-hero {
93  background-color: #e7e8e9;
94  height: 250px;
95}
96
97.mikio .mikio-hero .mikio-hero-text {
98  padding: 2rem;
99}
100
101.mikio .mikio-hero .mikio-hero-text #mikio-hero-subtext {
102  color: "#666";
103  font-size: 1.5rem;
104}
105
106.mikio .mikio-hero .mikio-hero-image {
107  flex: 0 0 33%;
108  background-repeat:no-repeat;
109  background-position:center;
110  background-size:cover;
111}
112
113
114
115/* Main */
116.mikio main {
117  flex-grow: 1;
118  padding: 2rem 4rem;
119  background-color: "#fff";
120}
121
122.mikio main h1 {
123  margin-top: 1rem;
124}
125
126.mikio main h2 {
127  margin-top: 3rem;
128  margin-bottom: 1rem;
129  border-bottom: 1px solid #ddd;
130}
131
132.mikio main h3 {
133  margin-top: 2.5rem;
134  margin-bottom: 1rem;
135  border-bottom: 1px solid #ddd;
136}
137
138.mikio main h4 {
139  margin-top: 2rem;
140  margin-bottom: 1rem;
141  border-bottom: 1px solid #ddd;
142}
143
144.mikio main h5 {
145  margin-top: 1rem;
146}
147
148
149/* TOC */
150.mikio .mikio-toc {
151  padding-left: 3rem;
152  background-color: #fff;
153}
154
155.mikio .mikio-toc-full {
156  flex: 0 0 20rem;
157}
158
159.mikio .mikio-toc-float {
160  width: 20rem;
161  float: right;
162}
163
164.mikio .mikio-toc #dw__toc {
165  background-color: #fff;
166  border-left:4px solid #eee;
167  padding: 0.5rem 0 0.5rem 1rem;
168  margin-top: 2rem;
169}
170
171.mikio .mikio-toc #dw__toc h3 {
172  font-size: 0.9rem;
173  border: 0;
174  margin: 0 0 1rem 0;
175}
176
177.mikio .mikio-toc #dw__toc ul {
178  list-style: none;
179  font-size: 0.8rem;
180}
181
182.mikio .mikio-toc #dw__toc ul, .mikio .mikio-toc #dw__toc .li {
183  padding: 0 0 0.5rem 0.5rem;
184}
185
186
187/* Section Edit */
188.secedit {
189  /* float:right; */
190}
191
192
193/* Search */
194
195/* Page Tools */
196.mikio #dw__pagetools {
197    position: fixed;
198    right: 0;
199    top: 40%;
200    z-index: 9999;
201    text-align: center;
202}
203
204.mikio #dw__pagetools .btn {
205
206}
207
208
209/* Editor */
210.mikio textarea.edit {
211    width:100%;
212}
213
214.mikio button.toolbutton {
215    background-color: #fff;
216    border:1px solid #999;
217    padding:0.5rem 0.8rem;
218}