Difference between revisions of "Template:AFCM-Egypt/owl.carousel"

 
(9 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
.afcmslider-holder
 
.afcmslider-holder
 
{
 
{
−
     width: 94%;
+
     width: 96%;
−
     height: 400px;
+
     height: 200px;
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
Line 13: Line 13:
 
{
 
{
 
     position: relative;
 
     position: relative;
−
     height: 400px;
+
     height: 200px;
 
     padding: 0px;
 
     padding: 0px;
 
     margin: 0px;
 
     margin: 0px;
Line 26: Line 26:
 
     height: 100%;
 
     height: 100%;
 
     display: none;
 
     display: none;
 +
padding-top: 40px;
 
}
 
}
 
.afcmshowing {
 
.afcmshowing {
Line 35: Line 36:
 
     display: none;
 
     display: none;
 
     border:none;
 
     border:none;
−
     border-radius:50%;
+
     border-radius:10%;
−
     /*padding: 8px 8px;*/
+
     padding: 8px 8px;
 
     vertical-align: middle;
 
     vertical-align: middle;
 
     overflow: hidden;
 
     overflow: hidden;
Line 42: Line 43:
 
     cursor: pointer;
 
     cursor: pointer;
 
     white-space: nowrap;
 
     white-space: nowrap;
−
     color: #fff!important;
+
     color: #000!important;
−
     background-color: #000!important;
+
     background-color: #fff!important;
−
     top:90%;
+
     top:93%;
 +
font-size:30px
 
}
 
}
−
#afcmcontrols-left:hover {box-shadow: 1px 0px 2px 0px #055168}
+
 
−
#afcmcontrols-right:hover {box-shadow: 0px 1px 0px 2px #055168}
+
#afcmcontrols-left{left:10%}
−
#afcmcontrols-left{left:0%}
+
#afcmcontrols-right{right:10%}
−
#afcmcontrols-right{right:0%}
+
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 22:45, 28 October 2017