Last active
August 29, 2015 14:09
-
-
Save stefanw/3508fcdcec579ba0c4e8 to your computer and use it in GitHub Desktop.
500 Error page of old OpenSpending
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml" | |
xmlns:py="http://genshi.edgewall.org/" | |
xmlns:i18n="http://genshi.edgewall.org/i18n" | |
xmlns:xi="http://www.w3.org/2001/XInclude" | |
> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | |
<title>500</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<!-- <link rel="stylesheet" href="css/reset.css" /> --> | |
<style media="screen"> | |
/* | |
HTML5 ✰ Boilerplate | |
style.css contains a reset, font normalization and some base styles. | |
credit is left where credit is due. | |
much inspiration was taken from these projects: | |
yui.yahooapis.com/2.8.1/build/base/base.css | |
camendesign.com/design/ | |
praegnanz.de/weblog/htmlcssjs-kickstart | |
*/ | |
/* | |
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) | |
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark | |
html5doctor.com/html-5-reset-stylesheet/ | |
*/ | |
html, body, div, span, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
abbr, address, cite, code, | |
del, dfn, em, img, ins, kbd, q, samp, | |
small, strong, sub, sup, var, | |
b, i, | |
dl, dt, dd, ol, ul, li, | |
fieldset, form, label, legend, | |
table, caption, tbody, tfoot, thead, tr, th, td, | |
article, aside, canvas, details, figcaption, figure, | |
footer, header, hgroup, menu, nav, section, summary, | |
time, mark, audio, video { | |
margin:0; | |
padding:0; | |
border:0; | |
outline:0; | |
font-size:100%; | |
vertical-align:baseline; | |
background:transparent; | |
} | |
article, aside, details, figcaption, figure, | |
footer, header, hgroup, menu, nav, section { | |
display:block; | |
} | |
nav ul { list-style:none; } | |
blockquote, q { quotes:none; } | |
blockquote:before, blockquote:after, | |
q:before, q:after { content:''; content:none; } | |
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } | |
ins { background-color:#ff9; color:#000; text-decoration:none; } | |
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } | |
del { text-decoration: line-through; } | |
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } | |
/* tables still need cellspacing="0" in the markup */ | |
table { border-collapse:collapse; border-spacing:0; } | |
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } | |
input, select { vertical-align:middle; } | |
/* END RESET CSS */ | |
</style> | |
<!-- <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" /> --> | |
<style media="screen"> | |
/* ----------------------------------------------------------------------- | |
Blueprint CSS Framework 1.0 | |
http://blueprintcss.org | |
* Copyright (c) 2007-Present. See LICENSE for more info. | |
* See README for instructions on how to use Blueprint. | |
* For credits and origins, see AUTHORS. | |
* This is a compressed file. See the sources in the 'src' directory. | |
----------------------------------------------------------------------- */ | |
/* typography.css */ | |
html {font-size:100.01%;} | |
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} | |
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} | |
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} | |
h2 {font-size:2em;margin-bottom:0.75em;} | |
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} | |
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} | |
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} | |
h6 {font-size:1em;font-weight:bold;} | |
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} | |
p {margin:0 0 1.5em;} | |
.left {float:left !important;} | |
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;} | |
.right {float:right !important;} | |
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;} | |
a:focus, a:hover {color:#09f;} | |
a {color:#06c;text-decoration:underline;} | |
blockquote {margin:1.5em;color:#666;font-style:italic;} | |
strong, dfn {font-weight:bold;} | |
em, dfn {font-style:italic;} | |
sup, sub {line-height:0;} | |
abbr, acronym {border-bottom:1px dotted #666;} | |
address {margin:0 0 1.5em;font-style:italic;} | |
del {color:#666;} | |
pre {margin:1.5em 0;white-space:pre;} | |
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} | |
li ul, li ol {margin:0;} | |
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;} | |
ul {list-style-type:disc;} | |
ol {list-style-type:decimal;} | |
dl {margin:0 0 1.5em 0;} | |
dl dt {font-weight:bold;} | |
dd {margin-left:1.5em;} | |
table {margin-bottom:1.4em;width:100%;} | |
th {font-weight:bold;} | |
thead th {background:#c3d9ff;} | |
th, td, caption {padding:4px 10px 4px 5px;} | |
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} | |
tfoot {font-style:italic;} | |
caption {background:#eee;} | |
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} | |
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} | |
.hide {display:none;} | |
.quiet {color:#666;} | |
.loud {color:#000;} | |
.highlight {background:#ff0;} | |
.added {background:#060;color:#fff;} | |
.removed {background:#900;color:#fff;} | |
.first {margin-left:0;padding-left:0;} | |
.last {margin-right:0;padding-right:0;} | |
.top {margin-top:0;padding-top:0;} | |
.bottom {margin-bottom:0;padding-bottom:0;} | |
/* forms.css */ | |
label {font-weight:bold;} | |
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} | |
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;} | |
fieldset, #IE8#HACK {padding-top:1.4em;} | |
legend, #IE8#HACK {margin-top:0;margin-bottom:0;} | |
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;} | |
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} | |
select {background-color:#fff;border-width:1px;border-style:solid;} | |
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} | |
input.text, input.title {width:300px;padding:5px;} | |
input.title {font-size:1.5em;} | |
textarea {width:390px;height:250px;padding:5px;} | |
form.inline {line-height:3;} | |
form.inline p {margin-bottom:0;} | |
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;} | |
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;} | |
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;} | |
.success {background:#e6efc2;color:#264409;border-color:#c6d880;} | |
.info {background:#d5edf8;color:#205791;border-color:#92cae4;} | |
.error a, .alert a {color:#8a1f11;} | |
.notice a {color:#514721;} | |
.success a {color:#264409;} | |
.info a {color:#205791;} | |
/* grid.css */ | |
.container {width:950px;margin:0 auto;} | |
.showgrid {background:url(src/grid.png);} | |
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;} | |
.last {margin-right:0;} | |
.span-1 {width:30px;} | |
.span-2 {width:70px;} | |
.span-3 {width:110px;} | |
.span-4 {width:150px;} | |
.span-5 {width:190px;} | |
.span-6 {width:230px;} | |
.span-7 {width:270px;} | |
.span-8 {width:310px;} | |
.span-9 {width:350px;} | |
.span-10 {width:390px;} | |
.span-11 {width:430px;} | |
.span-12 {width:470px;} | |
.span-13 {width:510px;} | |
.span-14 {width:550px;} | |
.span-15 {width:590px;} | |
.span-16 {width:630px;} | |
.span-17 {width:670px;} | |
.span-18 {width:710px;} | |
.span-19 {width:750px;} | |
.span-20 {width:790px;} | |
.span-21 {width:830px;} | |
.span-22 {width:870px;} | |
.span-23 {width:910px;} | |
.span-24 {width:950px;margin-right:0;} | |
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;} | |
input.span-1, textarea.span-1 {width:18px;} | |
input.span-2, textarea.span-2 {width:58px;} | |
input.span-3, textarea.span-3 {width:98px;} | |
input.span-4, textarea.span-4 {width:138px;} | |
input.span-5, textarea.span-5 {width:178px;} | |
input.span-6, textarea.span-6 {width:218px;} | |
input.span-7, textarea.span-7 {width:258px;} | |
input.span-8, textarea.span-8 {width:298px;} | |
input.span-9, textarea.span-9 {width:338px;} | |
input.span-10, textarea.span-10 {width:378px;} | |
input.span-11, textarea.span-11 {width:418px;} | |
input.span-12, textarea.span-12 {width:458px;} | |
input.span-13, textarea.span-13 {width:498px;} | |
input.span-14, textarea.span-14 {width:538px;} | |
input.span-15, textarea.span-15 {width:578px;} | |
input.span-16, textarea.span-16 {width:618px;} | |
input.span-17, textarea.span-17 {width:658px;} | |
input.span-18, textarea.span-18 {width:698px;} | |
input.span-19, textarea.span-19 {width:738px;} | |
input.span-20, textarea.span-20 {width:778px;} | |
input.span-21, textarea.span-21 {width:818px;} | |
input.span-22, textarea.span-22 {width:858px;} | |
input.span-23, textarea.span-23 {width:898px;} | |
input.span-24, textarea.span-24 {width:938px;} | |
.append-1 {padding-right:40px;} | |
.append-2 {padding-right:80px;} | |
.append-3 {padding-right:120px;} | |
.append-4 {padding-right:160px;} | |
.append-5 {padding-right:200px;} | |
.append-6 {padding-right:240px;} | |
.append-7 {padding-right:280px;} | |
.append-8 {padding-right:320px;} | |
.append-9 {padding-right:360px;} | |
.append-10 {padding-right:400px;} | |
.append-11 {padding-right:440px;} | |
.append-12 {padding-right:480px;} | |
.append-13 {padding-right:520px;} | |
.append-14 {padding-right:560px;} | |
.append-15 {padding-right:600px;} | |
.append-16 {padding-right:640px;} | |
.append-17 {padding-right:680px;} | |
.append-18 {padding-right:720px;} | |
.append-19 {padding-right:760px;} | |
.append-20 {padding-right:800px;} | |
.append-21 {padding-right:840px;} | |
.append-22 {padding-right:880px;} | |
.append-23 {padding-right:920px;} | |
.prepend-1 {padding-left:40px;} | |
.prepend-2 {padding-left:80px;} | |
.prepend-3 {padding-left:120px;} | |
.prepend-4 {padding-left:160px;} | |
.prepend-5 {padding-left:200px;} | |
.prepend-6 {padding-left:240px;} | |
.prepend-7 {padding-left:280px;} | |
.prepend-8 {padding-left:320px;} | |
.prepend-9 {padding-left:360px;} | |
.prepend-10 {padding-left:400px;} | |
.prepend-11 {padding-left:440px;} | |
.prepend-12 {padding-left:480px;} | |
.prepend-13 {padding-left:520px;} | |
.prepend-14 {padding-left:560px;} | |
.prepend-15 {padding-left:600px;} | |
.prepend-16 {padding-left:640px;} | |
.prepend-17 {padding-left:680px;} | |
.prepend-18 {padding-left:720px;} | |
.prepend-19 {padding-left:760px;} | |
.prepend-20 {padding-left:800px;} | |
.prepend-21 {padding-left:840px;} | |
.prepend-22 {padding-left:880px;} | |
.prepend-23 {padding-left:920px;} | |
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;} | |
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;} | |
.pull-1 {margin-left:-40px;} | |
.pull-2 {margin-left:-80px;} | |
.pull-3 {margin-left:-120px;} | |
.pull-4 {margin-left:-160px;} | |
.pull-5 {margin-left:-200px;} | |
.pull-6 {margin-left:-240px;} | |
.pull-7 {margin-left:-280px;} | |
.pull-8 {margin-left:-320px;} | |
.pull-9 {margin-left:-360px;} | |
.pull-10 {margin-left:-400px;} | |
.pull-11 {margin-left:-440px;} | |
.pull-12 {margin-left:-480px;} | |
.pull-13 {margin-left:-520px;} | |
.pull-14 {margin-left:-560px;} | |
.pull-15 {margin-left:-600px;} | |
.pull-16 {margin-left:-640px;} | |
.pull-17 {margin-left:-680px;} | |
.pull-18 {margin-left:-720px;} | |
.pull-19 {margin-left:-760px;} | |
.pull-20 {margin-left:-800px;} | |
.pull-21 {margin-left:-840px;} | |
.pull-22 {margin-left:-880px;} | |
.pull-23 {margin-left:-920px;} | |
.pull-24 {margin-left:-960px;} | |
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} | |
.push-1 {margin:0 -40px 1.5em 40px;} | |
.push-2 {margin:0 -80px 1.5em 80px;} | |
.push-3 {margin:0 -120px 1.5em 120px;} | |
.push-4 {margin:0 -160px 1.5em 160px;} | |
.push-5 {margin:0 -200px 1.5em 200px;} | |
.push-6 {margin:0 -240px 1.5em 240px;} | |
.push-7 {margin:0 -280px 1.5em 280px;} | |
.push-8 {margin:0 -320px 1.5em 320px;} | |
.push-9 {margin:0 -360px 1.5em 360px;} | |
.push-10 {margin:0 -400px 1.5em 400px;} | |
.push-11 {margin:0 -440px 1.5em 440px;} | |
.push-12 {margin:0 -480px 1.5em 480px;} | |
.push-13 {margin:0 -520px 1.5em 520px;} | |
.push-14 {margin:0 -560px 1.5em 560px;} | |
.push-15 {margin:0 -600px 1.5em 600px;} | |
.push-16 {margin:0 -640px 1.5em 640px;} | |
.push-17 {margin:0 -680px 1.5em 680px;} | |
.push-18 {margin:0 -720px 1.5em 720px;} | |
.push-19 {margin:0 -760px 1.5em 760px;} | |
.push-20 {margin:0 -800px 1.5em 800px;} | |
.push-21 {margin:0 -840px 1.5em 840px;} | |
.push-22 {margin:0 -880px 1.5em 880px;} | |
.push-23 {margin:0 -920px 1.5em 920px;} | |
.push-24 {margin:0 -960px 1.5em 960px;} | |
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;} | |
div.prepend-top, .prepend-top {margin-top:1.5em;} | |
div.append-bottom, .append-bottom {margin-bottom:1.5em;} | |
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;} | |
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;} | |
hr.space {background:#fff;color:#fff;visibility:hidden;} | |
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} | |
.clearfix, .container {display:block;} | |
.clear {clear:both;} | |
</style> | |
<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> | |
<!-- <link rel="stylesheet" href="css/style.css" /> --> | |
<style media="screen"> | |
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */ | |
select, input, textarea, button { font:99% sans-serif; } | |
pre, code, kbd, samp { font-family: monospace, sans-serif; } | |
body, select, input, textarea { | |
color: #444; | |
} | |
/* Headers (h1,h2,etc) have no default font-size or margin, | |
you'll want to define those yourself. */ | |
h1,h2,h3,h4,h5,h6 { font-weight: bold; } | |
html { overflow-y: scroll; } | |
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ | |
a:hover, a:active { outline: none; } | |
a, a:active, a:visited { | |
color: #607890; | |
text-decoration: none; | |
} | |
a:hover { | |
color: #036; | |
text-decoration: underline; | |
} | |
ul, ol { margin-left: 1.8em; } | |
ol { list-style-type: decimal; } | |
/* Remove margins for navigation lists */ | |
nav ul, nav li { margin: 0; } | |
small { font-size: 85%; } | |
strong, th { font-weight: bold; } | |
td, td img { vertical-align: top; } | |
sub { vertical-align: sub; font-size: smaller; } | |
sup { vertical-align: super; font-size: smaller; } | |
pre { | |
padding: 15px; | |
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ | |
white-space: pre; /* CSS2 */ | |
white-space: pre-wrap; /* CSS 2.1 */ | |
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ | |
word-wrap: break-word; /* IE */ | |
} | |
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ | |
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ | |
/* align checkboxes, radios, text inputs with their label | |
by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ | |
input[type="radio"] { vertical-align: text-bottom; } | |
input[type="checkbox"] { vertical-align: bottom; } | |
.ie7 input[type="checkbox"] { vertical-align: baseline; } | |
.ie6 input { vertical-align: text-bottom; } | |
/* hand cursor on clickable input elements */ | |
label, input[type=button], input[type=submit], button { cursor: pointer; } | |
/* webkit browsers add a 2px margin outside the chrome of form elements */ | |
button, input, select, textarea { margin: 0; } | |
/* colors for form validity */ | |
input:valid, textarea:valid { } | |
input:invalid, textarea:invalid { | |
border-radius: 1px; | |
-moz-box-shadow: 0px 0px 5px red; | |
-webkit-box-shadow: 0px 0px 5px red; | |
box-shadow: 0px 0px 5px red; | |
} | |
.no-boxshadow input:invalid, | |
.no-boxshadow textarea:invalid { background-color: #f0dddd; } | |
/* These selection declarations have to be separate. | |
No text-shadow: twitter.com/miketaylr/status/12228805301 | |
Also: hot pink. */ | |
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } | |
::selection { background:#FF5E99; color:#fff; text-shadow: none; } | |
/* j.mp/webkit-tap-highlight-color */ | |
a:link { -webkit-tap-highlight-color: #FF5E99; } | |
/* make buttons play nice in IE: | |
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ | |
button { width: auto; overflow: visible; } | |
/* bicubic resizing for non-native sized IMG: | |
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ | |
.ie7 img { -ms-interpolation-mode: bicubic; } | |
/* | |
* Non-semantic helper classes | |
*/ | |
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } | |
.hidden { display: none; visibility: hidden; } | |
.visuallyhidden { position: absolute !important; | |
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ | |
clip: rect(1px, 1px, 1px, 1px); } | |
.invisible { visibility: hidden; } | |
.clearfix:before, .clearfix:after { | |
content: "\0020"; display: block; height: 0; visibility: hidden; | |
} | |
.clearfix:after { clear: both; } | |
.clearfix { zoom: 1; } | |
@font-face { | |
font-family: Graublau; | |
src: url('../fonts/graublau/GraublauWeb.otf') format("opentype"); | |
} | |
body { | |
background-color: #ddd; | |
background-image: url('../img/bg.png'); | |
} | |
h1, h2, h3 { | |
font-family: Graublau, sans-serif; | |
color: #555152; | |
} | |
h2 { | |
font-size: 1.5em; | |
} | |
h3 { | |
font-size: 1.2em; | |
} | |
.heading { | |
margin: 10px 10px 5px 10px; | |
} | |
.texthead { | |
margin-top: 1em; | |
} | |
.clickable { | |
cursor: pointer; | |
} | |
.flash-banner { | |
border: 0px; | |
text-align: center; | |
font-size: 1.2em; | |
padding-top: 0.5em; | |
padding-bottom: 0.5em; | |
font-weight: bold; | |
} | |
#main { | |
margin: -10px; | |
} | |
#dataset { | |
text-shadow: #fff 1px 1px 3px; | |
background-color: #f1f1f1; | |
border-bottom: 1px solid #eee; | |
/*font-size: 1em;*/ | |
color: #999; | |
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e0e0e0)); | |
background: -moz-linear-gradient(top, #f1f1f1, #e0e0e0); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0e0e0'); | |
min-height: 2.9em; | |
} | |
#dataset #search { | |
float: right; | |
} | |
#dataset ul#dataset-menu { | |
margin: 0em 0em 0em 0em; | |
padding-left: 1em; | |
list-style: none; | |
} | |
#dataset ul#dataset-menu li { | |
padding-top: 0.9em; | |
padding-bottom: 0.7em; | |
display: inline-block; | |
} | |
#dataset ul#dataset-menu li a { | |
font-weight: bold; | |
padding: 0.5em 2em 0em 0em; | |
} | |
#dataset #dataset-select ul { | |
-webkit-box-shadow: -1px 5px 10px #bbb; | |
position: absolute; | |
visibility: hidden; | |
background-color: #e0e0e0; | |
margin-left: -1em; | |
margin-top: 0.7em; | |
min-width: 20em; | |
z-index: 1000; | |
} | |
#dataset #dataset-select:hover ul { | |
visibility: visible; | |
} | |
#dataset #dataset-select ul li { | |
display: block; | |
width: inherit; | |
padding: 0.5em 0em 0.5em 0em; | |
} | |
#dataset #dataset-select ul li a { | |
display: block; | |
width: inherit; | |
margin-left: -0.5em; | |
} | |
#search { | |
margin: 0 10px; | |
} | |
#search input { | |
border: 1px solid #aaa; | |
padding: 4px 0 4px 0; | |
-moz-border-radius: 2px; | |
-webkit-border-radius: 2px; | |
-webkit-box-shadow: 0 1px 2px #ddd; | |
-moz-box-shadow: 0 1px 2px #ddd; | |
box-shadow: 0 1px 2px #ddd; | |
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); | |
background: -moz-linear-gradient(top, #eee, #fff); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); | |
} | |
#search input[type=text] { | |
} | |
#search input[type=submit] { | |
margin: 4px 0; | |
padding-left: 7px; | |
padding-right:7px; | |
background-color: #aaa; | |
text-shadow: #555 1px 1px 3px; | |
color: #fff; | |
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999)); | |
background: -moz-linear-gradient(top, #aaa, #999); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#999'); | |
} | |
#search input[type=submit]:hover { | |
background-color: #999; | |
text-shadow: #555 1px 1px 3px; | |
color: #fff; | |
background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777)); | |
background: -moz-linear-gradient(top, #999, #777); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#777'); | |
} | |
.pager { | |
text-align: center; | |
width: 100%; | |
font-style: normal; | |
font-weight: normal; | |
} | |
.pager a { | |
display: inline-block; | |
margin-left: 0.5em; | |
} | |
.facets { | |
display: block; | |
max-height: 15em; | |
overflow-y: scroll; | |
width: 100%; | |
margin-top: -1.4em; | |
border-bottom: 1px solid #ddd; | |
border-left: 1px solid #ddd; | |
} | |
.facets .count { | |
color: #999; | |
} | |
.facets .unfilter { | |
color: red !important; | |
} | |
#main #dataset .inner { | |
padding: 9px 10px; | |
} | |
#content, .inner { | |
margin: 10px 10px 0px 10px; | |
} | |
.inner.notice { | |
width: 905px !important; | |
display: block; | |
} | |
.inner.result_count { | |
float: right; | |
padding: 10px; | |
padding-right: 0px; | |
font-style: italic; | |
} | |
#main #dataset a { | |
font-weight: normal; | |
} | |
#main #dataset a:hover { | |
text-decoration: underline; | |
} | |
table { | |
clear: both; | |
margin-top: 20px; | |
} | |
table thead th { | |
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e0e0e0)); | |
background: -moz-linear-gradient(top, #f1f1f1, #e0e0e0); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0e0e0'); | |
} | |
table tfoot td { | |
border-bottom: none; | |
color: #555; | |
font-style: normal; | |
padding-top: 1em; | |
text-align: right; | |
} | |
table { | |
border-collapse: collapse; | |
} | |
table th, | |
table td { | |
border-bottom: 1px solid #eee; | |
font-size: 1em; | |
vertical-align: top; | |
} | |
table th { | |
/*border-bottom: 1px solid #999;*/ | |
} | |
table th, | |
table td.title { | |
font-weight: bold; | |
text-align: left; | |
} | |
.num { | |
text-align: right; | |
} | |
.growth { | |
color: green; | |
} | |
.shrink { | |
color: red; | |
} | |
.no-desc { | |
font-style: italic; | |
} | |
tr.values:hover { | |
background-color: #DDE7F0; | |
} | |
header { | |
height: 75px; | |
} | |
header nav { | |
font-family: Graublau; | |
float: right; | |
display: block; | |
text-align: right; | |
margin-top: 10px; | |
} | |
header nav a { | |
margin: -1em 0em 6px 2em; | |
display: inline-block; | |
font-size: 1.2em; | |
text-shadow: 1px 1px 3px #eee; | |
} | |
header #site-title { | |
margin: 0.5em 0 0.2em -0.7em; | |
font-weight: bold; | |
font-size: 3em; | |
} | |
header #site-title a { | |
color: #444; | |
} | |
header #site-title a { | |
text-decoration: none; | |
} | |
header #slogan { | |
font-family: Graublau; | |
color: #666; | |
font-weight: bold; | |
font-size: 1.2em; | |
text-shadow: 1px 1px 2px #eee; | |
} | |
#main { | |
margin-top: 0.5em; | |
clear: both; | |
background-color: #fff; | |
padding-bottom: 2em; | |
-webkit-box-shadow: 5px 5px 20px #bbb; | |
-webkit-border-radius: 3px; | |
} | |
footer { | |
padding-top: 2em; | |
text-shadow: 1px 1px 3px #eee; | |
padding-bottom: 2em; | |
} | |
footer ul { | |
margin: 0em; | |
padding: 0em; | |
} | |
footer ul.credits { | |
float: right; | |
margin-right: -2em; | |
} | |
footer ul li { | |
font-weight: bold; | |
display: inline-block; | |
margin-top: 0.5em; | |
margin-right: 2em; | |
} | |
footer ul li a { | |
color: #444; | |
text-decoration: none; | |
} | |
footer ul li a:hover { | |
text-decoration: underline; | |
} | |
footer ul li img { | |
margin-bottom: -0.2em; | |
} | |
.empty { | |
display: none; | |
} | |
.submenu ul { | |
margin-left: 0px; | |
} | |
/* Search page */ | |
.search-form input { | |
font-size: 1.2em; | |
padding: 0.3em; | |
} | |
.search-form input.search { | |
width: 80%; | |
margin-right: 2em; | |
} | |
.search-form .form-help, .form-options { | |
color: #999; | |
font-variant: italic; | |
text-align: right; | |
width: 80%; | |
padding: 0.5em; | |
} | |
.search-help-text { | |
margin-top:1em; | |
padding: 10px; | |
border: 1px solid #ddd; | |
display: none; | |
} | |
.search-help-text ul { | |
margin-bottom: 0em; | |
} | |
.form-options { | |
float: left; | |
text-align: left; | |
width: auto; | |
} | |
div#timegraph { | |
margin-top: 1em; | |
margin-bottom: 1em; | |
} | |
/* View state selector */ | |
div.view-panel { | |
border-top: 1px solid #e0e0e0; | |
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e0e0e0)); | |
background: -moz-linear-gradient(top, #f1f1f1, #e0e0e0); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0e0e0'); | |
padding-left: 10px; | |
padding-right: 10px; | |
margin-left: -10px; | |
margin-right: -10px; | |
margin-bottom: 10px; | |
} | |
div.view-panel select { | |
float: right; | |
margin: 0.5em; | |
margin-right: 0em; | |
} | |
div.view-panel ul { | |
padding: 0.5em; | |
padding-left: -1.2em; | |
list-style: none; | |
margin: 0; | |
} | |
div.view-panel ul li { | |
display: inline-block; | |
margin-right: 2em; | |
} | |
div.view-panel ul li a { | |
font-weight: bold; | |
} | |
div.view-panel ul strong { | |
color: #444; | |
} | |
#access { | |
border-top: 1px solid #ddd; | |
color: #666; | |
text-align: right; | |
padding-top: 0.5em; | |
} | |
/* Forms */ | |
form.basic label, | |
form.basic .labelpad { | |
width: 30%; | |
float: left; | |
display: block; | |
} | |
form.basic label:after { | |
content: ": "; | |
} | |
form.basic .error-message { | |
color: red; | |
display: block; | |
margin-top: -0.5em; | |
margin-bottom: 1em; | |
} | |
form.basic input { | |
margin-bottom: 1em; | |
display: block; | |
border: 1px solid #ccc; | |
padding: 0.4em; | |
} | |
form.basic span.form-description { | |
margin-left: 30%; | |
margin-bottom:1em; | |
display:block; | |
position:relative; | |
top: -0.5em; | |
} | |
form.basic input[type=submit] { | |
background: #eee; | |
background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); | |
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc)); | |
border: 1px solid #ccc; | |
border-bottom: 1px solid #bbb; | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
border-radius: 3px; | |
color: #333; | |
font-weight: bold; | |
line-height: 1; | |
padding: 8px 0; | |
text-align: center; | |
text-shadow: 0 1px 0 #eee; | |
width: 150px; | |
} | |
form.basic input[type=submit]:hover { | |
background: #ddd; | |
background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); | |
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb)); | |
border: 1px solid #bbb; | |
border-bottom: 1px solid #999; | |
cursor: pointer; | |
text-shadow: 0 1px 0 #ddd; | |
} | |
form.basic input[type=submit]:active { | |
border: 1px solid #aaa; | |
border-bottom: 1px solid #888; | |
-moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee; | |
-webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee; | |
box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee; | |
} | |
#above-fold { | |
height:400px; | |
margin-bottom:10px; | |
} | |
.calltoaction-box > div { | |
padding:5px; | |
border: 1px solid #ccc; | |
margin: 0 0 1em 0; | |
background-color: #fff; | |
background-color: rgba(255,255,255,0.8); | |
} | |
.dataset-listing { | |
} | |
.dataset-listing h4 { | |
font-family: Graublau, sans-serif; | |
margin-bottom:0; | |
} | |
.dataset-listing > ul { | |
list-style-type: none; | |
margin:0; | |
padding:0; | |
} | |
.dataset-listing > ul > li { | |
float:left; | |
width:225px; | |
height:6em; | |
margin-right:10px; | |
} | |
.dataset-listing p { | |
margin-bottom:0.5em; | |
} | |
.entry-page .entities, | |
.entry-page .amount { | |
width:40%; | |
/*border: 1px solid #ccc;*/ | |
padding: 5px; | |
display: inline-block; | |
} | |
.entry-page .entities span { | |
font-weight: bold; | |
} | |
.entry-page .entities div { | |
font-size: 1.3em; | |
font-weight: bolder; | |
padding: 5px; | |
font-family: Graublau, sans-serif; | |
} | |
.entry-page .amount { | |
width: 50%; | |
float: right; | |
} | |
.entry-page .amount .currency { | |
font-weight: bold; | |
font-size: 0.5em; | |
display: inline; | |
vertical-align: top; | |
} | |
.entry-page .amount .number { | |
font-size: 2em; | |
margin-top: 10px; | |
border: 1px solid #ccc; | |
font-weight: bolder; | |
padding: 20px; | |
font-family: Graublau, sans-serif; | |
-moz-border-radius: 12px; | |
-webkit-border-radius: 12px; | |
border-radius: 12px; | |
-moz-box-shadow: 0px 0px 10px #aaaaaa; | |
-webkit-box-shadow: 0px 0px 10px #aaaaaa; | |
box-shadow: 0px 0px 10px #aaaaaa; | |
} | |
.entry-page .amount .date { | |
float: right; | |
color: #aaa; | |
} | |
.flag-box { | |
float:right; | |
margin-right:1px; | |
} | |
.flag-box label.good:hover { | |
background-color:#EFFDCC; | |
} | |
.flag-box label.bad:hover { | |
color:#9F1939; | |
} | |
.flag-box p.result.good { | |
background-color:#EFFDCC; | |
} | |
.flag-box p.result.bad { | |
color:#9F1939; | |
} | |
.flag-box input { | |
margin-right:0.3em; | |
} | |
/* end OpenSpending styles */ | |
/* | |
* Media queries for responsive design | |
* These follow after primary styles so they will successfully override. | |
*/ | |
@media all and (orientation:portrait) { | |
/* Style adjustments for portrait mode goes here */ | |
} | |
@media all and (orientation:landscape) { | |
/* Style adjustments for landscape mode goes here */ | |
} | |
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) | |
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ | |
@media screen and (max-device-width: 480px) { | |
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you | |
j.mp/textsizeadjust | |
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ | |
} | |
/* | |
* print styles | |
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ | |
*/ | |
@media print { | |
* { background: transparent !important; color: #444 !important; text-shadow: none !important; } | |
a, a:visited { color: #444 !important; text-decoration: underline; } | |
a:after { content: " (" attr(href) ")"; } | |
abbr:after { content: " (" attr(title) ")"; } | |
.ir a:after { content: ""; } /* Don't show links for images */ | |
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } | |
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ | |
tr, img { page-break-inside: avoid; } | |
@page { margin: 0.5cm; } | |
p, h2, h3 { orphans: 3; widows: 3; } | |
h2, h3{ page-break-after: avoid; } | |
} | |
</style> | |
</head> | |
<body> | |
<div id="wrap"> | |
<div id="page" class="container"> | |
<header> | |
<nav> | |
<a href="${g.blog_link}">Blog</a> | |
<a py:if="g.forum_link" href="${g.forum_link}">Forum</a> | |
<a href="${g.wiki_link}">About</a> | |
<a py:if="c.account is None" href="/login">Login or register</a> | |
<py:if test="c.account is not None"> | |
<a href="/settings">My Profile</a> | |
<a href="/logout">Logout</a> | |
</py:if> | |
</nav> | |
<h1 id="site-title"> | |
<a href="/">OpenSpending</a> | |
</h1> | |
<div id="slogan" class=""> | |
Mapping the money. | |
</div> | |
</header> | |
<div id="main"> | |
<div id="dataset"> | |
<div id="search" class="span-7 last"> | |
<form method="get" action="${url(controller='dataset', action='entries', id=c.dataset.name) if c.dataset else '/search'}"> | |
<input type="text" class="textinput" name="q" value="" /> | |
<input type="submit" value="Search" class=""/> | |
</form> | |
</div> | |
<ul id="dataset-menu"> | |
<li id="dataset-select"> | |
<a py:if="c.dataset" href="${h.dataset_url(c.dataset)}">Dataset »</a> | |
<a py:if="not c.dataset" href="${url(controller='dataset', action='index')}">(select a dataset)</a> | |
<ul> | |
<li><a href="${url(controller='sources', | |
action='index')}">Import additional data...</a></li> | |
</ul> | |
</li> | |
</ul> | |
</div> | |
<div id="content"> | |
<h1>498… 499…</h1> | |
<div style="position:fixed;bottom:-5px;right:0px;margin:0;"> | |
<div style="background-color:#fff; width:200px; padding:30px; margin:0; border:1px solid #333;text-align:center;"> | |
<h1 style="font-size:72pt;margin:0;">500!</h1> | |
<p style="margin:0;">It's a Server Error!</p> | |
</div> | |
<img src="thecount.png" alt="The Count counts 500"/> | |
</div> | |
<p>Sorry for that, we are on it.</p> | |
<p style="font-size:8pt">Original image by <a href="http://www.flickr.com/photos/jpasden/4795652307/sizes/o/in/photostream/">sinosplice</a> licensed under <a href="http://creativecommons.org/licenses/by-nc/2.0/">CC-BY-NC 2.0</a>.</p> | |
</div> | |
<div class="clearfix"></div> | |
</div> | |
</div> | |
<footer class="container"> | |
<ul class="credits"> | |
<li>© 2011: <a href="http://okfn.org">The Open Knowledge Foundation</a></li> | |
<li><a href="http://www.opendefinition.org/okd/"> | |
<img src="http://assets.okfn.org/images/ok_buttons/od_80x15_blue.png" alt="Open Data" /> | |
</a></li> | |
</ul> | |
<ul> | |
<li><a href="${g.wiki_link}">Wiki</a></li> | |
<li><a href="${g.lists_link}">Mailing List</a></li> | |
<li><a href="${g.api_link}">API</a></li> | |
<li><a href="http://okfn.org/privacy-policy/">Privacy</a></li> | |
<li><a href="http://okfn.org/contact/">Contact</a></li> | |
</ul> | |
</footer> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment