diff options
| -rw-r--r-- | assets/css/alaveteli-org.css | 2 | ||||
| -rw-r--r-- | assets/sass/alaveteli-org.scss | 16 |
2 files changed, 11 insertions, 7 deletions
diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css index 84582f82a..9ae305053 100644 --- a/assets/css/alaveteli-org.css +++ b/assets/css/alaveteli-org.css @@ -24,4 +24,4 @@ .deployment__title{font-weight:600;font-size:1.3em;margin-bottom:0.1em;padding-top:0.2em}@media (min-width: 56.88889em){.deployment__title{font-size:1.5em}} .deployment__country{font-weight:600;font-size:1em;color:#787774;margin-top:0;margin-bottom:0.1em}@media (min-width: 56.88889em){.deployment__country{font-size:1.1em}} .deployment__link{margin-top:0;margin-bottom:0.5em;font-size:0.888888889em}.deployment__link a{display:block;text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width: 56.88889em){.deployment__link{font-size:1em}} -.deployment__description{font-size:0.888888889em;clear:both}.deployment__screenshot{border:1px solid #e4e3dd}.deployment--minor .deployment__title{padding-top:0;font-size:1.1em}.deployment--minor .deployment__country{font-size:1em}.deployment--minor .deployment__link{font-size:0.777777778em}.deployment--major .deployment__screenshot{width:33%;float:left;margin-bottom:1em}.deployment--major .deployment__title,.deployment--major .deployment__country,.deployment--major .deployment__link{margin-left:37%}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.header-link{padding-left:0.2em;opacity:0;-webkit-transition:opacity 0.2s ease-in-out 0.1s;-moz-transition:opacity 0.2s ease-in-out 0.1s;-ms-transition:opacity 0.2s ease-in-out 0.1s}h2:hover .header-link,h3:hover .header-link,h4:hover .header-link,h5:hover .header-link,h6:hover .header-link{opacity:1}#feedback_form{display:none;border:1px solid #ccc;padding:0.5em;font-size:0.85em;text-align:center}#feedback_form input{margin-right:4px}.ui-dropdown-list{position:absolute;left:160px;top:0.8em}p.ui-dropdown-list-trigger{margin-top:0}.ui-dropdown-list-trigger .current-locale{position:relative;z-index:999}.ui-dropdown-list-trigger .current-locale:after{display:block;position:absolute;content:'';right:5px;top:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #012D6B}.ui-dropdown-list-trigger .current-locale,.ui-dropdown-list .available-languages a{display:block;width:46px;cursor:pointer;padding:6px 8px;font-size:13px;line-height:13px;color:#012D6B;font-weight:normal}.ui-dropdown-list .available-languages{display:none;position:absolute;top:25px;margin-top:0;padding:0;z-index:1000}.ui-dropdown-list li{list-style-type:none}.ui-dropdown-list .available-languages a,.ui-dropdown-list .available-languages a:link,.ui-dropdown-list .available-languages a:visited{display:block;background-color:#D9CBA2}.ui-dropdown-list .available-languages a:hover,.ui-dropdown-list .available-languages a:focus{border-bottom:none;background-color:#009AFF;color:#fff}.no-js .ui-dropdown-list .available-languages,.ui-dropdown-list.active .available-languages{display:block}.ui-dropdown-list.active .current-locale{background-color:#012D6B;color:#fff}.ui-dropdown-list.active .current-locale:after{border-top-color:#fff} +.deployment__description{font-size:0.888888889em;clear:both}.deployment__screenshot{border:1px solid #e4e3dd}.deployment--minor .deployment__title{padding-top:0;font-size:1.1em}.deployment--minor .deployment__country{font-size:1em}.deployment--minor .deployment__link{font-size:0.777777778em}.deployment--major .deployment__screenshot{width:33%;float:left;margin-bottom:1em}.deployment--major .deployment__title,.deployment--major .deployment__country,.deployment--major .deployment__link{margin-left:37%}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.header-link{padding-left:0.2em;opacity:0;-webkit-transition:opacity 0.2s ease-in-out 0.1s;-moz-transition:opacity 0.2s ease-in-out 0.1s;-ms-transition:opacity 0.2s ease-in-out 0.1s}h2:hover .header-link,h3:hover .header-link,h4:hover .header-link,h5:hover .header-link,h6:hover .header-link{opacity:1}#feedback_form{display:none;border:1px solid #ccc;padding:0.5em;font-size:0.85em;text-align:center}#feedback_form input{margin-right:4px}.ui-dropdown-list{position:absolute;left:160px;top:0.8em}p.ui-dropdown-list-trigger{margin-top:0}.ui-dropdown-list-trigger .current-locale{border:1px solid rgba(255,255,255,0.3);border-radius:3.5px;position:relative;z-index:999}.ui-dropdown-list-trigger .current-locale:after{color:#fff;display:block;position:absolute;content:'';right:5px;top:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff}.ui-dropdown-list-trigger .current-locale,.ui-dropdown-list .available-languages a{display:block;width:46px;cursor:pointer;padding:6px 8px;font-size:13px;line-height:13px;color:#fff;font-weight:normal}.ui-dropdown-list .available-languages{display:none;position:absolute;top:25px;margin-top:0;padding:0;z-index:1000}.ui-dropdown-list li{list-style-type:none}.ui-dropdown-list .available-languages a,.ui-dropdown-list .available-languages a:link,.ui-dropdown-list .available-languages a:visited{display:block;background-color:#333}.ui-dropdown-list .available-languages a:hover,.ui-dropdown-list .available-languages a:focus{border-bottom:none;color:#fff}.no-js .ui-dropdown-list .available-languages,.ui-dropdown-list.active .available-languages{display:block}.ui-dropdown-list.active .current-locale{background-color:#863c83;border-color:#632c61;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff}.ui-dropdown-list.active .current-locale:after{border-top-color:#fff} diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss index 27e56337f..27b098088 100644 --- a/assets/sass/alaveteli-org.scss +++ b/assets/sass/alaveteli-org.scss @@ -906,11 +906,14 @@ p.ui-dropdown-list-trigger { } .ui-dropdown-list-trigger .current-locale { + border: 1px solid rgba(255,255,255,0.3); + border-radius: 3.5px; position: relative; z-index: 999; } .ui-dropdown-list-trigger .current-locale:after { + color: #fff; display: block; position: absolute; content: ''; @@ -920,7 +923,7 @@ p.ui-dropdown-list-trigger { height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; - border-top: 5px solid #012D6B; + border-top: 5px solid #fff; } .ui-dropdown-list-trigger .current-locale, @@ -931,7 +934,7 @@ p.ui-dropdown-list-trigger { padding: 6px 8px; font-size: 13px; line-height: 13px; - color: #012D6B; + color: #fff; font-weight: normal; } @@ -952,24 +955,25 @@ p.ui-dropdown-list-trigger { .ui-dropdown-list .available-languages a:link, .ui-dropdown-list .available-languages a:visited { display: block; - background-color: #D9CBA2; + background-color: $colour_black; } .ui-dropdown-list .available-languages a:hover, .ui-dropdown-list .available-languages a:focus { border-bottom: none; - background-color: #009AFF; color: #fff; } -/* JS interactivity */ .no-js .ui-dropdown-list .available-languages, .ui-dropdown-list.active .available-languages { display: block; } .ui-dropdown-list.active .current-locale { - background-color: #012D6B; + background-color: darken($colour_brand, 10%); + border-color: darken($colour_brand, 20%); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; color: #fff; } |