Created
December 7, 2016 06:20
-
-
Save manbearwolf/6e19337db8dcc52dbb9701f7f3b8b5d4 to your computer and use it in GitHub Desktop.
Show Next & Previous Post Titles in Blogger with jQuery Navigation http://www.mybloggertricks.com/2013/12/show-next-previous-post-titles-in.html
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*################MBT Pager ##########################*/ | |
| .mbt-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; margin-bottom: 10px; overflow:hidden; padding:0px;} | |
| .mbt-pager li.next { height:114px; float: right; padding:0px; background:none; margin:0px;} | |
| .mbt-pager li.next a { padding-left: 24px; } | |
| .mbt-pager li.previous { height:114px; margin:0px -2px 0px 0px; float: left; border-right:1px solid #ddd; padding:0px; background:none; | |
| } | |
| .mbt-pager li.previous a { padding-right: 24px; } | |
| .mbt-pager li.next:hover, .mbt-pager li.previous:hover {background:#333333; } | |
| .mbt-pager li { width: 50%; display: inline; float: left; text-align: center; } | |
| .mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;} | |
| .mbt-pager li i { color: #ccc; font-size: 18px; } | |
| .mbt-pager li a strong { display: block; font-size: 20px; color: #ccc; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;} | |
| .mbt-pager li a span { font-size: 15px; color: #666; font-family:oswald,Helvetica, arial; margin:0px;} | |
| .mbt-pager li a:hover span, | |
| .mbt-pager li a:hover i { color: #ffffff; } | |
| .mbt-pager li.previous i { float:left; margin-top:15%; margin-left:5%; } | |
| .mbt-pager li.next i { float: right; | |
| margin-top: 15%; | |
| margin-right: 5%; } | |
| .mbt-pager li.next i, .mbt-pager li.previous i , | |
| .mbt-pager li.next, .mbt-pager li.previous{ | |
| -webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; | |
| -moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; | |
| -o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; | |
| transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; } | |
| .fa-chevron-right {padding-right:0px;} |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
http://www.mybloggertricks.com/2013/12/show-next-previous-post-titles-in.html