Commit ceda190fb496d1ee9ff09e7b302d1282e5c95616
1 parent
657a0f05
-Button up ready!
Showing
2 changed files
with
10 additions
and
16 deletions
Show diff stats
frontend/views/layouts/main.php
| ... | ... | @@ -425,8 +425,7 @@ _________________________________________________________ --> |
| 425 | 425 | |
| 426 | 426 | <!-- *** COPYRIGHT END *** --> |
| 427 | 427 | |
| 428 | - <div id="content">Scroll ↓</div> | |
| 429 | - <a href="#" id="back-to-top" title="Back to top">↑</a> | |
| 428 | + <span id="back-to-top" title="Back to top"><i class="fa fa-arrow-up"></i></span> | |
| 430 | 429 | |
| 431 | 430 | </div> |
| 432 | 431 | <!-- /#all --> | ... | ... |
frontend/web/css/custom.css
| ... | ... | @@ -87,32 +87,27 @@ |
| 87 | 87 | |
| 88 | 88 | #back-to-top { |
| 89 | 89 | position: fixed; |
| 90 | - bottom: 90px; | |
| 91 | - right: 120px; | |
| 90 | + top: 100px; | |
| 91 | + left: 0px; | |
| 92 | 92 | z-index: 9999; |
| 93 | - width: 50px; | |
| 94 | - height: 50px; | |
| 93 | + width: 40px; | |
| 94 | + height: 40px; | |
| 95 | 95 | text-align: center; |
| 96 | 96 | line-height: 30px; |
| 97 | - background: #f5f5f5; | |
| 98 | - color: #444; | |
| 97 | + background: #38a7bb; | |
| 98 | + color: #fff; | |
| 99 | 99 | cursor: pointer; |
| 100 | - border-radius: 50%; | |
| 101 | 100 | text-decoration: none; |
| 102 | 101 | transition: opacity 0.2s ease-out; |
| 103 | 102 | opacity: 0; |
| 104 | - border-color: #38a7bb; | |
| 105 | - border-width: 2px; | |
| 103 | + padding: 4px; | |
| 106 | 104 | } |
| 107 | 105 | |
| 108 | 106 | #back-to-top:hover { |
| 109 | - background: #e9ebec; | |
| 107 | + background: #20616d; | |
| 108 | + color: #fff; | |
| 110 | 109 | } |
| 111 | 110 | |
| 112 | 111 | #back-to-top.show { |
| 113 | 112 | opacity: 1; |
| 114 | -} | |
| 115 | - | |
| 116 | -#content { | |
| 117 | - height: 2000px; | |
| 118 | 113 | } |
| 119 | 114 | \ No newline at end of file | ... | ... |