slight optimization

Dudeonyx · May 5, 2018 · 1612cfc · 1612cfc
1 parent e825101
commit 1612cfc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,6 @@
 
 <head>
     <meta charset="UTF-8">
-    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="style/reset.css">
     <link rel="stylesheet" href="style/style.css">
@@ -12,8 +11,8 @@
 </head>
 <body class="body" id="body">
 <div class="viewport" id="viewport">
-    <div class="nav">
-        <ul class="ul">
+    <nav class="nav">
+        <ul class="navList">
             <li>
                 <a href="#">Gmail</a>
             </li>
@@ -30,13 +29,12 @@
                     <div class="notblk"></div>
                 </a>
                 <li class="acct">
-                    <a href="#" title="Google account: Example Account
-(Example@gmail.com)">
+                    <a href="#" title="Google account: Example Account&NewLine;(Example@gmail.com)">
                         <div class="actblk"></div>
                     </a>
                 </li>
         </ul>
-    </div>
+    </nav>
     <div class="sblock">
         <img src="images/googlelogo_color_272x92dp.png" alt="Google logo">
         <form class="sform" action="https://www.google.com/search" method="get">

diff --git a/style/style.css b/style/style.css
@@ -1,4 +1,4 @@
-div.viewport#viewport {
+.viewport#viewport {
     font-size: 13px;
     font-family: "open sans", Arial, Helvetica;
     line-height: 1;
@@ -23,11 +23,11 @@ li {
     width: 100%;
 }
 
-.nav ul {
+.navList {
     float: right;
 }
 
-.nav ul li {
+.navList li {
     margin: 0 10px 0 10px;
 }
 
@@ -109,10 +109,6 @@ img {
     color: blue;
 }
 
-.sblock a:hover {
-    text-decoration: underline;
-}
-
 footer {
     position: absolute;
     bottom: 0;
@@ -157,6 +153,7 @@ footer p,
     border-width: 1px 0 0 0;
 }
 
-footer div ul li {
+.l1 li,
+.l2 li {
     padding: 0 12px;
 }