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 */
98 border-top: 1px solid #ccc;
102 * Rules for alert boxes shown in the left sidebar when important
103 * information needs to be conveyed such as when the site is
104 * undergoing maintenance.
108 padding: 4px 5px 4px 5px;
109 border-top: 1px solid #ccc;
123 * Rules for notice boxes shown in the left sidebar when important, but
124 * non-critical information needs to be conveyed such as notices about
129 padding: 4px 5px 4px 5px;
130 border-top: 1px solid #ccc;
142 /* Rules for the menu displayed in the left sidebar */
147 border-top: 1px solid #ccc;
160 list-style-type: none;
169 .left_menu ul li ul {
179 /* Rules for SOTM advert */
191 * Rules for "optional boxes" which appear in the left sidebar on
192 * certain pages. Current users are the seach box on the main page
193 * and the tag cloud on the traces pages.
206 vertical-align: bottom;
209 /* Rules for the search box */
224 #search_field input[type="text"] {
230 box-shadow: inset #DDD 0px 1px 3px;
231 box-sizing: border-box;
232 -webkit-box-sizing: border-box;
233 -moz-box-sizing: border-box;
234 -ms-box-sizing: border-box;
237 #search_field input[type="text"]:focus {
239 border: 1px solid #000;
242 #search_field input[type="submit"] {
249 background: url(sprite.png);
268 /* Rules for donation request box */
274 border: 1px solid #AED1A0;
280 -moz-border-radius: 2px;
287 /* Rules for Creative Commons logo button */
294 /* Rules for tabbed navigation bar */
297 border-bottom: 1px solid #ccc;
311 list-style-type: none;
314 #tabnav a, #tabnav a:link, #tabnav a:visited {
320 text-decoration: none;
324 #tabnav a:link.active, #tabnav a:visited.active {
325 border-bottom: 1px solid #aaa;
330 #tabnav a:link:hover, #tabnav a:visited:hover {
331 text-decoration:underline;
334 #tabnav a:link.disabled,
335 #tabnav a:visited.disabled,
336 #tabnav a:link:hover.disabled,
337 #tabnav a:visited:hover.disabled {
342 #tabnav a:link.disabled:hover,
343 #tabnav a:visited.disabled:hover,
344 #tabnav a:link:hover.disabled:hover,
345 #tabnav a:visited:hover.disabled:hover {
346 text-decoration: none;
358 /* Rules for greeting bar in the top right corner */
367 .greeting-bar-unread {
371 /* Rules for the message shown in place of the map when javascript is disabled */
379 /* Rules for OpenLayers maps */
386 .olControlAttribution {
387 bottom: 15px !important;
388 left: 0px !important;
389 right: 0px !important;
408 /* Rules for edit menu */
415 text-decoration: none !important;
423 background-color: #ffffff;
424 border: 1px solid #cccccc;
436 list-style-type: none;
437 border-top: 1px solid #eee;
441 /* Rules for attribution text under the main map shown on printouts */
447 .attribution_notice {
451 /* Rules for the popout map sidebar */
463 #sidebar #sidebar_content {
474 #sidebar .sidebar_title {
476 padding: 3px 6px 4px 6px;
483 /* Rules for the map key which appears in the popout sidebar */
491 #mapkey .mapkey-table {
496 #mapkey .mapkey-table-key {
499 #mapkey .mapkey-table-value {
503 /* Rules for search results which appear in the popout sidebar */
510 .search_results_heading {
513 border-bottom: 1px solid #ccc;
517 .search_results_entry {
522 .search_results_error {
524 padding: 2px 6px 0px;
528 /* Rules for data browser information which appears in the popout sidebar */
533 border: 1px solid #ccc;
542 /* Rules for export information which appears in the popout sidebar */
547 border-bottom: 1px solid #ccc;
586 /* Rules for the main content area */
597 #content.site_export {
606 #slim_container_content {
608 background-color: #FFFFFF;
612 -moz-border-radius: 25px;
613 border: 1px solid #e6e6e6;
629 vertical-align: middle;
633 /* Rules for the home page */
651 /* Rules for the edit page */
661 /* Rules for the changeset list shown by the history tab etc */
663 #changeset_list_container {
670 border-collapse: collapse;
681 #changeset_list .date {
685 #changeset_list .user {
689 #changeset_list .area {
693 #changeset_list .selected {
694 background-color: rgb(255, 255, 160);
695 background-color: rgba(255, 255, 85, 0.5);
698 #changeset_list_map {
704 border: solid 1px black;
707 /* Rules for the data browser */
714 table.browse_details th {
722 #browse_map #small_map {
725 border: solid 1px black;
728 #browse_map .geolink {
732 /* Rules for the trace list shown by the traces tab etc */
736 border-collapse: collapse;
740 #trace_list .trace_summary {
745 #trace_list .trace_pending {
749 #trace_list .trace_public {
753 #trace_list .trace_identifiable {
757 #trace_list .trace_trackable {
761 #trace_list .trace_private {
765 /* Rules for the user list */
773 vertical-align: middle;
785 /* Rules for the new diary entry page */
787 .diary_entry div#map {
791 border: 1px solid #ccc;
795 /* Rules for the login page */
801 -moz-border-radius: 15px;
805 background-color: #f5f5ff;
806 border: 1px solid #f3f3ff;
808 -moz-border-radius: 15px;
815 table#login_openid_buttons {
816 padding-bottom: 10px;
819 #login_openid_buttons td {
826 #login_openid_buttons img {
830 #login_signup form.button-to div {
835 /* Rules for the account confirmation page */
837 div#contributorTerms {
838 border: 1px solid black;
845 div#slim_content div#contributorTerms {
849 div#contributorTerms p#first {
853 div#contributorTerms p#last {
857 div#contributorTerms ol {
861 div#contributorTerms img {
873 div#slim_content form#termsForm {
877 p#contributorGuidance {
878 background-color: #f5f5ff;
879 border: 1px solid #f3f3ff;
881 -moz-border-radius: 15px;
885 /* Rules for the account settings page */
888 padding-bottom: 10px;
891 #accountForm .user_map {
895 border: 1px solid #ccc;
911 display: inline !important;
914 #accountForm input[type=submit] {
918 /* Rules for the user view */
920 .user_view .user_map {
924 border: 1px solid #ccc;
927 .user_view .user_map p#no_home_location {
936 /* Rules for the user map */
938 .user_map .olControlSimplePanZoom {
942 .user_map .olControlZoom {
946 /* Rules for user popups on maps */
957 .user_popup img.user_thumbnail {
961 /* Rules for message in/out box page */
964 border: 1px solid #ccc;
967 .inbox-row-unread .inbox-subject {
971 /* Rules for "flash" notice boxes shown at the top of the content area */
974 border: 1px solid red;
976 background-color: #fff0f0;
979 -moz-border-radius: 5px;
983 border: 1px solid orange;
985 background-color: #fff6f0;
988 -moz-border-radius: 5px;
992 border: 1px solid green;
994 background-color: #f0fff0;
997 -moz-border-radius: 5px;
1000 /* Rules for highlighting fields with rails validation errors */
1002 .field_with_errors {
1004 background-color: red;
1008 /* Rules for rails validation error boxes */
1012 border: 2px solid red;
1014 padding-bottom: 12px;
1015 margin-bottom: 20px;
1016 background-color: #f0f0f0;
1019 #errorExplanation h2 {
1023 background-color: #c00;
1027 #errorExplanation p {
1033 #errorExplanation ul li {
1038 /* Rules for forms */
1041 vertical-align: top;
1052 input[type="email"],
1054 input[type="password"],
1056 border: 1px solid #ccc;
1059 /* Rules for user images */
1064 border: 1px solid black;
1067 img.user_thumbnail {
1070 border: 1px solid black;
1073 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1076 white-space: nowrap;
1079 /* Rules for geo microformats */
1082 border-bottom: none;
1085 /* Rules for RSS buttons */
1092 /* Rules for doing distinct colour of alternate table rows */
1095 background: #f6f6f6;
1102 /* Rules for OpenID logo */
1105 vertical-align: text-bottom;
1109 /* Rules for rich text editors */
1111 .richtext_container {
1112 white-space: nowrap;
1115 display: inline-block;
1116 vertical-align: top;
1119 display: inline-block;
1122 border: 4px solid #eee;
1123 background-color: #eee;
1124 white-space: normal;
1127 background-image: image-url("loading.gif");
1128 background-repeat: no-repeat;
1129 background-position: center;
1139 display: inline-block;
1140 vertical-align: top;
1141 background-color: #ddd;
1142 padding: 5px 10px 10px 10px;
1150 vertical-align: top;
1156 padding: 0px !important;
1159 input.richtext_doedit {
1160 margin-top: 5px !important;
1163 input.richtext_dopreview {
1164 margin-top: 5px !important;