Hauptseite: Unterschied zwischen den Versionen
Aus QBWiki
Zur Navigation springenZur Suche springen
Pascal (Diskussion | Beiträge) |
Pascal (Diskussion | Beiträge) |
||
| Zeile 3: | Zeile 3: | ||
a { text-decoration: none; color: inherit !important; } | a { text-decoration: none; color: inherit !important; } | ||
| − | span.category- | + | span.category-tag { |
| − | + | cursor: pointer; | |
| − | + | padding: 10px; 50px; | |
| − | border-radius: | + | border-radius: 20px; |
| − | + | min-width: 100px; | |
| − | + | text-align: center; | |
| − | + | color: #FFF; | |
| − | transition: . | + | font-weight: 700; |
| + | background-size: 300% 100%; | ||
| + | transition: .35s; | ||
| + | margin: 5px 0px; | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-osx-font-smoothing: grayscale; | ||
} | } | ||
| − | span.category- | + | span.category-tag:hover { |
| − | + | background-position: 100% 0; | |
| − | + | transition: .35s; | |
| − | background- | ||
| − | transition: . | ||
} | } | ||
| + | |||
| + | |||
.flex, .flex > p { display: flex; } | .flex, .flex > p { display: flex; } | ||
.flex-row, .flex-row > p { flex-direction: row; } | .flex-row, .flex-row > p { flex-direction: row; } | ||
| Zeile 24: | Zeile 29: | ||
.flex-sa, .flex-sa > p { justify-content: space-around; } | .flex-sa, .flex-sa > p { justify-content: space-around; } | ||
.flex-se, .flex-se > p { justify-content: space-evenly; } | .flex-se, .flex-se > p { justify-content: space-evenly; } | ||
| + | .flex-wrap, .flex-wrap > p { flex-wrap: wrap; } | ||
| + | .flex-nowrap, .flex-nowrap > p { flex-wrap: nowrap; } | ||
| + | |||
| + | .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 { | .container, .container > p { | ||
| Zeile 30: | Zeile 49: | ||
#button-container { | #button-container { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
}} | }} | ||
| Zeile 40: | Zeile 54: | ||
<!-- Buttons and Categories --> | <!-- Buttons and Categories --> | ||
| − | <div id="button-container" class="flex flex-row flex-sa container"> | + | <div id="button-container" class="flex flex-row flex-sa flex-wrap container"> |
| − | <span class="category- | + | <span class="category-tag bg-11">[[:Category:Server|Server]]</span> |
| − | <span class="category- | + | <span class="category-tag bg-10">[[:Category:Linux|Linux]]</span> |
| − | <span class="category- | + | <span class="category-tag bg-9">[[:Category:Ubiquiti|Ubiquiti]]</span> |
| − | <span class="category- | + | <span class="category-tag bg-7">[[:Category:CentOS|CentOS]]</span> |
| − | <span class="category- | + | <span class="category-tag bg-2">[[:Category:Bash|Bash]]</span> |
| − | <span class="category- | + | <span class="category-tag bg-1">[[:Category:Skripte|Skripte]]</span> |
</div> | </div> | ||
Version vom 20. Februar 2019, 11:37 Uhr
