Template:Team:KIT-Kyoto/Common

From 2014.igem.org

(Difference between revisions)
 
(259 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
<style type="text/css">
<style type="text/css">
-
.bgimg {  
+
*{
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
font-size:16px;
 +
}
 +
.sentence a{
 +
color: rgb(0,20,300);
 +
}
 +
 
 +
#contentSub, #footer-box, #catlinks,#search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 +
display: none;
 +
}
 +
 
 +
#top-section li,#top-section a{
 +
font-size:13px;
 +
}
 +
#menubar ul{
 +
line-height:1em;
 +
}
 +
#menubar ul li a:link,#menubar ul li a:visited,#menubar ul li a:active{
 +
color:gray;
 +
}
 +
 
 +
#menubar ul li a:hover{
 +
color:lime;
 +
}
 +
 
 +
#bgimg {  
position: fixed;   
position: fixed;   
left:0;  
left:0;  
Line 11: Line 38:
}
}
    
    
-
.bgimg img {  
+
#bgimg img {  
position: fixed;
position: fixed;
min-height: 100%;  
min-height: 100%;  
Line 21: Line 48:
}
}
-
div#SideMenu{
+
div#container{
-
top:0;
+
margin:0 30px 0 270px;
-
bottom:0;
+
-
margin-right:0;
+
-
width:250px;
+
height:100%;
height:100%;
-
position:fixed;
 
-
background-color: rgba(100,100,100,0.7);
 
-
 
-
/* IE6 */
 
-
_position:absolute;
 
-
_top:expression(eval(document.documentElement.scrollTop+30)+'px');
 
}
}
-
div#SideMenu ul#nav5 li.menuimg{
+
div#container div.main-contents{
-
padding-top:1px;
+
padding:30px;
-
margin:-1px 0px;
+
position:relative;
 +
width:70%;
 +
min-width:730px;
 +
max-width:930px;
 +
margin:100px auto;
 +
background-color:rgba(300,300,300,0.85);
 +
overflow:hidden;
}
}
-
 
+
.sentence{
-
div.active{
+
-
margin-left:-150px;
+
-
margin-top:1px;
+
-
border-right:2px solid lime;
+
-
}
+
-
ul.submenu{
+
-
margin-top:-1px;
+
-
margin-left:-20px;
+
-
width:250px;
+
-
text-align:right;
+
-
background-color:rgba(300,300,300,0.2);
+
-
border-right:solid 2px rgba(300,300,300,0.2);
+
-
border-bottom:solid 2px rgba(300,300,300,0.2);
+
-
}
+
-
ul.submenu li{
+
-
margin:0px;
+
-
padding:3px 10px;
+
-
list-style:none;
+
font-family:'Lucida Grande',
font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  Meiryo, メイリオ, sans-serif;
 +
text-align:justify;
 +
line-height:2em;
 +
text-indent:1em;
}
}
-
ul.submenu li:hover{
+
 
-
background-color:rgba(0,300,100,0.3);
+
.sentence span{
 +
border-bottom:2px solid rgba(300,0,0,0.5);
}
}
-
ul.submenu li a:link {  
+
.kitimg{
-
color: #98FB98;
+
float:right;
 +
margin:20px;
}
}
-
ul.submenu li a:visited {
+
 
-
color: #00FF00;  
+
.box1{
 +
margin:30px 30px 30px 200px;
 +
text-align:justify;
 +
border-bottom:dashed 1px rgba(0,0,0,0.2);
}
}
-
ul.submenu li a:hover {  
+
.box2{
-
color: #00ff00;  
+
margin:30px 200px 30px 30px;
-
}
+
text-align:justify;
-
ul.submenu li a:active {
+
border-bottom:dashed 1px rgba(0,0,0,0.2);
-
color: #00FF00;  
+
}
}
-
div#container{
+
ul.materials{
-
margin:0 30px 0 270px;
+
padding-left:10px;
-
height:100%;
+
list-style:disc;
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
}
}
-
div#container div.main-contents{
+
.procedure{
-
padding:30px;
+
padding-left:10px;
-
position:relative;
+
list-style:decimal;
-
width:70%;
+
font-family:'Lucida Grande',
-
min-width:780px;;
+
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
-
margin:100px auto;
+
Meiryo, メイリオ, sans-serif;
-
background-color:rgba(300,300,300,0.8);
+
line-height:2em;
-
overflow:hidden;
+
}
}
-
.sub{
+
.note{
-
width:46%;
+
padding-left:10px;
-
float:left;
+
list-style:none;
-
margin-right:4%;
+
font-family:'Lucida Grande',
-
}
+
-
.sub div{
+
-
padding:30px;
+
-
}
+
-
.sentence{
+
-
font-family: font-family:'Lucida Grande',
+
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  Meiryo, メイリオ, sans-serif;
-
text-align:justify;
 
}
}
-
.toplogo{
+
.toplogo img{
-
width:250px;
+
position:relative;
 +
margin:14px -10px -10px -15px;
 +
z-index:1;
}
}
-
.toplogo div{
+
 
-
width:250px;
+
.hp_top{
-
height:140px;
+
position:relative;
-
margin:20px auto 15px auto;
+
left:50%;
 +
margin-left:-200px;
}
}
-
.igem{
+
 
-
position:fixed;
+
h1, h2, h3, h4, h5 {  
-
right:0;
+
font-family:'Lucida Grande',
-
bottom:0;
+
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
}
}
-
#page-top{
+
h1{
-
position:fixed;
+
font-size:40px;
-
bottom:20px;
+
-
right:160px;
+
}
}
-
#page-top a{
+
h2{
-
width:60ppx;
+
padding-left:10px;
-
padding:10px;
+
border-left:5px solid rgba(0,200,100,0.8);
-
color:#6E6E6E;
+
font-size:30px;
-
background-color:rgba(0,300,50,0.4);
+
font-weight:bold;
-
display:block;
+
-
border-radius:25px;
+
-
text-align:center;
+
}
}
-
#page-top a:hover{
+
h2 a{
-
background-color:rgba(300,200,0,0.4);
+
display:block;
-
color:#000;
+
font-size:30px;
 +
font-weight:bold;
 +
cursor:text;
}
}
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
h2 a:link,h2 a:hover,h2 a:visited,h2 a:active{
 +
color:#000000;
 +
text-decoration:none;
 +
}
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
#top-section {  
background-color: #383838;
background-color: #383838;
border: 0 none;
border: 0 none;
Line 158: Line 170:
}
}
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
#top-section-bar {  
background-color: #383838;
background-color: #383838;
height: 14px;
height: 14px;
Line 174: Line 186:
}
}
#kitfooter-box {
#kitfooter-box {
-
background-color:rgba(0,0,0,0);
+
  border-top: 1px solid rgba(0,120,200,0.4);  
-
  border-top: 2px solid #fff;  
+
         margin:10px auto -25px auto;
-
         margin:0 auto;
+
padding:5px 5px;
padding:5px 5px;
-
  margin-top:-1px;
 
         z-index:1;
         z-index:1;
         position:relative;
         position:relative;
-
         height:50px;
+
         overflow:hidden;
}
}
#kitfooter-box a {
#kitfooter-box a {
         background-color: transparent;
         background-color: transparent;
-
color: #cc7eb1;
+
color: midnightblue;
font-size:90%;
font-size:90%;
}
}
 +
#kitfooter{
#kitfooter{
-
width:auto;
+
width:70%;
 +
height:50px;
 +
margin:auto;
}
}
-
#kitfooter li{
+
 
-
         float:left;
+
ul#fkit{
 +
margin:5px 0px 0px 0px;
 +
text-align:center;
 +
}
 +
 
 +
ul#fkit li{
 +
         display:inline;
         list-style:none;
         list-style:none;
-
         margin:auto;
+
         margin:2px 1%;
-
}
+
font-size:12px;
-
#kitfooter ul li a{
+
-
margin:0 10;
+
}
}
 +
body {  
body {  
Line 207: Line 225:
}
}
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
#globalWrapper, #content {  
width: 100%;  
width: 100%;  
height: 100%;
height: 100%;
Line 216: Line 234:
}
}
-
html, body { /*-- changes default wiki settings --*/
+
html, body {  
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
Line 226: Line 244:
.clear hr {
.clear hr {
     display:none;  
     display:none;  
 +
}
 +
.mimg1{
 +
width: 240px;
 +
}
 +
.mimg2{
 +
width:400px;
 +
}
 +
figure.mimg1,.mimg2 {
 +
position: relative;
 +
overflow: hidden;
 +
background: #37e996;
 +
        margin:10px;
 +
}
 +
figure.mimg1 img,figure.mimg2 img {
 +
position: relative;
 +
z-index: 1;
 +
-webkit-transition: .3s;
 +
transition: .3s;
 +
}
 +
figcaption.mcap1 ,figcaption.mcap2{
 +
position: absolute;
 +
bottom: -70px;
 +
left: 0;
 +
z-index: 2;
 +
        width:100%;
 +
height: 70px;
 +
background: #37e996;
 +
-webkit-transition: .3s;
 +
transition: .3s;
 +
}
 +
.mimg1:hover img ,.mimg2:hover img{
 +
-webkit-transform: translateY(-40px);
 +
transform: translateY(-40px);
 +
}
 +
.mimg1:hover figcaption ,.mimg2:hover figcaption{
 +
bottom: 0;
 +
-webkit-transform: translateY(-30px);
 +
transform: translateY(-30px);
}
}
</style>
</style>
</html>
</html>

Latest revision as of 18:15, 17 October 2014