diff --git a/firefox/mytab.html b/firefox/mytab.html index 4a71e30..e86d4cd 100644 --- a/firefox/mytab.html +++ b/firefox/mytab.html @@ -12,21 +12,29 @@ text-decoration: none; transition: color 1s; } a:hover { - color: #5555ff; + color: #d4d454; text-decoration: none; transition: color 1s; } - div#fence { - width: 1000px; margin-left: auto; margin-right: auto; } + body { + position: absolute; bottom: 0px; display: table; + width: 100%; height: 100%; + margin: 0; padding: 0; } + header { + position: fixed; top: 0px; right: 0px; + height: 50px; width: 50px; + border: 2px solid white;} + #fence { + display: table-cell; vertical-align: middle; + margin: 0px auto; width: 1000px; } #links { - float: left; width: 145px; - margin: 25px; padding: 0px 0px 12px 0px; + float: left; width: 150px; + margin: 25px 46px; padding: 0px 0px 12px 0px; list-style: none; - border: 2px solid #270e24; - border-radius: 10px; + border: 2px solid #270e24; border-radius: 10px; background-color: #270e24; } #links #header { background-color: #270e24; - color: gray; font-weight: bold; + color: lightgray; font-weight: bold; border-top-right-radius: 10px; border-top-left-radius: 10px; } #links li { padding: 5px 10px; @@ -34,15 +42,17 @@ text-align: center; } footer { position: fixed; bottom: 0px; left: 0px; right: 0px; width: 75%; - margin-left: auto; margin-right: auto; - text-align: center; letter-spacing: 5px; + margin: 0px auto; + text-align: center; letter-spacing: 8px; font-family: monospace; font-weight: bold; color: gray; } ++ H O M E ++ +
+
-
+
- - + -
+ + -