Projet

Général

Profil

Paste
Télécharger (3,3 ko) Statistiques
| Branche: | Révision:

root / htmltest / sites / all / themes / tao / base.css @ 6c38d829

1
/**
2
 * Base styles.
3
 * Provides sensible defaults for everything to save you time. Override
4
 * with an empty stylesheet to start over from scratch.
5
 */
6

    
7
/**
8
 * Skip navigation ====================================================
9
 */
10
#skip-link {
11
  position:absolute;
12
  display:block;
13
  }
14

    
15
#skip-link a,
16
#skip-link a:link,
17
#skip-link a:visited {
18
  position:absolute;
19
  display:block;
20
  left:-10000px;
21
  width:1px;
22
  height:1px;
23
  }
24

    
25
#skip-link a:hover,
26
#skip-link a:active,
27
#skip-link a:focus {
28
  position:static;
29
  width:auto;
30
  height:auto;
31
  }
32

    
33
/**
34
 * Page width limiter =================================================
35
 *
36
 * Can be nested within major structural elements to allow full-width
37
 * bleeds combined with a fixed page width. Set a width on this in your
38
 * theme to get a consistent page width on major elements.
39
 */
40
.limiter { margin:0px auto; }
41

    
42
/**
43
 * Links ==============================================================
44
 *
45
 * Any ul.links are given a horizontal tab-like formatting.
46
 */
47
ul.links li,
48
ul.links li a { float:left; }
49

    
50
ul.links.inline,
51
ul.links.inline li,
52
ul.links.inline li a {
53
  float:none;
54
  display:inline;
55
  }
56

    
57
/**
58
 * Prose ==============================================================
59
 *
60
 * By default, any text which is suspected to have gone through an
61
 * input filter is given the 'prose' class. We want to format it with
62
 * readability and nice defaults in mind.
63
 */
64
.prose { line-height:20px; }
65

    
66
.prose h1,
67
.prose h2,
68
.prose h3,
69
.prose h4,
70
.prose h5,
71
.prose h6,
72
.prose p,
73
.prose ul,
74
.prose ol,
75
.prose pre,
76
.prose div.codeblock,
77
.prose blockquote { margin: 0px 0px 20px; }
78

    
79
.prose h1,
80
.prose h2,
81
.prose h3,
82
.prose h4,
83
.prose h5,
84
.prose h6 { font-weight:bold; }
85
.prose h1 { font-size:18px; }
86
.prose h2 { font-size:15px; }
87

    
88
.prose pre,
89
.prose code,
90
.prose div.codeblock {
91
  font-size:11px;
92
  font-family: monospace;
93
  }
94

    
95
.prose pre,
96
.prose blockquote,
97
.prose div.codeblock {
98
  line-height:20px;
99
  background:#f8f8f8;
100
  padding:4px 9px;
101
  border:1px solid #eee;
102
  border-left:5px solid #eee;
103
  }
104

    
105
.prose ol li,
106
.prose ul li {
107
  display:list-item;
108
  margin:0px 0px 0px 30px;
109
  padding:0px;
110
  }
111

    
112
.prose ol li { list-style:decimal; }
113

    
114
.prose ul li { list-style:disc; }
115

    
116
.prose img { display:block; }
117

    
118
/* Excluding Drupal structures */
119
.prose .links,
120
.prose .links li,
121
.prose .item-list ul,
122
.prose .item-list li {
123
  margin:0px;
124
  padding:0px;
125
  list-style:none;
126
  }
127

    
128
/**
129
 * Tables =============================================================
130
 */
131
table {
132
  width:100%;
133
  margin:0px 0px 20px;
134
  }
135

    
136
table th,
137
table td { vertical-align:middle; }
138

    
139
/**
140
 * Forms ==============================================================
141
 */
142
input.form-text,
143
select,
144
textarea { border:1px solid #ccc; }
145

    
146
input.form-submit,
147
label { font-weight:bold; }
148

    
149
input.form-submit { cursor:pointer; }
150

    
151
input.form-radio,
152
input.form-checkbox { vertical-align:middle; }
153

    
154
.form-item .description,
155
.description {
156
  color:#666;
157
  font-size:11px;
158
  }
159

    
160
fieldset.collapsible .fieldset-title { cursor:pointer; }
161
html.js fieldset.collapsed .fieldset-content { display:none; }
162

    
163
/**
164
 * Views ==============================================================
165
 */
166
table.grid-2 td { width:50%; }
167
table.grid-3 td { width:33.3%; }
168
table.grid-4 td { width:25%; }
169
table.grid-5 td { width:20%; }
170
table.grid-6 td { width:16.6%; }
171
table.grid-7 td { width:14.2%; }
172
table.grid-8 td { width:12.5%; }