Hauptseite: Unterschied zwischen den Versionen

Aus QBWiki
Zur Navigation springenZur Suche springen
Zeile 18: Zeile 18:
 
     transition: .2s;
 
     transition: .2s;
 
   }
 
   }
   .flex, [class^="flex"] { display: flex; }
+
   .flex, .flex > p { display: flex; }
   .flex-row { flex-direction: row; }
+
   .flex-row, .flex-row > p { flex-direction: row; }
   .flex-col { flex-direction: column; }
+
   .flex-col, .flex-col > p { flex-direction: column; }
   .flex-sb { justify-content: space-between; }  
+
   .flex-sb, .flex-sb > p  { justify-content: space-between; }  
   .flex-sa { justify-content: space-around; }  
+
   .flex-sa, .flex-sa > p  { justify-content: space-around; }  
   .flex-se { justify-content: space-evenly; }  
+
   .flex-se, .flex-se > p  { justify-content: space-evenly; }
 +
 
 +
  .container, .container > p {
 +
    width: 100%;
 +
  }
 +
 
 +
  #button-container {
 +
    background: #FFF;
 +
    border: 2px solid #201e3c;
 +
    border-radius: 5px;
 +
    bottom:0;
 +
    position: absolute;
 +
  }
 
}}
 
}}
  
 
<!-- Buttons and Categories -->
 
<!-- Buttons and Categories -->
  
<div id="button-container" class="flex">
+
<div id="button-container" class="flex flex-row flex-sa container">
 
+
<span class="category-button">[[:Category:Server|Server]]</span>
<span class="category-button">
+
<span class="category-button">[[:Category:Linux|Linux]]</span>
[[:Category:Server|Server]]
+
<span class="category-button">[[:Category:Ubiquiti|Ubiquiti]]</span>
</span>
+
<span class="category-button">[[:Category:CentOS|CentOS]]</span>
<span class="category-button">
+
<span class="category-button">[[:Category:Bash|Bash]]</span>
[[:Category:Linux|Linux]]
+
<span class="category-button">[[:Category:Skripte|Skripte]]</span>
</span>
 
<span class="category-button">
 
[[:Category:Ubiquiti|Ubiquiti]]
 
</span>
 
<span class="category-button">
 
[[:Category:CentOS|CentOS]]
 
</span>
 
<span class="category-button">
 
[[:Category:Bash|Bash]]
 
</span>
 
<span class="category-button">
 
[[:Category:Skripte|Skripte]]
 
</span>
 
 
 
 
</div>
 
</div>

Version vom 20. Februar 2019, 11:06 Uhr