(6 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.cloud-img { | .cloud-img { | ||
width: 100%; | width: 100%; | ||
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 { | ||
− | + | 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: | + | width: 470px; |
margin: 40px auto 0 auto; | margin: 40px auto 0 auto; | ||
} | } | ||
.bottom-link .copy-link span { | .bottom-link .copy-link span { | ||
− | + | margin-right: 20px; | |
− | + | ||
} | } | ||
.bottom-link .copy-link i { | .bottom-link .copy-link i { | ||
− | |||
width: 30px; | width: 30px; | ||
height: 30px; | height: 30px; |
Latest revision as of 16:49, 31 October 2017