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;
97 * Rules for alert boxes shown in the left sidebar when important
98 * information needs to be conveyed such as when the site is
99 * undergoing maintenance.
106 border: 1px solid #ccc;
111 -moz-border-radius: 5px;
115 * Rules for notice boxes shown in the left sidebar when important, but
116 * non-critical information needs to be conveyed such as notices about
124 border: 1px solid #ccc;
129 -moz-border-radius: 5px;
132 /* Rules for the menu displayed in the left sidebar */
137 border-top: 1px solid #ccc;
138 border-bottom: 1px solid #ccc;
151 list-style-type: none;
163 /* Rules for SOTM advert */
175 * Rules for "optional boxes" which appear in the left sidebar on
176 * certain pages. Current users are the seach box on the main page
177 * and the tag cloud on the traces pages.
183 border-top: 1px solid #ccc;
191 vertical-align: bottom;
194 /* Rules for the search box */
198 vertical-align: bottom;
212 #search_field input[type="text"] {
216 #search_field input[type="submit"] {
227 /* Rules for donation request box */
233 border: 1px solid #ccc;
239 -moz-border-radius: 5px;
242 /* Rules for Creative Commons logo button */
249 /* Rules for tabbed navigation bar */
255 background: image-url('tab_bottom.gif') repeat-x bottom;
262 list-style-type: none;
265 #tabnav a, #tabnav a:link, #tabnav a:visited {
271 border: 1px solid #ccc;
272 text-decoration: none;
274 border-top-right-radius: 5px;
275 -moz-border-radius-topright: 5px;
276 border-top-left-radius: 5px;
277 -moz-border-radius-topleft: 5px;
280 #tabnav a:link.active, #tabnav a:visited.active {
281 border-bottom: 1px solid #fff;
286 #tabnav a:link:hover, #tabnav a:visited:hover {
290 #tabnav a:link.disabled,
291 #tabnav a:visited.disabled,
292 #tabnav a:link:hover.disabled,
293 #tabnav a:visited:hover.disabled {
298 /* Rules for greeting bar in the top right corner */
306 background: image-url('tab_bottom.gif') repeat-x bottom;
309 .greeting-bar-unread {
313 /* Rules for the message shown in place of the map when javascript is disabled */
321 /* Rules for OpenLayers maps */
328 .olControlAttribution {
329 bottom: 15px !important;
330 left: 0px !important;
331 right: 0px !important;
350 /* Rules for edit menu */
356 background-color: #ffffff;
357 border: 1px solid black;
368 list-style-type: none;
372 /* Rules for attribution text under the main map shown on printouts */
378 .attribution_notice {
382 /* Rules for the popout map sidebar */
387 border: 1px solid #888;
395 #sidebar #sidebar_content {
406 #sidebar .sidebar_title {
412 border-bottom: 1px solid #888;
416 /* Rules for the map key which appears in the popout sidebar */
424 #mapkey .mapkey-table {
429 #mapkey .mapkey-table-key {
432 #mapkey .mapkey-table-value {
436 /* Rules for search results which appear in the popout sidebar */
443 .search_results_heading {
446 border-top: 1px solid #ccc;
447 border-bottom: 1px solid #ccc;
451 .search_results_entry {
456 .search_results_error {
458 padding: 2px 6px 0px;
462 /* Rules for data browser information which appears in the popout sidebar */
467 border: 1px solid #ccc;
476 /* Rules for export information which appears in the popout sidebar */
481 border-bottom: 1px solid #ccc;
520 /* Rules for the main content area */
540 #slim_container_content {
542 background-color: #FFFFFF;
546 -moz-border-radius: 25px;
547 border: 1px solid #e6e6e6;
563 vertical-align: middle;
567 /* Rules for the home page */
585 /* Rules for the edit page */
595 /* Rules for the changeset list shown by the history tab etc */
597 #changeset_list_container {
604 border-collapse: collapse;
615 #changeset_list .date {
619 #changeset_list .user {
623 #changeset_list .area {
627 #changeset_list .selected {
628 background-color: rgb(255, 255, 160);
629 background-color: rgba(255, 255, 85, 0.5);
632 #changeset_list_map {
638 border: solid 1px black;
641 /* Rules for the data browser */
648 table.browse_details th {
656 #browse_map #small_map {
659 border: solid 1px black;
662 #browse_map .geolink {
666 /* Rules for the trace list shown by the traces tab etc */
670 border-collapse: collapse;
674 #trace_list .trace_summary {
679 #trace_list .trace_pending {
683 #trace_list .trace_public {
687 #trace_list .trace_identifiable {
691 #trace_list .trace_trackable {
695 #trace_list .trace_private {
699 /* Rules for the user list */
707 vertical-align: middle;
719 /* Rules for the new diary entry page */
721 .diary_entry div#map {
728 /* Rules for the login page */
734 -moz-border-radius: 15px;
738 background-color: #f5f5ff;
739 border: 1px solid #f3f3ff;
741 -moz-border-radius: 15px;
748 table#login_openid_buttons {
749 padding-bottom: 10px;
752 #login_openid_buttons td {
759 #login_openid_buttons img {
763 #login_signup form.button-to div {
768 /* Rules for the account confirmation page */
770 div#contributorTerms {
771 border: 1px solid black;
778 div#slim_content div#contributorTerms {
782 div#contributorTerms p#first {
786 div#contributorTerms p#last {
790 div#contributorTerms ol {
794 div#contributorTerms img {
806 div#slim_content form#termsForm {
810 p#contributorGuidance {
811 background-color: #f5f5ff;
812 border: 1px solid #f3f3ff;
814 -moz-border-radius: 15px;
818 /* Rules for the account settings page */
821 padding-bottom: 10px;
824 #accountForm .user_map {
843 display: inline !important;
846 #accountForm input[type=submit] {
850 /* Rules for the user view */
852 .user_view .user_map {
858 .user_view .user_map p#no_home_location {
867 /* Rules for the user map */
869 .user_map .olControlPanZoomBar {
873 .user_map .olControlPanZoom {
877 /* Rules for user popups on maps */
888 .user_popup img.user_thumbnail {
892 /* Rules for message in/out box page */
895 border: 1px solid #ccc;
898 .inbox-row-unread .inbox-subject {
902 /* Rules for "flash" notice boxes shown at the top of the content area */
905 border: 1px solid red;
907 background-color: #fff0f0;
910 -moz-border-radius: 5px;
914 border: 1px solid orange;
916 background-color: #fff6f0;
919 -moz-border-radius: 5px;
923 border: 1px solid green;
925 background-color: #f0fff0;
928 -moz-border-radius: 5px;
931 /* Rules for highlighting fields with rails validation errors */
935 background-color: red;
939 /* Rules for rails validation error boxes */
943 border: 2px solid red;
945 padding-bottom: 12px;
947 background-color: #f0f0f0;
950 #errorExplanation h2 {
954 background-color: #c00;
958 #errorExplanation p {
964 #errorExplanation ul li {
969 /* Rules for forms */
985 input[type="password"],
987 border: 1px solid #888;
990 /* Rules for user images */
995 border: 1px solid black;
1001 border: 1px solid black;
1004 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1007 white-space: nowrap;
1010 /* Rules for geo microformats */
1013 border-bottom: none;
1016 /* Rules for RSS buttons */
1023 /* Rules for doing distinct colour of alternate table rows */
1026 background: #f6f6f6;
1033 /* Rules for OpenID logo */
1036 vertical-align: text-bottom;