For the new reply fab (only when you are in a topic):
//Reply Fab
.timeline-footer-controls {
position: relative;
}
.widget-button.btn.create, .docked.navigation-categories.categories-list #create-topic .widget-button.btn.create {
border-radius: 40px;
position: absolute;
top: 50px;
left: -18px;
z-index: 999;
padding: 24px 20px 22px 5px;
background-color: $tertiary;
color: white;
text-indent: 10px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
overflow: hidden;
width: 63px;
height: 63px;
-webkit-transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, -webkit-transform .5s;
transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, transform .5s;
}
//Center and increase size of reply icon
.widget-button.btn.create .fa-reply, .docked.navigation-categories.categories-list #create-topic .widget-button.btn.create .fa-reply {
color: white;
font-size: 20px;
margin-left: -8px;
}
//Proper spacing for iPad portrait
@media only screen
and (min-width : 768px)
and (max-width: 1250px)
{
.timeline-container {
margin-left: 820px;
}
.topic-admin-popup-menu{
left:-40% !important;
}
}
//Properly space notifications button
.widget-button.btn.notifications-dropdown{
right: 4px;
position: relative;
border-radius: 40px;
width: 30px;
padding: 6px;
}
Add this if you want to change + New Topic to a fab also on the homepage:
//New Topic Fab
#create-topic.btn-default, .docked.navigation-categories.categories-list #create-topic {
border-radius: 40px;
position: fixed;
bottom: 30px;
right: 50px;
z-index: 999;
padding: 24px 20px 22px 5px;
background-color: $tertiary;
color: $tertiary;
white-space: nowrap;
text-indent: 10px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
overflow: hidden;
width: 63px;
height: 63px;
-webkit-transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, -webkit-transform .5s;
transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, transform .5s;
}
#create-topic.btn-default .fa-plus, .docked.navigation-categories.categories-list #create-topic .fa-plus {
color: white;
}
#create-topic.btn-default:hover, .docked.navigation-categories.categories-list #create-topic:hover {
text-indent: 8px;
width: 190px;
color: white;
}