slitaz-forge view play.slitaz.me/style.css @ rev 683

play.slitaz.me: style for preformated
author Christophe Lincoln <pankso@slitaz.org>
date Sun Mar 19 01:35:01 2017 +0100 (2017-03-19)
parents 05f93a926597
children c586893082d2
line source
1 /* CSS style for play.SliTaz.me */
2
3 html { min-height: 102%; }
4 body { font-size: 90%; margin: 0; }
5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
6 h1 a { color: #fff; text-decoration: none; }
7 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
8 a { text-decoration: underline; color: #215090; }
9 a:hover { text-decoration: none; }
10 img { border: 0pt none; vertical-align: middle; }
11 pre {
12 overflow: auto;
13 font-size: 120%;
14 background-color: #f8f8f8;
15 border: 1px solid #ddd;
16 padding: 10px;
17 }
18 pre img { margin: 4px 4px 4px 0px; }
19
20 table { width: 100%; border-collapse: collapse; }
21 thead { font-weight: bold; }
22 tr { padding:.3em 1em; border-bottom: 1px solid #ddd; }
23 td { padding: 4px 0; }
24
25 /* Header */
26
27 header {
28 background: #222;
29 height: 40px;
30 border-bottom: 4px solid #682368;
31 }
32
33 header h1 {
34 margin: 0;
35 padding: 8px 0 0 42px;
36 width: 250px;
37 }
38
39 header h1 a {
40 color: white;
41 text-decoration: none;
42 font-size: 20px;
43 font-style: italic;
44 }
45
46 header h1 a:hover {
47 color: #afafaf;
48 }
49
50 /* Header links */
51
52 #network {
53 float: right;
54 padding: 14px 5px 0;
55 font-size: 12px;
56 }
57
58 #network a, #network span {
59 padding: 0 4px;
60 color: #fff;
61 font-weight: bold;
62 text-decoration: none;
63 }
64
65 #network a:hover, #network span { color: #afafaf; }
66
67 /* Logo */
68
69 #logo {
70 background: url(images/logo.png) no-repeat left;
71 position: absolute;
72 float: left;
73 left: 0px;
74 top: 0px;
75 width: 40px;
76 height: 40px;
77 }
78
79 /* Content */
80
81 #content {
82 margin: 40px auto;
83 padding: 0 20px;
84 text-align: justify;
85 max-width: 720px;
86 }
87
88 /* Round corner */
89
90 pre, img, .box, input[type="text"] {
91 -moz-border-radius: 4px;
92 -webkit-border-radius: 4px;
93 border-radius: 4px;
94 }
95
96 /* Footer */
97
98 #footer {
99 text-align: center;
100 padding: 20px;
101 border-top: 1px solid #ddd;
102 font-size: 90%;
103 }
104
105 #footer a { padding: 0 2px; }