fixed font-size-adjust, adds some header styling

Former-commit-id: d7c5b015f9 Former-commit-id: afd1118f45
11 years ago · 0485163b81
3 changed files with 20 additions and 11 deletions
--- a/examples/button.html
+++ b/examples/button.html
@ -30,6 +30,7 @@
 <body id="example">

 <div class="sidr" id="menu">
+  <h1>Semantic</h1>
  <ul>
    <li><a href="module.html">Introduction</a></li>
    <li><a>Download</a></li>
--- a/examples/example.css
+++ b/examples/example.css
@ -10,6 +10,7 @@
  ;
  font-weight: normal;
  font-style: normal;
+  font-size-adjust: 0.448;
 }
@font-face {
  font-family: 'Neutraface';
@ -18,6 +19,7 @@
  ;
  font-weight: bold;
  font-style: normal;
+  font-size-adjust: 0.448;
 }

 body#example {
@ -56,10 +58,14 @@ a:hover {

 /* text and headers */
 #example h1 {
-  margin: 50px 0px 20px;
-  padding-bottom: 5px;
+  margin: 0px 0px 20px;
+  padding: 50px 0px 5px;
  border-bottom: 1px solid #DDDDDD;
 }
+#example h1 .text {
+  width: 1000px;
+  margin: 0px auto;
+}
 #example h1:first-child {
  margin-top: 0px;
  padding-top: 20px;
--- a/examples/module.html
+++ b/examples/module.html
@ -70,16 +70,18 @@
 <div class="ui left attached vertical blue menu buttons">
  <div class="ui menu button">Menu</div>
 </div>
-<div class="full container">
-
-  <h1>Semantic</h1>
-  
-  <p>Semantic is a set of standards designed to make front end development less arbitrary.</p>
-  
-  <div class="ui buttons">
-    <div class="ui button">Just the details</div>
-    <div class="ui button active">Tell me everything</div>
+<h1>
+  <div class="text">
+    Semantic
  </div>
+</h1>
+<div class="full container">
+    <p>Semantic is a set of standards designed to make front end development less arbitrary.</p>
+    
+    <div class="ui two fluid buttons">
+      <div class="ui button">Just the details</div>
+      <div class="ui button active">Tell me everything</div>
+    </div>
  
  <h2>What is Semantic?</h2>