diff options
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/custom.css.scss | 274 | ||||
-rw-r--r-- | app/assets/stylesheets/responsive/custom.scss | 46 |
2 files changed, 46 insertions, 274 deletions
diff --git a/app/assets/stylesheets/custom.css.scss b/app/assets/stylesheets/custom.css.scss deleted file mode 100644 index 6ca983e..0000000 --- a/app/assets/stylesheets/custom.css.scss +++ /dev/null @@ -1,274 +0,0 @@ -body { -color:#444; -font-family:Arial, sans-serif; -} - -#banner { -background-repeat:no-repeat; -background-position:center top; -background-color:#F0F0F0; -background:image-url('stripes.png'); -} - -#topnav { -font-family:'DeliciousRoman', Arial, sans-serif; -} - -#topnav li a,#topnav li a:visited { -color:#ADADAD; -} - -#topnav li a:hover { -color:#fff; -} - -#topnav ul li.selected { - background:#fff; -} - -#topnav ul li a { -color:#6B3C6A !important; -} - -#logged_in_bar { -color:#444; -} - -#logged_in_bar a,#logged_in_bar a:visited { -color:#92B3FF; -} - -h1,h2,h3 { - font-family:Trebuchet, Trebuchet MS, Helvetica, sans-serif; - color:#555; -} - -h1 { -color:#93278F; -font-size:42px; -font-family:'DeliciousBold', Arial, sans-serif; -} - -h2 { -font-size:1.4em; -} - - -h2,dt { -color:#93278F; -font-family:'DeliciousBold', Arial, sans-serif; -font-weight:400; -} - -h3 { -color:#6B3C6A; -font-family:'DeliciousRoman', Arial, sans-serif; -font-weight:400; -} - -a { -color:#93278F; -} - -p.subtitle { -font-family:'DeliciousRoman'; -color:#6B3C7F; -} - -.request_listing span.head a,.user_listing span.head a,.body_listing span.head a { -color:#6B3C6A; -font-family:'DeliciousRoman', Arial, sans-serif; -font-weight:400; -} - -.request_listing span.desc { -background:image-url('quote-marks.png') no-repeat; -color:#444; -} - -.feed_link a,.act_link a,#header_right > a { -color:#6B3C6A; -} - -#request_form label,label.form_label,span#to_public_body { -color:#6B3C6A; -} - -span#to_public_body { -font-family:'DeliciousBold', Arial, sans-serif; -} - -#middle_strip { -color:#93278F; -} - -#stepwise_make_request { -background-color:#d0d0d0; -background:image-url('stripes.png'); -border:1px solid #DEBEDD; -font-family:'DeliciousRoman', Arial, sans-serif; -color:#6B3C6A; -} - -div.comment_in_request { -background:image-url('stripes-70-light2.png'); -border-color:#5F5F5F; -border-style:dotted; -border-width:1px; -} - -#request_form label,label.form_label { -font-family:'DeliciousRoman', Arial, sans-serif; -} - -#navigation_search input[type=text] { - border-color:#BE7DBC; -} - - -form input[type=submit],a.link_button_green,a.link_button_green_large { -font-family:'DeliciousRoman', Arial, sans-serif; -} - -div.frontpage-box { -background:image-url('stripes.png'); -border:1px solid #DEBEDD; -font-family:'DeliciousRoman', Arial, sans-serif; -color:#6B3C6A; -} - - -div.correspondence,div.comment_in_request { -background:image-url('stripes-70.png'); -} - -div.outgoing.correspondence { -background:image-url('stripes-70-light.png'); -} - -#frontpage_splash { -background:image-url('flying-computer.png') no-repeat 175px bottom; -} - -#frontpage_splash h1 { -font-family:'DeliciousRoman', Arial, sans-serif; -font-size:39px; -color:#6B3C6A; -font-weight:400; -margin:0 0 20px; -} - -#frontpage_splash h1 strong { -font-family:'DeliciousHeavyRegular', Arial, sans-serif; -font-size:54px; -color:#93278F; -font-weight:400; -} - -#frontpage_splash h1 span { -font-family:Georgia; -font-style:italic; -font-weight:400; -font-size:25px; -color:#6B3C6A; -} - -#frontpage_splash h2 { -font-size:26px; -font-weight:400; -color:#6B3C6A; -font-family:'DeliciousRoman', Arial, sans-serif; -} - -#frontpage_splash h2 strong { -font-size:31px; -color:#93278F; -font-family:'DeliciousBold', Arial, sans-serif; -} - -#frontpage_splash h2 span { -color:#6B3C6A; -font-style:italic; -font-size:19px; -font-family:Georgia; -} - - -#ui-datepicker-div.ui-widget { -font-family:Arial, sans-serif; -color:#93278F; -} - -#ui-datepicker-div .ui-datepicker-header,#ui-datepicker-div .ui-widget-header { -color:#93278F; -font-family:'DeliciousRoman'; -} - -#ui-datepicker-div .ui-state-default:hover { -background:#DEB4D8; -color:#FFF; -} - -#ui-datepicker-div .ui-state-active { -background:#D093C7; -color:#FFF; -} - -#other-country-notice { -background:#93278F; -color:#FFF; -} - -p.public-body-name-prefix { -color:#DEB4D8; -} - -#other-country-notice a { -color:#FFF; -} - - -#link_box { -position:absolute; -text-align:left; -background-color:#FFF; -z-index:999; -opacity:0.9px; -border-radius:6px; --moz-border-radius:6px; -border:1px solid #93278F; -display:none; -padding:5px; -} - -#link_box .close-button { -background-color:#93278F; -margin-left:15px; -padding:0; -} - -div.correspondence p.preview_subject { -font-family:'DeliciousRoman'; -color:#6B3C7F; -} - -div.correspondence p.preview_subject strong { -color:#6B3C7F; -} - -div.controller_help h1 a,#logged_in_bar a,#logged_in_bar a:visited,#stepwise_make_request strong { -color:#93278F; -} - - -body.front { -background:image-url('home-grad.png') repeat-x 0 160px; -} - -.request_listing span.desc { -background:image-url('quote-marks.png') no-repeat; -} - -#frontpage_examples .excerpt { -background:image-url('quote-marks.png') no-repeat; -} diff --git a/app/assets/stylesheets/responsive/custom.scss b/app/assets/stylesheets/responsive/custom.scss index d32f609..d0282c0 100644 --- a/app/assets/stylesheets/responsive/custom.scss +++ b/app/assets/stylesheets/responsive/custom.scss @@ -33,6 +33,52 @@ } } + +#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; |