Template:Team:SCUT/Mainheader

From 2013.igem.org

(Difference between revisions)
 
(96 intermediate revisions not shown)
Line 134: Line 134:
-
 
-
li
 
-
{
 
-
display:inline;
 
-
}
 
.floatL
.floatL
{
{
Line 149: Line 144:
clear:right;
clear:right;
}
}
-
span
+
span.first
{
{
-
float:right;
+
font-size:50px;
-
letter-spacing:-2px;
+
line-height:50px;
-
padding-right:8px;
+
margin-right:5px;
 +
float:left;
}
}
b
b
Line 162: Line 158:
font-family:Arial;
font-family:Arial;
font-weight:400;
font-weight:400;
 +
}
 +
h1
 +
{
 +
margin:15px 25px;
 +
font-family:Tahoma,Arial;
 +
font-size:35px;
 +
color:#389629;
 +
text-decoration:none;
 +
}
 +
b.name
 +
{
 +
font-size:25px;
 +
line-height:40px;
 +
font-family:Verdana;Arial;
 +
color:#389629;
 +
margin:0;
 +
font-weight:600;
 +
letter-spacing:-1px;
}
}
Line 196: Line 210:
padding:0;
padding:0;
position:relative;
position:relative;
 +
display:inline;
}
}
#mainmenu ul.menu1 li a.m1link:link,
#mainmenu ul.menu1 li a.m1link:link,
Line 360: Line 375:
border:none;
border:none;
padding:0;
padding:0;
-
text-align:left;
+
text-align:justify;
background-color:none;
background-color:none;
opacity:1;
opacity:1;
Line 396: Line 411:
#flame04 td.sidepart div.r1 div p.r
#flame04 td.sidepart div.r1 div p.r
{
{
-
width:250px;
 
height:410px;
height:410px;
-
margin:0;
+
margin:0 4px;
padding:10px 5px;
padding:10px 5px;
 +
word-spacing:0;
font-size:17px;
font-size:17px;
-
line-height:26px;
+
line-height:25px;
-
font-family:Arial,serif;
+
font-family:Georgia,Arial,serif;
overflow:hidden;
overflow:hidden;
}
}
Line 416: Line 431:
height:220px;
height:220px;
width:462px;
width:462px;
-
text-align:left;
+
text-align:justify;
padding:0;
padding:0;
margin:0;
margin:0;
Line 434: Line 449:
#flame04 td.midpart2 div.c1 div p.c
#flame04 td.midpart2 div.c1 div p.c
{
{
-
width:456px;
+
margin:0 5px;
-
margin:0 3px;
+
padding:10px 8px;
-
padding:10px 5px;
+
word-spacing:1px;
font-size:17px;
font-size:17px;
-
line-height:24px;
+
line-height:25px;
-
font-family:Arial;
+
font-family:Georgia,Arial;
overflow:hidden;
overflow:hidden;
}
}
Line 446: Line 461:
#navi
#navi
{
{
-
width:210px;
+
width:100px;
margin:0;
margin:0;
padding:0;
padding:0;
float:left;
float:left;
clear:left;
clear:left;
 +
position:absolute;
}
}
.navimenu
.navimenu
Line 458: Line 474:
margin-top:5px;
margin-top:5px;
}
}
-
.navimenu_head
+
.navimenu_head, .navitotop
{
{
font-size:20px;
font-size:20px;
font-weight:bold;
font-weight:bold;
-
padding:10px 0;
+
padding:0;
-
margin-top:5px;
+
margin:5px 0;
-
height:40px;
+
height:50px;
text-align:center;
text-align:center;
-
font-family:Arial,sans-serif;
+
font-family:Eras Medium ITC,Arial,sans-serif;
}
}
.navimenu_head a
.navimenu_head a
{
{
color:#246820;
color:#246820;
-
line-height:40px;
+
line-height:50px;
text-decoration:none;
text-decoration:none;
}
}
Line 479: Line 495:
padding:0px;
padding:0px;
display:none;
display:none;
-
border:1px solid #76ab27;
 
}
}
-
.navimenu_body a
+
.navimenu_body div.item
{
{
-
color:#000000;
+
height:40px;
-
background-color:transparent;
+
display:block;
display:block;
-
padding:5px 5px 5px 15px;
+
padding:20px 0;
-
font-size:16px;
+
margin:4px 0;
-
margin:0;
+
text-align:center;
 +
cursor:pointer;
 +
}
 +
.navimenu_body div.item:hover
 +
{
 +
opacity:0.7;
 +
}
 +
.navimenu_body div.item a
 +
{
 +
font-size:20px;
 +
letter-spacing:-2px;
 +
color:#ffffff;
 +
line-height:18px;
 +
font-family:Verdana;Arial;
text-decoration:none;
text-decoration:none;
-
font-family:Arial,sans-serif;
+
text-align:center;
 +
padding:20px 0;
 +
margin:0;
 +
font-weight:500;
}
}
-
.navimenu_body a:hover
+
.navimenu_body div.item a:hover
{
{
-
color:#76ab27;
+
color:yellow;
-
background-color:#eaeae4;
+
}
 +
 
 +
/* *************************************** right navi */
 +
#label
 +
{
 +
width:100px;
 +
margin:0;
 +
padding:0;
 +
position:absolute;
 +
margin-left:754px;
 +
}
 +
.labelmenu
 +
{
 +
height:40px;
 +
display:block;
 +
padding:10px 0;
 +
margin:5px 0;
 +
text-align:center;
 +
border-left:4px solid #a5e62f;
 +
opacity:0.8;
 +
}
 +
.labelmenu:hover
 +
{
 +
border-left-color:red;
 +
}
 +
.labelmenu p
 +
{
 +
font-size:17px;
 +
font-family:Verdana,Arial;
 +
color:#000000;
 +
line-height:18px;
 +
padding:11px 2px;
 +
margin:0;
 +
font-weight:500;
 +
cursor:pointer;
}
}
/* ************************************************** textpart */
/* ************************************************** textpart */
-
#tblock
+
#container
 +
{
 +
width:855px;
 +
margin-left:110px;
 +
}
 +
#tblock1,#tblock2,#tblock3,#tblock4,#tblock5,#tblock6
 +
{
 +
width:740px;
 +
border:2px solid #a5e62f;
 +
float:left;
 +
text-align:justify;
 +
margin:5px 0;
 +
padding:0;
 +
font-family:Verdana,Arial;
 +
font-weight:100;
 +
}
 +
p.text
 +
{
 +
margin:10px 25px 20px 25px;
 +
line-height:25px;
 +
font-size:15px;
 +
}
 +
p.memberintro
 +
{
 +
font-family:Calibri,Arial;
 +
font-size:16px;
 +
margin:5px 25px 20px 25px;
 +
text-align:justify;
 +
line-height:23px;
 +
}
 +
.photo_l
 +
{
 +
width:220px;
 +
float:left;
 +
margin:10px 20px 30px 0;
 +
}
 +
.photo_r
 +
{
 +
width:220px;
 +
float:right;
 +
margin:10px 0 30px 20px;
 +
}
 +
div.imgC
 +
{
 +
text-align:center;
 +
margin:0 auto;
 +
}
 +
div.imgC p.tag
 +
{
 +
width:500px;
 +
font-size:13px;
 +
font-style:italic;
 +
text-align:justify;
 +
padding:5px 5px 10px 5px;
 +
margin:0 auto;
 +
}
 +
ol.word
 +
{
 +
list-style-type:decimal;
 +
font-size:15px;
 +
font-family:Verdana,Arial;
 +
margin:0 25px 0 50px;
 +
line-height:20px;
 +
}
 +
a.brick
 +
{
 +
text-decoration:none;
 +
color:#389629;
 +
font-weight:bold;
 +
font-size:16px;
 +
}
 +
 
 +
/* ************************************ flame of members */
 +
#memberflame
 +
{
 +
width:740px;
 +
border:1px solid transparent;
 +
margin:0;
 +
padding:0;
 +
border-collapse:separate;
 +
empty-cells:hide;
 +
border-spacing:2px;
 +
background-color:transparent;
 +
}
 +
#memberflame tr
 +
{
 +
padding:0;
 +
}
 +
#memberflame td.title
 +
{
 +
font-size:25px;
 +
font-family:Verdana,Arial;
 +
text-align:center;
 +
padding:10px 5px;
 +
color:#ffffff;
 +
border:1px solid transparent;
 +
opacity:0.8;
 +
}
 +
#memberflame td.side
 +
{
 +
width:174px;
 +
height:280px;
 +
}
 +
#memberflame td.leftcell,#memberflame td.rightcell
 +
{
 +
width:82px;
 +
height:82px;
 +
}
 +
#memberflame td.leftcell
 +
{
 +
background-color:#f9ce59;
 +
}
 +
#memberflame td.rightcell
 +
{
 +
background-color:#8addfc;
 +
}
 +
#memberflame td.leftcell img,#memberflame td.rightcell img
 +
{
 +
width:82px;
 +
height:82px;
 +
margin:0;
 +
}
 +
#memberflame td.blank
{
{
-
width:720px;
+
width:auto;
border:1px solid black;
border:1px solid black;
-
margin-left:223px;
+
}
-
text-align:left;
+
 
-
padding:10px;
+
/* ************************************ flame of other members */
 +
#mflame
 +
{
 +
width:740px;
 +
border:1px solid transparent;
 +
margin:0;
 +
padding:0;
 +
border-collapse:separate;
 +
empty-cells:hide;
 +
border-spacing:2px;
 +
background-color:transparent;
 +
}
 +
#mflame td.row1
 +
{
 +
font-size:25px;
 +
font-family:Verdana,Arial;
 +
text-align:center;
 +
padding:10px 5px;
 +
color:#ffffff;
 +
border:1px solid transparent;
 +
opacity:0.8;
 +
}
 +
#mflame td.cell2_l,#mflame td.cell2_r
 +
{
 +
width:85px;
 +
height:85px;
 +
}
 +
#mflame td.cell2_l img,#mflame td.cell2_r img
 +
{
 +
width:85px;
 +
height:85px;
 +
}
 +
#mflame td.cell2_l
 +
{
 +
background-color:#fb8b8d;
 +
}
 +
#mflame td.cell2_r
 +
{
 +
background-color:#aeda26;
 +
}
 +
#mflame td.blank2
 +
{
 +
width:auto;
}
}
Line 514: Line 742:
margin:2px auto;
margin:2px auto;
padding:0;
padding:0;
-
border:1px solid black;
+
border-top:2px solid #757575;
 +
border-bottom:2px solid #757575;
 +
background-color:#fff;
 +
opacity:0.8;
}
}
.footerblock
.footerblock
Line 522: Line 753:
font-size:20px;
font-size:20px;
padding:10px;
padding:10px;
 +
}
 +
.footerblock a
 +
{
 +
text-decoration:none;
}
}
</style>
</style>
 +
 +
<script type="text/javascript">
 +
var scrolltime1=null,scrolltime2=null;                              //slide the left navimenu
 +
function scrolldown()
 +
{
 +
$("div.navimenu_head").prev("div.navimenu_body").slideDown("slow");
 +
};
 +
function scrollup()
 +
{
 +
$("div.navimenu_head").prev("div.navimenu_body").slideUp("slow");
 +
};
 +
$(document).ready(function()
 +
{
 +
$("div.navimenu_head").mouseenter(function()
 +
    {
 +
scrolltime1 = setTimeout(scrolldown,200);
 +
});
 +
$("#navi").mouseleave(function()
 +
{
 +
$("div.navimenu_body").stop(true,true);
 +
scrolltime2 = setTimeout(scrollup,1500);
 +
});
 +
})
 +
</script>
 +
 +
<script type="text/javascript">
 +
$.fn.smartFloat = function() {                                //set the navi fix
 +
var position = function(element) {
 +
var top = element.position().top, pos = element.css("position");
 +
$(window).scroll(function() {
 +
var scrolls = $(this).scrollTop() + 30;
 +
if (scrolls > top) {                    //如果滚动到页面超出了当前元素element的相对页面顶部的高度
 +
if (window.XMLHttpRequest) {    //for not ie6
 +
element.css({
 +
position: "fixed",
 +
top:30
 +
});
 +
} else {                        //for ie6
 +
element.css({
 +
top: scrolls
 +
});
 +
}
 +
}else {
 +
element.css({
 +
position: pos,
 +
top: top
 +
});
 +
}
 +
});
 +
};
 +
return $(this).each(function() {
 +
position($(this));
 +
});
 +
};
 +
$(document).ready(function(){
 +
$("#navi").smartFloat();
 +
$("#label").smartFloat();
 +
});
 +
</script>
 +
 +
<script type="text/javascript">
 +
var PageScrollElem,PageScrollBody;                          //scroll the page to top
 +
var PageScrollHand=null;
 +
function PageScrollTotop()
 +
{
 +
  PageScrollElem = PageScrollElem * 0.7 - 0.5;
 +
  PageScrollBody = PageScrollBody * 0.7 - 0.5;
 +
  if (PageScrollElem<=0)
 +
  {
 +
    PageScrollElem=0;
 +
  }
 +
  if (PageScrollBody<=0)
 +
  {
 +
    PageScrollBody=0;
 +
  }
 +
  if (PageScrollElem<=0){
 +
  if (PageScrollBody<=0){
 +
    PageScrollHand = null;
 +
  }}
 +
  if (PageScrollBody>0 || PageScrollElem>0)
 +
  {
 +
    PageScrollHand = setTimeout(PageScrollTotop,50);
 +
  }
 +
  document.documentElement.scrollTop=PageScrollElem;
 +
  document.body.scrollTop=PageScrollBody;
 +
}
 +
function Totop()
 +
{
 +
  PageScrollElem=document.documentElement.scrollTop;
 +
  PageScrollBody=document.body.scrollTop;
 +
  PageScrollTotop();
 +
}
 +
</script>
 +
 +
<script type="text/javascript">
 +
var eletop;
 +
function scrollEle(element)
 +
{
 +
eletop = element.offset().top;
 +
$('body,html').animate({scrollTop:eletop},800);
 +
}
 +
function scroll_1()
 +
{
 +
var element = $("#tblock1");
 +
scrollEle(element);
 +
};
 +
function scroll_2()
 +
{
 +
var element = $("#tblock2");
 +
scrollEle(element);
 +
};
 +
function scroll_3()
 +
{
 +
var element = $("#tblock3");
 +
scrollEle(element);
 +
};
 +
function scroll_4()
 +
{
 +
        var element = $("#tblock4");
 +
        scrollEle(element);
 +
};
 +
function scroll_5()
 +
{
 +
var element = $("#tblock5");
 +
scrollEle(element);
 +
};
 +
function scroll_6()
 +
{
 +
var element = $("#tblock6");
 +
scrollEle(element);
 +
};
 +
</script>
 +
 +
</head>
</head>
Line 541: Line 910:
<a href="https://2013.igem.org/Team:SCUT/Team" class="m1link" style="padding:5px 15px;letter-spacing:1px">Team</a>
<a href="https://2013.igem.org/Team:SCUT/Team" class="m1link" style="padding:5px 15px;letter-spacing:1px">Team</a>
<ul>
<ul>
-
  <li><a href="#" class="m2link">Members</a></li>
+
  <li><a href="https://2013.igem.org/Team:SCUT/Team" class="m2link">Members</a></li>
-
  <li><a href="#" class="m2link">Our University</a></li>
+
  <li><a href="https://2013.igem.org/Team:SCUT/Team/Our_University" class="m2link">Our University</a></li>
-
  <li><a href="#" class="m2link">title1</a></li>
+
  <li><a href="https://2013.igem.org/Team:SCUT/Team/Attributions" class="m2link">Attributions</a></li>
 +
          <li><a href="https://2013.igem.org/Team:SCUT/Team/Notebook" class="m2link">Notebook</a></li>
 +
          <li><a href="https://igem.org/Team.cgi?year=2013&team_name=SCUT" class="m2link">Team Profile</a></li>
 +
          <li><a href="#" class="m2link">Gallery</a></li>
</ul>
</ul>
</li>
</li>
Line 549: Line 921:
<a href="https://2013.igem.org/Team:SCUT/Project" class="m1link" style="padding:5px 14px">Project</a>
<a href="https://2013.igem.org/Team:SCUT/Project" class="m1link" style="padding:5px 14px">Project</a>
<ul>
<ul>
-
  <li><a href="#" class="m2link">Overview</a></li>
+
  <li><a href="https://2013.igem.org/Team:SCUT/Project" class="m2link">Overview</a></li>
 +
  <li>
 +
  <a href="https://2013.igem.org/Team:SCUT/Project/Oscillating_odorant" class="m2link">Oscillating Odorant</a>
 +
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">title1<span>››</span></a>
+
  <a href="https://2013.igem.org/Team:SCUT/Project/Odorant_sensing" class="m2link">Odorant Sensing</a>
-
    <ul class="menu3">
+
-
<li><a href="#" class="m3link">subtitle1</a></li>
+
-
<li><a href="#" class="m3link">subtitle2</a></li>
+
-
<li><a href="#" class="m3link">subtitle3</a></li>
+
-
</ul>
+
  </li>
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">title2<span>››</span></a>
+
  <a href="https://2013.igem.org/Team:SCUT/Project/Future_work" class="m2link">Future Work</a>
-
    <ul class="menu3">
+
-
<li><a href="#" class="m3link">subtitle4</a></li>
+
-
<li><a href="#" class="m3link">subtitle5</a></li>
+
-
<li><a href="#" class="m3link">subtitle6</a></li>
+
-
</ul>
+
  </li>
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">title3<span>››</span></a>
+
  <a href="https://2013.igem.org/Team:SCUT/Project/Safety" class="m2link">Safety</a>
-
    <ul class="menu3">
+
-
<li><a href="#" class="m3link">subtitle7</a></li>
+
-
<li><a href="#" class="m3link">subtitle8</a></li>
+
-
</ul>
+
  </li>
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">Safety <span>››</span></a>
+
  <a href="https://2013.igem.org/Team:SCUT/Project/Protocol" class="m2link">Protocol</a>
-
    <ul class="menu3">
+
-
<li><a href="#" class="m3link">subtitle9</a></li>
+
-
<li><a href="#" class="m3link">subtitle10</a></li>
+
-
</ul>
+
  </li>
  </li>
</ul>
</ul>
   </li>
   </li>
   <li>
   <li>
-
<a href="https://2013.igem.org/Team:SCUT/Parts" class="m1link" style="padding:5px 15px;letter-spacing:2px">Parts</a>
+
<a href="#" class="m1link" style="padding:5px 15px;letter-spacing:-1px;">Data Page</a>
 +
        <ul>
 +
          <li><a href="https://2013.igem.org/Team:SCUT/Parts" class="m2link">Parts</a></li>
 +
          <li><a href="https://2013.igem.org/Team:SCUT/Data_page/Achievements" class="m2link">Achievements</a></li>
 +
        </ul>
   </li>
   </li>
   <li>
   <li>
<a href="https://2013.igem.org/Team:SCUT/Modeling" class="m1link" style="letter-spacing:-1px">Modeling</a>
<a href="https://2013.igem.org/Team:SCUT/Modeling" class="m1link" style="letter-spacing:-1px">Modeling</a>
<ul>
<ul>
-
  <li><a href="#" class="m2link">Overview</a></li>
+
          <li><a href="https://2013.igem.org/Team:SCUT/Modeling" class="m2link">Overview</a></li>
-
  <li><a href="#" class="m2link">title1</a></li>
+
  <li><a href="https://2013.igem.org/Team:SCUT/Modeling/Diacetyl_producer" class="m2link">Diacetyl Producer</a></li>
-
  <li><a href="#" class="m2link">title2</a></li>
+
  <li><a href="https://2013.igem.org/Team:SCUT/Modeling/Oscillation" class="m2link">Oscillation</a></li>
 +
          <li><a href="https://2013.igem.org/Team:SCUT/Modeling/Odr-10_Pathway" class="m2link">Odr-10 Pathway</a></li>
</ul>
</ul>
   </li>
   </li>
   <li>
   <li>
-
<a href="#" class="m1link" style="padding:5px 14px">Human Practice</a>
+
<a href="https://2013.igem.org/Team:SCUT/Human_Practice" class="m1link" style="padding:5px 14px">Human Practice</a>
<ul>
<ul>
-
  <li><a href="#" class="m2link">title11</a></li>
+
  <li><a href="https://2013.igem.org/Team:SCUT/Human_Practice" class="m2link">Overview</a></li>
 +
          <li><a href="https://2013.igem.org/Team:SCUT/Human_Practice/IGEM_everywhere" class="m2link">IGEM everywhere</a></li>
</ul>
</ul>
   </li>
   </li>

Latest revision as of 17:04, 7 October 2013

Retrieved from "http://2013.igem.org/Template:Team:SCUT/Mainheader"