Difference between revisions of "Widget:RAPID-CSS"

From Open Energy Information

m (padding for narrative blocks)
(rapid filter css edits)
 
Line 591: Line 591:
  
 
/*--filter css--*/
 
/*--filter css--*/
@media screen and (min-width : 1000px) {#results-view {width:70%; float:right;}} @media screen and (max-width : 1000px) {#results-view {width:67%; float:right;}} .rapid-results {min-height: 4.5em; clear:both; border-bottom:solid 1px #eee; padding:0.5em 0.25em 0.5em 0.25em; overflow: hidden; font-size:0.9em;} .rapid-results:hover {background-color:#f8fcff;} .rapid-results.overview {background:#f8f8f8;}  .rapid-results.overview:hover {background:#f8fcff;} .rapid-results .item {float:left; padding-right:1%; vertical-align:middle;} .rapid-results .item-section {margin:0 -20px 0 20px;} .rapid-results.overview .item-section {font-weight:bold; margin:0 -5px 0 5px;} .rapid-results.overview .item-name {font-weight:bold;} .rapid-results .item.overflow {height:inherit; overflow:hidden;} .rapid-results:hover .item.overflow {height:initial;} #RRFilter hr {margin:5px 0; border-color:#888;} #RRFilter li {margin-bottom:0; padding:1px 0 1px 0;} #RRFilter li:hover {background-color:#BAE1F6; margin:0 -1em 0 -1em; padding:1px 1em 1px 1em;} #RRFilter label {font-weight:400;} #RRFilter .filterOptionOnly {float:right; font-size:0.85em; color:#06C; padding-right:0.5em; cursor:pointer;} #RRFilter .filterReset {float:right; font-style:normal; font-weight:600; color:#06C; cursor:pointer;} #RRFilter .filterOptionOnly {display:none;} #RRFilter li:hover .filterOptionOnly {display:block;} #RRFilter #env-top {margin:0 -1em 0 -1em; padding:0 1em 1px 1em; border-radius:2px; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent;} #RRFilter .env {margin:0 -1em 0 -1em; padding:1px 1em 1px 1em; border-left:1px solid transparent; border-right:1px solid transparent;} #RRFilter #env-bot {padding:1px 1em 0 1em; border-radius:2px; border-bottom:1px solid transparent;} #RRFilter #env-top.hover {background:#D3EDD3; margin:0 -1em 0 -1em; padding:0 1em 1px 1em; border-radius:2px; border-top:1px solid #83D186; border-left:1px solid #83D186; border-right:1px solid #83D186;} #RRFilter .env.hover {margin:0 -1em 0 -1em; padding:1px 1em 1px 1em; border-left:1px solid #83D186; border-right:1px solid #83D186;} #RRFilter #env-bot.hover {padding:1px 1em 0 1em; border-radius:2px; border-bottom:1px solid #83D186;} #rapid-wrapper .hidden {visibility:inherit;} #noResults {position:relative; width:75%; text-align:center; font-size:large;} .nullList ul {list-style-type:none;}
+
@media screen and (min-width : 1000px) {#results-view {width:70%; float:right;}} @media screen and (max-width : 1000px) {#results-view {width:67%; float:right;}} .rapid-results {min-height: 4.5em; clear:both; border-bottom:solid 1px #eee; padding:0.5em 0.25em 0.5em 0.25em; overflow: hidden; font-size:0.9em;} .rapid-results:hover {background-color:#f8fcff;} .rapid-results.overview {background:#f8f8f8;}  .rapid-results.overview:hover {background:#f8fcff;} .rapid-results .item {float:left; padding-right:1%; vertical-align:middle;} .rapid-results .item-section {margin:0 -20px 0 20px;} .rapid-results.overview .item-section {font-weight:bold; margin:0 -5px 0 5px;} .rapid-results.overview .item-name {font-weight:bold;} .rapid-results .item.overflow {height:inherit; overflow:hidden;} .rapid-results:hover .item.overflow {height:initial;} #RRFilter hr {margin:5px 0; border-color:#888;} #RRFilter li {margin-bottom:0; padding:1px 0 1px 0;} #RRFilter li:hover {background-color:#BAE1F6; margin:0 -1em 0 -1em; padding:1px 1em 1px 1em;} #RRFilter label {font-weight:400;} #RRFilter .filterOptionOnly {float:right; font-size:0.85em; color:#06C; padding-right:0.5em; cursor:pointer;} #RRFilter .filterReset {float:right; font-style:normal; font-weight:600; color:#06C; cursor:pointer;} #RRFilter .filterOptionOnly {display:none;} #RRFilter li:hover .filterOptionOnly {display:block;} #RRFilter .group-start {margin:1px -1em 0 -1em; padding:0 1em 1px 1em; border-radius:2px; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent;} #RRFilter .group {margin:0 -1em 0 -1em; padding:1px 1em 1px 1em; border-left:1px solid transparent; border-right:1px solid transparent;} #RRFilter .group-end {padding:1px 1em 0 1em; border-radius:2px; border-bottom:1px solid transparent;} #RRFilter li.group-start.hover {background:#D3EDD3; margin:0 -1em 0 -1em; padding:1px 1em 1px 1em; border-radius:2px; border-top:1px solid #83D186; border-left:1px solid #83D186; border-right:1px solid #83D186;} #RRFilter .group.hover {margin:0 -1em 0 -1em; padding:1px 1em 1px 1em; border-left:1px solid #83D186; border-right:1px solid #83D186;} #RRFilter .group-end.hover {padding:1px 1em 0 1em; border-radius:2px; border-bottom:1px solid #83D186;} #rapid-wrapper .hidden {visibility:inherit;} #noResults {position:relative; width:75%; text-align:center; font-size:large;} .nullList ul {list-style-type:none;} #technologies ul {list-style:none;}
  
 
/*--hero button css--*/
 
/*--hero button css--*/

Latest revision as of 10:16, 19 July 2019

Description

This widget adds <style> tags to the head of RAPID pages, specifically applicable to Roadmap pages (example) and Filter pages (Roadmap, NEPA and Libarary).

Usage

This widget is included in the RAPID-Nav template, and so the styles are applied to only pages that use the RAPID navigation.

{{#Widget:RAPID-CSS}}