Difference between revisions of "Widget:CrisisCommunicationList"
From LINKS Community Center
| Line 21: | Line 21: | ||
#usecase-list-wrapper h1, | #usecase-list-wrapper h1, | ||
#usecase-filters h2 { | #usecase-filters h2 { | ||
| − | color: var(-- | + | color: var(--ccl-color); |
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 29: | Line 29: | ||
height: 2.5em; | height: 2.5em; | ||
width: 2.5em; | width: 2.5em; | ||
| − | fill: var(-- | + | fill: var(--ccl-color); |
margin-right: .5em; | margin-right: .5em; | ||
} | } | ||
| Line 46: | Line 46: | ||
width: 45vw; | width: 45vw; | ||
background: #fff; | background: #fff; | ||
| − | border: 1px solid var(-- | + | border: 1px solid var(--ccl-color); |
clip-path: inset(0 0 100% 100%); | clip-path: inset(0 0 100% 100%); | ||
box-shadow: -10px 10px 10px 5px rgb(0 0 0 / 10%); | box-shadow: -10px 10px 10px 5px rgb(0 0 0 / 10%); | ||
| Line 63: | Line 63: | ||
margin-top: -.2em; | margin-top: -.2em; | ||
font-weight: 100; | font-weight: 100; | ||
| − | color: var(-- | + | color: var(--ccl-color); |
} | } | ||
| Line 74: | Line 74: | ||
.large-button { | .large-button { | ||
| − | border: 1px solid var(-- | + | border: 1px solid var(--ccl-color); |
font-size: 1.5em; | font-size: 1.5em; | ||
font-family: 'Open Sans'; | font-family: 'Open Sans'; | ||
| Line 80: | Line 80: | ||
margin-bottom: 2em; | margin-bottom: 2em; | ||
padding: 0.3em 0.8em; | padding: 0.3em 0.8em; | ||
| − | color: var(-- | + | color: var(--ccl-color); |
background: transparent; | background: transparent; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
| Line 88: | Line 88: | ||
.large-button:hover { | .large-button:hover { | ||
| − | background-color: var(-- | + | background-color: var(--ccl-color); |
color: #fff; | color: #fff; | ||
} | } | ||
| Line 102: | Line 102: | ||
.filter-wrapper button { | .filter-wrapper button { | ||
border: 0 none; | border: 0 none; | ||
| − | color: var(-- | + | color: var(--ccl-color); |
background-color: transparent; | background-color: transparent; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
| Line 186: | Line 186: | ||
#tabulator-table.tabulator .tabulator-header .tabulator-col { | #tabulator-table.tabulator .tabulator-header .tabulator-col { | ||
| − | border-bottom: 4px double var(-- | + | border-bottom: 4px double var(--ccl-color); |
border-right: 0 none; | border-right: 0 none; | ||
background: transparent; | background: transparent; | ||
| Line 205: | Line 205: | ||
#tabulator-table.tabulator .tabulator-cell { | #tabulator-table.tabulator .tabulator-cell { | ||
border-right: 0 none; | border-right: 0 none; | ||
| − | border-top: 1px solid var(-- | + | border-top: 1px solid var(--ccl-color); |
padding: .5em .5em .5em 0; | padding: .5em .5em .5em 0; | ||
} | } | ||
| Line 238: | Line 238: | ||
#tabulator-table.tabulator .usecase-title a, | #tabulator-table.tabulator .usecase-title a, | ||
#tabulator-table.tabulator .tabulator-responsive-collapse table a { | #tabulator-table.tabulator .tabulator-responsive-collapse table a { | ||
| − | color: var(-- | + | color: var(--ccl-color); |
} | } | ||
</style> | </style> | ||
| Line 611: | Line 611: | ||
<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 2.5rem;"> | <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 2.5rem;"> | ||
<h2 style="margin-bottom: 0;">Results: <span id="result-count"></span></h2> | <h2 style="margin-bottom: 0;">Results: <span id="result-count"></span></h2> | ||
| − | <div><a href="/index.php/Form:Crisis_Communication" style="font-size: 1.5em; font-variant:small-caps; color: var(-- | + | <div><a href="/index.php/Form:Crisis_Communication" style="font-size: 1.5em; font-variant:small-caps; color: var(--ccl-color)">Add new Crisis Communication</a></div> |
</div> | </div> | ||
Revision as of 16:04, 14 September 2023
Current version of the Crisis Communication Library.
Currently in use – do not modify!