static/style.css
author Tero Marttila <terom@fixme.fi>
Sun, 08 Feb 2009 02:55:53 +0200
branchsites
changeset 43 fc11c4e86a82
parent 28 b68145b5ce24
permissions -rw-r--r--
implement channel_view count, the query stuff, css, layout all need some cleanup :(
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
28
b68145b5ce24 breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 26
diff changeset
   102
div#breadcrumb {
b68145b5ce24 breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 26
diff changeset
   103
    font-size: x-small;
b68145b5ce24 breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 26
diff changeset
   104
}
b68145b5ce24 breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 26
diff changeset
   105
21
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   106
/*
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   107
 * Footer
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   108
 */
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
   109
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
   110
    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
   111
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
    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
   113
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
    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
   115
    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
   116
}
21
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   117
26
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   118
div#footer-left {
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   119
    float: left;
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   120
}
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   121
21
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   122
div#footer-right {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   123
    float: right;
26
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   124
    text-align: right;
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   125
}
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   126
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   127
div#footer-center {
9d3beac1b196 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 24
diff changeset
   128
    text-align: center;
21
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
/*
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   132
 * General styles
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
a {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   135
    color: black;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   136
    text-decoration: none;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   137
    font-weight: bold;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   138
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   139
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   140
a:hover {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   141
    text-decoration: underline;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   142
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   143
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   144
h1 {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   145
    font-size: x-large;
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
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   148
h2 {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   149
    font-size: large;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   150
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   151
24
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   152
div#content p {
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   153
    margin-left: 0.5em;
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   154
}
a84322e9df8d layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 21
diff changeset
   155
21
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   156
#content li {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   157
    padding: 2px;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   158
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   159
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   160
#content a {
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   161
    padding-right: 13px;
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   162
    
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   163
    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
   164
}
b05979822dee some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 20
diff changeset
   165