Difference between revisions of "Team:SCU-WestChina/main.css"

 
(8 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
   <head>
 
   <head>
 
     <style  type="text/css">
 
     <style  type="text/css">
* {
 
    font-family: "Calibri";
 
    font-size: 16px;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
 
.cloud-img {
 
.cloud-img {
 
     width: 100%;
 
     width: 100%;
Line 19: Line 12:
  
 
.bottom-wrapper {
 
.bottom-wrapper {
 +
    font-family: "Calibri";
 +
    font-size: 16px;
 
     background-image: url(https://static.igem.org/mediawiki/2017/4/4e/T--SCU-WestChina--Wiki-white.png);
 
     background-image: url(https://static.igem.org/mediawiki/2017/4/4e/T--SCU-WestChina--Wiki-white.png);
 
     background-repeat: repeat-y;
 
     background-repeat: repeat-y;
Line 72: Line 67:
 
     background-color: #8b0000;
 
     background-color: #8b0000;
 
     margin-bottom: 50px;
 
     margin-bottom: 50px;
 +
}
 +
 +
.content-abstract {
 +
    line-height: 32px;
 
}
 
}
  
Line 87: Line 86:
  
 
.img-block .img-title {
 
.img-block .img-title {
     width: 100%;
+
     margin: 0 -30px;
 +
   
 
     height: 30px;
 
     height: 30px;
 
     line-height: 30px;
 
     line-height: 30px;
Line 139: Line 139:
  
 
.summary-content {
 
.summary-content {
 +
    line-height: 32px;
 
     position: relative;
 
     position: relative;
 
     display: none;  
 
     display: none;  
Line 168: Line 169:
 
     bottom: 10px;
 
     bottom: 10px;
 
     color: #8b0000;
 
     color: #8b0000;
 +
    text-decoration: none;
 +
    -webkit-transition: color 0.5s;
 +
    transition: color 0.5s;
 +
}
 +
 +
.link-more:visited {
 +
    color: #8b0000;
 +
    text-decoration: none;
 +
}
 +
 +
.link-more:hover {
 +
    color: #f44336;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
Line 176: Line 189:
 
     height: 300px;
 
     height: 300px;
 
     background-color: #333333;
 
     background-color: #333333;
 +
   
 
}
 
}
  
 
.bottom-link a {
 
.bottom-link a {
 +
    color: #9a9898;
 
     text-decoration: none;
 
     text-decoration: none;
 +
    -webkit-transition: color 0.5s;
 +
    transition: color 0.5s;
 +
}
 +
 +
.bottom-link a:hover {
 +
    color: #7c7a7a;
 
}
 
}
  
Line 190: Line 211:
 
     height: 50px;
 
     height: 50px;
 
     margin: 0 10px;
 
     margin: 0 10px;
     display: inline-block
+
     display: inline-block;
 +
    -webkit-transition: opacity 0.5s;
 +
    transition: opacity 0.5s;
 +
}
 +
 
 +
.row-img img:hover {
 +
    opacity: 0.7;
 
}
 
}
  
Line 206: Line 233:
  
 
.bottom-link .copy-link {
 
.bottom-link .copy-link {
     width: 420px;
+
     width: 470px;
 
     margin: 40px auto 0 auto;
 
     margin: 40px auto 0 auto;
 
}
 
}
  
 
.bottom-link .copy-link span {
 
.bottom-link .copy-link span {
     color: #9a9898;
+
     margin-right: 20px;
   
+
 
}
 
}
  
 
.bottom-link .copy-link i {
 
.bottom-link .copy-link i {
    color: #9a9898;
 
 
     width: 30px;
 
     width: 30px;
 
     height: 30px;
 
     height: 30px;

Latest revision as of 16:49, 31 October 2017