qmsk_www/static/style.css
author Tero Marttila <terom@paivola.fi>
Sun, 14 Sep 2014 02:28:42 +0300
changeset 204 99f9e50030ae
parent 193 87612e81aec5
child 208 1407c79961ef
permissions -rw-r--r--
site layout: update style.css for use with bootstrap
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
/*
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    14
 * General
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    15
 */
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    16
a:hover {
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    17
    color: inherit;
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    18
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    19
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    20
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    21
 * Top header
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    22
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    23
div#header {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    24
    padding: 30px;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    25
    
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    26
    border-bottom: 1px dashed #a5a5a5;
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    27
}
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    28
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    29
div#header h1 {
1
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
153
01f5ef2890c4 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 151
diff changeset
    34
div#header a:hover {
01f5ef2890c4 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 151
diff changeset
    35
    text-decoration: none;
01f5ef2890c4 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 151
diff changeset
    36
}
01f5ef2890c4 funky PageTree stuff
Tero Marttila <terom@fixme.fi>
parents: 151
diff changeset
    37
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    38
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    39
 * Main navigation menu
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    40
 */
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    41
#nav {
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    42
160
f1e92703a903 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 154
diff changeset
    43
}
f1e92703a903 fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents: 154
diff changeset
    44
154
4a77c68e62f7 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 153
diff changeset
    45
#nav ul {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    46
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    47
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    48
154
4a77c68e62f7 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 153
diff changeset
    49
#nav ul ul {
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    50
154
4a77c68e62f7 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 153
diff changeset
    51
}
4a77c68e62f7 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 153
diff changeset
    52
4a77c68e62f7 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 153
diff changeset
    53
#nav li a {
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    54
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    55
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    56
154
4a77c68e62f7 basic multi-level menu
Tero Marttila <terom@fixme.fi>
parents: 153
diff changeset
    57
#nav li a:hover {
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    58
    background-color: #d0d0d0;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    59
    text-decoration: none;
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    60
}
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    61
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    62
#nav li.page-tree-active {
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    63
    background-color: #808080;
2
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    64
}
ec68a0f75c58 python functionality...
Tero Marttila <terom@fixme.fi>
parents: 1
diff changeset
    65
1
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    66
/*
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    67
 * Content
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    68
 */
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    69
div#content {
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    70
0a98cbe5e2eb basic look
Tero Marttila <terom@fixme.fi>
parents:
diff changeset
    71
}
162
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    72
169
26bf8b8bc3cc breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 167
diff changeset
    73
div#breadcrumb {
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    74
    display: none;
169
26bf8b8bc3cc breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 167
diff changeset
    75
    font-size: x-small;
26bf8b8bc3cc breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 167
diff changeset
    76
}
26bf8b8bc3cc breadcrumb, but it's hidden
Tero Marttila <terom@fixme.fi>
parents: 167
diff changeset
    77
163
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
    78
/*
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
    79
 * Footer
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
    80
 */
162
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    81
div#footer {
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    82
    margin: 40px 0px 0px 0px;
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    83
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    84
    padding: 20px 0px;
162
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    85
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    86
    border-top: 1px dashed #a5a5a5;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    87
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    88
    font-size: x-small;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    89
    font-style: italic;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents: 160
diff changeset
    90
}
163
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
    91
167
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
    92
div#footer-left {
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
    93
    float: left;
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
    94
}
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
    95
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
    96
.page-footer-modified {
163
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
    97
    float: right;
167
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
    98
    text-align: right;
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
    99
}
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
   100
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
   101
div#footer-center {
f2504700e273 remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents: 165
diff changeset
   102
    text-align: center;
163
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   103
}
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   104
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   105
/*
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   106
 * General styles
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   107
 */
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   108
a {
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   109
    color: black;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   110
    text-decoration: none;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   111
    font-weight: bold;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   112
}
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   113
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   114
a:hover {
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   115
    text-decoration: underline;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   116
}
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   117
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   118
h1 {
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   119
    font-size: x-large;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   120
}
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   121
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   122
h2 {
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   123
    font-size: large;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   124
}
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   125
204
99f9e50030ae site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents: 193
diff changeset
   126
#content p {
165
edfe75095688 layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 163
diff changeset
   127
    margin-left: 0.5em;
edfe75095688 layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 163
diff changeset
   128
}
edfe75095688 layout, content tweaks
Tero Marttila <terom@fixme.fi>
parents: 163
diff changeset
   129
163
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   130
#content li {
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   131
    padding: 2px;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   132
}
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   133
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   134
#content a {
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   135
    padding-right: 13px;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   136
    
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   137
    background: transparent url(/static/link.png) no-repeat center right;
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   138
}
5cefbd93926a some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents: 162
diff changeset
   139