| 1 |
#wpf-admin-wrap .menu_edit{color: #a7a7a7;cursor: pointer;} |
| 2 |
#wpf-admin-wrap .menu_edit:hover{color: #004eb7;cursor: pointer;} |
| 3 |
#wpf-admin-wrap .menu_delete{color: #a7a7a7;cursor: pointer;} |
| 4 |
#wpf-admin-wrap .menu_delete:hover{color: #eb3034;cursor: pointer;} |
| 5 |
#wpf-admin-wrap .forum_width{width: 65%;} |
| 6 |
#wpf-admin-wrap .forumtitle{font-size:14px;font-weight:bold;width: 52%;} |
| 7 |
#wpf-admin-wrap #forum-hierarchy .menu-item-bar .menu-item-handle{ max-width: none; } |
| 8 |
#wpf-admin-wrap .item-controls{font-size:13px;} |
| 9 |
#wpf-admin-wrap .item-controls span a img{ vertical-align:middle;} |
| 10 |
#wpf-admin-wrap .root_forum{text-decoration: none!important;color:#231f1f; } |
| 11 |
#wpf-admin-wrap .forum_submit {margin: 0 5px 10px 5px; min-width: 80px !important;} |
| 12 |
#wpf-admin-wrap .wpf-delete.button, #wpf-admin-wrap .preview.button{display: inline-block !important;margin-bottom: 10px !important;} |
| 13 |
#wpf-admin-wrap .item-controls{top: 10%!important;} |
| 14 |
#forum_submit{width: 80px!important;} |
| 15 |
#usergroup_table{width:98%;} |
| 16 |
#use_us_cat{width: 1%!important;} |
| 17 |
#wpf-admin-wrap .form-field textarea{width: 100% !important;} |
| 18 |
#wpf-admin-wrap .option_box{ margin: 30px;padding: 30px; width: 30%;height: 20%;background: #e9e9eb;border: 1px dotted black;border-radius: 10px;float: left;overflow: auto;} |
| 19 |
#wpf-admin-wrap .option_box label{margin: 0.5%;font-weight: bold;} |
| 20 |
#wpf-admin-wrap .wpfadmin_notice{cursor: pointer;} |
| 21 |
#wpf-admin-wrap .wp-color-result:after{white-space:nowrap;} |
| 22 |
#wpf-admin-wrap .wpf-table-box-left{ width:30%; margin:0; padding:10px; border:#aaa 1px dashed; float:left; background:#FDFDFD; } |
| 23 |
#wpf-admin-wrap .wpf-td-label{ font-weight:bold; font-size:13px; line-height:16px; } |
| 24 |
#wpf-admin-wrap .wpf-td-label-left{ font-weight:bold; font-size:13px; line-height:16px; text-align:left; vertical-align:top; } |
| 25 |
#wpf-admin-wrap .wpf-td-label-left-p{ font-weight:bold; font-size:13px; line-height:16px; text-align:left; vertical-align:top; padding:5px 1px; } |
| 26 |
#wpf-admin-wrap .wpf-dw-td{ vertical-align:top; text-align:left; width:40%; font-weight:bold;line-height: 2.1em; } |
| 27 |
#wpf-admin-wrap .wpf-dw-td-nowrap{width: 90%; vertical-align:top; text-align:left; font-weight:bold; white-space:nowrap; line-height: 2.1em; } |
| 28 |
#wpf-admin-wrap .wpf-dw-td-value{ vertical-align:top; text-align:left;line-height: 2.1em; } |
| 29 |
#wpf-admin-wrap .wpf-dw-td-g{ width:50%; text-align:right; vertical-align:top; padding-right:10px; font-weight:bold; } |
| 30 |
#wpf-admin-wrap .wpf-dw-td-value-b{ vertical-align:bottom; text-align:left; } |
| 31 |
#wpf-admin-wrap .wpf-dw-td-value-p{ vertical-align:top; text-align:left; padding:5px 1px; } |
| 32 |
#wpf-admin-wrap label i.fa-question-circle{ padding: 0 3px;} |
| 33 |
#wpf-admin-wrap input[type="color"]{display: inline-block; vertical-align: middle; width: 100px; padding: 4px; height: 27px;} |
| 34 |
#wpf-admin-wrap #wpf_usergroup_colorx{display: inline-block; vertical-align: middle; width: 100px; border-color: green; min-height: 27px; line-height: 20px; padding: 0 7px;} |
| 35 |
|
| 36 |
/****************************************************/ |
| 37 |
/************* Admin members bar ********************/ |
| 38 |
/****************************************************/ |
| 39 |
|
| 40 |
.author-rating { |
| 41 |
height: 8px; |
| 42 |
border: 1px solid #E0E0E0; |
| 43 |
background: #F5F5F5; |
| 44 |
width: 90px; |
| 45 |
margin: 15px auto 2px 0; |
| 46 |
padding: 0; |
| 47 |
} |
| 48 |
.author-rating .bar{ height:8px; } |
| 49 |
|
| 50 |
.wpfw-0 { width:0; } |
| 51 |
.wpfw-10{ width:10%; } |
| 52 |
.wpfw-20{ width:20%; } |
| 53 |
.wpfw-30{ width:30%; } |
| 54 |
.wpfw-40{ width:40%; } |
| 55 |
.wpfw-50{ width:50%; } |
| 56 |
.wpfw-60{ width:60%; } |
| 57 |
.wpfw-70{ width:70%; } |
| 58 |
.wpfw-80{ width:80%; } |
| 59 |
.wpfw-90{ width:90%; } |
| 60 |
.wpfw-100{ width:100%; } |
| 61 |
|
| 62 |
.wpfcl-a{ color:#68A3C1!important; } /* Blue Dark */ |
| 63 |
.wpfbg-a{ background-color:#68A3C1!important; } |
| 64 |
.wpfcl-b{ color:#43A6DF!important; } /* Blue Dark */ |
| 65 |
.wpfbg-b{ background-color:#43A6DF!important; } |
| 66 |
.wpfcl-0{ color:#999999!important; } /* Grey */ |
| 67 |
.wpfbg-0{ background-color:#999999!important; } |
| 68 |
.wpfcl-1{ color:#555555!important; } /* Grey - Black */ |
| 69 |
.wpfbg-1{ background-color:#555555!important; } |
| 70 |
.wpfcl-2{ color:#777777!important; } /* Grey */ |
| 71 |
.wpfbg-2{ background-color:#777777!important; } |
| 72 |
.wpfcl-3{ color:#ffffff!important; } /* White */ |
| 73 |
.wpfbg-3{ background-color:#ffffff!important; } |
| 74 |
.wpfcl-4{ color:#72CCFC!important;} /* Blue Light */ |
| 75 |
.wpfbg-4{ background-color:#72CCFC!important; } |
| 76 |
.wpfcl-5{ color:#FF812D!important; } /* Orange */ |
| 77 |
.wpfbg-5{ background-color:#FF812D!important; } |
| 78 |
.wpfcl-6{ color:#0099CC!important; } /* Blue */ |
| 79 |
.wpfbg-6{ background-color:#0099CC!important; } |
| 80 |
.wpfcl-7{ color:#E6E6E6!important; } /* Grey */ |
| 81 |
.wpfbg-7{ background-color:#E6E6E6!important; } |
| 82 |
.wpfcl-8{ color:#4DCA5C!important; } /* Green */ |
| 83 |
.wpfbg-8{ background-color:#4DCA5C!important; } |
| 84 |
.wpfcl-9{ color:#f5f5f5!important; } /* Grey */ |
| 85 |
.wpfbg-9{ background-color:#f5f5f5!important; } |
| 86 |
|
| 87 |
|
| 88 |
|
| 89 |
/**************************/ |
| 90 |
/* Global *****************/ |
| 91 |
/**************************/ |
| 92 |
|
| 93 |
#wpf-admin-wrap{ margin-top:0; } |
| 94 |
#wpf-admin-wrap .wpf-delete{ color:#aa0000;} |
| 95 |
#wpf-admin-wrap .wpf-delete:hover{ color:#ff0000;} |
| 96 |
.wpforo-themes .wpf-delete{ color:#aa0000;} |
| 97 |
.wpforo-themes .wpf-delete:hover{ color:#ff0000;} |
| 98 |
#wpf-admin-wrap .show-settings { border:none; text-decoration:none; overflow:hidden; outline:none; } |
| 99 |
#wpf-admin-wrap .wpforo-search-box{ display:block; margin:15px 0 5px 0; text-align:right; } |
| 100 |
#wpf-admin-wrap .wpf-red{ color:#D74245; } |
| 101 |
#wpf-admin-wrap .wpf-green{ color:#42B720; } |
| 102 |
|
| 103 |
/**************************/ |
| 104 |
/* Forums *****************/ |
| 105 |
/**************************/ |
| 106 |
#wpf-admin-wrap #forum-hierarchy .dashicons{ vertical-align: middle; transition: none; font-size: 18px; } |
| 107 |
#wpf-admin-wrap #forum-hierarchy .item-controls{ border-left: 1px dotted; padding-left: 22px; display: flex; justify-content: center; align-items: center;} |
| 108 |
#wpf-admin-wrap #forum-hierarchy .item-controls a{ opacity: 0.8; } |
| 109 |
#wpf-admin-wrap #forum-hierarchy .item-controls a:hover{ opacity: 1; } |
| 110 |
#wpf-admin-wrap .menu-item-bar > .forum_width{ background: #F6F6F6; border-left: 1px dotted #666666; border-right: 1px dotted #666666} |
| 111 |
#wpf-admin-wrap .menu-item-depth-0 > .menu-item-bar > .forum_width .item-controls{ border-color: #FFFFFF;} |
| 112 |
#wpf-admin-wrap .menu-item-bar > .forum_width .item-controls{ border-color: #666666; font-size:16px;} |
| 113 |
#wpf-admin-wrap .menu-item-depth-0 > .menu-item-bar > .forum_width{ background: #43A6DF; color: white} |
| 114 |
#wpf-admin-wrap .menu-item-bar > .forum_width:hover{ border: 1px solid #666666} |
| 115 |
#wpf-admin-wrap .menu-item-depth-0 > .menu-item-bar > .forum_width a{ color: white; font-size:16px; padding:0 2px; border-radius:10%;} |
| 116 |
#wpf-admin-wrap .menu-item-bar > .forum_width .wpforo-cat-layout { font-size:12px;} |
| 117 |
#wpf-admin-wrap .inside .main .wpforo-dashboard-logo{ width:140px; height:auto;} |
| 118 |
#wpf-admin-wrap .vert_tab{ display: block; margin-top: 1px;} |
| 119 |
#wpf-admin-wrap .nav-tab-wrapper.vert_tab{ display: inline-block; width: 17%; border: none; vertical-align: top; margin: 0 !important; padding: 0 !important; float: left; position:relative; z-index:9;} |
| 120 |
#wpf-admin-wrap .nav-tab.vert_tab{ border-bottom: 1px solid #ccc} |
| 121 |
#wpf-admin-wrap .nav-tab-wrapper.vert_tab > a:first-child{ margin-top: 0} |
| 122 |
#wpf-admin-wrap .nav-tab-active.vert_tab{ border-bottom-color: #ccc !important; border-right-color:#fff;} |
| 123 |
#wpf-admin-wrap .plugins-tab-wrap{ width: 83%; min-height: 700px; border: 1px solid #cccccc; display: inline-block; margin-left: -1px; padding: 5px 25px; box-sizing: border-box; float: left} |
| 124 |
#wpf-admin-wrap .nav-tab-wrapper > a.nav-tab:last-child{ float: right} |
| 125 |
#wpf-admin-wrap .nav-tab-wrapper > a.nav-tab.vert_tab{ float: none !important} |
| 126 |
#wpf-admin-wrap .nav-tab-wrapper > a.nav-tab.vert_tab:last-child{ float: none !important} |
| 127 |
|
| 128 |
|
| 129 |
/**************************/ |
| 130 |
/* SETTINGS ***************/ |
| 131 |
/**************************/ |
| 132 |
|
| 133 |
#wpf-admin-wrap .nav-tab{ padding: 7px 12px; } |
| 134 |
#wpf-admin-wrap .nav-tab-active, |
| 135 |
#wpf-admin-wrap .nav-tab-active:hover{ background-color:#FFFFFF; border-bottom-color:#FFFFFF; } |
| 136 |
#wpf-admin-wrap .wpf-info-bar { background: none repeat scroll 0 0 #fff; border: 1px solid #e5e5e5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); font-size: 13px; line-height: 2.1em; margin:0; overflow: auto; padding: 10px 15px 15px 15px; position: relative; border-top:none; } |
| 137 |
#wpf-admin-wrap .major-publishing-actions{ margin-top:20px; } |
| 138 |
#wpf-admin-wrap .wpf-label-big{ font-size:16px; display:table; margin-bottom:13px; margin-top:10px; } |
| 139 |
#wpf-admin-wrap .wpf-field-small{ width:25% } |
| 140 |
#wpf-admin-wrap .wpf-field-medium{ width:50% } |
| 141 |
#wpf-admin-wrap .wpf-field-full{ width:100% } |
| 142 |
#wpf-admin-wrap .wpf-info, #wpf_deactivation_dialog_wrap .wpf-info{ color:#777; font-size:13px; font-style:italic; font-weight:400; line-height:18px; margin:0;} |
| 143 |
|
| 144 |
.wpforo_settings_table{ width:100%; padding:0; margin:2px; border-spacing: 0; border-collapse: collapse;} |
| 145 |
.wpforo_settings_table th, .wpforo_settings_table td { padding:8px 10px; text-align:left; vertical-align:top; } |
| 146 |
.wpforo_settings_table th{ font-weight:bold; font-size:14px; width:42%; } |
| 147 |
/*.wpforo_settings_table tr:nth-child(odd) { background: #f5f5f5; } |
| 148 |
.wpforo_settings_table tr:nth-child(even) { background: #FFFFFF; }*/ |
| 149 |
.wpforo_settings_table input[type="text"], |
| 150 |
.wpforo_settings_table input[type="password"], |
| 151 |
.wpforo_settings_table input[type="email"], |
| 152 |
.wpforo_settings_table input[type="url"], |
| 153 |
.wpforo_settings_table textarea{ padding:5px 10px; width:70%; } |
| 154 |
.wpforo_settings_table select{ min-width:150px;} |
| 155 |
.wpforo_settings_table input[type="number"]{ padding:1px 2px 1px 10px; width:30%; } |
| 156 |
.wpforo_settings_foot{ clear:both; width:100%; text-align:right; padding:15px 0 5px 0; margin:0 0 0 0; border-top:#f8f8f8 solid 3px; } |
| 157 |
.wpforo_settings_foot input:first-child{ float: right } |
| 158 |
.wpforo_settings_foot input:last-child{ float: left } |
| 159 |
.wpforo_settings_foot::after{ |
| 160 |
content: ""; |
| 161 |
clear: both; |
| 162 |
display: table; |
| 163 |
} |
| 164 |
|
| 165 |
.wpf-switch-field input { display: none;} |
| 166 |
.wpf-switch-field label {float: left;} |
| 167 |
.wpf-switch-field label {display: inline-block; line-height: 20px; min-width:80px; background-color: #e4e4e4;color:#333;font-size: 13px;font-weight: normal;text-align: center;text-shadow: none;padding: 2px 6px;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} |
| 168 |
.wpf-switch-field label:hover {cursor: pointer;} |
| 169 |
.wpf-switch-field input:checked + label {background-color: #43A6DF; -webkit-box-shadow: none; box-shadow: none; color:#fff;} /* #66DD8D */ |
| 170 |
/* .wpf-switch-field input:last-of-type:checked + label {background-color:#F77059; -webkit-box-shadow: none; box-shadow: none;} */ |
| 171 |
.wpf-switch-field input[disabled] + label {opacity: 0.5;} /* #66DD8D */ |
| 172 |
.wpf-switch-field label:first-of-type {border-radius: 4px 0 0 4px;} |
| 173 |
.wpf-switch-field label:last-of-type {border-radius: 0 4px 4px 0;} |
| 174 |
|
| 175 |
/**************************/ |
| 176 |
/* SETTINGS > GENERAL *****/ |
| 177 |
/**************************/ |
| 178 |
|
| 179 |
|
| 180 |
/**************************/ |
| 181 |
/* SETTINGS > MEMBERS *****/ |
| 182 |
/**************************/ |
| 183 |
|
| 184 |
#wpf-rating-table{ width:100%; font-size:12px; } |
| 185 |
#wpf-rating-table input{ font-size:12px; height: 24px; width:100%; } |
| 186 |
#wpf-rating-table input[type="checkbox"]{ width: 16px; height: 16px;} |
| 187 |
#wpf-rating-table i{} |
| 188 |
#wpf-rating-table h4{ margin:0; padding:0; font-size:14px; font-weight:bold; white-space:nowrap; } |
| 189 |
#wpf-rating-table .wpf-badge-short{ color:#FFFFFF; white-space:nowrap; font-size:15px; line-height:22px; font-weight:bold; text-align:center; display:inline-block; padding:2px 10px; min-width:30px;} |
| 190 |
#wpf-rating-table .wpf-badge-full{ color:#FFFFFF; white-space:nowrap; font-size:15px; line-height:16px; font-weight:bold; text-align:center; display:inline-block; padding:2px 8px; min-width:30px;} |
| 191 |
#wpf-rating-table .wpf-badge-full.wpf-badge-level-6, #wpf-rating-table .wpf-badge-full.wpf-badge-level-7, #wpf-rating-table .wpf-badge-full.wpf-badge-level-8 { font-size:18px!important; } |
| 192 |
#wpf-rating-table .wpf-badge-full.wpf-badge-level-9, #wpf-rating-table .wpf-badge-full.wpf-badge-level-10 { font-size:22px!important; } |
| 193 |
#wpf-rating-table th{ text-transform:uppercase; font-size:12px;} |
| 194 |
|
| 195 |
/**************************/ |
| 196 |
/* SETTINGS > STYLES ******/ |
| 197 |
/**************************/ |
| 198 |
|
| 199 |
.wpforo-style-color-wrapper{width:14%; float:left; } |
| 200 |
.wpforo-style-field{ height:auto; min-height:38px;} |
| 201 |
.wpforo-style-field input{} |
| 202 |
.wp-picker-container input.wp-color-picker[type="text"]{ vertical-align:top; } |
| 203 |
.wpf-forum-additional-options .wp-picker-container .wp-color-result.button, |
| 204 |
.wpforo-style-color-wrapper .wp-picker-container .wp-color-result.button{min-height: 25px;} |
| 205 |
.wpforo-style-color{ display:block; color:#333333; font-weight:bold; text-align:center; float:left; width:23px; padding:0 5px; margin-right:5px; border:#CCCCCC 1px solid;} |
| 206 |
#wpf-admin-wrap .iris-picker{z-index: 1;position: absolute;} |
| 207 |
#dynamic-css-notice-wrap{margin-top: 25px;padding: 15px;background-color: #FFFFC6;border: 1px solid #e5e5e5;} |
| 208 |
#dynamic-css-notice-wrap p{margin: 0;} |
| 209 |
#dynamic-css-notice-wrap br{display: block;margin: 5px 0;content: " ";line-height: 5px;} |
| 210 |
#dynamic-css-notice-wrap hr{border: 0;border-top: 1px solid #777;border-bottom: none;} |
| 211 |
#dynamic-css-notice-wrap b{font-size: larger;} |
| 212 |
#dynamic-css-notice-wrap #dynamic-css-code-wrap{position: relative;padding-top: 30px;margin-top: 15px;} |
| 213 |
#dynamic-css-notice-wrap #dynamic-css-code-wrap .dynamic-css-fname{display: inline-block;padding: 2px 15px;height: 27px;font-weight: bold;position: absolute;top: 0;left: 0;cursor: copy;background-color: lightyellow;border: 1px solid #ddd;border-bottom: none;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} |
| 214 |
#dynamic-css-notice-wrap #dynamic-css-code-wrap textarea.dynamic-css-code{width: 100%;min-height: 200px;height: 200px;resize: vertical;cursor: copy;background-color: lightyellow;color: #000;padding: 22px;} |
| 215 |
#dynamic-css-notice-wrap #dynamic-css-code-wrap textarea.dynamic-css-code:focus{border: 1px solid #ddd;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);} |
| 216 |
#dynamic-css-notice-wrap #dynamic-css-code-wrap textarea.dynamic-css-code:focus ~ .dynamic-css-fname{border-color: #5b9dd9;box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );} |
| 217 |
#dynamic-css-notice-wrap #dynamic-css-code-wrap .wpf_copied_txt{display: inline-block;align-items: center;transition: opacity 0.2s linear;justify-content: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 3px 15px;border-radius: 7px;background: rgba(0, 0, 0, 0.8);opacity: 0;color: #ffffff;font-weight: bold;font-size: 1.2em;} |
| 218 |
.wpf_copy_animate{animation: wpf_bounce 0.4s linear;} |
| 219 |
#dynamic-css-notice-wrap #dynamic-css-code-wrap.wpf_copy_animate .wpf_copied_txt{opacity: 1;} |
| 220 |
@keyframes wpf_bounce { |
| 221 |
0%{ |
| 222 |
transform: scale(1); |
| 223 |
} |
| 224 |
20%{ |
| 225 |
transform: scale(0.95); |
| 226 |
} |
| 227 |
40%{ |
| 228 |
transform: scale(1.04); |
| 229 |
} |
| 230 |
60%{ |
| 231 |
transform: scale(0.97); |
| 232 |
} |
| 233 |
80%{ |
| 234 |
transform: scale(1.02); |
| 235 |
} |
| 236 |
100%{ |
| 237 |
transform: scale(1); |
| 238 |
} |
| 239 |
} |
| 240 |
|
| 241 |
.wpf-color-desc ul{ |
| 242 |
margin-left: 10px; |
| 243 |
list-style: disc; |
| 244 |
padding-top: 5px; |
| 245 |
} |
| 246 |
.wpf-color-desc ul li{ |
| 247 |
padding: 0; |
| 248 |
line-height: 18px; |
| 249 |
list-style: disc; |
| 250 |
font-size: 14px; |
| 251 |
} |
| 252 |
.wpf-color-desc ul li ul li{ |
| 253 |
list-style: circle; |
| 254 |
} |
| 255 |
/**************************/ |
| 256 |
/* THEMES *****************/ |
| 257 |
/**************************/ |
| 258 |
|
| 259 |
.wpforo-themes .wpf-div-table{ display:table!important; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background:#FFFFFF; width:100%; padding:0 10px 10px 10px; margin-top:30px; box-sizing:border-box;} |
| 260 |
.wpforo-themes .wpf-div-tr{ display:table-row; } |
| 261 |
.wpforo-themes .wpf-div-td{ display:table-cell; vertical-align:top; padding:15px 10px 10px 15px; } |
| 262 |
.wpforo-themes .wpf-theme-screenshot{ width:250px; height:180px; border:3px solid #ddd; float:left; } |
| 263 |
.wpforo-themes .wpf-theme-info{ margin-left:270px; min-height:185px; } |
| 264 |
.wpforo-themes .wpf-theme-info p{ margin:1px;} |
| 265 |
.wpforo-themes .wpf-layout-info p{ margin:1px;} |
| 266 |
.wpforo-themes .wpf-layout-info a{ text-decoration:none; font-weight:normal; } |
| 267 |
.wpforo-themes .wpf-theme-actions{ display:block; clear:both; margin-top:10px; text-align:right; box-sizing:border-box; padding:2px 20px; } |
| 268 |
.wpforo-themes .wpf-theme-actions .wpf-action{ } |
| 269 |
|
| 270 |
/**************************/ |
| 271 |
/* ADDONS *****************/ |
| 272 |
/**************************/ |
| 273 |
#menu-comments ul > li:nth-child(3) a{ color:#25ACEA!important; text-shadow: 1px 1px 1px #000; } |
| 274 |
.wpforo-addons .wpforo-addons-wrapper {box-sizing: border-box;} |
| 275 |
.wpforo-addons .wpforo-addon-block {width: 280px; padding-top:10px; height:auto; float: left; margin-right: 1%; margin-bottom: 20px; background: #fff; border: 2px solid #e5e5e5; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04);} |
| 276 |
.wpforo-addons .wpforo-addon-block .addon-thumb {float:none; width: 260px; padding:10px; margin-top:2px; height:180px;} |
| 277 |
.wpforo-addons .wpforo-addon-block .addon-info {display:block;background:#43A6DF; padding:10px 15px; border:3px solid #fff; border-top:none;margin: 10px 0 0;min-height: 105px;} |
| 278 |
.wpforo-addons .wpforo-addon-block .addon-title { font-size:16px; font-weight:bold; color:#FFFFFF; margin:0; line-height:18px; display:inline-block; text-decoration:none;} |
| 279 |
.wpforo-addons .wpforo-addon-block .addon-title:hover { color:#E5F6FF;} |
| 280 |
.wpforo-addons .wpforo-addon-block .addon-desc { font-size:13px; color:#FFFFFF; margin:0; line-height:18px; padding:10px 0 0 0; font-style:italic;} |
| 281 |
.wpforo-addons .wpforo-addon-block .addon-isactive {margin: 0; padding:10px; background:#e5e5e5; text-align:center;} |
| 282 |
.wpforo-addons .wpforo-addon-block .addon-button{ margin-bottom:10px;} |
| 283 |
.wpforo-addons .wpforo-addon-block .note-installed { padding:10px 20px; background:#fff; border: 1px solid #ddd; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); color:#2396D3; font-size:14px; margin-top:20px; } |
| 284 |
|
| 285 |
/**************************/ |
| 286 |
/* TOOLS ******************/ |
| 287 |
/**************************/ |
| 288 |
#wpf-admin-wrap .wpf-tool-box { border:1px solid #ddd; min-height:350px; float:left; margin-right:1%; margin-bottom:10px; padding:10px 10px 20px 10px; box-sizing:border-box; width:100%;} |
| 289 |
#wpf-admin-wrap .wpf-tool-box h3{ margin:0; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:5px;} |
| 290 |
#wpf-admin-wrap .wpf-tool-box th{ padding:5px 5px 5px 5px; font-size:13px; text-align:left; font-weight:400; line-height:16px; border-bottom:1px solid #EDEDED;} |
| 291 |
#wpf-admin-wrap .wpf-tool-box td{ padding:5px 5px 5px 5px; border-bottom:1px solid #EDEDED;} |
| 292 |
#wpf-admin-wrap .wpf-tool-box.wpf-spam-attach.right-box { width:52%; min-width:500px;max-height:370px; overflow-y:auto; } |
| 293 |
#wpf-admin-wrap .wpf-tool-box.wpf-spam-attach.left-box { width:45%; min-width:300px;} |
| 294 |
#wpf-admin-wrap .wpf-tool-box.wpf-spam-attach .wpf-spam-attach-dir{ color:#4742C5; display:block; text-align:right; } |
| 295 |
#wpf-admin-wrap .wpf-tool-box tr:nth-child(even){ background:#EDEDED;} |
| 296 |
#wpf-admin-wrap .wpf-tool-box .wpf-spam-item{} |
| 297 |
#wpf-admin-wrap .wpf-tool-box .wpf-actions{} |
| 298 |
@media screen and (max-width:1250px) { |
| 299 |
#wpf-admin-wrap .wpf-spam-attach.left-box { width:100%; min-width:100%; min-height:unset; max-height:none!important;} |
| 300 |
#wpf-admin-wrap .wpf-spam-attach.right-box { width:100%; min-width:100%; min-height:unset; max-height:none!important;} |
| 301 |
} |
| 302 |
|
| 303 |
#wpf-admin-wrap .wpf-data { word-break: break-all; background: #ffffff;border: 1px solid #aaa;margin: 2px;padding: 1px 10px;float: left;font-size: 12px;line-height: 18px;} |
| 304 |
#wpf-admin-wrap .wpf-data > key{font-weight: 600;color: #000088;} |
| 305 |
#wpf-admin-wrap .wpf-data > value{font-weight: 600;color: #666666;} |
| 306 |
#wpf-admin-wrap .wpf-sb-data > key{color: #0a6d9b;} |
| 307 |
#wpf-admin-wrap .wpf-sb-data > value{color:#1b6e08;} |
| 308 |
#wpf-admin-wrap .wpf-main-table-data{margin: 10px;} |
| 309 |
#wpf-admin-wrap .wpf-main-table-data td{vertical-align: top;text-align: left;padding: 0 0 15px;} |
| 310 |
#wpf-admin-wrap .wpf-table-data{border-collapse: collapse;margin: 0;} |
| 311 |
#wpf-admin-wrap .wpf-table-data.wpf-tbl{min-width: 550px;} |
| 312 |
#wpf-admin-wrap .wpf-table-data tr{border: none;} |
| 313 |
#wpf-admin-wrap .wpf-table-data td{padding: 1px 5px;font-size: 12px;border: 1px solid #cccccc;line-height: 18px;} |
| 314 |
|
| 315 |
@keyframes dashicons-spin { |
| 316 |
0% { |
| 317 |
transform: rotate( 0deg ); |
| 318 |
} |
| 319 |
100% { |
| 320 |
transform: rotate( 360deg ); |
| 321 |
} |
| 322 |
} |
| 323 |
|
| 324 |
|
| 325 |
body{ |
| 326 |
position: relative !important; |
| 327 |
} |
| 328 |
|
| 329 |
#wpf-admin-loading-extrawrap{ |
| 330 |
position: fixed; |
| 331 |
top: 0; |
| 332 |
right: 0; |
| 333 |
bottom: 0; |
| 334 |
left: 0; |
| 335 |
background-color: rgba(67, 166, 223, 0.6); |
| 336 |
z-index: 9999999999999999; |
| 337 |
} |
| 338 |
|
| 339 |
#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap{ |
| 340 |
display: flex; |
| 341 |
flex-wrap: nowrap; |
| 342 |
flex-direction: column; |
| 343 |
position: fixed; |
| 344 |
left: 50%; |
| 345 |
top: 50%; |
| 346 |
transform: translate(-50%, -50%); |
| 347 |
transform-origin: center; |
| 348 |
width: auto; |
| 349 |
height: auto; |
| 350 |
} |
| 351 |
#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap .wpf-admin-loading-ico{animation: dashicons-spin 2s infinite;animation-timing-function: linear;width: auto;height: auto;text-shadow: 0 0 30px #00000087;} |
| 352 |
#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap .wpf-admin-loading-ico::before{font-size: 100px;} |
| 353 |
#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap .wpf-admin-loading-txt{ |
| 354 |
font-size: 2.5em; |
| 355 |
font-weight: 900; |
| 356 |
text-shadow: 0 0 30px #00000087; |
| 357 |
-webkit-touch-callout: none; /* iOS Safari */ |
| 358 |
-webkit-user-select: none; /* Safari */ |
| 359 |
-khtml-user-select: none; /* Konqueror HTML */ |
| 360 |
-moz-user-select: none; /* Old versions of Firefox */ |
| 361 |
-ms-user-select: none; /* Internet Explorer/Edge */ |
| 362 |
user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ |
| 363 |
} |
| 364 |
#wpf-access-table #wpf-access-list tr{background-color: #FFFFFF;} |
| 365 |
#wpf-access-table #wpf-access-list tr:nth-child(odd){background-color: #FCFCFC;} |
| 366 |
#wpf-admin-wrap .wpf-box-wrap{margin:0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;} |
| 367 |
#wpf-admin-wrap .wpf-box-wrap .wpf-dash-box{width: 31%; margin: 10px; min-width: 450px;} |
| 368 |
#wpf-admin-wrap .wpf-box-header{font-size: 14px;padding: 8px 12px;margin: 0;line-height: 1.4;border-bottom: 1px solid #ccd0d4;} |
| 369 |
body[class*=forums_page_wpforo] #wpfooter{position: static;} |
| 370 |
#wpf-admin-wrap .wpf-wn-label{ font-weight: bold; padding:0 5px; font-size: 14px;} |
| 371 |
#wpf-admin-wrap .wpf-wn-list {margin: 0 20px; font-size: 14px;} |
| 372 |
#wpf-admin-wrap .wpf-wn-list li{margin-bottom: 2px; list-style: disc;} |
| 373 |
|
| 374 |
|
| 375 |
/************************************************************/ |
| 376 |
/* Dashboard ##############################################*/ |
| 377 |
/************************************************************/ |
| 378 |
#wpf-dash.wrap{padding: 10px 30px 10px 40px; margin:0; } |
| 379 |
#wpf-dash[dir=rtl]{padding: 10px 40px 10px 30px;} |
| 380 |
#wpf-dash a{text-decoration: none;} |
| 381 |
#wpf-dash a:hover{text-decoration: underline;} |
| 382 |
#wpf-dash .wpf-dash-head{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;} |
| 383 |
#wpf-dash .wpf-dash-head-left h1{font-size: 34px; letter-spacing: 1px; line-height: 40px; padding-bottom: 0; margin-bottom: 0;} |
| 384 |
#wpf-dash .wpf-dash-head-left .wpf-head-subtitle{margin-left: 275px; font-size: 11px; color: #0e8e75; font-weight: bold; font-family: "Courier New", Courier, monospace; margin-top: -1px;} |
| 385 |
#wpf-dash .wpf-dash-head-left .wpf-head-welcome{font-size: 15px; line-height: 25px; letter-spacing: 1px; font-family: 'Lucida Bright', 'DejaVu Serif', Georgia, serif; padding-top: 15px;} |
| 386 |
#wpf-dash .wpf-dash-head-right{text-align: center;} |
| 387 |
#wpf-dash .wpf-dash-head-right img{ width: 147px; display: block; margin: 10px auto 1px auto;} |
| 388 |
#wpf-dash .wpf-dash-head-right .wpf-version{font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #666666; } |
| 389 |
#wpf-dash .wpf-section{margin: 35px 0 20px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; border-bottom: 1px solid #cccccc; padding: 0 1px 8px 1px; } |
| 390 |
#wpf-dash .wpf-section h3{padding: 0; margin: 0;} |
| 391 |
#wpf-dash .wpf-section .wpf-close{font-size: 14px; color: #666666; cursor: pointer;} |
| 392 |
#wpf-dash .wpf-section .dashicons{color: #777777; cursor: pointer;} |
| 393 |
#wpf-dash .wpf-sec-stat{margin-top: 30px;} |
| 394 |
#wpf-dash .wpf-box{background: #FFF; box-shadow: 0 0 3px #aaa;} |
| 395 |
#wpf-dash .wpf-box .wpf-box-head{border-bottom: 1px solid #ccc; padding: 10px 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;} |
| 396 |
#wpf-dash .wpf-box .wpf-box-head h3{font-size: 16px; margin: 0; padding: 0; line-height: 24px; color: #333333; font-weight: normal;} |
| 397 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle{width: 50px; text-align: right; display: flex; flex-direction: row;justify-content: flex-end; align-items: center;} |
| 398 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span{font-size: 22px; color: #777; cursor: pointer; display: inline; line-height: 22px;} |
| 399 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span.dashicons-admin-generic{font-size: 15px;} |
| 400 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span.dashicons-arrow-left, |
| 401 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span.dashicons-arrow-right{line-height: 22px; width: 14px; font-size: 24px; color: #0d9b7f; margin-right: 3px;} |
| 402 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-info{flex-grow: 1; padding-left: 20px;} |
| 403 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-info span{font-size: 12px; color: #666;} |
| 404 |
#wpf-dash .wpf-box .wpf-box-head .wpf-box-info span.dashicons{font-size: 13px; line-height: 21px;} |
| 405 |
|
| 406 |
|
| 407 |
/************************************************************/ |
| 408 |
/* Board Edit Page #########################################*/ |
| 409 |
/************************************************************/ |
| 410 |
|
| 411 |
.wpf-board{display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px;} |
| 412 |
.wpf-board-left{width: calc(100% - 270px);} |
| 413 |
.wpf-board-right{width: 270px; margin-left: 20px; background: #fff; padding: 20px;} |
| 414 |
.wpf-board-option{margin-bottom: 20px;} |
| 415 |
.wpf-board-option label{ font-size: 16px; font-weight: 500;} |
| 416 |
.wpf-board-option .wpf-board-field{margin-top: 5px;} |
| 417 |
.wpf-board-option .wpf-board-field input[type="text"], |
| 418 |
.wpf-board-option .wpf-board-field textarea{width: 100%; background: #fff; padding: 0px 10px;} |
| 419 |
|
| 420 |
.wpf-board-box{background: #fff; padding: 20px 20px 10px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-bottom: 25px;} |
| 421 |
.wpf-board-box div{margin-right: 20px; border-right: 1px dashed #ccc; padding-right: 20px; width: 32%; min-width: 320px; margin-bottom: 20px;} |
| 422 |
.wpf-board-box div:last-child{border-right: none;} |
| 423 |
.wpf-board-box div > label{display: block; font-size: 15px; font-weight: 500; margin-bottom: 7px;} |
| 424 |
.wpf-board-box div > label .wpfb-desc{font-size: 13px; font-weight: normal; display: block;} |
| 425 |
|
| 426 |
.wpf-board-side-box{ padding-bottom: 20px; border-bottom: 3px solid #f5f5f5; margin-bottom: 20px; } |
| 427 |
.wpf-board-side-box > label{ font-size: 15px; font-weight: 500; display: block; padding-bottom: 7px;} |
| 428 |
.wpf-board-submit .button{width: 100%; font-size: 16px;} |
| 429 |
|
| 430 |
.wpf-board-modules{background: #fff; padding: 20px 20px 10px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-bottom: 25px;} |
| 431 |
.wpf-module-type{width: 100%; font-size: 20px; font-weight: normal; border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 10px} |
| 432 |
.wpf-board-module{margin: 0.5%; padding: 10px 0 15px; box-shadow: 0 0 20px 1px #f5f5f5 inset; min-width: 280px; width: 18%; border: 1px dashed #ddd; display: flex; justify-content: flex-start; align-items: stretch;} |
| 433 |
.wpf-board-module .wpf-module-head{width: 84px; text-align: center; display: flex; justify-content: center; align-items: center;} |
| 434 |
.wpf-board-module .wpf-module-head svg{width: 48px; height: 48px; vertical-align: middle; fill: #43A6DF;} |
| 435 |
.wpf-board-module .wpf-module-title{min-height: 32px; font-size: 13px; font-weight: 500; display: flex; justify-content: flex-start; align-items: center;} |
| 436 |
.wpf-board-module .button{margin-top: -3px;} |
| 437 |
|
| 438 |
/************************************************************/ |
| 439 |
/* Setting Boxes ###########################################*/ |
| 440 |
/************************************************************/ |
| 441 |
|
| 442 |
#wpcontent[dir=rtl]{padding-right: 0;} |
| 443 |
#wpf-setbox{box-sizing:border-box; padding: 0; } |
| 444 |
#wpf-setbox[dir=rtl] { margin-right: -10px;} |
| 445 |
#wpf-setbox.wrap{} |
| 446 |
#wpf-setbox a{text-decoration: none;} |
| 447 |
#wpf-setbox a:hover{text-decoration: underline;} |
| 448 |
#wpf-setbox a:visited, #wpf-setbox a:focus{box-shadow: none!important;} |
| 449 |
#wpf-setbox .wpf-setbox-head{box-sizing:border-box; padding: 20px 30px 20px 30px; margin-top: 18px; margin-bottom: 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; box-shadow: 0 0 10px #ccc; background-color: #f9f9f9; width: calc(100% - 16px)} |
| 450 |
#wpf-setbox .wpf-setbox-head .wpf-head-logo{width: 200px;} |
| 451 |
#wpf-setbox .wpf-setbox-head .wpf-head-logo img{height: 40px;} |
| 452 |
#wpf-setbox .wpf-setbox-head .wpf-head-title{text-shadow: 1px 1px 1px #b9b9b9; flex-grow: 1; padding: 0 15px 10px 15px; font-size: 30px; font-weight: 600; color: #43A6DF; letter-spacing: 1px;} |
| 453 |
#wpf-setbox .wpf-setbox-head .wpf-head-info{ font-size: 14px;} |
| 454 |
#wpf-setbox .wpf-setbox-head .wpf-head-info a{overflow: hidden; outline: none; font-weight: 600; opacity: 0.8;} |
| 455 |
#wpf-setbox .wpf-setbox-head .wpf-head-info span{padding: 0 10px; border-right: 1px solid #0073aa;} |
| 456 |
#wpf-setbox .wpf-setbox-head .wpf-head-info span:last-child{border-right: none;} |
| 457 |
#wpf-setbox .wpf-setbox-head .wpf-head-info span[dir=rtl]{border-left: 1px solid #999;} |
| 458 |
#wpf-setbox .wpf-setbox-head .wpf-head-info span:last-child[dir=rtl]{border-left: none;} |
| 459 |
#wpf-setbox .wpf-setbox-body { padding: 0 15px; } |
| 460 |
#wpf-setbox .wpf-setbox-body .wpf-section{border-bottom: 1px solid #ccc; padding: 8px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;} |
| 461 |
#wpf-setbox .wpf-setbox-body .wpf-section h3{letter-spacing:1px; font-weight: normal; color: #444; font-size: 20px; margin: 0; padding: 0; line-height: 24px;} |
| 462 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search{position: relative; text-align: right; z-index: 999; width: 30%;} |
| 463 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search input[type="text"]{max-width: none; background: #fafafa;} |
| 464 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search[dir=rtl]{text-align: left;} |
| 465 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results{display:none;box-sizing:border-box;position: absolute;width: 100%;text-align: left;z-index: 99;border: 1px solid #ccc;background-color: #fff;left: 1px;top: 30px;} |
| 466 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a{padding: 5px;display: inline-block;text-decoration: none;width: 97%;} |
| 467 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a:hover, #wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a:focus{-webkit-transition: color .3s linear;-moz-transition: color .3s linear;-o-transition: color .3s linear;-ms-transition: color .3s linear;transition: color .3s linear;color: #00B38F;} |
| 468 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a.wpf-opt-search-tabtitle{margin-left: 5px; width: 90%; font-weight: 600; font-size: 14px;} |
| 469 |
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a.wpf-opt-search-taboption{margin-left: 20px;width: 90%; font-size: 13px;} |
| 470 |
#wpf-setbox .wpf-setbox-body .dashicons-search{display: inline-block; position: absolute; bottom: 4px; right: 4px; font-size: 20px; color: #43a6df; cursor: pointer;} |
| 471 |
#wpf-setbox .wpf-setbox-body .dashicons-search[dir=rtl]{right: auto; left: 4px;} |
| 472 |
#wpf-setbox .wpf-setbox-body input[type="text"]{font-size: 15px; line-height: 20px; padding: 5px 10px; display: inline-block; width: 100%; max-width: 400px;} |
| 473 |
#wpf-setbox .wpf-setbox-body .wpf-box-wrap{display: block; align-items: center; padding: 25px 0 10px 0; } |
| 474 |
#wpf-setbox .wpf-setbox-body .wpf-box{background: #FFF; box-shadow: 0 0 2px #bbb; position: relative; float: left;} |
| 475 |
#wpf-setbox .wpf-setbox-body .wpf-box-info{ width: 0; height: 0; right: 0; top: 0; position: absolute; border-left: 41px solid transparent;} |
| 476 |
#wpf-setbox .wpf-setbox-body .wpf-box-info[dir=rtl]{ right: auto; left: 0;} |
| 477 |
#wpf-setbox .wpf-setbox-body .wpf-box-info img{position: absolute; top: -36px; right: 3px; z-index: 10; height: 16px;} |
| 478 |
#wpf-setbox .wpf-setbox-body .wpf-box-info img[dir=rtl]{left: 3px;} |
| 479 |
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-ok img{height: 17px;} |
| 480 |
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-new img{height: 8px; top: -32px; right: 1px;} |
| 481 |
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-ok{border-top: 41px solid #43a6df;} |
| 482 |
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-new{border-top: 41px solid #8e58a3;} |
| 483 |
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-note{border-top: 41px solid #f98e3c;} |
| 484 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-head{display: flex; justify-content: center; align-items: center; text-align: center; padding: 5px 5px 0 5px; height: 90px;} |
| 485 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-head a{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;} |
| 486 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-head svg{ color: #43a6df; fill: #43a6df;} |
| 487 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot{min-height: 70px; background-color: #fafafa; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; border-top: 1px solid #e5e5e5;} |
| 488 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot:hover{background-color: #f1f1f1;} |
| 489 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-title{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; flex-grow: 1; padding: 5px 20px; box-sizing: border-box;} |
| 490 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-title a{font-size: 15px;color: #555;line-height: 19px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} |
| 491 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-title a:hover{text-decoration: none;} |
| 492 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow{display: flex; justify-content: center; align-items: center; text-align: center; padding-right: 20px; box-sizing: border-box;} |
| 493 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow[dir=rtl]{padding-left: 20px;} |
| 494 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow img{height: 24px;} |
| 495 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 10px;} |
| 496 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body .wpf-title{font-size: 15px; flex-grow: 1; padding: 0 10px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} |
| 497 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body .wpf-title a{font-size: 15px; color: #555; line-height: 19px;} |
| 498 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body .wpf-title a:hover{text-decoration: none;} |
| 499 |
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body:hover{background-color: #fafafa;} |
| 500 |
#wpf-setbox .wpf-box-wrap.wpf-box-addons{justify-content: flex-start;} |
| 501 |
#wpf-setbox .wpf-box-wrap.wpf-box-addons .wpf-box{margin-bottom: 10px;} |
| 502 |
.wpf-clear{clear: both;} |
| 503 |
|
| 504 |
/************************************************************/ |
| 505 |
/* Single Settings #########################################*/ |
| 506 |
/************************************************************/ |
| 507 |
#wpf-setbox .wpf-switcher input[type=checkbox]{ height: 0; width: 0; visibility: hidden; position: absolute;} |
| 508 |
#wpf-setbox .wpf-switcher label { cursor: pointer; text-indent: -9999px; width: 50px; height: 18px; background: grey; display: block; border-radius: 30px; position: relative;border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} |
| 509 |
#wpf-setbox .wpf-switcher label:after {content: ''; position: absolute; top: 4px; left: 5px; width: 10px; height: 10px; background: #fff; border-radius: 90px; transition: 0.3s;} |
| 510 |
#wpf-setbox .wpf-switcher input:checked + label {background: #43A6DF;} |
| 511 |
#wpf-setbox .wpf-switcher input:checked + label:after {left: calc(100% - 5px);transform: translateX(-100%);} |
| 512 |
#wpf-setbox .wpf-switcher label:active:after {width: 12px;} |
| 513 |
#wpf-setbox .wpf-radio input[type=radio]{display: none;} |
| 514 |
#wpf-setbox .wpf-radio .wpf-radio-circle {cursor: pointer; width: 16px; height: 16px; background: grey; display: inline-block; border-radius: 30px; position: relative;border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);} |
| 515 |
#wpf-setbox .wpf-radio input:checked + .wpf-radio-circle {background: #43A6DF;} |
| 516 |
#wpf-setbox .wpf-radio input:checked + .wpf-radio-circle:after {content: ''; width: 8px; height: 8px; margin: 4px; background: #fff; border-radius: 50%; display: inline-block;} |
| 517 |
#wpf-setbox .wpf-desc{font-size:13px; color:#666666; font-style: italic; width:90%; padding:5px 0 0 0; margin:0; line-height: 18px; font-weight: normal;} |
| 518 |
#wpf-setbox .wpf-setbox-body .wpf-setcon{width: calc(100% - 350px); padding-bottom: 20px; float: left;} |
| 519 |
#wpf-setbox .wpf-setbox-body .wpf-setbar{width: 320px; float: right;} |
| 520 |
#wpf-setbox .wpf-setcon .wpf-setcon-head{padding: 14px 30px; font-size: 16px; font-weight: 600; line-height: 21px; border-bottom: 1px dashed #43A6DF; color: #43A6DF; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; flex-direction: row;} |
| 521 |
#wpf-setbox .wpf-setcon .wpf-setcon-head a.wpf-back{font-size: 14px; line-height: 20px;} |
| 522 |
#wpf-setbox .wpf-setcon .wpf-setcon-head a.wpf-back:hover{text-decoration:none;} |
| 523 |
#wpf-setbox .wpf-setcon .wpf-setcon-head a.wpf-back .dashicons{font-size: 14px; line-height: 22px;} |
| 524 |
#wpf-setbox .wpf-setcon .wpf-setcon-body{padding: 0 30px;} |
| 525 |
#wpf-setbox .wpf-setcon .wpf-opt-row{display: flex; justify-content: space-between; align-items: flex-start; padding: 15px 0 10px 0; border-bottom: 1px solid #ddd;} |
| 526 |
#wpf-setbox .wpf-setcon .wpf-opt-row:last-child{border-bottom: none;} |
| 527 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-opt-row-tight{padding-top: 8px; padding-bottom: 8px;} |
| 528 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro svg{float: left; padding: 0 30px 5px 10px; fill: #43A6DF; color: #43A6DF;} |
| 529 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro svg[dir=rtl]{float: left; padding: 0 10px 5px 30px} |
| 530 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro img{float: left; padding: 0 30px 5px 10px;} |
| 531 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro img[dir=rtl]{float: left; padding: 0 10px 5px 30px} |
| 532 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-name{font-size: 15px; width: calc(60% - 42px); color: #555; font-weight: 600;} |
| 533 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input{width: 40%; min-width: 300px;} |
| 534 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-switcher{ width: 60px;} |
| 535 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-doc{width: 40px; text-align: right; font-size: 16px;} |
| 536 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-optset{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 6px;} |
| 537 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-optset .wpf-switcher{margin: 0;} |
| 538 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-optset .wpf-optset-label{padding: 0 10px 2px 10px; color: #777777;} |
| 539 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro{width: calc(100% - 40px); font-size: 15px; line-height: 22px; padding: 5px 0 20px 0; text-align: justify;} |
| 540 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper{flex-wrap:wrap;} |
| 541 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-opt-input{width:100%;} |
| 542 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group{margin-top:10px;display:flex;align-items:center;justify-content:space-between;} |
| 543 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group.wpf-custom-option-group-default{display:none !important;} |
| 544 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group .wpf-custom-option-label{width: 28%;} |
| 545 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group .wpf-custom-option-value{width: 68%;} |
| 546 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group .dashicons.dashicons-trash{color:#e51c23;cursor:pointer;} |
| 547 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group-add{display:flex;align-items:center;justify-content:center;color:#43A6DF;background-color:#f5f5f5;margin:10px 0;height: 20px;font-size:23px;padding:15px;cursor:pointer;} |
| 548 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group-add:hover{color:#f5f5f5;background-color:#43A6DF;} |
| 549 |
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group-add .dashicons.dashicons-plus{font-size:40px;width:40px;height:35px;} |
| 550 |
#wpf-setbox .wpf-setcon-body .wpf-opt-row input[type="submit"]{margin-left: 10px;} |
| 551 |
#wpf-setbox .wpf-setcon-body .wpf-opt-row-textarea .wpf-opt-name{ width: 39%; } |
| 552 |
#wpf-setbox .wpf-setcon-body .wpf-opt-row-textarea .wpf-opt-input{ width: 60%; text-align: right; } |
| 553 |
#wpf-setbox .wpf-setcon-body .wpf-opt-row-textarea textarea{ width: 100%; min-height: 120px; color: #333333; font-family: 'Courier New', Courier, monospace; background: #f5f5f5; } |
| 554 |
#wpf-setbox .wpf-setcon-body .wpf-opt-row-checkbox .wpf-opt-checkbox-wrap{ min-width: 45%; width: 48%; margin: 3px 1%; } |
| 555 |
#wpf-setbox .wpf-setcon-body .wpf-opt-row-checkbox .wpf-opt-input{ padding: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } |
| 556 |
#wpf-setbox .wpf-setcon-body .wpforo-opt-richeditor tr td:first-of-type{ padding: 10px 0; width: 35%; } |
| 557 |
#wpf-setbox .wpf-setcon-body .wpforo-opt-richeditor tr td label{ font-size: 15px; color: #555; font-weight: 600; } |
| 558 |
/*#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-name, |
| 559 |
#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-doc{ display: none; }*/ |
| 560 |
#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-input { flex-grow: 1; } |
| 561 |
#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-row { border-bottom: 0; } |
| 562 |
#wpf-setbox .wpf-setbar .wpf-box.wpf-menu-group{width: 100%; } |
| 563 |
#wpf-setbox .wpf-setbar .wpf-box.wpf-menu-group:first-child{margin-bottom: 20px;} |
| 564 |
#wpf-setbox .wpf-setbar ul{width: 100%; margin: 0; padding: 0; box-sizing: border-box;} |
| 565 |
#wpf-setbox .wpf-setbar ul[dir=rtl]{border-right: 1px solid #43A6DF;} |
| 566 |
#wpf-setbox .wpf-setbar li{width: 100%; padding: 8px 10px; margin: 0; font-size: 13px; font-weight: 600; box-sizing: border-box; border-top: 1px solid #ddd; } |
| 567 |
#wpf-setbox .wpf-setbar li:nth-child(2){border-top: none;} |
| 568 |
#wpf-setbox .wpf-setbar li .dashicons-arrow-left-alt2{visibility: hidden; font-size: 16px; line-height: 23px;} |
| 569 |
#wpf-setbox .wpf-setbar li:hover .dashicons-arrow-left-alt2{visibility: visible;} |
| 570 |
#wpf-setbox .wpf-setbar li a{color: #666666; display: block; line-height: 20px; outline: 0;} |
| 571 |
#wpf-setbox .wpf-setbar li a:hover{color: #43A6DF; text-decoration: none;} |
| 572 |
#wpf-setbox .wpf-setbar li a:visited, #wpf-setbox .wpf-setbar li a:focus{outline: 0; box-shadow: none!important;} |
| 573 |
#wpf-setbox .wpf-setbar li.wpf-active{margin-left: 0;color: #fff;background-color: #43A6DF; font-size: 14px;width: calc(100% + 1px); } |
| 574 |
#wpf-setbox .wpf-setbar li.wpf-active a{color: #ffffff;} |
| 575 |
#wpf-setbox .wpf-setbar li.wpf-active .dashicons-arrow-left-alt2{visibility: visible; font-size: 20px;} |
| 576 |
#wpf-setbox .wpf-setbar li.wpf-active[dir=rtl]{margin-right: -1px;} |
| 577 |
#wpf-setbox .wpf-setbar li.wpf-menu-head{padding: 14px 15px; color: #43A6DF; font-weight: 600; letter-spacing: 1px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; border-bottom: 1px dashed #43A6DF;} |
| 578 |
#wpf-setbox .wpf-setbar li.wpf-menu-head .dashicons{font-size: 25px; line-height: 22px; cursor: pointer;} |
| 579 |
|
| 580 |
#wpf-setbox .wpf-setcon .wpf-mublock, |
| 581 |
#wpf-setbox .wpf-setcon .wpf-mublock-inline{margin-bottom:5px;} |
| 582 |
#wpf-setbox .wpf-setcon .wpf-mublock-inline {float:left; display:inline-block; width:19.5%} |
| 583 |
#wpf-setbox .wpf-setcon .wpf-mublock{display:block;} |
| 584 |
#wpf-setbox .wpf-setcon .wpf-mublock-inline label, |
| 585 |
#wpf-setbox .wpf-setcon .wpf-mublock label{white-space:nowrap; font-size:13px; vertical-align:top; margin-left:2px;overflow: hidden;text-overflow: ellipsis;display: inline-block;width: 70%;} |
| 586 |
#wpf-setbox .wpf-setcon .wpf-switch-field input { display: none;} |
| 587 |
#wpf-setbox .wpf-setcon .wpf-switch-field label {float: left; display: inline-block; line-height: 20px; min-width:80px; font-weight: normal; background-color: #e4e4e4;color:#333;font-size: 13px;text-align: center; text-shadow: none;padding: 2px 10px; border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} |
| 588 |
#wpf-setbox .wpf-setcon .wpf-switch-field label:hover {cursor: pointer;} |
| 589 |
#wpf-setbox .wpf-setcon .wpf-switch-field input:checked + label {background-color: #43A6DF; -webkit-box-shadow: none; box-shadow: none; color:#fff;} /* #66DD8D */ |
| 590 |
#wpf-setbox .wpf-setcon .wpf-switch-field label:first-of-type {border-radius: 4px 0 0 4px;} |
| 591 |
#wpf-setbox .wpf-setcon .wpf-switch-field label:last-of-type {border-radius: 0 4px 4px 0;} |
| 592 |
#wpf-setbox .wpf-setcon .wpf-color-wrap{padding: 7px 5px; width: 300px; min-width: 50%; float: left; box-sizing: border-box;} |
| 593 |
#wpf-setbox .wpf-setcon .wpf-color-wrap input{width: 80px!important; padding: 3px 5px!important; font-size: 13px!important; text-align: center!important;} |
| 594 |
#wpf-setbox .wpf-setcon .wpf-color-wrap label{font-weight: normal!important; display: inline-block!important; margin: 0 5px!important;} |
| 595 |
#wpf-setbox .wpf-setcon h2.wpf-subtitle{padding: 40px 0 10px 0; margin: 0; font-size: 17px; font-weight: normal;color: #43A6DF; border-bottom: 1px dashed #43A6DF;} |
| 596 |
#wpf-setbox .wpf-setcon .wpf-scol-wrap{padding: 7px 5px; width: 300px; min-width: 50%; box-sizing: border-box;} |
| 597 |
#wpf-setbox .wpf-setcon .wpf-scol-wrap input{width: 80px!important; padding: 3px 5px!important; font-size: 13px!important; text-align: center!important;} |
| 598 |
#wpf-setbox .wpf-setcon .wpf-scol-wrap label{font-weight: normal!important; display: inline-block!important; margin: 0 5px!important;} |
| 599 |
|
| 600 |
#wpf-setbox .wpf-setcon .wpf-opt-row-fullwidth{ flex-direction: column } |
| 601 |
#wpf-setbox .wpf-setcon .wpf-opt-row-fullwidth .wpf-opt-name, |
| 602 |
#wpf-setbox .wpf-setcon .wpf-opt-row-fullwidth .wpf-opt-input{ width: 100% } |
| 603 |
|
| 604 |
div.wpf-subtitle{padding: 30px 10px 15px 2px; margin: 0; font-size: 19px; font-weight: normal;color: #43A6DF; border-bottom: 1px dashed #43A6DF;} |
| 605 |
div.wpf-subtitle .wpd-info{color: #666; margin: 8px 0 0 0;} |
| 606 |
div.wpf-subtitle strong{display: block; margin: 5px 0 0 0; font-size: 14px; font-weight: normal; color: #666;} |
| 607 |
h4.wpf-subtitle{ padding: 30px 0 10px 0; margin: 0; font-size: 16px; font-weight: normal; color: #43A6DF; border-bottom: 1px dashed #43A6DF;} |
| 608 |
|
| 609 |
/*.wpf-enabled{background-image: url('../img/editor/active.png');}*/ |
| 610 |
/*.wpf-disabled{background-image: url('../img/editor/passive.png');}*/ |
| 611 |
.wpf-editor-toolbar{display: flex; margin-top: 15px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;} /*#f06653*/ |
| 612 |
.wpf-editor-disable{cursor:pointer; margin-top:5px; background: #f5f5f5; font-size: 13px; font-weight: 600; padding: 2px 15px; line-height: 18px; border-radius: 3px;} |
| 613 |
.wpf-editor-button{cursor:pointer; margin-top:5px; width: 30px; height: 23px; background-size:auto 23px; border: 1px solid #eee; margin-right: 5px; background-repeat: no-repeat;} |
| 614 |
.wpf-editor-attachment{display:block; margin-top:5px; /*background-image: url('../img/editor/attachment.png');*/ width: 30px; height: 23px; background-size:auto 23px; border: 1px solid #eee; margin-right: 5px; background-repeat: no-repeat;} |
| 615 |
|
| 616 |
#wpf-setbox .wpf-spam-attach.right-box { width:52%; min-width:500px;max-height:370px; overflow-y:auto; } |
| 617 |
#wpf-setbox .wpf-spam-attach.left-box { width:45%; min-width:300px;} |
| 618 |
#wpf-setbox .wpf-spam-attach .wpf-spam-attach-dir{ color:#4742C5; display:block; text-align:right; } |
| 619 |
|
| 620 |
.iconpicker-container{ |
| 621 |
display: flex; |
| 622 |
align-items: center; |
| 623 |
} |
| 624 |
|
| 625 |
.wpf-fa-ico-primary-bg{ |
| 626 |
background-color: #337AB7; |
| 627 |
color: #FFFFFF; |
| 628 |
} |
| 629 |
.wpf-fa-ico-preview{ |
| 630 |
display: flex; |
| 631 |
justify-content: center; |
| 632 |
align-items: center; |
| 633 |
padding: 0 10px; |
| 634 |
background-color: #EFEFEF; |
| 635 |
position: absolute; |
| 636 |
right: 2px; |
| 637 |
top: 2px; |
| 638 |
bottom: 2px; |
| 639 |
min-width: 40px; |
| 640 |
} |
| 641 |
|
| 642 |
.wpf-input-group-addon { |
| 643 |
padding: 6px 12px; |
| 644 |
font-size: 14px; |
| 645 |
font-weight: 400; |
| 646 |
line-height: 1; |
| 647 |
color: #555; |
| 648 |
text-align: center; |
| 649 |
background-color: #eee; |
| 650 |
border: 1px solid #ccc; |
| 651 |
border-radius: 4px; |
| 652 |
white-space: nowrap; |
| 653 |
margin-left: -44px; |
| 654 |
border-collapse: separate; |
| 655 |
} |
| 656 |
|
| 657 |
.wpfo-settings-style-colorid{ |
| 658 |
line-height: 38px; |
| 659 |
min-height: 32px; |
| 660 |
font-size: 14px; |
| 661 |
font-weight: bold; |
| 662 |
} |
| 663 |
|
| 664 |
.wpfo-settings-style-colorid-hash{ |
| 665 |
border-bottom: 2px solid #EEEEEE; |
| 666 |
margin-bottom: 5px; |
| 667 |
} |
| 668 |
|
| 669 |
.iconpicker-popover{ |
| 670 |
box-shadow: 1px 6px 26px 2px rgb(0 0 0 / 50%); |
| 671 |
z-index: 99999; |
| 672 |
} |
| 673 |
|
| 674 |
#wpf-admin-wrap .wpf-selected{ |
| 675 |
background-color: rgb(246, 242, 165); |
| 676 |
transition: background-color 0.5s ease; |
| 677 |
} |
| 678 |
|
| 679 |
#wpf-admin-wrap .wpf-opt-row-cover .wpf-opt-input{ |
| 680 |
width: 100% !important; |
| 681 |
} |
| 682 |
|
| 683 |
#wpf-admin-wrap .wpf-opt-row-cover .wpf-cover{ |
| 684 |
width: 100%; |
| 685 |
position: relative; |
| 686 |
height: 220px; |
| 687 |
border-radius: 15px; |
| 688 |
background-size: cover; |
| 689 |
background-position: center; |
| 690 |
} |
| 691 |
|
| 692 |
#wpf-admin-wrap .wpf-edit-cover{ |
| 693 |
position: absolute; |
| 694 |
right: 10px; |
| 695 |
bottom: 10px; |
| 696 |
font-size: 20px; |
| 697 |
padding: 0 4px; |
| 698 |
margin: 0; |
| 699 |
line-height: 18px; |
| 700 |
color: #555; |
| 701 |
cursor: pointer; |
| 702 |
} |
| 703 |
|
| 704 |
#wpf-admin-wrap .wpf-edit-cover i{background-color: #ccc; opacity: 0.7; padding: 1px 2px; border-radius: 3px;} |
| 705 |
#wpf-admin-wrap .wpf-box-wrap .wpf-box-head img{max-width: 70px; } |
| 706 |
#wpf-admin-wrap .wpf-addon-table { |
| 707 |
width: 100%; |
| 708 |
border: none; |
| 709 |
padding: 0; |
| 710 |
margin: 0 auto; |
| 711 |
box-sizing: border-box; |
| 712 |
} |
| 713 |
|
| 714 |
#wpf-admin-wrap .wpf-addon-table tr:nth-child(2n+1) { |
| 715 |
background: #f9f9f9 none repeat scroll 0 0; |
| 716 |
} |
| 717 |
|
| 718 |
#wpf-admin-wrap .wpf-addon-table td, |
| 719 |
#wpf-admin-wrap .wpf-addon-table th { |
| 720 |
padding: 10px 15px; |
| 721 |
text-align: left; |
| 722 |
vertical-align: top; |
| 723 |
} |
| 724 |
|
| 725 |
#wpf-admin-wrap .wpf-addon-table label { |
| 726 |
font-size: 14px; |
| 727 |
} |
| 728 |
|
| 729 |
#wpf-admin-wrap .wpfog { |
| 730 |
color: #F45B00; |
| 731 |
white-space: nowrap; |
| 732 |
} |
| 733 |
|
| 734 |
#wpf-admin-wrap .wpfogx { |
| 735 |
font-weight: bold; |
| 736 |
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; |
| 737 |
cursor: help; |
| 738 |
font-size: 12px; |
| 739 |
} |
| 740 |
|
| 741 |
#wpf-admin-wrap .wpf-email-shortcodes { |
| 742 |
font-weight: normal; |
| 743 |
font-size: 12px; |
| 744 |
color: #666666; |
| 745 |
list-style: disc; |
| 746 |
margin-left: 20px; |
| 747 |
} |
| 748 |
|
| 749 |
#wpf-admin-wrap .wpf-email-shortcodes li { |
| 750 |
padding: 0; |
| 751 |
margin: 0; |
| 752 |
line-height: 18px; |
| 753 |
} |
| 754 |
|
| 755 |
.wpforo-menu-shortcodes .wpforo-menu-shortcodes-head{ |
| 756 |
cursor: pointer; |
| 757 |
opacity: 0.8; |
| 758 |
} |
| 759 |
|
| 760 |
.wpforo-menu-shortcodes .wpforo-menu-shortcodes-head:hover{ |
| 761 |
opacity: 1; |
| 762 |
} |
| 763 |
|
| 764 |
/* settings search input field autocomplate style */ |
| 765 |
/*the container must be positioned relative:*/ |
| 766 |
.autocomplete { |
| 767 |
position: relative; |
| 768 |
display: inline-block; |
| 769 |
} |
| 770 |
|
| 771 |
input { |
| 772 |
border: 1px solid transparent; |
| 773 |
background-color: #f1f1f1; |
| 774 |
padding: 10px; |
| 775 |
font-size: 16px; |
| 776 |
} |
| 777 |
|
| 778 |
input[type=text] { |
| 779 |
background-color: #f1f1f1; |
| 780 |
} |
| 781 |
|
| 782 |
input[type=submit] { |
| 783 |
background-color: DodgerBlue; |
| 784 |
color: #fff; |
| 785 |
cursor: pointer; |
| 786 |
} |
| 787 |
|
| 788 |
.autocomplete-items { |
| 789 |
position: absolute; |
| 790 |
border: 1px solid #d4d4d4; |
| 791 |
border-bottom: none; |
| 792 |
border-top: none; |
| 793 |
top: 100%; |
| 794 |
right: 0; |
| 795 |
text-align: left; |
| 796 |
max-height: 420px; |
| 797 |
width: 100%; |
| 798 |
overflow-x: hidden; |
| 799 |
overflow-y: auto; |
| 800 |
} |
| 801 |
|
| 802 |
.autocomplete-items div { |
| 803 |
padding: 10px; |
| 804 |
cursor: pointer; |
| 805 |
background-color: #fff; |
| 806 |
border-bottom: 1px solid #d4d4d4; |
| 807 |
} |
| 808 |
|
| 809 |
/*when hovering an item:*/ |
| 810 |
.autocomplete-items div:hover { |
| 811 |
background-color: #e9e9e9; |
| 812 |
} |
| 813 |
|
| 814 |
/*when navigating through the items using the arrow keys:*/ |
| 815 |
.autocomplete-active { |
| 816 |
background-color: DodgerBlue !important; |
| 817 |
color: #ffffff; |
| 818 |
} |
| 819 |
|
| 820 |
.autocomplete-active a{ |
| 821 |
color: #FFFFFF; |
| 822 |
} |
| 823 |
|
| 824 |
#wpf-forum-cover{box-sizing: border-box; width: 100%; height: 150px; border-radius: 10px; margin: 20px 0; border: 2px dashed #ccc; padding: 10px; display:flex; justify-content: center; align-items: center; background-position: center; background-size: cover; background-color: #fafafa;} |
| 825 |
|
| 826 |
/* Extra RTL */ |
| 827 |
[dir=rtl] #wpf-dash .wpf-overview .wpf-stat-user .wpf-user-table td:nth-child(1) {text-align: right;} |
| 828 |
[dir=rtl] #wpf-dash .wpf-overview .wpf-stat-user .wpf-user-table th:nth-child(1) {text-align: right;} |
| 829 |
[dir=rtl] #wpf-setbox .wpf-setbox-body input[type="text"] {padding-right: 25px;} |
| 830 |
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-box{float: right;margin: 0 0 25px 1%;} |
| 831 |
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-setbar{width: 332px;} |
| 832 |
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow img {-webkit-transform:rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} |
| 833 |
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow{padding-right: 1px; padding-left: 20px;} |
| 834 |
[dir=rtl] #wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-doc {text-align: left;} |
| 835 |
|
| 836 |
@media screen and (min-width:1601px){ |
| 837 |
#wpf-setbox .wpf-settings-home .wpf-box{width: 15.2%; margin: 0 1.2% 25px 0;} |
| 838 |
} |
| 839 |
@media screen and (max-width:1600px){ |
| 840 |
#wpf-setbox .wpf-settings-home .wpf-box{width: 19%; margin: 0 1% 25px 0;} |
| 841 |
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input {min-width: 150px;} |
| 842 |
} |
| 843 |
@media screen and (max-width:1440px){ |
| 844 |
#wpf-setbox .wpf-settings-home .wpf-box{width: 23%; margin: 0 2% 25px 0;} |
| 845 |
} |
| 846 |
@media screen and (max-width:1280px){ |
| 847 |
#wpf-setbox .wpf-settings-home .wpf-box{width: 30%; margin: 0 3% 25px 0;} |
| 848 |
#wpf-setbox .wpf-setbox-body .wpf-setcon{width: 100%; float: none; margin-bottom: 20px;} |
| 849 |
#wpf-setbox .wpf-setbox-body .wpf-setbar{width: 100%; float: none;} |
| 850 |
} |
| 851 |
@media screen and (max-width:1024px){ |
| 852 |
#wpf-dash .wpf-overview{display: block;} |
| 853 |
#wpf-dash .wpf-overview .wpf-stat-brief, |
| 854 |
#wpf-dash .wpf-overview .wpf-stat-graph, |
| 855 |
#wpf-dash .wpf-overview .wpf-stat-user, |
| 856 |
#wpf-dash .wpf-overview .wpf-stat-subs{width: 100%!important;} |
| 857 |
#wpf-dash .wpf-credits{display: block;} |
| 858 |
#wpf-setbox .wpf-setbox-body input[type="text"], |
| 859 |
#wpf-setbox .wpf-setbox-body input[type="url"]{width: 100%;} |
| 860 |
#wpf-setbox .wpf-setcon .wpf-switch-field label {float: none;display: inline-block;min-width: 90%;padding: 2px 0;} |
| 861 |
#wpf-setbox .wpf-setcon .wpf-color-wrap{width: 30% !important;} |
| 862 |
} |
| 863 |
@media screen and (max-width:800px){ |
| 864 |
.wpf-admin-wrap{padding-right: 10px;} |
| 865 |
#wpf-setbox .wpf-settings-home .wpf-box {width: 47%;margin: 0 3% 25px 0;} |
| 866 |
.wpf-board{flex-direction: column;} |
| 867 |
.wpf-board-left{width: 100%} |
| 868 |
.wpf-board-right{width: 100%; margin-left: 0;} |
| 869 |
} |
| 870 |
@media screen and (max-width:600px){ |
| 871 |
#wpf-setbox .wpf-setbox-body .wpf-section{display: block;} |
| 872 |
#wpf-setbox .wpf-setbox-body input[type="text"] {width: 100%;display: block;margin-top: 10px;min-height: auto;} |
| 873 |
#wpf-setbox .wpf-setbox-head .wpf-head-info {font-size: 14px;margin-top: 12px;} |
| 874 |
} |
| 875 |
@media screen and (max-width:480px){ |
| 876 |
#wpf-setbox .wpf-settings-home .wpf-box{width: 100%; margin: 0 0 25px 0;} |
| 877 |
} |
| 878 |
|
