Team:KIT-Kyoto/Test

From 2014.igem.org

(Difference between revisions)
Line 24: Line 24:
<!--メインコンテンツ-->
<!--メインコンテンツ-->
<div id="container">
<div id="container">
-
  <section id="first" class="content">
+
  <section id="top-first" class="top-content">
<p class="logo">KIT-Kyoto</p>
<p class="logo">KIT-Kyoto</p>
<article>
<article>
Line 31: Line 31:
</article>
</article>
</section>
</section>
-
<section id="second" class="content">
+
<section id="top-second" class="top-content">
<article>
<article>
<h2 id="toc-only-css">About us</h2>
<h2 id="toc-only-css">About us</h2>
Line 37: Line 37:
</article>
</article>
</section>
</section>
-
<section id="third" class="content">
+
<section id="top-third" class="top-content">
<article>
<article>
<h2 id="toc-without-jquery">Project</h2>
<h2 id="toc-without-jquery">Project</h2>
Line 44: Line 44:
<img src="images/guernica.jpg" />
<img src="images/guernica.jpg" />
</section>
</section>
-
<section id="theend" class="content">
+
<section id="top-theend" class="top-content">
<h2 id="toc-the-end">Modeling</h2>
<h2 id="toc-the-end">Modeling</h2>
<p>Modeling</p>
<p>Modeling</p>
Line 81: Line 81:
<style style="text/css">
<style style="text/css">
-
    .content {
+
     #top-first { background: url(https://static.igem.org/mediawiki/2014/1/12/Kit_top1.JPG) 50% 0 no-repeat fixed; }
-
    position: relative;
+
     #top-second { background: url(https://static.igem.org/mediawiki/2014/e/e8/Kit_top2.JPG) 50% 0 no-repeat fixed #000; }
-
    }
+
     #top-third { background: url(https://static.igem.org/mediawiki/2014/5/52/Kit_top3.JPG) 50% 0 no-repeat fixed #000; }
-
     #first { background: url(https://static.igem.org/mediawiki/2014/1/12/Kit_top1.JPG) 50% 0 no-repeat fixed; }
+
     #top-theend { background: url(https://static.igem.org/mediawiki/2014/3/3a/Kit_top4.JPG) 50% 0 no-repeat fixed #e6cda4; }
-
     #second { background: url(https://static.igem.org/mediawiki/2014/e/e8/Kit_top2.JPG) 50% 0 no-repeat fixed #000; }
+
.top-content {
-
     #third { background: url(https://static.igem.org/mediawiki/2014/5/52/Kit_top3.JPG) 50% 0 no-repeat fixed #000; }
+
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
-
     #theend { background: url(https://static.igem.org/mediawiki/2014/3/3a/Kit_top4.JPG) 50% 0 no-repeat fixed #e6cda4; }
+
border-top: 1px solid rgba(255, 255, 255, 0.3);
-
    /* section first */
+
box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
-
    .logo {
+
color: #333;
-
    position: fixed;
+
height: 1050px;
-
    top: 100px;
+
margin: 0 auto;
-
    left: 50px;
+
padding: 0;
-
    }
+
position: relative;
-
    #first article {
+
width: 100%;
-
    position: absolute;
+
}
-
    top: 200px;
+
 
-
    width: 800px;
+
/* section first */
-
    }
+
.logo {
-
    /* section third */
+
color: rgba(255, 255, 255, 0.9);
-
    #third article {
+
font-size: 4em;
-
    position: absolute;
+
font-weight: bold;
-
    top: 0;
+
margin: 0;
-
    }
+
position: fixed;
-
    #third ing {
+
top: 100px;
-
    position: absolute;
+
left: 50px;
-
    left: 30px;
+
text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
-
    top: 600px;
+
}
-
    }
+
 
-
    /* section the end */
+
#top-first article {
-
    #theend h2 {
+
background: rgba(255, 255, 255, 0.9);
-
    position: absolute;
+
border: 1px solid rgba(150, 150, 150, 0.1);
-
    }
+
box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4);
 +
padding: 18px;
 +
position: absolute;
 +
top: 200px;
 +
width: 800px;
 +
}
 +
 
 +
/* section second */
 +
#top-second {
 +
padding: 80px 0;
 +
}
 +
#top-second article {
 +
background: rgba(51, 51, 51, 0.9);
 +
border: 1px solid rgba(150, 150, 150, 0.1);
 +
box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4);
 +
color: white;
 +
margin-left: 100px;
 +
padding: 10px 20px;
 +
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
 +
line-height: 1.5em;
 +
width: 445px;
 +
}
 +
 
 +
/* section third */
 +
#top-third article {
 +
background: rgba(51, 51, 51, 0.9);
 +
border: 1px solid rgba(150, 150, 150, 0.1);
 +
box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
 +
color: white;
 +
padding: 10px 20px;
 +
margin: 100px 0 0 60%;
 +
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
 +
line-height: 1.5em;
 +
color: white;
 +
position: absolute;
 +
top: 0;
 +
}
 +
#top-third img {
 +
border: 8px solid white;
 +
box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4);
 +
height: 350px;
 +
width: 560px;
 +
position: absolute;
 +
left: 30px;
 +
top: 600px;
 +
-webkit-transform: rotate(-8deg);
 +
-moz-transform: rotate(-8deg);
 +
-ms-transform: rotate(-8deg);
 +
-o-transform: rotate(-8deg);
 +
transform: rotate(-8deg);
 +
}
 +
 
 +
/* section the end */
 +
#top-theend h2 {
 +
color: white;
 +
font-size: 4em;
 +
left: 50%;
 +
margin-left: -150px;
 +
position: absolute;
 +
text-shadow: 0 0 16px rgba(140, 123, 96, 0.8);
 +
top: 180px;
 +
width: 300px;
 +
}
</style>
</style>

Revision as of 07:29, 6 October 2014

Welcome to KIT-Kyoto Wiki Page!

This is our wiki page.

About us

About our team members,our university,and so on...

Project

You want to know our project details, click here.

Modeling

Modeling

kit
Top

Retrieved from "http://2014.igem.org/Team:KIT-Kyoto/Test"