/* Footer Sidebar */ #footer-sidebar { @footer-bg: #222; @content: #888; border-top: solid 1px fade(@content, 40%); background: darken(@background, 10%); text-align: center; &:before { content: "\f054"; font-family: "FontAwesome"; font-size: 25px; padding: 15px; border-radius: 50%; background: darken(white, 5%); border: 1px solid fade(@content, 35px); color: fade(@content, 35px); position: relative; top: -17px; bottom: 0; left: 0; right: 0; } .footer-column { text-align: left; h1.widget-title { font-weight: bold; font-size: 18px; margin-top: 0; text-transform: uppercase; color: #ddd; border-bottom: solid 1px lighten(@footer-bg, 6%); padding-bottom: 15px; } .widget { color: @background; background: fade(@accent, 75%); border-top: 10px solid @sbg; padding: 15px; a { color: @content; font-weight: normal; .transition(0.4s all ease); &:hover { color: @accent; } } ul { margin-left: 0px; } ul li { list-style: none; padding: 5px; &:last-child { border-bottom: none; } ul { margin-left: 5px; } li { margin-left: 2px; border-bottom: none; padding: 2px; } } } .widget_tag_cloud { .tagcloud a { background: @footer-bg; font-size: 14px !important; text-transform: uppercase; font-weight: lighter; color: #aaa; padding: 7px 5px; margin-bottom: 5px; display: inline-block; &:hover { } } } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.05); transform: scale(1.05); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(0.95); transform: scale(0.95); } } .tagcloud a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .tagcloud a:hover, .tagcloud a:focus, .tagcloud a:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .widget_berkeley_rp { li.rp-item { overflow: auto; clear: both; display: block; padding: 8px 0px; font-size: 13px; } .rp-thumb { width: 52px; float: left; display: inline-block; margin-right: 6px; } .rp-date { color: lighten(@accent,10%); font-size: 11px; } } .widget_recent_entries, .widget_recent_comments, .widget_categories, .widget_pages, .widget_archive, .widget_meta, .widget_nav_menu { ul li:before { content: "\f054"; font-family: "FontAwesome"; color: lighten(@accent,1%); font-size: 10px; margin-right: 5px; } } } } #credit { background: @accent; padding: 10px; color: @background; font-size: 13px; text-align: center; border-top: 1px solid @accent; a { color: @sbg; text-decoration: underline; } }