Difference between revisions of "Template:HelpPage/MainLinks"

m
m
 
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
−
#mainhelp {display: block; position: absolute; top: 0; right: 0; margin-right: 5px; z-index: 1000;}
+
#mainhelp {
−
#mainhelp li {display: inline-block;}
+
  display: block;  
−
#mainhelp a {display: block; padding: 3px 5px; color: #008000; font-weight: bold;}
+
  position: absolute;  
 +
  top: 0;  
 +
  right: 0;  
 +
  margin-right: 5px;  
 +
  z-index: 1000;
 +
}
 +
 
 +
#mainhelp li {
 +
  display: inline-block;
 +
}
 +
 
 +
#mainhelp a {
 +
  display: block;  
 +
  padding: 5px 10px; /* Increase padding for better spacing */
 +
  background-color: #008000; /* Green background */
 +
  color: #fff; /* White text */
 +
  font-weight: bold;
 +
  text-decoration: none; /* Remove underline from links */
 +
  border-radius: 5px; /* Optional: adds rounded corners */
 +
}
 +
 
 +
/* Ensure background and color apply to all link states */
 +
#mainhelp a:link, #mainhelp a:visited {
 +
  background-color: #008000; /* Green background */
 +
  color: #fff; /* White text */
 +
}
 +
 
 +
/* Optional: Change background color on hover */
 +
#mainhelp a:hover {
 +
  background-color: #006400; /* Darker green on hover */
 +
}
 +
 
 +
#mainhelp a:active {
 +
  background-color: #004d00; /* Even darker green when active */
 +
}
  
 
.helpTable {
 
.helpTable {
−
border: 1px solid #ccc;
+
  border: 1px solid #ccc;
−
border-collapse: collapse;
+
  border-collapse: collapse;
−
width: auto;
+
  width: auto;
−
margin: 15px 10px;;
+
  margin: 15px 10px;
 
}
 
}
  
−
.helpTable td {
+
.helpTable td {
−
padding: 5px;
+
  padding: 5px;
−
border: 1px solid #ccc;
+
  border: 1px solid #ccc;
−
border-collapse: collapse;
+
  border-collapse: collapse;
−
vertical-align: text-top;
+
  vertical-align: text-top;
 
}
 
}
  
 
.helpTable th {
 
.helpTable th {
−
background-color: #464646;
+
  background-color: #464646;
−
padding: 5px;
+
  padding: 5px;
−
color: #f2f2f2;
+
  color: #f2f2f2;
−
border: 1px solid #ccc;
+
  border: 1px solid #ccc;
−
border-collapse: collapse;
+
  border-collapse: collapse;
−
vertical-align: text-top;
+
  vertical-align: text-top;
−
text-align: left;
+
  text-align: left;
 
}
 
}
 
</style>
 
</style>
 +
 
<div id="mainhelp">
 
<div id="mainhelp">
−
<ul><b>Registry Help Pages:</b>
+
  <ul><b>Registry Help Pages:</b>
−
<li><a href="https://parts.igem.org/Help">TOC</a></li>
+
    <li><a href="https://parts.igem.org/Help">TOC</a></li>
−
<li><a href="https://parts.igem.org/Help:Registry-at-a-Glance">At-a-Glance</a></li>
+
    <li><a href="https://parts.igem.org/Help:Registry-at-a-Glance">At-a-Glance</a></li>
−
<li><a href="https://parts.igem.org/Help:FAQ">FAQ</a></li>
+
    <li><a href="https://parts.igem.org/Help:FAQ">FAQ</a></li>
−
</ul>
+
  </ul>
 
</div>
 
</div>
 +
 
</html>
 
</html>

Latest revision as of 13:43, 18 September 2024