Template:Sheffield2014 socio-reg-template

From 2014.igem.org

(Difference between revisions)
 
(69 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Sheffield/NavigationBar}}
 +
<html>
<html>
<!DOCTYPE html>
<!DOCTYPE html>
Line 8: Line 10:
body {
body {
-
  background-color:lightgrey;
+
   font-family: sans-serif;
-
   font-family: calibri, sans-serif;
+
   font-size: 0.8em;
   font-size: 0.8em;
}
}
-
ul {
+
 
-
    list-style-type: none;
+
 
-
    padding: 0px;
+
/*-- formats hyperlinks --*/
-
    margin: 0px;
+
  a:link, a:visited {
 +
    text-decoration:none;
 +
    color:#000000;
 +
  }
 +
 
 +
  a.highlighted:link, a.highlighted:visited {
 +
    color:#FF9900;
 +
  }
 +
 
 +
  a.menu_item:visited, a.menu_item:link {
 +
    color:#FFFFFF;
 +
  }
 +
 
 +
  a:hover, a:active, a.menu_item:hover, a.menu_item:active, a.highlighted:hover, a.highlighted:active {
 +
    text-decoration:none;
 +
    color:#00AAFF;
 +
  }
 +
 
 +
 
 +
#title {
 +
  color:black;
 +
  background-color:white;
 +
  width:99.1%;
 +
  padding:0.4em;
}
}
-
ul li {
+
#registrycontent {
-
     background-image: none;
+
     position: relative;
-
     background-repeat: no-repeat;
+
     float: left;
-
     background-position: 0px 5px;  
+
    left: 1%;
-
     padding-left: .875em;
+
    width: 94.1%;
 +
    min-height:400px;
 +
    margin: 1% auto 0 auto;
 +
    padding: 1% 2% 2% 2%;;
 +
     background: white;
 +
    color: rgb(40,40,40);;
 +
    line-height: 1.5em;
 +
     box-shadow: rgba(50,50,50,0.75) 1px 1px 10px 0px;
}
}
-
a {
+
#registry_table {  
-
  text-decoration:none;
+
    border-color: #444444;
-
  color:white;
+
    border-style: solid;
 +
    border-width: 3px;
 +
    float: left;
 +
    min-width: 50%;
 +
    border-collapse: collapse;
}
}
-
#menu {
+
#registry_table th {
-
  color:white;
+
    background-color: #AAAAAA;
-
   background-color:darkgreen;
+
    font-size: 1.1em;
 +
    padding: 5px;
 +
    padding-left: 10px;
 +
    text-align: left;
 +
}
 +
 
 +
#registry_table td {
 +
    background-color: #EEEEEE;
 +
    font-size: 1 em;
 +
    padding: 5px;
 +
    border-color: #3D3D3D;
 +
    border-style: solid;
 +
    border-width: 1px;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
 
 +
#registry_menu {
 +
 
 +
   background-color:#666666;
   float:left;
   float:left;
-
  padding:0.25em;
 
   border:black;
   border:black;
-
   width:100%;
+
   width:99.1%;
-
   height:1.6em;
+
   height: 2.35em;
-
  overflow: hidden;
+
}
}
-
#title {
+
#registry_menu li {
-
  color:black;
+
    float:left;
-
  background-color:white;
+
    display:block;
-
  width:100%;
+
    text-align:center;
-
  padding:0.4em;
+
    position:relative;
 +
    padding: 0px 0px 0px 0px;
 +
    margin-right:4em;
 +
    margin-top:0.1em;
 +
    border:none;
 +
    line-height: 2em;
 +
    font-size: 1em;
 +
 
}
}
-
#sociobrick {
+
#registry_menu li:hover {
-
  background-color:white;  
+
 
-
  width=100%;
+
    padding: 0px 0px 0px 0px;
 +
background: #666666; 
 +
}
 +
 
 +
#registry_menu li a {
 +
    color: #EEEEEE;
 +
    display:block;
 +
    outline:0;
 +
    text-decoration:none;
}
}
-
.menu_item {
+
#registry_menu li:hover a {
-
     float: left;
+
     color:#FF9900;
-
    height: 90px;
+
-
    padding: 0.1em 1em;
+
}
}
-
.text_line {
+
#registry_menu li:hover .col a {
-
     clear: both;
+
     color:#FFFFFF;
-
    margin-bottom: 2px;
+
}
}
 +
 +
.dropdown {
 +
    width: 12em;
 +
    margin:0 auto;
 +
    float:left;
 +
    position:absolute;
 +
    left:-999em;
 +
    text-align:left;
 +
    padding: 1em 0.5em 1em 0.5em;
 +
    border:1px solid #777777;
 +
    border-top:none;
 +
    background:#000000;
 +
    z-index: 10;
 +
}
 +
 +
#registry_menu li:hover .dropdown {
 +
    left:-1px;
 +
    top:auto;
 +
}
 +
 +
.col {
 +
    width: 11em;
 +
    display:inline;
 +
    float: left;
 +
    position: relative;
 +
    margin-left: 0.5em;
 +
    margin-right: 1em;
 +
}
 +
 +
#registry_menu .col p {
 +
    text-indent: 1em;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
</style>
</style>
Line 69: Line 175:
<body>
<body>
 +
 +
<div style="height:5.5em">
 +
</div>
<div id="title">
<div id="title">
  <h1>
  <h1>
-
   Registry of Standard Human Practice Parts
+
   Registry of Standard Policy and Practice Parts
  </h1>
  </h1>
</div>
</div>
Line 79: Line 188:
</div>
</div>
-
<div id="menu">
 
-
<ul class="menu_item"><a href="">main page</a></ul>
 
-
<ul class="menu_item"><a href="">design</a></ul>
 
-
<ul class="menu_item"><a href="">experience</a></ul>
 
-
<ul class="menu_item"><a href="">information</a></ul>
 
-
<ul class="menu_item"><a href="">part tools</a></ul>
 
-
<ul class="menu_item"><a href="">edit</a></ul>
 
-
</div>
 
-
<div id="sociobrick">
+
<div id="registry_menu">
-
<p class="text_line">Some info about said socioBrick</p>
+
<ul>
 +
<li><a href="../main">sociobricks</a>
 +
<div class="dropdown">
 +
<div class="col">
 +
<h2><a href="">Browse by type</a></h2>
 +
 +
<p><a href="https://2014.igem.org/wiki/index.php?title=Team:Sheffield/sociobricks/catalogue/framework">Framework</p>
 +
<p><a href="https://2014.igem.org/wiki/index.php?title=Team:Sheffield/sociobricks/catalogue/ethics">Ethics</p>
 +
<p><a href="https://2014.igem.org/wiki/index.php?title=Team:Sheffield/sociobricks/catalogue/methods">Methods</p>
 +
<p><a href="https://2014.igem.org/wiki/index.php?title=Team:Sheffield/sociobricks/catalogue/analysis">Analysis</p>
 +
<p><a href="https://2014.igem.org/wiki/index.php?title=Team:Sheffield/sociobricks/catalogue/outputs">Outputs</p>
 +
</div>
 +
</div>
 +
</li>
 +
<li><a href="./main">main page</a></li>
 +
<li><a href="./experience">experience</a></li>
 +
<li><a href="./information">information</a></li>
 +
<li><a href=?action=edit>edit</a></li>
 +
</ul>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 20:03, 17 October 2014

Registry of Standard Policy and Practice Parts