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-rtl.css

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

207 lines 18.1 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:right; height:0; line-height: 0;}
17 .wpf-clear-right {clear:left; 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-left: 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
35 #wpforo #wpforo-wrap .widget-title,
36 #wpforo .wpforo-widget-wrap .widget-title,
37 .wpforo-widget-wrap .widget-title{ padding:10px 0 15px 0; margin-bottom:5px; font-size:20px;}
38 #wpforo .wpforo-widget-wrap .wpforo-widget-content,
39 .wpforo-widget-wrap .wpforo-widget-content{padding:10px 1px 20px 1px!important; margin:0;}
40 #wpforo .wpforo-widget-wrap .wpforo-widget-content ul,
41 .wpforo-widget-wrap .wpforo-widget-content ul{padding:0; margin:0; border:none;}
42 #wpforo .wpforo-widget-wrap .wpforo-widget-content li,
43 .wpforo-widget-wrap .wpforo-widget-content li{padding:8px 0!important; margin:0; list-style:none; border:none;}
44 #wpforo .wpforo-widget-wrap .wpforo-widget-content .avatar,
45 .wpforo-widget-wrap .wpforo-widget-content .avatar{border-radius: 50%;}
46 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note,
47 .wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note{ font-size:13px; line-height:18px;}
48 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left,
49 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left{float:right; width:16%;}
50 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
51 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:3vw; height:3vw; max-width:100%!important;}
52 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right,
53 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right{float:left; width:80%;}
54 #wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child,
55 #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child{border:none;}
56 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle,
57 #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle{font-size:14px; padding:0; margin:0; line-height:18px; font-weight:normal;}
58 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
59 #wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:13px; padding:0; margin:5px 0 0; line-height:1.4;}
60 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
61 #wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:12px; padding:0; margin:0; line-height:16px;}
62 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
63 #wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:12px; padding:0; margin:0; line-height:16px;}
64 #wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineuser,
65 #wpf-widget-online-users .wpforo-widget-content a.onlineuser{ padding:3px 7px; border:1px solid #ededed; display:inline-block; margin:0 2px 5px 3px; line-height:18px; font-size:13px;}
66 #wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineavatar,
67 #wpf-widget-online-users .wpforo-widget-content a.onlineavatar{ padding:1px; border:1px solid #ededed; display:inline-block; margin:0 2px 5px 3px; width:20%;max-width: 64px;}
68 #wpforo #wpf-widget-search input[type="text"],
69 #wpf-widget-search input[type="text"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
70 #wpforo #wpf-widget-search input[type="submit"],
71 #wpf-widget-search input[type="submit"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
72 #wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item,
73 #wpf-widget-forums .wpforo-widget-content .wpf-dl-item{ padding-top:2px; display:block; line-height: 22px;}
74 #wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item i,
75 #wpf-widget-forums .wpforo-widget-content .wpf-dl-item i{margin-left:7px;}
76 #wpforo #wpf-widget-forums .wpforo-widget-content dl,
77 #wpf-widget-forums .wpforo-widget-content dl{ display:block; padding:0; margin:0;}
78 #wpforo #wpf-widget-forums .wpforo-widget-content dd,
79 #wpf-widget-forums .wpforo-widget-content dd{ display:block; margin-right:15px;}
80 #wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label,
81 #wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label{ font-weight: 700; color: #666; }
82 /* Topic Tags Widget - Clean Flat Style (RTL) */
83 #wpforo .wpforo-widget-wrap ul.wpf-widget-tags,
84 .wpforo-widget-wrap ul.wpf-widget-tags{display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0;}
85 #wpforo .wpforo-widget-wrap .wpf-widget-tags li,
86 .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;}
87 #wpforo .wpforo-widget-wrap .wpf-widget-tags li a,
88 .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;}
89 #wpforo .wpforo-widget-wrap .wpf-widget-tags li span,
90 .wpforo-widget-wrap .wpf-widget-tags li span{display: inline!important; margin-right: 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;}
91 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags,
92 .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags{padding-top: 10px!important;}
93 #wpforo .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
94 .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
95 #wpforo .wpforo-widget-wrap .wpforo-list-item span.wpf-new-button,
96 .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; }
97
98 #wpf-widget-profile, #wpf-widget-profile *{box-sizing: border-box; box-shadow: none; color: inherit;}
99 #wpforo #wpf-widget-profile .wpf-prof-header,
100 #wpf-widget-profile .wpf-prof-header{display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end;}
101 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar,
102 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar{padding-left: 15px;}
103 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-info,
104 #wpf-widget-profile .wpf-prof-header .wpf-prof-info{flex-grow: 2; border-bottom: 1px dashed #CCCCCC; padding-bottom: 5px;}
105 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
106 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
107 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar,
108 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar{ max-width: 48px; max-height:48px; border-radius: 50%; vertical-align: bottom;}
109 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-name,
110 #wpf-widget-profile .wpf-prof-header .wpf-prof-name{font-size: 13px; font-weight: 600; color: #666;}
111 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-author-nicename,
112 #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;}
113 #wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after,
114 #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{right: 18px; top: -5px; white-space: normal;}
115 #wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::before,
116 #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{right: 18px; top: -5px;}
117 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts,
118 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts{ border-bottom: 1px dashed #CCCCCC;align-self: stretch;padding-top: 0; margin-top: 1px;}
119 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell,
120 #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;}
121 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg,
122 #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 0 0 2px; display: inline-block;position: initial; padding:8px;}
123 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover,
124 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover{transform: scale(1.1)}
125 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count,
126 #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;}
127
128 #wpforo #wpf-widget-profile .wpf-prof-notifications,
129 #wpf-widget-profile .wpf-prof-notifications{position: relative;}
130 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications,
131 #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;}
132 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head,
133 #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; }
134 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i,
135 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i{font-size: 15px; margin-left: 3px;}
136 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content,
137 #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;}
138 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin,
139 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin{text-align: center; padding: 0 0 5px 10px; font-size: 22px; color: #999;}
140 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
141 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
142 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
143 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{margin: 0; list-style: none;}
144 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
145 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{padding: 7px 6px 7px 4px; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start;}
146 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft,
147 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft{ flex-basis: 10%; padding-top: 4px;}
148 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright,
149 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright{ flex-basis: 90%; line-height: 19px;}
150 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg,
151 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg{font-size: 16px; width: 16px; height: 16px;}
152 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc,
153 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc{font-size: 11px; line-height: 18px; display: inline; margin-right: 5px; border-right: 1px solid #ccc; padding-right: 10px;}
154 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions,
155 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions{display:none; text-align: left; padding: 10px 5px 5px 5px; font-size: 12px;}
156 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification,
157 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification{padding: 5px 10px 15px 10px; font-size: 13px;}
158
159 #wpforo #wpf-widget-profile .wpf-prof-content,
160 #wpf-widget-profile .wpf-prof-content{padding:10px 5px; border-bottom: 1px dashed #CCCCCC;}
161 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title,
162 #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title{display: inline-block; margin-left: 5px; font-size: 13px; color: #666;}
163 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut,
164 #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;}
165 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full ,
166 #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;}
167 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy,
168 #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy{font-size:20px;}
169 #wpforo #wpf-widget-profile .wpf-prof-footer,
170 #wpf-widget-profile .wpf-prof-footer{margin-bottom: 5px;}
171 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons,
172 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons{ margin-top: 3px;}
173 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a,
174 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a{margin-left: 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;}
175 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover,
176 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover{color: #f5f5f5;}
177 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout,
178 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout{padding: 4px 15px 4px 15px; color: #f42d2c;}
179 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover,
180 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover{background-color: #f42d2c!important; color: #fff;}
181 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-button,
182 #wpf-widget-profile .wpf-prof-footer .wpf-button{box-shadow: none;}
183 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg{height: 13px;}
184
185 /******************************************************/
186 /********************* Addons Widgets *****************/
187 /******************************************************/
188 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar,
189 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar{ font-size:20px;}
190 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right,
191 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right{ width:calc(100% - 30px);}
192 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate,
193 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate{font-size:12px; color:#888888;}
194 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes,
195 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes{font-size:12px; color:#888888; line-height:16px;}
196
197 @media screen and (max-width:800px) {
198 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
199 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:99%; height:99%;}
200 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
201 #wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:14px;}
202 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
203 #wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:13px;}
204 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
205 #wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:13px;}
206 }
207