static/style.css
author Tero Marttila <terom@fixme.fi>
Sat, 07 Feb 2009 03:35:37 +0200
changeset 20 d40c339d3778
parent 18 0e701fbd6760
child 21 b05979822dee
permissions -rw-r--r--
I know I'm very naive to think I've solved my CSS layout problems now...
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
a {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    25
    color: black;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    26
    text-decoration: none;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    27
    font-weight: bold;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    28
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    29
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    30
a:hover {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    31
    text-decoration: underline;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    32
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    33
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    34
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    35
 * Top header
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    36
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    37
div#header {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    38
    padding: 30px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    39
    
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    40
    font-size: 48pt;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    41
    font-weight: bold;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    42
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    43
    border-bottom: 1px dashed #a5a5a5;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    44
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    45
11
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    46
div#header a:hover {
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    47
    text-decoration: none;
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    48
}
fa216534ae45 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 9
diff changeset
    49
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    50
/*
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
    51
 * 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
    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
 #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
    54
    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
    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
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
    57
/*
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    58
 * Main navigation menu
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    59
 */
18
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    60
#nav { 
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    61
    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
    62
    
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
    63
    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
    64
    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
    65
    
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
    66
    border-right: 1px dashed #a5a5a5;
18
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    67
}
0e701fbd6760 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 12
diff changeset
    68
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    69
#nav ul {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    70
    margin: 0px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    71
    padding: 0px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    72
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    73
    list-style: none;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    74
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    75
    width: 180px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    76
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    77
    padding-top: 25px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    78
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    79
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    80
#nav ul ul {
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    81
    padding-top: 0px;
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    82
    border-left: 15px solid #d0d0d0;
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    83
}
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    84
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    85
#nav li a {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    86
    display: block;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    87
    
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    88
    padding: 10px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    89
    padding-left: 20px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    90
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    91
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    92
#nav li a:hover {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    93
    background-color: #d0d0d0;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    94
    text-decoration: none;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    95
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    96
12
2abc5ace0b15 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 11
diff changeset
    97
#nav li a.selected-page {
2
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    98
    border-left: 5px solid black;
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    99
    padding-left: 15px;
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
   100
}
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
   101
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   102
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   103
 * Content
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   104
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   105
div#content {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   106
    margin-left: 180px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   107
    padding: 25px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   108
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   109
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   110
div#content p {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   111
    text-indent: 2em;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   112
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
   113
}
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
   114
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
   115
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
   116
    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
   117
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
   118
    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
   119
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
   120
    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
   121
    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
   122
}