Browse Source

Arggg CSS is hard :(

Michelle Bu 11 năm trước cách đây
mục cha
commit
ae4344896f
3 tập tin đã thay đổi với 21 bổ sung5 xóa
  1. 1 1
      docs/index.html
  2. 19 3
      docs/style.css
  3. 1 1
      docs/template.html

+ 1 - 1
docs/index.html

@@ -8,7 +8,7 @@
 
 
 <body>
 <body>
   <section class="start">
   <section class="start">
-    <h1>PeerJS <span class="title">docs</span></h1>
+    <h1><a href="/">PeerJS</a> <span class="title">docs</span></h1>
     <h2>Get started with PeerJS</h2>
     <h2>Get started with PeerJS</h2>
 
 
       <div class="warning">Due to browsers' incomplete support of the WebRTC DataChannel specification, many features of PeerJS have caveats.<br><a href="/status">View the status page for full details</a>.</div>
       <div class="warning">Due to browsers' incomplete support of the WebRTC DataChannel specification, many features of PeerJS have caveats.<br><a href="/status">View the status page for full details</a>.</div>

+ 19 - 3
docs/style.css

@@ -11,6 +11,7 @@ body, html {
 }
 }
 
 
 header.right, header.left {
 header.right, header.left {
+  cursor: pointer;
   z-index: 100;
   z-index: 100;
   position: fixed;
   position: fixed;
   top: 0;
   top: 0;
@@ -47,7 +48,7 @@ header.right {
 }
 }
 
 
 .right h2 {
 .right h2 {
-  color: #474045;
+  color: #5a5157;
   text-shadow: 0 -1px 0 #fff;
   text-shadow: 0 -1px 0 #fff;
 }
 }
 
 
@@ -109,12 +110,27 @@ header.right {
 
 
 .start h1 {
 .start h1 {
   margin: 0;
   margin: 0;
-  font-size: 50px;
-  line-height: 50px;
+  font-size: 40px;
+  line-height: 30px;
+  padding: 20px 0 20px 0;
+  color: #5a5157;
+}
+
+h1 a {
+  color: #5a5157;
+  text-decoration: none;
+  transition: opacity 300ms;
 }
 }
 
 
+h1 a:hover {
+  opacity: 0.8;
+}
+
+
 .start h2, h3, h4 {
 .start h2, h3, h4 {
+  color: #5a5157;
   margin: 5px 0;
   margin: 5px 0;
+  font-size: 20px;
 }
 }
 
 
 .api {
 .api {

+ 1 - 1
docs/template.html

@@ -8,7 +8,7 @@
 
 
 <body>
 <body>
   <section class="start">
   <section class="start">
-    <h1>PeerJS <span class="title">docs</span></h1>
+    <h1><a href="/">PeerJS</a> <span class="title">docs</span></h1>
     <h2>Get started with PeerJS</h2>
     <h2>Get started with PeerJS</h2>
 
 
       <div class="warning">Due to browsers' incomplete support of the WebRTC DataChannel specification, many features of PeerJS have caveats.<br><a href="/status">View the status page for full details</a>.</div>
       <div class="warning">Due to browsers' incomplete support of the WebRTC DataChannel specification, many features of PeerJS have caveats.<br><a href="/status">View the status page for full details</a>.</div>