Advertisement
ValhallaIsOurKingdom

Trust me

Jun 25th, 2015
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.40 KB | None | 0 0
  1. /*Avatares*/
  2. .triangulo {
  3. top: -20px;
  4. position: absolute;
  5. width: 0;
  6. height: 0;
  7. border-top: 100px solid #cccc99;
  8. border-right: 100px solid transparent;
  9. }
  10. .postprofile {
  11. height: 370px;
  12. width: 200px;
  13. padding: 20px;
  14. background-image: url('http://i.imgur.com/o35icis.png');
  15. }
  16. .todoprof {
  17. background: #cccc99;
  18. bottom: 400px;
  19. width: 200px;
  20. height: 310px;
  21. position: absolute;
  22. overflow: auto;
  23. transition-duration: .8s;
  24. -webkit-transition-duration: .8s;
  25. -moz-transition-duration: .8s;
  26. -ms-transition-duration: .8s; -o- transition-duration: .8s;
  27. }
  28. .ava {
  29. width: 200px;
  30. height: 395px;
  31. position: relative;
  32. overflow: hidden;
  33. }
  34. .ava:hover .todoprof {
  35. bottom: 90px;
  36. }
  37. .spans {
  38. margin-left: 6px;
  39. display: inline-block;
  40. width: 94px;
  41. background-color: #339900 ;
  42. font-family: 'calibri';
  43. font-size: 8px;
  44. text-align: center;
  45. color: #fff;
  46. padding-top: 10px;
  47. padding-bottom: 10px;
  48. margin-right: 1px;
  49. margin-bottom: 1px;
  50. text-transform: uppercase;
  51. letter-spacing: 2px;
  52. outline: 1px solid #fff;
  53. }
  54. .spans2 {
  55. display: inline-block;
  56. width: 94px;
  57. background-color: #339900 ;
  58. font-family: 'calibri';
  59. font-size: 8px;
  60. text-align: center;
  61. color: #fff;
  62. padding-top: 10px;
  63. padding-bottom: 10px;
  64. margin-right: 1px;
  65. margin-bottom: 1px;
  66. text-transform: uppercase;
  67. letter-spacing: 2px;
  68. outline: 1px solid #fff;
  69. }
  70. .spans3 {
  71. margin-left: 5px;
  72. }
  73. .hoja {
  74. margin-top: 30px;
  75. text-align: center;
  76. padding: 5px;
  77. height: 50px;
  78. }
  79.  
  80.  
  81. TEMPLATE:
  82.  
  83. <script type="text/javascript">
  84. //<![CDATA[
  85. var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
  86.  
  87.  
  88. $(function(){
  89.  
  90. if(typeof(_atc) == "undefined") {
  91. _atc = { };
  92. }
  93.  
  94. _atc.cwait = 0;
  95. $('.addthis_button').mouseup(function(){
  96. if ($('#at15s').css('display') == 'block') {
  97. addthis_close();
  98. }
  99. });
  100. });
  101.  
  102. var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
  103. showHiddenMessage = function(id)
  104. {
  105. try
  106. {
  107. var regId = parseInt(id, 10);
  108. if( isNaN(regId) ) { regId = 0; }
  109.  
  110. if( regId > 0)
  111. {
  112. $('.post--' + id).toggle(0, function()
  113. {
  114. if( $(this).is(":visible") )
  115. {
  116. $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
  117. }
  118. else
  119. {
  120. $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
  121. }
  122. });
  123. }
  124. }
  125. catch(e) { }
  126.  
  127. return false;
  128. };
  129.  
  130. //]]>
  131. </script>
  132.  
  133. <h1 class="page-title">
  134. <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
  135. </h1>
  136. <div class="topic-actions">
  137. <div class="buttons">
  138.  
  139. <!-- BEGIN switch_user_authpost -->
  140. <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;&nbsp;
  141. <!-- END switch_user_authpost -->
  142.  
  143. <!-- BEGIN switch_user_authreply -->
  144. <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
  145. <!-- END switch_user_authreply -->
  146. </div>
  147.  
  148. <div class="pathname-box">
  149. <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  150. <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
  151. <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
  152. {NAV_CAT_DESC}
  153. </p>
  154. </div>
  155.  
  156. <p class="right">
  157. <!-- BEGIN switch_twitter_btn -->
  158. <span>
  159. <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
  160. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  161. </span>
  162. <!-- END switch_twitter_btn -->
  163. <!-- BEGIN switch_fb_likebtn -->
  164. <script>(function(d, s, id) {
  165. var js, fjs = d.getElementsByTagName(s)[0];
  166. if (d.getElementById(id)) return;
  167. js = d.createElement(s); js.id = id;
  168. js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  169. fjs.parentNode.insertBefore(js, fjs);
  170. }(document, 'script', 'facebook-jssdk'));</script>
  171. <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
  172. <!-- END switch_fb_likebtn -->
  173. </p>
  174.  
  175. <div class="pagination">
  176. {PAGE_NUMBER}
  177. &nbsp;&bull;&nbsp;
  178. <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
  179. <!-- BEGIN switch_plus_menu -->
  180. &nbsp;&bull;&nbsp;
  181. <script type="text/javascript">//<![CDATA[
  182. var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
  183. var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
  184. var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
  185. var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
  186. var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
  187. var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
  188. insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
  189. //]]>
  190. </script>
  191. <!-- END switch_plus_menu -->
  192. </div>
  193. <div class="clear"></div>
  194. </div>
  195.  
  196. <!-- BEGIN topicpagination -->
  197. <p class="pagination">{PAGINATION}</p>
  198. <!-- END topicpagination -->
  199. <p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
  200. <div class="clear"></div>
  201. {POLL_DISPLAY}
  202.  
  203. <!-- BEGIN postrow -->
  204. <!-- BEGIN hidden -->
  205. <div class="post {postrow.hidden.ROW_COUNT}">
  206. <div class="inner">
  207. <span class="corners-top"><span></span></span>
  208. <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
  209. <div class="clear"></div>
  210. <span class="corners-bottom"><span></span></span>
  211. </div>
  212. </div>
  213. <!-- END hidden -->
  214. <!-- BEGIN displayed -->
  215. <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
  216. <div class="inner"><span class="corners-top"><span></span></span>
  217. <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
  218. <div class="postbody">
  219.  
  220. <ul class="profile-icons">
  221. <li>{postrow.displayed.THANK_IMG}</li>
  222. <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
  223. <li>{postrow.displayed.QUOTE_IMG}</li>
  224. <li>{postrow.displayed.EDIT_IMG}</li>
  225. <li>{postrow.displayed.DELETE_IMG}</li>
  226. <li>{postrow.displayed.IP_IMG}</li>
  227. <li>{postrow.displayed.REPORT_IMG_NEW}</li>
  228. </ul>
  229.  
  230. <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
  231. <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" />&nbsp;{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
  232. <div class="clearfix"></div>
  233.  
  234. <!-- BEGIN switch_vote_active -->
  235. <div class="vote gensmall">
  236. <!-- BEGIN switch_vote -->
  237. <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
  238. <!-- END switch_vote -->
  239.  
  240. <!-- BEGIN switch_bar -->
  241. <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
  242. <!-- BEGIN switch_vote_plus -->
  243. <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
  244. <!-- END switch_vote_plus -->
  245.  
  246. <!-- BEGIN switch_vote_minus -->
  247. <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
  248. <!-- END switch_vote_minus -->
  249. </div>
  250. <!-- END switch_bar -->
  251.  
  252. <!-- BEGIN switch_no_bar -->
  253. <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
  254. <!-- END switch_no_bar -->
  255.  
  256. <!-- BEGIN switch_vote -->
  257. <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
  258. <!-- END switch_vote -->
  259. </div>
  260. <!-- END switch_vote_active -->
  261.  
  262. <div style="display:none"></div>
  263. <div class="content clearfix">
  264. <div>{postrow.displayed.MESSAGE}</div>
  265. <!-- BEGIN switch_attachments -->
  266. <dl class="attachbox">
  267. <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
  268. <dd class="attachments">
  269. <!-- BEGIN switch_post_attachments -->
  270. <dl class="file clearfix">
  271. <dt>
  272. <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
  273. </dt>
  274. <dd>
  275. <!-- BEGIN switch_dl_att -->
  276. <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
  277. <!-- END switch_dl_att -->
  278.  
  279. <!-- BEGIN switch_no_dl_att -->
  280. <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
  281. <!-- END switch_no_dl_att -->
  282.  
  283. <!-- BEGIN switch_no_comment -->
  284. <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
  285. <!-- END switch_no_comment -->
  286.  
  287. <!-- BEGIN switch_no_dl_att -->
  288. <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
  289. <!-- END switch_no_dl_att -->
  290.  
  291. <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
  292. </dd>
  293. </dl>
  294. <!-- END switch_post_attachments -->
  295. </dd>
  296. </dl>
  297. <!-- END switch_attachments -->
  298. </div>
  299. {postrow.displayed.EDITED_MESSAGE}
  300. <!-- BEGIN switch_signature -->
  301. <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
  302. <!-- END switch_signature -->
  303. </div>
  304.  
  305. <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
  306. <!-- div class="online2"></div-->
  307. <div class="ava">
  308. <div class="todoprof">
  309. <div class="hoja">{postrow.displayed.POSTER_RPG}</div>
  310. <!-- BEGIN profile_field -->
  311. <div class="spans">{postrow.displayed.profile_field.LABEL}</div><div class="spans2">{postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}
  312. <!-- END profile_field --><div class="spans3">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}{postrow.displayed.EMAIL_IMG}</div></div><div class="triangulo"><div style="margin-top: -70px; width: 50px;text-align: center;font-size: 8px; letter-spacing: 2px; color: #fff;">here's {postrow.displayed.POSTER_NAME}</div></div>{postrow.displayed.POSTER_AVATAR}<div id="rango">{postrow.displayed.RANK_IMAGE}</div></div>
  313. </div>
  314. </div>
  315.  
  316. <div class="clear"></div>
  317.  
  318. <p class="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
  319. <span class="corners-bottom"><span></span></span></div>
  320. </div>
  321. <!-- BEGIN first_post_br -->
  322. <hr id="first-post-br" />
  323. <!-- END first_post_br -->
  324. <!-- END displayed -->
  325. <!-- END postrow -->
  326.  
  327. <a name="bottomtitle"></a>
  328.  
  329. <!-- BEGIN topicpagination -->
  330. <p class="pagination">{PAGINATION}</p>
  331. <!-- END topicpagination -->
  332.  
  333. <p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a></p>
  334.  
  335. <div class="clear"></div>
  336.  
  337. <div class="noprint">
  338. <!-- BEGIN switch_user_logged_in -->
  339. <!-- BEGIN watchtopic -->
  340. <p class="right">{S_WATCH_TOPIC}</p>
  341. <!-- END watchtopic -->
  342. <!-- END switch_user_logged_in -->
  343. </div>
  344.  
  345. <!-- BEGIN promot_trafic -->
  346. <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
  347. <span class="corners-top"><span></span></span>
  348. <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
  349. <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
  350. <span class="corners-bottom"><span></span></span>
  351. </div>
  352. <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
  353. <span class="corners-top"><span></span></span>
  354. <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
  355. <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
  356. <div class="clear"></div>
  357. <div>
  358. <!-- BEGIN link -->
  359. &raquo;&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
  360. <!-- END link -->
  361. </div>
  362. <span class="corners-bottom"><span></span></span>
  363. </div>
  364. <!-- END promot_trafic -->
  365.  
  366. <!-- BEGIN switch_forum_rules -->
  367. <div class="post row1" id="forum_rules">
  368. <span class="corners-top"><span></span></span>
  369. <div class="h3">&nbsp;{L_FORUM_RULES}</div>
  370. <div class="clear"></div>
  371. <table class="postbody">
  372. <tr>
  373. <!-- BEGIN switch_forum_rule_image -->
  374. <td class="logo">
  375. <img src="{RULE_IMG_URL}" alt="" />
  376. </td>
  377. <!-- END switch_forum_rule_image -->
  378. <td class="rules content">
  379. {RULE_MSG}
  380. </td>
  381. </tr>
  382. </table>
  383. <span class="corners-bottom"><span></span></span>
  384. </div>
  385. <!-- END switch_forum_rules -->
  386.  
  387. <!-- BEGIN switch_user_logged_in -->
  388. <a name="quickreply"></a>
  389. {QUICK_REPLY_FORM}
  390. <!-- END switch_user_logged_in -->
  391.  
  392. <hr />
  393.  
  394. <div class="topic-actions">
  395. <div class="buttons">
  396. <!-- BEGIN switch_user_authpost -->
  397. <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;&nbsp;
  398. <!-- END switch_user_authpost -->
  399.  
  400. <!-- BEGIN switch_user_authreply -->
  401. <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
  402. <!-- END switch_user_authreply -->
  403. </div>
  404.  
  405. <div class="pathname-box">
  406. <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
  407. </div>
  408.  
  409. <div class="pagination">
  410. {PAGE_NUMBER}
  411. </div>
  412. </div>
  413. <div class="clear"></div>
  414.  
  415. <!-- BEGIN viewtopic_bottom -->
  416. <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
  417. <fieldset class="jumpbox">
  418. <label>{L_JUMP_TO}:&nbsp;</label>
  419. {S_JUMPBOX_SELECT}&nbsp;
  420. <input class="button2" type="submit" value="{L_GO}" />
  421. </fieldset>
  422. </form>
  423. <!-- END viewtopic_bottom -->
  424.  
  425. <!-- BEGIN viewtopic_bottom -->
  426. <form method="get" action="{S_FORM_MOD_ACTION}">
  427. <fieldset class="quickmod">
  428. <input type="hidden" name="t" value="{TOPIC_ID}" />
  429.  
  430. <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
  431. <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
  432. <label>{L_MOD_TOOLS}:&nbsp;</label>
  433. {S_SELECT_MOD}&nbsp;
  434. <input class="button2" type="submit" value="{L_GO}" />
  435. </fieldset>
  436. </form>
  437. <div class="clear"></div>
  438. <p class="right">{S_TOPIC_ADMIN}</p>
  439. <!-- END viewtopic_bottom -->
  440.  
  441. <!-- BEGIN show_permissions -->
  442. <div class="h3">{L_TABS_PERMISSIONS}</div>
  443. {S_AUTH_LIST}
  444. <!-- END show_permissions -->
  445.  
  446. <!-- BEGIN switch_image_resize -->
  447. <script type="text/javascript">
  448. //<![CDATA[
  449. $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
  450. //]]>
  451. </script>
  452. <!-- END switch_image_resize -->
  453.  
  454. <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement