API tools faq
paste
Advertisement
BebeGFX

DarkMind, userinfopane + css.

BebeGFX
May 7th, 2016
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.77 KB | None | 0 0
raw download clone embed print report
  1. UserInfoPane :
  2.  
  3. [spoiler][code]
  4.  
  5. <div itemscope itemtype="http://schema.org/Person" class='user_details'>
  6.     <span class='hide' itemprop="name">{$author['members_display_name']}</span>
  7.     <ul class='basic_info'>
  8.         <if test="membertitle:|:$author['member_title']">
  9.             <p class="mbrtitle">{$author['member_title']}</p>
  10.         </if>
  11.         <if test="avatar:|:$author['member_id']">
  12.             <li class='avatar'>
  13.                 <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
  14.                 <a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
  15.                 </if>
  16.                 <if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
  17.                     <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
  18.                 <else />
  19.                     <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
  20.                 </if>
  21.                 <if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
  22.                 </a>
  23.                 </if>
  24.             </li>
  25.         <else />
  26.             <li class='avatar'>
  27.                 <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
  28.             </li>
  29.         </if>
  30. <dd>{$author['_group_formatted']}</dd>
  31.         <if test="rankimage:|:$author['member_rank_img']">
  32.             <li class='group_icon'>
  33.             <if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
  34.                 <img src='{$author['member_rank_img']}' alt='' />
  35.             <else />
  36.                 {$author['member_rank_img']}
  37.             </if>
  38.             </li>
  39.         </if>
  40.         </ul>
  41.     <div class="extraUserInfo">
  42. <if test="$this->memberData['member_id'] == $author['member_id'] || $this->memberData['is_mod'] OR !empty($this->memberData['access_report_center']) || ($this->memberData['g_access_cp'] AND !$this->settings['security_remove_acp_link'])">
  43. <a class='desc lighter blend_links' href='{parse url="app=members&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'><div class="mentionbtn"> <i class="fa fa-exclamation-triangle"></i></div></a></a></if>
  44. <li class="pmbtn2" id="pm_xxx_"><a href="http://evostrike.com/forum/index.php?app=members&amp;module=messaging&amp;section=send&amp;do=form&amp;fromMemberID=" title="Send message" class="pmbtn bgtw"> <i class="fa fa-paper-plane-o"></i>  <paper-ripple fit=""></paper-ripple></a></li>
  45. <a href="#" onclick="ipb.textEditor.getEditor( ipb.textEditor.getCurrentEditorId() ).insert( '@{$author['members_display_name']}' ) ; return false;" title="@{$author['members_display_name']}"><div class="mentionbtn bgtw"><i class="fa fa-user"></i><paper-ripple fit=""></paper-ripple></div></a>
  46. <div class="ig_userinfo_b4">
  47.  
  48.                 
  49.                 
  50.  
  51.  <div class="center ig_userinfo_b4_1">
  52.       <div>
  53.         <span class="ig_userinfo_b4_m">Posts</span>
  54.       </div>
  55. <div style="padding-top: 5px;">
  56.         <span style="font-size: 15px;"><span class="nstatsNumber">{parse expression="$this->registry->getClass('class_localization')->formatNumber(intval($author['posts']))"}</span>
  57.       </div>
  58.  
  59.       
  60.     </div>
  61.     
  62.                             
  63. </div>
  64. <dl class="pairsJustified">
  65.                 <li class='post_count desc lighter'>
  66.                     <dt><i class="fa fa-user"> </i> Member ID:</dt>
  67.                     <dd>{$author['member_id']}</dd>
  68.                 </li>
  69.             </dl>
  70.             <dl class="pairsJustified">
  71.                 <li class='post_count desc lighter'>
  72.                     <dt><i class="fa fa-calendar"> </i> {$this->lang->words['m_joined']}</dt>
  73.                     <dd>{parse date="$author['joined']" format="joined"}</dd>
  74.                 </li>
  75.             </dl>
  76.         <dl class="pairsJustified">
  77.                 <li class='post_count desc lighter'>
  78.                     <dt><i class="fa fa-thumbs-up"> </i> Reputation:</dt>
  79.                     <dd>{$author['pp_reputation_points']}</dd>
  80.                 </li>
  81.         </dl>
  82.  
  83.   <if test="authorcfields:|:$author['custom_fields'] != """><ul>
  84.             <foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
  85.                 <foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
  86.                     <if test="$field != ''">
  87.                         <li>
  88.                             {$field}
  89.                         </li>
  90.                     </if>
  91.                 </foreach>
  92.             </foreach></ul>  
  93.             
  94.     </if> </div> </div>[/code][/spoiler]
  95.  
  96. [spoiler][code].extraUserInfo{
  97. font-size:12px;
  98. padding:4px 0px;
  99. font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif}
  100. .pairsJustified{word-wrap:break-word;
  101. font-size:12px;
  102. border-bottom:1px solid #2d2d2d;
  103. overflow:hidden;
  104. line-height:2;
  105. list-style-type:none;
  106. transition:border-bottom 0.5s;
  107. transition:border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
  108. text-decoration:none;-webkit-transition:all 0.2s ease-in;
  109. transition:all 0.2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
  110. user-select:none;
  111. background:-webkit-linear-gradient(#2d2d2d 50%, #2d2d2d 50%);background:linear-gradient(#2d2d2d 50%, rgba(51, 102, 153, 0.2) 50%);background-repeat:repeat;
  112. background-size:100% 200%}.pairsJustifiedwarn{word-wrap:break-word;
  113. margin:1px 0 0;
  114. font-size:12px;
  115. overflow:hidden;
  116. line-height:2;
  117. list-style-type:none}.pairsJustified:hover{cursor:default;
  118. background-position:200% 100%}
  119. .pairsJustifiedwarn
  120. dt{font-family:'Source Sans Pro',sans-serif;
  121. font-weight:400;
  122. font-size:12px !important;
  123. text-align:left;
  124. max-width:100%;word-wrap:break-word;
  125. color:#ababab;
  126. text-shadow:0 1px #000}
  127. .pairsJustifiedwarn
  128. dd{word-wrap:break-word;
  129. color:#777;
  130. float:left;
  131. font-size:11px !important;
  132. max-width:100%;padding-left:50px;
  133. text-shadow:0 1px #000}
  134. .pairsJustified
  135. dt{font-family:'Calibri';font-weight:400;
  136. font-size:12px !important;
  137. float:left;
  138. padding-left:5px;
  139. text-align:left;
  140. max-width:100%;word-wrap:break-word;
  141. color:#ababab;
  142. text-shadow:0 1px #000}
  143. .pairsJustified
  144. dd{word-wrap:break-word;
  145. color:#777;
  146. float:right;
  147. font-size:11px !important;
  148. text-align:right;
  149. max-width:100%;text-shadow:0 1px #000;
  150. padding-right:6px}
  151. .pairsJustified
  152. dd2{float:right;
  153. word-wrap:break-word;
  154. font-size:11px !important;
  155. text-align:right;
  156. max-width:100%;padding-right:2px;
  157. text-shadow:0 1px #000}.mentionbtn{margin-right:5px;
  158. display:inline-block;
  159. font-size:14px;
  160. color:#bcbcbc;
  161. width:35px;
  162. height:35px;
  163. line-height:35px;
  164. background:white;
  165. background-color:#2f2f2f;
  166. margin-top:5px;
  167. transition:all 0.7s ease-in-out;
  168. transform:rotate(0deg);border-radius:5px}
  169. .mentionbtn:hover{border-radius:50px;
  170. cursor:pointer;
  171. background-color:#369;
  172. color:#FCFCFC;
  173. cursor:pointer;
  174. transform:rotate(360deg)}.mentionbtn>paper-ripple{border-radius:0px;
  175. overflow:hidden;
  176. color:#96281B}.warnbtn{margin-right:5px;
  177. display:inline-block;
  178. font-size:14px;
  179. color:#bcbcbc;
  180. width:35px;
  181. height:35px;
  182. line-height:35px;
  183. background:white;
  184. background-color:#2f2f2f;
  185. margin-top:2px;
  186. transition:all 0.7s ease-in-out;
  187. transform:rotate(0deg);border-radius:5px}
  188. .warnbtn:hover{transform:rotate(360deg);border-radius:50px;
  189. cursor:pointer;
  190. background-color:#369;
  191. color:#FCFCFC;
  192. cursor:pointer}
  193. .warnbtn>paper-ripple{border-radius:0px;
  194. overflow:hidden;
  195. color:#c00b11}
  196. .pmbtnp:hover{background-position:200% 100%;color:#FCFCFC}
  197. .pmbtnp>paper-ripple{border-radius:0px;
  198. overflow:hidden;
  199. color:#96281B}.pmbtn{margin-right:5px;
  200. display:inline-block;
  201. font-size:14px;
  202. color:#bcbcbc;
  203. width:35px;
  204. height:35px;
  205. line-height:35px;
  206. background:white;
  207. background-color:#2f2f2f;
  208. margin-top:5px;
  209. transition:all 0.7s ease-in-out;
  210. transform:rotate(0deg);border-radius:5px}
  211. .pmbtn:hover{transform:rotate(360deg);
  212. border-radius:50px;
  213. cursor:pointer;
  214. background-color:#369;
  215. color:#FCFCFC}
  216. .pmbtn>paper-ripple{border-radius:0px;
  217. overflow:hidden;
  218. color:#96281B}.pmbtn4{display:inline-block;
  219. position:relative;
  220. width:80px;
  221. height:35px;
  222. line-height:34px;
  223. font-size:0.9em;
  224. color:#646464;
  225. text-decoration:none;
  226. user-select:none;
  227. white-space:nowrap}
  228. .pmbtn4:hover{color:#FCFCFC}
  229. .pmbtn4>paper-ripple{border-radius:0px;
  230. overflow:hidden;
  231. color:#96281B}.btnlog{display:inline-block;
  232. position:relative;
  233. height:32px;
  234. line-height:32px;
  235. font-size:0.9em;
  236. color:#646464;
  237. text-decoration:none;
  238. user-select:none;
  239. white-space:nowrap;
  240. border:1px solid #191919;
  241. box-shadow:0px 0px 1px #2d2d2d;
  242. border-radius:4px;
  243. padding:9px;
  244. overflow:hidden;
  245. width:125px;
  246. text-align:center;
  247. transition:all 0.7s ease-in-out}.btnlog:hover{cursor:pointer;
  248. color:#369}.btnlog>paper-ripple{border-radius:0px;
  249. overflow:hidden;
  250. color:#96281B}.title2{cursor:pointer;
  251. width:100%;margin-bottom:5px;
  252. font-size:11px;line-height:11px;
  253. text-shadow:0 1px 1px black;
  254. padding:5px 0px;
  255. transition:all 0.5s;
  256. border-bottom:1px dashed #333}.title{cursor:pointer;
  257. width:100%;margin-bottom:5px;
  258. font-size:11px;
  259. line-height:11px;
  260. padding:5px0px;
  261. transition:all 0.5s}#colci{color:#369;
  262. margin-left:-10px;
  263. opacity:0;
  264. pointer-events:none;
  265. transform:rotate(-90deg);
  266. transition:all 0.4s}
  267. .col_c_post li span:hover
  268. #colci{margin-left:0px;
  269. opacity:1;
  270. pointer-events:auto;
  271. transform:rotate(0deg)}.hover-item{color:#fff}
  272. .hover-item:hover{color:red}.active{}
  273. .reclama{background:#121212 url("http://darkmind.ro/forum/public/style_images/darkmind/backgroundad.png") repeat;
  274. border:1px
  275. solid #333;
  276. padding:6px}[/codel[/spoiler]
  277.  
  278. Te descurci cu css, eu am pus unu sub altu, daca nu iti convine, il rescrii.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!