diff options
Diffstat (limited to 'app/assets')
62 files changed, 1292 insertions, 0 deletions
diff --git a/app/assets/images/content_type/icon_application_octet-stream_large.png b/app/assets/images/content_type/icon_application_octet-stream_large.png Binary files differnew file mode 100644 index 0000000..02347f1 --- /dev/null +++ b/app/assets/images/content_type/icon_application_octet-stream_large.png diff --git a/app/assets/images/content_type/icon_application_pdf_large.png b/app/assets/images/content_type/icon_application_pdf_large.png Binary files differnew file mode 100644 index 0000000..1374851 --- /dev/null +++ b/app/assets/images/content_type/icon_application_pdf_large.png diff --git a/app/assets/images/content_type/icon_application_rtf_large.png b/app/assets/images/content_type/icon_application_rtf_large.png Binary files differnew file mode 100644 index 0000000..fbed2e9 --- /dev/null +++ b/app/assets/images/content_type/icon_application_rtf_large.png diff --git a/app/assets/images/content_type/icon_application_vnd.ms-excel_large.png b/app/assets/images/content_type/icon_application_vnd.ms-excel_large.png Binary files differnew file mode 100644 index 0000000..86e1ee4 --- /dev/null +++ b/app/assets/images/content_type/icon_application_vnd.ms-excel_large.png diff --git a/app/assets/images/content_type/icon_application_vnd.ms-powerpoint_large.png b/app/assets/images/content_type/icon_application_vnd.ms-powerpoint_large.png Binary files differnew file mode 100644 index 0000000..6374b3b --- /dev/null +++ b/app/assets/images/content_type/icon_application_vnd.ms-powerpoint_large.png diff --git a/app/assets/images/content_type/icon_application_vnd.ms-word_large.png b/app/assets/images/content_type/icon_application_vnd.ms-word_large.png Binary files differnew file mode 100644 index 0000000..5a2916a --- /dev/null +++ b/app/assets/images/content_type/icon_application_vnd.ms-word_large.png diff --git a/app/assets/images/content_type/icon_application_zip_large.png b/app/assets/images/content_type/icon_application_zip_large.png Binary files differnew file mode 100644 index 0000000..042d8c7 --- /dev/null +++ b/app/assets/images/content_type/icon_application_zip_large.png diff --git a/app/assets/images/content_type/icon_image_bmp_large.png b/app/assets/images/content_type/icon_image_bmp_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/app/assets/images/content_type/icon_image_bmp_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/app/assets/images/content_type/icon_image_gif_large.png b/app/assets/images/content_type/icon_image_gif_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/app/assets/images/content_type/icon_image_gif_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/app/assets/images/content_type/icon_image_img_large.png b/app/assets/images/content_type/icon_image_img_large.png Binary files differnew file mode 100644 index 0000000..06e263d --- /dev/null +++ b/app/assets/images/content_type/icon_image_img_large.png diff --git a/app/assets/images/content_type/icon_image_jpeg_large.png b/app/assets/images/content_type/icon_image_jpeg_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/app/assets/images/content_type/icon_image_jpeg_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/app/assets/images/content_type/icon_image_png_large.png b/app/assets/images/content_type/icon_image_png_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/app/assets/images/content_type/icon_image_png_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/app/assets/images/content_type/icon_image_tiff_large.png b/app/assets/images/content_type/icon_image_tiff_large.png Binary files differnew file mode 100644 index 0000000..be2029a --- /dev/null +++ b/app/assets/images/content_type/icon_image_tiff_large.png diff --git a/app/assets/images/content_type/icon_message_delivery-status_large.png b/app/assets/images/content_type/icon_message_delivery-status_large.png Binary files differnew file mode 100644 index 0000000..8a895bc --- /dev/null +++ b/app/assets/images/content_type/icon_message_delivery-status_large.png diff --git a/app/assets/images/content_type/icon_text_html_large.png b/app/assets/images/content_type/icon_text_html_large.png Binary files differnew file mode 100644 index 0000000..f772ea3 --- /dev/null +++ b/app/assets/images/content_type/icon_text_html_large.png diff --git a/app/assets/images/content_type/icon_text_plain_large.png b/app/assets/images/content_type/icon_text_plain_large.png Binary files differnew file mode 100644 index 0000000..fe31dc4 --- /dev/null +++ b/app/assets/images/content_type/icon_text_plain_large.png diff --git a/app/assets/images/content_type/icon_text_x-vcard_large.png b/app/assets/images/content_type/icon_text_x-vcard_large.png Binary files differnew file mode 100644 index 0000000..112ffb1 --- /dev/null +++ b/app/assets/images/content_type/icon_text_x-vcard_large.png diff --git a/app/assets/images/content_type/icon_unknown.png b/app/assets/images/content_type/icon_unknown.png Binary files differnew file mode 100644 index 0000000..a10dd3d --- /dev/null +++ b/app/assets/images/content_type/icon_unknown.png diff --git a/app/assets/images/hamburger.png b/app/assets/images/hamburger.png Binary files differnew file mode 100644 index 0000000..0c44f63 --- /dev/null +++ b/app/assets/images/hamburger.png diff --git a/app/assets/images/homepage-background-small.jpg b/app/assets/images/homepage-background-small.jpg Binary files differnew file mode 100644 index 0000000..8b1d392 --- /dev/null +++ b/app/assets/images/homepage-background-small.jpg diff --git a/app/assets/images/homepage-background.jpg b/app/assets/images/homepage-background.jpg Binary files differnew file mode 100644 index 0000000..8b1d392 --- /dev/null +++ b/app/assets/images/homepage-background.jpg diff --git a/app/assets/images/link-icon.png b/app/assets/images/link-icon.png Binary files differnew file mode 100644 index 0000000..7a6dd01 --- /dev/null +++ b/app/assets/images/link-icon.png diff --git a/app/assets/images/link-icon@2.png b/app/assets/images/link-icon@2.png Binary files differnew file mode 100644 index 0000000..eafb1e2 --- /dev/null +++ b/app/assets/images/link-icon@2.png diff --git a/app/assets/images/logo-opengraph.png b/app/assets/images/logo-opengraph.png Binary files differnew file mode 100644 index 0000000..4f495a5 --- /dev/null +++ b/app/assets/images/logo-opengraph.png diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png Binary files differnew file mode 100644 index 0000000..6f8e723 --- /dev/null +++ b/app/assets/images/logo.png diff --git a/app/assets/images/logo@2.png b/app/assets/images/logo@2.png Binary files differnew file mode 100644 index 0000000..ab890df --- /dev/null +++ b/app/assets/images/logo@2.png diff --git a/app/assets/images/navimg/logo-trans-small.png b/app/assets/images/navimg/logo-trans-small.png Binary files differnew file mode 100644 index 0000000..e9ad9ea --- /dev/null +++ b/app/assets/images/navimg/logo-trans-small.png diff --git a/app/assets/images/search.png b/app/assets/images/search.png Binary files differnew file mode 100644 index 0000000..ab38621 --- /dev/null +++ b/app/assets/images/search.png diff --git a/app/assets/images/status/classification.png b/app/assets/images/status/classification.png Binary files differnew file mode 100644 index 0000000..5ffd8af --- /dev/null +++ b/app/assets/images/status/classification.png diff --git a/app/assets/images/status/classification@2x.png b/app/assets/images/status/classification@2x.png Binary files differnew file mode 100644 index 0000000..c5e9ba8 --- /dev/null +++ b/app/assets/images/status/classification@2x.png diff --git a/app/assets/images/status/delayed.png b/app/assets/images/status/delayed.png Binary files differnew file mode 100644 index 0000000..e2c3a29 --- /dev/null +++ b/app/assets/images/status/delayed.png diff --git a/app/assets/images/status/delayed@2x.png b/app/assets/images/status/delayed@2x.png Binary files differnew file mode 100644 index 0000000..9de5293 --- /dev/null +++ b/app/assets/images/status/delayed@2x.png diff --git a/app/assets/images/status/delivery_error.png b/app/assets/images/status/delivery_error.png Binary files differnew file mode 100644 index 0000000..cd93f43 --- /dev/null +++ b/app/assets/images/status/delivery_error.png diff --git a/app/assets/images/status/delivery_error@2x.png b/app/assets/images/status/delivery_error@2x.png Binary files differnew file mode 100644 index 0000000..10fcb0e --- /dev/null +++ b/app/assets/images/status/delivery_error@2x.png diff --git a/app/assets/images/status/locked.png b/app/assets/images/status/locked.png Binary files differnew file mode 100644 index 0000000..b932609 --- /dev/null +++ b/app/assets/images/status/locked.png diff --git a/app/assets/images/status/locked@2x.png b/app/assets/images/status/locked@2x.png Binary files differnew file mode 100644 index 0000000..5f4ac75 --- /dev/null +++ b/app/assets/images/status/locked@2x.png diff --git a/app/assets/images/status/notheld.png b/app/assets/images/status/notheld.png Binary files differnew file mode 100644 index 0000000..042ecb3 --- /dev/null +++ b/app/assets/images/status/notheld.png diff --git a/app/assets/images/status/notheld@2x.png b/app/assets/images/status/notheld@2x.png Binary files differnew file mode 100644 index 0000000..bf1c1e8 --- /dev/null +++ b/app/assets/images/status/notheld@2x.png diff --git a/app/assets/images/status/overdue.png b/app/assets/images/status/overdue.png Binary files differnew file mode 100644 index 0000000..aa1a391 --- /dev/null +++ b/app/assets/images/status/overdue.png diff --git a/app/assets/images/status/overdue@2x.png b/app/assets/images/status/overdue@2x.png Binary files differnew file mode 100644 index 0000000..96e3b95 --- /dev/null +++ b/app/assets/images/status/overdue@2x.png diff --git a/app/assets/images/status/partiallysuccessful.png b/app/assets/images/status/partiallysuccessful.png Binary files differnew file mode 100644 index 0000000..99cecad --- /dev/null +++ b/app/assets/images/status/partiallysuccessful.png diff --git a/app/assets/images/status/partiallysuccessful@2x.png b/app/assets/images/status/partiallysuccessful@2x.png Binary files differnew file mode 100644 index 0000000..f429896 --- /dev/null +++ b/app/assets/images/status/partiallysuccessful@2x.png diff --git a/app/assets/images/status/postal.png b/app/assets/images/status/postal.png Binary files differnew file mode 100644 index 0000000..ff53de6 --- /dev/null +++ b/app/assets/images/status/postal.png diff --git a/app/assets/images/status/postal@2x.png b/app/assets/images/status/postal@2x.png Binary files differnew file mode 100644 index 0000000..51c4036 --- /dev/null +++ b/app/assets/images/status/postal@2x.png diff --git a/app/assets/images/status/refused.png b/app/assets/images/status/refused.png Binary files differnew file mode 100644 index 0000000..b49f73f --- /dev/null +++ b/app/assets/images/status/refused.png diff --git a/app/assets/images/status/refused@2x.png b/app/assets/images/status/refused@2x.png Binary files differnew file mode 100644 index 0000000..ea18dff --- /dev/null +++ b/app/assets/images/status/refused@2x.png diff --git a/app/assets/images/status/reported.png b/app/assets/images/status/reported.png Binary files differnew file mode 100644 index 0000000..c86c635 --- /dev/null +++ b/app/assets/images/status/reported.png diff --git a/app/assets/images/status/reported@2x.png b/app/assets/images/status/reported@2x.png Binary files differnew file mode 100644 index 0000000..5aab446 --- /dev/null +++ b/app/assets/images/status/reported@2x.png diff --git a/app/assets/images/status/review.png b/app/assets/images/status/review.png Binary files differnew file mode 100644 index 0000000..95b9c31 --- /dev/null +++ b/app/assets/images/status/review.png diff --git a/app/assets/images/status/review@2x.png b/app/assets/images/status/review@2x.png Binary files differnew file mode 100644 index 0000000..0f95e0d --- /dev/null +++ b/app/assets/images/status/review@2x.png diff --git a/app/assets/images/status/successful.png b/app/assets/images/status/successful.png Binary files differnew file mode 100644 index 0000000..097035d --- /dev/null +++ b/app/assets/images/status/successful.png diff --git a/app/assets/images/status/successful@2x.png b/app/assets/images/status/successful@2x.png Binary files differnew file mode 100644 index 0000000..f863675 --- /dev/null +++ b/app/assets/images/status/successful@2x.png diff --git a/app/assets/images/status/unusual.png b/app/assets/images/status/unusual.png Binary files differnew file mode 100644 index 0000000..3a83785 --- /dev/null +++ b/app/assets/images/status/unusual.png diff --git a/app/assets/images/status/unusual@2x.png b/app/assets/images/status/unusual@2x.png Binary files differnew file mode 100644 index 0000000..07e0bd9 --- /dev/null +++ b/app/assets/images/status/unusual@2x.png diff --git a/app/assets/images/status/waiting.png b/app/assets/images/status/waiting.png Binary files differnew file mode 100644 index 0000000..a668f70 --- /dev/null +++ b/app/assets/images/status/waiting.png diff --git a/app/assets/images/status/waiting@2x.png b/app/assets/images/status/waiting@2x.png Binary files differnew file mode 100644 index 0000000..4e84eb9 --- /dev/null +++ b/app/assets/images/status/waiting@2x.png diff --git a/app/assets/images/status/withdrawn.png b/app/assets/images/status/withdrawn.png Binary files differnew file mode 100644 index 0000000..1a68146 --- /dev/null +++ b/app/assets/images/status/withdrawn.png diff --git a/app/assets/images/status/withdrawn@2x.png b/app/assets/images/status/withdrawn@2x.png Binary files differnew file mode 100644 index 0000000..f023e7a --- /dev/null +++ b/app/assets/images/status/withdrawn@2x.png diff --git a/app/assets/images/widget-base.png b/app/assets/images/widget-base.png Binary files differnew file mode 100644 index 0000000..85a0eff --- /dev/null +++ b/app/assets/images/widget-base.png diff --git a/app/assets/stylesheets/responsive/_settings.scss b/app/assets/stylesheets/responsive/_settings.scss new file mode 100644 index 0000000..015aece --- /dev/null +++ b/app/assets/stylesheets/responsive/_settings.scss @@ -0,0 +1,53 @@ +$main_menu-mobile_menu_cutoff: 58em; +$row-width: 64em; +$body-font-family: "Helvetica Neue", Arial, Helvetica, Helmet, Freesans, sans-serif; +$base-font-size: 16px; + +// Specify the filename and dimensions of your logo file here +$logo-filename: 'logo.png'; +$logo-highdpi-filename: 'logo@2.png'; //Should be at least 2x the size, in the same proportions +$logo-width: 275px; +$logo-height: 44px; + +$color_sand: #f3f1eb; +$color_black: #333333; +$color_orange: #f4a140; +$color_blue: #4faded; +$color_green: #62b356; +$color_yellow: #ffd836; +$color_red: #e04b4b; +$color_violet: #a94ca6; +$color_purple: #5c377f; +$color_white: #ffffff; +$color_off_white: #f3f1eb; +$color_light_grey: #e2dfd9; +$color_mid_grey: #959287; +$color_dark_grey: #6c6b68; + +$color_neutral_light: $color_sand; +$color_neutral_dark: $color_black; +$color_primary: $color_violet; +$color_secondary: $color_orange; + +$body-bg: $color_neutral_light; + +$body-font-color: $color_neutral_dark; +$link-color: darken($color_blue, 20%); +$action-color: $color_green; +$font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; +$form_input-bg: $color_white; +$form-label-font-color: $color_black; + +$button-bg: darken($color_green, 10%); +$button-color: $color_white; + +$status-success: darken($color_green, 18%); +$status-failure: darken($color_red, 10%); +$status-pending: darken($color_orange, 28%); + +$notice-color: $color_green; +$error-color: $color_red; +$action-color: $color_orange; + +$banner_inner_bg: $color_primary; +$topnav_bg: darken($color_primary, 10%); diff --git a/app/assets/stylesheets/responsive/custom.scss b/app/assets/stylesheets/responsive/custom.scss new file mode 100644 index 0000000..710a7ba --- /dev/null +++ b/app/assets/stylesheets/responsive/custom.scss @@ -0,0 +1,1023 @@ +/* Mixin styles */ + +/* Hide text when it's replaced by an image */ +.image-replacement { + overflow: hidden; + text-indent: 150%; + white-space: nowrap; +} + +/* General styling of nav menu items */ +%menu-item { + text-decoration: none; + color: transparentize($color_white, 0.2); + @include ie8 { + color: $color_white; + } + transition: background-color 0.5s ease-out; + &:hover{ + background-color: darken($color_primary, 15%); + color: $color_white; + } + +} + +/* Selected menu item */ +%selected-menu-item { + font-weight: bold; + color: $color_primary; + background-color: $color_neutral_light; + &:hover{ + background-color: $color_neutral_light; + } +} + + +#navigation .more-menu { + background-color: #333; +} + +.account-link:after { + position: relative; + top: -0.15em; + margin-left: 1em; + font-size: 0.5em; + content: "▼"; +} + +.logged-in-menu { + color: black; + box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); +} + +#navigation .logged-in-menu a, +#navigation .logged-in-menu__signout-link a { + color: #197ace; + text-decoration: none; + transition: none; + &:hover { + color: #197ace; + background-color: transparent; + text-decoration: underline; + } +} + +#navigation .logged-in-menu__signout-link a { + text-transform: uppercase; + font-weight: bold; + font-size: 0.8em; + color: #888; + &:hover { + color: #888; + } +} + +.pro-pill { + color: #567386; + font-weight: 600; + background-color: #FFFF00; +} + +/* General styles */ +body{ + background-color: $body-bg; + color: $body-font-color; +} + +.entirebody { + font-family: $font-family; +} + +a { + &:link, + &:visited { + color: $link-color; + } + &:hover, + &:active, + &:focus { + color: darken($link-color, 10%); + } +} + +/* Let h1s be a little smaller on small screens */ +@media( max-width: $main_menu-mobile_menu_cutoff ){ + h1 { + font-size: 2em; + } +} + +/* Square corners for text type inputs */ +form input[type="text"], +form input[type="password"], +form input[type="search"], +form input[type="email"], +form input[type="url"], +form input[type="tel"], +form input[type="number"] { + border-radius: 0; + background-color: $form_input-bg; + /* Set a fixed height for text inputs in older IE 8 */ + @include ie8{ + height: 2.3125em; + } + /* Do the same in px for IE < 7 */ + @include lte-ie7{ + height: 22px; + } +} + +input.use-datepicker[type=text] { + width: 130px; + background:image-url('calendar.png') no-repeat 100px 5px $form_input-bg; +} + +/* Button styles */ + +@mixin button-base($size: normal, $disabled: false) { + padding: 0.5em 1.25em; + border-radius: 3px; + display: inline-block; + font-weight: 600; + text-decoration: none; + transition: background-color 300ms ease-out; + margin-bottom: 0; + font-family: $font-family; + @if $size == large { + font-size: 2.2em; + } + &:hover, + &:active, + &:focus { + text-decoration: none; + transition: background-color 300ms ease-out; + } + @if $disabled { + opacity: 0.333; + transition: none; + &:hover, + &:active, + &:focus { + background-color: inherit; + color: inherit; + cursor: default; + transition: none; + } + } +} + +@mixin button-primary($args...) { + @include button-base($args...); + color: $color_white; + background-color: $button-bg; + border: none; + &:hover, + &:active, + &:focus, + &:visited:hover, + &:visited:active, + &:visited:focus { + background-color: darken($button-bg, 10%); + color: $color_white; + } +} + +@mixin button-secondary($args...) { + @include button-base($args...); + background-color: desaturate(darken($color_sand, 10%), 5%); + color: $color_black; + font-weight: normal; + &:hover, + &:active, + &:focus { + color: $color_black; + background-color: desaturate(darken($color_sand, 20%), 5%); + } +} + +@mixin button-tertiary($args...) { + @include button-base($args...); + background-color: desaturate(darken($color_sand, 5%), 5%);; + color: $color_black; + font-weight: normal; + border: 1px solid desaturate(darken($color_sand, 15%),5%); + &:hover, + &:active, + &:focus { + background-color: darken($color_sand, 7.5%); + border: 1px solid desaturate(darken($color_sand, 25%),5%); + } +} + +form input[type=submit], a.link_button_green, a.link_button_green_large { + @include button-primary; + text-decoration: none; +} + +a.link_button_green_large { + @include button-primary($size: large); +} + + +/* Action Bar Mixins */ + +@mixin follow-button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-bottom: 0; +} + +@mixin follower-count { + color: $color_dark_grey; + padding: 0.56em 1.25em; + border: 1px solid $color_light_grey; + position: relative; + left: -3px; + line-height: 1.6em; + border-left: 0; + border-radius: 3px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +/* Popups */ + +.popup { + background-color: desaturate(lighten($notice-color, 30%),10%); + border: 3px solid $notice-color; +} + + +/* Header */ + +#banner_inner { + background-color: $color_primary; +} + +#topnav { + background-color: darken($color_primary, 10%); +} + +.site-title__logo { + // Smaller logo on mobiles + width: ($logo-width / 2); + height: ($logo-height / 2); + background-size: ($logo-width / 2) ($logo-height / 2); + + @include respond-min( $main_menu-mobile_menu_cutoff ){ + width: $logo-width; + height: $logo-height; + background-size: $logo-width $logo-height; + } +} + +#navigation{ + border-bottom: none; + a { + @extend %menu-item; + } + /* Show which section is currently selected */ + li.selected a{ + @extend %selected-menu-item; + } + + /* Vertically align the search box */ + #navigation_search{ + input{ + margin-top:0.313em; + margin-bottom:0.313em; + height: 1.875em; + @include ie8 { + height: 33px; + font-size: 1.1em; + padding: 0; + } + } + } + + /* Vertically align the label image for older IE*/ + @include ie8 { + img { + margin-top: 0.626em; + } + } + + #navigation_search_button{ + background-color: $color_white; + border: none; + transition: all 0.3s ease-out; + color: $color_primary; + border-radius: 0; + font-size: inherit; + } +} + +.greeting { + color: $body-bg; +} +/* Notices, errors */ + +#notice, #error, .errorExplanation, #request_header_text, #hidden_request, .describe_state_form form, .undescribed_requests, .warning { + border-top: 10px solid; + font-size: 1em; + margin:1em 0; + padding: 1.5em; + + p:first-child { + margin-top: 0; + } + + p:last-child { + margin-bottom:0; + } + + ul { + margin: 0; + } +} + +#notice, #request_header_text { + background-color: desaturate(lighten($notice-color, 30%),10%); + border-color: $notice-color; +} + +#error, .errorExplanation, #hidden_request, .warning { + background-color: desaturate(lighten($error-color, 30%),10%); + border-color: $error-color; + +} + +.undescribed_requests { + background-color: desaturate(lighten($action-color, 30%),10%); + border-color: $action-color; +} + +/* Logged and local options act like submenus */ +#logged_in_bar{ + @include respond-min($main_menu-mobile_menu_cutoff) { + top: 0; + } + + a { + @extend %menu-item; + background-color: transparent; + font-weight: normal; + color: $color_white; + &:hover, + &:active, + &:focus { + background-color: transparent; + } + } + #logged_in_links { + a { + font-weight: normal; + } + } +} + +/* LANGUAGE SWITCHER */ +#user_locale_switcher { + background-color: $color_primary; + @include respond-min($main_menu-mobile_menu_cutoff) { + background-color: transparent; + } + left: 344px; +} + +/* Dropdown list for switching locale */ +.locale-list { + border-bottom: 0; + @include respond-min($main_menu-mobile_menu_cutoff) { + position: absolute; + left: ($logo-width + 40px); + top: 2.2em; + right: auto; + } + .locale-list-trigger { + margin-bottom: 0; + color: $color_white; + color: transparentize($color_white, 0.8); + @include respond-min($main_menu-mobile_menu_cutoff) { + margin-top: 0; + border: 1px solid desaturate(lighten($color_primary, 5%), 5%); + border-radius: 3px; + color: $link-color; + padding: 0; + } + } +} + +.locale-list-trigger .current-locale { + position: relative; + z-index: 999; + border-radius: 3px; + color: $color_white; + @include respond-min($main_menu-mobile_menu_cutoff) { + padding: 0.66em 2em 0.66em 0.66em; + } +} + +.locale-list-trigger .current-locale:after { + display: block; + position: absolute; + content: ''; + right: 10px; + top: 12px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + @include ie8 { + border-top: 5px solid $color_white; + } + border-top: 5px solid transparentize($color_white, 0.6); +} + +.locale-list-trigger .current-locale, +.locale-list .available-languages a { + display: block; + cursor: pointer; + font-weight: normal; + @include respond-min($main_menu-mobile_menu_cutoff) { + font-size: 0.8125em; + line-height: 1em; + } +} + +.locale-list .available-languages { + display: none; + padding: 0; + margin-bottom: 0; + margin-top: 0; + font-size: 0.8125em; + @include respond-min($main_menu-mobile_menu_cutoff) { + position: absolute; + top: 2em; + left: 0; + z-index: 1000; + border-radius: 3px; + font-size: 1em; + min-width: 100%; + } + +} + +.locale-list li { + list-style-type: none; + border-bottom: 1px solid desaturate(lighten($color_primary, 3%), 5%); + @include respond-min($main_menu-mobile_menu_cutoff) { + border-bottom-color: $color_neutral_dark; + display: block; + } + &:last-child { + @include respond-min($main_menu-mobile_menu_cutoff) { + border-bottom: 0; + a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + } + } +} + +.locale-list .available-languages a, +.locale-list .available-languages a:link, +.locale-list .available-languages a:visited { + display: block; + background-color: $color_primary; + padding: 0.66em 1em; + width: 100%; + text-decoration: none; + color: transparentize($color_white, 0.2); + @include ie8 { + color: $color_white; + } + @include respond-min($main_menu-mobile_menu_cutoff) { + background-color: lighten($color_neutral_dark, 6%); + } + transition: background-color 0.5s ease-out; +} + +.locale-list .available-languages a:hover, +.locale-list .available-languages a:focus { + border-bottom: none; + background-color: darken($color_primary, 5%); + @include respond-min($main_menu-mobile_menu_cutoff) { + background-color: $color_neutral_dark + } + color: $color_white; + +} + +/* JS interactivity */ +.no-js .locale-list .available-languages, +.locale-list.active .available-languages { + display: block; +} + +.locale-list.active .current-locale { + background-color: $color_primary; + color: $color_white; + border-color: $color_primary; + @include respond-min($main_menu-mobile_menu_cutoff) { + background-color: lighten($color_neutral_dark, 6%); + border-bottom: 1px solid lighten($color_neutral_dark, 2%); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } +} + +.locale-list.active .current-locale:after { + @include ie8 { + border-top-color: $color_white; + } + border-top-color: transparentize($color_white, 0.6); +} + + +.locale-list.active .locale-list-trigger { + border-color: transparent; + @include respond-min($main_menu-mobile_menu_cutoff) { + border-color: $color_neutral_dark; + } +} + + +#banner { + + /* Hide the greeting on smaller devices */ + .greeting { + display: none; + } + + .rsp_menu_button{ + position: absolute; + top: 5px; // vertically centre the button in the header + right: 4px; // 15px for margin minus 9 for background offset + @extend .image-replacement; + background-image: image-url('hamburger.png'); + background-repeat: no-repeat; + background-position: center 10px; + background-size: 28px 26px; + width: 44px; + height: 38px; + padding: 0; + /* Make sure clickable area covers image */ + a { + width: 100%; + height: 100%; + } + } + + &:target { + .rsp_menu_button { + top: 5px; + right: 4px; + } + } + + /* Pad evenly top and bottom on smaller devices */ + #logo_wrapper{ + + @include respond-min( $main_menu-mobile_menu_cutoff ){ + @include lte-ie7 { + padding-bottom: 2em; + } + } + @media(max-width: $main_menu-mobile_menu_cutoff ){ + padding: 0.5em 0 0.5em 0.9375em; + img { + height: 30px; + } + } + } + +} + + +/* Footer */ +#footer { + background-color: $color_neutral_dark; + color: darken($color_neutral_light, 10%); + a { + text-decoration: none; + color: $color_white; + &:hover, + &:active, + &:focus { + color: lighten($color_primary, 10%); + text-decoration: underline; + } + } +} + +.footer__about { + h2 { + color: $color_white; + } +} + +.footer__final { + .row { + border-top: 1px solid lighten($color_neutral_dark, 6%); + } +} + +/* Request page */ +.request-header__action-bar__actions { + .action-menu__button { + @include button-secondary(); + &:after { + border-color: #a5a5a5 transparent transparent transparent; + right: 7%; + } + } + + .action-bar__follow-button { + .track__action { + @include button-primary(); + @include follow-button(); + } + } + + .action-bar__follower-count { + @include follower-count(); + } +} + +div.correspondence { + background-color: $color_white; + box-shadow: 0 2px 2px transparentize($color_black, 0.8); + border: none; + border-radius: 5px; + margin-bottom: 2em; +} + +.incoming.correspondence { + border-top: 8px solid $color_secondary; + .correspondence_text a { + color: $color_secondary; + } + a.link_to_this { + background-color: $color_secondary; + } +} + +.outgoing.correspondence { + border-top: 8px solid $color_primary; + a.link_to_this { + background-color: $color_primary; + } +} + +a.correspondence__header__date, +a.correspondence__header__date:visited { + color: #777; +} + +.describe_state_form input[type="radio"] + label { + display:inline; +} + +a.link_to_this { + background-image: image-url('link-icon.png'); + @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { + background-image:image-url('link-icon@2.png'); + } + background-position: center center; + background-repeat: no-repeat; + background-size: 14px; + border-radius: 50%; + height: 20px; + width: 20px; +} + +#link_box { + font-family: $font-family; + border-radius: 0; + border: 1px solid $color_neutral_dark; + .close-button { + background-color: $color_secondary; + float: right; + } +} + +.describe_state_form { + padding: 0; + + form{ + background-color: desaturate(lighten($action-color, 30%),10%); + border-color: $action-color; + h2 { + margin-top: 0; + } + hr { + border-color: $action-color; + } + } +} + +.sidebar { + .new-request-cta { + .new-request__make-new-requests { + @include button-primary(); + } + } +} + +.feed_link_sidebar .link_button_green { + @include button-primary(); +} + +.report-this-request { + @include button-secondary(); + color: $color_black !important; + /* Using !important here as a temporary fix for a bad declaration (a:link) + in Alaveteli core. When this is fixed it can be removed. + */ +} + +/* Status lines and icons */ +.icon_waiting_classification, +.icon_waiting_response, +.icon_waiting_clarification, +.icon_requires_admin, +.icon_waiting_response_overdue, +.icon_gone_postal, +.icon_error_message, +.icon_internal_review, +.icon_user_withdrawn { + color: $status-pending; +} + +.icon_attention_requested, +.icon_not_held, +.icon_waiting_response_very_overdue, +.icon_failed, +.icon_rejected { + color: $status-failure; +} + +.icon_successful, +.icon_partially_successful { + color: $status-success; +} + +.request-status-message { + color: $color_black; +} + +/* Attachments*/ + +.view_html_prefix { + font-family: $font-family; + background-color: $color_primary; + color: transparentize($color_white, 0.2); + @include ie8 { + color: $color_white; + } + a { + color: $color_white; + } + .view_html_logo, .view_html_description { + padding-top: 1em; + } +} + +#header_right { + .link_button_green { + @include button-secondary; + } +} + +/* User page */ +#user_photo_on_profile { + img, #set_photo { + margin-top:0.5em; + } +} + +/* Help pages */ + +dt { + font-weight: 700; + @include respond-min( $main_menu-mobile_menu_cutoff ){ + font-size: 2em; + line-height: 1.1em; + } +} + +/* Front page */ +/* Drop the extract indentation on small screens */ +#frontpage_examples { + .excerpt { + padding: 0.2em 0 0 0; + @include respond-min( $main_menu-mobile_menu_cutoff ){ + padding: 0 0 0 2em; + } + } + p strong a { + @include button-secondary; + } +} + +/* How it works section */ +.steps__list { + li { + @include respond-min( $main_menu-mobile_menu_cutoff ){ + width: 33.3333%; + margin-left: 0 !important; + } + } +} + +.steps__step-box { + background-color: $color_white; + padding: 2em; + box-shadow: 0 1px 2px transparentize($color_black, 0.75); + @include respond-min( $main_menu-mobile_menu_cutoff ){ + min-height: 11em; + } + p { + line-height: 1.5em; + color: $color_neutral_dark; + } +} + +.steps__step-number { + height: 3.5em; + width: 3.5em; + background-color: $color_primary; + box-shadow: 0 1px 2px transparentize($color_black, 0.75); + padding: 1em; + border-radius: 100%; + color: $color_white; + @include respond-min( $main_menu-mobile_menu_cutoff ){ + left: 50%; + margin-left: -1.75em; + bottom: -1em; + top: auto; + } +} + +.learn-more-foi { + @include respond-min( $main_menu-mobile_menu_cutoff ){ + margin-top: 3em; + } + a { + @include button-secondary; + } +} + +.learn-more-foi { + @include respond-min( $main_menu-mobile_menu_cutoff ){ + margin-top: 3em; + } + a { + @include button-secondary; + } +} + +.latest-requests { + .button-secondary { + @include button-secondary; + } +} + +/* Authority page */ +.authority__header__action-bar { + .action-bar__follow-button { + .track_action, + .link_button_green { + @include button-secondary(); + @include follow-button(); + } + } + + .action-bar__follower-count { + @include follower-count(); + } +} + +.authority__body__sidebar form input[type=submit] { + @include button-secondary(); +} + +.homepage-hero { + background-color: $color_neutral_dark; + background-image: image-url('homepage-background-small.jpg'); + background-repeat: no-repeat; + background-position: center top; + background-size: cover; + color: $color_white; + padding: 2em 0 5em; + position: relative; + @include respond-min($main_menu-mobile_menu_cutoff) { + padding: 5em 0 8em; + background-image: image-url('homepage-background.jpg'); + } + + a { + color: $color_secondary; + &:hover, + &:active, + &:focus { + color: $color_white; + } + } + + .intro__title { + color: $color_white; + text-shadow: 0 1px 2px transparentize($color_black, 0.7); + } + + .new-request__content { + background-color: $color_neutral_dark; + border-radius: 5px; + padding: 1.888888889em; + } + + .new-request__title { + color: $color_white; + font-size: 1.4375em; + margin: 0 0 0.5em; + } + + .new-request__description { + color: transparentize($color_white, 0.2); + @include ie8 { + color: $color_white; + } + } + .new-request__make-new-requests { + @include button-base; + background-color: desaturate(darken($color_secondary, 10%), 5%); + color: $color_white; + &:hover, + &:active, + &:focus { + background-color: darken($color_secondary, 20%); + } + } +} + +// User menu +.pro-pill { + background-color: desaturate(darken($color_secondary, 10%), 5%); +} + +#logged_in_bar { + .logged-in-menu a, + .logged-in-menu__signout-link a { + color: $link-color; + } +} + +/* Reset the logo, as we dont like image logos */ +.site-title__logo { + background-image: unset; + overflow-hidden: unset; + margin: unset; + padding-top: 10px; + margin-right: 40px; + width: unset; + text-indent: unset; + background-size: unset; + + font-size: 2em; + font-weight: 400; + color: #fff!important; + height: 50px; +} + +h1 { + font-size: 2.2em; +} + +h2 { + font-size: 1.8em; +} + +.request_listing .head, .body_listing .head, .user_listing .head { + font-size: 1.5em; +} + +.homepage-hero { + background-repeat: repeat; +} + +.footer { + padding: 5em 0 8em; + background-image: url(/assets/homepage-background.jpg); +} + +/* logged in menu */ +.js-loaded .navigation .logged-in-menu { + width: auto; + background-color: darken($color_primary, 10%); +} + +.dashboard-profile__name, .dashboard-profile__email { + color: #ccc; +} diff --git a/app/assets/stylesheets/widget.scss b/app/assets/stylesheets/widget.scss new file mode 100644 index 0000000..e0fa302 --- /dev/null +++ b/app/assets/stylesheets/widget.scss @@ -0,0 +1,212 @@ +$body-bg: #f7eee1; +$button-bg: #8b9352; +$heading-color: #3d3b38; +$status-success: #aab26e; +$status-failure: #ff7959; +$status-pending: #e69e5d; + +/* CSS Mini Reset */ + +html, body, div, form, fieldset, legend, label +{ + margin: 0; + padding: 0; +} + +table +{ + border-collapse: collapse; + border-spacing: 0; +} + +th, td +{ + text-align: left; + vertical-align: top; +} + +h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; } + +img { border: 0; } + +body { + background-color: #ffffff; + color: #333333; + padding: 0; + margin: 0; + font-family: "Helvetica Neue", Arial, Helvetica, Helmet, Freesans, sans-serif; + font-weight: normal; + font-style: normal; + line-height: 1.5em; + position: relative; + cursor: default; + font-size: 1em; +} + +a{ + color: #336c86; + text-decoration: none; +} + +a:hover, +a:focus, +a:active { + color: #333; +} + +/* Button styles */ +.button-base { + padding: 0.5em 1.25em; + border-radius: 3px; + display: inline-block; + font-weight: 600; + text-decoration: none; + transition: background-color 300ms ease-out; + margin-bottom: 0; + font-size: 0.875em; + text-align: center; + &:hover, + &:active, + &:focus { + text-decoration: none; + transition: background-color 300ms ease-out; + cursor: pointer; + } +} + +.button-disabled { + background-color: #f4f4f4 !important; + border: 1px solid #e9e9e9 !important; + cursor: default !important; + color: #333 !important; + font-weight: normal; + &:hover, + &:active, + &:focus { + background-color: #f4f4f4 !important; + color: #333 !important; + } +} + +.alaveteli-widget { + width: 318px; + height: 213px; + border: 1px solid #e9e9e9; + background: #e9e9e9 url("widget-base.png") top left no-repeat; + position: relative; + background-color: $body-bg; + color: $heading-color; +} + +.alaveteli-widget__title { + position: absolute; + top: 1em; + left: 16px; + width: 160px; + height: 75px; + overflow: hidden; + } + +.alaveteli-widget__status { + position: absolute; + top: 97px; + left: 16px; + font-weight: bold; + text-transform: uppercase; + width: 200px; + text-transform: none; + + &.successful, + &.partially_successful { + color: $status-success; + } + + &.requires_admin, + &.waiting_response_very_overdue, + &.not_held, + &.rejected { + color: $status-failure; + } + + &.waiting_response, + &.waiting_response_overdue, + &.user_withdrawn, + &.waiting_clarification, + &.gone_postal, + &.internal_review, + &.attention_requested { + color: $status-pending; + } +} + +.alaveteli-widget__status__status-label { + margin: 0; + font-weight: normal; + font-size: 0.875em; + line-height: 1.1em; + color: #555; + text-transform: capitalize; +} + +.alaveteli-widget__left { + position: absolute; + width: 145px; +} + +.alaveteli-widget__people-count { + position: absolute; + top: 22px; + left: 197px; + width: 100px; + text-align: center; + line-height: 1.3em; +} + +.alaveteli-widget__count { + font-size: 55px; + line-height: 55px; + text-align: center; + font-weight: bold; + color: $button-bg; +} + +.alaveteli-widget__bottom { + position: absolute; + bottom: 0; + left: 0; + width: 72%; + padding: 1em 0 0.9em 1em; +} + +.alaveteli-widget__bottom a { + text-decoration: none; +} + +.alaveteli-widget__button { + @extend .button-base; + color: #fff; + background-color: $button-bg; + border: none; + position: relative; + top: 0.375em; + &:hover, + &:active, + &:focus, + &:visited:hover, + &:visited:active, + &:visited:focus { + background-color: darken($button-bg, 10%); + color: #fff; + } +} + +.alaveteli-widget__button--sign-in-to-track { + @extend .alaveteli-widget__button; + font-size: 13px; +} + +.alaveteli-widget__button--unsubscribe, +.alaveteli-widget__button--create-track, +.alaveteli-widget__button--create-vote { + @extend .alaveteli-widget__button; +} |
