Template:Team:KIT-Kyoto/Common

From 2014.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 5: Line 5:
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  Meiryo, メイリオ, sans-serif;
 +
font-size:16px;
}
}
 +
.sentence a{
 +
color: rgb(0,20,300);
 +
}
 +
#contentSub, #footer-box, #catlinks,#search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
#contentSub, #footer-box, #catlinks,#search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
display: none;
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{
#menubar ul li a:link,#menubar ul li a:visited,#menubar ul li a:active{
color:gray;
color:gray;
Line 49: Line 60:
max-width:930px;
max-width:930px;
margin:100px auto;
margin:100px auto;
-
background-color:rgba(300,300,300,0.8);
+
background-color:rgba(300,300,300,0.85);
overflow:hidden;
overflow:hidden;
}
}
-
.sub{
 
-
width:46%;
 
-
float:left;
 
-
margin-right:4%;
 
-
}
 
-
.sub div{
 
-
padding:30px;
 
-
}
 
.sentence{
.sentence{
font-family:'Lucida Grande',
font-family:'Lucida Grande',
Line 66: Line 69:
  Meiryo, メイリオ, sans-serif;
  Meiryo, メイリオ, sans-serif;
text-align:justify;
text-align:justify;
 +
line-height:2em;
 +
text-indent:1em;
 +
}
 +
 +
.sentence span{
 +
border-bottom:2px solid rgba(300,0,0,0.5);
}
}
Line 98: Line 107:
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  Meiryo, メイリオ, sans-serif;
 +
line-height:2em;
}
}
Line 122: Line 132:
h1, h2, h3, h4, h5 {  
h1, h2, h3, h4, h5 {  
-
font-family: Georgia, Times, "Times New Roman", serif;
+
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
}
 +
 
 +
h1{
 +
font-size:40px;
}
}
Line 128: Line 144:
padding-left:10px;
padding-left:10px;
border-left:5px solid rgba(0,200,100,0.8);
border-left:5px solid rgba(0,200,100,0.8);
 +
font-size:30px;
 +
font-weight:bold;
}
}
h2 a{
h2 a{
display:block;
display:block;
 +
font-size:30px;
 +
font-weight:bold;
cursor:text;
cursor:text;
}
}
Line 194: Line 214:
         display:inline;
         display:inline;
         list-style:none;
         list-style:none;
-
         margin:2px 2%;
+
         margin:2px 1%;
 +
font-size:12px;
}
}
Line 224: Line 245:
     display:none;  
     display:none;  
}
}
-
figure {
+
.mimg1{
 +
width: 240px;
 +
}
 +
.mimg2{
 +
width:400px;
 +
}
 +
figure.mimg1,.mimg2 {
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
-
width: 240px;
+
background: #37e996;
-
background: rgba(20,200,80,0.7);
+
        margin:10px;
}
}
-
figure img {
+
figure.mimg1 img,figure.mimg2 img {
position: relative;
position: relative;
z-index: 1;
z-index: 1;
Line 236: Line 263:
transition: .3s;
transition: .3s;
}
}
-
figcaption {
+
figcaption.mcap1 ,figcaption.mcap2{
position: absolute;
position: absolute;
bottom: -70px;
bottom: -70px;
left: 0;
left: 0;
z-index: 2;
z-index: 2;
-
width: 100%;
+
        width:100%;
height: 70px;
height: 70px;
-
background: #46ceb4;
+
background: #37e996;
-webkit-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
transition: .3s;
}
}
-
figure:hover img {
+
.mimg1:hover img ,.mimg2:hover img{
-webkit-transform: translateY(-40px);
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
transform: translateY(-40px);
}
}
-
figure:hover figcaption {
+
.mimg1:hover figcaption ,.mimg2:hover figcaption{
bottom: 0;
bottom: 0;
-webkit-transform: translateY(-30px);
-webkit-transform: translateY(-30px);

Latest revision as of 18:15, 17 October 2014

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