Template:IGEM Kyoto/css: Difference between revisions
No edit summary |
No edit summary |
||
Line 411: | Line 411: | ||
} | } | ||
#kyoto-top-logo-about{ | #kyoto-top-logo-about{ | ||
width: | width:222px; | ||
height: | height:222px; | ||
position:absolute; | position:absolute; | ||
top:30px; | top:30px; | ||
left:30px; | left:30px; | ||
border-radius: | border-radius:222px; | ||
-webkit-border-radius: | -webkit-border-radius:222px; | ||
-moz-border-radius: | -moz-border-radius:222px; | ||
background-color:#ffffff; | background-color:#ffffff; | ||
opacity:0; | opacity:0; |
Revision as of 07:03, 27 February 2015
<html> <style type="text/css"> <!-- /******************デフォルトデザイン変更・横幅設定*****************/
- sidebar-main, #contentSub, #footer{
display:none;
} p{
margin:0px;
} body{
background-color:#ffffff; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
- column-content{
min-width:1024px; width:100%; margin-left:auto; margin-right:auto; margin-bottom:0px; float:none; border:0px; position:relative;
}
- column-one{
position:static; min-width:1024px; width:100%; margin-left:auto; margin-right:auto; float:none; padding:0px; z-index:2;
}
- content, #bodyContent{
min-width:1024px; margin-left:0px; margin-right:0px; border:0px; margin:0px; padding:0px;
} /*******メニューバー変更*******/
- p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
position:static; padding-left:0px; padding-right:0px; border:0px;
}
- p-cactions{
float:left; width:45%;
}
- p-personal{
float:right; width:55%;
}
- p-cactions ul, #p-personal ul{
width:100%; height:20px; position:static; padding:0px; margin:0px;
background-color:#cccccc;
}
- p-cactions ul{
float:left; text-align:right;
}
- p-personal ul{
float:right; text-align:left;
}
- 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;
}
- 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;
}
- 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%; height:20px; opacity:0;
} /*******メニュー*******/
- kyoto-menu-center{
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; 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;
}
- kyoto-menu-events{
top:72px; left:32px; background-color:#a9ffcb; z-index:4;
}
- kyoto-menu-events a{
width:143px; height:63px; background-image:url("http://openwetware.org/images/4/45/Kyoto-menu-events.png");
}
- kyoto-menu-history{
top:114px; left:210px; background-color:#c3d8f5; z-index:5;
}
- kyoto-menu-history a{
width:169px; height:63px; background-image:url("http://openwetware.org/images/3/34/Kyoto-menu-history.png");
}
- kyoto-menu-about{
top:156px; left:388px; background-color:#85acf6; z-index:6;
}
- kyoto-menu-about a{
width:141px; height:63px; background-image:url("http://openwetware.org/images/f/f8/Kyoto-menu-about.png");
}
- kyoto-menu-team{
top:114px; left:566px; background-color:#9ae4e8; z-index:5;
}
- kyoto-menu-team a{
width:117px; height:63px; background-image:url("http://openwetware.org/images/c/c1/Kyoto-menu-team.png");
}
- kyoto-menu-contact{
top:72px; left:744px; background-color:#30dbf0; z-index:4;
}
- kyoto-menu-contact a{
width:184px; height:63px; background-image:url("http://openwetware.org/images/5/53/Kyoto-menu-contact.png");
}
- kyoto-menu-close{
position:absolute; width:34px; top:29px; top:0px; left:926px; cursor:pointer; opacity:0;
} /***影***/ .kyoto-menu-shadow{
display:none; position:absolute; width:191px; height:54px; opacity:0; z-index:4;
}
- kyoto-menu-shadow-events{
top:280px; left:41px;
}
- kyoto-menu-shadow-history{
top:322px; left:219px;
}
- kyoto-menu-shadow-about{
top:364px; left:397px;
}
- kyoto-menu-shadow-team{
top:322px; left:575px;
}
- kyoto-menu-shadow-contact{
top:280px; left:753px;
} /*******タイトル*******/
- kyoto-title{
height:160px; position:relative;
}
- kyoto-title img{
position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;
}
/*******年選択*******/
- kyoto-year-select{
margin:0px; line-height:normal;
}
- 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;
}
- 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;
}
- kyoto-year-select td > a:hover{
color:#b4b4b4;
} /*******小見出し*******/
- 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;
}
- kyoto-wrapper p{
margin:0px;
}
/******************コンテンツ設定(個別)*****************/ /*******TOP*******/
- 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;
}
- kyoto-top-wrapper{
max-width:1366px; min-width:1024px; width:100%; margin-left:auto; margin-right:auto; border:0px; padding:0px; position:relative;
}
- kyoto-top-header{
height:120px; width:100%;
}
- kyoto-top-text-wrapper{
width:50%; height:120px; float:left;
}
- 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");
}
- kyoto-top-menu-wrapper{
width:50%; height:120px; float:right;
}
- 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;
}
- kyoto-top-text:hover{
background-image:url("http://openwetware.org/images/f/fa/Kyoto-top-text-gray.png");
}
- kyoto-top-menu:hover{
background-image:url("http://openwetware.org/images/3/3f/Kyoto-top-menu-gray.png");
}
- kyoto-top-content-wrapper{
width:100%; height:118px; padding-top:152px;
}
- kyoto-top-content{
width:1009px; margin-left:auto; margin-right:auto;
}
- kyoto-top-logo-wrapper{
width:100%; height:329px; position:relative;
}
- kyoto-top-logo{
width:276px; height:279px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;
}
- kyoto-top-logo:hover #kyoto-top-logo-about{
opacity:1.0;
}
- kyoto-top-logo-about{
width:222px; height:222px; 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{
position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;
} /*******EVENTS*******/
- 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; text-align:center;
}
- kyoto-events-content img{
height:230px; padding-left:5px; padding-right:5px;
} .kyoto-events-photo{
max-width:763px; overflow-x:auto; white-space:nowrap;
}
- kyoto-events-2014, #kyoto-events-2013, #kyoto-events-2012, #kyoto-events-2011, #kyoto-events-2010{
display:none;
} /*******HISTORY*******/
- 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{
width:460px; padding:10px;
} .kyoto-history-table img{
width:460px;
} .kyoto-history-names{
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;
}
- kyoto-contact-title-wrapper{
position:relative; height:350px;
}
- kyoto-contact-title{
width:735px; height:133px;
}
- kyoto-contact-text-wrapper{
position:relative; height:52px;
}
- kyoto-contact-text{
width:884px; height:52px;
}
- kyoto-contact-mail-wrapper{
position:relative; height:238px;
}
- 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;
}
- kyoto-contact-mail:hover{
background-image:url("http://openwetware.org/images/1/12/Kyoto-contact-mail-white.png") !important;
}
- kyoto-contact-background{
position:absolute; width:100%; height:100%; opacity:0.6; background-color:#30d8f0; z-index:-1;
} --> </style> </html>