Template:Sheffield2014 socio-reg-template

From 2014.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 10: 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;
 
-
    margin: 0px;
 
-
}
 
-
ul li {
 
-
    background-image: none;
 
-
    background-repeat: no-repeat;
 
-
    background-position: 0px 5px;
 
-
    padding-left: .875em;
 
-
}
 
/*-- formats hyperlinks --*/
/*-- formats hyperlinks --*/
Line 48: Line 36:
-
#menu {
+
#title {
-
   color:white;
+
   color:black;
 +
  background-color:white;
 +
  width:99.1%;
 +
  padding:0.4em;
 +
}
 +
 
 +
#registrycontent {
 +
    position: relative;
 +
    float: left;
 +
    left: 1%;
 +
    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;
 +
}
 +
 
 +
#registry_table {
 +
    border-color: #444444;
 +
    border-style: solid;
 +
    border-width: 3px;
 +
    float: left;
 +
    min-width: 50%;
 +
    border-collapse: collapse;
 +
}
 +
 
 +
#registry_table th {
 +
    background-color: #AAAAAA;
 +
    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;
   background-color:#666666;
   float:left;
   float:left;
-
  padding:0.25em;
 
   border:black;
   border:black;
   width:99.1%;
   width:99.1%;
-
   height:1.6em;
+
   height: 2.35em;
-
  overflow-y: hidden;
+
}
}
-
#title {
+
#registry_menu li {
-
  color:black;
+
    float:left;
-
  background-color:white;
+
    display:block;
-
  width:99.1%;
+
    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=99.1%;
+
    padding: 0px 0px 0px 0px;
 +
background: #666666; 
 +
}
 +
 
 +
#registry_menu li a {
 +
    color: #EEEEEE;
 +
    display:block;
 +
    outline:0;
 +
    text-decoration:none;
}
}
 +
#registry_menu li:hover a {
 +
    color:#FF9900;
 +
}
-
.menu_item {
+
#registry_menu li:hover .col a {
-
     float: left;
+
     color:#FFFFFF;
-
    height: 90px;
+
-
    padding: 0.1em 1em;
+
}
}
-
.text_line {
+
.dropdown {
-
     clear: both;
+
     width: 12em;
-
     margin-bottom: 2px;
+
     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 88: Line 176:
<body>
<body>
-
<div style="height:5.5em; background-color:#000000">
+
<div style="height:5.5em">
</div>
</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 100: Line 188:
</div>
</div>
-
<div id="menu">
 
-
<ul class="menu_item"><a class="menu_item" href="">main page</a></ul>
 
-
<ul class="menu_item"><a class="menu_item" href="">design</a></ul>
 
-
<ul class="menu_item"><a class="menu_item" href="">experience</a></ul>
 
-
<ul class="menu_item"><a class="menu_item" href="">information</a></ul>
 
-
<ul class="menu_item"><a class="menu_item" href="">part tools</a></ul>
 
-
<ul class="menu_item"><a class="menu_item" href="">edit</a></ul>
 
-
<ul class="menu_item"><a class="highlighted" href="">other sociobricks</a></ul>
 
-
</div>
 
-
<div style="height:0.4em; background-color:white; width=99.1%; padding:0.8em">
+
<div id="registry_menu">
 +
<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