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 */
84 /* Rules for the site name */
94 /* Rules for the introductory text displayed in the left sidebar to new users */
104 .sidebar-copy.intro {
106 border-top: 1px solid #ccc;
110 * Rules for alert boxes shown in the left sidebar when important
111 * information needs to be conveyed such as when the site is
112 * undergoing maintenance.
116 padding: 4px 5px 4px 5px;
117 border-top: 1px solid #ccc;
131 * Rules for notice boxes shown in the left sidebar when important, but
132 * non-critical information needs to be conveyed such as notices about
137 padding: 4px 5px 4px 5px;
138 border-top: 1px solid #ccc;
150 /* Rules for the menu displayed in the left sidebar */
155 border-top: 1px solid #ccc;
168 list-style-type: none;
177 .left_menu ul li ul {
187 /* Rules for SOTM advert */
202 * Rules for "optional boxes" which appear in the left sidebar on
203 * certain pages. Current users are the seach box on the main page
204 * and the tag cloud on the traces pages.
217 vertical-align: bottom;
220 /* Rules for the search box */
235 #search_field input[type="text"] {
241 box-shadow: inset #DDD 0px 1px 3px;
242 box-sizing: border-box;
243 -webkit-box-sizing: border-box;
244 -moz-box-sizing: border-box;
245 -ms-box-sizing: border-box;
248 #search_field input[type="text"]:focus {
250 border: 1px solid #000;
253 #search_field input[type="submit"] {
260 background: url(sprite.png);
279 /* Rules for donation request box */
285 border: 1px solid #AED1A0;
291 -moz-border-radius: 2px;
298 /* Rules for Creative Commons logo button */
305 /* Rules for tabbed navigation bar */
308 border-bottom: 1px solid #ccc;
322 list-style-type: none;
325 #tabnav a, #tabnav a:link, #tabnav a:visited {
331 text-decoration: none;
333 -webkit-transition: color 200ms ease-in;
334 -moz-transition: color 200ms ease-in;
335 -o-transition: color 200ms ease-in;
336 transition: color 200ms ease-in;
339 body.site-index #tabnav a#viewanchor,
340 body.site-edit #tabnav a#editanchor,
341 body.changeset-list #tabnav a#historyanchor,
342 body.site-export #tabnav a#exportanchor {
343 border-bottom: 1px solid #aaa;
348 #tabnav a:link:hover, #tabnav a:visited:hover {
349 text-decoration:underline;
352 #tabnav a:link.disabled,
353 #tabnav a:visited.disabled,
354 #tabnav a:link:hover.disabled,
355 #tabnav a:visited:hover.disabled {
360 #tabnav a:link.disabled:hover,
361 #tabnav a:visited.disabled:hover,
362 #tabnav a:link:hover.disabled:hover,
363 #tabnav a:visited:hover.disabled:hover {
364 text-decoration: none;
376 /* Rules for greeting bar in the top right corner */
385 .greeting-bar-unread {
389 /* Rules for the message shown in place of the map when javascript is disabled */
397 /* Rules for OpenLayers maps */
405 .olControlAttribution {
406 bottom: 15px !important;
407 left: 0px !important;
408 right: 0px !important;
427 /* Rules for edit menu */
434 text-decoration: none !important;
442 background-color: #ffffff;
443 border: 1px solid #cccccc;
455 list-style-type: none;
456 border-top: 1px solid #eee;
460 /* Rules for attribution text under the main map shown on printouts */
466 .attribution_notice {
470 /* Rules for the popout map sidebar */
482 #sidebar #sidebar_content {
493 #sidebar .sidebar_title {
495 padding: 3px 6px 4px 6px;
502 /* Rules for the map key which appears in the popout sidebar */
510 #mapkey .mapkey-table {
515 #mapkey .mapkey-table-key img {
521 #mapkey .mapkey-table-value {
525 /* Rules for search results which appear in the popout sidebar */
532 .search_results_heading {
535 border-bottom: 1px solid #ccc;
539 .search_results_entry {
544 .search_results_error {
546 padding: 2px 6px 0px;
550 /* Rules for data browser information which appears in the popout sidebar */
555 border: 1px solid #ccc;
564 /* Rules for export information which appears in the popout sidebar */
569 border-bottom: 1px solid #ccc;
608 /* Rules for the main content area */
617 .site-index #content,
619 .site-export #content {
628 #slim_container_content {
630 background-color: #FFFFFF;
634 -moz-border-radius: 25px;
635 border: 1px solid #e6e6e6;
651 vertical-align: middle;
655 /* Rules for the home page */
673 /* Rules for the edit page */
684 /* Rules for the changeset list shown by the history tab etc */
686 #changeset_list_container {
693 border-collapse: collapse;
704 #changeset_list .date {
708 #changeset_list .user {
712 #changeset_list .area {
716 #changeset_list .selected {
717 background-color: rgb(255, 255, 160);
718 background-color: rgba(255, 255, 85, 0.5);
721 #changeset_list_map {
727 border: solid 1px black;
730 /* Rules for the data browser */
737 table.browse_details th {
745 #browse_map #small_map {
748 border: solid 1px black;
751 #browse_map .geolink {
755 /* Rules for the trace list shown by the traces tab etc */
759 border-collapse: collapse;
763 #trace_list .trace_summary {
768 #trace_list .trace_pending {
772 #trace_list .trace_public {
776 #trace_list .trace_identifiable {
780 #trace_list .trace_trackable {
784 #trace_list .trace_private {
788 /* Rules for the user list */
796 vertical-align: middle;
808 /* Rules for the new diary entry page */
810 .diary_entry div#map {
814 border: 1px solid #ccc;
818 /* Rules for the login page */
824 -moz-border-radius: 15px;
828 background-color: #f5f5ff;
829 border: 1px solid #f3f3ff;
831 -moz-border-radius: 15px;
838 table#login_openid_buttons {
839 padding-bottom: 10px;
842 #login_openid_buttons td {
849 #login_openid_buttons img {
853 #login_signup form.button-to div {
858 /* Rules for the account confirmation page */
860 div#contributorTerms {
861 border: 1px solid black;
868 div#slim_content div#contributorTerms {
872 div#contributorTerms p#first {
876 div#contributorTerms p#last {
880 div#contributorTerms ol {
884 div#contributorTerms img {
896 div#slim_content form#termsForm {
900 p#contributorGuidance {
901 background-color: #f5f5ff;
902 border: 1px solid #f3f3ff;
904 -moz-border-radius: 15px;
908 /* Rules for the account settings page */
915 padding-bottom: 10px;
918 #accountForm .user_map {
922 border: 1px solid #ccc;
938 display: inline !important;
941 #accountForm input[type=submit] {
945 /* Rules for the user view */
947 .user-view .user_map {
951 border: 1px solid #ccc;
954 .user-view .user_map p#no_home_location {
963 /* Rules for the user map */
965 .user_map .olControlSimplePanZoom {
969 .user_map .olControlZoom {
973 /* Rules for user popups on maps */
984 .user_popup img.user_thumbnail {
988 /* Rules for message in/out box page */
991 border: 1px solid #ccc;
994 .inbox-row-unread .inbox-subject {
998 .inbox-row .inbox-mark-read {
1002 .inbox-row-unread .inbox-mark-unread {
1006 /* Rules for "flash" notice boxes shown at the top of the content area */
1009 border: 1px solid red;
1011 background-color: #fff0f0;
1012 margin-bottom: 20px;
1014 -moz-border-radius: 5px;
1018 border: 1px solid orange;
1020 background-color: #fff6f0;
1021 margin-bottom: 20px;
1023 -moz-border-radius: 5px;
1027 border: 1px solid green;
1029 background-color: #f0fff0;
1030 margin-bottom: 20px;
1032 -moz-border-radius: 5px;
1035 /* Rules for highlighting fields with rails validation errors */
1037 .field_with_errors {
1039 background-color: red;
1043 /* Rules for rails validation error boxes */
1047 border: 2px solid red;
1049 padding-bottom: 12px;
1050 margin-bottom: 20px;
1051 background-color: #f0f0f0;
1054 #errorExplanation h2 {
1058 background-color: #c00;
1062 #errorExplanation p {
1068 #errorExplanation ul li {
1073 /* Rules for forms */
1076 vertical-align: top;
1087 input[type="email"],
1089 input[type="password"],
1091 border: 1px solid #ccc;
1094 /* Rules for user images */
1099 border: 1px solid black;
1102 img.user_thumbnail {
1105 border: 1px solid black;
1108 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1111 white-space: nowrap;
1114 /* Rules for geo microformats */
1117 border-bottom: none;
1120 /* Rules for RSS buttons */
1127 /* Rules for doing distinct colour of alternate table rows */
1130 background: #f6f6f6;
1137 /* Rules for OpenID logo */
1140 vertical-align: text-bottom;
1144 /* Rules for rich text editors */
1146 .richtext_container {
1147 white-space: nowrap;
1150 display: inline-block;
1151 vertical-align: top;
1154 display: inline-block;
1157 border: 4px solid #eee;
1158 background-color: #eee;
1159 white-space: normal;
1162 background-image: image-url("loading.gif");
1163 background-repeat: no-repeat;
1164 background-position: center;
1174 display: inline-block;
1175 vertical-align: top;
1176 background-color: #ddd;
1177 padding: 5px 10px 10px 10px;
1185 vertical-align: top;
1191 padding: 0px !important;
1194 input.richtext_doedit {
1195 margin-top: 5px !important;
1198 input.richtext_dopreview {
1199 margin-top: 5px !important;