Template:Stockholm/Top5

From 2010.igem.org

(Difference between revisions)
m
 
(40 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
* {  
+
 
-
margin:0; padding:0;  
+
td { vertical-align: top }
 +
 
 +
A:link {text-decoration: none; color:#3671A1;}
 +
A:visited {text-decoration: none; color:#3671A1;}
 +
A:active {text-decoration: none; color:#3671A1;}
 +
A:hover {text-decoration: none; opacity:0.75;}
 +
 
 +
body
 +
{
 +
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
 +
//font-size: 12px;
 +
color: #888888;
 +
margin: 0;
 +
        background-color: #FFF;
 +
 
}
}
-
+
 
-
body {
+
#top-section
-
font-family: Georgia;
+
{
-
background: #fff9ec;
+
width:965px;
-
text-align: center;
+
border: 0;
-
color: #464530;
+
border-bottom: 1px solid #888888;
-
text-shadow: 0px 1px 0px #fff;
+
height: 20px;
-
<!-- font-size: 14px; -->
+
overflow: visible;
-
font-weight: bold;
+
-
letter-spacing: -1px;
+
-
margin-top: 3%;
+
}
}
-
+
 
-
a, a:visited {
+
#menubar
-
color: #464530;
+
{
-
text-decoration: none;  
+
position: absolute;
 +
top: 0px;
 +
display:block;
 +
float:left;
 +
border: none;
 +
 
}
}
-
+
#menubar li a
-
label {
+
{
-
font-size: 20px;
+
color: #888888;
}
}
-
+
 
-
#content {
+
#menubar.right-menu
-
display: block;
+
{
-
width: 800px;
+
position: absolute;
 +
right: 20px;
 +
        font-size: 10px;
 +
}
 +
#menubar.left-menu
 +
{
 +
position: absolute;
 +
left: 20px;
 +
        font-size: 10px;
 +
}
 +
 
 +
#search-controls
 +
{
 +
display: none
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
#p-logo a
 +
{
 +
display: none;
 +
}
 +
 
 +
#p-logo
 +
{
 +
position: relative;
 +
top: 50px;
 +
width: 824px;
 +
        margin-left: auto;
margin-right: auto;
margin-right: auto;
-
margin-left: auto;
+
// background: url("https://static.igem.org/mediawiki/2010/5/58/Spot_on_Treatment.png");
-
text-align: center;
+
background: url("https://static.igem.org/mediawiki/2010/6/6e/Spot_on_Treatment_SU.gif");
-
}
+
background-repeat: no-repeat;
-
+
background-position: left top;
-
.drop-menu {
+
-
display: block;
+
-
margin-right: auto;
+
-
margin-left: auto;
+
-
text-align: left;
+
-
padding: 10px 10px;
+
-
font-size: 22px;
+
-
height: 25px;
+
-
max-height: 25px;
+
-
width: 400px;
+
-
background: #fff;
+
-
cursor: pointer;
+
-
border: 1px solid #f6f0e4;
+
}
}
-
 
-
.plus {
 
-
display: inline-block;
 
-
-webkit-transition: .3s ease-in-out;
 
-
  -moz-transition: .3s ease-in-out;
 
-
  -o-transition: .3s ease-in-out;
 
-
}
 
-
 
-
.drop-menu:hover {
 
-
border: 1px solid #fff;
 
-
}
 
-
 
-
.drop-menu:hover .sub-menu {
 
-
display: inline-block;
 
-
}
 
-
 
-
.drop-menu:hover .plus {
 
-
-webkit-transform: rotate(45deg);
 
-
-moz-transform: rotate(45deg);
 
-
-o-transform: rotate(45deg);
 
-
}
 
-
 
-
.sub-menu {
 
-
display: none;
 
-
width: 400px;
 
-
background: #fff;
 
-
padding: 10px 10px;
 
-
margin-left: -11px;
 
-
margin-top: 10px;
 
-
border: 1px solid #fff;
 
-
-webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
 
-
-moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
 
-
box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
 
-
}
 
-
 
-
.sub-menu li {
 
-
list-style-type: none;
 
-
display: block;
 
-
border-bottom: 1px dotted #eaeaea;
 
-
font-size: 19px;
 
-
height: 22px;
 
-
padding: 8px 0;
 
-
}
 
-
 
-
.sub-menu li img {
 
-
margin-right: .5em;
 
-
}
 
-
 
-
.sub-menu li:hover {
 
-
border-bottom: 1px dotted #bababa;
 
-
}
 
-
</style>
 
-
<div class="drop-menu">
+
#content
-
<span class="plus">+</span> &nbsp; Please choose following menu
+
{
-
<ul class="sub-menu">
+
position: relative;
-
<li>
+
top: 130px;
-
<a href="http://feeds.feedburner.com/webstuffsharecom">
+
border: 0;
-
<!-- <img src="images/rss.png" border="0" alt="rss" /> --> Subscribe RSS Feed
+
-
</a>
+
}
-
</li>
+
-
<li>
+
-
<a href="http://feedburner.google.com/fb/a/mailverify?uri=webstuffsharecom">
+
-
<!-- <img src="images/email.png" border="0" alt="email" /> --> Subscribe Email Subscription
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="http://twitter.com/hdytsgt">
+
-
<!-- <img src="images/twitter.png" border="0" alt="twitter"/> --> Follow My Twitter
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
 +
 +
 +
#footer
 +
{
 +
width: 965px;
 +
margin: 0;
 +
line-height: 0;
 +
 +
        font-size: 10px;
 +
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
 +
 +
}
 +
 +
#footer-box
 +
{
 +
position: relative;
 +
top: 160px;
 +
height: 35px;
 +
        border:0;
 +
border-top: 1px solid #888888;
 +
        width: 965px;
 +
 +
}
 +
 +
#footer a
 +
{
 +
color: #888888;
 +
 +
font-family:sans-serif;
 +
font-size:95%;
 +
white-space:nowrap;
 +
text-align:left;
 +
text-transform:lowercase;
 +
}
 +
#footer a:hover
 +
{
 +
color:black;
 +
}
 +
 +
#footer .selected a
 +
{
 +
color:black;
 +
}
 +
 +
#menubar .selected a
 +
{
 +
color:black;
 +
}
 +
#menubar li a:hover
 +
{
 +
color:black;
 +
}
 +
 +
.firstHeading
 +
{
 +
display: none;
 +
}
 +
 +
.navbar
 +
{
 +
align:center;
 +
}
 +
 +
.navbar td
 +
{
 +
border-right:1px dotted #CCCCCC;
 +
display:inline;
 +
margin-left:5px;
 +
padding-right:5px;
 +
align="center";
 +
}
 +
</style>
 +
</html>
 +
<div class="navbar">
 +
<center>
 +
{|
 +
|[[Team:Stockholm|Home]]
 +
|[[Team:Stockholm/Project_Idea/Introduction|Project Idea]]
 +
|[[Team:Stockholm/Lab_work/Notebook|Lab Work]]
 +
|[[Team:Stockholm/Results/BioBricks|Results]]
 +
|[[Team:Stockholm/Modelling/Introduction|Modelling]]
 +
|[[Team:Stockholm/Team/Members|Team]]
 +
|<html>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Follow us on <a href="http://twitter.com/igemstockholm"><img src="https://static.igem.org/mediawiki/2010/7/78/Twitter_16.png"></a> and <a href="http://www.facebook.com/home.php?#!/group.php?gid=111421565556518"><img src="https://static.igem.org/mediawiki/2010/e/e4/Facebook_16.png"></a></html>
 +
|<html>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://2010.igem.org/">2010.igem.org <img src="https://static.igem.org/mediawiki/2010/7/7e/SU_IGEM_basic_Logo.png"></a></html>
 +
|}
 +
</center>
 +
</div>
 +
<html>
 +
<!--- start google analytics igem.se --->
 +
<script type="text/javascript">
 +
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 +
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 +
</script>
 +
<script type="text/javascript">
 +
try {
 +
var pageTracker = _gat._getTracker("UA-16294882-1");
 +
pageTracker._trackPageview();
 +
} catch(err) {}</script>
 +
<!--- end google analytics igem.se --->
 +
<!---  start google analytics https://2010.igem.org/Team:Stockholm --->
 +
<script type="text/javascript">
 +
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 +
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 +
</script>
 +
<script type="text/javascript">
 +
try {
 +
var pageTracker = _gat._getTracker("UA-16294882-2");
 +
pageTracker._trackPageview();
 +
} catch(err) {}</script>
 +
<!---  end google analytics https://2010.igem.org/Team:Stockholm --->
</html>
</html>

Latest revision as of 14:01, 27 October 2010