Template:Queens Canada/Notebook

From 2012.igem.org

(Difference between revisions)
(Undo revision 6851 by P.tsang (talk))
Line 332: Line 332:
z-index:2;
z-index:2;
cursor:pointer;
cursor:pointer;
-
border-left-width: 0px;
+
border-left-width: 5px;
border-left-style: solid;
border-left-style: solid;
border-left-color: #FF9933;
border-left-color: #FF9933;
 +
        border-right-color:#FF9933;
 +
        border-right-width: 5px;
}
}
Line 384: Line 386:
#kwick_1 {
#kwick_1 {
left: 0px;
left: 0px;
-
border: none;
+
border-width: 0px 0px 10px 0px;
-
-webkit-border-radius: 10px;
+
        border-right-color: black;
-
-khtml-border-radius: 10px;
+
        width: 477.5px;
-
-moz-border-radius: 10px;
+
 
-
border-radius: 10px;
+
-
-moz-box-shadow: 3px 3px 0px #000;
+
-
-webkit-box-shadow: 3px 3px 0px #000;
+
}
}
#kwick_2 {
#kwick_2 {
-
-webkit-border-radius: 10px;
+
 
-
-khtml-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 10px;
+
-
-moz-box-shadow: 3px 3px 0px #000;
+
-
-webkit-box-shadow: 3px 3px 0px #000;
+
}
}
-
#kwick_1 a {
+
#kwick_1 li a {
background-position:0px 0px;
background-position:0px 0px;
 +
        border-width: 0px 0px 10px 0px;
 +
        border-right-color: black;
}
}
 +
 +
#kwick_1 li a:hover {
 +
background-position:0px 0px;
 +
        border-width: 0px 0px 10px 0px;
 +
        border-right-color: black;
 +
}
 +
.kwicks a:hover, .kwicks #active {
.kwicks a:hover, .kwicks #active {
color: #3399FF;
color: #3399FF;
Line 435: Line 438:
         top:0; left:0; display:none; }
         top:0; left:0; display:none; }
         span { display:none; }
         span { display:none; }
 +
#notebook
 +
{
 +
border-width: 10px;
 +
border-color: black;
 +
}
 +
 +
#labcontent
 +
{
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
 +
margin-bottom: 10px;
 +
        background-color: white;
 +
}
#protocolcontent
#protocolcontent
{
{
Line 483: Line 503:
</div>
</div>
</div>
</div>
-
<div class="kwicks_container">
 
-
  <ul class="kwicks">
 
-
  <li id="kwick_1">
 
-
  <a href="" id="notebook">notebook
 
-
  <h3>Front page</h3>
 
-
    </a>
 
-
  </li>
 
-
  <li id="kwick_2">
 
-
  <a href="" id="protocols">Protocols
 
-
  <h3>Makeup web page</h3>
 
-
    </a>
 
-
  </li>
 
-
  </ul>
 
-
</div>
 
<body>
<body>
-
<div id="content2" style="display:block">
 
-
        <p id="protocolcontent">Protocol Content</p>
 
-
<p id="notebookcontent">
 
-
        Notebook Content </p>
 
-
</div>
 
-
 
-
     
 
-
<script>
 
-
        $("#notebook").click(function () {
 
-
          $("#protocolcontent").fadeOut(250, function () {
 
-
            $("#notebookcontent").fadeIn(250);
 
-
});                 
 
-
return false;
 
-
        });
 
-
 
-
      </script>
 
-
<script>
 
-
        $("#protocols").click(function () {
 
-
          $("#notebookcontent").fadeOut(250, function () {
 
-
            $("#protocolcontent").fadeIn(250);
 
-
});     
 
-
                  return false;
 
-
        });
 
-
 
-
      </script>
 
-
 
-
</div>
 
 +
</body>
</html>
</html>

Revision as of 19:55, 29 May 2012

Retrieved from "http://2012.igem.org/Template:Queens_Canada/Notebook"