├── README.md
├── bootstrap.min.css
└── index.html
/README.md:
--------------------------------------------------------------------------------
1 | BibJSON spec and website - http://okfnlabs.org/bibjson/
2 |
3 |
--------------------------------------------------------------------------------
/bootstrap.min.css:
--------------------------------------------------------------------------------
1 | html,body{margin:0;padding:0;}
2 | h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
3 | table{border-collapse:collapse;border-spacing:0;}
4 | ol,ul{list-style:none;}
5 | q:before,q:after,blockquote:before,blockquote:after{content:"";}
6 | html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
7 | a:focus{outline:thin dotted;}
8 | a:hover,a:active{outline:0;}
9 | article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
10 | audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
11 | audio:not([controls]){display:none;}
12 | sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
13 | sup{top:-0.5em;}
14 | sub{bottom:-0.25em;}
15 | img{border:0;-ms-interpolation-mode:bicubic;}
16 | button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
17 | button,input{line-height:normal;*overflow:visible;}
18 | button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
19 | button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
20 | input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
21 | input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
22 | textarea{overflow:auto;vertical-align:top;}
23 | html,body{background-color:#ffffff;}
24 | body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#404040;}
25 | .container{width:940px;margin-left:auto;margin-right:auto;zoom:1;}.container:before,.container:after{display:table;content:"";zoom:1;*display:inline;}
26 | .container:after{clear:both;}
27 | .container-fluid{position:relative;padding-left:20px;padding-right:20px;zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";zoom:1;*display:inline;}
28 | .container-fluid:after{clear:both;}
29 | .container-fluid>.sidebar{float:left;width:220px;}
30 | .container-fluid>.content{float:left;min-width:700px;max-width:1180px;margin-left:20px;}
31 | .hide{display:none;}
32 | .show{display:block;}
33 | a{color:#0069d6;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#00438a;text-decoration:underline;}
34 | .pull-right{float:right;}
35 | .pull-left{float:left;}
36 | .row{zoom:1;margin-left:-20px;}.row:before,.row:after{display:table;content:"";zoom:1;*display:inline;}
37 | .row:after{clear:both;}
38 | [class*="span"]{display:inline;float:left;margin-left:20px;}
39 | .span1{width:40px;}
40 | .span2{width:100px;}
41 | .span3{width:160px;}
42 | .span4{width:220px;}
43 | .span5{width:280px;}
44 | .span6{width:340px;}
45 | .span7{width:400px;}
46 | .span8{width:460px;}
47 | .span9{width:520px;}
48 | .span10{width:580px;}
49 | .span11{width:640px;}
50 | .span12{width:700px;}
51 | .span13{width:760px;}
52 | .span14{width:820px;}
53 | .span15{width:880px;}
54 | .span16{width:940px;}
55 | .span17{width:1000px;}
56 | .span18{width:1060px;}
57 | .span19{width:1120px;}
58 | .span20{width:1180px;}
59 | .span21{width:1240px;}
60 | .span22{width:1300px;}
61 | .span23{width:1360px;}
62 | .span24{width:1420px;}
63 | .offset1{margin-left:80px;}
64 | .offset2{margin-left:140px;}
65 | .offset3{margin-left:200px;}
66 | .offset4{margin-left:260px;}
67 | .offset5{margin-left:320px;}
68 | .offset6{margin-left:380px;}
69 | .offset7{margin-left:440px;}
70 | .offset8{margin-left:500px;}
71 | .offset9{margin-left:560px;}
72 | .offset10{margin-left:620px;}
73 | .offset11{margin-left:680px;}
74 | .offset12{margin-left:740px;}
75 | .span-one-third{width:300px;}
76 | .span-two-thirds{width:620px;}
77 | .offset-one-third{margin-left:340px;}
78 | .offset-two-thirds{margin-left:660px;}
79 | p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:9px;}p small{font-size:11px;color:#bfbfbf;}
80 | h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
81 | h1{margin-bottom:18px;font-size:30px;line-height:36px;}h1 small{font-size:18px;}
82 | h2{font-size:24px;line-height:36px;}h2 small{font-size:14px;}
83 | h3,h4,h5,h6{line-height:36px;}
84 | h3{font-size:18px;}h3 small{font-size:14px;}
85 | h4{font-size:16px;}h4 small{font-size:12px;}
86 | h5{font-size:14px;}
87 | h6{font-size:13px;color:#bfbfbf;text-transform:uppercase;}
88 | ul,ol{margin:0 0 18px 25px;}
89 | ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
90 | ul{list-style:disc;}
91 | ol{list-style:decimal;}
92 | li{line-height:18px;color:#808080;}
93 | ul.unstyled{list-style:none;margin-left:0;}
94 | dl{margin-bottom:18px;}dl dt,dl dd{line-height:18px;}
95 | dl dt{font-weight:bold;}
96 | dl dd{margin-left:9px;}
97 | hr{margin:20px 0 19px;border:0;border-bottom:1px solid #eee;}
98 | strong{font-style:inherit;font-weight:bold;}
99 | em{font-style:italic;font-weight:inherit;line-height:inherit;}
100 | .muted{color:#bfbfbf;}
101 | blockquote{margin-bottom:18px;border-left:5px solid #eee;padding-left:15px;}blockquote p{font-size:14px;font-weight:300;line-height:18px;margin-bottom:0;}
102 | blockquote small{display:block;font-size:12px;font-weight:300;line-height:18px;color:#bfbfbf;}blockquote small:before{content:'\2014 \00A0';}
103 | address{display:block;line-height:18px;margin-bottom:18px;}
104 | code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
105 | code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
106 | pre{background-color:#f5f5f5;display:block;padding:8.5px;margin:0 0 18px;line-height:18px;font-size:12px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
107 | form{margin-bottom:18px;}
108 | fieldset{margin-bottom:18px;padding-top:18px;}fieldset legend{display:block;padding-left:150px;font-size:19.5px;line-height:1;color:#404040;*padding:0 0 5px 145px;*line-height:1.5;}
109 | form .clearfix{margin-bottom:18px;zoom:1;}form .clearfix:before,form .clearfix:after{display:table;content:"";zoom:1;*display:inline;}
110 | form .clearfix:after{clear:both;}
111 | label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
112 | label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;}
113 | form .input{margin-left:150px;}
114 | input[type=checkbox],input[type=radio]{cursor:pointer;}
115 | input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;font-size:13px;line-height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
116 | input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;}
117 | input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
118 | input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;}
119 | select,input[type=file]{height:27px;line-height:27px;*margin-top:4px;}
120 | select[multiple]{height:inherit;}
121 | textarea{height:auto;}
122 | .uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
123 | :-moz-placeholder{color:#bfbfbf;}
124 | ::-webkit-input-placeholder{color:#bfbfbf;}
125 | input,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
126 | input:focus,textarea:focus{outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
127 | input[type=file]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:1px dotted #666;}
128 | form div.clearfix.error{background:#fae5e3;padding:10px 0;margin:-10px 0 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}form div.clearfix.error>label,form div.clearfix.error span.help-inline,form div.clearfix.error span.help-block{color:#9d261d;}
129 | form div.clearfix.error input,form div.clearfix.error textarea{border-color:#c87872;-webkit-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);-moz-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);box-shadow:0 0 3px rgba(171, 41, 32, 0.25);}form div.clearfix.error input:focus,form div.clearfix.error textarea:focus{border-color:#b9554d;-webkit-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);-moz-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);box-shadow:0 0 6px rgba(171, 41, 32, 0.5);}
130 | form div.clearfix.error .input-prepend span.add-on,form div.clearfix.error .input-append span.add-on{background:#f4c8c5;border-color:#c87872;color:#b9554d;}
131 | .input-mini,input.mini,textarea.mini,select.mini{width:60px;}
132 | .input-small,input.small,textarea.small,select.small{width:90px;}
133 | .input-medium,input.medium,textarea.medium,select.medium{width:150px;}
134 | .input-large,input.large,textarea.large,select.large{width:210px;}
135 | .input-xlarge,input.xlarge,textarea.xlarge,select.xlarge{width:270px;}
136 | .input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge{width:530px;}
137 | textarea.xxlarge{overflow-y:auto;}
138 | input.span1,textarea.span1,select.span1{display:inline-block;float:none;width:30px;margin-left:0;}
139 | input.span2,textarea.span2,select.span2{display:inline-block;float:none;width:90px;margin-left:0;}
140 | input.span3,textarea.span3,select.span3{display:inline-block;float:none;width:150px;margin-left:0;}
141 | input.span4,textarea.span4,select.span4{display:inline-block;float:none;width:210px;margin-left:0;}
142 | input.span5,textarea.span5,select.span5{display:inline-block;float:none;width:270px;margin-left:0;}
143 | input.span6,textarea.span6,select.span6{display:inline-block;float:none;width:330px;margin-left:0;}
144 | input.span7,textarea.span7,select.span7{display:inline-block;float:none;width:390px;margin-left:0;}
145 | input.span8,textarea.span8,select.span8{display:inline-block;float:none;width:450px;margin-left:0;}
146 | input.span9,textarea.span9,select.span9{display:inline-block;float:none;width:510px;margin-left:0;}
147 | input.span10,textarea.span10,select.span10{display:inline-block;float:none;width:570px;margin-left:0;}
148 | input.span11,textarea.span11,select.span11{display:inline-block;float:none;width:630px;margin-left:0;}
149 | input.span12,textarea.span12,select.span12{display:inline-block;float:none;width:690px;margin-left:0;}
150 | input.span13,textarea.span13,select.span13{display:inline-block;float:none;width:750px;margin-left:0;}
151 | input.span14,textarea.span14,select.span14{display:inline-block;float:none;width:810px;margin-left:0;}
152 | input.span15,textarea.span15,select.span15{display:inline-block;float:none;width:870px;margin-left:0;}
153 | input.span16,textarea.span16,select.span16{display:inline-block;float:none;width:930px;margin-left:0;}
154 | input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
155 | .actions{background:#f5f5f5;margin-top:18px;margin-bottom:18px;padding:17px 20px 18px 150px;border-top:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.actions .secondary-action{float:right;}.actions .secondary-action a{line-height:30px;}.actions .secondary-action a:hover{text-decoration:underline;}
156 | .help-inline,.help-block{font-size:11px;line-height:18px;color:#bfbfbf;}
157 | .help-inline{padding-left:5px;*position:relative;*top:-5px;}
158 | .help-block{display:block;max-width:600px;}
159 | .inline-inputs{color:#808080;}.inline-inputs span,.inline-inputs input{display:inline-block;}
160 | .inline-inputs input.mini{width:60px;}
161 | .inline-inputs input.small{width:90px;}
162 | .inline-inputs span{padding:0 2px 0 1px;}
163 | .input-prepend input,.input-append input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
164 | .input-prepend .add-on,.input-append .add-on{position:relative;background:#f5f5f5;border:1px solid #ccc;z-index:2;float:left;display:block;width:auto;min-width:16px;height:18px;padding:4px 4px 4px 5px;margin-right:-1px;font-weight:normal;line-height:18px;color:#bfbfbf;text-align:center;text-shadow:0 1px 0 #ffffff;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
165 | .input-prepend .active,.input-append .active{background:#a9dba9;border-color:#46a546;}
166 | .input-prepend .add-on{*margin-top:1px;}
167 | .input-append input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
168 | .input-append .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin-right:0;margin-left:-1px;}
169 | .inputs-list{margin:0 0 5px;width:100%;}.inputs-list li{display:block;padding:0;width:100%;}
170 | .inputs-list label{display:block;float:none;width:auto;padding:0;line-height:18px;text-align:left;white-space:normal;}.inputs-list label strong{color:#808080;}
171 | .inputs-list label small{font-size:11px;font-weight:normal;}
172 | .inputs-list .inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
173 | .inputs-list:first-child{padding-top:6px;}
174 | .inputs-list li+li{padding-top:2px;}
175 | .inputs-list input[type=radio],.inputs-list input[type=checkbox]{margin-bottom:0;}
176 | .form-stacked{padding-left:20px;}.form-stacked fieldset{padding-top:9px;}
177 | .form-stacked legend{padding-left:0;}
178 | .form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
179 | .form-stacked .clearfix{margin-bottom:9px;}.form-stacked .clearfix div.input{margin-left:0;}
180 | .form-stacked .inputs-list{margin-bottom:0;}.form-stacked .inputs-list li{padding-top:0;}.form-stacked .inputs-list li label{font-weight:normal;padding-top:0;}
181 | .form-stacked div.clearfix.error{padding-top:10px;padding-bottom:10px;padding-left:10px;margin-top:0;margin-left:-10px;}
182 | .form-stacked .actions{margin-left:-20px;padding-left:20px;}
183 | table{width:100%;margin-bottom:18px;padding:0;border-collapse:separate;*border-collapse:collapse;font-size:13px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}table th,table td{padding:10px 10px 9px;line-height:18px;text-align:left;}
184 | table th{padding-top:9px;font-weight:bold;vertical-align:middle;border-bottom:1px solid #ddd;}
185 | table td{vertical-align:top;}
186 | table th+th,table td+td{border-left:1px solid #ddd;}
187 | table tr+tr td{border-top:1px solid #ddd;}
188 | table tbody tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
189 | table tbody tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
190 | table tbody tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
191 | table tbody tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
192 | .zebra-striped tbody tr:nth-child(odd) td{background-color:#f9f9f9;}
193 | .zebra-striped tbody tr:hover td{background-color:#f5f5f5;}
194 | .zebra-striped .header{cursor:pointer;}.zebra-striped .header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
195 | .zebra-striped .headerSortUp,.zebra-striped .headerSortDown{background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
196 | .zebra-striped .header:hover:after{visibility:visible;}
197 | .zebra-striped .headerSortDown:after,.zebra-striped .headerSortDown:hover:after{visibility:visible;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
198 | .zebra-striped .headerSortUp:after{border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
199 | table .blue{color:#049cdb;border-bottom-color:#049cdb;}
200 | table .headerSortUp.blue,table .headerSortDown.blue{background-color:#ade6fe;}
201 | table .green{color:#46a546;border-bottom-color:#46a546;}
202 | table .headerSortUp.green,table .headerSortDown.green{background-color:#cdeacd;}
203 | table .red{color:#9d261d;border-bottom-color:#9d261d;}
204 | table .headerSortUp.red,table .headerSortDown.red{background-color:#f4c8c5;}
205 | table .yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
206 | table .headerSortUp.yellow,table .headerSortDown.yellow{background-color:#fff6d9;}
207 | table .orange{color:#f89406;border-bottom-color:#f89406;}
208 | table .headerSortUp.orange,table .headerSortDown.orange{background-color:#fee9cc;}
209 | table .purple{color:#7a43b6;border-bottom-color:#7a43b6;}
210 | table .headerSortUp.purple,table .headerSortDown.purple{background-color:#e2d5f0;}
211 | .topbar{height:40px;position:fixed;top:0;left:0;right:0;z-index:10000;overflow:visible;}.topbar a{color:#bfbfbf;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
212 | .topbar h3 a:hover,.topbar .brand a:hover,.topbar ul .active>a{background-color:#333;background-color:rgba(255, 255, 255, 0.05);color:#ffffff;text-decoration:none;}
213 | .topbar h3{position:relative;}
214 | .topbar h3 a,.topbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;color:#ffffff;font-size:20px;font-weight:200;line-height:1;}
215 | .topbar p{margin:0;line-height:40px;}.topbar p a:hover{background-color:transparent;color:#ffffff;}
216 | .topbar form{float:left;margin:5px 0 0 0;position:relative;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
217 | .topbar form.pull-right{float:right;}
218 | .topbar input{background-color:#444;background-color:rgba(255, 255, 255, 0.3);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:1;padding:4px 9px;color:#ffffff;color:rgba(255, 255, 255, 0.75);border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.topbar input:-moz-placeholder{color:#e6e6e6;}
219 | .topbar input::-webkit-input-placeholder{color:#e6e6e6;}
220 | .topbar input:hover{background-color:#bfbfbf;background-color:rgba(255, 255, 255, 0.5);color:#ffffff;}
221 | .topbar input:focus,.topbar input.focused{outline:0;background-color:#ffffff;color:#404040;text-shadow:0 1px 0 #ffffff;border:0;padding:5px 10px;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
222 | .topbar-inner,.topbar .fill{background-color:#222;background-color:#222222;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
223 | .topbar div>ul,.nav{display:block;float:left;margin:0 10px 0 0;position:relative;left:0;}.topbar div>ul>li,.nav>li{display:block;float:left;}
224 | .topbar div>ul a,.nav a{display:block;float:none;padding:10px 10px 11px;line-height:19px;text-decoration:none;}.topbar div>ul a:hover,.nav a:hover{color:#ffffff;text-decoration:none;}
225 | .topbar div>ul .active>a,.nav .active>a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
226 | .topbar div>ul.secondary-nav,.nav.secondary-nav{float:right;margin-left:10px;margin-right:0;}.topbar div>ul.secondary-nav .menu-dropdown,.nav.secondary-nav .menu-dropdown,.topbar div>ul.secondary-nav .dropdown-menu,.nav.secondary-nav .dropdown-menu{right:0;border:0;}
227 | .topbar div>ul a.menu:hover,.nav a.menu:hover,.topbar div>ul li.open .menu,.nav li.open .menu,.topbar div>ul .dropdown-toggle:hover,.nav .dropdown-toggle:hover,.topbar div>ul .dropdown.open .dropdown-toggle,.nav .dropdown.open .dropdown-toggle{background:#444;background:rgba(255, 255, 255, 0.05);}
228 | .topbar div>ul .menu-dropdown,.nav .menu-dropdown,.topbar div>ul .dropdown-menu,.nav .dropdown-menu{background-color:#333;}.topbar div>ul .menu-dropdown a.menu,.nav .menu-dropdown a.menu,.topbar div>ul .dropdown-menu a.menu,.nav .dropdown-menu a.menu,.topbar div>ul .menu-dropdown .dropdown-toggle,.nav .menu-dropdown .dropdown-toggle,.topbar div>ul .dropdown-menu .dropdown-toggle,.nav .dropdown-menu .dropdown-toggle{color:#ffffff;}.topbar div>ul .menu-dropdown a.menu.open,.nav .menu-dropdown a.menu.open,.topbar div>ul .dropdown-menu a.menu.open,.nav .dropdown-menu a.menu.open,.topbar div>ul .menu-dropdown .dropdown-toggle.open,.nav .menu-dropdown .dropdown-toggle.open,.topbar div>ul .dropdown-menu .dropdown-toggle.open,.nav .dropdown-menu .dropdown-toggle.open{background:#444;background:rgba(255, 255, 255, 0.05);}
229 | .topbar div>ul .menu-dropdown li a,.nav .menu-dropdown li a,.topbar div>ul .dropdown-menu li a,.nav .dropdown-menu li a{color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}.topbar div>ul .menu-dropdown li a:hover,.nav .menu-dropdown li a:hover,.topbar div>ul .dropdown-menu li a:hover,.nav .dropdown-menu li a:hover{background-color:#191919;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));background-image:-moz-linear-gradient(top, #292929, #191919);background-image:-ms-linear-gradient(top, #292929, #191919);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));background-image:-webkit-linear-gradient(top, #292929, #191919);background-image:-o-linear-gradient(top, #292929, #191919);background-image:linear-gradient(top, #292929, #191919);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);color:#ffffff;}
230 | .topbar div>ul .menu-dropdown .active a,.nav .menu-dropdown .active a,.topbar div>ul .dropdown-menu .active a,.nav .dropdown-menu .active a{color:#ffffff;}
231 | .topbar div>ul .menu-dropdown .divider,.nav .menu-dropdown .divider,.topbar div>ul .dropdown-menu .divider,.nav .dropdown-menu .divider{background-color:#222;border-color:#444;}
232 | .topbar ul .menu-dropdown li a,.topbar ul .dropdown-menu li a{padding:4px 15px;}
233 | li.menu,.dropdown{position:relative;}
234 | a.menu:after,.dropdown-toggle:after{width:0;height:0;display:inline-block;content:"↓";text-indent:-99999px;vertical-align:top;margin-top:8px;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
235 | .menu-dropdown,.dropdown-menu{background-color:#ffffff;float:left;display:none;position:absolute;top:40px;z-index:900;min-width:160px;max-width:220px;_width:160px;margin-left:0;margin-right:0;padding:6px 0;zoom:1;border-color:#999;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:0 1px 1px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.menu-dropdown li,.dropdown-menu li{float:none;display:block;background-color:none;}
236 | .menu-dropdown .divider,.dropdown-menu .divider{height:1px;margin:5px 0;overflow:hidden;background-color:#eee;border-bottom:1px solid #ffffff;}
237 | .topbar .dropdown-menu a,.dropdown-menu a{display:block;padding:4px 15px;clear:both;font-weight:normal;line-height:18px;color:#808080;text-shadow:0 1px 0 #ffffff;}.topbar .dropdown-menu a:hover,.dropdown-menu a:hover{background-color:#dddddd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));background-image:-moz-linear-gradient(top, #eeeeee, #dddddd);background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(top, #eeeeee, #dddddd);background-image:-o-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(top, #eeeeee, #dddddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);color:#404040;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);}
238 | .open .menu,.dropdown.open .menu,.open .dropdown-toggle,.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
239 | .open .menu-dropdown,.dropdown.open .menu-dropdown,.open .dropdown-menu,.dropdown.open .dropdown-menu{display:block;}
240 | .tabs,.pills{margin:0 0 20px;padding:0;list-style:none;zoom:1;}.tabs:before,.pills:before,.tabs:after,.pills:after{display:table;content:"";zoom:1;*display:inline;}
241 | .tabs:after,.pills:after{clear:both;}
242 | .tabs>li,.pills>li{float:left;}.tabs>li>a,.pills>li>a{display:block;}
243 | .tabs{float:left;width:100%;border-bottom:1px solid #ddd;}.tabs>li{position:relative;top:1px;}.tabs>li>a{padding:0 15px;margin-right:2px;line-height:36px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.tabs>li>a:hover{text-decoration:none;background-color:#eee;border-color:#eee #eee #ddd;}
244 | .tabs>li.active>a{color:#808080;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;}
245 | .tabs .menu-dropdown,.tabs .dropdown-menu{top:35px;border-width:1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
246 | .tabs a.menu:after,.tabs .dropdown-toggle:after{border-top-color:#999;margin-top:15px;margin-left:5px;}
247 | .tabs li.open.menu .menu,.tabs .open.dropdown .dropdown-toggle{border-color:#999;}
248 | .tabs li.open a.menu:after,.tabs .dropdown.open .dropdown-toggle:after{border-top-color:#555;}
249 | .tab-content{clear:both;}
250 | .pills a{margin:5px 3px 5px 0;padding:0 15px;text-shadow:0 1px 1px #ffffff;line-height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.pills a:hover{background:#00438a;color:#ffffff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
251 | .pills .active a{background:#0069d6;color:#ffffff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
252 | .tab-content>*,.pill-content>*{display:none;}
253 | .tab-content>.active,.pill-content>.active{display:block;}
254 | .breadcrumb{margin:0 0 18px;padding:7px 14px;background-color:#f5f5f5;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
255 | .breadcrumb .divider{padding:0 5px;color:#bfbfbf;}
256 | .breadcrumb .active a{color:#404040;}
257 | .hero-unit{background-color:#f5f5f5;margin-bottom:30px;padding:60px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
258 | .hero-unit p{font-size:18px;font-weight:200;line-height:27px;}
259 | footer{margin-top:17px;padding-top:17px;border-top:1px solid #eee;}
260 | .page-header{margin-bottom:17px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}.page-header h1{margin-bottom:8px;}
261 | .btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
262 | .btn.danger,.alert-message.danger,.btn.error,.alert-message.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
263 | .btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
264 | .btn.info,.alert-message.info{background-color:#339bb9;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#339bb9 #339bb9 #22697d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
265 | .btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}
266 | .btn:focus{outline:1px dotted #666;}
267 | .btn.primary{color:#ffffff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
268 | .btn:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
269 | .btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
270 | .btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
271 | .btn.large{font-size:15px;line-height:normal;padding:9px 14px 9px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
272 | .btn.small{padding:7px 9px 7px;font-size:11px;}
273 | :root .alert-message,:root .btn{border-radius:0 \0;}
274 | button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
275 | .close{float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
276 | .alert-message{position:relative;padding:7px 15px;margin-bottom:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);}.alert-message .close{*margin-top:3px;}
277 | .alert-message h5{line-height:18px;}
278 | .alert-message p{margin-bottom:0;}
279 | .alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px;}
280 | .alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);}
281 | .alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.alert-message.block-message ul,.alert-message.block-message p{margin-right:30px;}
282 | .alert-message.block-message ul{margin-bottom:0;}
283 | .alert-message.block-message li{color:#404040;}
284 | .alert-message.block-message .alert-actions{margin-top:5px;}
285 | .alert-message.block-message.error,.alert-message.block-message.success,.alert-message.block-message.info{color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
286 | .alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;}
287 | .alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;}
288 | .alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;}
289 | .pagination{height:36px;margin:18px 0;}.pagination ul{float:left;margin:0;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
290 | .pagination li{display:inline;}
291 | .pagination a{float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15);*border-right-color:#ddd;text-decoration:none;}
292 | .pagination a:hover,.pagination .active a{background-color:#c7eefe;}
293 | .pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
294 | .pagination .next a{border:0;}
295 | .well{background-color:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
296 | .modal-backdrop{background-color:#000000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;}.modal-backdrop.fade{opacity:0;}
297 | .modal-backdrop,.modal-backdrop.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
298 | .modal{position:fixed;top:50%;left:50%;z-index:11000;width:560px;margin:-250px 0 0 -250px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal .close{margin-top:7px;}
299 | .modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
300 | .modal.fade.in{top:50%;}
301 | .modal-header{border-bottom:1px solid #eee;padding:5px 15px;}
302 | .modal-body{padding:15px;}
303 | .modal-footer{background-color:#f5f5f5;padding:14px 15px 15px;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;zoom:1;margin-bottom:0;}.modal-footer:before,.modal-footer:after{display:table;content:"";zoom:1;*display:inline;}
304 | .modal-footer:after{clear:both;}
305 | .modal-footer .btn{float:right;margin-left:5px;}
306 | .twipsy{display:block;position:absolute;visibility:visible;padding:5px;font-size:11px;z-index:1000;filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}.twipsy.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
307 | .twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
308 | .twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
309 | .twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
310 | .twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
311 | .twipsy-inner{padding:3px 8px;background-color:#000000;color:white;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
312 | .twipsy-arrow{position:absolute;width:0;height:0;}
313 | .popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
314 | .popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
315 | .popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
316 | .popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
317 | .popover .arrow{position:absolute;width:0;height:0;}
318 | .popover .inner{background-color:#000000;background-color:rgba(0, 0, 0, 0.8);padding:3px;overflow:hidden;width:280px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
319 | .popover .title{background-color:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;}
320 | .popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;}
321 | .fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
322 | .label{padding:1px 3px 2px;background-color:#bfbfbf;font-size:9.75px;font-weight:bold;color:#ffffff;text-transform:uppercase;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.label.important{background-color:#c43c35;}
323 | .label.warning{background-color:#f89406;}
324 | .label.success{background-color:#46a546;}
325 | .label.notice{background-color:#62cffc;}
326 | .media-grid{margin-left:-20px;margin-bottom:0;zoom:1;}.media-grid:before,.media-grid:after{display:table;content:"";zoom:1;*display:inline;}
327 | .media-grid:after{clear:both;}
328 | .media-grid li{display:inline;}
329 | .media-grid a{float:left;padding:4px;margin:0 0 20px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
330 | .media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
331 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | The purpose of BibJSON
19 |
20 |
23 |
24 |
25 |
26 |
27 |
28 |
60 |
61 |
62 |
63 |
64 |
65 |
85 |
86 |
87 |
88 |
89 |
90 |
92 |
93 |
94 |
95 |
HOW TO DO BIBJSON
96 | It's just JSON... only, with some useful conventions.
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
The purpose of BibJSON
105 |
BibJSON is a convention for representing bibliographic metadata in JSON;
106 | it makes it easy to share and use bibliographic metadata online.
107 |
It is a form of JSON - a simple, useful and common way of representing data on the web; we use it to
108 | shift information around between our apps.
109 |
When we want to share with other people,
110 | having some conventions about how to use the JSON to do so can be a very useful thing.
111 |
By sharing BibJSON in an agreed manner, we can share data online and use it
112 | directly in web applications to quickly and easily make better use of our data.
113 |
BibJSON is designed to be simple and useful above all else.
114 | It has virtually no requirements, and you could use your own namespaces to extend it.
115 | Use it as best fits the purpose of your community.
116 |
117 |
118 |
119 | {
120 | "title": "Open Bibliography for Science, Technology and Medicine",
121 | "author":[
122 | {"name": "Richard Jones"},
123 | {"name": "Mark MacGillivray"},
124 | {"name": "Peter Murray-Rust"},
125 | {"name": "Jim Pitman"},
126 | {"name": "Peter Sefton"},
127 | {"name": "Ben O'Steen"},
128 | {"name": "William Waites"}
129 | ],
130 | "type": "article",
131 | "year": "2011",
132 | "journal": {"name": "Journal of Cheminformatics"},
133 | "link": [{"url":"http://www.jcheminf.com/content/3/1/47"}],
134 | "identifier": [{"type":"doi","id":"10.1186/1758-2946-3-47"}]
135 | }
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
Overview
145 |
146 | A BibJSON record is a JSON object
147 | A BibJSON collection is a JSON object containing "metadata" followed by "records"
148 | The "records" key in a collection points to a list of BibJSON records (JSON objects)
149 | The collection and the records both have the "collection" key, and their value should be the same
150 | Each record should have a "cid" - an identifier unique within the parent collection
151 | Each record should have a "type" - such as "article", "book", or even "author"
152 | Record type places no constraint on what can be placed in the record
153 | The default set of keys are based on the
154 | bibtex keys
155 | BibJSON keys are lowercase, no spaces, and usually singular
156 | The keys can point to strings, lists, or objects
157 | Any thing that is a simple string should remain so
158 | Where object complexity is required, make it an object
159 | Where additional keys are namespaced, include a "namespace" declaration in the collection "metadata"
160 | BibJSON APIs may return other metadata relevant to the parent app; developers can identify such metadata by prefixing the key with "_"; just ignore what is not useful to you
161 |
162 |
163 |
164 |
165 | # Any simple string is just a string, e.g.
166 | "year":"2011"
167 |
168 | # Anything more complex is an object, such as
169 | "journal":{
170 | "name": "A really great journal",
171 | "id": "rgjourn"
172 | }
173 |
174 | # Anything that could have multiples goes in a list -
175 | "author":[
176 | {
177 | "name": "MacGillivray, Mark"
178 | },
179 | {
180 | "name": "Pitman, Jim"
181 | },
182 | "lists can contain string, list, and object children"
183 | ]
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
192 |
Which things are objects
193 |
As mentioned in the overview, when something is simple it can just be
194 | a string pointed at by a suitable key; but otherwise, it needs to be an
195 | object. So which things are objects?
196 |
197 |
198 |
199 | author is a list of objects
200 | editor is a list of objects
201 | license is a list of objects
202 | identifier is a list of objects
203 | link is a list of objects
204 | journal is an object
205 |
206 |
207 |
208 |
209 |
210 |
211 |
212 |
213 |
Web links and identifying things
214 |
Web links are objects in a list and can contain a URL, an anchor, and more.
215 | They should go to relevant stuff about the current record.
216 | Identifiers should identify the thing the current record is about. They
217 | must have an ID and a type, and can have more.
218 |
219 | {
220 | "title": "An example of links",
221 | "link": [
222 | {
223 | "url": "http://example.com",
224 | "anchor": "Go to Example"
225 | }
226 | ]
227 | "identifier": [
228 | {
229 | "id": "10.1186/1758-2946-3-47",
230 | "type": "DOI",
231 | "url": "http://dx.doi.org/10.1186/1758-2946-3-47"
232 | }
233 | ]
234 | }
235 |
236 |
237 |
238 |
author, editor, journal
239 |
Some typical keys for these objects
240 |
241 | {
242 | "author": [
243 | {
244 | "name": "Erdös, Paul",
245 | "alternate": ["Paul Erdos"],
246 | "firstname": "Paul",
247 | "lastname": "Erdös",
248 | "id": "paulerdos"
249 | }
250 | ],
251 | "editor": [
252 | # as above...
253 | ],
254 | "journal": {
255 | "name": "American Journal of Mathematics",
256 | "shortcode": "Amer. J. Math.",
257 | "id": "amerjmath"
258 | }
259 |
260 |
You could even have these as separate records in a collection,
261 | (use the "type" field to identify "author", say)
262 | then refer to them from other objects by their ID.
263 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
Licensing things
271 |
License information is represented by the "license" key. It should
272 | contain a type and a URL to an explanation of the license. It could
273 | also contain other fields giving more info about the license,
274 | if necessary. License is a list, just in case there are multiples...
275 |
(We have chosen to Americanise ourselves and use "license" :)
276 |
Learn more about bibliographic metadata licensing at
277 | http://openbiblio.net/principles
278 |
279 |
280 |
281 | {
282 | "license": [
283 | {
284 | "type": "copyheart",
285 | "url": "http://copyheart.org/manifesto/",
286 | "description": "A great license",
287 | "jurisdiction": "universal"
288 | }
289 | ]
290 | }
291 |
292 |
293 |
294 |
295 |
296 |
297 |
298 |
299 |
collection
300 |
301 | # an example collection
302 | {
303 | "metadata": {
304 | "collection": "my_collection",
305 | "label": "My collection of records",
306 | "description" "a great collection",
307 | "id": "long_complex_uuid",
308 | "owner": "test",
309 | "created": "2011-10-31T16:05:23.055882",
310 | "modified": "2011-10-31T16:05:23.055882",
311 | "source": "http://webaddress.com/collection.bib",
312 | "records": 1594,
313 | "from": 0,
314 | "size": 2,
315 | },
316 | "records": [
317 | {
318 | "collection": "my_collection",
319 | "type": "book",
320 | "title": "a great book",
321 | "id": "your_record_id",
322 | ...
323 | },
324 | ...
325 | ]
326 | }
327 |
328 |
NOTE: You can provide your own record IDs in the "id" key. Internal IDs allocated
329 | by BibServer (and other internal data set by BibServer or other processes) are
330 | set to keys prefixed with "_" - e.g. "_id" is used for internal BibServer IDs.
331 | (BibServer also exposes records via the provided as well as the internal ID.)
332 |
333 |
334 |
Another example
335 |
336 | {
337 | "type": "article",
338 | "title": "On a family of symmetric Bernoulli convolutions",
339 | "author": [
340 | {
341 | "name": "Erdös, Paul"
342 | }
343 | ],
344 | "journal": {
345 | "name": "American Journal of Mathematics"
346 | "identifier":[
347 | {
348 | "id": "0002-9327",
349 | "type": "issn"
350 | }
351 | ],
352 | "volume": "61",
353 | "pages": "974--976"
354 | },
355 | "year": "1939",
356 | "owner": "me",
357 | "id": "ID_1",
358 | "collection": "my_collection",
359 | "url": "http://example.com/me/my_collection/ID_1",
360 | "link":[
361 | {
362 | "url": "http://okfn.org",
363 | "anchor": "Open Knowledge Foundation"
364 | }
365 | ]
366 | }
367 |
368 |
369 |
370 |
371 |
372 |
373 |
374 |
375 |
Linked data
376 |
Rather than re-defining our own methods for representing linked data,
377 | we have adopted the JSON-LD linked data specification. This enables representation
378 | of your data in a BibJSON collection whilst also taking advantage of the power of
379 | linked data where necessary, without making the basics of BibJSON overly complex
380 | for those that do not require it. So in order to represent your data as linked data,
381 | just incorporate the JSON-LD linked data
382 | specifications when creating your BibJSON collection.
383 |
384 |
385 |
JSON-LD example
386 |
We would like to use real world examples as far as possible - do you require
387 | linked data functionality within BibJSON? If so, please
388 | contact us
389 | and we can work through a BibJSON / JSON-LD example with you.
390 |
391 |
392 |
393 |
394 |
395 |
396 |
397 |
Parsing to BibJSON
398 |
We have written parsers to BibJSON from a number of popular formats such as bibtex,
399 | CSV, RIS, MARC - and we have written BibServer to be easily extensible with additional
400 | parsers written in multiple programming languages. If we do not yet have the parser
401 | you require in our repo, get in touch and we will help you write one.
402 |
407 |
The parse functionality can be run independently from the core of BibServer,so
408 | it is possible to create and expose your own parsers if you wish.
409 |
410 |
411 |
Schema
412 |
BibJSON is intended to be simple yet useful, and should be used
413 | as is most practical. There is no fixed schema as yet, but as JSON-LD is supported
414 | it is possible to reference any vocabulary via a namespace declaration and use it
415 | with your key/value pairs where necessary.
416 |
Development is managed via our mailing list
417 | the Open biblio WG blog at http://openbiblio.net ,
418 | and the wiki at http://wiki.okfn.org/Projects/openbibliography/bibjson .
419 |
420 |
421 |
422 |
423 |
424 |
Why use / who uses BibJSON
425 |
431 |
BibJSON data can be very easily displayed, searched,
432 | embedded, merged and shared on the internet via BibServer and similar tools. With that comes the ability to use
433 | your bibliographic metadata directly in online documents to manage, share and link your reference lists - not just
434 | maintaining your collection for use in static documents, but using your collections as part of the
435 |
Let us know if you are using or considering using BibJSON for your own project.
436 | It becomes more useful as more people use it.
437 |
438 |
439 |
Anything similar? (why not use them?)
440 |
The concept of BibJSON is like that of GeoJSON .
441 |
There are various other ways to represent your data and share it with other people.
442 | We have designed BibJSON around
443 | some key requirements - to be useful on the web, to remain simple,
444 | and to present consensus on usage.
445 |
We think that the power of linked data is good where necessary, and we support that via
446 | our adoption of JSON-LD. We prefer it over others such as RDF/JSON as it enables us to
447 | maintain a simple key/value structure where appropriate.
448 |
449 |
450 |
451 |
452 |
453 |
454 |
455 |
What do you think?
456 |
We would like to know what you think about BibJSON. We would like to find out where it actually is useful for other people.
457 |
The best place to get in touch is on our mailing list openbiblio-dev@lists.okfn.org .
458 |
It would be great to hear back about any potential uses of BibJSON, or any interest in converting records or collections, or in writing parsers
459 | to do so. Also, any follow up comments about the conventions described here, or suggestions for additions / changes, should be presented
460 | to the mailing list for consideration.
461 |
462 |
463 |
464 |
465 |
466 |
489 |
490 |
491 |
492 |
493 |
494 |
495 |
--------------------------------------------------------------------------------