Hauptseite: Unterschied zwischen den Versionen
Aus QBWiki
Zur Navigation springenZur Suche springen
Pascal (Diskussion | Beiträge) |
Pascal (Diskussion | Beiträge) |
||
| Zeile 1: | Zeile 1: | ||
| − | {{#css: | + | {{#css: |
| − | {{# | + | /* Flexbox CSS Classes */ |
| + | |||
| + | .flex, .flex > p { display: flex; } | ||
| + | .flex-row, .flex-row > p { flex-direction: row; } | ||
| + | .flex-col, .flex-col > p { flex-direction: column; } | ||
| + | .flex-sb, .flex-sb > p { justify-content: space-between; } | ||
| + | .flex-sa, .flex-sa > p { justify-content: space-around; } | ||
| + | .flex-se, .flex-se > p { justify-content: space-evenly; } | ||
| + | .flex-fs, .flex-fs > p { justify-content: flex-start;} | ||
| + | .flex-fe, .flex-fe > p { justify-content: flex-end;} | ||
| + | .flex-wrap, .flex-wrap > p { flex-wrap: wrap; } | ||
| + | .flex-nowrap, .flex-nowrap > p { flex-wrap: nowrap; } | ||
| + | |||
| + | /* Margins and Paddings */ | ||
| + | .m-0 { margin: 0px; } | ||
| + | .m-5 { margin: 5px; } | ||
| + | .m-10 { margin: 10px; } | ||
| + | .p-0 { padding: 0px; } | ||
| + | .p-5 { padding: 5px; } | ||
| + | .p-10 { padding: 10px; } | ||
| + | .category-tag > a:visited { | ||
| + | text-decoration: none; | ||
| + | color: inherit !important; | ||
| + | |||
| + | } | ||
| + | span.category-tag { | ||
| + | cursor: pointer; | ||
| + | padding: 10px 20px; | ||
| + | border-radius: 20px; | ||
| + | min-width: 100px; | ||
| + | text-align: center; | ||
| + | color: #FFF; | ||
| + | font-weight: 700; | ||
| + | background-size: 300% 100%; | ||
| + | transition: .35s; | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-osx-font-smoothing: grayscale; | ||
| + | } | ||
| + | span.category-tag:hover { | ||
| + | background-position: 100% 0; | ||
| + | transition: .35s; | ||
| + | } | ||
| + | |||
| + | .bg-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); } | ||
| + | .bg-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); } | ||
| + | .bg-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7); } | ||
| + | .bg-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); } | ||
| + | .bg-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); } | ||
| + | .bg-6 { background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021); } | ||
| + | .bg-7 { background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645); } | ||
| + | .bg-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); } | ||
| + | .bg-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); } | ||
| + | .bg-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #FBB03B); } | ||
| + | .bg-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); } | ||
| + | .container, .container > p { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #button-container { | ||
| + | } | ||
| + | }} | ||
<!-- Buttons and Categories --> | <!-- Buttons and Categories --> | ||
Version vom 20. Februar 2019, 12:15 Uhr
