Thème simple et compact pour forum.canardpc.com
Compatible avec la plupart des thèmes vBulletin du forum dont les thèmes CPC.
đź“„Simple Canard PC Forum by Canapin

Details
AuthorCanapin
LicenseNo License
Categoryforum.canardpc.com
Created
Updated
Code size18 kB
Code checksum43980f5c
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Simple Canard PC Forum
@namespace userstyles.world
@version 1.3
==/UserStyle== */
@-moz-document domain("forum.canardpc.com") {
a[href*="type=rss"] {
display: none !important;
}
.b-post__content [style^='background-color'], .post-content [style^='background-color'] {
background-color: transparent !important;
}
.b-post__content [style^='color'], .post-content [style^='color'] {
color: inherit !important;
}
:root {
--primary-color: #007cb0;
}
body[data-styleid="86"] {
--primary-color: #3a9da6;
}
body[data-styleid="87"] {
--primary-color: #999;
}
body[data-styleid="43"] {
--primary-color: #ad936e;
}
@media (min-width: 768px) {
#topic-tab {
display: flex;
flex-direction: column;
}
#topic-tab .list-footer {
order: -1;
}
#topic-tab .list-footer a {
position: absolute;
z-index: 100;
top: 4px;
right: 0;
}
#channel-tabbar {
display: none;
}
#header .site-logo {
top: -40px;
}
.forum-list-container .category-header {
position: relative;
}
.forum-list-container .category-header:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
pointer-events: none;
}
.channel-controls, .conversation-controls {
position: absolute;
right: 0;
top: -30px;
}
tr.topic-item .topic-wrapper {
display: flex;
}
.topic-list-container .topic-list .topic-item td {
border-bottom: none;
}
a.topic-prefix {
font-weight: normal !important;
font-size: 1.1rem !important;
order: -101;
}
.topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td {
border-top: 1px solid var(--primary-color);
}
}
@media (max-width: 767px) {
#widget_197 {
margin-bottom: 0;
}
.l-xsmall .b-button {
min-width: 0;
padding: 0.6rem 1.2rem;
font-size: 1.3rem;
}
.l-small .b-button, .l-xsmall .b-button {
min-height: 0;
}
.b-comp-menu-dropdown {
float: right;
}
.widget-tabs-nav-background {
display: none;
}
.cell-forum {
padding-top: 0 !important;
}
.cell-forum .rx-forum-stats {
display: none !important;
}
.cell-forum .rx-lastpost-info {
margin-left: 0 !important;
padding-left: 5px;
}
.cell-forum .rx-lastpost-info--label {
display: none;
}
#widget_4, #widget_5 {
display: none !important;
}
.forum-list-container .subforum-list .subforum-list-grid-container {
display: flex;
flex-wrap: wrap;
}
.forum-list-container .subforum-list > * {
padding-left: 2em;
padding-bottom: 1em;
}
.conversation-status-messages + .widget-header {
display: none;
}
.conversation-toolbar {
height: auto !important;
margin-top: 5px;
}
.conversation-toolbar .toolset-left {
display: none;
}
.conversation-toolbar .toolbar-filter-top {
display: none !important;
}
.forum-item {
padding-top: var(--widget-v-padding) !important;
}
tr.topic-item .topic-wrapper {
display: flex;
flex-wrap: wrap;
padding: 5px 5px 0 !important;
align-items: baseline !important;
}
tr.topic-item .topic-title {
flex: 1;
}
tr.topic-item .go-to-last-post-container {
display: flex;
margin-left: auto !important;
}
tr.topic-item .cell-topic-image {
display: none !important;
}
tr.topic-item .cell-lastpost {
display: flex !important;
padding: 0 5px 5px !important;
}
tr.topic-item .cell-lastpost > span:first-child {
display: none;
}
tr.topic-item .post-date {
margin-left: auto !important;
font-size: 1.1rem !important;
}
tr.topic-item .post-date:before {
margin-right: 5px;
font-family: "Font Awesome 6 Free";
content: " \f075";
font-size: 1.4rem;
}
tr.topic-item .topic-by, tr.topic-item .cell-count {
display: none !important;
}
tr.topic-item a.topic-prefix {
position: absolute;
bottom: -22px;
font-weight: normal !important;
font-size: 1.25rem !important;
}
.channel-controls, .conversation-controls {
margin-top: 10px;
display: flex;
flex-direction: row !important;
}
.channel-controls button, .conversation-controls button {
width: auto !important;
}
.pagenav-container .js-pagenav-button {
min-height: 0 !important;
line-height: 1 !important;
}
.userinfo {
padding: 5px;
display: flex;
align-items: center !important;
}
.b-avatar--thread {
margin-bottom: 0;
}
.b-post__body {
padding: 5px !important;
}
.b-post__body img {
max-width: 100% !important;
}
.js-contententry-buttons .b-button-group {
flex-direction: row;
}
.topic-list-container .topic-list.sticky-list + .topic-list tr:first-child {
border-top: 1px solid var(--primary-color);
}
}
html {
scroll-behavior: auto;
}
:root {
--top-menu-height: 4rem;
}
.canvas-widget, .notices, .notice {
--widget-v-padding: 10px;
--widget-h-padding: 10px;
}
.topic-list-container {
--topic-list-v-padding: 5px;
--topic-list-h-padding: 5px;
}
.widget-tabs {
--tab-lineheight: 38px;
}
a:focus, input:focus, textarea:focus, button:focus, select:focus, .js-link:focus, .js-button:focus, .b-button:focus, .ui-state-focus, .custom-dropdown:focus, .cke_dialog_body .cke_dialog_contents .b-button:focus {
outline: none;
}
.b-button, .cke_dialog_body .cke_dialog_contents .b-button {
min-width: 0;
padding: 0.2rem 0.8rem;
}
.b-button, .ui-widget .b-button, .cke_dialog_body .cke_dialog_contents .b-button {
font-size: 1.2rem;
}
#header {
height: auto;
position: relative;
}
#header .site-logo {
position: absolute;
padding: 5px;
}
#header .site-logo img {
height: 26px;
}
#header .toolbar {
position: absolute;
right: 0;
}
.avatar img {
border-radius: 3px;
}
#footer-copyright {
display: none;
}
.list-footer {
padding-top: 0;
padding-bottom: 0;
}
.channel-description-widget {
display: none;
}
.page-title-widget {
margin-bottom: 0 !important;
}
.view-mode .widget-tabs .widget-tabs-nav {
min-height: var(--tab-lineheight) !important;
line-height: var(--tab-lineheight) !important;
}
.widget-tabs .widget-tabs-nav li {
height: auto;
}
.page1 .page-title-widget, .page40 .page-title-widget {
display: none;
}
.forum-list-container #widget_2 {
display: none;
}
.forum-list-container .forum-list-header {
display: none;
}
.forum-list-container .category-header {
position: relative;
}
.forum-list-container .forum-info {
display: flex !important;
flex-direction: column;
padding-right: 0 !important;
}
.forum-list-container .forum-info .forum-title {
margin-left: 0 !important;
padding: 5px !important;
}
.forum-list-container .forum-info .forum-desc, .forum-list-container .forum-info span.icon {
display: none;
}
.forum-list-container .forum-info .read + .forum-title {
font-weight: normal !important;
}
.forum-list-container .forum-item td {
vertical-align: middle;
}
.forum-list-container .forum-item .topics-count:after {
margin-left: 2px;
font-family: "Font Awesome 6 Free";
content: " \f15c";
}
.forum-list-container .forum-item .posts-count:after {
margin-left: 2px;
font-family: "Font Awesome 6 Free";
content: " \f086";
}
.forum-list-container .subforum-list > td {
padding-left: 15px;
padding-bottom: 10px;
}
.forum-list-container .subforum-header {
display: none;
}
.forum-list-container .subforum-info .icon {
font-size: 1.1rem;
margin-right: 2px !important;
background: none;
}
.forum-list-container .subforum-info .icon:before {
width: 5px;
height: 5px;
content: "";
background: var(--primary-color);
border: 1px solid var(--primary-color);
}
.forum-list-container .subforum-info .icon.unread:before {
background: transparent;
}
.forum-list-container .subforum-info .counts {
display: none;
}
.forum-list-container .subforum-list table {
width: auto;
}
.forum-list-container .subforum-list .subforum-item {
padding-right: 10px;
}
.forum-list-container .topics-count, .forum-list-container .topic-posts {
white-space: nowrap;
}
img.inlineimg[src*="/lapin"] {
vertical-align: sub;
}
.avatar img {
object-fit: cover;
height: 100%;
}
#widget_7 .conversation-list .b-post-sm, #widget_195 .conversation-list .b-post-sm {
padding-top: 0;
padding-bottom: 5px;
}
#widget_7 .conversation-list .b-post-sm__content, #widget_195 .conversation-list .b-post-sm__content {
display: flex !important;
flex-wrap: wrap;
align-items: baseline;
column-gap: 5px;
}
#widget_7 .conversation-list .b-post-sm__content .b-post-sm__title, #widget_195 .conversation-list .b-post-sm__content .b-post-sm__title {
order: 1;
width: 100%;
font-weight: bold;
}
#widget_7 .conversation-list .b-post-sm__content .list-item-footer, #widget_195 .conversation-list .b-post-sm__content .list-item-footer {
order: 2;
width: 100%;
}
#widget_7 .conversation-list .b-post-sm__content .b-post-sm__author, #widget_195 .conversation-list .b-post-sm__content .b-post-sm__author {
order: 3;
flex: 1;
display: none;
}
#widget_7 .conversation-list .b-post-sm__content .b-post-sm__post-content, #widget_195 .conversation-list .b-post-sm__content .b-post-sm__post-content {
order: 5;
}
#widget_7 .conversation-list .b-post-sm__content .b-post-sm__go-to-last-post-container, #widget_195 .conversation-list .b-post-sm__content .b-post-sm__go-to-last-post-container {
order: 4;
margin-left: auto;
}
#widget_7 .conversation-list .post-content, #widget_195 .conversation-list .post-content {
display: none;
}
#widget_7 .conversation-list .channel_text, #widget_195 .conversation-list .channel_text {
font-size: 0px;
...