Template:IGEM Kyoto/css: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(47 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style>
<!--
 
/******************デフォルトデザイン変更・横幅設定*****************/
/******************デフォルトデザイン変更・横幅設定*****************/
#sidebar-main, #contentSub, #footer{
#sidebar-main, #contentSub, #footer{
Line 9: Line 9:
     margin:0px;
     margin:0px;
     line-height:2em;
     line-height:2em;
    background-image:url(image);
}
}
table{
table{
Line 31: Line 32:
}
}
#column-one{
#column-one{
     position:static;
     position:relative;
     min-width:1024px;
     min-width:1024px;
     width:100%;
     width:100%;
Line 49: Line 50:
     line-height:2em;
     line-height:2em;
     font-size:16px;
     font-size:16px;
}
a{
    color:#ffc148;
}
}
/*******メニューバー変更*******/
/*******メニューバー変更*******/
Line 107: Line 111:
     text-decoration:none;
     text-decoration:none;
}
}
/******************コンテンツ設定(全般)*****************/
 
.kyoto-center{
 
    width:0px;
/******************コンテンツ設定*****************/
    height:100%;
/*******HEADER*******/
    top:0px;
#kyoto-header-line{
    left:50%;
     position:fixed;
     position:fixed;
}
#kyoto-wrapper{
    max-width:1366px;
    min-width:960px;
    padding-top:80px;
    padding-left:32px;
    padding-right:32px;
    border:0px;
    width:960px;
    margin-left:auto;
    margin-right:auto;
}
#kyoto-ku-background{
    position:absolute;
    width:100%;
    height:100%;
    background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
    background-size:cover;
    z-index:-1;
}
.kyoto-menubar-space{
     width:100%;
     width:100%;
     height:20px;
     z-index:1;
     opacity:0;
     border-bottom:1px solid #ffffff;
    background-color:#1e1e20;
}
}
/*******メニュー*******/
#kyoto-header-wrapper{
#kyoto-menu-center{
     position:relative;
    z-index:4;
}
#kyoto-menu-background{
    position:absolute;
    top:0px;
    width:100%;
    height:0%;
    background-color:#ffffff;
    z-index:3;
    opacity:0.0;
}
#kyoto-menu-base{
     position:absolute;
     width:960px;
     width:960px;
     height:480px;
     left:50%;
    top:-480px;
     margin-left:-480px;
     margin-left:-480px;
}
}
/***円***/
#kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
.kyoto-menu-circle{
     position:relative;
     position:absolute;
     width:15%;
     width:208px;
     height:78px;
     height:208px;
     float:left;
     border-radius:236px;
}
    -webkit-border-radius:236px;
#kyoto-header-about-wrapper, #kyoto-header-history-wrapper, #kyoto-header-events-wrapper, #kyoto-header-team-wrapper, #kyoto-header-finance-wrapper{
     -moz-border-radius:236px;
    position:relative;
     width:14%;
    height:78px;
    float:left;
}
}
.kyoto-menu-circle a{
#kyoto-header-home, #kyoto-header-about, #kyoto-header-contact, #kyoto-header-history, #kyoto-header-events, #kyoto-header-team, #kyoto-header-finance{
     position:absolute;
     position:absolute;
     top:0px;
     top:0;
     bottom:0px;
     bottom:0;
     left:0px;
     left:0;
     right:0px;
     right:0;
     margin:auto;
     margin:auto;  
}
}
#kyoto-menu-events{
#kyoto-header-home{
     top:72px;
     width:62px;
     left:20px;
     height:26px;
    background-color:#d4bcff;
    z-index:4;
}
}
#kyoto-menu-events a{
#kyoto-header-about{
     width:124px;
     width:65px;
     height:38px;
     height:26px;
    background-image:url("http://openwetware.org/images/4/45/Kyoto-menu-events.png");
}
}
#kyoto-menu-history{
#kyoto-header-history{
     top:114px;
     width:77px;
     left:198px;
     height:26px;
    background-color:#c3d8f5;
    z-index:5;
}
}
#kyoto-menu-history a{
#kyoto-header-events{
     width:147px;
     width:72px;
     height:38px;
     height:26px;
    background-image:url("http://openwetware.org/images/3/34/Kyoto-menu-history.png");
}
}
#kyoto-menu-about{
#kyoto-header-team{
     top:156px;
     width:58px;
     left:376px;
     height:25px;
    background-color:#85acf6;
    z-index:6;
}
}
#kyoto-menu-about a{
#kyoto-header-finance{
     width:118px;
     width:82px;
     height:38px;
     height:26px;
    background-image:url("http://openwetware.org/images/f/f8/Kyoto-menu-about.png");
}
}
#kyoto-menu-team{
#kyoto-header-contact{
    top:114px;
     width:85px;
    left:554px;
    background-color:#9ae4e8;
    z-index:5;
}
#kyoto-menu-team a{
    width:100px;
    height:38px;
    background-image:url("http://openwetware.org/images/c/c1/Kyoto-menu-team.png");
}
#kyoto-menu-contact{
    top:72px;
    left:732px;
    background-color:#30dbf0;
    z-index:4;
}
#kyoto-menu-contact a{
    width:165px;
    height:38px;
    background-image:url("http://openwetware.org/images/5/53/Kyoto-menu-contact.png");
}
#kyoto-menu-game{
    position:absolute;
     width:26px;
     height:26px;
     height:26px;
    top:0px;
    left:0px;
    cursor:pointer;
    opacity:0;
}
}
#kyoto-menu-close{
#kyoto-header-contact a{
     position:absolute;
     background:none !important;
    width:34px;
    height:29px;
    top:0px;
    left:926px;
    cursor:pointer;
    opacity:0;
}
}
/***影***/
/*******FOOTER*******/
.kyoto-menu-shadow{
#kyoto-footer-line{
    display:none;
     position:relative;
     position:absolute;
     background-color:#1e1e20;
     width:191px;
     height:190px;
     height:54px;
    opacity:0;
    z-index:4;
}
}
#kyoto-menu-shadow-events{
#kyoto-footer-wrapper{
     top:280px;
     width:960px;
     left:41px;
     margin-left:auto;
    margin-right:auto;
}
}
#kyoto-menu-shadow-history{
.kyoto-footer{
     top:322px;
     position:relative;
     left:219px;
     float:left;
}
     width:320px;
#kyoto-menu-shadow-about{
     height:190px;
     top:364px;
     left:397px;
}
}
#kyoto-menu-shadow-team{
#kyoto-footer-mail, #kyoto-footer-twitter{
     top:322px;
     background:transparent !important;
    left:575px;
}
}
#kyoto-menu-shadow-contact{
.kyoto-footer img{
    top:280px;
    left:753px;
}
/*******タイトル*******/
#kyoto-title{
    height:160px;
    position:relative;
}
#kyoto-title img{
     position:absolute;
     position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
     margin:auto;
     margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
}
 
/******************コンテンツ設定*****************/
/*******年選択*******/
#kyoto-wrapper{
#kyoto-year-select{
    position:relative;
     margin:0px;
    width:960px;
     line-height:normal;
    margin-left:auto;
     margin-right:auto;
     padding-top:100px;
}
}
#kyoto-year-select td{
.kyoto-chapter{
     list-style:none;
     margin-left:auto;
    padding-left:0px;
     margin-right:auto;
     padding-right:20px;
     padding-top:20px;
     padding-top:0px;
     padding-bottom:40px;
     padding-bottom:0px;
     text-align:center;
    margin:0px;
    border:0px;
    line-height:normal;
     font-size:24px;
}
}
#kyoto-year-select td > a{
.kyoto-title{
     color:#000;
     margin-left:auto;
    -moz-transition:color 0.3s ease 0;
     margin-right:auto;
     -webkit-transition:color 0.3s ease 0;
     padding-bottom:20px;
     -o-transition:color 0.3s ease 0;
     text-align:center;
     -ms-transition:color 0.3s ease 0;
}
#kyoto-year-select td > a:hover{
    color:#b4b4b4;
}
}
/*******小見出し*******/
#kyoto-yearselect{
#kyoto-wrapper h1{
     background-color:transparent;
     padding-top:15px;
     margin-bottom:55px;
    padding-bottom:5px;
    margin:0px;
     margin-bottom:0px;
    border:0px;
    text-align:left;
    line-height:normal;
    font-size:30px;
}
}
#kyoto-wrapper h2{
#kyoto-yearselect td{
     padding-top:15px;
     padding:0 10px 0 10px;
    padding-bottom:5px;
    margin:0px;
    margin-bottom:0px;
    border:0px;
    text-align:left;
    line-height:normal;
    font-size:24px;
    display:inline-block;
    opacity:0;
}
}
#kyoto-wrapper h3{
#kyoto-yearselect td a{
     margin:10px 10px 5px 10px;
     color:#ffffff;
    padding:0;
    border:0;
     font-size:30px;
     font-size:30px;
    line-height:1.5em;
    border-bottom:1px solid #000;
}
/*******本文*******/
.kyoto-text{
    padding-top:10px;
    padding-bottom:10px;
}
#kyoto-wrapper p{
    margin:0px;
}
}
#kyoto-wrapper img{
#kyoto-yearselect td a:hover{
     max-width:960px;
     color:#aaaaaa;
}
}
/******************コンテンツ設定(個別)*****************/
 
/*******TOP*******/
/*******TOP*******/
#kyoto-top-background{
#kyoto-top-background{
     position:absolute;
     position:fixed;
     width:100%;
     width:100%;
     height:100%;
     height:100%;
     background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
     background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
     background-size:cover;
     background-size:cover;
     z-index:-1;
}
#kyoto-background-color{
    position:fixed;
    width:100%;
    height:100%;
     background-size:cover;
    background-color:#333333;
    opacity:0.8;
}
}
#kyoto-top-wrapper{
#kyoto-top-wrapper{
     max-width:1366px;
     position:relative;
     min-width:1024px;
     width:1024px;
    width:100%;
     margin-left:auto;
     margin-left:auto;
     margin-right:auto;
     margin-right:auto;
    border:0px;
    padding:0px;
    position:relative;
}
}
 
#kyoto-top-formula-wrapper{
#kyoto-top-header{
     padding:330px 0 0 0;
     height:120px;
    width:100%;
}
}
#kyoto-top-text-wrapper{
#kyoto-top-formula{
     width:50%;
     text-align:center;
    height:120px;
    float:left;
}
}
#kyoto-top-text{
#kyoto-top-sentence-wrapper{
     position:relative;
     padding:41px 0 130px 0;
    width:164px;
    height:43px;
    top:25px;
    margin-left:auto;
    margin-right:274px;
    cursor:pointer;
    background-image:url("http://openwetware.org/images/e/e1/Kyoto-top-text.png");
}
}
#kyoto-top-menu-wrapper{
#kyoto-top-sentence{
     width:50%;
     text-align:center;
    height:120px;
    float:right;
}
}
#kyoto-top-menu{
/*******ABOUT*******/
     position:relative;
#kyoto-about-background{
     width:145px;
     position:fixed;
     height:43px;
     width:100%;
    top:25px;
     height:100%;
    margin-left:313px;
     background-image:url(http://openwetware.org/images/a/a4/Kyoto-about-background.jpg);
    margin-right:auto;
     background-size:cover;
     background-image:url("http://openwetware.org/images/e/e4/Kyoto-top-menu.png");
     cursor:pointer;
}
}
#kyoto-top-text:hover{
.kyoto-about-text{
     background-image:url("http://openwetware.org/images/f/fa/Kyoto-top-text-gray.png");
     padding-bottom:70px;
    color:#ffffff;
}
}
#kyoto-top-menu:hover{
#kyoto-about-jamboree{
     background-image:url("http://openwetware.org/images/3/3f/Kyoto-top-menu-gray.png");
    padding:54px 50px 54px 50px;
    margin-bottom:30px;
    width:860px;
     background:rgba(250,250,250,0.3);
}
}
 
#kyoto-about-jamboree img{
#kyoto-top-content-wrapper{
     width:100%;
     width:100%;
    height:118px;
    padding-top:152px;
}
}
#kyoto-top-content{
/*******HISTORY*******/
     width:1009px;
#kyoto-history-background{
    margin-left:auto;
     position:fixed;
    margin-right:auto;
}
 
#kyoto-top-logo-wrapper{
     width:100%;
     width:100%;
     height:329px;
     height:100%;
     position:relative;
     background-image:url(http://openwetware.org/images/6/6a/Kyoto-history-background.jpg);
    background-size:cover;
}
}
#kyoto-top-logo{
#kyoto-history-link{
     width:276px;
     padding-bottom:30px;
    height:279px;
     text-align:center;
    position:absolute;
     color:#ffffff;
    top:0px;
    bottom:0px;
     left:0px;
    right:0px;
     margin:auto;
}
}
#kyoto-top-logo:hover #kyoto-top-logo-about{
.kyoto-history-year{
     opacity:1.0;
    font-size:50px;
    color:#ffffff;
    padding-bottom:10px;
    border-bottom:1px solid #ffffff;
     margin-bottom:55px;
}
}
#kyoto-top-logo-about{
.kyoto-history-table{
    width:222px;
     background-color:transparent;
    height:222px;
     margin-bottom:55px;
    position:absolute;
    top:30px;
    left:30px;
    border-radius:222px;
    -webkit-border-radius:222px;
    -moz-border-radius:222px;
     background-color:#ffffff;
    opacity:0;
    transition: opacity 0.3s linear 0 ;
    -moz-transition: opacity 0.3s linear 0 ;
    -webkit-transition: opacity 0.3s linear 0 ;
    -o-transition: opacity 0.3s linear 0 ;
     -ms-transition:opacity 0.3s linear 0 ;
}
}
#kyoto-top-logo-about img{
.kyoto-history-table td{
     position:absolute;
     margin-bottom:55px;
    top:0px;
     vertical-align:top;
    bottom:0px;
     left:0px;
    right:0px;
    margin:auto;
}
}
/*******GAME*******/
.kyoto-history-text{
#kyoto-game-center{
     width:450px;
     z-index:5;
    padding:0 30px 0 0;
    color:#ffffff;
}
}
#kyoto-game-base{
.kyoto-history-photo{
     position:absolute;
     padding:0 30px 0 30px;
    width:960px;
    height:480px;
    top:-480px;
    margin-left:-480px;
}
}
#kyoto-game-wall{
.kyoto-history-photo img{
    position:absolute;
     width:420px;
     width:460px;
    height:460px;
    border:10px solid #00ff00;
    left:0px;
    top:0px;
}
}
#kyoto-game-close{
/*******EVENTS*******/
     position:absolute;
#kyoto-events-background{
     width:34px;
     position:fixed;
     height:29px;
     width:100%;
     top:0px;
     height:100%;
    left:926px;
     background-image:url(http://openwetware.org/images/0/03/Kyoto-events-background.jpg);
    cursor:pointer;
     background-size:cover;
}
#kyoto-game-start{
    position:absolute;
     top:240px;
    left:720px;
}
}
/*******EVENTS*******/
#kyoto-events-content{
#kyoto-events-content{
     border-left:1px solid #000;
     border-left:1px solid #ffffff;
     margin-top:10px;
     margin-top:10px;
}
}
Line 515: Line 352:
     width:959px;
     width:959px;
     border:0px;
     border:0px;
    background:transparent;
    color:#ffffff
}
}
.kyoto-events-table td{
.kyoto-events-table td{
Line 535: Line 374:
     white-space:nowrap;
     white-space:nowrap;
}
}
#kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
#kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
     display:none;
     display:none;
}
}
/*******HISTORY*******/
/*******GAME*******/
#kyoto-history-2013, #kyoto-history-2012, #kyoto-history-2011, #kyoto-history-2010, #kyoto-history-2009, #kyoto-history-2008{
#kyoto-game-background{
    position:absolute;
    background-color:#000;
    opacity:0.7;
    display:none;
    width:100%;
    height:100%;
    top:0;
    z-index:2;
}
#kyoto-game-center{
    position:fixed;
    width:0;
    height:0;
    left:50%;
    top:0;
     display:none;
     display:none;
    z-index:3;
}
}
.kyoto-history-table{
#kyoto-game-wrapper{
    position:relative;
    margin-left:-480px;
     width:960px;
     width:960px;
    border:0px;
}
}
.kyoto-history-table td{
#wrapper{
     width:460px;
    position:relative;
     padding-top:0px;
    height:498px;
     padding-bottom:10px;
    margin:80px 30px 0 30px;
     padding-right:20px;
    border:1px solid #000;
     padding-left:0px;
    background-color:#ffffff;
     vertical-align:top;
}
.image{
position:absolute;
     width:100px;
    height:80px;
}
#image0{
    top:10px;
    left:55px;
}
#image1{
    top:110px;
     left:55px;
}
#image2{
    top:210px;
    left:55px;
}
#image3{
     top:310px;
     left:55px;
}
#databox{
width:225px;
     border-left:1px solid #000;
     float:right;
}
}
.kyoto-history-table img{
.data{
     width:460px;
width:225px;
    height:83px;
    text-align:center;
display: table-cell;
vertical-align: middle;
     font-size:60px;
}
}
.kyoto-history-names{
#databox img{
     padding:10px;
     vertical-align:bottom;
}
}
/*******ABOUT*******/
.menu{
#kyoto-about-jamboree2014{
position:absolute;
     width:960px;
     width:100px;
    height:80px;
}
}
#kyoto-about-source{
#menu1{
     text-align:right;
     top:410px;
    left:55px;
}
}
#kyoto-about-workflow{
#menu2{
     border-left:0px;
     top:410px;
    width:939px;
     left:210px;
     padding-left:0px;
    margin-top:20px;
}
}
.kyoto-about-subhead {
#menu3{
     margin-top:0px;
     top:410px;
     margin-bottom:0px;
     left:365px;
    margin-right:0px;
    margin-left:10px;
    padding:0px;
    border-collapse:collapse;
}
}
.kyoto-about-subhead td{
#menu4{
     padding:0px;
     top:410px;
     position:relative;
     left:520px;
}
}
.kyoto-about-subheadline{
.area{
     border-top:0px;
position:absolute;
     width:100%;
    width:898px;
     opacity:0;
     height:498px;
     font-size:60px;
     text-align:center;
}
}
.kyoto-about-branch{
#gamestart{
     border-top:1px solid #000;
     display:inline;
    width:70px;
     background-color:#ffffff;
    position:absolute;
    transform:rotate(150deg);
     -moz-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform-origin:left top;
    -moz-transform-origin:left top;
    -webkit-transform-origin:left top;
    -o-transform-origin:left top;
    -ms-transform-origin:left top;
    top:1px;
    left:0.5px;
}
}
 
#gamestart div{
.kyoto-about-content td{
width:100%;
    border-right:110px solid #ffffff;
     height:500px;
     padding-left:0px;
line-height:500px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
   
}
}
.kyoto-about-workflow-text{
#gameover{
     width:339px;
     display:none;
     vertical-align:top;
     background-color:#ffffff;
}
}
.kyoto-about-workflow-photo{
#gameover div{
     width:340px;
width:100%;
     height:250px;
line-height:250px;
}
}
.kyoto-about-workflow-photo img{
.play{
     width:340px;
    position:absolute;
    width:898px;
    font-size:30px;
    bottom:0;
    text-align:center;
     margin:0 0 15px 0;
}
}
/*******TEAM*******/
/*******TEAM*******/
#kyoto-team-background{
    position:fixed;
    width:100%;
    height:100%;
    background-image:url(http://openwetware.org/images/4/4e/Kyoto-team-background.jpg);
    background-size:cover;
}
#kyoto-team-member-wrapper, #kyoto-team-instructor-wrapper, #kyoto-team-adviser-wrapper{
    margin:0px 0px 55px 0px;
}
.kyoto-team-table{
.kyoto-team-table{
     width:960px;
     width:960px;
     border-collapse:collapse;
     border-collapse:collapse;
    margin:0px 0px 55px 0px;
    background:transparent;
}
}
.kyoto-team-table td{
.kyoto-team-table td{
    border-left:10px solid #ffffff;
    border-right:10px solid #ffffff;
    padding:0px;
    margin:0px;
    text-align:center;
     vertical-align:top;
     vertical-align:top;
    color:#ffffff;
}
}
.kyoto-team-table td img{
.kyoto-team-table-photo{
     width:300px;
     width:300px;
    padding-right:60px
}
}
.kyoto-team-table-photo{
.kyoto-team-table-photo img{
     width:300px;
     width:300px;
}
}
/*******CONTACT*******/
.kyoto-team-profile{
.kyoto-contact{
     width:600px;
     position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
}
}
#kyoto-contact-title-wrapper{
.kyoto-team-profile h3{
     position:relative;
    padding:0;
     height:280px;
    margin:0;
    border-bottom:1px solid #ffffff;
     font-size:20px;
     color:#ffffff;
}
}
#kyoto-contact-title{
.kyoto-team-supporter{
     width:735px;
     margin:30px 10px 20px 0px;
     height:133px;
    padding:0;
    border:0;
     line-height:1.5em;
    border-bottom:1px solid #000;
    width:50%;
}
}
#kyoto-contact-text-wrapper{
.kyoto-team-advisor{
     position:relative;
     margin:30px 10px 20px 0px;
     height:52px;
    padding:0;
     border:0;
    line-height:1.5em;
    border-bottom:1px solid #000;
    width:50%;
}
}
#kyoto-contact-text{
.kyoto-team-member{
     width:884px;
     color:#ffffff;
    height:52px;
}
}
#kyoto-contact-mail-wrapper{
#kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
     position:relative;
     display:none;
    height:308px;
}
}
#kyoto-contact-mail{
/*******FINANCE*******/
     width:335px;
#kyoto-finance-background{
     height:109px;
     position:fixed;
     padding-right:0px !important;
     width:100%;
     background-image:url("http://openwetware.org/images/4/4b/Kyoto-contact-mail.png") !important;
     height:100%;
     background-image:url(http://openwetware.org/images/d/de/Kyoto-finance-background.jpg);
    background-size:cover;
}
}
#kyoto-contact-mail:hover{
.kyoto-finance-desc{
     background-image:url("http://openwetware.org/images/1/12/Kyoto-contact-mail-white.png") !important;
     padding-bottom:55px;
    color:#ffffff;
}
}
#kyoto-contact-background{
#kyoto-finance-chart{
     position:absolute;
     padding:30px 0 30px 0;
     width:100%;
     text-align:center;
     height:100%;
     margin-bottom:55px;
     opacity:0.6;
     background:rgba(250,250,250,0.3);
    background-color:#30d8f0;
    z-index:-1;
}
}
-->
 
</style>
</style>
</html>
</html>

Latest revision as of 01:00, 8 November 2017

<html> <style>

/******************デフォルトデザイン変更・横幅設定*****************/

  1. sidebar-main, #contentSub, #footer{
   display:none;

} p{ 

   margin:0px;
   line-height:2em;
   background-image:url(image);

} table{ 

   font-size:16px;

}

  1. globalWrapper{
   -webkit-text-size-adjust:100%;

} body{ 

   background-color:#ffffff;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

  1. column-content{
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   float:none;
   border:0px;
   position:relative;

}

  1. column-one{
   position:relative;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   float:none;
   padding:0px;
   z-index:2;

}

  1. content, #bodyContent{
   min-width:1024px;
   margin-left:0px;
   margin-right:0px;
   border:0px;
   margin:0px;
   padding:0px;
   line-height:2em;
   font-size:16px;

} a{ 

   color:#ffc148;

} /*******メニューバー変更*******/

  1. p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
   position:static;
   padding-left:0px;
   padding-right:0px;
   border:0px;

}

  1. p-cactions{
   float:left;
   width:45%;

}

  1. p-personal{
   float:right;
   width:55%;

}

  1. p-cactions ul, #p-personal ul{
   width:100%;
   height:20px;
   position:static;
   padding:0px;
   margin:0px;

   background-color:#cccccc;

}

  1. p-cactions ul{
   float:left;
   text-align:right;

}

  1. p-personal ul{
   float:right;
   text-align:left;

}

  1. p-cactions ul li, #p-personal ul li, #p-cactions li a, #p-personal li a, #p-cactions li a:hover, #p-cactions li.selected a, #p-cactions .new a, #p-personal li a:hover{
   position:static;
   padding-top:0px !important;
   padding-bottom:0px !important;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:12px;
   font-weight:normal;
   background-color:#cccccc;
   color:#ffffff;

} li#pt-userpage, li#pt-anonuserpage, li#pt-login{ 

   background-image:none;

}

  1. p-cactions ul li, #p-personal ul li{
   padding-left:5px;
   padding-right:5px;

} .firstHeading{ 

   display:none;

} a, a:hover{ 

   text-decoration:none;

}


/******************コンテンツ設定*****************/ /*******HEADER*******/

  1. kyoto-header-line{
   position:fixed;
   width:100%;
   z-index:1;
   border-bottom:1px solid #ffffff;
   background-color:#1e1e20;

}

  1. kyoto-header-wrapper{
   position:relative;
   width:960px;
   left:50%;
   margin-left:-480px;

}

  1. kyoto-header-home-wrapper, #kyoto-header-contact-wrapper{
   position:relative;
   width:15%;
   height:78px;
   float:left;

}

  1. kyoto-header-about-wrapper, #kyoto-header-history-wrapper, #kyoto-header-events-wrapper, #kyoto-header-team-wrapper, #kyoto-header-finance-wrapper{
   position:relative;
   width:14%;
   height:78px;
   float:left;

}

  1. kyoto-header-home, #kyoto-header-about, #kyoto-header-contact, #kyoto-header-history, #kyoto-header-events, #kyoto-header-team, #kyoto-header-finance{
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
   margin:auto;

}

  1. kyoto-header-home{
   width:62px;
   height:26px;

}

  1. kyoto-header-about{
   width:65px;
   height:26px;

}

  1. kyoto-header-history{
   width:77px;
   height:26px;

}

  1. kyoto-header-events{
   width:72px;
   height:26px;

}

  1. kyoto-header-team{
   width:58px;
   height:25px;

}

  1. kyoto-header-finance{
   width:82px;
   height:26px;

}

  1. kyoto-header-contact{
   width:85px;
   height:26px;

}

  1. kyoto-header-contact a{
   background:none !important;

} /*******FOOTER*******/

  1. kyoto-footer-line{
   position:relative;
   background-color:#1e1e20;
   height:190px;

}

  1. kyoto-footer-wrapper{
   width:960px;
   margin-left:auto;
   margin-right:auto;

} .kyoto-footer{ 

   position:relative;
   float:left;
   width:320px;
   height:190px;

}

  1. kyoto-footer-mail, #kyoto-footer-twitter{
   background:transparent !important;

} .kyoto-footer img{ 

   position:absolute;
   margin:auto;
   top:0;
   bottom:0;
   left:0;
   right:0;

} /******************コンテンツ設定*****************/

  1. kyoto-wrapper{
   position:relative;
   width:960px;
   margin-left:auto;
   margin-right:auto;
   padding-top:100px;

} .kyoto-chapter{ 

   margin-left:auto;
   margin-right:auto;
   padding-top:20px;
   padding-bottom:40px;
   text-align:center;

} .kyoto-title{ 

   margin-left:auto;
   margin-right:auto;
   padding-bottom:20px;
   text-align:center;

}

  1. kyoto-yearselect{
   background-color:transparent;
   margin-bottom:55px;

}

  1. kyoto-yearselect td{
   padding:0 10px 0 10px;

}

  1. kyoto-yearselect td a{
   color:#ffffff;
   font-size:30px;

}

  1. kyoto-yearselect td a:hover{
   color:#aaaaaa;

}

/*******TOP*******/

  1. kyoto-top-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/f/ff/Kyoto-top-background.jpg);
   background-size:cover;

}

  1. kyoto-background-color{
   position:fixed;
   width:100%;
   height:100%;
   background-size:cover;
   background-color:#333333;
   opacity:0.8;

}

  1. kyoto-top-wrapper{
   position:relative;
   width:1024px;
   margin-left:auto;
   margin-right:auto;

}

  1. kyoto-top-formula-wrapper{
   padding:330px 0 0 0;

}

  1. kyoto-top-formula{
   text-align:center;

}

  1. kyoto-top-sentence-wrapper{
   padding:41px 0 130px 0;

}

  1. kyoto-top-sentence{
   text-align:center;

} /*******ABOUT*******/

  1. kyoto-about-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/a/a4/Kyoto-about-background.jpg);
   background-size:cover;

} .kyoto-about-text{ 

   padding-bottom:70px;
   color:#ffffff;

}

  1. kyoto-about-jamboree{
   padding:54px 50px 54px 50px;
   margin-bottom:30px;
   width:860px;
   background:rgba(250,250,250,0.3);

}

  1. kyoto-about-jamboree img{
   width:100%;

} /*******HISTORY*******/

  1. kyoto-history-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/6/6a/Kyoto-history-background.jpg);
   background-size:cover;

}

  1. kyoto-history-link{
   padding-bottom:30px;
   text-align:center;
   color:#ffffff;

} .kyoto-history-year{ 

   font-size:50px;
   color:#ffffff;
   padding-bottom:10px;
   border-bottom:1px solid #ffffff;
   margin-bottom:55px;

} .kyoto-history-table{ 

   background-color:transparent;
   margin-bottom:55px;

} .kyoto-history-table td{ 

   margin-bottom:55px;
   vertical-align:top;

} .kyoto-history-text{ 

   width:450px;
   padding:0 30px 0 0;
   color:#ffffff;

} .kyoto-history-photo{ 

   padding:0 30px 0 30px;

} .kyoto-history-photo img{ 

   width:420px;

} /*******EVENTS*******/

  1. kyoto-events-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/0/03/Kyoto-events-background.jpg);
   background-size:cover;

}

  1. kyoto-events-content{
   border-left:1px solid #ffffff;
   margin-top:10px;

} .kyoto-events-table{ 

   width:959px;
   border:0px;
   background:transparent;
   color:#ffffff

} .kyoto-events-table td{ 

   padding:10px;
   vertical-align:top;

} .kyoto-events-date{ 

   width:150px;
   border:0px;
   text-align:center;

}

  1. kyoto-events-content img{
   height:230px;
   padding-left:5px;
   padding-right:5px;

} .kyoto-events-photo{ 

   max-width:763px;
   overflow-x:auto;
   white-space:nowrap;

}

  1. kyoto-events-2016, #kyoto-events-2015, #kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
   display:none;

} /*******GAME*******/

  1. kyoto-game-background{
   position:absolute;
   background-color:#000;
   opacity:0.7;
   display:none;
   width:100%;
   height:100%;
   top:0;
   z-index:2;

}

  1. kyoto-game-center{
   position:fixed;
   width:0;
   height:0;
   left:50%;
   top:0;
   display:none;
   z-index:3;

}

  1. kyoto-game-wrapper{
   position:relative;
   margin-left:-480px;
   width:960px;

}

  1. wrapper{
   position:relative;
   height:498px;
   margin:80px 30px 0 30px;
   border:1px solid #000;
   background-color:#ffffff;

} .image{ position:absolute; 

   width:100px;
   height:80px;

}

  1. image0{
   top:10px;
   left:55px;

}

  1. image1{
   top:110px;
   left:55px;

}

  1. image2{
   top:210px;
   left:55px;

}

  1. image3{
   top:310px;
   left:55px;

}

  1. databox{

width:225px; 

   border-left:1px solid #000;
   float:right;

} .data{ width:225px; 

   height:83px;
   text-align:center;

display: table-cell; vertical-align: middle; 

   font-size:60px;

}

  1. databox img{
   vertical-align:bottom;

} .menu{ position:absolute; 

   width:100px;
   height:80px;

}

  1. menu1{
   top:410px;
   left:55px;

}

  1. menu2{
   top:410px;
   left:210px;

}

  1. menu3{
   top:410px;
   left:365px;

}

  1. menu4{
   top:410px;
   left:520px;

} .area{ position:absolute; 

   width:898px;
   height:498px;
   font-size:60px;
   text-align:center;

}

  1. gamestart{
   display:inline;
   background-color:#ffffff;

}

  1. gamestart div{

width:100%; 

   height:500px;

line-height:500px; }

  1. gameover{
   display:none;
   background-color:#ffffff;

}

  1. gameover div{

width:100%; 

   height:250px;

line-height:250px; } .play{ 

   position:absolute;
   width:898px;
   font-size:30px;
   bottom:0;
   text-align:center;
   margin:0 0 15px 0;

}

/*******TEAM*******/

  1. kyoto-team-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/4/4e/Kyoto-team-background.jpg);
   background-size:cover;

}

  1. kyoto-team-member-wrapper, #kyoto-team-instructor-wrapper, #kyoto-team-adviser-wrapper{
   margin:0px 0px 55px 0px;

} .kyoto-team-table{ 

   width:960px;
   border-collapse:collapse;
   margin:0px 0px 55px 0px;
   background:transparent;

} .kyoto-team-table td{ 

   vertical-align:top;
   color:#ffffff;

} .kyoto-team-table-photo{ 

   width:300px;
   padding-right:60px

} .kyoto-team-table-photo img{ 

   width:300px;

} .kyoto-team-profile{ 

   width:600px;

} .kyoto-team-profile h3{ 

   padding:0;
   margin:0;
   border-bottom:1px solid #ffffff;
   font-size:20px;
   color:#ffffff;

} .kyoto-team-supporter{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-advisor{ 

   margin:30px 10px 20px 0px;
   padding:0;
   border:0;
   line-height:1.5em;
   border-bottom:1px solid #000;
   width:50%;

} .kyoto-team-member{ 

   color:#ffffff;

}

  1. kyoto-team-2016, #kyoto-team-2015, #kyoto-team-2014, #kyoto-team-2013, #kyoto-team-2012, #kyoto-team-2011, #kyoto-team-2010{
   display:none;

} /*******FINANCE*******/

  1. kyoto-finance-background{
   position:fixed;
   width:100%;
   height:100%;
   background-image:url(http://openwetware.org/images/d/de/Kyoto-finance-background.jpg);
   background-size:cover;

} .kyoto-finance-desc{ 

   padding-bottom:55px;
   color:#ffffff;

}

  1. kyoto-finance-chart{
   padding:30px 0 30px 0;
   text-align:center;
   margin-bottom:55px;
   background:rgba(250,250,250,0.3);

}

</style> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Template:IGEM_Kyoto/css&oldid=1031867"