comparison .cms/lib/codemirror/doc/docs.css @ 0:78edf6b517a0 draft

24.10
author Coffee CMS <info@coffee-cms.ru>
date Fri, 11 Oct 2024 22:40:23 +0000
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:78edf6b517a0
1 @font-face {
2 font-family: 'Source Sans Pro';
3 font-style: normal;
4 font-weight: 400;
5 src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(source_sans.woff) format('woff');
6 }
7
8 body, html { margin: 0; padding: 0; height: 100%; }
9 section, article { display: block; padding: 0; }
10
11 body {
12 background: #f8f8f8;
13 font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
14 line-height: 1.5;
15 }
16
17 p { margin-top: 0; }
18
19 h2, h3, h1 {
20 font-weight: normal;
21 margin-bottom: .7em;
22 }
23 h1 { font-size: 140%; }
24 h2 { font-size: 120%; }
25 h3 { font-size: 110%; }
26 article > h2:first-child, section:first-child > h2 { margin-top: 0; }
27
28 #nav h1 {
29 margin-right: 12px;
30 margin-top: 0;
31 margin-bottom: 2px;
32 color: #d30707;
33 letter-spacing: .5px;
34 }
35
36 a, a:visited, a:link, .quasilink {
37 color: #A21313;
38 }
39
40 em {
41 padding-right: 2px;
42 }
43
44 .quasilink {
45 cursor: pointer;
46 }
47
48 article {
49 max-width: 700px;
50 margin: 0 0 0 160px;
51 border-left: 2px solid #E30808;
52 border-right: 1px solid #ddd;
53 padding: 30px 50px 100px 50px;
54 background: white;
55 z-index: 2;
56 position: relative;
57 min-height: 100%;
58 box-sizing: border-box;
59 -moz-box-sizing: border-box;
60 }
61
62 #nav {
63 position: fixed;
64 padding-top: 30px;
65 max-height: 100%;
66 box-sizing: -moz-border-box;
67 box-sizing: border-box;
68 overflow-y: auto;
69 left: 0; right: none;
70 width: 160px;
71 text-align: right;
72 z-index: 1;
73 }
74
75 @media screen and (min-width: 1000px) {
76 article {
77 margin: 0 auto;
78 }
79 #nav {
80 right: 50%;
81 width: auto;
82 border-right: 349px solid transparent;
83 }
84 }
85
86 #nav ul {
87 display: block;
88 margin: 0; padding: 0;
89 margin-bottom: 32px;
90 }
91
92 #nav a {
93 text-decoration: none;
94 }
95
96 #nav li {
97 display: block;
98 margin-bottom: 4px;
99 }
100
101 #nav li ul {
102 font-size: 80%;
103 margin-bottom: 0;
104 display: none;
105 }
106
107 #nav li.active ul {
108 display: block;
109 }
110
111 #nav li li a {
112 padding-right: 20px;
113 display: inline-block;
114 }
115
116 #nav ul a {
117 color: black;
118 padding: 0 7px 1px 11px;
119 }
120
121 #nav ul a.active, #nav ul a:hover {
122 border-bottom: 1px solid #E30808;
123 margin-bottom: -1px;
124 color: #E30808;
125 }
126
127 #logo {
128 border: 0;
129 margin-right: 12px;
130 margin-bottom: 25px;
131 }
132
133 section {
134 border-top: 1px solid #E30808;
135 margin: 1.5em 0;
136 }
137
138 section.first {
139 border: none;
140 margin-top: 0;
141 }
142
143 #demo {
144 position: relative;
145 }
146
147 #demolist {
148 position: absolute;
149 right: 5px;
150 top: 5px;
151 z-index: 25;
152 }
153
154 .yinyang {
155 position: absolute;
156 top: -10px;
157 left: 0; right: 0;
158 margin: auto;
159 display: block;
160 height: 120px;
161 }
162
163 .actions {
164 margin: 1em 0 0;
165 min-height: 100px;
166 position: relative;
167 }
168
169 @media screen and (max-width: 800px) {
170 .actions {
171 padding-top: 120px;
172 }
173 .actionsleft, .actionsright {
174 float: none;
175 text-align: left;
176 margin-bottom: 1em;
177 }
178 }
179
180 th {
181 text-decoration: underline;
182 font-weight: normal;
183 text-align: left;
184 }
185
186 #features ul {
187 list-style: none;
188 margin: 0 0 1em;
189 padding: 0 0 0 1.2em;
190 }
191
192 #features li:before {
193 content: "-";
194 width: 1em;
195 display: inline-block;
196 padding: 0;
197 margin: 0;
198 margin-left: -1em;
199 }
200
201 .rel {
202 margin-bottom: 0;
203 }
204 .rel-note {
205 margin-top: 0;
206 color: #555;
207 }
208
209 pre {
210 padding-left: 15px;
211 border-left: 2px solid #ddd;
212 }
213
214 code {
215 padding: 0 2px;
216 }
217
218 strong {
219 text-decoration: underline;
220 font-weight: normal;
221 }
222
223 .field {
224 border: 1px solid #A21313;
225 }