Team:Concordia

From 2013.igem.org

(Difference between revisions)
(Creating basic page)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
   <head>
+
    
-
     <style>
+
     <script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Base&action=raw&ctype=text/javascript"></script>
-
      /* Reset MediaWiki CSS */
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Jquery&action=raw&ctype=text/javascript"></script>
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Meny&action=raw&ctype=text/javascript"></script>
-
    display:none;}
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Avgrund&action=raw&ctype=text/javascript"></script>
-
#top-section {
+
-
    border: none;
+
-
    height: 0px;}
+
-
#content {
+
-
    border: none;}
+
-
/* Radial menu CSS */
 
-
* { margin: 0; padding: 0; }
 
-
body {
 
-
overflow: hidden;
 
-
background: url('../images/geometry.png');
 
-
}
 
-
/* generic styles for button & circular menu */
 
-
.ctrl {
 
-
position: absolute;
 
-
top: 30%; left: 30%;
 
-
font: 1.5em/1.13 Verdana, sans-serif;
 
-
transition: .5s;
 
-
}
 
-
/* generic link styles */
 
-
a.ctrl, .ctrl a {
 
-
display: block;
 
-
opacity: .56;
 
-
background: #c9c9c9;
 
-
color: #7a8092;
 
-
background-image: url('../images/logo_b_w.png');
 
-
background-size: 12.5em;
 
-
background-repeat: no-repeat;
 
-
text-align: center;
 
-
vertical-align: center;
 
-
text-decoration: none;
 
-
text-shadow: 0 -1px dimgrey;
 
-
}
 
-
a.ctrl:hover, a.ctrl:focus {
 
-
background-image: url('../images/logo.png');
 
-
opacity: 1;
 
-
}
 
-
.ctrl a:hover, .ctrl a:focus {
+
    <link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Base&action=raw&ctype=text/css" type="text/css" />
-
        opacity: 1;
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Bootstrap&action=raw&ctype=text/css" type="text/css" />
-
}
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Meny&action=raw&ctype=text/css" type="text/css" />
-
a.ctrl:focus, .ctrl a:focus { outline: none; }
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Avgrund&action=raw&ctype=text/css" type="text/css" />
-
.button {
+
-
z-index: 2;
+
-
margin: -.625em;
+
-
width: 12.5em; height: 12.5em;
+
-
border-radius: 50%;
+
-
box-shadow: 0 0 3px 1px white;
+
-
}
+
-
/* circular menu */
+
-
.tip {
+
-
z-index: 1;
+
-
/**outline: dotted 1px white;/**/
+
-
margin: -5em;
+
-
margin-left: -9em;
+
-
left: 37%;
+
-
top: 30%;
+
-
width: 25em; height: 25em;
+
-
transform: scale(.001);
+
-
-ms-transform: scale(.001);
+
-
-webkit-transform: scale(.001);
+
-
list-style: none;
+
-
opacity: 0;
+
-
}
+
-
/* the ends of the menu */
+
 
-
/*
+
 
-
.tip:before, .tip:after {
+
  <div id="myContent" class="index">
-
position: absolute;
+
    <div class="meny"><div id="p-logo">
-
top: 34.3%;
+
  <a title="Main Page" href="/Main_Page">
-
width: .5em; height: 14%;
+
    <img src="https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.png">
-
opacity: .56;
+
  </a>
-
background: #c9c9c9;
+
</div>
-
content: '';
+
 
-
}
+
<div class="site-menu-content">
-
.tip:before {
+
  <h2>Sitemap</h2>
-
left: 5.4%;
+
  <ul>
-
border-radius: .25em 0 0 .25em;
+
    <li><a href="https://2013.igem.org/Team:Concordia">Home</a></li>
-
box-shadow: -1px 0 1px dimgrey, inset 1px 0 1px white, inset -1px 0 1px grey,
+
    <li><a href="https://2013.igem.org/Team:Concordia/Project">Project</a></li>
-
inset 0 1px 1px white, inset 0 -1px 1px white;
+
      <ul class="project-list">
-
transform: rotate(-75deg);
+
          <li><a href="https://2013.igem.org/Team:Concordia/GasClock">Gas Clock</a></li>
-
}
+
          <li><a href="https://2013.igem.org/Team:Concordia/Logic">Logic</a></li>
-
.tip:after {
+
          <li><a href="https://2013.igem.org/Team:Concordia/Interface">Interface</a></li>
-
right: 5.4%;
+
      </ul>
-
border-radius: 0 .25em .25em 0;
+
    <li><a href="https://2013.igem.org/Team:Concordia/Team">Team</a></li>
-
box-shadow: 1px 0 1px dimgrey, inset -1px 0 1px white, inset 1px 0 1px grey,
+
    <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Concordia">Official Profile</a></li>
-
inset 0 1px 1px white, inset 0 -1px 1px white;
+
    <li><a href="https://2013.igem.org/Team:Concordia/Parts">Registry</a></li>
-
transform: rotate(75deg);
+
    <li><a href="https://2013.igem.org/Team:Concordia/HumanPractices">Human Practices</a></li>
-
}
+
    <li><a href="https://2013.igem.org/Team:Concordia/Modeling">Modeling</a></li>
-
*/
+
    <li><a href="https://2013.igem.org/Team:Concordia/Notebook">Notebook</a></li>
-
/* make the menu appear on click */
+
    <li><a href="https://2013.igem.org/Team:Concordia/Safety">Safety</a></li>
-
.button:focus + .tip {
+
    <li><a href="https://2013.igem.org/Team:Concordia/Attributions">Attributions</a></li></ul>
-
        transform: scale(1);
+
</div>
-
        -ms-transform: scale(1);
+
 
-
        -webkit-transform: scale(1);
+
</div>
-
        opacity: 1;
+
<div class="meny-arrow"></div><div class="contents">
-
}
+
  <div id="p-logo">
-
/* slices of the circular menu */
+
  <a title="Main Page" href="/Main_Page">
-
.slice {
+
    <img src="https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.png">
-
overflow: hidden;
+
  </a>
-
position: absolute;
+
</div>
-
/**outline: dotted 1px yellow;/**/
+
 
-
width: 50%; height: 50%;
+
  <div id="top-section">
-
transform-origin: 100% 100%;
+
  <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
-
-ms-transform-origin: 100% 100%;
+
  <div class="left-menu noprint">
-
-webkit-transform-origin: 100% 100%;
+
    <ul>
-
}
+
      <li class="selected"><a href="/Team:Concordia">Page              </a></li>
-
/*
+
      <li class="new"><a href="/wiki/index.php?title=Talk:Team:Concordia&amp;action=edit&amp;redlink=1">Discussion              </a></li>
-
* rotate each slice at the right angle = (A/2)° + (k - (n+1)/2)*A°
+
      <li><a href="/wiki/index.php?title=Team:Concordia&amp;action=edit">Edit              </a></li>
-
* where A is the angle of 1 slice (30° in this case)
+
      <li><a href="/wiki/index.php?title=Team:Concordia&amp;action=history">History              </a></li>
-
* k is the number of the slice (in {1,2,3,4,5} here)
+
      <li><a href="/Special:MovePage/Team:Concordia">Move              </a></li>
-
* and n is the number of slices (5 in this case)
+
      <li><a href="/wiki/index.php?title=Team:Concordia&amp;action=watch">Watch              </a></li>
-
* formula works for odd number of slices (n odd)
+
      <li style="color:white;cursor:default">teams</li>
-
* for even number of slices (n even) the rotation angle is (k - n/2)*A°
+
    </ul>
-
*
+
  </div>
-
* after rotating, skew on Y by 90°-A°; here A° = the angle for 1 slice = 30°
+
  <div  class="right-menu noprint">
-
*/
+
    <ul>
-
.slice:first-child {
+
      <li id="pt-preferences"><a title="My account" href="https://igem.org/User_Information">My account</a></li>
-
    transform: rotate(-45deg) skewY(60deg);
+
      <li id="pt-logout"><a title="Log out" href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:Concordia">Log out</a></li>     </ul>
-
    -ms-transform: rotate(-45deg) skewY(60deg);
+
    <div class="noprint" id="search-controls">
-
    -webkit-transform: rotate(-45deg) skewY(60deg);
+
      <form id="searchform" action="/Special:Search">
-
}
+
<input type="text" value="" accesskey="f" title="Search 2013.igem.org [alt-shift-f]" name="search" id="searchInput" autocomplete="off">
-
.slice:nth-child(2) {
+
<input type="submit" title="Go to a page with this exact name if exists" value="Go" id="searchGoButton" class="searchButton" name="go">&nbsp;
-
    transform: rotate(-15deg) skewY(60deg);
+
<input type="submit" title="Search the pages for this text" value="Search" id="mw-searchButton" class="searchButton" name="fulltext">
-
    -ms-transform: rotate(-15deg) skewY(60deg);
+
      </form>
-
    -webkit-transform: rotate(-15deg) skewY(60deg);
+
    </div>
-
}
+
 
-
.slice:nth-child(3) {
+
  </div>
-
    transform: rotate(15deg) skewY(60deg);
+
 
-
    -ms-transform: rotate(15deg) skewY(60deg);
+
</div>
-
     -webkit-transform: rotate(15deg) skewY(60deg);
+
 
-
}
+
  <div class="radial-menu-container clearfix">
-
.slice:nth-child(4) {
+
<a class='button ctrl' tabindex='1'></a>
-
    transform: rotate(45deg) skewY(60deg);
+
<ul class='tip ctrl'>
-
     -ms-transform: rotate(45deg) skewY(60deg);
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Project'>Project</a></li>
-
    -webkit-transform: rotate(45deg) skewY(60deg);
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Team'>Team</a></li>
-
}
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/HumanPractices'>HP</a></li>
-
.slice:last-child {
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Notebook'>Notebook</a></li>
-
    transform: rotate(75deg) skewY(60deg);
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Modeling'>Modeling</a></li>
-
     -ms-transform: rotate(75deg) skewY(60deg);
+
</ul>
-
     -webkit-transform: rotate(75deg) skewY(60deg);
+
</div>
-
}
+
 
-
/* covers for the inner part of the links so there's no hover trigger between
+
</div></div></html>
-
  star button & menu links; give them a red background to see them */
+
<html>
-
.slice:after {
+
 
-
position: absolute;
+
     <script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Base&action=raw&ctype=text/javascript"></script>
-
top: 32%; left: 32%;
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Jquery&action=raw&ctype=text/javascript"></script>
-
width: 136%; height: 136%;
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Meny&action=raw&ctype=text/javascript"></script>
-
border-radius: 50%;
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Concordia/JS/Avgrund&action=raw&ctype=text/javascript"></script>
-
/* "unskew" = skew by minus the same angle by which parent was skewed */
+
 
-
transform: skewY(-60deg);
+
 
-
content: '';
+
     <link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Base&action=raw&ctype=text/css" type="text/css" />
-
}
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Bootstrap&action=raw&ctype=text/css" type="text/css" />
-
/* menu links */
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Meny&action=raw&ctype=text/css" type="text/css" />
-
.slice a {
+
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:Concordia/CSS/Avgrund&action=raw&ctype=text/css" type="text/css" />
-
width: 200%; height: 200%;
+
-
border-radius: 50%;
+
 
-
box-shadow: 0 0 3px dimgrey, inset 0 0 4px white;
+
 
-
/* "unskew" & rotate by -A°/2 */
+
 
-
transform: skewY(-60deg) rotate(-15deg);
+
  <div id="myContent" class="index">
-
-ms-transform: skewY(-60deg) rotate(-15deg);
+
     <div class="meny"><div id="p-logo">
-
-webkit-transform: skewY(-60deg) rotate(-15deg);
+
  <a title="Main Page" href="/Main_Page">
-
background: /* lateral separators */
+
     <img src="https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.png">
-
linear-gradient(75deg,
+
  </a>
-
transparent 50%, grey 50%, transparent 54%) no-repeat 36.5% 0,
+
</div>
-
linear-gradient(-75deg,
+
 
-
transparent 50%, grey 50%, transparent 54%) no-repeat 63.5% 0,
+
<div class="site-menu-content">
-
/* make sure inner part is transparent */
+
  <h2>Sitemap</h2>
-
radial-gradient(rgba(127,127,127,0) 49%,
+
  <ul>
-
rgba(255,255,255,.7) 51%, #c9c9c9 52%);
+
    <li><a href="https://2013.igem.org/Team:Concordia">Home</a></li>
-
background-size: 15% 15%, 15% 15%, cover;
+
    <li><a href="https://2013.igem.org/Team:Concordia/Project">Project</a></li>
-
line-height: 3;
+
      <ul class="project-list">
-
vertical
+
          <li><a href="https://2013.igem.org/Team:Concordia/GasClock">Gas Clock</a></li>
-
}
+
          <li><a href="https://2013.igem.org/Team:Concordia/Logic">Logic</a></li>
-
/* arrow for middle link */
+
          <li><a href="https://2013.igem.org/Team:Concordia/Interface">Interface</a></li>
-
.slice:nth-child(3) a:after {
+
      </ul>
-
position: absolute;
+
    <li><a href="https://2013.igem.org/Team:Concordia/Team">Team</a></li>
-
top: 13%; left: 50%;
+
    <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Concordia">Official Profile</a></li>
-
margin: -.25em;
+
    <li><a href="https://2013.igem.org/Team:Concordia/Parts">Registry</a></li>
-
width: .5em; height: .5em;
+
    <li><a href="https://2013.igem.org/Team:Concordia/HumanPractices">Human Practices</a></li>
-
box-shadow: 2px 2px 2px white;
+
    <li><a href="https://2013.igem.org/Team:Concordia/Modeling">Modeling</a></li>
-
transform: rotate(45deg);
+
    <li><a href="https://2013.igem.org/Team:Concordia/Notebook">Notebook</a></li>
-
-ms-transform: rotate(45deg);
+
    <li><a href="https://2013.igem.org/Team:Concordia/Safety">Safety</a></li>
-
-webkit-transform: rotate(45deg);
+
    <li><a href="https://2013.igem.org/Team:Concordia/Attributions">Attributions</a></li></ul>
-
background: linear-gradient(-45deg, #c9c9c9 50%, transparent 50%);
+
</div>
-
content: '';
+
 
-
}
+
</div>
-
</style>
+
<div class="meny-arrow"></div><div class="contents">
-
     <title>Index page</title>
+
  <div id="p-logo">
-
    <link href="../css/base.css" rel="stylesheet" type="text/css">
+
  <a title="Main Page" href="/Main_Page">
-
   </head>
+
    <img src="https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.png">
-
   <body>
+
  </a>
-
    <a class='button ctrl' href='#' tabindex='1'></a>
+
</div>
 +
 
 +
  <div id="top-section">
 +
  <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
  <div class="left-menu noprint">
 +
    <ul>
 +
      <li class="selected"><a href="/Team:Concordia">Page              </a></li>
 +
      <li class="new"><a href="/wiki/index.php?title=Talk:Team:Concordia&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 +
      <li><a href="/wiki/index.php?title=Team:Concordia&amp;action=edit">Edit              </a></li>
 +
      <li><a href="/wiki/index.php?title=Team:Concordia&amp;action=history">History              </a></li>
 +
      <li><a href="/Special:MovePage/Team:Concordia">Move              </a></li>
 +
      <li><a href="/wiki/index.php?title=Team:Concordia&amp;action=watch">Watch              </a></li>
 +
      <li style="color:white;cursor:default">teams</li>
 +
    </ul>
 +
  </div>
 +
  <div  class="right-menu noprint">
 +
    <ul>
 +
      <li id="pt-preferences"><a title="My account" href="https://igem.org/User_Information">My account</a></li>
 +
      <li id="pt-logout"><a title="Log out" href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:Concordia">Log out</a></li>     </ul>
 +
     <div class="noprint" id="search-controls">
 +
      <form id="searchform" action="/Special:Search">
 +
<input type="text" value="" accesskey="f" title="Search 2013.igem.org [alt-shift-f]" name="search" id="searchInput" autocomplete="off">
 +
<input type="submit" title="Go to a page with this exact name if exists" value="Go" id="searchGoButton" class="searchButton" name="go">&nbsp;
 +
<input type="submit" title="Search the pages for this text" value="Search" id="mw-searchButton" class="searchButton" name="fulltext">
 +
      </form>
 +
    </div>
 +
 
 +
   </div>
 +
 
 +
</div>
 +
 
 +
   <div class="radial-menu-container clearfix">
 +
<a class='button ctrl' tabindex='1'></a>
<ul class='tip ctrl'>
<ul class='tip ctrl'>
-
<li class='slice'><a href='#'>Project</a></li>
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Project'>Project</a></li>
-
<li class='slice'><a href='#'>Team</a></li>
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Team'>Team</a></li>
-
<li class='slice'><a href='#'>HP</a></li>
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/HumanPractices'>HP</a></li>
-
<li class='slice'><a href='#'>Notebook</a></li>
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Notebook'>Notebook</a></li>
-
<li class='slice'><a href='#'>Other</a></li>
+
<li class='slice'><a href='https://2013.igem.org/Team:Concordia/Modeling'>Modeling</a></li>
-
<!-- <li class='slice'><a href='#'>Notebook</a></li>
+
-
<li class='slice'><a href='#'>Safety</a></li>-->
+
</ul>
</ul>
 +
</div>
-
</body></html>
+
</div></div></html>

Latest revision as of 04:17, 28 September 2013

Retrieved from "http://2013.igem.org/Team:Concordia"