1 /* Styles common to large and small screens */
3 /* Default rules for the body of every page */
6 font-family: 'Helvetica Neue',Arial,sans-serif;
10 background-color: #fff;
16 background-color: #f0f0f0;
23 text-decoration: none;
27 text-decoration: underline;
30 /* Rules for horizontal lines */
34 background-color: #ccc;
39 /* Default rules for headings */
47 /* Rules for the whole left sidebar, including the logo */
57 /* Rules for the OpenStreetMap logo in the top left corner */
80 /* Rules for the site name */
86 /* Rules for the introductory text displayed in the left sidebar to new users */
89 border-top: 1px solid #ccc;
98 * Rules for alert boxes shown in the left sidebar when important
99 * information needs to be conveyed such as when the site is
100 * undergoing maintenance.
104 padding: 0px 5px 0.1px 5px;
105 border-top: 1px solid #ccc;
119 * Rules for notice boxes shown in the left sidebar when important, but
120 * non-critical information needs to be conveyed such as notices about
128 border: 1px solid #ccc;
133 -moz-border-radius: 5px;
136 /* Rules for the menu displayed in the left sidebar */
141 border-top: 1px solid #ccc;
142 border-bottom: 1px solid #ccc;
155 list-style-type: none;
164 .left_menu ul li ul {
174 /* Rules for SOTM advert */
186 * Rules for "optional boxes" which appear in the left sidebar on
187 * certain pages. Current users are the seach box on the main page
188 * and the tag cloud on the traces pages.
194 border-top: 1px solid #ccc;
202 vertical-align: bottom;
205 /* Rules for the search box */
209 vertical-align: bottom;
223 #search_field input[type="text"] {
227 #search_field input[type="submit"] {
238 /* Rules for donation request box */
244 border: 1px solid #ccc;
250 -moz-border-radius: 5px;
253 /* Rules for Creative Commons logo button */
260 /* Rules for tabbed navigation bar */
263 border-bottom: 1px solid #ccc;
277 list-style-type: none;
280 #tabnav a, #tabnav a:link, #tabnav a:visited {
286 text-decoration: none;
290 #tabnav a:link.active, #tabnav a:visited.active {
291 border-bottom: 1px solid #aaa;
296 #tabnav a:link:hover, #tabnav a:visited:hover {
297 text-decoration:underline;
300 #tabnav a:link.disabled,
301 #tabnav a:visited.disabled,
302 #tabnav a:link:hover.disabled,
303 #tabnav a:visited:hover.disabled {
308 #tabnav a:link.disabled:hover,
309 #tabnav a:visited.disabled:hover,
310 #tabnav a:link:hover.disabled:hover,
311 #tabnav a:visited:hover.disabled:hover {
312 text-decoration: none;
315 /* Rules for greeting bar in the top right corner */
324 .greeting-bar-unread {
328 /* Rules for the message shown in place of the map when javascript is disabled */
336 /* Rules for OpenLayers maps */
343 .olControlAttribution {
344 bottom: 15px !important;
345 left: 0px !important;
346 right: 0px !important;
365 /* Rules for edit menu */
371 background-color: #ffffff;
372 border: 1px solid black;
383 list-style-type: none;
387 /* Rules for attribution text under the main map shown on printouts */
393 .attribution_notice {
397 /* Rules for the popout map sidebar */
409 #sidebar #sidebar_content {
420 #sidebar .sidebar_title {
422 padding: 3px 6px 4px 6px;
429 /* Rules for the map key which appears in the popout sidebar */
437 #mapkey .mapkey-table {
442 #mapkey .mapkey-table-key {
445 #mapkey .mapkey-table-value {
449 /* Rules for search results which appear in the popout sidebar */
456 .search_results_heading {
459 border-bottom: 1px solid #ccc;
463 .search_results_entry {
468 .search_results_error {
470 padding: 2px 6px 0px;
474 /* Rules for data browser information which appears in the popout sidebar */
479 border: 1px solid #ccc;
488 /* Rules for export information which appears in the popout sidebar */
493 border-bottom: 1px solid #ccc;
532 /* Rules for the main content area */
543 #content.site_export {
552 #slim_container_content {
554 background-color: #FFFFFF;
558 -moz-border-radius: 25px;
559 border: 1px solid #e6e6e6;
575 vertical-align: middle;
579 /* Rules for the home page */
597 /* Rules for the edit page */
607 /* Rules for the changeset list shown by the history tab etc */
609 #changeset_list_container {
616 border-collapse: collapse;
627 #changeset_list .date {
631 #changeset_list .user {
635 #changeset_list .area {
639 #changeset_list .selected {
640 background-color: rgb(255, 255, 160);
641 background-color: rgba(255, 255, 85, 0.5);
644 #changeset_list_map {
650 border: solid 1px black;
653 /* Rules for the data browser */
660 table.browse_details th {
668 #browse_map #small_map {
671 border: solid 1px black;
674 #browse_map .geolink {
678 /* Rules for the trace list shown by the traces tab etc */
682 border-collapse: collapse;
686 #trace_list .trace_summary {
691 #trace_list .trace_pending {
695 #trace_list .trace_public {
699 #trace_list .trace_identifiable {
703 #trace_list .trace_trackable {
707 #trace_list .trace_private {
711 /* Rules for the user list */
719 vertical-align: middle;
731 /* Rules for the new diary entry page */
733 .diary_entry div#map {
737 border: 1px solid #ccc;
741 /* Rules for the login page */
747 -moz-border-radius: 15px;
751 background-color: #f5f5ff;
752 border: 1px solid #f3f3ff;
754 -moz-border-radius: 15px;
761 table#login_openid_buttons {
762 padding-bottom: 10px;
765 #login_openid_buttons td {
772 #login_openid_buttons img {
776 #login_signup form.button-to div {
781 /* Rules for the account confirmation page */
783 div#contributorTerms {
784 border: 1px solid black;
791 div#slim_content div#contributorTerms {
795 div#contributorTerms p#first {
799 div#contributorTerms p#last {
803 div#contributorTerms ol {
807 div#contributorTerms img {
819 div#slim_content form#termsForm {
823 p#contributorGuidance {
824 background-color: #f5f5ff;
825 border: 1px solid #f3f3ff;
827 -moz-border-radius: 15px;
831 /* Rules for the account settings page */
834 padding-bottom: 10px;
837 #accountForm .user_map {
841 border: 1px solid #ccc;
857 display: inline !important;
860 #accountForm input[type=submit] {
864 /* Rules for the user view */
866 .user_view .user_map {
870 border: 1px solid #ccc;
873 .user_view .user_map p#no_home_location {
882 /* Rules for the user map */
884 .user_map .olControlPanZoomBar {
888 .user_map .olControlPanZoom {
892 /* Rules for user popups on maps */
903 .user_popup img.user_thumbnail {
907 /* Rules for message in/out box page */
910 border: 1px solid #ccc;
913 .inbox-row-unread .inbox-subject {
917 /* Rules for "flash" notice boxes shown at the top of the content area */
920 border: 1px solid red;
922 background-color: #fff0f0;
925 -moz-border-radius: 5px;
929 border: 1px solid orange;
931 background-color: #fff6f0;
934 -moz-border-radius: 5px;
938 border: 1px solid green;
940 background-color: #f0fff0;
943 -moz-border-radius: 5px;
946 /* Rules for highlighting fields with rails validation errors */
950 background-color: red;
954 /* Rules for rails validation error boxes */
958 border: 2px solid red;
960 padding-bottom: 12px;
962 background-color: #f0f0f0;
965 #errorExplanation h2 {
969 background-color: #c00;
973 #errorExplanation p {
979 #errorExplanation ul li {
984 /* Rules for forms */
1000 input[type="password"],
1002 border: 1px solid #888;
1005 /* Rules for user images */
1010 border: 1px solid black;
1013 img.user_thumbnail {
1016 border: 1px solid black;
1019 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1022 white-space: nowrap;
1025 /* Rules for geo microformats */
1028 border-bottom: none;
1031 /* Rules for RSS buttons */
1038 /* Rules for doing distinct colour of alternate table rows */
1041 background: #f6f6f6;
1048 /* Rules for OpenID logo */
1051 vertical-align: text-bottom;
1055 /* Rules for rich text editors */
1057 .richtext_container {
1058 white-space: nowrap;
1061 display: inline-block;
1062 vertical-align: top;
1065 display: inline-block;
1068 border: 4px solid #eee;
1069 background-color: #eee;
1070 white-space: normal;
1073 background-image: image-url("loading.gif");
1074 background-repeat: no-repeat;
1075 background-position: center;
1085 display: inline-block;
1086 vertical-align: top;
1087 background-color: #ddd;
1089 padding: 5px 10px 10px 10px;
1097 vertical-align: top;
1098 padding: 0px 15px 0px 0px !important;
1104 padding: 0px !important;
1107 input.richtext_doedit {
1108 margin-top: 5px !important;
1109 margin-right: 10px !important;
1112 input.richtext_dopreview {
1113 margin-top: 5px !important;
1114 margin-left: 10px !important;