4d19ae
Update trunk/Identity/Models
@@ -0,0 +1,512 @@
|
|
1
|
+
/* CSS
|
2
|
+
*
|
3
|
+
* Webenv/base.css -- This file provides the base visual style
|
4
|
+
* definitions to CentOS web environment. Definition in this file are
|
5
|
+
* common for all applications inside CentOS web environment. This
|
6
|
+
* definitions apply to html tags without options like classes, ids,
|
7
|
+
* etc, just the base defintion for clean html tags.
|
8
|
+
*
|
9
|
+
* Specific CSS definitions, like those used in specific web
|
10
|
+
* applications, are declared using the HTML link element in the head
|
11
|
+
* section of the specific web application who needs it. Specific CSS
|
12
|
+
* definitions extend CentOS webenv CSS definitions.
|
13
|
+
*
|
14
|
+
* Specific CSS definitions can overlap CentOS base CSS definitions.
|
15
|
+
* This way specific web applications retain their own visual style
|
16
|
+
* under CentOS web environment. Changing this may be not very
|
17
|
+
* convenient since different web applications have different html/css
|
18
|
+
* definitions. The best way I can see, is retain their own
|
19
|
+
* definitions and update them, in their own, to fit CentOS visual
|
20
|
+
* style.
|
21
|
+
*
|
22
|
+
* Copyright (C) 2009-2010 Alain Reguera Delgado
|
23
|
+
*
|
24
|
+
* This program is free software; you can redistribute it and/or
|
25
|
+
* modify it under the terms of the GNU General Public License as
|
26
|
+
* published by the Free Software Foundation; either version 2 of the
|
27
|
+
* License, or (at your option) any later version.
|
28
|
+
*
|
29
|
+
* This program is distributed in the hope that it will be useful, but
|
30
|
+
* WITHOUT ANY WARRANTY; without even the implied warranty of
|
31
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
32
|
+
* General Public License for more details.
|
33
|
+
*
|
34
|
+
* You should have received a copy of the GNU General Public License
|
35
|
+
* along with this program; if not, write to the Free Software
|
36
|
+
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
|
37
|
+
* USA.
|
38
|
+
*
|
39
|
+
* ----------------------------------------------------------------------
|
40
|
+
* $Id$
|
41
|
+
* ----------------------------------------------------------------------
|
42
|
+
*/
|
43
|
+
|
44
|
+
|
45
|
+
/* Reset browsers default margins and paddings
|
46
|
+
-----------------------------------------------*/
|
47
|
+
|
48
|
+
* {
|
49
|
+
margin: 0;
|
50
|
+
padding: 0;
|
51
|
+
}
|
52
|
+
|
53
|
+
/* Define html
|
54
|
+
-----------------------------------------------*/
|
55
|
+
|
56
|
+
html {
|
57
|
+
background-color: #FFF;
|
58
|
+
background-image: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/html-bg.png);
|
59
|
+
}
|
60
|
+
|
61
|
+
/* Define body
|
62
|
+
-----------------------------------------------*/
|
63
|
+
|
64
|
+
body {
|
65
|
+
font-family: "DejaVu Sans", "Liberation Sans", sans-serif;
|
66
|
+
font-size: 0.85em;
|
67
|
+
line-height: 1.25em;
|
68
|
+
/* margin: 0; /* <- full screen */
|
69
|
+
/* margin: 0 1% 0 1%; /* <- with 1% of left and right margin */
|
70
|
+
/* margin: 0 2% 0 2%; /* <- with 2% of left and right margin */
|
71
|
+
margin: 0 3% 0 3%; /* <- with 3% of left and right margin */
|
72
|
+
/* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */
|
73
|
+
}
|
74
|
+
|
75
|
+
/* Main Blocks
|
76
|
+
-----------------------------------------------*/
|
77
|
+
|
78
|
+
/* Logo
|
79
|
+
-----------------------------------------------*/
|
80
|
+
|
81
|
+
/* Links
|
82
|
+
-----------------------------------------------*/
|
83
|
+
|
84
|
+
/* Base */
|
85
|
+
|
86
|
+
a:link { text-decoration: none; color: #0044B3; }
|
87
|
+
a:hover { text-decoration: underline; color: green; }
|
88
|
+
a:active { text-decoration: underline; color: green; }
|
89
|
+
a:visited { text-decoration: none; color: #0044B3; }
|
90
|
+
a:visited:hover { text-decoration: underline; color: green; }
|
91
|
+
|
92
|
+
/* Broken or nonexistent links */
|
93
|
+
|
94
|
+
a.nonexistent,
|
95
|
+
a.nonexistent:hover { color: gray; }
|
96
|
+
|
97
|
+
/* Special decoration for some links' classes */
|
98
|
+
|
99
|
+
/* Headings
|
100
|
+
-----------------------------------------------*/
|
101
|
+
|
102
|
+
h1 {
|
103
|
+
font-size: 1.7em;
|
104
|
+
font-weight: bold;
|
105
|
+
line-height: 1.9em;
|
106
|
+
color: #000;
|
107
|
+
}
|
108
|
+
|
109
|
+
h2 {
|
110
|
+
font-size: 1.4em;
|
111
|
+
line-height: 1.8em;
|
112
|
+
border: none;
|
113
|
+
color: #000;
|
114
|
+
}
|
115
|
+
|
116
|
+
h3 {
|
117
|
+
font-size: 1.25em;
|
118
|
+
line-height: 1.6em;
|
119
|
+
margin-top: 1em;
|
120
|
+
color: #000;
|
121
|
+
}
|
122
|
+
|
123
|
+
h4 {
|
124
|
+
font-size: 1.2em;
|
125
|
+
line-height: 1.4em;
|
126
|
+
color: #000;
|
127
|
+
}
|
128
|
+
|
129
|
+
h5 {
|
130
|
+
font-size: 1.1em;
|
131
|
+
line-height: 1.1em;
|
132
|
+
color: #000;
|
133
|
+
}
|
134
|
+
|
135
|
+
h6 {
|
136
|
+
font-size: 1em;
|
137
|
+
line-height: 1.1em;
|
138
|
+
color: #000;
|
139
|
+
}
|
140
|
+
|
141
|
+
h1 a:link,
|
142
|
+
h1 a:active,
|
143
|
+
h1 a:visited,
|
144
|
+
h1 a:visited:hover,
|
145
|
+
h2 a:link,
|
146
|
+
h2 a:active,
|
147
|
+
h3 a:link,
|
148
|
+
h3 a:active,
|
149
|
+
h4 a:link,
|
150
|
+
h4 a:active,
|
151
|
+
h5 a:link,
|
152
|
+
h5 a:active,
|
153
|
+
h6 a:link,
|
154
|
+
h6 a:active {
|
155
|
+
color: #000;
|
156
|
+
text-decoration: none;
|
157
|
+
}
|
158
|
+
|
159
|
+
/* Paragraphs
|
160
|
+
-----------------------------------------------*/
|
161
|
+
|
162
|
+
p {
|
163
|
+
margin: 1em;
|
164
|
+
margin-left: 1.5em;
|
165
|
+
line-height: 1.5em;
|
166
|
+
}
|
167
|
+
|
168
|
+
/* Quotations
|
169
|
+
-----------------------------------------------*/
|
170
|
+
|
171
|
+
blockquote {
|
172
|
+
background-color: #ECECEC;
|
173
|
+
border-width: 1px;
|
174
|
+
border-style: solid;
|
175
|
+
border-color: #CFCFCF;
|
176
|
+
border-left-width: 4px;
|
177
|
+
margin-left: 1.5em;
|
178
|
+
padding: 0.5em;
|
179
|
+
margin-top: 1em;
|
180
|
+
margin-bottom: 1em;
|
181
|
+
}
|
182
|
+
|
183
|
+
blockquote p {
|
184
|
+
padding-left: 2.5em;
|
185
|
+
}
|
186
|
+
|
187
|
+
blockquote h3 {
|
188
|
+
margin-left: 2.5em;
|
189
|
+
line-height: 0;
|
190
|
+
border: none;
|
191
|
+
color: #000000;
|
192
|
+
}
|
193
|
+
|
194
|
+
blockquote pre {
|
195
|
+
border: none;
|
196
|
+
background-color: #000000;
|
197
|
+
color: #FFFFFF;
|
198
|
+
margin: 0;
|
199
|
+
margin-left: 4em;
|
200
|
+
}
|
201
|
+
|
202
|
+
blockquote img {
|
203
|
+
float: left;
|
204
|
+
}
|
205
|
+
|
206
|
+
blockquote.message {
|
207
|
+
border: none;
|
208
|
+
border-top: 4px solid;
|
209
|
+
border-bottom: 4px solid;
|
210
|
+
margin-left: 15%;
|
211
|
+
margin-right: 15%;
|
212
|
+
border-color: #CFCFCF;
|
213
|
+
padding: 0 2em;
|
214
|
+
}
|
215
|
+
|
216
|
+
blockquote.message p.content {
|
217
|
+
font-weight: bold;
|
218
|
+
margin-left: 0;
|
219
|
+
}
|
220
|
+
|
221
|
+
blockquote.message p.links {
|
222
|
+
font-size: x-small;
|
223
|
+
margin-left: 0;
|
224
|
+
}
|
225
|
+
|
226
|
+
blockquote.blue {
|
227
|
+
border-color: #D2E0F6;
|
228
|
+
background-color: #ECF4FF;
|
229
|
+
}
|
230
|
+
|
231
|
+
blockquote.orange {
|
232
|
+
border-color: #F6E7D2;
|
233
|
+
background-color: #FFF8EC;
|
234
|
+
}
|
235
|
+
|
236
|
+
blockquote.violet {
|
237
|
+
border-color: #F6D2F6;
|
238
|
+
background-color: #FFECFF;
|
239
|
+
}
|
240
|
+
|
241
|
+
blockquote.red {
|
242
|
+
border-color: #E0B7B7;
|
243
|
+
background-color: #FFECEC;
|
244
|
+
}
|
245
|
+
|
246
|
+
blockquote.green {
|
247
|
+
border-color: #D6F6D2;
|
248
|
+
background-color: #EEFFEC;
|
249
|
+
}
|
250
|
+
|
251
|
+
q:before {
|
252
|
+
content: " “";
|
253
|
+
}
|
254
|
+
|
255
|
+
q:after {
|
256
|
+
content: "” ";
|
257
|
+
}
|
258
|
+
|
259
|
+
q q:before {
|
260
|
+
content: " ‘";
|
261
|
+
}
|
262
|
+
|
263
|
+
q q:after {
|
264
|
+
content: "’ ";
|
265
|
+
}
|
266
|
+
|
267
|
+
address {
|
268
|
+
margin-left: 1.5em;
|
269
|
+
}
|
270
|
+
|
271
|
+
/* Preformatted Texts
|
272
|
+
-----------------------------------------------*/
|
273
|
+
|
274
|
+
pre {
|
275
|
+
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
|
276
|
+
padding: 0.5em 1em;
|
277
|
+
margin: 0.5em 0 0.5em 1.5em;
|
278
|
+
white-space: pre;
|
279
|
+
border-width: 1px;
|
280
|
+
border-style: solid;
|
281
|
+
border-color: #E5E5E5;
|
282
|
+
border-left-width: 4px;
|
283
|
+
white-space: pre;
|
284
|
+
background: #FFFAE9;
|
285
|
+
overflow: auto;
|
286
|
+
}
|
287
|
+
|
288
|
+
/* Phrase Elements
|
289
|
+
-----------------------------------------------*/
|
290
|
+
|
291
|
+
tt,
|
292
|
+
samp,
|
293
|
+
kbd,
|
294
|
+
code {
|
295
|
+
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
|
296
|
+
}
|
297
|
+
|
298
|
+
/* Page Lines
|
299
|
+
-----------------------------------------------*/
|
300
|
+
|
301
|
+
hr {
|
302
|
+
clear: both;
|
303
|
+
margin: 0;
|
304
|
+
padding: 0;
|
305
|
+
height: 1px ! important;
|
306
|
+
border: none;
|
307
|
+
background-color: #DADADA;
|
308
|
+
}
|
309
|
+
|
310
|
+
/* Lists
|
311
|
+
-----------------------------------------------*/
|
312
|
+
|
313
|
+
ul,
|
314
|
+
ol {
|
315
|
+
margin-top: 1.5em;
|
316
|
+
margin-bottom: 1.5em;
|
317
|
+
padding-left: 1.9em;
|
318
|
+
margin-left: 3.5em;
|
319
|
+
}
|
320
|
+
|
321
|
+
ul {
|
322
|
+
list-style: circle;
|
323
|
+
}
|
324
|
+
|
325
|
+
ol {
|
326
|
+
list-style-image: none ;
|
327
|
+
}
|
328
|
+
|
329
|
+
ul li,
|
330
|
+
ol li {
|
331
|
+
line-height: 1.5em;
|
332
|
+
}
|
333
|
+
|
334
|
+
ul ul,
|
335
|
+
ul ol,
|
336
|
+
ol ul,
|
337
|
+
ol ol {
|
338
|
+
margin-left: 0.5em;
|
339
|
+
margin-top: 0.3em;
|
340
|
+
margin-bottom: 0.3em;
|
341
|
+
}
|
342
|
+
|
343
|
+
ul li p,
|
344
|
+
ol li p {
|
345
|
+
margin-bottom: 0.3em;
|
346
|
+
line-height: 1.5em;
|
347
|
+
margin-left: 0 ;
|
348
|
+
}
|
349
|
+
|
350
|
+
dl {
|
351
|
+
margin-top: 1.5em;
|
352
|
+
margin-left: 3.5em;
|
353
|
+
}
|
354
|
+
|
355
|
+
dl dt {
|
356
|
+
font-weight: bold;
|
357
|
+
}
|
358
|
+
|
359
|
+
dl dt:after {
|
360
|
+
content: ": "
|
361
|
+
}
|
362
|
+
|
363
|
+
dl dd {
|
364
|
+
margin-left: 2em;
|
365
|
+
margin-bottom: 1em;
|
366
|
+
line-height: 1.5em;
|
367
|
+
}
|
368
|
+
|
369
|
+
dl dd ul,
|
370
|
+
dl dd ol {
|
371
|
+
margin: 0;
|
372
|
+
padding-top: 0;
|
373
|
+
margin-left: 4em;
|
374
|
+
}
|
375
|
+
|
376
|
+
/* Tables
|
377
|
+
-----------------------------------------------*/
|
378
|
+
|
379
|
+
table {
|
380
|
+
margin-top: 0.5em;
|
381
|
+
margin-bottom: 0.5em;
|
382
|
+
margin-left: 1.5em;
|
383
|
+
border-collapse: collapse;
|
384
|
+
}
|
385
|
+
|
386
|
+
table.menu {
|
387
|
+
margin:0;
|
388
|
+
margin-left: 3.5em;
|
389
|
+
padding:0;
|
390
|
+
}
|
391
|
+
|
392
|
+
table caption {
|
393
|
+
font-style: italic;
|
394
|
+
text-align: center;
|
395
|
+
}
|
396
|
+
|
397
|
+
table tr th {
|
398
|
+
font-weight: bold;
|
399
|
+
}
|
400
|
+
|
401
|
+
table tr td,
|
402
|
+
table tr th {
|
403
|
+
border: 1pt;
|
404
|
+
border-style: solid;
|
405
|
+
border-color: #CCC;
|
406
|
+
padding-top: 0.25em;
|
407
|
+
padding-right: 0.5em;
|
408
|
+
padding-bottom: 0.25em;
|
409
|
+
padding-left: 0.5em;
|
410
|
+
}
|
411
|
+
|
412
|
+
table tr td p {
|
413
|
+
margin: 0;
|
414
|
+
padding: 0;
|
415
|
+
}
|
416
|
+
|
417
|
+
/* Forms
|
418
|
+
-----------------------------------------------*/
|
419
|
+
|
420
|
+
form {
|
421
|
+
display: inline;
|
422
|
+
}
|
423
|
+
|
424
|
+
input[type="submit"],
|
425
|
+
input[type="button"] {
|
426
|
+
padding: 1px;
|
427
|
+
}
|
428
|
+
|
429
|
+
input[type="submit"],
|
430
|
+
input[type="button"],
|
431
|
+
input[type="button"],
|
432
|
+
input[type="submit"] {
|
433
|
+
font-size: 0.8em;
|
434
|
+
border-width: 1px;
|
435
|
+
border-style: solid;
|
436
|
+
border-color: #628ECA;
|
437
|
+
background-color: #204a87;
|
438
|
+
color: #FFF;
|
439
|
+
cursor: pointer;
|
440
|
+
display: inline;
|
441
|
+
text-decoration: none;
|
442
|
+
}
|
443
|
+
|
444
|
+
input[type="text"],
|
445
|
+
textarea {
|
446
|
+
font-size: 0.8em;
|
447
|
+
display: inline;
|
448
|
+
padding: 2px;
|
449
|
+
padding-left: 4px;
|
450
|
+
border: 1px solid #628ECA;
|
451
|
+
background-color: #EFF5FE;
|
452
|
+
color: #204a87;
|
453
|
+
}
|
454
|
+
|
455
|
+
select {
|
456
|
+
font-size: 0.8em;
|
457
|
+
display: inline;
|
458
|
+
padding: 1px;
|
459
|
+
border: 1px solid #628ECA;
|
460
|
+
background-color: #EFF5FE;
|
461
|
+
color: #204a87;
|
462
|
+
}
|
463
|
+
|
464
|
+
form p {
|
465
|
+
display: inline;
|
466
|
+
margin-left: 5px;
|
467
|
+
margin-right: 5px;
|
468
|
+
}
|
469
|
+
|
470
|
+
textarea {
|
471
|
+
padding: 2px;
|
472
|
+
}
|
473
|
+
|
474
|
+
input[type="text"] {
|
475
|
+
padding: 1px;
|
476
|
+
}
|
477
|
+
|
478
|
+
/* Select
|
479
|
+
---------------------------------------- */
|
480
|
+
|
481
|
+
select option {
|
482
|
+
padding-left: 3px;
|
483
|
+
padding-right: 3px;
|
484
|
+
}
|
485
|
+
|
486
|
+
select optgroup {
|
487
|
+
font-style: normal;
|
488
|
+
font-weight: bold;
|
489
|
+
padding-left: 3px;
|
490
|
+
}
|
491
|
+
|
492
|
+
select optgroup option {
|
493
|
+
margin-left: 1em;
|
494
|
+
}
|
495
|
+
|
496
|
+
input[type="radio"],
|
497
|
+
input[type="checkbox"] {
|
498
|
+
vertical-align: middle;
|
499
|
+
}
|
500
|
+
|
501
|
+
fieldset {
|
502
|
+
margin: 1em;
|
503
|
+
padding: 1em;
|
504
|
+
padding-bottom: 5px;
|
505
|
+
margin-left: 1.5em;
|
506
|
+
border: 1px solid #AAA;
|
507
|
+
}
|
508
|
+
|
509
|
+
fieldset legend {
|
510
|
+
font-weight: bold;
|
511
|
+
color: #AAA;
|
512
|
+
}
|
@@ -0,0 +1,440 @@
|
|
1
|
+
/* CSS
|
2
|
+
*
|
3
|
+
* Webenv/webenv.css -- This file provides CentOS customization to
|
4
|
+
*
|
5
|
+
*/
|
6
|
+
|
7
|
+
/* Main Blocks
|
8
|
+
-----------------------------------------------*/
|
9
|
+
|
10
|
+
div#page-header {
|
11
|
+
background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1360x250.jpg") 0 0;
|
12
|
+
min-height: 46px;
|
13
|
+
}
|
14
|
+
|
15
|
+
div#page-footer {
|
16
|
+
background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1360x250.jpg") 0 100%;
|
17
|
+
padding: 10px;
|
18
|
+
}
|
19
|
+
|
20
|
+
div#page-footer div.top img {
|
21
|
+
border:none;
|
22
|
+
float:right;
|
23
|
+
}
|
24
|
+
|
25
|
+
div#page-header div.links,
|
26
|
+
div#page-footer div.credits {
|
27
|
+
font-size: x-small;
|
28
|
+
color: #FFF;
|
29
|
+
}
|
30
|
+
|
31
|
+
div#page-footer div.credits a {
|
32
|
+
color: #FFF;
|
33
|
+
font-style: italic;
|
34
|
+
}
|
35
|
+
|
36
|
+
div#wrap {
|
37
|
+
padding: 0 10px 0 10px;
|
38
|
+
background-color: #FFF;
|
39
|
+
}
|
40
|
+
|
41
|
+
div#page-header,
|
42
|
+
div#wrap,
|
43
|
+
div#page-body,
|
44
|
+
div#page-footer {
|
45
|
+
min-width: 650px;
|
46
|
+
}
|
47
|
+
|
48
|
+
div#page-body {
|
49
|
+
clear: both;
|
50
|
+
background-color: #ECF4FF;
|
51
|
+
}
|
52
|
+
|
53
|
+
div#page-body-left {
|
54
|
+
border-right: 3px #729FCF solid;
|
55
|
+
margin-right: 180px;
|
56
|
+
padding: 20px;
|
57
|
+
background-color: #FFF;
|
58
|
+
}
|
59
|
+
|
60
|
+
div#page-body-right {
|
61
|
+
width: 180px;
|
62
|
+
float:right;
|
63
|
+
font-size: small;
|
64
|
+
}
|
65
|
+
|
66
|
+
/* Logo
|
67
|
+
-----------------------------------------------*/
|
68
|
+
|
69
|
+
div#page-header div#logo img {
|
70
|
+
border: none;
|
71
|
+
float: left;
|
72
|
+
margin: 5px;
|
73
|
+
}
|
74
|
+
|
75
|
+
/* Links
|
76
|
+
-----------------------------------------------*/
|
77
|
+
|
78
|
+
/* Base */
|
79
|
+
|
80
|
+
a:link { text-decoration: none; color: #0044B3; }
|
81
|
+
a:hover { text-decoration: underline; color: green; }
|
82
|
+
a:active { text-decoration: underline; color: green; }
|
83
|
+
a:visited { text-decoration: none; color: #0044B3; }
|
84
|
+
a:visited:hover { text-decoration: underline; color: green; }
|
85
|
+
|
86
|
+
/* Broken or nonexistent links */
|
87
|
+
|
88
|
+
div#page-body a.nonexistent,
|
89
|
+
div#page-body a.nonexistent:hover { color: gray; }
|
90
|
+
|
91
|
+
/* Special decoration for some links' classes */
|
92
|
+
|
93
|
+
div#page-body a.www:before {
|
94
|
+
white-space:nowrap;
|
95
|
+
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
|
96
|
+
margin: 0 0.2em;
|
97
|
+
}
|
98
|
+
|
99
|
+
div#page-body a.http:before {
|
100
|
+
white-space:nowrap;
|
101
|
+
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
|
102
|
+
margin: 0 0.2em;
|
103
|
+
}
|
104
|
+
|
105
|
+
div#page-body a.https:before {
|
106
|
+
white-space:nowrap;
|
107
|
+
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
|
108
|
+
margin: 0 0.2em;
|
109
|
+
}
|
110
|
+
|
111
|
+
div#page-body a.mailto:before {
|
112
|
+
white-space:nowrap;
|
113
|
+
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/email.png);
|
114
|
+
margin: 0 0.2em;
|
115
|
+
}
|
116
|
+
|
117
|
+
div#page-body a.attachment:before {
|
118
|
+
white-space:nowrap;
|
119
|
+
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/attach.png);
|
120
|
+
margin: 0 0.2em;
|
121
|
+
}
|
122
|
+
|
123
|
+
/* */
|
124
|
+
|
125
|
+
div#page-header div.links {
|
126
|
+
margin-right: 10px;
|
127
|
+
margin-top: 10px;
|
128
|
+
}
|
129
|
+
|
130
|
+
div#page-header div.links div.user,
|
131
|
+
div#page-header div.links div.trail {
|
132
|
+
display: block;
|
133
|
+
margin: 5px;
|
134
|
+
font-size: x-small;
|
135
|
+
text-align: right;
|
136
|
+
color: #fff;
|
137
|
+
}
|
138
|
+
|
139
|
+
div#page-body-left div.trail a {
|
140
|
+
font-size: small;
|
141
|
+
}
|
142
|
+
|
143
|
+
div#page-header div.links div.user a,
|
144
|
+
div#page-header div.links div.trail a {
|
145
|
+
color: #FFF;
|
146
|
+
margin-right: 5px;
|
147
|
+
}
|
148
|
+
|
149
|
+
div#page-header div.links div.user span {
|
150
|
+
border-right: 1px dotted #FFF;
|
151
|
+
padding-right: 3px;
|
152
|
+
}
|
153
|
+
|
154
|
+
div#page-header div.links div.user span,
|
155
|
+
div#page-header div.links div.trail span {
|
156
|
+
display: inline;
|
157
|
+
margin-left: 5px;
|
158
|
+
}
|
159
|
+
|
160
|
+
div#page-header div.links div.user span.last,
|
161
|
+
div#page-header div.links div.trail span.last {
|
162
|
+
border-right: none;
|
163
|
+
padding-right: 0;
|
164
|
+
}
|
165
|
+
|
166
|
+
div#page-header div.links div.user span.last a,
|
167
|
+
div#page-header div.links div.trail span.last a {
|
168
|
+
margin-right: 0;
|
169
|
+
}
|
170
|
+
|
171
|
+
div#page-header div.links div.trail span:after,
|
172
|
+
div#page-body-left div.trail span:after {
|
173
|
+
content: " » ";
|
174
|
+
}
|
175
|
+
|
176
|
+
div#page-header div.links div.trail span.last:after,
|
177
|
+
div#page-body-left div.trail span.last:after {
|
178
|
+
content: none;
|
179
|
+
}
|
180
|
+
|
181
|
+
/* Headings
|
182
|
+
-----------------------------------------------*/
|
183
|
+
|
184
|
+
div#page-body h1 {
|
185
|
+
font-size: 1.7em;
|
186
|
+
font-weight: bold;
|
187
|
+
line-height: 1.9em;
|
188
|
+
margin-top: 0.9em;
|
189
|
+
margin-bottom: 0.9em;
|
190
|
+
padding-left: 0.7em;
|
191
|
+
color: #FFF;
|
192
|
+
border: none;
|
193
|
+
background: #204C8D url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h1-bg.png");
|
194
|
+
}
|
195
|
+
|
196
|
+
div#page-body h2 {
|
197
|
+
font-size: 1.4em;
|
198
|
+
line-height: 1.8em;
|
199
|
+
margin-top: 1.6em;
|
200
|
+
margin-bottom: 0.8em;
|
201
|
+
padding-left: 0.7em;
|
202
|
+
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
|
203
|
+
border: none;
|
204
|
+
color: #072B61;
|
205
|
+
}
|
206
|
+
|
207
|
+
div#page-body h3 {
|
208
|
+
font-size: 1.25em;
|
209
|
+
line-height: 1.6em;
|
210
|
+
margin-top: 1em;
|
211
|
+
margin-bottom: 0.5em;
|
212
|
+
padding-left: 0.7em;
|
213
|
+
color: #072B61;
|
214
|
+
border-bottom-width: 1px;
|
215
|
+
border-bottom-style: solid;
|
216
|
+
border-bottom-color: #DADADA;
|
217
|
+
}
|
218
|
+
|
219
|
+
div#page-body h4 {
|
220
|
+
font-size: 1.2em;
|
221
|
+
line-height: 1.4em;
|
222
|
+
margin-top: 1em;
|
223
|
+
margin-bottom: 0.5em;
|
224
|
+
padding-left: 0.7em;
|
225
|
+
color: #072B61;
|
226
|
+
border-bottom: none;
|
227
|
+
}
|
228
|
+
|
229
|
+
div#page-body h5 {
|
230
|
+
font-size: 1.1em;
|
231
|
+
line-height: 1.1em;
|
232
|
+
margin-top: 1em;
|
233
|
+
margin-bottom: 0.5em;
|
234
|
+
padding-left: 0.7em;
|
235
|
+
color: #072B61;
|
236
|
+
font-weight: bold;
|
237
|
+
border-bottom: none;
|
238
|
+
}
|
239
|
+
|
240
|
+
div#page-body h6 {
|
241
|
+
font-size: 1em;
|
242
|
+
line-height: 1.1em;
|
243
|
+
margin-top: 1em;
|
244
|
+
margin-bottom: 0.5em;
|
245
|
+
padding-left: 0.7em;
|
246
|
+
color: #072B61;
|
247
|
+
font-weight: bold;
|
248
|
+
border-bottom: none;
|
249
|
+
}
|
250
|
+
|
251
|
+
div#page-body h1 a:link { text-decoration: none; color: #FFF }
|
252
|
+
div#page-body h1 a:hover { text-decoration: none; color: #FFF; }
|
253
|
+
div#page-body h1 a:active { text-decoration: underline; color: #FFF; }
|
254
|
+
div#page-body h1 a:visited { text-decoration: none; color: #FFF; }
|
255
|
+
div#page-body h1 a:visited:hover { text-decoration: none; color: #FFF; }
|
256
|
+
|
257
|
+
div#page-body h2 a:link, div#page-body h2 a:visited, div#page-body h2 a:hover,
|
258
|
+
div#page-body h2 a:active, div#page-body h2 a:visited:hover,
|
259
|
+
div#page-body h3 a:link, div#page-body h3 a:visited, div#page-body h3 a:hover,
|
260
|
+
div#page-body h3 a:active, div#page-body h3 a:visited:hover,
|
261
|
+
div#page-body h4 a:link, div#page-body h4 a:visited, div#page-body h4 a:hover,
|
262
|
+
div#page-body h4 a:active, div#page-body h4 a:visited:hover,
|
263
|
+
div#page-body h5 a:link, div#page-body h5 a:visited, div#page-body h5 a:hover,
|
264
|
+
div#page-body h5 a:active, div#page-body h5 a:visited:hover,
|
265
|
+
div#page-body h6 a:link, div#page-body h6 a:visited, div#page-body h6 a:hover,
|
266
|
+
div#page-body h6 a:active, div#page-body h6 a:visited:hover {
|
267
|
+
color: #072B61;
|
268
|
+
text-decoration: none;
|
269
|
+
}
|
270
|
+
|
271
|
+
/* Paragraphs
|
272
|
+
-----------------------------------------------*/
|
273
|
+
|
274
|
+
div#page-body p {
|
275
|
+
margin: 1em;
|
276
|
+
margin-left: 1.5em;
|
277
|
+
line-height: 1.5em;
|
278
|
+
}
|
279
|
+
|
280
|
+
/* Quotations
|
281
|
+
-----------------------------------------------*/
|
282
|
+
|
283
|
+
div#page-body blockquote {
|
284
|
+
background-color: #ECECEC;
|
285
|
+
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-gray.png");
|
286
|
+
border-width: 1px;
|
287
|
+
border-style: solid;
|
288
|
+
border-color: #CFCFCF;
|
289
|
+
border-left-width: 4px;
|
290
|
+
margin: 1em;
|
291
|
+
}
|
292
|
+
|
293
|
+
div#page-body blockquote p {
|
294
|
+
margin: 1em;
|
295
|
+
}
|
296
|
+
|
297
|
+
div#page-body blockquote.message {
|
298
|
+
border: none;
|
299
|
+
border-top: 4px solid;
|
300
|
+
border-bottom: 4px solid;
|
301
|
+
margin-left: 15%;
|
302
|
+
margin-right: 15%;
|
303
|
+
border-color: #CFCFCF;
|
304
|
+
padding: 0 2em;
|
305
|
+
}
|
306
|
+
|
307
|
+
div#page-body blockquote.message p.content {
|
308
|
+
font-weight: bold;
|
309
|
+
margin-left: 0;
|
310
|
+
}
|
311
|
+
|
312
|
+
div#page-body blockquote.message p.links {
|
313
|
+
font-size: x-small;
|
314
|
+
margin-left: 0;
|
315
|
+
}
|
316
|
+
|
317
|
+
div#page-body blockquote.blue {
|
318
|
+
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-blue.png");
|
319
|
+
border-color: #D2E0F6;
|
320
|
+
background-color: #ECF4FF;
|
321
|
+
}
|
322
|
+
|
323
|
+
div#page-body blockquote.orange {
|
324
|
+
border-color: #F6E7D2;
|
325
|
+
background-color: #FFF8EC;
|
326
|
+
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-orange.png");
|
327
|
+
}
|
328
|
+
|
329
|
+
div#page-body blockquote.violet {
|
330
|
+
border-color: #F6D2F6;
|
331
|
+
background-color: #FFECFF;
|
332
|
+
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-violet.png");
|
333
|
+
}
|
334
|
+
|
335
|
+
div#page-body blockquote.red {
|
336
|
+
border-color: #E0B7B7;
|
337
|
+
background-color: #FFECEC;
|
338
|
+
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-red.png");
|
339
|
+
}
|
340
|
+
|
341
|
+
div#page-body blockquote.green {
|
342
|
+
border-color: #D6F6D2;
|
343
|
+
background-color: #EEFFEC;
|
344
|
+
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-green.png");
|
345
|
+
}
|
346
|
+
|
347
|
+
div#page-body blockquote img {
|
348
|
+
vertical-align: middle;
|
349
|
+
margin-right: 20px;
|
350
|
+
}
|
351
|
+
|
352
|
+
div#page-body q:before {
|
353
|
+
content: " “";
|
354
|
+
}
|
355
|
+
|
356
|
+
div#page-body q:after {
|
357
|
+
content: "” ";
|
358
|
+
}
|
359
|
+
|
360
|
+
div#page-body q q:before {
|
361
|
+
content: " ‘";
|
362
|
+
}
|
363
|
+
|
364
|
+
div#page-body q q:after {
|
365
|
+
content: "’ ";
|
366
|
+
}
|
367
|
+
|
368
|
+
div#page-body address {
|
369
|
+
margin-left: 1.5em;
|
370
|
+
}
|
371
|
+
|
372
|
+
/* Preformatted Texts
|
373
|
+
-----------------------------------------------*/
|
374
|
+
|
375
|
+
div#page-body pre {
|
376
|
+
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
|
377
|
+
padding: 0.5em 1em;
|
378
|
+
margin: 0.5em 0 0.5em 1.5em;
|
379
|
+
white-space: pre;
|
380
|
+
border-width: 1px;
|
381
|
+
border-style: solid;
|
382
|
+
border-color: #E5E5E5;
|
383
|
+
border-left-width: 4px;
|
384
|
+
white-space: pre;
|
385
|
+
background: #FFFAE9;
|
386
|
+
overflow: auto;
|
387
|
+
}
|
388
|
+
|
389
|
+
/* Phrase Elements
|
390
|
+
-----------------------------------------------*/
|
391
|
+
|
392
|
+
div#page-body tt,
|
393
|
+
div#page-body samp,
|
394
|
+
div#page-body kbd,
|
395
|
+
div#page-body code {
|
396
|
+
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
|
397
|
+
}
|
398
|
+
|
399
|
+
/* Page Lines
|
400
|
+
-----------------------------------------------*/
|
401
|
+
|
402
|
+
div.page-line {
|
403
|
+
clear: both;
|
404
|
+
margin: 0;
|
405
|
+
padding: 0;
|
406
|
+
background-color: transparent;
|
407
|
+
}
|
408
|
+
|
409
|
+
div.page-line.white {
|
410
|
+
height: 1px;
|
411
|
+
background-color: #FFF;
|
412
|
+
}
|
413
|
+
|
414
|
+
/* Lists
|
415
|
+
-----------------------------------------------*/
|
416
|
+
|
417
|
+
div#page-body ul {
|
418
|
+
list-style: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/ul.png") circle;
|
419
|
+
}
|
420
|
+
|
421
|
+
div#page-body-right ul {
|
422
|
+
padding: 1em;
|
423
|
+
margin: 0;
|
424
|
+
list-style: none;
|
425
|
+
border-top: 1px #FFF solid;
|
426
|
+
}
|
427
|
+
|
428
|
+
div#page-body-right ul.first {
|
429
|
+
border-top: none;
|
430
|
+
}
|
431
|
+
|
432
|
+
div#page-body-right ul li {
|
433
|
+
padding: 0.3em;
|
434
|
+
}
|
435
|
+
|
436
|
+
div#page-body-right ul li.current {
|
437
|
+
font-weight: bold;
|
438
|
+
}
|
439
|
+
|
440
|
+
|
@@ -0,0 +1,42 @@
|
|
1
|
+
/* CSS
|
2
|
+
*
|
3
|
+
* Home/stylesheet.css -- This file provides the visual style
|
4
|
+
* import list of CentOS web environment.
|
5
|
+
*
|
6
|
+
* Copyright (C) 2009-2010 Alain Reguera Delgado
|
7
|
+
*
|
8
|
+
* This program is free software; you can redistribute it and/or
|
9
|
+
* modify it under the terms of the GNU General Public License as
|
10
|
+
* published by the Free Software Foundation; either version 2 of the
|
11
|
+
* License, or (at your option) any later version.
|
12
|
+
*
|
13
|
+
* This program is distributed in the hope that it will be useful, but
|
14
|
+
* WITHOUT ANY WARRANTY; without even the implied warranty of
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
16
|
+
* General Public License for more details.
|
17
|
+
*
|
18
|
+
* You should have received a copy of the GNU General Public License
|
19
|
+
* along with this program; if not, write to the Free Software
|
20
|
+
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
|
21
|
+
* USA.
|
22
|
+
*
|
23
|
+
* ----------------------------------------------------------------------
|
24
|
+
* $Id$
|
25
|
+
* ----------------------------------------------------------------------
|
26
|
+
*/
|
27
|
+
|
28
|
+
/* Common:
|
29
|
+
*
|
30
|
+
* CSS definitions used to build the base visual style of CentOS web
|
31
|
+
* environment. It should always be loaded in first place.
|
32
|
+
*/
|
33
|
+
|
34
|
+
@import url("/home/centos/artwork/trunk/Identity/Models/Css/Home/base.css") screen, projection;
|
35
|
+
@import url("/home/centos/artwork/trunk/Identity/Models/Css/Home/home.css") screen, projection;
|
36
|
+
|
37
|
+
/* Miscellaneous:
|
38
|
+
*
|
39
|
+
* CSS definitions used to build visual effects. New definitions may
|
40
|
+
* be added as time goes by.
|
41
|
+
*/
|
42
|
+
@import url("/home/centos/artwork/trunk/Identity/Models/Css/Home/tabs.css") screen, projection;
|
@@ -0,0 +1,75 @@
|
|
1
|
+
/* CentOS Cascading Style Sheet
|
2
|
+
* -----------------------------------------------
|
3
|
+
* File : tabs.css
|
4
|
+
* Category : root / common / miscellaneous
|
5
|
+
* Theme : Modern
|
6
|
+
* Description : CSS definitions used to build the CentOS common
|
7
|
+
* visual style for tabs.
|
8
|
+
* -----------------------------------------------
|
9
|
+
* Author : CentOS Artwork SIG
|
10
|
+
* License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt)
|
11
|
+
* -----------------------------------------------
|
12
|
+
*/
|
13
|
+
|
14
|
+
|
15
|
+
/* Tabs (Style 2): Two Rounded Borders
|
16
|
+
-----------------------------------------------*/
|
17
|
+
|
18
|
+
div#page-header div.tabs1 {
|
19
|
+
margin-left: 10px;
|
20
|
+
margin-right: 10px;
|
21
|
+
margin-top: 21px;
|
22
|
+
float:right;
|
23
|
+
}
|
24
|
+
|
25
|
+
div#page-header div.tabs1 a {
|
26
|
+
color: #FFF;
|
27
|
+
float: left;
|
28
|
+
font-weight: bold;
|
29
|
+
margin-right: 3px;
|
30
|
+
padding: 0px 8px 0 0px;
|
31
|
+
text-decoration: none;
|
32
|
+
}
|
33
|
+
|
34
|
+
div#page-header div.tabs1 span.current a,
|
35
|
+
div#page-header div.tabs1 span.current a:hover,
|
36
|
+
div#page-header div.tabs1 span.current a span,
|
37
|
+
div#page-header div.tabs1 span.current a:hover span {
|
38
|
+
color: #204A87;
|
39
|
+
text-decoration: none;
|
40
|
+
}
|
41
|
+
|
42
|
+
div#page-header div.tabs1 a span,
|
43
|
+
div#page-footer div.tabs1 a span {
|
44
|
+
float: left;
|
45
|
+
padding: 5px 0px 3px 8px;
|
46
|
+
}
|
47
|
+
|
48
|
+
/* */
|
49
|
+
|
50
|
+
div#page-header div.tabs1 a {
|
51
|
+
background: none;
|
52
|
+
}
|
53
|
+
|
54
|
+
div#page-header div.tabs1 a span {
|
55
|
+
background: none;
|
56
|
+
}
|
57
|
+
|
58
|
+
div#page-header div.tabs1 span.current a,
|
59
|
+
div#page-header div.tabs1 span.current a:hover {
|
60
|
+
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -50px no-repeat;
|
61
|
+
}
|
62
|
+
|
63
|
+
div#page-header div.tabs1 span.current a span,
|
64
|
+
div#page-header div.tabs1 span.current a:hover span {
|
65
|
+
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -50px no-repeat;
|
66
|
+
}
|
67
|
+
|
68
|
+
div#page-header div.tabs1 span:hover a {
|
69
|
+
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% 0 no-repeat;
|
70
|
+
}
|
71
|
+
|
72
|
+
div#page-header div.tabs1 span:hover a span {
|
73
|
+
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 0;
|
74
|
+
}
|
75
|
+
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<meta name="description" content="The CentOS web environment html definitions." />
|
13
13
|
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
14
14
|
|
15
|
-
<title>
|
15
|
+
<title>Headings - Home</title>
|
16
16
|
|
17
17
|
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
18
18
|
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -116,7 +132,7 @@
|
|
116
132
|
<span><a title="Welcome to the web special interest group"
|
117
133
|
href="index.html"><span>Welcome</span></a></span>
|
118
134
|
|
119
|
-
<span
|
135
|
+
<span class="current"><a title="CentOS headings visual style guide."
|
120
136
|
href="headings.html"><span>Headings</span></a></span>
|
121
137
|
|
122
138
|
<span><a title="CentOS texts visual style guide."
|
@@ -131,7 +147,7 @@
|
|
131
147
|
<span><a title="CentOS tables visual style guide."
|
132
148
|
href="tables.html"><span>Tables</span></a></span>
|
133
149
|
|
134
|
-
<span
|
150
|
+
<span><a title="CentOS forms visual style guide."
|
135
151
|
href="forms.html"><span>Forms</span></a></span>
|
136
152
|
|
137
153
|
<span><a title="CentOS pagination visual style guide."
|
@@ -149,6 +165,46 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
|
152
208
|
</div>
|
153
209
|
|
154
210
|
<!--
|
@@ -164,7 +220,7 @@
|
|
164
220
|
alt="Top"/></a>
|
165
221
|
<div>
|
166
222
|
|
167
|
-
<div class="
|
223
|
+
<div class="credits">
|
168
224
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
225
|
reserved.<br />This website is licensed under a <a
|
170
226
|
rel="license"
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -149,6 +165,101 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
<h1>Headings</h1>
|
208
|
+
|
209
|
+
<p>CentOS Headings Visual Style Guide.</p>
|
210
|
+
|
211
|
+
<h2>Recommendations</h2>
|
212
|
+
|
213
|
+
<ul>
|
214
|
+
|
215
|
+
<li>Defining headings' HTML structure both as anchor
|
216
|
+
and link. This may help to make references to specific
|
217
|
+
topics.</li>
|
218
|
+
|
219
|
+
<li>Using an automatically generated number for
|
220
|
+
heading's anchor name. To avoid duplications we could
|
221
|
+
take the heading string and determine its md5 number
|
222
|
+
and use that number as anchor name. See examples
|
223
|
+
below.</li>
|
224
|
+
|
225
|
+
<li>...</li>
|
226
|
+
|
227
|
+
</ul>
|
228
|
+
|
229
|
+
<h2>Example</h2>
|
230
|
+
|
231
|
+
<h1><a
|
232
|
+
name="head-5871b1272673f7cf89bcaf48972c848a"
|
233
|
+
href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
|
234
|
+
<pre><h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1></pre>
|
235
|
+
|
236
|
+
<h2><a name="head-d33a28a4193cffb949f506cfdf770f05"
|
237
|
+
href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
|
238
|
+
|
239
|
+
<pre><h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2></pre>
|
240
|
+
|
241
|
+
<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a"
|
242
|
+
href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
|
243
|
+
|
244
|
+
<pre><h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3></pre>
|
245
|
+
|
246
|
+
<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8"
|
247
|
+
href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
|
248
|
+
|
249
|
+
<pre><h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4></pre>
|
250
|
+
|
251
|
+
<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6"
|
252
|
+
href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
|
253
|
+
|
254
|
+
<pre><h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5></pre>
|
255
|
+
|
256
|
+
<h6><a name="head-93b42a4a61a0b05a81aff6224555603c"
|
257
|
+
href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></h6>
|
258
|
+
|
259
|
+
<pre><h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6></pre>
|
260
|
+
|
261
|
+
</div>
|
262
|
+
|
152
263
|
</div>
|
153
264
|
|
154
265
|
<!--
|
@@ -164,7 +275,7 @@
|
|
164
275
|
alt="Top"/></a>
|
165
276
|
<div>
|
166
277
|
|
167
|
-
<div class="
|
278
|
+
<div class="credits">
|
168
279
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
280
|
reserved.<br />This website is licensed under a <a
|
170
281
|
rel="license"
|
@@ -8,11 +8,11 @@
|
|
8
8
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
9
9
|
<meta http-equiv="content-style-type" content="text/css" />
|
10
10
|
<meta http-equiv="content-language" content="en" />
|
11
|
-
<meta name="keywords" content="
|
12
|
-
<meta name="description" content="html definitions." />
|
11
|
+
<meta name="keywords" content="centos web environment" />
|
12
|
+
<meta name="description" content="The CentOS web environment html definitions." />
|
13
13
|
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
14
14
|
|
15
|
-
<title>
|
15
|
+
<title>Headings - Home</title>
|
16
16
|
|
17
17
|
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
18
18
|
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -113,10 +129,10 @@
|
|
113
129
|
|
114
130
|
<div class="tabs1">
|
115
131
|
|
116
|
-
<span
|
132
|
+
<span><a title="Welcome to the web special interest group"
|
117
133
|
href="index.html"><span>Welcome</span></a></span>
|
118
134
|
|
119
|
-
<span
|
135
|
+
<span class="current"><a title="CentOS headings visual style guide."
|
120
136
|
href="headings.html"><span>Headings</span></a></span>
|
121
137
|
|
122
138
|
<span><a title="CentOS texts visual style guide."
|
@@ -149,12 +165,52 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
|
152
208
|
</div>
|
153
209
|
|
154
210
|
<!--
|
155
211
|
Start page footer definitions.
|
156
212
|
-->
|
157
|
-
|
213
|
+
<div class="page-line white"><hr style="display:none;" /></div>
|
158
214
|
<div id="page-footer">
|
159
215
|
|
160
216
|
<div class="top">
|
@@ -164,7 +220,7 @@
|
|
164
220
|
alt="Top"/></a>
|
165
221
|
<div>
|
166
222
|
|
167
|
-
<div class="
|
223
|
+
<div class="credits">
|
168
224
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
225
|
reserved.<br />This website is licensed under a <a
|
170
226
|
rel="license"
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<meta name="description" content="The CentOS web environment html definitions." />
|
13
13
|
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
14
14
|
|
15
|
-
<title>
|
15
|
+
<title>Headings - Home</title>
|
16
16
|
|
17
17
|
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
18
18
|
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -116,7 +132,7 @@
|
|
116
132
|
<span><a title="Welcome to the web special interest group"
|
117
133
|
href="index.html"><span>Welcome</span></a></span>
|
118
134
|
|
119
|
-
<span
|
135
|
+
<span class="current"><a title="CentOS headings visual style guide."
|
120
136
|
href="headings.html"><span>Headings</span></a></span>
|
121
137
|
|
122
138
|
<span><a title="CentOS texts visual style guide."
|
@@ -125,7 +141,7 @@
|
|
125
141
|
<span><a title="CentOS lists visual style guide."
|
126
142
|
href="lists.html"><span>Lists</span></a></span>
|
127
143
|
|
128
|
-
<span
|
144
|
+
<span><a title="CentOS links visual style guide."
|
129
145
|
href="links.html"><span>Links</span></a></span>
|
130
146
|
|
131
147
|
<span><a title="CentOS tables visual style guide."
|
@@ -149,6 +165,46 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
|
152
208
|
</div>
|
153
209
|
|
154
210
|
<!--
|
@@ -164,7 +220,7 @@
|
|
164
220
|
alt="Top"/></a>
|
165
221
|
<div>
|
166
222
|
|
167
|
-
<div class="
|
223
|
+
<div class="credits">
|
168
224
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
225
|
reserved.<br />This website is licensed under a <a
|
170
226
|
rel="license"
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<meta name="description" content="The CentOS web environment html definitions." />
|
13
13
|
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
14
14
|
|
15
|
-
<title>
|
15
|
+
<title>Headings - Home</title>
|
16
16
|
|
17
17
|
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
18
18
|
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -116,13 +132,13 @@
|
|
116
132
|
<span><a title="Welcome to the web special interest group"
|
117
133
|
href="index.html"><span>Welcome</span></a></span>
|
118
134
|
|
119
|
-
<span
|
135
|
+
<span class="current"><a title="CentOS headings visual style guide."
|
120
136
|
href="headings.html"><span>Headings</span></a></span>
|
121
137
|
|
122
138
|
<span><a title="CentOS texts visual style guide."
|
123
139
|
href="texts.html"><span>Texts</span></a></span>
|
124
140
|
|
125
|
-
<span
|
141
|
+
<span><a title="CentOS lists visual style guide."
|
126
142
|
href="lists.html"><span>Lists</span></a></span>
|
127
143
|
|
128
144
|
<span><a title="CentOS links visual style guide."
|
@@ -149,6 +165,46 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
|
152
208
|
</div>
|
153
209
|
|
154
210
|
<!--
|
@@ -164,7 +220,7 @@
|
|
164
220
|
alt="Top"/></a>
|
165
221
|
<div>
|
166
222
|
|
167
|
-
<div class="
|
223
|
+
<div class="credits">
|
168
224
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
225
|
reserved.<br />This website is licensed under a <a
|
170
226
|
rel="license"
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<meta name="description" content="The CentOS web environment html definitions." />
|
13
13
|
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
14
14
|
|
15
|
-
<title>
|
15
|
+
<title>Headings - Home</title>
|
16
16
|
|
17
17
|
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
18
18
|
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -116,7 +132,7 @@
|
|
116
132
|
<span><a title="Welcome to the web special interest group"
|
117
133
|
href="index.html"><span>Welcome</span></a></span>
|
118
134
|
|
119
|
-
<span
|
135
|
+
<span class="current"><a title="CentOS headings visual style guide."
|
120
136
|
href="headings.html"><span>Headings</span></a></span>
|
121
137
|
|
122
138
|
<span><a title="CentOS texts visual style guide."
|
@@ -134,7 +150,7 @@
|
|
134
150
|
<span><a title="CentOS forms visual style guide."
|
135
151
|
href="forms.html"><span>Forms</span></a></span>
|
136
152
|
|
137
|
-
<span
|
153
|
+
<span><a title="CentOS pagination visual style guide."
|
138
154
|
href="pagination.html"><span>Pagination</span></a></span>
|
139
155
|
|
140
156
|
</div>
|
@@ -149,6 +165,46 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
|
152
208
|
</div>
|
153
209
|
|
154
210
|
<!--
|
@@ -164,7 +220,7 @@
|
|
164
220
|
alt="Top"/></a>
|
165
221
|
<div>
|
166
222
|
|
167
|
-
<div class="
|
223
|
+
<div class="credits">
|
168
224
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
225
|
reserved.<br />This website is licensed under a <a
|
170
226
|
rel="license"
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<meta name="description" content="The CentOS web environment html definitions." />
|
13
13
|
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
14
14
|
|
15
|
-
<title>
|
15
|
+
<title>Headings - Home</title>
|
16
16
|
|
17
17
|
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
18
18
|
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -116,7 +132,7 @@
|
|
116
132
|
<span><a title="Welcome to the web special interest group"
|
117
133
|
href="index.html"><span>Welcome</span></a></span>
|
118
134
|
|
119
|
-
<span
|
135
|
+
<span class="current"><a title="CentOS headings visual style guide."
|
120
136
|
href="headings.html"><span>Headings</span></a></span>
|
121
137
|
|
122
138
|
<span><a title="CentOS texts visual style guide."
|
@@ -128,7 +144,7 @@
|
|
128
144
|
<span><a title="CentOS links visual style guide."
|
129
145
|
href="links.html"><span>Links</span></a></span>
|
130
146
|
|
131
|
-
<span
|
147
|
+
<span><a title="CentOS tables visual style guide."
|
132
148
|
href="tables.html"><span>Tables</span></a></span>
|
133
149
|
|
134
150
|
<span><a title="CentOS forms visual style guide."
|
@@ -149,6 +165,46 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
|
152
208
|
</div>
|
153
209
|
|
154
210
|
<!--
|
@@ -164,7 +220,7 @@
|
|
164
220
|
alt="Top"/></a>
|
165
221
|
<div>
|
166
222
|
|
167
|
-
<div class="
|
223
|
+
<div class="credits">
|
168
224
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
225
|
reserved.<br />This website is licensed under a <a
|
170
226
|
rel="license"
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<meta name="description" content="The CentOS web environment html definitions." />
|
13
13
|
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
14
14
|
|
15
|
-
<title>
|
15
|
+
<title>Headings - Home</title>
|
16
16
|
|
17
17
|
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
18
18
|
|
@@ -91,18 +91,34 @@
|
|
91
91
|
Google promotion ads.
|
92
92
|
-->
|
93
93
|
|
94
|
-
<!--
|
95
|
-
Application specific links for user stuff. Use this section
|
96
|
-
to set Login, Register, Lost your passwrod? and so
|
97
|
-
links.
|
98
|
-
-->
|
99
94
|
<div class="page-line white"><hr style="display:none;" /></div>
|
100
95
|
<div class="links">
|
96
|
+
|
97
|
+
<!--
|
98
|
+
Application specific links for user stuff. Use this
|
99
|
+
section to set Login, Register, Lost your passwrod?
|
100
|
+
and so links.
|
101
|
+
-->
|
101
102
|
<div class="user">
|
102
103
|
<span><a href="">Login</a></span>
|
103
104
|
<span><a href="">Register</a></span>
|
104
105
|
<span class="last"><a href="">Lost your password?</a></span>
|
105
106
|
</div>
|
107
|
+
|
108
|
+
<!--
|
109
|
+
Application specific links for trail sutff. Use this
|
110
|
+
section if your application trails the pages you've
|
111
|
+
visited.
|
112
|
+
-->
|
113
|
+
<div class="trail">
|
114
|
+
<span><a href="">Pagination</a></span>
|
115
|
+
<span><a href="">Lists</a></span>
|
116
|
+
<span><a href="">Headings</a></span>
|
117
|
+
<span><a href="">Links</a></span>
|
118
|
+
<span><a href="">Texts</a></span>
|
119
|
+
<span class="last"><a href="">Home</a></span>
|
120
|
+
</div>
|
121
|
+
|
106
122
|
</div>
|
107
123
|
|
108
124
|
<!--
|
@@ -116,10 +132,10 @@
|
|
116
132
|
<span><a title="Welcome to the web special interest group"
|
117
133
|
href="index.html"><span>Welcome</span></a></span>
|
118
134
|
|
119
|
-
<span
|
135
|
+
<span class="current"><a title="CentOS headings visual style guide."
|
120
136
|
href="headings.html"><span>Headings</span></a></span>
|
121
137
|
|
122
|
-
<span
|
138
|
+
<span><a title="CentOS texts visual style guide."
|
123
139
|
href="texts.html"><span>Texts</span></a></span>
|
124
140
|
|
125
141
|
<span><a title="CentOS lists visual style guide."
|
@@ -149,6 +165,46 @@
|
|
149
165
|
|
150
166
|
<div id="page-body">
|
151
167
|
|
168
|
+
<div id="page-body-right">
|
169
|
+
|
170
|
+
<ul class="first">
|
171
|
+
<li>The following links are specific to major release of
|
172
|
+
CentOS distribution:</li>
|
173
|
+
</ul>
|
174
|
+
|
175
|
+
<ul>
|
176
|
+
<li><a href="">Release Notes</a></li>
|
177
|
+
<li><a href="">Lifetime</a></li>
|
178
|
+
<li><a href="">Downloads</a></li>
|
179
|
+
<li><a href="">Documentation</a></li>
|
180
|
+
<li class="current"><a href="">Security Advisories</a></li>
|
181
|
+
<li><a href="">Bugs</a></li>
|
182
|
+
<li><a href="">Tips and tricks</a></li>
|
183
|
+
<li><a href="">HowTos</a></li>
|
184
|
+
</ul>
|
185
|
+
|
186
|
+
<ul>
|
187
|
+
<li>In this bar, it is possible to separate links by
|
188
|
+
blocks.</li>
|
189
|
+
</ul>
|
190
|
+
</div>
|
191
|
+
|
192
|
+
<div id="page-body-left">
|
193
|
+
|
194
|
+
<!--
|
195
|
+
Application specific links for breadcrumbs sutff. Use this
|
196
|
+
section if your application supports breadcrumbs.
|
197
|
+
-->
|
198
|
+
<div class="trail">
|
199
|
+
<span><a href="">Pagination</a></span>
|
200
|
+
<span><a href="">Lists</a></span>
|
201
|
+
<span><a href="">Headings</a></span>
|
202
|
+
<span><a href="">Links</a></span>
|
203
|
+
<span><a href="">Texts</a></span>
|
204
|
+
<span class="last"><a href="">Home</a></span>
|
205
|
+
</div>
|
206
|
+
|
207
|
+
|
152
208
|
</div>
|
153
209
|
|
154
210
|
<!--
|
@@ -164,7 +220,7 @@
|
|
164
220
|
alt="Top"/></a>
|
165
221
|
<div>
|
166
222
|
|
167
|
-
<div class="
|
223
|
+
<div class="credits">
|
168
224
|
Copyright 2009-2010 © Alain Reguera Delgado. All rights
|
169
225
|
reserved.<br />This website is licensed under a <a
|
170
226
|
rel="license"
|
@@ -0,0 +1,81 @@
|
|
1
|
+
"1.0" encoding="UTF-8" standalone="no" xml version=
|
2
|
+
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
3
|
+
<svg
|
4
|
+
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
5
|
+
xmlns:cc="http://creativecommons.org/ns#"
|
6
|
+
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
7
|
+
xmlns:svg="http://www.w3.org/2000/svg"
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
9
|
+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
10
|
+
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
11
|
+
width="16"
|
12
|
+
height="16"
|
13
|
+
id="svg2"
|
14
|
+
sodipodi:version="0.32"
|
15
|
+
inkscape:version="0.46"
|
16
|
+
version="1.0"
|
17
|
+
sodipodi:docname="top.svg"
|
18
|
+
inkscape:output_extension="org.inkscape.output.svg.inkscape">
|
19
|
+
<defs
|
20
|
+
id="defs4">
|
21
|
+
<inkscape:perspective
|
22
|
+
sodipodi:type="inkscape:persp3d"
|
23
|
+
inkscape:vp_x="0 : 526.18109 : 1"
|
24
|
+
inkscape:vp_y="0 : 1000 : 0"
|
25
|
+
inkscape:vp_z="744.09448 : 526.18109 : 1"
|
26
|
+
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
|
27
|
+
id="perspective10" />
|
28
|
+
</defs>
|
29
|
+
<sodipodi:namedview
|
30
|
+
id="base"
|
31
|
+
pagecolor="#ffffff"
|
32
|
+
bordercolor="#666666"
|
33
|
+
borderopacity="1.0"
|
34
|
+
gridtolerance="10000"
|
35
|
+
guidetolerance="10"
|
36
|
+
objecttolerance="10"
|
37
|
+
inkscape:pageopacity="0.0"
|
38
|
+
inkscape:pageshadow="2"
|
39
|
+
inkscape:zoom="10.416667"
|
40
|
+
inkscape:cx="-9.8345459"
|
41
|
+
inkscape:cy="3.2286337"
|
42
|
+
inkscape:document-units="px"
|
43
|
+
inkscape:current-layer="layer1"
|
44
|
+
showgrid="false"
|
45
|
+
showborder="true"
|
46
|
+
inkscape:showpageshadow="false"
|
47
|
+
inkscape:window-width="1360"
|
48
|
+
inkscape:window-height="693"
|
49
|
+
inkscape:window-x="0"
|
50
|
+
inkscape:window-y="25" />
|
51
|
+
<metadata
|
52
|
+
id="metadata7">
|
53
|
+
<rdf:RDF>
|
54
|
+
<cc:Work
|
55
|
+
rdf:about="">
|
56
|
+
<dc:format>image/svg+xml</dc:format>
|
57
|
+
<dc:type
|
58
|
+
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
59
|
+
</cc:Work>
|
60
|
+
</rdf:RDF>
|
61
|
+
</metadata>
|
62
|
+
<g
|
63
|
+
inkscape:label="Layer 1"
|
64
|
+
inkscape:groupmode="layer"
|
65
|
+
id="layer1"
|
66
|
+
transform="translate(-2,4)">
|
67
|
+
<rect
|
68
|
+
style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
|
69
|
+
id="CENTOSARTWORK"
|
70
|
+
width="16"
|
71
|
+
height="16"
|
72
|
+
x="2"
|
73
|
+
y="-4"
|
74
|
+
inkscape:label="#rect2386" />
|
75
|
+
<path
|
76
|
+
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:0;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
|
77
|
+
d="M 15.821623,8.8064917 L 4.1783767,8.8064917 L 10,-0.80649213 L 15.821623,8.8064917 z"
|
78
|
+
id="path2383"
|
79
|
+
sodipodi:nodetypes="cccc" />
|
80
|
+
</g>
|
81
|
+
</svg>
|