PluginProbe
wpForo Forum / 3.1.6
wpForo Forum v3.1.6
3.1.6 3.1.5 3.1.4 3.1.2 3.1.1 3.1.0 3.0.9 3.0.8 3.0.7 trunk 1.0.0 1.0.1 1.0.2 1.1.0 1.1.1 1.1.2 1.2.0 1.3.0 1.3.1 1.4.0 1.4.1 1.4.10 1.4.11 1.4.12 1.4.13 All 138 releases
wpforo / themes / 2026 / widgets.css

widgets.css in wpForo Forum 3.1.6, at themes/2026/widgets.css

212 lines 18.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* wpForo Widgets Style */
2
3 .wpfw-0 {width:0 !important;}
4 .wpfw-10{width:10% !important;}
5 .wpfw-20{width:20% !important;}
6 .wpfw-30{width:30% !important;}
7 .wpfw-40{width:40% !important;}
8 .wpfw-50{width:50% !important;}
9 .wpfw-60{width:60% !important;}
10 .wpfw-70{width:70% !important;}
11 .wpfw-80{width:80% !important;}
12 .wpfw-90{width:90% !important;}
13 .wpfw-100{width:100% !important;}
14
15 .wpf-clear {clear:both; height:0; line-height: 0;}
16 .wpf-clear-left {clear:left; height:0; line-height: 0;}
17 .wpf-clear-right {clear:right; height:0; line-height: 0;}
18
19 #wpforo .wpforo-widget-wrap .wpf-button,
20 .wpforo-widget-wrap .wpf-button{padding:2px 15px 4px 15px!important; font-size:13px; font-weight:normal; cursor:pointer; line-height: 16px; border-radius: 20px; white-space:nowrap; box-shadow: 0 1px 1px #999999; outline: 0; display: inline-flex;
21 justify-content: center;
22 align-items: center;}
23 #wpforo .wpforo-widget-wrap .wpf-button i,
24 .wpforo-widget-wrap .wpf-button i, #wpforo .wpforo-widget-wrap .wpf-button svg,
25 .wpforo-widget-wrap .wpf-button svg{margin-right: 5px; font-size: 13px; width: 13px; height: 13px;}
26 #wpforo .wpforo-widget-wrap .wpf-button-secondary,
27 .wpforo-widget-wrap .wpf-button-secondary{border-radius: 20px; padding: 2px 15px 4px 15px!important; margin: 0 10px; background-color: #F5F5F5; opacity: 0.8; color: #555555; border: 1px solid #cccccc; line-height: 16px; font-size: 13px;}
28 #wpforo .wpforo-widget-wrap .wpf-button-secondary:hover,
29 .wpforo-widget-wrap .wpf-button-secondary:hover{opacity: 1;}
30
31 /******************************************************/
32 /********************* Widgets ************************/
33 /******************************************************/
34 #wpf-widget-search #wpforo-search-form .wpf-search-widget-label{position: relative!important; display: block!important;}
35 #wpf-widget-search #wpforo-search-form .wpf-search-widget-label input[type="text"]{position: relative!important; display: block!important; padding: 7px 8px; height: 32px;}
36 #wpf-widget-search #wpforo-search-form .wpf-search-widget-label svg{enable-background:new 0 0 16 16; fill: #999; position: absolute; width: 19px; height: 19px; right:5px; bottom: 6px; cursor: pointer;}
37
38
39 #wpforo #wpforo-wrap .widget-title,
40 #wpforo .wpforo-widget-wrap .widget-title,
41 .wpforo-widget-wrap .widget-title{ padding:10px 0 15px 0; margin-bottom:5px; font-size:20px;}
42 #wpforo .wpforo-widget-wrap .wpforo-widget-content,
43 .wpforo-widget-wrap .wpforo-widget-content{padding:10px 1px 20px 1px!important; margin:0;}
44 #wpforo .wpforo-widget-wrap .wpforo-widget-content ul,
45 .wpforo-widget-wrap .wpforo-widget-content ul{padding:0; margin:0; border:none;}
46 #wpforo .wpforo-widget-wrap .wpforo-widget-content li,
47 .wpforo-widget-wrap .wpforo-widget-content li{padding:8px 0!important; margin:0; list-style:none; border:none;}
48 #wpforo .wpforo-widget-wrap .wpforo-widget-content .avatar,
49 .wpforo-widget-wrap .wpforo-widget-content .avatar{border-radius: 50%;}
50 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note,
51 .wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note{ font-size:13px; line-height:18px;}
52 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left,
53 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left{float:left; width:16%;}
54 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
55 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:42px; height:42px; max-width:100%!important;}
56 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right,
57 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right{float:right; width:80%;}
58 #wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child,
59 #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child{border:none;}
60 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle,
61 #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle{font-size:14px; padding:0; margin:0; line-height:18px; font-weight:normal;}
62 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
63 #wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:13px; padding:0; margin:5px 0 0; line-height:1.4;}
64 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
65 #wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:12px; padding:0; margin:0; line-height:16px;}
66 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
67 #wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:12px; padding:0; margin:0; line-height:16px;}
68 #wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineuser,
69 #wpf-widget-online-users .wpforo-widget-content a.onlineuser{ padding:3px 7px; display:inline-block; margin:0 3px 5px 2px; line-height:18px; font-size:13px;}
70 #wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineavatar,
71 #wpf-widget-online-users .wpforo-widget-content a.onlineavatar{ padding:1px; display:inline-block; margin:0 3px 5px 2px; width:20%;max-width: 64px;}
72 #wpforo #wpf-widget-search input[type="text"],
73 #wpf-widget-search input[type="text"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
74 #wpforo #wpf-widget-search input[type="submit"],
75 #wpf-widget-search input[type="submit"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
76 #wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item,
77 #wpf-widget-forums .wpforo-widget-content .wpf-dl-item{ padding-top:2px; display:block; line-height: 22px;}
78 #wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item i,
79 #wpf-widget-forums .wpforo-widget-content .wpf-dl-item i{margin-right:7px;}
80 #wpforo #wpf-widget-forums .wpforo-widget-content dl,
81 #wpf-widget-forums .wpforo-widget-content dl{ display:block; padding:0; margin:0;}
82 #wpforo #wpf-widget-forums .wpforo-widget-content dd,
83 #wpf-widget-forums .wpforo-widget-content dd{ display:block; margin-left:15px;}
84 #wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label,
85 #wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label{ font-weight: 700; color: #666; }
86 /* Topic Tags Widget - Clean Flat Style */
87 #wpforo .wpforo-widget-wrap ul.wpf-widget-tags,
88 .wpforo-widget-wrap ul.wpf-widget-tags{display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0;}
89 #wpforo .wpforo-widget-wrap .wpf-widget-tags li,
90 .wpforo-widget-wrap .wpf-widget-tags li{list-style: none!important; display: inline-flex!important; align-items: center; padding: 5px 10px!important; margin: 0!important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif!important; border-radius: 4px!important; transition: all 0.15s ease!important;}
91 #wpforo .wpforo-widget-wrap .wpf-widget-tags li a,
92 .wpforo-widget-wrap .wpf-widget-tags li a{display: inline!important; padding: 0!important; line-height: 1.3!important; font-size: 13px!important; font-weight: 500; border: none!important; border-radius: 0!important; text-decoration: none!important; background: none!important;}
93 #wpforo .wpforo-widget-wrap .wpf-widget-tags li span,
94 .wpforo-widget-wrap .wpf-widget-tags li span{display: inline!important; margin-left: 6px!important; padding: 0!important; line-height: 1.3!important; font-size: 12px!important; font-weight: 400; border-radius: 0!important; background: none!important; opacity: 0.6;}
95 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags,
96 .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags{padding-top: 10px!important;}
97 #wpforo .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
98 .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
99 #wpforo .wpforo-widget-wrap .wpforo-list-item span.wpf-new-button,
100 .wpforo-widget-wrap .wpforo-list-item span.wpf-new-button{font-size: 85% !important; vertical-align: bottom !important; font-weight: normal!important; background:#FF812D; color:#fff!important; padding: 0.5px 5px 1px 5px!important; line-height: inherit; line-height: 16px; font-family: Arial; border-radius: 3px; margin: 0 3px; text-transform: lowercase; }
101
102 #wpf-widget-profile, #wpf-widget-profile *{box-sizing: border-box; box-shadow: none; color: inherit;}
103 #wpforo #wpf-widget-profile .wpf-prof-header,
104 #wpf-widget-profile .wpf-prof-header{display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end;}
105 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar,
106 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar{padding-right: 15px;}
107 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-info,
108 #wpf-widget-profile .wpf-prof-header .wpf-prof-info{flex-grow: 2; border-bottom: 1px dashed #CCCCCC; padding-bottom: 5px;}
109 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
110 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
111 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar,
112 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar{ max-width: 48px; max-height:48px; border-radius: 50%; vertical-align: bottom;}
113 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-name,
114 #wpf-widget-profile .wpf-prof-header .wpf-prof-name{font-size: 13px; font-weight: 600; color: #666;}
115 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-author-nicename,
116 #wpf-widget-profile .wpf-prof-header .wpf-author-nicename {font-size: 12px; font-weight: normal; font-family: "Courier New", Courier, monospace; line-height: 18px; padding-top: 0;}
117 #wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after,
118 #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{left: 18px; top: -5px; white-space: normal;}
119 #wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::before,
120 #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{left: 18px; top: -5px;}
121 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts,
122 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts{ border-bottom: 1px dashed #CCCCCC;align-self: stretch;padding-top: 0; margin-top: 1px;}
123 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell,
124 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell{ margin-bottom: 4px; transition: transform .2s ease;cursor: pointer; display: inline-flex;justify-content: center;align-items: center;}
125 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg,
126 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg{ border-radius: 50%; width: 36px; height: 34px; text-align: center; background: #f5f5f5; margin: 0 2px 0 0; display: inline-block; position: initial; padding: 6px;}
127 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover,
128 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover{ transform: scale(1.1)}
129 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count,
130 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count{padding: 0; display: inline-block; font-size: 13px; line-height: 16px; font-weight: 600;}
131
132 #wpforo #wpf-widget-profile .wpf-prof-notifications,
133 #wpf-widget-profile .wpf-prof-notifications{position: relative;}
134 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications,
135 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications{ display:none; position: absolute; background: #fafafa; border-bottom: 3px solid #999; border-top: none; min-width: 220px; width: 100%; top:7px; z-index: 100000; padding: 0 10px;}
136 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head,
137 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head{padding: 12px 5px 9px 5px; font-weight: 600; letter-spacing: 0.5px; font-size: 14px; }
138 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i,
139 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i{font-size: 15px; margin-right: 3px;}
140 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content,
141 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content{padding: 10px 0 1px 0; overflow-y: auto; overflow-x: hidden; max-height: 400px; font-size: 12px;}
142 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin,
143 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin{text-align: center; padding: 0 10px 5px 0; font-size: 22px; color: #999;}
144 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
145 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
146 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
147 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{margin: 0; list-style: none;}
148 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
149 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{padding: 7px 4px 7px 6px; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start;}
150 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft,
151 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft{ flex-basis: 10%; padding-top: 4px;}
152 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright,
153 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright{ flex-basis: 90%; line-height: 19px;}
154 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg,
155 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg{font-size: 16px; width: 16px; height: 16px;}
156 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc,
157 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc{font-size: 11px; line-height: 18px; display: inline; margin-left: 5px; border-left: 1px solid #ccc; padding-left: 10px;}
158 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions,
159 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions{display:none; text-align: right; padding: 10px 5px 5px 5px; font-size: 12px;}
160 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification,
161 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification{padding: 5px 10px 15px 10px; font-size: 13px;}
162
163 #wpforo #wpf-widget-profile .wpf-prof-content,
164 #wpf-widget-profile .wpf-prof-content{padding:10px 5px; border-bottom: 1px dashed #CCCCCC;}
165 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title,
166 #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title{display: inline-block; margin-right: 5px; font-size: 13px; color: #666;}
167 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut,
168 #wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut {display: inline-block !important;font-size: 11px;line-height: 15px;padding: 2px 15px;margin: 5px auto; border: 1px solid #dddddd; border-radius: 3px;}
169 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full ,
170 #wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full {display: inline-block;font-size: 16px;font-weight: bold;line-height: 18px;min-width: 30px;padding: 2px;text-align: center;white-space: nowrap;}
171 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy,
172 #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy{font-size:20px;}
173 #wpforo #wpf-widget-profile .wpf-prof-footer,
174 #wpf-widget-profile .wpf-prof-footer{margin-bottom: 5px;}
175 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons,
176 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons{ margin-top: 3px;}
177 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a,
178 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a{margin-right: 3px;padding: 4px 10px 4px 10px;text-align: center;line-height: 16px;font-size: 13px;background:#f5f5f5;margin-top: 10px;display: inline-block; border-radius: 2px;color: #21759b;}
179 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover,
180 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover{color: #f5f5f5;}
181 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout,
182 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout{padding: 4px 15px 4px 15px; color: #f42d2c;}
183 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover,
184 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover{background-color: #f42d2c!important; color: #fff;}
185 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-button,
186 #wpf-widget-profile .wpf-prof-footer .wpf-button{box-shadow: none;}
187 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg,
188 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg{min-height: 13px; width: 16px;}
189
190 /******************************************************/
191 /********************* Addons Widgets *****************/
192 /******************************************************/
193 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar,
194 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar{ font-size:20px;}
195 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right,
196 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right{ width:calc(100% - 30px);}
197 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate,
198 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate{font-size:12px; color:#888888;}
199 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes,
200 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes{font-size:12px; color:#888888; line-height:16px;}
201
202 @media screen and (max-width:800px) {
203 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
204 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:99%; height:99%;}
205 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
206 #wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:14px;}
207 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
208 #wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:13px;}
209 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
210 #wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:13px;}
211 }
212