Changes for page Companies Section

Last modified by Ecaterina Moraru (Valica) on 2017/08/30

<
From version < 14.11 >
edited by Ecaterina Moraru (Valica)
on 2017/08/30
To version < 14.14 >
edited by Ecaterina Moraru (Valica)
on 2017/08/30
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -13,11 +13,9 @@
13 13   <div class="item col-md-2">
14 14   <div class="carouselImgContainer">
15 15   <div class="imgMobBox">
16 - {{html}}
17 - <div data-content="+" class="miniImageContainer">
18 - <img class="multiImgImage "src="$!{imgSrc}" alt="Responsive image">
16 + <div class="miniImageContainer">
17 + <img class="multiImgImage "src="$!{imgSrc}" alt="Company">
19 19   </div>
20 - {{/html}}
21 21   </div>
22 22   </div>
23 23   </div>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -16,8 +16,8 @@
16 16   margin-left: -30px ; /*auto;*/
17 17   margin-right: 0; /*auto;*/
18 18  }
19 -.multicarousel .carouselImgContainer{
20 - position: relative;
19 +.multicarousel .item {
20 + width: 14%;
21 21  }
22 22  .multicarousel .imageContainer{
23 23   max-width: 150px
... ... @@ -99,40 +99,6 @@
99 99   width:100%;
100 100   vertical-align:top;
101 101  }
102 -.multicarousel .miniImageContainer:after, .miniImageContainer:before {
103 - position:absolute;
104 - opacity:0;
105 - transition: all 0.5s;
106 - -webkit-transition: all 0.5s;
107 -}
108 -.multicarousel .miniImageContainer:after {
109 - /*content:'\A';*/
110 - content:'';
111 - width:100%; height:100%;
112 - top:0; left:0;
113 - /*background:rgba(0,0,0,0.6);*/
114 -}
115 -.multicarousel .miniImageContainer:before {
116 - /*content: attr(data-content);*/
117 - content:'';
118 - display: block;
119 - position: absolute;
120 - z-index: 100;
121 - width: 50px;
122 - height: 50px;
123 - /*border: solid 5px #fff;*/
124 - text-align: center;
125 - color: #fff;
126 - line-height: 40px;
127 - font-weight: 700;
128 - font-size: 30px;
129 - border-radius: 30px;
130 - text-decoration: none;
131 -}
132 -.multicarousel .miniImageContainer:hover:after, .miniImageContainer:hover:before {
133 - /*opacity:1;*/
134 - opacity:.2;
135 -}
136 136  .multicarousel #multi-carousel{
137 137   padding: 5px 0;
138 138  }

Get Connected