|
楼主 |
发表于 2020-4-23 10:39:01
|
显示全部楼层
- /* Main Content Slide */
- #slider {
- position: relative;
- }
- #slider {
- height: 364px;
- background: url("img/slider_bg.jpg") repeat-x;
- }
- #slider .slide {
- height: 100%;
- padding: 21px 0px;
- width: 100%;
- }
- #slider .slide .book-cover {
- float: left;
- width: 19%;
- overflow: hidden;
- height: 20em;
- margin-right: 3%;
- box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
- height: 230px;
- border-radius: 50%;
- background: #000;
- }
- #slider .slide .book-cover img {
- width: 100%;
- height: 100%;
- border-radius: 50%;
- }
- /* Slide Description */
- #slider .slide .slide-description {
- background: #fff;
- float: left;
- width: 78%;
- min-height: 100%;
- border-radius: 5px;
- box-shadow: 2px 0px 5px rgba(0,0,0,0.5);
- padding: 5px;
- height: 300px;
- }
- #slider .slide .slide-description .inner-sd {
- border: 1px solid #2cc1a4;
- border-radius: 5px;
- height: 100%;
- padding: 20px 30px;
- }
- #slider .slide .slide-description .top-sd-head {
- border-bottom: 1px dotted #979797;
- }
- #slider .slide .slide-description .tsh-left {
- float: left;
- max-width: 80%;
- }
- #slider .slide .slide-description .top-sd-head .grade {
- float: right;
- padding: 3px 20px;
- color: #fff;
- font-size: 1.2em;
- border-radius: 5px;
- }
- /* Slide Description - Rating */
- #slider .slide .slide-description .rating {
- display: block;
- float: right;
- width: 20%;
- text-align: right;
- }
- #slider .slide .slide-description .rating ul {
- margin: 0;
- padding: 0;
- }
- #slider .slide .slide-description .rating ul li {
- display: inline-block;
- font-size: 1.3em;
- line-height: 2.6;
- color: #ebbb12;
- }
- /* Slide Description - Title */
- #slider .slide .slide-description .sd-title {
- margin: 0;
- padding: 0;
- margin-bottom: 10px;
- }
- #slider .slide .slide-description .sd-title a {
- font-family: "Arvo", sans-serif;
- color: #18bfef;
- font-size: 1.3em;
- font-weight: normal;
- -webkit-transition: all 0.250s ease-in-out;
- -moz-transition: all 0.250s ease-in-out;
- -o-transition: all 0.250s ease-in-out;
- transition: all 0.250s ease-in-out;
- }
- #slider .slide .slide-description .sd-title a:hover {
- color: #2cc1a4;
- }
- /* Slider Body */
- #slider .slide .sd-body {
- height: 112px;
- overflow: hidden;
- }
- #slider .slide .sd-body p {
- font-family: "Titillium Web", sans-serif;
- color: #544747;
- font-size: 1em;
- margin: 10px 0px;
- }
- /* Slider Meta */
- #slider .sd-meta {
- border: 1px solid #2cc1a4;
- border-radius: 3px;
- padding: 10px;
- margin-top: 15px;
- }
- #slider .sd-meta span:first-of-type {
- margin-left: 0;
- }
- #slider .sd-meta span {
- margin-left: 10px;
- }
- #slider .sd-meta span a, #slider .sd-meta span {
- color: #18bfef;
- font-family: "Titillium Web", sans-serif;
- -webkit-transition: all 0.250s ease-in-out;
- -moz-transition: all 0.250s ease-in-out;
- -o-transition: all 0.250s ease-in-out;
- transition: all 0.250s ease-in-out;
- }
- #slider .sd-meta span a:hover {
- color: #2cc1a4;
- }
- #slider .sd-meta span a i, #slider .sd-meta span i {
- color: #979797;
- }
- #slider .sd-meta .read-more {
- float: right;
- padding: 0;
- font-family: "Titillium Web", sans-serif;
- text-transform: uppercase;
- font-weight: bold;
- font-size: 1em;
- color: #18bfef;
- line-height: 1.5;
- -webkit-transition: all 0.250s ease-in-out;
- -moz-transition: all 0.250s ease-in-out;
- -o-transition: all 0.250s ease-in-out;
- transition: all 0.250s ease-in-out;
- }
- #slider .sd-meta .read-more:hover {
- color: #2cc1a4;
- }
- /* Slider Pager */
- #slider .cycle-pager {
- position: absolute;
- height: 13px;
- bottom: 0px;
- right: 0;
- z-index: 9999;
- }
- #slider .cycle-pager span {
- display: inline-block;
- width: 14px;
- height: 13px;
- background: url("img/snav_n.png") no-repeat;
- text-indent: -9999px;
- margin-left: 5px;
- }
- #slider .cycle-pager span:hover {
- cursor: pointer;
- }
- #slider .cycle-pager .cycle-pager-active {
- background: url("img/snav_a.png") no-repeat;
- position: absolute;
- }
- /* Slider Navigation */
- #slider .cycle-next {
- border-radius: 5px 0px 0px 5px;
- right: 0;
- }
- #slider .cycle-prev {
- border-radius: 0px 5px 5px 0px;
- left: 0;
- }
- #slider .cycle-prev, #slider .cycle-next {
- width: 40px;
- height: 40px;
- border-radius: 50%;
- position: absolute;
- top: 50%;
- z-index: 9999;
- margin-top: -20px;
- background: rgba(0,0,0,0.5);
- font-size: 1.5em;
- text-align: center;
- color: #000;
- opacity: 0.8;
- line-height: 1.6;
- -webkit-transition: all 0.250s ease-in-out;
- -moz-transition: all 0.250s ease-in-out;
- -o-transition: all 0.250s ease-in-out;
- transition: all 0.250s ease-in-out;
- }
- #slider .cycle-prev:hover, #slider .cycle-next:hover {
- opacity: 1;
- color: #fff;
- cursor: pointer;
- }
复制代码
您好,这是slide相关的,我应该在哪修改呢? 是添加还是删除 overflow: hidden; 谢谢您了 |
|