PKDefense - Recommended Toggle
📺
⬆️ Top
Read
Watch
Wars
Shorts
/* === PC: Twitter-style vertical bar === */
@media (min-width: 851px) {
.audfeeds-thread-create-container {
position: fixed;
top: 80px; /* start below header */
left: 10px;
width: 140px; /* narrow column */
height: calc(100vh - 100px);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding: 10px 6px;
background: #f9f9f9;
border-right: 1px solid #ddd;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
z-index: 200;
overflow-y: auto;
}
/* Push page content right to make space for sidebar */
body {
margin-left: 170px !important;
}
/* General button style */
.audfeeds-thread-create-container .icon-button {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
width: 100%;
padding: 10px 14px;
font-size: 15px;
font-weight: 600;
color: #222;
background: #fff;
border-radius: 9999px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
transition: all 0.2s ease;
}
.audfeeds-thread-create-container .icon-button:hover {
background: #f0f0f0;
transform: translateY(-1px);
}
/* Make Write button stand out */
#toggleFormBtn {
background: maroon !important;
color: #fff !important;
border: none !important;
font-weight: bold !important;
font-size: 15px !important;
border-radius: 9999px !important;
box-shadow: 0 3px 6px rgba(0,0,0,0.2) !important;
}
#toggleFormBtn:hover {
background: #ff4b2b !important;
}
}
