MinimalMoin

Annotated themes/minimalmoin/css/screen.css

3:9cd672476ce8
2010-02-01 Paul Boddie Changed link appearance, making it more consistent for different link types. Removed the padding around page previews.
paul@0 1
/*  screen.css - MoinMoin Default Styles
paul@0 2
paul@0 3
Copyright (c) 2010 Paul Boddie <paul@boddie.org.uk>
paul@0 4
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
paul@0 5
*/
paul@0 6
paul@0 7
/* content styles */
paul@0 8
paul@0 9
body {
paul@0 10
    padding: 0;
paul@0 11
    margin: 0;
paul@0 12
    border: 0;
paul@0 13
}
paul@0 14
paul@0 15
a:link { color: #47f; text-decoration: none; }
paul@3 16
a:link:hover, a:link:active { color: green; text-decoration: underline; }
paul@3 17
a:visited { color: #04a; text-decoration: none; }
paul@3 18
a:visited:hover { color: red; text-decoration: underline; }
paul@3 19
a.nonexistent:link { color: #666; text-decoration: none; }
paul@3 20
a.nonexistent:hover { color: black; text-decoration: underline; }
paul@0 21
paul@0 22
a.download {
paul@0 23
    font-size: 120%; 
paul@0 24
    letter-spacing: 0.05em;
paul@0 25
    font-weight: bold;
paul@0 26
    background: #E7E7E7;
paul@0 27
    border: 1px solid #9C9C9C;
paul@0 28
    padding: 0.5em;
paul@0 29
    text-align: center;
paul@0 30
}
paul@0 31
paul@0 32
input {
paul@0 33
}
paul@0 34
paul@0 35
textarea {
paul@0 36
    font-size: 1em;
paul@0 37
    font-family: monospace;
paul@0 38
}
paul@0 39
paul@0 40
.disabled {
paul@0 41
    color: gray;
paul@0 42
}
paul@0 43
paul@0 44
/* user interface styles */
paul@0 45
paul@0 46
#header {
paul@0 47
    background: #eeeeee;
paul@0 48
    padding: 0;
paul@0 49
    border-bottom: 2px solid black;
paul@0 50
}
paul@0 51
paul@0 52
#footer {
paul@0 53
    background: #eeeeee;
paul@0 54
    padding: 0;
paul@0 55
    border-top: 2px solid black;
paul@0 56
}
paul@0 57
paul@0 58
/* Menu regions. */
paul@0 59
paul@0 60
.editing,
paul@0 61
#identity,
paul@0 62
#navigation {
paul@0 63
    margin-top: 1.5em; /* can be removed if menutitle is undisplayed */
paul@0 64
}
paul@0 65
paul@0 66
#navigation {
paul@0 67
    background: #dddddd;
paul@0 68
}
paul@0 69
paul@0 70
#identity {
paul@0 71
    background: #333333;
paul@0 72
    color: white;
paul@0 73
}
paul@0 74
paul@0 75
.menutitleholder {
paul@0 76
    position: relative;
paul@0 77
    padding-top: 0.5em; /* can be removed if menutitle is undisplayed */
paul@0 78
}
paul@0 79
paul@0 80
.menutitle {
paul@0 81
    position: absolute;
paul@0 82
    bottom: 1em;
paul@0 83
    left: 0;
paul@0 84
    padding: 0.25em;
paul@0 85
    margin: 0.25em;
paul@0 86
    background: #999999;
paul@0 87
    color: white;
paul@0 88
    /* display: none; */
paul@0 89
}
paul@0 90
paul@0 91
/* Menus and lists. */
paul@0 92
paul@0 93
.editbar,
paul@2 94
#mainpages,
paul@0 95
#navibar,
paul@0 96
#username,
paul@0 97
#pageabout,
paul@0 98
#pagelocation {
paul@0 99
    display: inline-block;
paul@0 100
}
paul@0 101
paul@0 102
.editbar,
paul@2 103
#mainpages,
paul@0 104
#pageabout,
paul@0 105
#pagelocation,
paul@0 106
#pagetrail,
paul@0 107
#navibar {
paul@0 108
    padding: 0.5em 0;
paul@0 109
    margin: 0;
paul@0 110
    color: black;
paul@0 111
}
paul@0 112
paul@0 113
#username {
paul@0 114
    padding: 0.5em 0;
paul@0 115
    margin: 0;
paul@0 116
}
paul@0 117
paul@0 118
.editbar li,
paul@2 119
#mainpages li,
paul@0 120
#pageabout li,
paul@0 121
#pagelocation li,
paul@0 122
#pagetrail li,
paul@0 123
#username li,
paul@0 124
#navibar li {
paul@0 125
    display: inline;
paul@0 126
    padding: 0.5em 1em;
paul@0 127
    white-space: nowrap;
paul@0 128
}
paul@0 129
paul@0 130
#navibar li.wikilink {
paul@0 131
    background: #dddddd;
paul@0 132
}
paul@0 133
paul@0 134
#navibar li.userlink {
paul@0 135
    background: #cccccc;
paul@0 136
}
paul@0 137
paul@0 138
.editbar a,
paul@0 139
.editbar a:visited,
paul@0 140
#username a,
paul@0 141
#username a:visited,
paul@0 142
#navibar a,
paul@0 143
#navibar a:visited {
paul@0 144
    text-decoration: none !important;
paul@0 145
}
paul@0 146
paul@0 147
.editbar a,
paul@0 148
.editbar a:visited,
paul@0 149
#username a,
paul@0 150
#username a:visited {
paul@0 151
    color: inherit !important;
paul@0 152
}
paul@0 153
paul@0 154
#username li.current a,
paul@0 155
#navibar li.current a {
paul@0 156
    font-weight: bold;
paul@0 157
}
paul@0 158
paul@0 159
.editbar form, .editbar form div {
paul@0 160
    display: inline;
paul@0 161
    margin: 0;
paul@0 162
}
paul@0 163
paul@0 164
.editbar select {
paul@0 165
    font-size: 100%;
paul@0 166
    vertical-align: middle;
paul@0 167
}
paul@0 168
paul@0 169
/* Other elements. */
paul@0 170
paul@0 171
#logo {
paul@0 172
    float: left;
paul@0 173
    margin: 0.5em;
paul@0 174
    padding: 0;
paul@0 175
    /* For text only logo */
paul@0 176
    font-size: larger;
paul@0 177
    font-weight: bold;
paul@0 178
}
paul@0 179
paul@0 180
*[dir="rtl"] #logo {
paul@0 181
    float: right;
paul@0 182
}
paul@0 183
paul@0 184
#logo img {
paul@0 185
    vertical-align: middle;
paul@0 186
}
paul@0 187
paul@0 188
#logo a {
paul@0 189
    color: black;
paul@0 190
    text-decoration: none;
paul@0 191
}
paul@0 192
paul@0 193
#searchform {
paul@0 194
    margin: 4px 0.5em 8px 0.5em;
paul@0 195
    padding: 0;
paul@0 196
    font-size: 0.82em;
paul@0 197
    float: right;
paul@0 198
    clear: right;
paul@0 199
    text-align: right;
paul@0 200
}
paul@0 201
paul@0 202
*[dir="rtl"] #searchform {
paul@0 203
    float: left;
paul@0 204
    clear: left;
paul@0 205
    text-align: left;
paul@0 206
}
paul@0 207
paul@0 208
#searchform input {
paul@0 209
    font-size: 100%;
paul@0 210
    vertical-align: middle;
paul@0 211
}
paul@0 212
paul@0 213
#pageline {
paul@0 214
}
paul@0 215
paul@0 216
#message {
paul@0 217
    clear: both;
paul@0 218
    margin: 0;
paul@0 219
    padding: 5px 10px;
paul@0 220
    border-bottom: 1px solid #c9c9c9;
paul@0 221
    background: #E6EAF0;
paul@0 222
}
paul@0 223
paul@0 224
#message p {
paul@0 225
    margin: 5px 0;
paul@0 226
    padding: 0;
paul@0 227
    /* font-weight: bold; */
paul@0 228
}
paul@0 229
paul@0 230
#message div.buttons {
paul@0 231
    font-weight: normal;
paul@0 232
}
paul@0 233
paul@0 234
.dialog form {
paul@0 235
    margin: 0 15px;
paul@0 236
}
paul@0 237
paul@0 238
.dialog td {
paul@0 239
    border: none;
paul@0 240
    padding: 5px;
paul@0 241
}
paul@0 242
paul@0 243
.dialog td.label {
paul@0 244
    text-align: right;
paul@0 245
    font-weight: bold;
paul@0 246
    width: 25%;
paul@0 247
}
paul@0 248
paul@0 249
*[dir="rtl"] .dialog td.label {
paul@0 250
    text-align: left;
paul@0 251
}
paul@0 252
paul@0 253
.dialog td.content input {
paul@0 254
    width: 100%;
paul@0 255
}
paul@0 256
paul@0 257
#page {
paul@0 258
    background-color: white;
paul@0 259
    margin: 0;
paul@0 260
    padding: 2px 20px 20px 20px;
paul@0 261
}
paul@0 262
paul@0 263
/* We use here dumb css1 ids because of IE suckiness */
paul@0 264
#editor-textarea, #editor-help {
paul@0 265
    font-family: monospace;
paul@0 266
    border: 1px solid #8cacbb;  
paul@0 267
    color: black;
paul@0 268
    background-color: white;
paul@0 269
    padding: 3px;
paul@0 270
    width: 100%;
paul@0 271
    margin-top: 0.5em;
paul@0 272
}
paul@0 273
paul@0 274
#editor-help {
paul@0 275
    font-size: small;
paul@0 276
    background-color: #EEEEFF;
paul@0 277
}
paul@0 278
paul@0 279
#editor-comment {
paul@0 280
    font-size: 100%;
paul@0 281
    border: 1px solid #8cacbb;
paul@0 282
    color: black;
paul@0 283
    background-color: white;
paul@0 284
    vertical-align: middle;
paul@0 285
    padding: 1px;
paul@0 286
    display: inline;
paul@0 287
    width: 70%;
paul@0 288
}
paul@0 289
paul@0 290
#preview, #previewbelow {
paul@0 291
    background: url(../img/draft.png);
paul@0 292
    margin-top: 0.5em;
paul@0 293
}
paul@0 294
paul@0 295
#textcha {
paul@0 296
    font-size: 100%;
paul@0 297
    margin-top: 0.5em;
paul@0 298
    border: 2px solid #FF8888;
paul@0 299
    color: black;
paul@0 300
    vertical-align: middle;
paul@0 301
    padding: 3px 2px;
paul@0 302
}
paul@0 303
paul@0 304
#textcha-answer {
paul@0 305
    border: 2px solid #000000;
paul@0 306
    padding: 3px 2px;
paul@0 307
}
paul@0 308
paul@0 309
input.button {
paul@0 310
}
paul@0 311
paul@0 312
#credits, #version, #timings{
paul@0 313
    margin: 5px 10px;
paul@0 314
    padding: 0;
paul@0 315
    text-align: center;
paul@0 316
    font-size: 0.88em;
paul@0 317
    color: #6C7680;
paul@0 318
}
paul@0 319
paul@0 320
#credits li, #timings li {
paul@0 321
    display: inline;
paul@0 322
    padding: 0 2px;
paul@0 323
    margin: 0 4px;
paul@0 324
}
paul@0 325
paul@0 326
#credits img {
paul@0 327
    vertical-align: middle;
paul@0 328
}
paul@0 329
paul@0 330
.diff {
paul@0 331
    width:99%;
paul@0 332
}
paul@0 333
paul@0 334
.diff-header {
paul@0 335
    font-weight: bold;
paul@0 336
}
paul@0 337
paul@0 338
.diff-title {
paul@0 339
    background-color: #C0C0C0;
paul@0 340
}
paul@0 341
paul@0 342
.diff-added {
paul@0 343
    background-color: #E0FFE0;
paul@0 344
    vertical-align: sub;
paul@0 345
}
paul@0 346
paul@0 347
.diff-removed {
paul@0 348
    background-color: #FFFFE0;
paul@0 349
    vertical-align: sub;
paul@0 350
}
paul@0 351
paul@0 352
.diff-added span {
paul@0 353
    background-color: #80FF80;
paul@0 354
}
paul@0 355
paul@0 356
.diff-removed span {
paul@0 357
    background-color: #FFFF80;
paul@0 358
}
paul@0 359
paul@0 360
table.navigation {
paul@0 361
    float: right;
paul@0 362
    margin: 2px;
paul@0 363
}
paul@0 364
        
paul@0 365
#openididentifier {
paul@0 366
    background: url(../../common/openid.png) no-repeat;
paul@0 367
    background-position: 0 50%;
paul@0 368
    padding-left: 18px;
paul@0 369
}