diff options
21 files changed, 218 insertions, 9 deletions
diff --git a/assets/images/icon_application_octet-stream_large.png b/assets/images/icon_application_octet-stream_large.png Binary files differnew file mode 100644 index 0000000..33e6a38 --- /dev/null +++ b/assets/images/icon_application_octet-stream_large.png diff --git a/assets/images/icon_application_pdf_large.png b/assets/images/icon_application_pdf_large.png Binary files differnew file mode 100644 index 0000000..4158629 --- /dev/null +++ b/assets/images/icon_application_pdf_large.png diff --git a/assets/images/icon_application_rtf_large.png b/assets/images/icon_application_rtf_large.png Binary files differnew file mode 100644 index 0000000..d09e93b --- /dev/null +++ b/assets/images/icon_application_rtf_large.png diff --git a/assets/images/icon_application_vnd.ms-excel_large.png b/assets/images/icon_application_vnd.ms-excel_large.png Binary files differnew file mode 100644 index 0000000..fe5dbca --- /dev/null +++ b/assets/images/icon_application_vnd.ms-excel_large.png diff --git a/assets/images/icon_application_vnd.ms-powerpoint_large.png b/assets/images/icon_application_vnd.ms-powerpoint_large.png Binary files differnew file mode 100644 index 0000000..81f834b --- /dev/null +++ b/assets/images/icon_application_vnd.ms-powerpoint_large.png diff --git a/assets/images/icon_application_vnd.ms-word_large.png b/assets/images/icon_application_vnd.ms-word_large.png Binary files differnew file mode 100644 index 0000000..c45c6b8 --- /dev/null +++ b/assets/images/icon_application_vnd.ms-word_large.png diff --git a/assets/images/icon_application_zip_large.png b/assets/images/icon_application_zip_large.png Binary files differnew file mode 100644 index 0000000..bdb7b9c --- /dev/null +++ b/assets/images/icon_application_zip_large.png diff --git a/assets/images/icon_image_bmp_large.png b/assets/images/icon_image_bmp_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/assets/images/icon_image_bmp_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/assets/images/icon_image_gif_large.png b/assets/images/icon_image_gif_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/assets/images/icon_image_gif_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/assets/images/icon_image_img_large.png b/assets/images/icon_image_img_large.png Binary files differnew file mode 100644 index 0000000..f860fd3 --- /dev/null +++ b/assets/images/icon_image_img_large.png diff --git a/assets/images/icon_image_jpeg_large.png b/assets/images/icon_image_jpeg_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/assets/images/icon_image_jpeg_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/assets/images/icon_image_png_large.png b/assets/images/icon_image_png_large.png new file mode 120000 index 0000000..347bdaa --- /dev/null +++ b/assets/images/icon_image_png_large.png @@ -0,0 +1 @@ +icon_image_img_large.png
\ No newline at end of file diff --git a/assets/images/icon_image_tiff_large.png b/assets/images/icon_image_tiff_large.png Binary files differnew file mode 100644 index 0000000..2d574a1 --- /dev/null +++ b/assets/images/icon_image_tiff_large.png diff --git a/assets/images/icon_message_delivery-status_large.png b/assets/images/icon_message_delivery-status_large.png Binary files differnew file mode 100644 index 0000000..a4d13f7 --- /dev/null +++ b/assets/images/icon_message_delivery-status_large.png diff --git a/assets/images/icon_text_html_large.png b/assets/images/icon_text_html_large.png Binary files differnew file mode 100644 index 0000000..eb1214a --- /dev/null +++ b/assets/images/icon_text_html_large.png diff --git a/assets/images/icon_text_plain_large.png b/assets/images/icon_text_plain_large.png Binary files differnew file mode 100644 index 0000000..98cdddb --- /dev/null +++ b/assets/images/icon_text_plain_large.png diff --git a/assets/images/icon_text_x-vcard_large.png b/assets/images/icon_text_x-vcard_large.png Binary files differnew file mode 100644 index 0000000..75d7dc0 --- /dev/null +++ b/assets/images/icon_text_x-vcard_large.png diff --git a/assets/images/icon_unknown.png b/assets/images/icon_unknown.png Binary files differnew file mode 100644 index 0000000..71fc306 --- /dev/null +++ b/assets/images/icon_unknown.png diff --git a/assets/images/widget-base.png b/assets/images/widget-base.png Binary files differnew file mode 100644 index 0000000..85a0eff --- /dev/null +++ b/assets/images/widget-base.png diff --git a/assets/stylesheets/responsive/custom.scss b/assets/stylesheets/responsive/custom.scss index 25d2d59..7d37cfa 100644 --- a/assets/stylesheets/responsive/custom.scss +++ b/assets/stylesheets/responsive/custom.scss @@ -451,21 +451,12 @@ a.link_button_green_large { /* Request page */ div.correspondence { background-color: $correspondence-bg; - padding-bottom: 0.5em; - .event_actions { - margin-bottom: 0; - } } .incoming.correspondence { border: none; border-top: 8px solid $incoming-correspondence-color; box-shadow: 0 3px 3px $correspondence-shadow; - font-family: "Courier New", Courier, monospace; - font-size: 0.9rem; - @include ie8 { - font-size: 0.9em; - } a.link_to_this { background-color: $incoming-correspondence-color; } @@ -597,3 +588,5 @@ dt { padding: 3px; font-size: 1.1rem; } + + diff --git a/assets/stylesheets/widget.scss b/assets/stylesheets/widget.scss new file mode 100644 index 0000000..e0fa302 --- /dev/null +++ b/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; +} |