Update Semantic UI

Update Semantic UI to version 2.0.7.
seitsu · Aug 4, 2015 · d52b2cc · d52b2cc
1 parent 557025d
commit d52b2cc
Show file tree

Hide file tree

Showing 16 changed files with 41,925 additions and 46,870 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,12 +1,4 @@
-<div class="ui inverted teal main menu">
-    <div class="menu">
-        <div class="right menu">
-            <a href="{{ site.repo }}" class="item">
-                <i class="github icon"></i>
-                Contribute
-            </a>
-        </div>
-
+<div class="ui teal inverted fixed menu">
     {% if include.page == 'home' %}
         <a href="/" class="active item">
     {% else %}
@@ -37,6 +29,13 @@
         </div>
     {% endif %}
 
+    <div class="right menu">
+        <a href="{{ site.repo }}" class="item">
+            <i class="github alternate icon"></i>
+            Contribute
+        </a>
+    </div>
+
 {% if 1 == 0 %}
 <!-- Don't show for right now -->
     {% if include.page == 'restrictions' %}
@@ -49,5 +48,4 @@
         </a>
 {% endif %}
 
-    </div>
 </div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -2,9 +2,9 @@
 <html lang="en">
 
 <head>
-    <meta charset="utf-8"/>
-    <meta name="description" content="{{ site.description }}"/>
-    <meta name="author" content="{{ site.author }}"/>
+    <meta charset="UTF-8">
+    <meta name="description" content="{{ site.description }}">
+    <meta name="author" content="{{ site.author }}">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
@@ -16,9 +16,9 @@
 
     <title>{{ site.title }}</title>
 
-    <link rel="stylesheet" href="/lib/semantic/css/semantic.no-resp.min.css"/>
-    <link rel="stylesheet" href="/css/base.css"/>
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700"/>
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700">
+    <link rel="stylesheet" href="/lib/semantic/css/semantic.min.css">
+    <link rel="stylesheet" href="/css/base.css">
 </head>
 
 <body>

diff --git a/css/base.css b/css/base.css
@@ -20,20 +20,21 @@ p {
     position: fixed;
 }
 
-.container {
-    max-width: 840px;
-    width: 100%;
-    margin: 0 auto;
-    padding-top: 40px;
+.ui.grid.container {
+    width: 70% !important;
 }
 
-.main .column .banner {
+.footer {
+    text-align: center;
+}
+
+.ui.center.aligned.header {
     display: block;
-    margin: 40px auto;
+    margin: 80px auto;
 }
 
-.footer {
-    text-align: center;
+.ui.menu .item:before {
+    display: none;
 }
 
 .ui.table tr.negative,
@@ -49,7 +50,7 @@ td.icon {
 }
 
 td i.icon{
-  margin: 0 0 0 0;
+  margin: 0;
 }
 
 td span.progress,
@@ -80,38 +81,37 @@ td img.icon {
 
 .ui.table tr.positive td,
 .ui.table td.positive {
-    background-color: #dff0d8 !important;
+    background-color: #DFF0D8 !important;
 }
 
 .ui.celled.table tr.positive:hover td,
 .ui.celled.table tr:hover td.positive,
 .ui.table tr.positive:hover td,
 .ui.table td:hover.positive,
 .ui.table th:hover.positive {
-    background-color: #dff0d8 !important;
+    background-color: #DFF0D8 !important;
 }
 
 .ui.table tr.negative td,
 .ui.table td.negative {
-    background-color: #f2dede !important;
+    background-color: #F2DEDE !important;
 }
 
 .ui.celled.table tr.negative:hover td,
 .ui.celled.table tr:hover td.negative,
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-    background-color: #f2dede !important;
+    background-color: #F2DEDE !important;
 }
 
 .ui.divider {
     margin: 2em 0;
 }
 
 @media (min-width: 767px) {
-  .ui.menu.main > .menu {
-      width: 840px;
-      margin: 0 auto;
+  .menu {
+      padding: 0 10%;
   }
 }
 

diff --git a/index.html b/index.html
@@ -11,11 +11,9 @@
 
 {% include header.html page='home' %}
 
-<div class="main container">
-    <div class="ui grid">
+<div class="ui grid container">
         <div class="column">
-
-            <div class="banner ui icon header">
+            <div class="ui center aligned icon header">
                 <i class="circular mobile icon"></i>
                 <h2>Two Factor Auth (2FA)</h2>
                 <div class="sub header">List of websites and whether or not they support
@@ -29,10 +27,10 @@ <h2>Two Factor Auth (2FA)</h2>
 
         {% for section in site.data.main.sections %}
             <div class="section">
-                <table class="ui table celled compact segment">
+                <table class="ui celled unstackable table">
                     <thead>
                         <tr>
-                            <th class="eleven wide"><h2>{{ section.title }}</h2></th>
+                            <th class="single line"><h2>{{ section.title }}</h2></th>
                             <th>Docs</th>
                             <th>SMS</th>
                             <th>Phone Call</th>