navbtn.css (1418B)
1 .prevbox-beg { 2 position: fixed; 3 top: 48%; 4 left: 11%; 5 } 6 7 .prev-beg { 8 background-color: white; 9 color: #121525; 10 text-decoration: none; 11 display: inline-block; 12 padding: 8px 16px; 13 border-radius: 6px; 14 } 15 16 .nextbox-end { 17 position: fixed; 18 top: 48%; 19 right: 11%; 20 } 21 22 .next-end { 23 background-color: white; 24 color: #121525; 25 text-decoration: none; 26 display: inline-block; 27 padding: 8px 16px; 28 border-radius: 6px; 29 } 30 31 .prevbox { 32 position: fixed; 33 top: 48%; 34 left: 11%; 35 } 36 37 .nextbox { 38 position: fixed; 39 top: 48%; 40 right: 11%; 41 } 42 43 .prev { 44 background-color: #faf7fc; 45 color: #121525; 46 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2), 47 0px 0px 8px -1px rgba(0, 0, 0, 0.19); 48 text-decoration: none; 49 display: inline-block; 50 padding: 8px 16px; 51 border-radius: 6px; 52 } 53 54 .next { 55 background-color: #faf7fc; 56 color: #121525; 57 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2), 58 0px 0px 8px -1px rgba(0, 0, 0, 0.19); 59 text-decoration: none; 60 display: inline-block; 61 padding: 8px 16px; 62 border-radius: 6px; 63 } 64 65 .prev:hover { 66 background-color: #121525; 67 color: white; 68 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2), 69 0px 0px 8px -1px rgba(0, 0, 0, 0.19); 70 } 71 72 .next:hover { 73 background-color: #121525; 74 color: white; 75 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2), 76 0px 0px 8px -1px rgba(0, 0, 0, 0.19); 77 }