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 / 2022 / widgets-rtl.css

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

206 lines 18.0 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 #wpforo .wpforo-widget-wrap ul.wpf-widget-tags,
83 .wpforo-widget-wrap ul.wpf-widget-tags{display: flex;flex-flow: row wrap;justify-content:start;}
84 #wpforo .wpforo-widget-wrap .wpf-widget-tags li,
85 .wpforo-widget-wrap .wpf-widget-tags li{list-style: none!important;display: inline-block!important;padding: 0!important;margin: 0 0 8px 10px!important;font-family:Merriweather, Georgia, Verdana!important;}
86 #wpforo .wpforo-widget-wrap .wpf-widget-tags li a,
87 .wpforo-widget-wrap .wpf-widget-tags li a{display:inline-block!important;padding: 1px 8px!important;line-height: 18px!important;vertical-align: baseline!important;font-size: 11px!important;border-width: 1px!important;border-style: solid!important;border-left-style: dotted!important;border-left-width: 2px!important;}
88 #wpforo .wpforo-widget-wrap .wpf-widget-tags li span,
89 .wpforo-widget-wrap .wpf-widget-tags li span{display:inline-block!important;margin: 0 !important;padding: 1px 6px!important;line-height: 18px!important;text-align: center!important;vertical-align: baseline!important;font-size: 11px!important;min-width: 22px;}
90 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags,
91 .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags{padding-top: 10px!important;}
92 #wpforo .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
93 .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
94 #wpforo .wpforo-widget-wrap .wpforo-list-item span.wpf-new-button,
95 .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; }
96
97 #wpf-widget-profile, #wpf-widget-profile *{box-sizing: border-box; box-shadow: none; color: inherit;}
98 #wpforo #wpf-widget-profile .wpf-prof-header,
99 #wpf-widget-profile .wpf-prof-header{display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end;}
100 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar,
101 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar{padding-left: 15px;}
102 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-info,
103 #wpf-widget-profile .wpf-prof-header .wpf-prof-info{flex-grow: 2; border-bottom: 1px dashed #CCCCCC; padding-bottom: 5px;}
104 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
105 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
106 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar,
107 #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar{ max-width: 48px; max-height:48px; border-radius: 50%; vertical-align: bottom;}
108 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-name,
109 #wpf-widget-profile .wpf-prof-header .wpf-prof-name{font-size: 13px; font-weight: 600; color: #666;}
110 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-author-nicename,
111 #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;}
112 #wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after,
113 #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{right: 18px; top: -5px; white-space: normal;}
114 #wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::before,
115 #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{right: 18px; top: -5px;}
116 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts,
117 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts{ border-bottom: 1px dashed #CCCCCC;align-self: stretch;padding-top: 0; margin-top: 1px;}
118 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell,
119 #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;}
120 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg,
121 #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;}
122 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover,
123 #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover{transform: scale(1.1)}
124 #wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count,
125 #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;}
126
127 #wpforo #wpf-widget-profile .wpf-prof-notifications,
128 #wpf-widget-profile .wpf-prof-notifications{position: relative;}
129 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications,
130 #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;}
131 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head,
132 #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; }
133 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i,
134 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i{font-size: 15px; margin-left: 3px;}
135 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content,
136 #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;}
137 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin,
138 #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;}
139 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
140 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
141 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
142 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{margin: 0; list-style: none;}
143 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
144 #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;}
145 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft,
146 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft{ flex-basis: 10%; padding-top: 4px;}
147 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright,
148 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright{ flex-basis: 90%; line-height: 19px;}
149 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg,
150 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg{font-size: 16px; width: 16px; height: 16px;}
151 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc,
152 #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;}
153 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions,
154 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions{display:none; text-align: left; padding: 10px 5px 5px 5px; font-size: 12px;}
155 #wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification,
156 #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification{padding: 5px 10px 15px 10px; font-size: 13px;}
157
158 #wpforo #wpf-widget-profile .wpf-prof-content,
159 #wpf-widget-profile .wpf-prof-content{padding:10px 5px; border-bottom: 1px dashed #CCCCCC;}
160 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title,
161 #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title{display: inline-block; margin-left: 5px; font-size: 13px; color: #666;}
162 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut,
163 #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;}
164 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full ,
165 #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;}
166 #wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy,
167 #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy{font-size:20px;}
168 #wpforo #wpf-widget-profile .wpf-prof-footer,
169 #wpf-widget-profile .wpf-prof-footer{margin-bottom: 5px;}
170 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons,
171 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons{ margin-top: 3px;}
172 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a,
173 #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;}
174 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover,
175 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover{color: #f5f5f5;}
176 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout,
177 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout{padding: 4px 15px 4px 15px; color: #f42d2c;}
178 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover,
179 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover{background-color: #f42d2c!important; color: #fff;}
180 #wpforo #wpf-widget-profile .wpf-prof-footer .wpf-button,
181 #wpf-widget-profile .wpf-prof-footer .wpf-button{box-shadow: none;}
182 #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg{height: 13px;}
183
184 /******************************************************/
185 /********************* Addons Widgets *****************/
186 /******************************************************/
187 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar,
188 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar{ font-size:20px;}
189 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right,
190 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right{ width:calc(100% - 30px);}
191 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate,
192 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate{font-size:12px; color:#888888;}
193 #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes,
194 #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes{font-size:12px; color:#888888; line-height:16px;}
195
196 @media screen and (max-width:800px) {
197 #wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
198 .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:99%; height:99%;}
199 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
200 #wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:14px;}
201 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
202 #wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:13px;}
203 #wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
204 #wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:13px;}
205 }
206