MediaWiki: Tweeki.css: Difference between revisions

Revision as of 12:44, 10 May 2022

/* CSS placed here will affect users of the Tweeki skin */

:root {
    --links-blue: #1980c3;
    --links-cyan: #34b8b8;
    --links-grey: #415262;
    --links-orange: #ee7802;
}

#dct-profile {
    --dct-border: 2px solid var(--links-blue);
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "meta meta"
        "desc info"
        "func info"
        "more info";
}

#dct-profile > section {
    box-sizing: border-box;
    padding: 1em 1em 1em 0;
}

#dct-profile .dct-meta {
    grid-area: meta;
    border-bottom: var(--dct-border);
}

#dct-profile .dct-desc {
    grid-area: desc;
    border-bottom: var(--dct-border);
}

#dct-profile .dct-info {
    grid-area: info;
    border-left: var(--dct-border);
    padding-left: 1em;
}

#dct-profile .dct-func {
    grid-area: func;
    border-bottom: var(--dct-border);
}

#dct-profile .dct-more {
    grid-area: more;
}

@@ Line 1: / Line 1: @@
-<noinclude>
+/* CSS placed here will affect users of the Tweeki skin */
-Development verstion of the DCT Profile template.<br>
-<span style="color: red; font-weight: bold;">Not ready for production!</span>
-</noinclude><includeonly>{{#set:New Is Archived={{{New Is Archived|}}}|}}
-<div id="dct-profile">
-<section class="dct-meta">meta</section>
-<section class="dct-desc">
-{{PAGENAME}}<br>
-Intro
-</section>
-<section class="dct-info">
-Info:
-{{{Provider|}}}
-</section>
-<section class="dct-func">
-Available Functionality
-</section>
-<section class="dct-more">
-See Related
-</section>
-</div>
-<!-- {| class="wikitable"
+:root {
-! {{#fas:globe}} Website
+    --links-blue: #1980c3;
-| [[Website::{{{Website|}}}]]
+    --links-cyan: #34b8b8;
-|-
+    --links-grey: #415262;
-! Provider
+    --links-orange: #ee7802;
-| [[Provider::{{{Provider|}}}]]
+}
-{{#if:{{{Source Country|}}}|
-{{!}}-
-! Source country
-{{!}} {{flagicon|{{{Source Country|}}}}} [[Source Country::{{{Source Country|}}}]]
-}}
-|-
-! Formerly known as
-| {{#arraymap:{{{Formerly known as|}}}|,|x|[[Formerly known as::x]]}}
-{{#if:{{{Tool Created in Year|}}}|
+#dct-profile {
-{{!}}-
+    --dct-border: 2px solid var(--links-blue);
-! Tool created in year
+    display: grid;
-{{!}} [[Tool Created in Year::{{{Tool Created in Year|}}}]]
+    grid-template-columns: 2fr 1fr;
-}}
+    grid-template-areas:
-|-
+        "meta meta"
-! Entry created at
+        "desc info"
-| [[Entry Created At::{{{Entry Created At|}}}]]
+        "func info"
-|-
+        "more info";
-! Entry last reviewed
+}
-| [[Entry Last Reviewed::{{{Entry Last Reviewed|}}}]]
-|-
-! Is archived
-| [[Is Archived::{{{Is Archived|}}}]]
-|-
-! Crisis Communication Matrix
-| {{#arraymap:{{{Crisis Communication Matrix|}}}|,|y|[[Crisis Communication Matrix::y]]}}
-|-
+#dct-profile > section {
-! Disaster Management Phase
+    box-sizing: border-box;
-| {{#arraymap:{{{Disaster Management Phase|}}}|,|x|[[Disaster Management Phase::x]]}}
+    padding: 1em 1em 1em 0;
+}
-|-
+#dct-profile .dct-meta {
-! Data Sources
+    grid-area: meta;
-| {{#arraymap:{{{Data Sources|}}}|,|x|[[Data Sources::x]]}}
+    border-bottom: var(--dct-border);
+}
-|-
+#dct-profile .dct-desc {
-! Logos
+    grid-area: desc;
-|   {{#arraymaptemplate:{{{Data Sources|}}}|SourceLogo|,|}}
+    border-bottom: var(--dct-border);
+}
-|} -->
+#dct-profile .dct-info {
+    grid-area: info;
+    border-left: var(--dct-border);
+    padding-left: 1em;
+}
-[[Category:Disaster Community Technology]]
+#dct-profile .dct-func {
-</includeonly>
+    grid-area: func;
+    border-bottom: var(--dct-border);
+}
+#dct-profile .dct-more {
+    grid-area: more;
+}