title: $:/_tw5.com-styles tags: $:/tags/Stylesheet @media (min-width: 600px) { .tc-link-info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tc-link-info-item { max-width: 25em; margin-right: 10px; } } .tc-double-spaced-list { padding-bottom:.5em;padding-top:.5em; } .tc-link-info-item { display: inline-block; border: none; padding: 5px 10px; margin-bottom: 10px; background: #ddeeff; font-size: 0.8em; line-height: 1.2; } .tc-link-info-item h1 { font-weight: 500; font-size: 16px; } .tc-scrollable-demo { border: 1px solid <>; background-color: <>; padding: 1em; height: 400px; } .tc-improvement-banner { font-size: 0.7em; background: #fcc; padding-left: 5px; margin-top: 6px; margin-bottom: 12px; <> } @media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { .tc-improvement-banner { } } @media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { .tc-improvement-banner { margin-right: -53px; margin-left: -53px; } .tc-improvement-banner:before { display: block; position: absolute; width: 0; height: 0; content: " "; margin-left: -5px; margin-top: -10px; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid #C07E7E; border-bottom: 5px solid #C07E7E; } } .tc-improvement-banner svg { width: 1em; height: 1em; }