Template:IGEM Kyoto/css: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 42: Line 42:
/*******メニューバー変更*******/
/*******メニューバー変更*******/
#p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
#p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
    width:100%;
     position:static;
     position:static;
     padding-left:0px;
     padding-left:0px;
     padding-right:0px;
     padding-right:0px;
     border:0px;
     border:0px;
}
#p-cactions, #p-personal{
    width:50%;
}
#p-cactions{
    float:left;
}
#p-personal{
    float:right;
}
}
#p-cactions ul, #p-personal ul{
#p-cactions ul, #p-personal ul{

Revision as of 01:08, 27 February 2015

<html> <style type="text/css"> <!-- /******************デフォルトデザイン変更・横幅設定*****************/

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

} 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;
   top:-6px;

}

  1. column-one{
   position:static;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-top:-13px;
   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;

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

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

}

  1. p-cactions, #p-personal{
   width:50%;

}

  1. p-cactions{
   float:left;

}

  1. p-personal{
   float:right;

}

  1. p-cactions ul, #p-personal ul{
   width:50%;
   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;

} /******************コンテンツ設定(全般)*****************/ .kyoto-center{ 

   width:0px;
   height:100%;
   top:0px;
   left:50%;
   position:fixed;

}

  1. 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;

}

  1. 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%;
   height:20px;
   opacity:0;

} /*******メニュー*******/

  1. kyoto-menu-center{
   z-index:4;

}

  1. kyoto-menu-background{
   position:absolute;
   top:0px;
   width:100%;
   height:0%;
   background-color:#ffffff;
   z-index:3;
   opacity:0.0;

}

  1. kyoto-menu-base{
   position:absolute;
   width:960px;
   height:480px;
   top:-480px;
   margin-left:-480px;

} /***円***/ .kyoto-menu-circle{ 

   position:absolute;
   width:208px;
   height:208px;
   border-radius:236px;
   -webkit-border-radius:236px;
   -moz-border-radius:236px;

} .kyoto-menu-circle a{ 

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

}

  1. kyoto-menu-events{
   top:72px;
   left:32px;
   background-color:#a9ffcb;
   z-index:4;

}

  1. kyoto-menu-events a{
   width:143px;
   height:63px;
   background-image:url("http://openwetware.org/images/4/45/Kyoto-menu-events.png");

}

  1. kyoto-menu-history{
   top:114px;
   left:210px;
   background-color:#c3d8f5;
   z-index:5;

}

  1. kyoto-menu-history a{
   width:169px;
   height:63px;
   background-image:url("http://openwetware.org/images/3/34/Kyoto-menu-history.png");

}

  1. kyoto-menu-about{
   top:156px;
   left:388px;
   background-color:#85acf6;
   z-index:6;

}

  1. kyoto-menu-about a{
   width:141px;
   height:63px;
   background-image:url("http://openwetware.org/images/f/f8/Kyoto-menu-about.png");

}

  1. kyoto-menu-team{
   top:114px;
   left:566px;
   background-color:#9ae4e8;
   z-index:5;

}

  1. kyoto-menu-team a{
   width:117px;
   height:63px;
   background-image:url("http://openwetware.org/images/c/c1/Kyoto-menu-team.png");

}

  1. kyoto-menu-contact{
   top:72px;
   left:744px;
   background-color:#30dbf0;
   z-index:4;

}

  1. kyoto-menu-contact a{
   width:184px;
   height:63px;
   background-image:url("http://openwetware.org/images/5/53/Kyoto-menu-contact.png");

}

  1. kyoto-menu-close{
   position:absolute;
   width:34px;
   top:29px;
   top:0px;
   left:926px;
   cursor:pointer;
   opacity:0;

} /***影***/ .kyoto-menu-shadow{ 

   position:absolute;
   width:191px;
   height:54px;
   opacity:0;
   z-index:4;

}

  1. kyoto-menu-shadow-events{
   top:280px;
   left:41px;

}

  1. kyoto-menu-shadow-history{
   top:322px;
   left:219px;

}

  1. kyoto-menu-shadow-about{
   top:364px;
   left:397px;

}

  1. kyoto-menu-shadow-team{
   top:322px;
   left:575px;

}

  1. kyoto-menu-shadow-contact{
   top:280px;
   left:753px;

} /*******タイトル*******/

  1. kyoto-title{
   height:160px;
   position:relative;

}

  1. kyoto-title img{
   position:absolute;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
   margin:auto;

}

/*******年選択*******/

  1. kyoto-year-select{
   margin:0px;
   line-height:normal;

}

  1. kyoto-year-select td{
   list-style:none;
   padding-left:10px;
   padding-right:10px;
   padding-top:0px;
   padding-bottom:0px;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:18px;

}

  1. kyoto-year-select td > a{
   color:#000;
   -moz-transition:color 0.3s ease 0;
   -webkit-transition:color 0.3s ease 0;
   -o-transition:color 0.3s ease 0;
   -ms-transition:color 0.3s ease 0;

}

  1. kyoto-year-select td > a:hover{
   color:#b4b4b4;

} /*******小見出し*******/

  1. kyoto-wrapper h1{
   padding-top:5px;
   padding-bottom:5px;
   margin:0px;
   margin-bottom:0px;
   border:0px;
   text-align:center;
   line-height:normal;

} /*******本文*******/ .kyoto-text{ 

   padding-top:10px;
   padding-bottom:10px;

}

  1. kyoto-wrapper p{
   margin:0px;

}

/******************コンテンツ設定(個別)*****************/ /*******TOP*******/

  1. kyoto-top-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;

}

  1. kyoto-top-wrapper{
   max-width:1366px;
   min-width:1024px;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   border:0px;
   padding:0px;
   position:relative;

}

  1. kyoto-top-header{
   height:120px;
   width:100%;

}

  1. kyoto-top-text-wrapper{
   width:50%;
   height:120px;
   float:left;

}

  1. kyoto-top-text{
   position:relative;
   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");

}

  1. kyoto-top-menu-wrapper{
   width:50%;
   height:120px;
   float:right;

}

  1. kyoto-top-menu{
   position:relative;
   width:145px;
   height:43px;
   top:25px;
   margin-left:313px;
   margin-right:auto;
   background-image:url("http://openwetware.org/images/e/e4/Kyoto-top-menu.png");
   cursor:pointer;

}

  1. kyoto-top-text:hover{
   background-image:url("http://openwetware.org/images/f/fa/Kyoto-top-text-gray.png");

}

  1. kyoto-top-menu:hover{
   background-image:url("http://openwetware.org/images/3/3f/Kyoto-top-menu-gray.png");

}

  1. kyoto-top-content-wrapper{
   width:100%;
   height:118px;
   padding-top:152px;

}

  1. kyoto-top-content{
   width:1009px;
   margin-left:auto;
   margin-right:auto;

}

  1. kyoto-top-logo-wrapper{
   width:100%;
   height:330px;
   position:relative;

}

  1. kyoto-top-logo{
   width:276px;
   height:279px;
   position:absolute;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
   margin:auto;

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

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

} .kyoto-events-table{ 

   width:959px;
   border:0px;

} .kyoto-events-table td{ 

   padding:10px

} .kyoto-events-date{ 

   width:150px;
   border:0px;
   vertical-align:top;

}

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

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

  1. kyoto-history-2013, #kyoto-history-2012, #kyoto-history-2011, #kyoto-history-2010, #kyoto-history-2009, #kyoto-history-2008{
   display:none;

} .kyoto-history-table{ 

   width:960px;
   border:0px;

} .kyoto-history-table td{ 

   padding:10px;

} /*******TEAM*******/ .kyoto-team-table{ 

   width:960px;

} .kyoto-team-table td{ 

   width:300px;
   border-left:10px solid #ffffff;
   border-right:10px solid #ffffff;
   padding:0px;
   margin:0px;

} /*******CONTACT*******/ .kyoto-contact{ 

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

}

  1. kyoto-contact-title-wrapper{
   position:relative;
   height:350px;

}

  1. kyoto-contact-title{
   width:735px;
   height:133px;

}

  1. kyoto-contact-text-wrapper{
   position:relative;
   height:52px;

}

  1. kyoto-contact-text{
   width:884px;
   height:52px;

}

  1. kyoto-contact-mail-wrapper{
   position:relative;
   height:238px;

}

  1. kyoto-contact-mail{
   width:335px;
   height:109px;
   padding-right:0px !important;
   background-image:url("http://openwetware.org/images/4/4b/Kyoto-contact-mail.png") !important;

}

  1. kyoto-contact-mail:hover{
   background-image:url("http://openwetware.org/images/1/12/Kyoto-contact-mail-white.png") !important;

}

  1. kyoto-contact-background{
   position:absolute;
   width:100%;
   height:100%;
   opacity:0.6;
   background-color:#30d8f0;
   z-index:-1;

} --> </style> </html>

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