static/style.css
author Tero Marttila <terom@fixme.fi>
Sat, 07 Feb 2009 04:40:37 +0200
changeset 24 a84322e9df8d
parent 21 b05979822dee
child 26 9d3beac1b196
permissions -rw-r--r--
layout, content tweaks
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     2
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     3
 * Three main areas:
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     4
 *  header
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     5
 *  nav
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     6
 *  content
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     7
 *
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     8
 * Border layout:
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
     9
 *      Header (bottom)
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    10
 *      Content (left)
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    11
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    12
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    13
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    14
 * Global styles
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    15
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    16
body {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    17
    padding: 0px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    18
    margin: 0px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    19
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    20
    background-color: #ffffff;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    21
    color: #000000;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    22
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    23
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    24
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    25
 * Top header
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    26
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    27
div#header {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    28
    padding: 30px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    29
    
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    30
    font-size: 48pt;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    31
    font-weight: bold;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    32
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    33
    border-bottom: 1px dashed #a5a5a5;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    34
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    35
11
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    36
div#header a:hover {
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    37
    text-decoration: none;
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    38
}
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    39
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    40
/*
20
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    41
 * Container for layout items
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    42
 */
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    43
 #container {
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    44
    overflow: hidden;
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    45
}
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    46
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    47
/*
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    48
 * Main navigation menu
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    49
 */
18
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    50
#nav { 
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    51
    float: left;
20
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    52
    
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    53
    padding-bottom: 2000px;
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    54
    margin-bottom: -2000px;
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    55
    
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
    56
    border-right: 1px dashed #a5a5a5;
18
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    57
}
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    58
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    59
#nav ul {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    60
    margin: 0px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    61
    padding: 0px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    62
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    63
    list-style: none;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    64
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    65
    width: 180px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    66
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    67
    padding-top: 25px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    68
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    69
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    70
#nav ul ul {
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    71
    padding-top: 0px;
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    72
    border-left: 15px solid #d0d0d0;
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    73
}
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    74
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    75
#nav li a {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    76
    display: block;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    77
    
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    78
    padding: 10px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    79
    padding-left: 20px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    80
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    81
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    82
#nav li a:hover {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    83
    background-color: #d0d0d0;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    84
    text-decoration: none;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    85
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    86
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    87
#nav li a.selected-page {
2
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    88
    border-left: 5px solid black;
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    89
    padding-left: 15px;
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    90
}
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    91
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    92
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    93
 * Content
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    94
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    95
div#content {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    96
    margin-left: 180px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    97
    padding: 25px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    98
24
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
    99
    padding-right: 50px;
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   100
}
20
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   101
21
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   102
/*
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   103
 * Footer
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   104
 */
20
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   105
div#footer {
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   106
    padding: 10px;
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   107
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   108
    border-top: 1px dashed #a5a5a5;
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   109
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   110
    font-size: x-small;
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   111
    font-style: italic;
d40c339d3778 I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 18
diff changeset
   112
}
21
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   113
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   114
div#footer-right {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   115
    float: right;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   116
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   117
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   118
/*
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   119
 * General styles
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   120
 */
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   121
a {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   122
    color: black;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   123
    text-decoration: none;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   124
    font-weight: bold;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   125
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   126
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   127
a:hover {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   128
    text-decoration: underline;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   129
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   130
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   131
h1 {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   132
    font-size: x-large;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   133
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   134
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   135
h2 {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   136
    font-size: large;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   137
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   138
24
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   139
div#content p {
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   140
    margin-left: 0.5em;
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   141
}
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   142
21
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   143
#content li {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   144
    padding: 2px;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   145
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   146
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   147
#content a {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   148
    padding-right: 13px;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   149
    
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   150
    background: transparent url(/static/link.png) no-repeat center right;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   151
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   152