Project

General

Profile

« Previous | Next » 

Revision 58955

[Library | Trunk]: Full page slider add new arrows

View differences:

full-page-slider.component.css
1 1
section {
2 2
  position: fixed;
3 3
  top:10%;
4
  left: 0;
4
  left: 120px;
5 5
  height: calc(100% - 100px);
6
  width: 100%;
7
  overflow: hidden;
6
  width: calc(100% - 120px);
8 7
}
9 8

  
10 9
.menu {
......
45 44
  color: var(--portal-main-color);
46 45
}
47 46

  
47
.menu a.previous:hover, .menu a.next:hover {
48
  background-color: var(--portal-main-color);
49
  border-radius: 50%;
50
  display: flex;
51
  padding: 5px;
52
}
53

  
54
.menu a.previous:hover path, .menu a.next:hover path {
55
  fill: white;
56
}
57

  
48 58
.menu nav  {
49 59
  position: absolute;
50 60
  top: 50%;
......
66 76
}
67 77

  
68 78
.menu nav > ul > li > a {
69
  display: block;
79
  display: table-cell;
70 80
  border-radius: 100%;
71 81
  width: 15px;
72 82
  height: 15px;
......
81 91
  -o-animation : border-top-color 0.25s linear, border-right-color 0.25s linear 0.10s, border-bottom-color 0.25s linear 0.30s, border-left-color 0.25s linear 0.40s;
82 92
}
83 93

  
84
.menu nav > ul > li.uk-active > a {
94
.menu nav > ul > li.uk-active > a, .menu nav > ul > li > a:hover {
85 95
  background-color: #E95420;
86 96
}

Also available in: Unified diff